├── .gitignore
├── assets
    ├── js
    │   ├── hyper
    │   │   ├── state
    │   │   │   └── globalState.js
    │   │   ├── actions
    │   │   │   └── actions.js
    │   │   ├── index.js
    │   │   └── components
    │   │   │   └── App.js
    │   ├── main.js
    │   └── components
    │   │   ├── svelte
    │   │       ├── SvelteApp.js
    │   │       ├── Header.svelte
    │   │       └── App.svelte
    │   │   └── FirstComp.js
    ├── img
    │   └── logo.png
    ├── views
    │   ├── svelte.pug
    │   ├── index.pug
    │   ├── second
    │   │   ├── index.pug
    │   │   ├── third.pug
    │   │   ├── index.edge
    │   │   └── third.edge
    │   ├── layouts
    │   │   ├── app.pug
    │   │   └── app.edge
    │   └── index.edge
    └── scss
    │   ├── styles.scss
    │   └── _reset.scss
├── postcss.config.js
├── public
    ├── img
    │   └── logo.png
    ├── svelte
    │   └── index.html
    ├── second
    │   ├── index.html
    │   └── third
    │   │   └── index.html
    ├── index.html
    ├── css
    │   └── styles.css
    └── js
    │   └── dist
    │       ├── main.js
    │       ├── FirstComp.js
    │       ├── hyper.js
    │       ├── vendors~hyper.js
    │       ├── SApp.js
    │       └── vendors~SApp.js
├── .prettierrc
├── .babelrc
├── webpack.config.js
├── package.json
├── README.md
└── gulpfile.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/


--------------------------------------------------------------------------------
/assets/js/hyper/state/globalState.js:
--------------------------------------------------------------------------------
1 | export const globalState = {
2 | 	count: 0
3 | };
4 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |     plugins: [
3 |       require('autoprefixer')
4 |     ]
5 | }


--------------------------------------------------------------------------------
/assets/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codingphasedotcom/hyperapp-starterkit/HEAD/assets/img/logo.png


--------------------------------------------------------------------------------
/assets/js/main.js:
--------------------------------------------------------------------------------
1 | class Test {
2 | 	main = () => {
3 | 		console.log(swag);
4 | 	};
5 | }
6 | Test.main();
7 | 


--------------------------------------------------------------------------------
/public/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/codingphasedotcom/hyperapp-starterkit/HEAD/public/img/logo.png


--------------------------------------------------------------------------------
/assets/views/svelte.pug:
--------------------------------------------------------------------------------
1 | extends layouts/app 
2 | 
3 | block content
4 |   #app 
5 |   script(src='/js/dist/vendors~SApp.js')
6 |   script(src='/js/dist/SApp.js')
7 | 


--------------------------------------------------------------------------------
/assets/views/index.pug:
--------------------------------------------------------------------------------
1 | extends layouts/app 
2 | 
3 | block content
4 |   #app 
5 |   script(src='/js/dist/vendors~FirstComp.js')
6 |   script(src='/js/dist/FirstComp.js')


--------------------------------------------------------------------------------
/assets/js/components/svelte/SvelteApp.js:
--------------------------------------------------------------------------------
1 | import App from './App.svelte';
2 | const app = new App({
3 | 	target: document.getElementById('app'),
4 | 	props: {
5 | 		name: 'blue'
6 | 	}
7 | });
8 | export default app;
9 | 


--------------------------------------------------------------------------------
/assets/views/second/index.pug:
--------------------------------------------------------------------------------
1 | extends ../layouts/app.pug
2 | 
3 | block content
4 |   #app
5 |     .home
6 |       .Aligner
7 |         .Aligner-item
8 |           img(src='/img/logo.png')
9 |           h1 Second with Pug


--------------------------------------------------------------------------------
/assets/views/second/third.pug:
--------------------------------------------------------------------------------
1 | extends ../layouts/app.pug
2 | 
3 | block content
4 |   #app
5 |     .home
6 |       .Aligner
7 |         .Aligner-item
8 |           img(src='/img/logo.png')
9 |           h1 Third with Pug


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "useTabs": true,
 3 |   "printWidth": 80,
 4 |   "tabWidth": 2,
 5 |   "singleQuote": true,
 6 |   "trailingComma": "none",
 7 |   "jsxBracketSameLine": false,
 8 |   "parser": "babylon",
 9 |   "noSemi": true,
10 |   "rcVerbose": true
11 | }


--------------------------------------------------------------------------------
/assets/js/components/svelte/Header.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <style>
 3 |   header{
 4 |     background: #676778;
 5 |     color: red;
 6 |     text-align: center;
 7 |     padding: 20px;
 8 |     font-size: 1.1rem;
 9 |     font-weight: 700;
10 |     color: white;
11 |     }
12 | </style>
13 | 
14 | <header id="header">
15 |   Svelte Setup
16 | </header>
17 | 


--------------------------------------------------------------------------------
/assets/views/second/index.edge:
--------------------------------------------------------------------------------
 1 | @layout('./layouts/app')
 2 | 
 3 | @section('content')
 4 | <div id="app">
 5 |   <div class="home">
 6 |     <div class="Aligner">
 7 |       <div class="Aligner-item"><img src="/img/logo.png">
 8 |         <h1>Second with edge</h1>
 9 |         
10 |       </div>
11 |     </div>
12 |   </div>
13 | </div>
14 | @endsection


--------------------------------------------------------------------------------
/assets/views/second/third.edge:
--------------------------------------------------------------------------------
 1 | @layout('./layouts/app')
 2 | 
 3 | @section('content')
 4 | <div id="app">
 5 |   <div class="home">
 6 |     <div class="Aligner">
 7 |       <div class="Aligner-item"><img src="/img/logo.png">
 8 |         <h1>Third with edge</h1>
 9 |         
10 |       </div>
11 |     </div>
12 |   </div>
13 | </div>
14 | @endsection


--------------------------------------------------------------------------------
/assets/js/hyper/actions/actions.js:
--------------------------------------------------------------------------------
 1 | export const actions = {
 2 | 	up,
 3 | 	intro,
 4 | 	showMenu
 5 | };
 6 | 
 7 | function up(state, actions) {
 8 | 	return { count: state.count + 1 };
 9 | }
10 | 
11 | function showMenu() {}
12 | 
13 | function intro(state, actions) {
14 | 	console.log('Just ran my first action');
15 | 	return { count: state.count + 1 };
16 | }
17 | 


--------------------------------------------------------------------------------
/assets/views/layouts/app.pug:
--------------------------------------------------------------------------------
 1 | doctype html
 2 | html
 3 |   head
 4 |     meta(charset='utf-8')
 5 |     title CodingPhase Starter Kit
 6 |     meta(name='viewport', content='width=device-width, initial-scale=1')
 7 |     link(rel='stylesheet', href='/css/styles.css')
 8 |     script(async='', defer='', src='https://buttons.github.io/buttons.js')
 9 |   body
10 |     block content


--------------------------------------------------------------------------------
/public/svelte/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html><head><meta charset="utf-8"><title>CodingPhase Starter Kit</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/css/styles.css"><script async="" defer="" src="https://buttons.github.io/buttons.js"></script></head><body><div id="app"> </div><script src="/js/dist/vendors~SApp.js"></script><script src="/js/dist/SApp.js"></script></body></html>


--------------------------------------------------------------------------------
/public/second/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html><head><meta charset="utf-8"><title>CodingPhase Starter Kit</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/css/styles.css"><script async="" defer="" src="https://buttons.github.io/buttons.js"></script></head><body><div id="app"><div class="home"><div class="Aligner"><div class="Aligner-item"><img src="/img/logo.png"><h1>Second with Pug</h1></div></div></div></div></body></html>


--------------------------------------------------------------------------------
/public/second/third/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html><head><meta charset="utf-8"><title>CodingPhase Starter Kit</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/css/styles.css"><script async="" defer="" src="https://buttons.github.io/buttons.js"></script></head><body><div id="app"><div class="home"><div class="Aligner"><div class="Aligner-item"><img src="/img/logo.png"><h1>Third with Pug</h1></div></div></div></div></body></html>


--------------------------------------------------------------------------------
/assets/views/layouts/app.edge:
--------------------------------------------------------------------------------
 1 | <html>
 2 | 
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>CodingPhase Starter Kit</title>
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |   <link rel="stylesheet" href="/css/styles.css">
 8 |   <script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
 9 | </head>
10 | 
11 | <body>
12 |   @!section('content')
13 |   <script src="js/dist/vendors~FirstComp.js"></script>
14 |   <script src="js/dist/FirstComp.js"></script>
15 | </body>
16 | 
17 | </html>


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <title>CodingPhase Starter Kit</title>
 7 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 8 |   <link rel="stylesheet" href="/css/styles.css">
 9 |   <script async="" defer="" src="https://buttons.github.io/buttons.js"></script>
10 | </head>
11 | 
12 | <body>
13 |   <div id="app"></div>
14 |   <script src="/js/dist/vendors~hyper.js"></script>
15 |   <script src="/js/dist/hyper.js"></script>
16 | </body>
17 | 
18 | </html>


--------------------------------------------------------------------------------
/assets/js/hyper/index.js:
--------------------------------------------------------------------------------
 1 | import { h, app } from 'hyperapp';
 2 | import { actions } from './actions/actions.js';
 3 | import { globalState } from './state/globalState.js';
 4 | import App from './components/App.js';
 5 | 
 6 | app({
 7 | 	state: { globalState },
 8 | 	view: (state, actions) => <App state={state} actions={actions} />,
 9 | 	root: document.getElementById('app'),
10 | 	actions,
11 | 	events: {
12 | 		action(state, actions, { name, data }) {
13 | 			console.group('Action Info');
14 | 			console.log('Name:', name);
15 | 			console.log('Data:', data);
16 | 			console.groupEnd();
17 | 		},
18 | 		load(state, actions) {
19 | 			actions.intro();
20 | 		}
21 | 	}
22 | });
23 | 


--------------------------------------------------------------------------------
/assets/views/index.edge:
--------------------------------------------------------------------------------
 1 | @layout('layouts/app')
 2 | 
 3 | @section('content')
 4 | <div id="app">
 5 |   <div class="home">
 6 |     <div class="Aligner">
 7 |       <div class="Aligner-item"><img src="/img/logo.png">
 8 |         <h1>Dev-Starter-Kit</h1>
 9 |         <div class="menu">
10 |           <ul>
11 |             <li><a href="http://starterkit.codingphase.com" target="new">Documentation</a></li>
12 |             <li><a href="http://www.codingphase.com" target="new">CodingPhase.Com</a></li>
13 |           </ul>
14 |         </div>
15 |         <div class="version-num">version 4.0.0</div><br><span></span>
16 |       </div>
17 |     </div>
18 |   </div>
19 | </div>
20 | @endsection


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 | 
 4 |     ["@babel/env",
 5 |       {
 6 |         "targets": {
 7 |           "edge": "17",
 8 |           "firefox": "60",
 9 |           "chrome": "67",
10 |           "safari": "11.1"
11 |         }
12 |       }
13 |     ],
14 |     "@babel/preset-react"
15 |   ],
16 |   "plugins": [
17 |     [
18 |       "transform-react-jsx",
19 |       {
20 |         "pragma": "h"
21 |       }
22 |     ],
23 |     ["@babel/plugin-proposal-decorators", {
24 |       "legacy": true
25 |     }],
26 |     ["@babel/plugin-proposal-class-properties", {
27 |       "loose": true
28 |     }],
29 |     "@babel/plugin-syntax-dynamic-import",
30 |     "@babel/plugin-transform-async-to-generator"
31 |   ]
32 | }


--------------------------------------------------------------------------------
/assets/js/hyper/components/App.js:
--------------------------------------------------------------------------------
 1 | import { h, app } from 'hyperapp';
 2 | 
 3 | export default function App({ state, actions }) {
 4 | 	return (
 5 | 		<div class={'app'}>
 6 | 			<div>
 7 | 				<h1>Hyperapp Starter Kit</h1>
 8 | 				<a href="http://www.codingphase.com/" target="new">
 9 | 					{' '}
10 | 					by CodingPhase.com
11 | 				</a>
12 | 			</div>
13 | 			<div className="stars">
14 | 				<a
15 | 					className="github-button"
16 | 					href="https://github.com/codingphasedotcom/hyperapp-starterkit"
17 | 					data-size="large"
18 | 					data-show-count="true"
19 | 					aria-label="Star codingphasedotcom/hyperapp-starterkit on GitHub"
20 | 				>
21 | 					Star
22 | 				</a>
23 | 			</div>
24 | 		</div>
25 | 	);
26 | }
27 | // <Header state={state} actions={actions}/>
28 | // <Button state={state} actions={actions}/>
29 | 


--------------------------------------------------------------------------------
/assets/scss/styles.scss:
--------------------------------------------------------------------------------
 1 | @import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700");
 2 | @import "reset";
 3 | 
 4 | 
 5 | 
 6 | body {
 7 |   line-height: 1;
 8 |   background: white;
 9 | }
10 | 
11 | ol,
12 | ul {
13 |   list-style: none;
14 | }
15 | 
16 | blockquote,
17 | q {
18 |   quotes: none;
19 | }
20 | 
21 | blockquote:after,
22 | blockquote:before,
23 | q:after,
24 | q:before {
25 |   content: '';
26 |   content: none;
27 | }
28 | 
29 | table {
30 |   border-collapse: collapse;
31 |   border-spacing: 0;
32 | }
33 | 
34 | body {
35 |   font-family: 'Roboto', sans-serif;
36 | }
37 | 
38 | h1 {
39 |   font-weight: 100;
40 |   font-size: 50px;
41 | }
42 | 
43 | #app {
44 |   height: 100vh;
45 |   width: 100%;
46 |   display:flex;
47 |   justify-content: center;
48 |   align-items: center;
49 |   div{
50 |     display:flex;
51 |     flex-direction: column;
52 |     justify-content: center;
53 |     align-items: flex-end;
54 |   }
55 |   a {
56 |     text-decoration: none;
57 |     color: #30395C;
58 |     transition: all 0.3s ease-in-out;
59 |     text-align: right;
60 |   }
61 |   a:hover {
62 |     color: #43D4D6;
63 |   }
64 | }
65 | 


--------------------------------------------------------------------------------
/assets/scss/_reset.scss:
--------------------------------------------------------------------------------
 1 | *{
 2 |   box-sizing: border-box;
 3 | }
 4 | /* http://meyerweb.com/eric/tools/css/reset/ 
 5 |    v2.0 | 20110126
 6 |    License: none (public domain)
 7 | */
 8 | 
 9 | html, body, div, span, applet, object, iframe,
10 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
11 | a, abbr, acronym, address, big, cite, code,
12 | del, dfn, em, img, ins, kbd, q, s, samp,
13 | small, strike, strong, sub, sup, tt, var,
14 | b, u, i, center,
15 | dl, dt, dd, ol, ul, li,
16 | fieldset, form, label, legend,
17 | table, caption, tbody, tfoot, thead, tr, th, td,
18 | article, aside, canvas, details, embed, 
19 | figure, figcaption, footer, header, hgroup, 
20 | menu, nav, output, ruby, section, summary,
21 | time, mark, audio, video {
22 | 	margin: 0;
23 | 	padding: 0;
24 | 	border: 0;
25 | 	font-size: 100%;
26 | 	font: inherit;
27 | 	vertical-align: baseline;
28 | }
29 | /* HTML5 display-role reset for older browsers */
30 | article, aside, details, figcaption, figure, 
31 | footer, header, hgroup, menu, nav, section {
32 | 	display: block;
33 | }
34 | body {
35 | 	line-height: 1;
36 | }
37 | ol, ul {
38 | 	list-style: none;
39 | }
40 | blockquote, q {
41 | 	quotes: none;
42 | }
43 | blockquote:before, blockquote:after,
44 | q:before, q:after {
45 | 	content: '';
46 | 	content: none;
47 | }
48 | table {
49 | 	border-collapse: collapse;
50 | 	border-spacing: 0;
51 | }


--------------------------------------------------------------------------------
/public/css/styles.css:
--------------------------------------------------------------------------------
1 | @import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700");*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{line-height:1;background:white}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:'Roboto', sans-serif}h1{font-weight:100;font-size:50px}#app{height:100vh;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#app div{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}#app a{text-decoration:none;color:#30395C;transition:all 0.3s ease-in-out;text-align:right}#app a:hover{color:#43D4D6}
2 | 


--------------------------------------------------------------------------------
/assets/js/components/FirstComp.js:
--------------------------------------------------------------------------------
 1 | import React, { Component } from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | 
 4 | class Layout extends Component {
 5 | 	constructor() {
 6 | 		super();
 7 | 		this.state = {
 8 | 			name: 'Joe'
 9 | 		};
10 | 	}
11 | 	clickedBtn = () => {};
12 | 	async test() {}
13 | 	render() {
14 | 		return (
15 | 			<div className="home">
16 | 				<div className="Aligner">
17 | 					<div className="Aligner-item">
18 | 						<img src="/img/logo.png" />
19 | 						<h1>Dev-Starter-Kit</h1>
20 | 						<div className="menu">
21 | 							<ul>
22 | 								<li>
23 | 									<a href="http://starterkit.codingphase.com" target="new">
24 | 										Documentation
25 | 									</a>
26 | 								</li>
27 | 								<li>
28 | 									<a href="http://www.codingphase.com" target="new">
29 | 										CodingPhase.Com
30 | 									</a>
31 | 								</li>
32 | 							</ul>
33 | 						</div>
34 | 						<div className="version-num">version 4.0.0</div>
35 | 						<br />
36 | 						<a
37 | 							className="github-button"
38 | 							href="https://github.com/codingphasedotcom/Starter-Kit-2019"
39 | 							data-icon="octicon-star"
40 | 							data-style="mega"
41 | 							data-count-href="/codingphasedotcom/rocky/stargazers"
42 | 							data-count-api="/repos/codingphasedotcom/rocky#stargazers_count"
43 | 							data-count-aria-label="# stargazers on GitHub"
44 | 							aria-label="Star codingphasedotcom/rocky on GitHub"
45 | 						>
46 | 							Star
47 | 						</a>
48 | 					</div>
49 | 				</div>
50 | 			</div>
51 | 		);
52 | 	}
53 | }
54 | 
55 | const app = document.getElementById('app');
56 | 
57 | ReactDOM.render(<Layout />, app);
58 | 


--------------------------------------------------------------------------------
/assets/js/components/svelte/App.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |     import Header from './Header.svelte';
 3 |     export let name;
 4 | </script>
 5 | <style>
 6 |     h1 {
 7 |         color: red;
 8 |     }
 9 | </style>
10 | <Header />
11 | <div class="home">
12 |     <div class="Aligner">
13 |         <div class="Aligner-item">
14 |             <img alt="CodingPhase Logo" src="/img/logo.png" />
15 |             <h1>Dev-Starter-Kit</h1>
16 |             <div class="menu">
17 |                 <ul>
18 |                     <li>
19 |                         <a href="http://starterkit.codingphase.com" target="new">
20 |                             Documentation
21 |                         </a>
22 |                     </li>
23 |                     <li>
24 |                         <a href="http://www.codingphase.com" target="new">
25 |                             CodingPhase.Com
26 |                         </a>
27 |                     </li>
28 |                 </ul>
29 |             </div>
30 |             <div class="version-num">version 4.0.2</div>
31 |             <br />
32 |             <a
33 |                 class="github-button"
34 |                 href="https://github.com/codingphasedotcom/Dev-Starter-Kit"
35 |                 data-icon="octicon-star"
36 |                 data-style="mega"
37 |                 data-count-href="/codingphasedotcom/rocky/stargazers"
38 |                 data-count-api="/repos/codingphasedotcom/rocky#stargazers_count"
39 |                 data-count-aria-label="# stargazers on GitHub"
40 |                 aria-label="Star codingphasedotcom/rocky on GitHub"
41 |             >
42 |                 Star
43 |             </a>
44 |         </div>
45 |     </div>
46 | </div>
47 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | const HtmlWebpackPlugin = require('html-webpack-plugin');
 3 | const WebpackMd5Hash = require('webpack-md5-hash');
 4 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 5 | const CleanWebpackPlugin = require('clean-webpack-plugin');
 6 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
 7 | const UglifyJS = require('uglify-es');
 8 | 
 9 | const DefaultUglifyJsOptions = UglifyJS.default_options();
10 | const compress = DefaultUglifyJsOptions.compress;
11 | for (let compressOption in compress) {
12 | 	compress[compressOption] = false;
13 | }
14 | compress.unused = true;
15 | 
16 | module.exports = env => {
17 | 	return {
18 | 		entry: {
19 | 			hyper: './assets/js/hyper/index.js'
20 | 			// SApp: './assets/js/components/svelte/SvelteApp.js'
21 | 			// main: './assets/js/main.js'
22 | 		},
23 | 		output: {
24 | 			path: path.resolve(__dirname, 'public/js/dist'),
25 | 			filename: '[name].js' // '[name].[chunkhash].js' put this if you want to get hashed files to cache bust
26 | 		},
27 | 		module: {
28 | 			rules: [
29 | 				{
30 | 					test: /\.js$/,
31 | 					exclude: /node_modules/,
32 | 					use: ['babel-loader', 'prettier-loader']
33 | 				},
34 | 				{
35 | 					test: /\.svelte$/,
36 | 					exclude: /node_modules/,
37 | 					use: 'svelte-loader'
38 | 				},
39 | 				{
40 | 					test: /\.scss$/,
41 | 					use: [
42 | 						'style-loader',
43 | 						MiniCssExtractPlugin.loader,
44 | 						'css-loader',
45 | 						'sass-loader',
46 | 						'postcss-loader'
47 | 					]
48 | 				}
49 | 			]
50 | 		},
51 | 		plugins: [
52 | 			new MiniCssExtractPlugin({
53 | 				filename: 'styles.css' // 'style.[contenthash].css' put this if you want to get hashed files to cache bust
54 | 			}),
55 | 			// new HtmlWebpackPlugin({
56 | 			// 	inject: false,
57 | 			// 	hash: true,
58 | 			// 	template: './assets/index.html',
59 | 			// 	children: false,
60 | 			// 	filename: '../index.html'
61 | 			// }),
62 | 			new WebpackMd5Hash()
63 | 		],
64 | 		optimization: {
65 | 			splitChunks: {
66 | 				chunks: 'all',
67 | 				minSize: 0
68 | 			},
69 | 			minimize: true,
70 | 			minimizer: [
71 | 				new UglifyJsPlugin({
72 | 					uglifyOptions: {
73 | 						compress,
74 | 						mangle: false,
75 | 						output: {
76 | 							beautify: env.NODE_ENV !== 'production' ? true : false
77 | 						}
78 | 					}
79 | 				})
80 | 			],
81 | 			usedExports: true,
82 | 			sideEffects: true
83 | 		}
84 | 	};
85 | };
86 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "HyperApp-Starter-kit",
 3 |   "version": "4.0.1",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "jest",
 8 |     "build": "gulp build",
 9 |     "dev:webpack": "webpack --mode development --env.NODE_ENV=dev",
10 |     "build:webpack": "webpack --mode production --env.NODE_ENV=production",
11 |     "watch": "gulp",
12 |     "proxy": "gulp watch-proxy",
13 |     "static:dev": "gulp static-dev",
14 |     "static:build": "gulp static-dev",
15 |     "imgs": "gulp imagemin"
16 |   },
17 |   "author": "",
18 |   "license": "ISC",
19 |   "devDependencies": {
20 |     "@babel/core": "^7.1.5",
21 |     "@babel/plugin-proposal-class-properties": "^7.1.0",
22 |     "@babel/preset-env": "^7.1.5",
23 |     "@babel/preset-es2016": "^7.0.0-beta.53",
24 |     "@babel/preset-react": "^7.0.0",
25 |     "@babel/preset-stage-0": "^7.0.0",
26 |     "@babel/register": "^7.0.0",
27 |     "autoprefixer": "^9.3.1",
28 |     "axios": "^0.18.0",
29 |     "babel-core": "^6.26.3",
30 |     "babel-loader": "^8.0.4",
31 |     "babel-preset-env": "^1.7.0",
32 |     "browser-sync": "^2.26.3",
33 |     "clean-webpack-plugin": "^0.1.19",
34 |     "css-loader": "^1.0.1",
35 |     "extract-text-webpack-plugin": "^4.0.0-beta.0",
36 |     "gulp": "^4.0.0",
37 |     "gulp-autoprefixer": "^3.1.1",
38 |     "gulp-edgejs": "^0.2.4",
39 |     "gulp-imagemin": "^5.0.3",
40 |     "gulp-pretty-url": "^0.1.1",
41 |     "gulp-sass": "^3.0.0",
42 |     "har-validator": "^5.1.3",
43 |     "html-webpack-plugin": "^3.2.0",
44 |     "jest": "^24.8.0",
45 |     "mini-css-extract-plugin": "^0.4.4",
46 |     "node-sass": "^4.10.0",
47 |     "postcss-loader": "^3.0.0",
48 |     "prettier": "^1.15.1",
49 |     "prettier-loader": "^2.1.1",
50 |     "react": "^16.8.6",
51 |     "react-dom": "^16.8.6",
52 |     "react-redux": "^5.1.0",
53 |     "sass-loader": "^7.1.0",
54 |     "style-loader": "^0.23.1",
55 |     "uglify-es": "^3.3.9",
56 |     "uglifyjs-webpack-plugin": "^1.3.0",
57 |     "webpack": "^4.25.1",
58 |     "webpack-cli": "^3.1.2",
59 |     "webpack-md5-hash": "0.0.6"
60 |   },
61 |   "dependencies": {
62 |     "@babel/plugin-proposal-decorators": "^7.1.6",
63 |     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
64 |     "@babel/plugin-transform-async-to-generator": "^7.1.0",
65 |     "babel-plugin-transform-react-jsx": "^6.24.1",
66 |     "gulp-pug": "^4.0.1",
67 |     "hyperapp": "^0.12.0",
68 |     "svelte": "^3.4.3",
69 |     "svelte-loader": "^2.13.4",
70 |     "webpack-dev-server": "^3.1.14"
71 |   }
72 | }
73 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Hyper App Starter Kit
 2 |  *For My Students* 
 3 | If you are doing any of my courses make sure you are using the right version this project is using gulp version 4.0.1 to view previous versions switch branches to older version
 4 | 
 5 | So I built this for all the new web developers... My Goal is to save you time from the bullsh*t of spending hours looking for ways to speed up your learning. Sometimes all we want to do is just code.
 6 | (if you are coming from my [youtube channel CodingPhase ](https://www.youtube.com/channel/UC46wWUso9H5KPQcoL9iE3Ug) I will base all my tutorials from this starter kit)
 7 | 
 8 | I broke it down in simple steps to get you going.
 9 | 
10 | ## Steps
11 | 
12 | **Download or Pull This Repo**
13 | 	Top of this page you can see where it says clone or download
14 | 
15 |  **Install Node**
16 | 	https://nodejs.org/en/
17 | 
18 | **Download Atom (OPTIONAL)**
19 | 	https://atom.io/
20 | 
21 |  **Install all the node packages** 
22 | On the root of this project run on your terminal (if you want you can do this with yarn but thats optional)
23 | We updated to version 4.0 of gulp so you should have no problems
24 | ```bash
25 |     npm install
26 |     npm install gulp-cli -g
27 |     npm install gulp 
28 |     npm install webpack@4.25.1 -g
29 |     npm install webpack-cli@3.1.2 -g
30 | ```
31 | 
32 | **make sure versions of gulp is 4.0**
33 | ```bash
34 |     gulp -v 
35 | ```
36 | 
37 | **Start the dev server**
38 | ```bash
39 |   npm run watch
40 | ```
41 | 
42 | **Start the dev server with proxy**
43 | ```bash
44 |   npm run proxy
45 | ```
46 | 
47 | **Build files for production**
48 | ```bash
49 |   npm run build
50 | ```
51 | 
52 | **Optimize Your Images**
53 | ```bash
54 |   npm run imgs
55 | ```
56 | 
57 | **Static Site Generator Development**
58 | ```bash
59 |   npm run static:dev
60 | ```
61 | 
62 | **Static Site Generator Production**
63 | ```bash
64 |   npm run static:build
65 | ```
66 | 
67 | 
68 | ## Instructions to run starter kit on any backend
69 | Coming Soon
70 | 
71 | # EACCESS ERROR FIX
72 | ```diff
73 | - how to fix the EACCESS ERROR
74 | - lets say for example you trying to install webpack
75 | - sudo npm install webpack@4.25.1 -g
76 | - and get an error
77 | - Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/webpack/node_modules/fsevents/build'
78 | - then try again to install it but with this at the end "--unsafe-perm=true --allow-root"
79 | - for example
80 | - sudo npm install webpack@4.25.1 -g --unsafe-perm=true --allow-root
81 | ```
82 | or 
83 | 
84 | npm install har-validator@latest --save-dev
85 | 
86 | 


--------------------------------------------------------------------------------
/public/js/dist/main.js:
--------------------------------------------------------------------------------
 1 | (function(modules) {
 2 |     var installedModules = {};
 3 |     function __webpack_require__(moduleId) {
 4 |         if (installedModules[moduleId]) return installedModules[moduleId].exports;
 5 |         var module = installedModules[moduleId] = {
 6 |             i: moduleId,
 7 |             l: false,
 8 |             exports: {}
 9 |         };
10 |         modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
11 |         module.l = true;
12 |         return module.exports;
13 |     }
14 |     __webpack_require__.m = modules;
15 |     __webpack_require__.c = installedModules;
16 |     __webpack_require__.d = function(exports, name, getter) {
17 |         if (!__webpack_require__.o(exports, name)) Object.defineProperty(exports, name, {
18 |             enumerable: true,
19 |             get: getter
20 |         });
21 |     };
22 |     __webpack_require__.r = function(exports) {
23 |         if ("undefined" !== typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
24 |             value: "Module"
25 |         });
26 |         Object.defineProperty(exports, "__esModule", {
27 |             value: true
28 |         });
29 |     };
30 |     __webpack_require__.t = function(value, mode) {
31 |         if (1 & mode) value = __webpack_require__(value);
32 |         if (8 & mode) return value;
33 |         if (4 & mode && "object" === typeof value && value && value.__esModule) return value;
34 |         var ns = Object.create(null);
35 |         __webpack_require__.r(ns);
36 |         Object.defineProperty(ns, "default", {
37 |             enumerable: true,
38 |             value: value
39 |         });
40 |         if (2 & mode && "string" != typeof value) for (var key in value) __webpack_require__.d(ns, key, function(key) {
41 |             return value[key];
42 |         }.bind(null, key));
43 |         return ns;
44 |     };
45 |     __webpack_require__.n = function(module) {
46 |         var getter = module && module.__esModule ? function() {
47 |             return module["default"];
48 |         } : function() {
49 |             return module;
50 |         };
51 |         __webpack_require__.d(getter, "a", getter);
52 |         return getter;
53 |     };
54 |     __webpack_require__.o = function(object, property) {
55 |         return Object.prototype.hasOwnProperty.call(object, property);
56 |     };
57 |     __webpack_require__.p = "";
58 |     return __webpack_require__(__webpack_require__.s = "./assets/js/main.js");
59 | })({
60 |     "./assets/js/main.js": function(module, exports) {
61 |         eval("class Test {\n  constructor() {\n    this.main = () => {\n      console.log(swag);\n    };\n  }\n\n}\n\nTest.main();\n\n//# sourceURL=webpack:///./assets/js/main.js?");
62 |     }
63 | });


--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
  1 | const gulp = require('gulp');
  2 | const sass = require('gulp-sass');
  3 | const autoprefixer = require('gulp-autoprefixer');
  4 | const browserSync = require('browser-sync');
  5 | const reload = browserSync.reload;
  6 | var exec = require('child_process').exec;
  7 | const pug = require('gulp-pug');
  8 | const imagemin = require('gulp-imagemin');
  9 | const prettyUrl = require('gulp-pretty-url');
 10 | var del = require('del');
 11 | const gulpEdge = require('gulp-edgejs');
 12 | 
 13 | // Compiles SCSS To CSS
 14 | gulp.task(
 15 | 	'styles',
 16 | 	gulp.series(() => {
 17 | 		return gulp
 18 | 			.src('assets/scss/**/*.scss')
 19 | 			.pipe(
 20 | 				sass({
 21 | 					outputStyle: 'compressed'
 22 | 				}).on('error', sass.logError)
 23 | 			)
 24 | 			.pipe(
 25 | 				autoprefixer({
 26 | 					browsers: ['last 2 versions']
 27 | 				})
 28 | 			)
 29 | 			.pipe(gulp.dest('./public/css'))
 30 | 			.pipe(browserSync.stream());
 31 | 	})
 32 | );
 33 | 
 34 | // Use Webpack to compile latest Javascript to ES5
 35 | // Webpack on Development Mode
 36 | gulp.task(
 37 | 	'webpack:dev',
 38 | 	gulp.series(cb => {
 39 | 		return exec('npm run dev:webpack', function(err, stdout, stderr) {
 40 | 			console.log(stdout);
 41 | 			console.log(stderr);
 42 | 			cb(err);
 43 | 		});
 44 | 	})
 45 | );
 46 | // Webpack on Production Mode
 47 | gulp.task(
 48 | 	'webpack:prod',
 49 | 	gulp.series(cb => {
 50 | 		return exec('npm run build:webpack', function(err, stdout, stderr) {
 51 | 			console.log(stdout);
 52 | 			console.log(stderr);
 53 | 			cb(err);
 54 | 		});
 55 | 	})
 56 | );
 57 | 
 58 | // Browser-sync to get live reload and sync with mobile devices
 59 | gulp.task(
 60 | 	'browser-sync',
 61 | 	gulp.series(function() {
 62 | 		browserSync.init({
 63 | 			server: './public',
 64 | 			notify: false,
 65 | 			open: false //change this to true if you want the broser to open automatically
 66 | 		});
 67 | 	})
 68 | );
 69 | 
 70 | // Use Browser Sync With Any Type Of Backend
 71 | gulp.task(
 72 | 	'browser-sync-proxy',
 73 | 	gulp.series(function() {
 74 | 		// THIS IS FOR SITUATIONS WHEN YOU HAVE ANOTHER SERVER RUNNING
 75 | 		browserSync.init({
 76 | 			proxy: {
 77 | 				target: 'http://localhost:3333/', // can be [virtual host, sub-directory, localhost with port]
 78 | 				ws: true // enables websockets
 79 | 			}
 80 | 			// serveStatic: ['.', './public']
 81 | 		});
 82 | 	})
 83 | );
 84 | 
 85 | // Minimise Your Images
 86 | gulp.task(
 87 | 	'imagemin',
 88 | 	gulp.series(function minizingImages() {
 89 | 		return gulp
 90 | 			.src('assets/img/**/*')
 91 | 			.pipe(
 92 | 				imagemin([
 93 | 					imagemin.gifsicle({ interlaced: true }),
 94 | 					imagemin.jpegtran({ progressive: true }),
 95 | 					imagemin.optipng({ optimizationLevel: 5 }),
 96 | 					imagemin.svgo({
 97 | 						plugins: [{ removeViewBox: true }, { cleanupIDs: false }]
 98 | 					})
 99 | 				])
100 | 			)
101 | 			.pipe(gulp.dest('./public/img'));
102 | 	})
103 | );
104 | 
105 | // This is your Default Gulp task
106 | gulp.task(
107 | 	'default',
108 | 	gulp.parallel([
109 | 		gulp.series([
110 | 			'webpack:dev',
111 | 			'styles',
112 | 			function runningWatch() {
113 | 				gulp.watch('./assets/scss/**/*', gulp.parallel('styles'));
114 | 				gulp.watch('./assets/js/**/*', gulp.parallel('webpack:dev'));
115 | 				gulp.watch(['./public/**/*', './public/*']).on('change', reload);
116 | 			}
117 | 		]),
118 | 		gulp.series(['browser-sync'])
119 | 	])
120 | );
121 | 
122 | // This is the task when running on a backend like PHP, PYTHON, GO, etc..
123 | gulp.task(
124 | 	'watch-proxy',
125 | 	gulp.parallel([
126 | 		gulp.series([
127 | 			'webpack:dev',
128 | 			'styles',
129 | 			function runningWatch() {
130 | 				gulp.watch('./assets/scss/**/*', gulp.parallel('styles'));
131 | 				gulp.watch('./assets/js/**/*', gulp.parallel('webpack:dev'));
132 | 				gulp.watch(['./public/**/*', './public/*']).on('change', reload);
133 | 			}
134 | 		]),
135 | 		gulp.series(['browser-sync-proxy'])
136 | 	])
137 | );
138 | // This is the production build for your app
139 | gulp.task('build', gulp.series([gulp.parallel(['styles', 'webpack:prod'])]));
140 | 
141 | /*
142 | |--------------------------------------------------------------------------
143 | | Static Site Generator
144 | |--------------------------------------------------------------------------
145 | |
146 | | Run These commands below for static site generator
147 | |	optional this is if you want to create a static website
148 | |
149 | */
150 | //
151 | 
152 | // Generate HTML From Pug or Edge Template Engines
153 | gulp.task(
154 | 	'views',
155 | 	gulp.series(
156 | 		// uncomment one of these functions depending on what template engine you want to use and comment the one you don't want to use
157 | 		function buildGULPHTML() {
158 | 			return gulp
159 | 				.src([
160 | 					'assets/views/**/*.pug',
161 | 					'!assets/views/{layouts,layouts/**}',
162 | 					'!assets/views/{includes,includes/**}'
163 | 				])
164 | 				.pipe(pug())
165 | 				.pipe(gulp.dest('./temp'));
166 | 		},
167 | 		/* =================== */
168 | 		// function buildEDGEHTML() {
169 | 		// 	return gulp
170 | 		// 		.src([
171 | 		// 			'assets/views/**/*.edge',
172 | 		// 			'!assets/views/{layouts,layouts/**}',
173 | 		// 			'!assets/views/{includes,includes/**}'
174 | 		// 		])
175 | 		// 		.pipe(gulpEdge())
176 | 		// 		.pipe(gulp.dest('./temp'));
177 | 		// },
178 | 		function cleanUrl() {
179 | 			return gulp
180 | 				.src('temp/**/*.html')
181 | 				.pipe(prettyUrl())
182 | 				.pipe(gulp.dest('public'));
183 | 		}
184 | 	)
185 | );
186 | // Delete Your Temp Files
187 | gulp.task(
188 | 	'cleanTemp',
189 | 	gulp.series(() => {
190 | 		return del([
191 | 			'./temp'
192 | 
193 | 			//   '!public/img/**/*'
194 | 		]);
195 | 	})
196 | );
197 | 
198 | // Tasks to generate site on development this will also have live reload
199 | gulp.task(
200 | 	'static-dev',
201 | 	gulp.parallel([
202 | 		gulp.series([
203 | 			'views',
204 | 			'webpack:dev',
205 | 			'styles',
206 | 			'cleanTemp',
207 | 			function runningWatch() {
208 | 				gulp.watch('./assets/views/**/*', gulp.series('views'));
209 | 				gulp.watch('./assets/views/**/*', gulp.series('cleanTemp'));
210 | 				gulp.watch('./assets/scss/**/*', gulp.parallel('styles'));
211 | 				gulp.watch('./assets/js/**/*', gulp.parallel('webpack:dev'));
212 | 				gulp.watch(['./public/**/*', './public/*']).on('change', reload);
213 | 			}
214 | 		]),
215 | 		gulp.series(['browser-sync'])
216 | 	])
217 | );
218 | 
219 | // this will run your static site for production
220 | gulp.task(
221 | 	'static-build',
222 | 	gulp.series([
223 | 		gulp.series(['views', 'cleanTemp']),
224 | 		gulp.parallel(['styles', 'webpack:prod'])
225 | 	])
226 | );
227 | 


--------------------------------------------------------------------------------
/public/js/dist/FirstComp.js:
--------------------------------------------------------------------------------
  1 | (function(modules) {
  2 |     function webpackJsonpCallback(data) {
  3 |         var chunkIds = data[0];
  4 |         var moreModules = data[1];
  5 |         var executeModules = data[2];
  6 |         var moduleId, chunkId, i = 0, resolves = [];
  7 |         for (;i < chunkIds.length; i++) {
  8 |             chunkId = chunkIds[i];
  9 |             if (installedChunks[chunkId]) resolves.push(installedChunks[chunkId][0]);
 10 |             installedChunks[chunkId] = 0;
 11 |         }
 12 |         for (moduleId in moreModules) if (Object.prototype.hasOwnProperty.call(moreModules, moduleId)) modules[moduleId] = moreModules[moduleId];
 13 |         if (parentJsonpFunction) parentJsonpFunction(data);
 14 |         while (resolves.length) resolves.shift()();
 15 |         deferredModules.push.apply(deferredModules, executeModules || []);
 16 |         return checkDeferredModules();
 17 |     }
 18 |     function checkDeferredModules() {
 19 |         var result;
 20 |         for (var i = 0; i < deferredModules.length; i++) {
 21 |             var deferredModule = deferredModules[i];
 22 |             var fulfilled = true;
 23 |             for (var j = 1; j < deferredModule.length; j++) {
 24 |                 var depId = deferredModule[j];
 25 |                 if (0 !== installedChunks[depId]) fulfilled = false;
 26 |             }
 27 |             if (fulfilled) {
 28 |                 deferredModules.splice(i--, 1);
 29 |                 result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
 30 |             }
 31 |         }
 32 |         return result;
 33 |     }
 34 |     var installedModules = {};
 35 |     var installedChunks = {
 36 |         FirstComp: 0
 37 |     };
 38 |     var deferredModules = [];
 39 |     function __webpack_require__(moduleId) {
 40 |         if (installedModules[moduleId]) return installedModules[moduleId].exports;
 41 |         var module = installedModules[moduleId] = {
 42 |             i: moduleId,
 43 |             l: false,
 44 |             exports: {}
 45 |         };
 46 |         modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 47 |         module.l = true;
 48 |         return module.exports;
 49 |     }
 50 |     __webpack_require__.m = modules;
 51 |     __webpack_require__.c = installedModules;
 52 |     __webpack_require__.d = function(exports, name, getter) {
 53 |         if (!__webpack_require__.o(exports, name)) Object.defineProperty(exports, name, {
 54 |             enumerable: true,
 55 |             get: getter
 56 |         });
 57 |     };
 58 |     __webpack_require__.r = function(exports) {
 59 |         if ("undefined" !== typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
 60 |             value: "Module"
 61 |         });
 62 |         Object.defineProperty(exports, "__esModule", {
 63 |             value: true
 64 |         });
 65 |     };
 66 |     __webpack_require__.t = function(value, mode) {
 67 |         if (1 & mode) value = __webpack_require__(value);
 68 |         if (8 & mode) return value;
 69 |         if (4 & mode && "object" === typeof value && value && value.__esModule) return value;
 70 |         var ns = Object.create(null);
 71 |         __webpack_require__.r(ns);
 72 |         Object.defineProperty(ns, "default", {
 73 |             enumerable: true,
 74 |             value: value
 75 |         });
 76 |         if (2 & mode && "string" != typeof value) for (var key in value) __webpack_require__.d(ns, key, function(key) {
 77 |             return value[key];
 78 |         }.bind(null, key));
 79 |         return ns;
 80 |     };
 81 |     __webpack_require__.n = function(module) {
 82 |         var getter = module && module.__esModule ? function() {
 83 |             return module["default"];
 84 |         } : function() {
 85 |             return module;
 86 |         };
 87 |         __webpack_require__.d(getter, "a", getter);
 88 |         return getter;
 89 |     };
 90 |     __webpack_require__.o = function(object, property) {
 91 |         return Object.prototype.hasOwnProperty.call(object, property);
 92 |     };
 93 |     __webpack_require__.p = "";
 94 |     var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
 95 |     var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
 96 |     jsonpArray.push = webpackJsonpCallback;
 97 |     jsonpArray = jsonpArray.slice();
 98 |     for (var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
 99 |     var parentJsonpFunction = oldJsonpFunction;
100 |     deferredModules.push([ "./assets/js/components/FirstComp.js", "vendors~FirstComp" ]);
101 |     return checkDeferredModules();
102 | })({
103 |     "./assets/js/components/FirstComp.js": function(module, __webpack_exports__, __webpack_require__) {
104 |         "use strict";
105 |         eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "./node_modules/react-dom/index.js");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\nfunction asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }\n\nfunction _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }\n\n\n\n\nclass Layout extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {\n  constructor() {\n    super();\n\n    this.clickedBtn = () => {};\n\n    this.state = {\n      name: \'Joe\'\n    };\n  }\n\n  test() {\n    return _asyncToGenerator(function* () {})();\n  }\n\n  render() {\n    return h("div", {\n      className: "home"\n    }, h("div", {\n      className: "Aligner"\n    }, h("div", {\n      className: "Aligner-item"\n    }, h("img", {\n      src: "/img/logo.png"\n    }), h("h1", null, "Dev-Starter-Kit"), h("div", {\n      className: "menu"\n    }, h("ul", null, h("li", null, h("a", {\n      href: "http://starterkit.codingphase.com",\n      target: "new"\n    }, "Documentation")), h("li", null, h("a", {\n      href: "http://www.codingphase.com",\n      target: "new"\n    }, "CodingPhase.Com")))), h("div", {\n      className: "version-num"\n    }, "version 4.0.0"), h("br", null), h("a", {\n      className: "github-button",\n      href: "https://github.com/codingphasedotcom/Starter-Kit-2019",\n      "data-icon": "octicon-star",\n      "data-style": "mega",\n      "data-count-href": "/codingphasedotcom/rocky/stargazers",\n      "data-count-api": "/repos/codingphasedotcom/rocky#stargazers_count",\n      "data-count-aria-label": "# stargazers on GitHub",\n      "aria-label": "Star codingphasedotcom/rocky on GitHub"\n    }, "Star"))));\n  }\n\n}\n\nconst app = document.getElementById(\'app\');\nreact_dom__WEBPACK_IMPORTED_MODULE_1___default.a.render(h(Layout, null), app);\n\n//# sourceURL=webpack:///./assets/js/components/FirstComp.js?');
106 |     }
107 | });


--------------------------------------------------------------------------------
/public/js/dist/hyper.js:
--------------------------------------------------------------------------------
  1 | (function(modules) {
  2 |     function webpackJsonpCallback(data) {
  3 |         var chunkIds = data[0];
  4 |         var moreModules = data[1];
  5 |         var executeModules = data[2];
  6 |         var moduleId, chunkId, i = 0, resolves = [];
  7 |         for (;i < chunkIds.length; i++) {
  8 |             chunkId = chunkIds[i];
  9 |             if (installedChunks[chunkId]) resolves.push(installedChunks[chunkId][0]);
 10 |             installedChunks[chunkId] = 0;
 11 |         }
 12 |         for (moduleId in moreModules) if (Object.prototype.hasOwnProperty.call(moreModules, moduleId)) modules[moduleId] = moreModules[moduleId];
 13 |         if (parentJsonpFunction) parentJsonpFunction(data);
 14 |         while (resolves.length) resolves.shift()();
 15 |         deferredModules.push.apply(deferredModules, executeModules || []);
 16 |         return checkDeferredModules();
 17 |     }
 18 |     function checkDeferredModules() {
 19 |         var result;
 20 |         for (var i = 0; i < deferredModules.length; i++) {
 21 |             var deferredModule = deferredModules[i];
 22 |             var fulfilled = true;
 23 |             for (var j = 1; j < deferredModule.length; j++) {
 24 |                 var depId = deferredModule[j];
 25 |                 if (0 !== installedChunks[depId]) fulfilled = false;
 26 |             }
 27 |             if (fulfilled) {
 28 |                 deferredModules.splice(i--, 1);
 29 |                 result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
 30 |             }
 31 |         }
 32 |         return result;
 33 |     }
 34 |     var installedModules = {};
 35 |     var installedChunks = {
 36 |         hyper: 0
 37 |     };
 38 |     var deferredModules = [];
 39 |     function __webpack_require__(moduleId) {
 40 |         if (installedModules[moduleId]) return installedModules[moduleId].exports;
 41 |         var module = installedModules[moduleId] = {
 42 |             i: moduleId,
 43 |             l: false,
 44 |             exports: {}
 45 |         };
 46 |         modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 47 |         module.l = true;
 48 |         return module.exports;
 49 |     }
 50 |     __webpack_require__.m = modules;
 51 |     __webpack_require__.c = installedModules;
 52 |     __webpack_require__.d = function(exports, name, getter) {
 53 |         if (!__webpack_require__.o(exports, name)) Object.defineProperty(exports, name, {
 54 |             enumerable: true,
 55 |             get: getter
 56 |         });
 57 |     };
 58 |     __webpack_require__.r = function(exports) {
 59 |         if ("undefined" !== typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
 60 |             value: "Module"
 61 |         });
 62 |         Object.defineProperty(exports, "__esModule", {
 63 |             value: true
 64 |         });
 65 |     };
 66 |     __webpack_require__.t = function(value, mode) {
 67 |         if (1 & mode) value = __webpack_require__(value);
 68 |         if (8 & mode) return value;
 69 |         if (4 & mode && "object" === typeof value && value && value.__esModule) return value;
 70 |         var ns = Object.create(null);
 71 |         __webpack_require__.r(ns);
 72 |         Object.defineProperty(ns, "default", {
 73 |             enumerable: true,
 74 |             value: value
 75 |         });
 76 |         if (2 & mode && "string" != typeof value) for (var key in value) __webpack_require__.d(ns, key, function(key) {
 77 |             return value[key];
 78 |         }.bind(null, key));
 79 |         return ns;
 80 |     };
 81 |     __webpack_require__.n = function(module) {
 82 |         var getter = module && module.__esModule ? function() {
 83 |             return module["default"];
 84 |         } : function() {
 85 |             return module;
 86 |         };
 87 |         __webpack_require__.d(getter, "a", getter);
 88 |         return getter;
 89 |     };
 90 |     __webpack_require__.o = function(object, property) {
 91 |         return Object.prototype.hasOwnProperty.call(object, property);
 92 |     };
 93 |     __webpack_require__.p = "";
 94 |     var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
 95 |     var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
 96 |     jsonpArray.push = webpackJsonpCallback;
 97 |     jsonpArray = jsonpArray.slice();
 98 |     for (var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
 99 |     var parentJsonpFunction = oldJsonpFunction;
100 |     deferredModules.push([ "./assets/js/hyper/index.js", "vendors~hyper" ]);
101 |     return checkDeferredModules();
102 | })({
103 |     "./assets/js/hyper/actions/actions.js": function(module, __webpack_exports__, __webpack_require__) {
104 |         "use strict";
105 |         eval("/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return actions; });\nconst actions = {\n  up,\n  intro,\n  showMenu\n};\n\nfunction up(state, actions) {\n  return {\n    count: state.count + 1\n  };\n}\n\nfunction showMenu() {}\n\nfunction intro(state, actions) {\n  console.log('Just ran my first action');\n  return {\n    count: state.count + 1\n  };\n}\n\n//# sourceURL=webpack:///./assets/js/hyper/actions/actions.js?");
106 |     },
107 |     "./assets/js/hyper/components/App.js": function(module, __webpack_exports__, __webpack_require__) {
108 |         "use strict";
109 |         eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return App; });\n/* harmony import */ var hyperapp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hyperapp */ "./node_modules/hyperapp/src/index.js");\n\nfunction App(_ref) {\n  let {\n    state,\n    actions\n  } = _ref;\n  return Object(hyperapp__WEBPACK_IMPORTED_MODULE_0__[/* h */ "b"])("div", {\n    "class": \'app\'\n  }, Object(hyperapp__WEBPACK_IMPORTED_MODULE_0__[/* h */ "b"])("div", null, Object(hyperapp__WEBPACK_IMPORTED_MODULE_0__[/* h */ "b"])("h1", null, "Hyperapp Starter Kit"), Object(hyperapp__WEBPACK_IMPORTED_MODULE_0__[/* h */ "b"])("a", {\n    href: "http://www.codingphase.com/",\n    target: "new"\n  }, \' \', "by CodingPhase.com")), Object(hyperapp__WEBPACK_IMPORTED_MODULE_0__[/* h */ "b"])("div", {\n    className: "stars"\n  }, Object(hyperapp__WEBPACK_IMPORTED_MODULE_0__[/* h */ "b"])("a", {\n    className: "github-button",\n    href: "https://github.com/codingphasedotcom/hyperapp-starterkit",\n    "data-size": "large",\n    "data-show-count": "true",\n    "aria-label": "Star codingphasedotcom/hyperapp-starterkit on GitHub"\n  }, "Star")));\n} // <Header state={state} actions={actions}/>\n// <Button state={state} actions={actions}/>\n\n//# sourceURL=webpack:///./assets/js/hyper/components/App.js?');
110 |     },
111 |     "./assets/js/hyper/index.js": function(module, __webpack_exports__, __webpack_require__) {
112 |         "use strict";
113 |         eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var hyperapp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! hyperapp */ "./node_modules/hyperapp/src/index.js");\n/* harmony import */ var _actions_actions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./actions/actions.js */ "./assets/js/hyper/actions/actions.js");\n/* harmony import */ var _state_globalState_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./state/globalState.js */ "./assets/js/hyper/state/globalState.js");\n/* harmony import */ var _components_App_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/App.js */ "./assets/js/hyper/components/App.js");\n\n\n\n\nObject(hyperapp__WEBPACK_IMPORTED_MODULE_0__[/* app */ "a"])({\n  state: {\n    globalState: _state_globalState_js__WEBPACK_IMPORTED_MODULE_2__[/* globalState */ "a"]\n  },\n  view: (state, actions) => Object(hyperapp__WEBPACK_IMPORTED_MODULE_0__[/* h */ "b"])(_components_App_js__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], {\n    state: state,\n    actions: actions\n  }),\n  root: document.getElementById(\'app\'),\n  actions: _actions_actions_js__WEBPACK_IMPORTED_MODULE_1__[/* actions */ "a"],\n  events: {\n    action(state, actions, _ref) {\n      let {\n        name,\n        data\n      } = _ref;\n      console.group(\'Action Info\');\n      console.log(\'Name:\', name);\n      console.log(\'Data:\', data);\n      console.groupEnd();\n    },\n\n    load(state, actions) {\n      actions.intro();\n    }\n\n  }\n});\n\n//# sourceURL=webpack:///./assets/js/hyper/index.js?');
114 |     },
115 |     "./assets/js/hyper/state/globalState.js": function(module, __webpack_exports__, __webpack_require__) {
116 |         "use strict";
117 |         eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return globalState; });\nconst globalState = {\n  count: 0\n};\n\n//# sourceURL=webpack:///./assets/js/hyper/state/globalState.js?');
118 |     }
119 | });


--------------------------------------------------------------------------------
/public/js/dist/vendors~hyper.js:
--------------------------------------------------------------------------------
 1 | (window["webpackJsonp"] = window["webpackJsonp"] || []).push([ [ "vendors~hyper" ], {
 2 |     "./node_modules/hyperapp/src/app.js": function(module, __webpack_exports__, __webpack_require__) {
 3 |         "use strict";
 4 |         eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return app; });\nvar globalInvokeLaterStack = []\n\nfunction app(props) {\n  var appState\n  var appView = props.view\n  var appActions = {}\n  var appEvents = {}\n  var appMixins = props.mixins || []\n  var appRoot = props.root || document.body\n  var element = appRoot.children[0]\n  var oldNode\n  var willRender\n\n  for (var i = 0; i <= appMixins.length; i++) {\n    var mixin = appMixins[i] ? appMixins[i](emit) : props\n\n    Object.keys(mixin.events || []).map(function(key) {\n      appEvents[key] = (appEvents[key] || []).concat(mixin.events[key])\n    })\n\n    initialize(appActions, mixin.actions)\n    appState = merge(appState, mixin.state)\n  }\n\n  requestRender(\n    (oldNode = emit("load", element)) === element && (oldNode = element = null)\n  )\n\n  return emit\n\n  function initialize(actions, withActions, lastName) {\n    Object.keys(withActions || []).map(function(key) {\n      var action = withActions[key]\n      var name = lastName ? lastName + "." + key : key\n\n      if (typeof action === "function") {\n        actions[key] = function(data) {\n          emit("action", { name: name, data: data })\n\n          var result = emit("resolve", action(appState, appActions, data))\n\n          return typeof result === "function" ? result(update) : update(result)\n        }\n      } else {\n        initialize(actions[key] || (actions[key] = {}), action, name)\n      }\n    })\n  }\n\n  function render(cb) {\n    element = patch(\n      appRoot,\n      element,\n      oldNode,\n      (oldNode = emit("render", appView)(appState, appActions)),\n      (willRender = !willRender)\n    )\n    while ((cb = globalInvokeLaterStack.pop())) cb()\n  }\n\n  function requestRender() {\n    if (appView && !willRender) {\n      requestAnimationFrame(render, (willRender = !willRender))\n    }\n  }\n\n  function update(withState) {\n    if (withState && (withState = emit("update", merge(appState, withState)))) {\n      requestRender((appState = withState))\n    }\n    return appState\n  }\n\n  function emit(name, data) {\n    return (appEvents[name] || []).map(function(cb) {\n      var result = cb(appState, appActions, data)\n      if (result != null) {\n        data = result\n      }\n    }), data\n  }\n\n  function merge(a, b) {\n    var obj = {}\n\n    for (var i in a) {\n      obj[i] = a[i]\n    }\n\n    for (var i in b) {\n      obj[i] = b[i]\n    }\n\n    return obj\n  }\n\n  function getKey(node) {\n    if (node && (node = node.data)) {\n      return node.key\n    }\n  }\n\n  function createElement(node, isSVG) {\n    if (typeof node === "string") {\n      var element = document.createTextNode(node)\n    } else {\n      var element = (isSVG = isSVG || node.tag === "svg")\n        ? document.createElementNS("http://www.w3.org/2000/svg", node.tag)\n        : document.createElement(node.tag)\n\n      if (node.data && node.data.oncreate) {\n        globalInvokeLaterStack.push(function() {\n          node.data.oncreate(element)\n        })\n      }\n\n      for (var i in node.data) {\n        setData(element, i, node.data[i])\n      }\n\n      for (var i = 0; i < node.children.length; ) {\n        element.appendChild(createElement(node.children[i++], isSVG))\n      }\n    }\n\n    return element\n  }\n\n  function setData(element, name, value, oldValue) {\n    if (name === "key") {\n    } else if (name === "style") {\n      for (var i in merge(oldValue, (value = value || {}))) {\n        element.style[i] = value[i] || ""\n      }\n    } else {\n      try {\n        element[name] = value\n      } catch (_) {}\n\n      if (typeof value !== "function") {\n        if (value) {\n          element.setAttribute(name, value)\n        } else {\n          element.removeAttribute(name)\n        }\n      }\n    }\n  }\n\n  function updateElement(element, oldData, data) {\n    for (var i in merge(oldData, data)) {\n      var value = data[i]\n      var oldValue = i === "value" || i === "checked" ? element[i] : oldData[i]\n\n      if (value !== oldValue) {\n        setData(element, i, value, oldValue)\n      }\n    }\n\n    if (data && data.onupdate) {\n      globalInvokeLaterStack.push(function() {\n        data.onupdate(element, oldData)\n      })\n    }\n  }\n\n  function removeElement(parent, element, data) {\n    if (data && data.onremove) {\n      data.onremove(element)\n    } else {\n      parent.removeChild(element)\n    }\n  }\n\n  function patch(parent, element, oldNode, node, isSVG, nextSibling) {\n    if (oldNode == null) {\n      element = parent.insertBefore(createElement(node, isSVG), element)\n    } else if (node.tag != null && node.tag === oldNode.tag) {\n      updateElement(element, oldNode.data, node.data)\n\n      isSVG = isSVG || node.tag === "svg"\n\n      var len = node.children.length\n      var oldLen = oldNode.children.length\n      var oldKeyed = {}\n      var oldElements = []\n      var keyed = {}\n\n      for (var i = 0; i < oldLen; i++) {\n        var oldElement = (oldElements[i] = element.childNodes[i])\n        var oldChild = oldNode.children[i]\n        var oldKey = getKey(oldChild)\n\n        if (null != oldKey) {\n          oldKeyed[oldKey] = [oldElement, oldChild]\n        }\n      }\n\n      var i = 0\n      var j = 0\n\n      while (j < len) {\n        var oldElement = oldElements[i]\n        var oldChild = oldNode.children[i]\n        var newChild = node.children[j]\n\n        var oldKey = getKey(oldChild)\n        if (keyed[oldKey]) {\n          i++\n          continue\n        }\n\n        var newKey = getKey(newChild)\n\n        var keyedNode = oldKeyed[newKey] || []\n\n        if (null == newKey) {\n          if (null == oldKey) {\n            patch(element, oldElement, oldChild, newChild, isSVG)\n            j++\n          }\n          i++\n        } else {\n          if (oldKey === newKey) {\n            patch(element, keyedNode[0], keyedNode[1], newChild, isSVG)\n            i++\n          } else if (keyedNode[0]) {\n            element.insertBefore(keyedNode[0], oldElement)\n            patch(element, keyedNode[0], keyedNode[1], newChild, isSVG)\n          } else {\n            patch(element, oldElement, null, newChild, isSVG)\n          }\n\n          j++\n          keyed[newKey] = newChild\n        }\n      }\n\n      while (i < oldLen) {\n        var oldChild = oldNode.children[i]\n        var oldKey = getKey(oldChild)\n        if (null == oldKey) {\n          removeElement(element, oldElements[i], oldChild.data)\n        }\n        i++\n      }\n\n      for (var i in oldKeyed) {\n        var keyedNode = oldKeyed[i]\n        var reusableNode = keyedNode[1]\n        if (!keyed[reusableNode.data.key]) {\n          removeElement(element, keyedNode[0], reusableNode.data)\n        }\n      }\n    } else if (element && node !== element.nodeValue) {\n      element = parent.insertBefore(\n        createElement(node, isSVG),\n        (nextSibling = element)\n      )\n      removeElement(parent, nextSibling, oldNode.data)\n    }\n\n    return element\n  }\n}\n\n\n//# sourceURL=webpack:///./node_modules/hyperapp/src/app.js?');
 5 |     },
 6 |     "./node_modules/hyperapp/src/h.js": function(module, __webpack_exports__, __webpack_require__) {
 7 |         "use strict";
 8 |         eval('/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return h; });\nvar i\nvar stack = []\n\nfunction h(tag, data) {\n  var node\n  var children = []\n\n  for (i = arguments.length; i-- > 2; ) {\n    stack.push(arguments[i])\n  }\n\n  while (stack.length) {\n    if (Array.isArray((node = stack.pop()))) {\n      for (i = node.length; i--; ) {\n        stack.push(node[i])\n      }\n    } else if (node != null && node !== true && node !== false) {\n      if (typeof node === "number") {\n        node = node + ""\n      }\n      children.push(node)\n    }\n  }\n\n  return typeof tag === "string"\n    ? {\n        tag: tag,\n        data: data || {},\n        children: children\n      }\n    : tag(data, children)\n}\n\n\n//# sourceURL=webpack:///./node_modules/hyperapp/src/h.js?');
 9 |     },
10 |     "./node_modules/hyperapp/src/index.js": function(module, __webpack_exports__, __webpack_require__) {
11 |         "use strict";
12 |         eval('/* harmony import */ var _h__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./h */ "./node_modules/hyperapp/src/h.js");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "b", function() { return _h__WEBPACK_IMPORTED_MODULE_0__["a"]; });\n\n/* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./app */ "./node_modules/hyperapp/src/app.js");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _app__WEBPACK_IMPORTED_MODULE_1__["a"]; });\n\n\n\n\n\n//# sourceURL=webpack:///./node_modules/hyperapp/src/index.js?');
13 |     }
14 | } ]);


--------------------------------------------------------------------------------
/public/js/dist/SApp.js:
--------------------------------------------------------------------------------
  1 | (function(modules) {
  2 |     function webpackJsonpCallback(data) {
  3 |         var chunkIds = data[0];
  4 |         var moreModules = data[1];
  5 |         var executeModules = data[2];
  6 |         var moduleId, chunkId, i = 0, resolves = [];
  7 |         for (;i < chunkIds.length; i++) {
  8 |             chunkId = chunkIds[i];
  9 |             if (installedChunks[chunkId]) resolves.push(installedChunks[chunkId][0]);
 10 |             installedChunks[chunkId] = 0;
 11 |         }
 12 |         for (moduleId in moreModules) if (Object.prototype.hasOwnProperty.call(moreModules, moduleId)) modules[moduleId] = moreModules[moduleId];
 13 |         if (parentJsonpFunction) parentJsonpFunction(data);
 14 |         while (resolves.length) resolves.shift()();
 15 |         deferredModules.push.apply(deferredModules, executeModules || []);
 16 |         return checkDeferredModules();
 17 |     }
 18 |     function checkDeferredModules() {
 19 |         var result;
 20 |         for (var i = 0; i < deferredModules.length; i++) {
 21 |             var deferredModule = deferredModules[i];
 22 |             var fulfilled = true;
 23 |             for (var j = 1; j < deferredModule.length; j++) {
 24 |                 var depId = deferredModule[j];
 25 |                 if (0 !== installedChunks[depId]) fulfilled = false;
 26 |             }
 27 |             if (fulfilled) {
 28 |                 deferredModules.splice(i--, 1);
 29 |                 result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
 30 |             }
 31 |         }
 32 |         return result;
 33 |     }
 34 |     var installedModules = {};
 35 |     var installedChunks = {
 36 |         SApp: 0
 37 |     };
 38 |     var deferredModules = [];
 39 |     function __webpack_require__(moduleId) {
 40 |         if (installedModules[moduleId]) return installedModules[moduleId].exports;
 41 |         var module = installedModules[moduleId] = {
 42 |             i: moduleId,
 43 |             l: false,
 44 |             exports: {}
 45 |         };
 46 |         modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 47 |         module.l = true;
 48 |         return module.exports;
 49 |     }
 50 |     __webpack_require__.m = modules;
 51 |     __webpack_require__.c = installedModules;
 52 |     __webpack_require__.d = function(exports, name, getter) {
 53 |         if (!__webpack_require__.o(exports, name)) Object.defineProperty(exports, name, {
 54 |             enumerable: true,
 55 |             get: getter
 56 |         });
 57 |     };
 58 |     __webpack_require__.r = function(exports) {
 59 |         if ("undefined" !== typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
 60 |             value: "Module"
 61 |         });
 62 |         Object.defineProperty(exports, "__esModule", {
 63 |             value: true
 64 |         });
 65 |     };
 66 |     __webpack_require__.t = function(value, mode) {
 67 |         if (1 & mode) value = __webpack_require__(value);
 68 |         if (8 & mode) return value;
 69 |         if (4 & mode && "object" === typeof value && value && value.__esModule) return value;
 70 |         var ns = Object.create(null);
 71 |         __webpack_require__.r(ns);
 72 |         Object.defineProperty(ns, "default", {
 73 |             enumerable: true,
 74 |             value: value
 75 |         });
 76 |         if (2 & mode && "string" != typeof value) for (var key in value) __webpack_require__.d(ns, key, function(key) {
 77 |             return value[key];
 78 |         }.bind(null, key));
 79 |         return ns;
 80 |     };
 81 |     __webpack_require__.n = function(module) {
 82 |         var getter = module && module.__esModule ? function() {
 83 |             return module["default"];
 84 |         } : function() {
 85 |             return module;
 86 |         };
 87 |         __webpack_require__.d(getter, "a", getter);
 88 |         return getter;
 89 |     };
 90 |     __webpack_require__.o = function(object, property) {
 91 |         return Object.prototype.hasOwnProperty.call(object, property);
 92 |     };
 93 |     __webpack_require__.p = "";
 94 |     var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
 95 |     var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
 96 |     jsonpArray.push = webpackJsonpCallback;
 97 |     jsonpArray = jsonpArray.slice();
 98 |     for (var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
 99 |     var parentJsonpFunction = oldJsonpFunction;
100 |     deferredModules.push([ "./assets/js/components/svelte/SvelteApp.js", "vendors~SApp" ]);
101 |     return checkDeferredModules();
102 | })({
103 |     "./assets/js/components/svelte/App.svelte": function(module, __webpack_exports__, __webpack_require__) {
104 |         "use strict";
105 |         eval('/* harmony import */ var svelte_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! svelte/internal */ "./node_modules/svelte/internal/index.mjs");\n/* harmony import */ var _Header_svelte__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Header.svelte */ "./assets/js/components/svelte/Header.svelte");\n/* assets/js/components/svelte/App.svelte generated by Svelte v3.6.2 */\n\n\n\nfunction add_css() {\n\tvar style = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* element */ "f"])("style");\n\tstyle.id = \'svelte-1mwh9qx-style\';\n\tstyle.textContent = "h1.svelte-1mwh9qx{color:red}";\n\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* append */ "b"])(document.head, style);\n}\n\nfunction create_fragment(ctx) {\n\tvar t, div_4, current;\n\n\tvar header = new _Header_svelte__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]({});\n\n\treturn {\n\t\tc() {\n\t\t\theader.$$.fragment.c();\n\t\t\tt = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* space */ "l"])();\n\t\t\tdiv_4 = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* element */ "f"])("div");\n\t\t\tdiv_4.innerHTML = `<div class="Aligner"><div class="Aligner-item"><img alt="CodingPhase Logo" src="/img/logo.png"> <h1 class="svelte-1mwh9qx">Dev-Starter-Kit</h1> <div class="menu"><ul><li><a href="http://starterkit.codingphase.com" target="new">\n\t\t\t                            Documentation\n\t\t\t                        </a></li> <li><a href="http://www.codingphase.com" target="new">\n\t\t\t                            CodingPhase.Com\n\t\t\t                        </a></li></ul></div> <div class="version-num">version 4.0.2</div> <br> <a class="github-button" href="https://github.com/codingphasedotcom/Dev-Starter-Kit" data-icon="octicon-star" data-style="mega" data-count-href="/codingphasedotcom/rocky/stargazers" data-count-api="/repos/codingphasedotcom/rocky#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star codingphasedotcom/rocky on GitHub">\n\t\t\t                Star\n\t\t\t            </a></div></div>`;\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* attr */ "c"])(div_4, "class", "home");\n\t\t},\n\n\t\tm(target, anchor) {\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* mount_component */ "i"])(header, target, anchor);\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* insert */ "h"])(target, t, anchor);\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* insert */ "h"])(target, div_4, anchor);\n\t\t\tcurrent = true;\n\t\t},\n\n\t\tp: svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* noop */ "j"],\n\n\t\ti(local) {\n\t\t\tif (current) return;\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* transition_in */ "m"])(header.$$.fragment, local);\n\n\t\t\tcurrent = true;\n\t\t},\n\n\t\to(local) {\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* transition_out */ "n"])(header.$$.fragment, local);\n\t\t\tcurrent = false;\n\t\t},\n\n\t\td(detaching) {\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* destroy_component */ "d"])(header, detaching);\n\n\t\t\tif (detaching) {\n\t\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* detach */ "e"])(t);\n\t\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* detach */ "e"])(div_4);\n\t\t\t}\n\t\t}\n\t};\n}\n\nfunction instance($$self, $$props, $$invalidate) {\n\tlet { name } = $$props;\n\n\t$$self.$set = $$props => {\n\t\tif (\'name\' in $$props) $$invalidate(\'name\', name = $$props.name);\n\t};\n\n\treturn { name };\n}\n\nclass App extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* SvelteComponent */ "a"] {\n\tconstructor(options) {\n\t\tsuper();\n\t\tif (!document.getElementById("svelte-1mwh9qx-style")) add_css();\n\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* init */ "g"])(this, options, instance, create_fragment, svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* safe_not_equal */ "k"], ["name"]);\n\t}\n}\n\n/* harmony default export */ __webpack_exports__["a"] = (App);\n\n//# sourceURL=webpack:///./assets/js/components/svelte/App.svelte?');
106 |     },
107 |     "./assets/js/components/svelte/Header.svelte": function(module, __webpack_exports__, __webpack_require__) {
108 |         "use strict";
109 |         eval('/* harmony import */ var svelte_internal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! svelte/internal */ "./node_modules/svelte/internal/index.mjs");\n/* assets/js/components/svelte/Header.svelte generated by Svelte v3.6.2 */\n\n\nfunction add_css() {\n\tvar style = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* element */ "f"])("style");\n\tstyle.id = \'svelte-sjsaig-style\';\n\tstyle.textContent = "header.svelte-sjsaig{background:#676778;color:red;text-align:center;padding:20px;font-size:1.1rem;font-weight:700;color:white}";\n\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* append */ "b"])(document.head, style);\n}\n\nfunction create_fragment(ctx) {\n\tvar header;\n\n\treturn {\n\t\tc() {\n\t\t\theader = Object(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* element */ "f"])("header");\n\t\t\theader.textContent = "Svelte Setup";\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* attr */ "c"])(header, "id", "header");\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* attr */ "c"])(header, "class", "svelte-sjsaig");\n\t\t},\n\n\t\tm(target, anchor) {\n\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* insert */ "h"])(target, header, anchor);\n\t\t},\n\n\t\tp: svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* noop */ "j"],\n\t\ti: svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* noop */ "j"],\n\t\to: svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* noop */ "j"],\n\n\t\td(detaching) {\n\t\t\tif (detaching) {\n\t\t\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* detach */ "e"])(header);\n\t\t\t}\n\t\t}\n\t};\n}\n\nclass Header extends svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* SvelteComponent */ "a"] {\n\tconstructor(options) {\n\t\tsuper();\n\t\tif (!document.getElementById("svelte-sjsaig-style")) add_css();\n\t\tObject(svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* init */ "g"])(this, options, null, create_fragment, svelte_internal__WEBPACK_IMPORTED_MODULE_0__[/* safe_not_equal */ "k"], []);\n\t}\n}\n\n/* harmony default export */ __webpack_exports__["a"] = (Header);\n\n//# sourceURL=webpack:///./assets/js/components/svelte/Header.svelte?');
110 |     },
111 |     "./assets/js/components/svelte/SvelteApp.js": function(module, __webpack_exports__, __webpack_require__) {
112 |         "use strict";
113 |         eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _App_svelte__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./App.svelte */ "./assets/js/components/svelte/App.svelte");\n\nconst app = new _App_svelte__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"]({\n  target: document.getElementById(\'app\'),\n  props: {\n    name: \'blue\'\n  }\n});\n/* harmony default export */ __webpack_exports__["default"] = (app);\n\n//# sourceURL=webpack:///./assets/js/components/svelte/SvelteApp.js?');
114 |     }
115 | });


--------------------------------------------------------------------------------
/public/js/dist/vendors~SApp.js:
--------------------------------------------------------------------------------
1 | (window["webpackJsonp"] = window["webpackJsonp"] || []).push([ [ "vendors~SApp" ], {
2 |     "./node_modules/svelte/internal/index.mjs": function(__webpack_module__, __webpack_exports__, __webpack_require__) {
3 |         "use strict";
4 |         eval("/* unused harmony export create_animation */\n/* unused harmony export fix_position */\n/* unused harmony export add_transform */\n/* unused harmony export handle_promise */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return append; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"h\", function() { return insert; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"e\", function() { return detach; });\n/* unused harmony export detach_between */\n/* unused harmony export detach_before */\n/* unused harmony export detach_after */\n/* unused harmony export destroy_each */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"f\", function() { return element; });\n/* unused harmony export object_without_properties */\n/* unused harmony export svg_element */\n/* unused harmony export text */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"l\", function() { return space; });\n/* unused harmony export empty */\n/* unused harmony export listen */\n/* unused harmony export prevent_default */\n/* unused harmony export stop_propagation */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"c\", function() { return attr; });\n/* unused harmony export set_attributes */\n/* unused harmony export set_custom_element_data */\n/* unused harmony export xlink_attr */\n/* unused harmony export get_binding_group_value */\n/* unused harmony export to_number */\n/* unused harmony export time_ranges_to_array */\n/* unused harmony export children */\n/* unused harmony export claim_element */\n/* unused harmony export claim_text */\n/* unused harmony export set_data */\n/* unused harmony export set_input_type */\n/* unused harmony export set_style */\n/* unused harmony export select_option */\n/* unused harmony export select_options */\n/* unused harmony export select_value */\n/* unused harmony export select_multiple_value */\n/* unused harmony export add_resize_listener */\n/* unused harmony export toggle_class */\n/* unused harmony export custom_event */\n/* unused harmony export is_client */\n/* unused harmony export now */\n/* unused harmony export raf */\n/* unused harmony export set_now */\n/* unused harmony export set_raf */\n/* unused harmony export globals */\n/* unused harmony export destroy_block */\n/* unused harmony export outro_and_destroy_block */\n/* unused harmony export fix_and_destroy_block */\n/* unused harmony export fix_and_outro_and_destroy_block */\n/* unused harmony export update_keyed_each */\n/* unused harmony export measure */\n/* unused harmony export current_component */\n/* unused harmony export set_current_component */\n/* unused harmony export beforeUpdate */\n/* unused harmony export onMount */\n/* unused harmony export afterUpdate */\n/* unused harmony export onDestroy */\n/* unused harmony export createEventDispatcher */\n/* unused harmony export setContext */\n/* unused harmony export getContext */\n/* unused harmony export bubble */\n/* unused harmony export clear_loops */\n/* unused harmony export loop */\n/* unused harmony export dirty_components */\n/* unused harmony export intros */\n/* unused harmony export schedule_update */\n/* unused harmony export tick */\n/* unused harmony export add_binding_callback */\n/* unused harmony export add_render_callback */\n/* unused harmony export add_flush_callback */\n/* unused harmony export flush */\n/* unused harmony export get_spread_update */\n/* unused harmony export invalid_attribute_name_character */\n/* unused harmony export spread */\n/* unused harmony export escaped */\n/* unused harmony export escape */\n/* unused harmony export each */\n/* unused harmony export missing_component */\n/* unused harmony export validate_component */\n/* unused harmony export debug */\n/* unused harmony export create_ssr_component */\n/* unused harmony export get_store_value */\n/* unused harmony export add_attribute */\n/* unused harmony export add_classes */\n/* unused harmony export group_outros */\n/* unused harmony export check_outros */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"m\", function() { return transition_in; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"n\", function() { return transition_out; });\n/* unused harmony export create_in_transition */\n/* unused harmony export create_out_transition */\n/* unused harmony export create_bidirectional_transition */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"j\", function() { return noop; });\n/* unused harmony export identity */\n/* unused harmony export assign */\n/* unused harmony export is_promise */\n/* unused harmony export add_location */\n/* unused harmony export run */\n/* unused harmony export blank_object */\n/* unused harmony export run_all */\n/* unused harmony export is_function */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"k\", function() { return safe_not_equal; });\n/* unused harmony export not_equal */\n/* unused harmony export validate_store */\n/* unused harmony export subscribe */\n/* unused harmony export create_slot */\n/* unused harmony export get_slot_context */\n/* unused harmony export get_slot_changes */\n/* unused harmony export exclude_internal_props */\n/* unused harmony export once */\n/* unused harmony export bind */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"i\", function() { return mount_component; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"d\", function() { return destroy_component; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"g\", function() { return init; });\n/* unused harmony export SvelteElement */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return SvelteComponent; });\n/* unused harmony export SvelteComponentDev */\nfunction noop() { }\nconst identity = x => x;\nfunction assign(tar, src) {\n    // @ts-ignore\n    for (const k in src)\n        tar[k] = src[k];\n    return tar;\n}\nfunction is_promise(value) {\n    return value && typeof value === 'object' && typeof value.then === 'function';\n}\nfunction add_location(element, file, line, column, char) {\n    element.__svelte_meta = {\n        loc: { file, line, column, char }\n    };\n}\nfunction run(fn) {\n    return fn();\n}\nfunction blank_object() {\n    return Object.create(null);\n}\nfunction run_all(fns) {\n    fns.forEach(run);\n}\nfunction is_function(thing) {\n    return typeof thing === 'function';\n}\nfunction safe_not_equal(a, b) {\n    return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\n}\nfunction not_equal(a, b) {\n    return a != a ? b == b : a !== b;\n}\nfunction validate_store(store, name) {\n    if (!store || typeof store.subscribe !== 'function') {\n        throw new Error(`'${name}' is not a store with a 'subscribe' method`);\n    }\n}\nfunction subscribe(component, store, callback) {\n    const unsub = store.subscribe(callback);\n    component.$$.on_destroy.push(unsub.unsubscribe\n        ? () => unsub.unsubscribe()\n        : unsub);\n}\nfunction create_slot(definition, ctx, fn) {\n    if (definition) {\n        const slot_ctx = get_slot_context(definition, ctx, fn);\n        return definition[0](slot_ctx);\n    }\n}\nfunction get_slot_context(definition, ctx, fn) {\n    return definition[1]\n        ? assign({}, assign(ctx.$$scope.ctx, definition[1](fn ? fn(ctx) : {})))\n        : ctx.$$scope.ctx;\n}\nfunction get_slot_changes(definition, ctx, changed, fn) {\n    return definition[1]\n        ? assign({}, assign(ctx.$$scope.changed || {}, definition[1](fn ? fn(changed) : {})))\n        : ctx.$$scope.changed || {};\n}\nfunction exclude_internal_props(props) {\n    const result = {};\n    for (const k in props)\n        if (k[0] !== '$')\n            result[k] = props[k];\n    return result;\n}\nfunction once(fn) {\n    let ran = false;\n    return function (...args) {\n        if (ran)\n            return;\n        ran = true;\n        fn.call(this, ...args);\n    };\n}\n\nconst is_client = typeof window !== 'undefined';\nlet now = is_client\n    ? () => window.performance.now()\n    : () => Date.now();\nlet raf = cb => requestAnimationFrame(cb);\n// used internally for testing\nfunction set_now(fn) {\n    now = fn;\n}\nfunction set_raf(fn) {\n    raf = fn;\n}\n\nconst tasks = new Set();\nlet running = false;\nfunction run_tasks() {\n    tasks.forEach(task => {\n        if (!task[0](now())) {\n            tasks.delete(task);\n            task[1]();\n        }\n    });\n    running = tasks.size > 0;\n    if (running)\n        raf(run_tasks);\n}\nfunction clear_loops() {\n    // for testing...\n    tasks.forEach(task => tasks.delete(task));\n    running = false;\n}\nfunction loop(fn) {\n    let task;\n    if (!running) {\n        running = true;\n        raf(run_tasks);\n    }\n    return {\n        promise: new Promise(fulfil => {\n            tasks.add(task = [fn, fulfil]);\n        }),\n        abort() {\n            tasks.delete(task);\n        }\n    };\n}\n\nfunction append(target, node) {\n    target.appendChild(node);\n}\nfunction insert(target, node, anchor) {\n    target.insertBefore(node, anchor || null);\n}\nfunction detach(node) {\n    node.parentNode.removeChild(node);\n}\nfunction detach_between(before, after) {\n    while (before.nextSibling && before.nextSibling !== after) {\n        before.parentNode.removeChild(before.nextSibling);\n    }\n}\nfunction detach_before(after) {\n    while (after.previousSibling) {\n        after.parentNode.removeChild(after.previousSibling);\n    }\n}\nfunction detach_after(before) {\n    while (before.nextSibling) {\n        before.parentNode.removeChild(before.nextSibling);\n    }\n}\nfunction destroy_each(iterations, detaching) {\n    for (let i = 0; i < iterations.length; i += 1) {\n        if (iterations[i])\n            iterations[i].d(detaching);\n    }\n}\nfunction element(name) {\n    return document.createElement(name);\n}\nfunction object_without_properties(obj, exclude) {\n    // eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion\n    const target = {};\n    for (const k in obj) {\n        if (Object.prototype.hasOwnProperty.call(obj, k)\n            // @ts-ignore\n            && exclude.indexOf(k) === -1) {\n            // @ts-ignore\n            target[k] = obj[k];\n        }\n    }\n    return target;\n}\nfunction svg_element(name) {\n    return document.createElementNS('http://www.w3.org/2000/svg', name);\n}\nfunction text(data) {\n    return document.createTextNode(data);\n}\nfunction space() {\n    return text(' ');\n}\nfunction empty() {\n    return text('');\n}\nfunction listen(node, event, handler, options) {\n    node.addEventListener(event, handler, options);\n    return () => node.removeEventListener(event, handler, options);\n}\nfunction prevent_default(fn) {\n    return function (event) {\n        event.preventDefault();\n        // @ts-ignore\n        return fn.call(this, event);\n    };\n}\nfunction stop_propagation(fn) {\n    return function (event) {\n        event.stopPropagation();\n        // @ts-ignore\n        return fn.call(this, event);\n    };\n}\nfunction attr(node, attribute, value) {\n    if (value == null)\n        node.removeAttribute(attribute);\n    else\n        node.setAttribute(attribute, value);\n}\nfunction set_attributes(node, attributes) {\n    for (const key in attributes) {\n        if (key === 'style') {\n            node.style.cssText = attributes[key];\n        }\n        else if (key in node) {\n            node[key] = attributes[key];\n        }\n        else {\n            attr(node, key, attributes[key]);\n        }\n    }\n}\nfunction set_custom_element_data(node, prop, value) {\n    if (prop in node) {\n        node[prop] = value;\n    }\n    else {\n        attr(node, prop, value);\n    }\n}\nfunction xlink_attr(node, attribute, value) {\n    node.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\nfunction get_binding_group_value(group) {\n    const value = [];\n    for (let i = 0; i < group.length; i += 1) {\n        if (group[i].checked)\n            value.push(group[i].__value);\n    }\n    return value;\n}\nfunction to_number(value) {\n    return value === '' ? undefined : +value;\n}\nfunction time_ranges_to_array(ranges) {\n    const array = [];\n    for (let i = 0; i < ranges.length; i += 1) {\n        array.push({ start: ranges.start(i), end: ranges.end(i) });\n    }\n    return array;\n}\nfunction children(element) {\n    return Array.from(element.childNodes);\n}\nfunction claim_element(nodes, name, attributes, svg) {\n    for (let i = 0; i < nodes.length; i += 1) {\n        const node = nodes[i];\n        if (node.nodeName === name) {\n            for (let j = 0; j < node.attributes.length; j += 1) {\n                const attribute = node.attributes[j];\n                if (!attributes[attribute.name])\n                    node.removeAttribute(attribute.name);\n            }\n            return nodes.splice(i, 1)[0]; // TODO strip unwanted attributes\n        }\n    }\n    return svg ? svg_element(name) : element(name);\n}\nfunction claim_text(nodes, data) {\n    for (let i = 0; i < nodes.length; i += 1) {\n        const node = nodes[i];\n        if (node.nodeType === 3) {\n            node.data = data;\n            return nodes.splice(i, 1)[0];\n        }\n    }\n    return text(data);\n}\nfunction set_data(text, data) {\n    data = '' + data;\n    if (text.data !== data)\n        text.data = data;\n}\nfunction set_input_type(input, type) {\n    try {\n        input.type = type;\n    }\n    catch (e) {\n        // do nothing\n    }\n}\nfunction set_style(node, key, value) {\n    node.style.setProperty(key, value);\n}\nfunction select_option(select, value) {\n    for (let i = 0; i < select.options.length; i += 1) {\n        const option = select.options[i];\n        if (option.__value === value) {\n            option.selected = true;\n            return;\n        }\n    }\n}\nfunction select_options(select, value) {\n    for (let i = 0; i < select.options.length; i += 1) {\n        const option = select.options[i];\n        option.selected = ~value.indexOf(option.__value);\n    }\n}\nfunction select_value(select) {\n    const selected_option = select.querySelector(':checked') || select.options[0];\n    return selected_option && selected_option.__value;\n}\nfunction select_multiple_value(select) {\n    return [].map.call(select.querySelectorAll(':checked'), option => option.__value);\n}\nfunction add_resize_listener(element, fn) {\n    if (getComputedStyle(element).position === 'static') {\n        element.style.position = 'relative';\n    }\n    const object = document.createElement('object');\n    object.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;');\n    object.type = 'text/html';\n    let win;\n    object.onload = () => {\n        win = object.contentDocument.defaultView;\n        win.addEventListener('resize', fn);\n    };\n    if (/Trident/.test(navigator.userAgent)) {\n        element.appendChild(object);\n        object.data = 'about:blank';\n    }\n    else {\n        object.data = 'about:blank';\n        element.appendChild(object);\n    }\n    return {\n        cancel: () => {\n            win && win.removeEventListener && win.removeEventListener('resize', fn);\n            element.removeChild(object);\n        }\n    };\n}\nfunction toggle_class(element, name, toggle) {\n    element.classList[toggle ? 'add' : 'remove'](name);\n}\nfunction custom_event(type, detail) {\n    const e = document.createEvent('CustomEvent');\n    e.initCustomEvent(type, false, false, detail);\n    return e;\n}\n\nlet stylesheet;\nlet active = 0;\nlet current_rules = {};\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\nfunction hash(str) {\n    let hash = 5381;\n    let i = str.length;\n    while (i--)\n        hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\n    return hash >>> 0;\n}\nfunction create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {\n    const step = 16.666 / duration;\n    let keyframes = '{\\n';\n    for (let p = 0; p <= 1; p += step) {\n        const t = a + (b - a) * ease(p);\n        keyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\n    }\n    const rule = keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\n    const name = `__svelte_${hash(rule)}_${uid}`;\n    if (!current_rules[name]) {\n        if (!stylesheet) {\n            const style = element('style');\n            document.head.appendChild(style);\n            stylesheet = style.sheet;\n        }\n        current_rules[name] = true;\n        stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);\n    }\n    const animation = node.style.animation || '';\n    node.style.animation = `${animation ? `${animation}, ` : ``}${name} ${duration}ms linear ${delay}ms 1 both`;\n    active += 1;\n    return name;\n}\nfunction delete_rule(node, name) {\n    node.style.animation = (node.style.animation || '')\n        .split(', ')\n        .filter(name\n        ? anim => anim.indexOf(name) < 0 // remove specific animation\n        : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations\n    )\n        .join(', ');\n    if (name && !--active)\n        clear_rules();\n}\nfunction clear_rules() {\n    raf(() => {\n        if (active)\n            return;\n        let i = stylesheet.cssRules.length;\n        while (i--)\n            stylesheet.deleteRule(i);\n        current_rules = {};\n    });\n}\n\nfunction create_animation(node, from, fn, params) {\n    if (!from)\n        return noop;\n    const to = node.getBoundingClientRect();\n    if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)\n        return noop;\n    const { delay = 0, duration = 300, easing = identity, \n    // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?\n    start: start_time = now() + delay, \n    // @ts-ignore todo:\n    end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);\n    let running = true;\n    let started = false;\n    let name;\n    function start() {\n        if (css) {\n            name = create_rule(node, 0, 1, duration, delay, easing, css);\n        }\n        if (!delay) {\n            started = true;\n        }\n    }\n    function stop() {\n        if (css)\n            delete_rule(node, name);\n        running = false;\n    }\n    loop(now$$1 => {\n        if (!started && now$$1 >= start_time) {\n            started = true;\n        }\n        if (started && now$$1 >= end) {\n            tick(1, 0);\n            stop();\n        }\n        if (!running) {\n            return false;\n        }\n        if (started) {\n            const p = now$$1 - start_time;\n            const t = 0 + 1 * easing(p / duration);\n            tick(t, 1 - t);\n        }\n        return true;\n    });\n    start();\n    tick(0, 1);\n    return stop;\n}\nfunction fix_position(node) {\n    const style = getComputedStyle(node);\n    if (style.position !== 'absolute' && style.position !== 'fixed') {\n        const { width, height } = style;\n        const a = node.getBoundingClientRect();\n        node.style.position = 'absolute';\n        node.style.width = width;\n        node.style.height = height;\n        add_transform(node, a);\n    }\n}\nfunction add_transform(node, a) {\n    const b = node.getBoundingClientRect();\n    if (a.left !== b.left || a.top !== b.top) {\n        const style = getComputedStyle(node);\n        const transform = style.transform === 'none' ? '' : style.transform;\n        node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\n    }\n}\n\nlet current_component;\nfunction set_current_component(component) {\n    current_component = component;\n}\nfunction get_current_component() {\n    if (!current_component)\n        throw new Error(`Function called outside component initialization`);\n    return current_component;\n}\nfunction beforeUpdate(fn) {\n    get_current_component().$$.before_render.push(fn);\n}\nfunction onMount(fn) {\n    get_current_component().$$.on_mount.push(fn);\n}\nfunction afterUpdate(fn) {\n    get_current_component().$$.after_render.push(fn);\n}\nfunction onDestroy(fn) {\n    get_current_component().$$.on_destroy.push(fn);\n}\nfunction createEventDispatcher() {\n    const component = current_component;\n    return (type, detail) => {\n        const callbacks = component.$$.callbacks[type];\n        if (callbacks) {\n            // TODO are there situations where events could be dispatched\n            // in a server (non-DOM) environment?\n            const event = custom_event(type, detail);\n            callbacks.slice().forEach(fn => {\n                fn.call(component, event);\n            });\n        }\n    };\n}\nfunction setContext(key, context) {\n    get_current_component().$$.context.set(key, context);\n}\nfunction getContext(key) {\n    return get_current_component().$$.context.get(key);\n}\n// TODO figure out if we still want to support\n// shorthand events, or if we want to implement\n// a real bubbling mechanism\nfunction bubble(component, event) {\n    const callbacks = component.$$.callbacks[event.type];\n    if (callbacks) {\n        callbacks.slice().forEach(fn => fn(event));\n    }\n}\n\nconst dirty_components = [];\nconst intros = { enabled: false };\nconst resolved_promise = Promise.resolve();\nlet update_scheduled = false;\nconst binding_callbacks = [];\nconst render_callbacks = [];\nconst flush_callbacks = [];\nfunction schedule_update() {\n    if (!update_scheduled) {\n        update_scheduled = true;\n        resolved_promise.then(flush);\n    }\n}\nfunction tick() {\n    schedule_update();\n    return resolved_promise;\n}\nfunction add_binding_callback(fn) {\n    binding_callbacks.push(fn);\n}\nfunction add_render_callback(fn) {\n    render_callbacks.push(fn);\n}\nfunction add_flush_callback(fn) {\n    flush_callbacks.push(fn);\n}\nfunction flush() {\n    const seen_callbacks = new Set();\n    do {\n        // first, call beforeUpdate functions\n        // and update components\n        while (dirty_components.length) {\n            const component = dirty_components.shift();\n            set_current_component(component);\n            update(component.$$);\n        }\n        while (binding_callbacks.length)\n            binding_callbacks.pop()();\n        // then, once components are updated, call\n        // afterUpdate functions. This may cause\n        // subsequent updates...\n        while (render_callbacks.length) {\n            const callback = render_callbacks.pop();\n            if (!seen_callbacks.has(callback)) {\n                callback();\n                // ...so guard against infinite loops\n                seen_callbacks.add(callback);\n            }\n        }\n    } while (dirty_components.length);\n    while (flush_callbacks.length) {\n        flush_callbacks.pop()();\n    }\n    update_scheduled = false;\n}\nfunction update($$) {\n    if ($$.fragment) {\n        $$.update($$.dirty);\n        run_all($$.before_render);\n        $$.fragment.p($$.dirty, $$.ctx);\n        $$.dirty = null;\n        $$.after_render.forEach(add_render_callback);\n    }\n}\n\nlet promise;\nfunction wait() {\n    if (!promise) {\n        promise = Promise.resolve();\n        promise.then(() => {\n            promise = null;\n        });\n    }\n    return promise;\n}\nfunction dispatch(node, direction, kind) {\n    node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));\n}\nconst outroing = new Set();\nlet outros;\nfunction group_outros() {\n    outros = {\n        remaining: 0,\n        callbacks: []\n    };\n}\nfunction check_outros() {\n    if (!outros.remaining) {\n        run_all(outros.callbacks);\n    }\n}\nfunction transition_in(block, local) {\n    if (block && block.i) {\n        outroing.delete(block);\n        block.i(local);\n    }\n}\nfunction transition_out(block, local, callback) {\n    if (block && block.o) {\n        if (outroing.has(block))\n            return;\n        outroing.add(block);\n        outros.callbacks.push(() => {\n            outroing.delete(block);\n            if (callback) {\n                block.d(1);\n                callback();\n            }\n        });\n        block.o(local);\n    }\n}\nfunction create_in_transition(node, fn, params) {\n    let config = fn(node, params);\n    let running = false;\n    let animation_name;\n    let task;\n    let uid = 0;\n    function cleanup() {\n        if (animation_name)\n            delete_rule(node, animation_name);\n    }\n    function go() {\n        const { delay = 0, duration = 300, easing = identity, tick: tick$$1 = noop, css } = config;\n        if (css)\n            animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);\n        tick$$1(0, 1);\n        const start_time = now() + delay;\n        const end_time = start_time + duration;\n        if (task)\n            task.abort();\n        running = true;\n        add_render_callback(() => dispatch(node, true, 'start'));\n        task = loop(now$$1 => {\n            if (running) {\n                if (now$$1 >= end_time) {\n                    tick$$1(1, 0);\n                    dispatch(node, true, 'end');\n                    cleanup();\n                    return running = false;\n                }\n                if (now$$1 >= start_time) {\n                    const t = easing((now$$1 - start_time) / duration);\n                    tick$$1(t, 1 - t);\n                }\n            }\n            return running;\n        });\n    }\n    let started = false;\n    return {\n        start() {\n            if (started)\n                return;\n            delete_rule(node);\n            if (is_function(config)) {\n                config = config();\n                wait().then(go);\n            }\n            else {\n                go();\n            }\n        },\n        invalidate() {\n            started = false;\n        },\n        end() {\n            if (running) {\n                cleanup();\n                running = false;\n            }\n        }\n    };\n}\nfunction create_out_transition(node, fn, params) {\n    let config = fn(node, params);\n    let running = true;\n    let animation_name;\n    const group = outros;\n    group.remaining += 1;\n    function go() {\n        const { delay = 0, duration = 300, easing = identity, tick: tick$$1 = noop, css } = config;\n        if (css)\n            animation_name = create_rule(node, 1, 0, duration, delay, easing, css);\n        const start_time = now() + delay;\n        const end_time = start_time + duration;\n        add_render_callback(() => dispatch(node, false, 'start'));\n        loop(now$$1 => {\n            if (running) {\n                if (now$$1 >= end_time) {\n                    tick$$1(0, 1);\n                    dispatch(node, false, 'end');\n                    if (!--group.remaining) {\n                        // this will result in `end()` being called,\n                        // so we don't need to clean up here\n                        run_all(group.callbacks);\n                    }\n                    return false;\n                }\n                if (now$$1 >= start_time) {\n                    const t = easing((now$$1 - start_time) / duration);\n                    tick$$1(1 - t, t);\n                }\n            }\n            return running;\n        });\n    }\n    if (is_function(config)) {\n        wait().then(() => {\n            // @ts-ignore\n            config = config();\n            go();\n        });\n    }\n    else {\n        go();\n    }\n    return {\n        end(reset) {\n            if (reset && config.tick) {\n                config.tick(1, 0);\n            }\n            if (running) {\n                if (animation_name)\n                    delete_rule(node, animation_name);\n                running = false;\n            }\n        }\n    };\n}\nfunction create_bidirectional_transition(node, fn, params, intro) {\n    let config = fn(node, params);\n    let t = intro ? 0 : 1;\n    let running_program = null;\n    let pending_program = null;\n    let animation_name = null;\n    function clear_animation() {\n        if (animation_name)\n            delete_rule(node, animation_name);\n    }\n    function init(program, duration) {\n        const d = program.b - t;\n        duration *= Math.abs(d);\n        return {\n            a: t,\n            b: program.b,\n            d,\n            duration,\n            start: program.start,\n            end: program.start + duration,\n            group: program.group\n        };\n    }\n    function go(b) {\n        const { delay = 0, duration = 300, easing = identity, tick: tick$$1 = noop, css } = config;\n        const program = {\n            start: now() + delay,\n            b\n        };\n        if (!b) {\n            // @ts-ignore todo: improve typings\n            program.group = outros;\n            outros.remaining += 1;\n        }\n        if (running_program) {\n            pending_program = program;\n        }\n        else {\n            // if this is an intro, and there's a delay, we need to do\n            // an initial tick and/or apply CSS animation immediately\n            if (css) {\n                clear_animation();\n                animation_name = create_rule(node, t, b, duration, delay, easing, css);\n            }\n            if (b)\n                tick$$1(0, 1);\n            running_program = init(program, duration);\n            add_render_callback(() => dispatch(node, b, 'start'));\n            loop(now$$1 => {\n                if (pending_program && now$$1 > pending_program.start) {\n                    running_program = init(pending_program, duration);\n                    pending_program = null;\n                    dispatch(node, running_program.b, 'start');\n                    if (css) {\n                        clear_animation();\n                        animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);\n                    }\n                }\n                if (running_program) {\n                    if (now$$1 >= running_program.end) {\n                        tick$$1(t = running_program.b, 1 - t);\n                        dispatch(node, running_program.b, 'end');\n                        if (!pending_program) {\n                            // we're done\n                            if (running_program.b) {\n                                // intro — we can tidy up immediately\n                                clear_animation();\n                            }\n                            else {\n                                // outro — needs to be coordinated\n                                if (!--running_program.group.remaining)\n                                    run_all(running_program.group.callbacks);\n                            }\n                        }\n                        running_program = null;\n                    }\n                    else if (now$$1 >= running_program.start) {\n                        const p = now$$1 - running_program.start;\n                        t = running_program.a + running_program.d * easing(p / running_program.duration);\n                        tick$$1(t, 1 - t);\n                    }\n                }\n                return !!(running_program || pending_program);\n            });\n        }\n    }\n    return {\n        run(b) {\n            if (is_function(config)) {\n                wait().then(() => {\n                    // @ts-ignore\n                    config = config();\n                    go(b);\n                });\n            }\n            else {\n                go(b);\n            }\n        },\n        end() {\n            clear_animation();\n            running_program = pending_program = null;\n        }\n    };\n}\n\nfunction handle_promise(promise, info) {\n    const token = info.token = {};\n    function update(type, index, key, value) {\n        if (info.token !== token)\n            return;\n        info.resolved = key && { [key]: value };\n        const child_ctx = assign(assign({}, info.ctx), info.resolved);\n        const block = type && (info.current = type)(child_ctx);\n        if (info.block) {\n            if (info.blocks) {\n                info.blocks.forEach((block, i) => {\n                    if (i !== index && block) {\n                        group_outros();\n                        transition_out(block, 1, () => {\n                            info.blocks[i] = null;\n                        });\n                        check_outros();\n                    }\n                });\n            }\n            else {\n                info.block.d(1);\n            }\n            block.c();\n            transition_in(block, 1);\n            block.m(info.mount(), info.anchor);\n            flush();\n        }\n        info.block = block;\n        if (info.blocks)\n            info.blocks[index] = block;\n    }\n    if (is_promise(promise)) {\n        promise.then(value => {\n            update(info.then, 1, info.value, value);\n        }, error => {\n            update(info.catch, 2, info.error, error);\n        });\n        // if we previously had a then/catch block, destroy it\n        if (info.current !== info.pending) {\n            update(info.pending, 0);\n            return true;\n        }\n    }\n    else {\n        if (info.current !== info.then) {\n            update(info.then, 1, info.value, promise);\n            return true;\n        }\n        info.resolved = { [info.value]: promise };\n    }\n}\n\nconst globals = (typeof window !== 'undefined' ? window : global);\n\nfunction destroy_block(block, lookup) {\n    block.d(1);\n    lookup.delete(block.key);\n}\nfunction outro_and_destroy_block(block, lookup) {\n    transition_out(block, 1, () => {\n        lookup.delete(block.key);\n    });\n}\nfunction fix_and_destroy_block(block, lookup) {\n    block.f();\n    destroy_block(block, lookup);\n}\nfunction fix_and_outro_and_destroy_block(block, lookup) {\n    block.f();\n    outro_and_destroy_block(block, lookup);\n}\nfunction update_keyed_each(old_blocks, changed, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {\n    let o = old_blocks.length;\n    let n = list.length;\n    let i = o;\n    const old_indexes = {};\n    while (i--)\n        old_indexes[old_blocks[i].key] = i;\n    const new_blocks = [];\n    const new_lookup = new Map();\n    const deltas = new Map();\n    i = n;\n    while (i--) {\n        const child_ctx = get_context(ctx, list, i);\n        const key = get_key(child_ctx);\n        let block = lookup.get(key);\n        if (!block) {\n            block = create_each_block(key, child_ctx);\n            block.c();\n        }\n        else if (dynamic) {\n            block.p(changed, child_ctx);\n        }\n        new_lookup.set(key, new_blocks[i] = block);\n        if (key in old_indexes)\n            deltas.set(key, Math.abs(i - old_indexes[key]));\n    }\n    const will_move = new Set();\n    const did_move = new Set();\n    function insert(block) {\n        transition_in(block, 1);\n        block.m(node, next);\n        lookup.set(block.key, block);\n        next = block.first;\n        n--;\n    }\n    while (o && n) {\n        const new_block = new_blocks[n - 1];\n        const old_block = old_blocks[o - 1];\n        const new_key = new_block.key;\n        const old_key = old_block.key;\n        if (new_block === old_block) {\n            // do nothing\n            next = new_block.first;\n            o--;\n            n--;\n        }\n        else if (!new_lookup.has(old_key)) {\n            // remove old block\n            destroy(old_block, lookup);\n            o--;\n        }\n        else if (!lookup.has(new_key) || will_move.has(new_key)) {\n            insert(new_block);\n        }\n        else if (did_move.has(old_key)) {\n            o--;\n        }\n        else if (deltas.get(new_key) > deltas.get(old_key)) {\n            did_move.add(new_key);\n            insert(new_block);\n        }\n        else {\n            will_move.add(old_key);\n            o--;\n        }\n    }\n    while (o--) {\n        const old_block = old_blocks[o];\n        if (!new_lookup.has(old_block.key))\n            destroy(old_block, lookup);\n    }\n    while (n)\n        insert(new_blocks[n - 1]);\n    return new_blocks;\n}\nfunction measure(blocks) {\n    const rects = {};\n    let i = blocks.length;\n    while (i--)\n        rects[blocks[i].key] = blocks[i].node.getBoundingClientRect();\n    return rects;\n}\n\nfunction get_spread_update(levels, updates) {\n    const update = {};\n    const to_null_out = {};\n    const accounted_for = { $$scope: 1 };\n    let i = levels.length;\n    while (i--) {\n        const o = levels[i];\n        const n = updates[i];\n        if (n) {\n            for (const key in o) {\n                if (!(key in n))\n                    to_null_out[key] = 1;\n            }\n            for (const key in n) {\n                if (!accounted_for[key]) {\n                    update[key] = n[key];\n                    accounted_for[key] = 1;\n                }\n            }\n            levels[i] = n;\n        }\n        else {\n            for (const key in o) {\n                accounted_for[key] = 1;\n            }\n        }\n    }\n    for (const key in to_null_out) {\n        if (!(key in update))\n            update[key] = undefined;\n    }\n    return update;\n}\n\nconst invalid_attribute_name_character = /[\\s'\">/=\\u{FDD0}-\\u{FDEF}\\u{FFFE}\\u{FFFF}\\u{1FFFE}\\u{1FFFF}\\u{2FFFE}\\u{2FFFF}\\u{3FFFE}\\u{3FFFF}\\u{4FFFE}\\u{4FFFF}\\u{5FFFE}\\u{5FFFF}\\u{6FFFE}\\u{6FFFF}\\u{7FFFE}\\u{7FFFF}\\u{8FFFE}\\u{8FFFF}\\u{9FFFE}\\u{9FFFF}\\u{AFFFE}\\u{AFFFF}\\u{BFFFE}\\u{BFFFF}\\u{CFFFE}\\u{CFFFF}\\u{DFFFE}\\u{DFFFF}\\u{EFFFE}\\u{EFFFF}\\u{FFFFE}\\u{FFFFF}\\u{10FFFE}\\u{10FFFF}]/u;\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\n// https://infra.spec.whatwg.org/#noncharacter\nfunction spread(args) {\n    const attributes = Object.assign({}, ...args);\n    let str = '';\n    Object.keys(attributes).forEach(name => {\n        if (invalid_attribute_name_character.test(name))\n            return;\n        const value = attributes[name];\n        if (value === undefined)\n            return;\n        if (value === true)\n            str += \" \" + name;\n        const escaped = String(value)\n            .replace(/\"/g, '&#34;')\n            .replace(/'/g, '&#39;');\n        str += \" \" + name + \"=\" + JSON.stringify(escaped);\n    });\n    return str;\n}\nconst escaped = {\n    '\"': '&quot;',\n    \"'\": '&#39;',\n    '&': '&amp;',\n    '<': '&lt;',\n    '>': '&gt;'\n};\nfunction escape(html) {\n    return String(html).replace(/[\"'&<>]/g, match => escaped[match]);\n}\nfunction each(items, fn) {\n    let str = '';\n    for (let i = 0; i < items.length; i += 1) {\n        str += fn(items[i], i);\n    }\n    return str;\n}\nconst missing_component = {\n    $$render: () => ''\n};\nfunction validate_component(component, name) {\n    if (!component || !component.$$render) {\n        if (name === 'svelte:component')\n            name += ' this={...}';\n        throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);\n    }\n    return component;\n}\nfunction debug(file, line, column, values) {\n    console.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`); // eslint-disable-line no-console\n    console.log(values); // eslint-disable-line no-console\n    return '';\n}\nlet on_destroy;\nfunction create_ssr_component(fn) {\n    function $$render(result, props, bindings, slots) {\n        const parent_component = current_component;\n        const $$ = {\n            on_destroy,\n            context: new Map(parent_component ? parent_component.$$.context : []),\n            // these will be immediately discarded\n            on_mount: [],\n            before_render: [],\n            after_render: [],\n            callbacks: blank_object()\n        };\n        set_current_component({ $$ });\n        const html = fn(result, props, bindings, slots);\n        set_current_component(parent_component);\n        return html;\n    }\n    return {\n        render: (props = {}, options = {}) => {\n            on_destroy = [];\n            const result = { head: '', css: new Set() };\n            const html = $$render(result, props, {}, options);\n            run_all(on_destroy);\n            return {\n                html,\n                css: {\n                    code: Array.from(result.css).map(css => css.code).join('\\n'),\n                    map: null // TODO\n                },\n                head: result.head\n            };\n        },\n        $$render\n    };\n}\nfunction get_store_value(store) {\n    let value;\n    store.subscribe(_ => value = _)();\n    return value;\n}\nfunction add_attribute(name, value) {\n    if (!value)\n        return '';\n    return ` ${name}${value === true ? '' : `=${JSON.stringify(value)}`}`;\n}\nfunction add_classes(classes) {\n    return classes ? ` class=\"${classes}\"` : ``;\n}\n\nfunction bind(component, name, callback) {\n    if (component.$$.props.indexOf(name) === -1)\n        return;\n    component.$$.bound[name] = callback;\n    callback(component.$$.ctx[name]);\n}\nfunction mount_component(component, target, anchor) {\n    const { fragment, on_mount, on_destroy, after_render } = component.$$;\n    fragment.m(target, anchor);\n    // onMount happens after the initial afterUpdate. Because\n    // afterUpdate callbacks happen in reverse order (inner first)\n    // we schedule onMount callbacks before afterUpdate callbacks\n    add_render_callback(() => {\n        const new_on_destroy = on_mount.map(run).filter(is_function);\n        if (on_destroy) {\n            on_destroy.push(...new_on_destroy);\n        }\n        else {\n            // Edge case - component was destroyed immediately,\n            // most likely as a result of a binding initialising\n            run_all(new_on_destroy);\n        }\n        component.$$.on_mount = [];\n    });\n    after_render.forEach(add_render_callback);\n}\nfunction destroy_component(component, detaching) {\n    if (component.$$.fragment) {\n        run_all(component.$$.on_destroy);\n        component.$$.fragment.d(detaching);\n        // TODO null out other refs, including component.$$ (but need to\n        // preserve final state?)\n        component.$$.on_destroy = component.$$.fragment = null;\n        component.$$.ctx = {};\n    }\n}\nfunction make_dirty(component, key) {\n    if (!component.$$.dirty) {\n        dirty_components.push(component);\n        schedule_update();\n        component.$$.dirty = blank_object();\n    }\n    component.$$.dirty[key] = true;\n}\nfunction init(component, options, instance, create_fragment, not_equal$$1, prop_names) {\n    const parent_component = current_component;\n    set_current_component(component);\n    const props = options.props || {};\n    const $$ = component.$$ = {\n        fragment: null,\n        ctx: null,\n        // state\n        props: prop_names,\n        update: noop,\n        not_equal: not_equal$$1,\n        bound: blank_object(),\n        // lifecycle\n        on_mount: [],\n        on_destroy: [],\n        before_render: [],\n        after_render: [],\n        context: new Map(parent_component ? parent_component.$$.context : []),\n        // everything else\n        callbacks: blank_object(),\n        dirty: null\n    };\n    let ready = false;\n    $$.ctx = instance\n        ? instance(component, props, (key, value) => {\n            if ($$.ctx && not_equal$$1($$.ctx[key], $$.ctx[key] = value)) {\n                if ($$.bound[key])\n                    $$.bound[key](value);\n                if (ready)\n                    make_dirty(component, key);\n            }\n        })\n        : props;\n    $$.update();\n    ready = true;\n    run_all($$.before_render);\n    $$.fragment = create_fragment($$.ctx);\n    if (options.target) {\n        if (options.hydrate) {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            $$.fragment.l(children(options.target));\n        }\n        else {\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            $$.fragment.c();\n        }\n        if (options.intro)\n            transition_in(component.$$.fragment);\n        mount_component(component, options.target, options.anchor);\n        flush();\n    }\n    set_current_component(parent_component);\n}\nlet SvelteElement;\nif (typeof HTMLElement !== 'undefined') {\n    SvelteElement = class extends HTMLElement {\n        constructor() {\n            super();\n            this.attachShadow({ mode: 'open' });\n        }\n        connectedCallback() {\n            // @ts-ignore todo: improve typings\n            for (const key in this.$$.slotted) {\n                // @ts-ignore todo: improve typings\n                this.appendChild(this.$$.slotted[key]);\n            }\n        }\n        attributeChangedCallback(attr$$1, _oldValue, newValue) {\n            this[attr$$1] = newValue;\n        }\n        $destroy() {\n            destroy_component(this, 1);\n            this.$destroy = noop;\n        }\n        $on(type, callback) {\n            // TODO should this delegate to addEventListener?\n            const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n            callbacks.push(callback);\n            return () => {\n                const index = callbacks.indexOf(callback);\n                if (index !== -1)\n                    callbacks.splice(index, 1);\n            };\n        }\n        $set() {\n            // overridden by instance, if it has props\n        }\n    };\n}\nclass SvelteComponent {\n    $destroy() {\n        destroy_component(this, 1);\n        this.$destroy = noop;\n    }\n    $on(type, callback) {\n        const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n        callbacks.push(callback);\n        return () => {\n            const index = callbacks.indexOf(callback);\n            if (index !== -1)\n                callbacks.splice(index, 1);\n        };\n    }\n    $set() {\n        // overridden by instance, if it has props\n    }\n}\nclass SvelteComponentDev extends SvelteComponent {\n    constructor(options) {\n        if (!options || (!options.target && !options.$$inline)) {\n            throw new Error(`'target' is a required option`);\n        }\n        super();\n    }\n    $destroy() {\n        super.$destroy();\n        this.$destroy = () => {\n            console.warn(`Component was already destroyed`); // eslint-disable-line no-console\n        };\n    }\n}\n\n\n\n\n//# sourceURL=webpack:///./node_modules/svelte/internal/index.mjs?");
5 |     }
6 | } ]);


--------------------------------------------------------------------------------