diff options
-rw-r--r-- | .gitignore | 3 | ||||
-rw-r--r-- | index.js | 2 | ||||
-rw-r--r-- | package-lock.json | 108 | ||||
-rw-r--r-- | package.json | 7 | ||||
-rw-r--r-- | public/index.css (renamed from index.css) | 0 | ||||
-rw-r--r-- | public/index.html (renamed from index.html) | 6 | ||||
-rw-r--r-- | snowpack.config.mjs | 7 | ||||
-rw-r--r-- | src/App.svelte | 7 | ||||
-rw-r--r-- | src/index.js | 7 |
9 files changed, 137 insertions, 10 deletions
diff --git a/.gitignore b/.gitignore index 97e3960..8e5ee43 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ .snowpack build -node_modules \ No newline at end of file +node_modules +public/pure.css diff --git a/index.js b/index.js deleted file mode 100644 index 496a9c0..0000000 --- a/index.js +++ /dev/null @@ -1,2 +0,0 @@ -/* Add JavaScript code here! */ -console.log('Hello World! You did it! Welcome to Snowpack :D'); diff --git a/package-lock.json b/package-lock.json index 0f27887..e382f58 100644 --- a/package-lock.json +++ b/package-lock.json @@ -262,6 +262,17 @@ "integrity": "sha512-Qm9hBEBu18wt1PO2flE7LPb30BHMQt1eQgbV76YntdNk73XZGpn3izvGTYxbGgzXKgbCjiia0uxTd3aTNQrY/g==", "dev": true }, + "@snowpack/plugin-svelte": { + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/@snowpack/plugin-svelte/-/plugin-svelte-3.7.0.tgz", + "integrity": "sha512-YR2t/aMswjUV0D/qFBjIGA7VIgl5IrNHIuJbNtj2YR2heRWaSm7LYLUJKbnho7iKUqCtc+ZcwpgGZO/VNYlLNg==", + "dev": true, + "requires": { + "rollup-plugin-svelte": "^7.0.0", + "svelte-hmr": "^0.13.2", + "svelte-preprocess": "^4.7.2" + } + }, "@szmarczak/http-timer": { "version": "4.0.6", "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.6.tgz", @@ -322,6 +333,12 @@ "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==", "dev": true }, + "@types/pug": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@types/pug/-/pug-2.0.5.tgz", + "integrity": "sha512-LOnASQoeNZMkzexRuyqcBBDZ6rS+rQxUMkmj5A0PkhhiSZivLIuz6Hxyr1mkGoEZEkk66faROmpMi4fFkrKsBA==", + "dev": true + }, "@types/resolve": { "version": "1.17.1", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz", @@ -340,6 +357,15 @@ "@types/node": "*" } }, + "@types/sass": { + "version": "1.16.1", + "resolved": "https://registry.npmjs.org/@types/sass/-/sass-1.16.1.tgz", + "integrity": "sha512-iZUcRrGuz/Tbg3loODpW7vrQJkUtpY2fFSf4ELqqkApcS2TkZ1msk7ie8iZPB86lDOP8QOTTmuvWjc5S0R9OjQ==", + "dev": true, + "requires": { + "@types/node": "*" + } + }, "abbrev": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz", @@ -970,6 +996,12 @@ "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=", "dev": true }, + "detect-indent": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz", + "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==", + "dev": true + }, "detect-port": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/detect-port/-/detect-port-1.3.0.tgz", @@ -2029,6 +2061,12 @@ "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==", "dev": true }, + "min-indent": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", + "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==", + "dev": true + }, "minimatch": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", @@ -2714,6 +2752,11 @@ "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", "dev": true }, + "purecss": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/purecss/-/purecss-2.0.6.tgz", + "integrity": "sha512-R5V/Yk/j8/v5ivlg0MvQKQmo7F1BnWupK0wiMrKDyz2BofLB5BFKfZtSqu90YwHYBH4uzLtebmnDltY3ElcyLw==" + }, "qs": { "version": "6.5.2", "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", @@ -2806,6 +2849,12 @@ "uuid": "^3.3.2" } }, + "require-relative": { + "version": "0.8.7", + "resolved": "https://registry.npmjs.org/require-relative/-/require-relative-0.8.7.tgz", + "integrity": "sha1-eZlTn8ngR6N5KPoZb44VY9q9Nt4=", + "dev": true + }, "resolve": { "version": "1.20.0", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz", @@ -2879,6 +2928,33 @@ "@rollup/plugin-inject": "^4.0.0" } }, + "rollup-plugin-svelte": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-svelte/-/rollup-plugin-svelte-7.1.0.tgz", + "integrity": "sha512-vopCUq3G+25sKjwF5VilIbiY6KCuMNHP1PFvx2Vr3REBNMDllKHFZN2B9jwwC+MqNc3UPKkjXnceLPEjTjXGXg==", + "dev": true, + "requires": { + "require-relative": "^0.8.7", + "rollup-pluginutils": "^2.8.2" + } + }, + "rollup-pluginutils": { + "version": "2.8.2", + "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz", + "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==", + "dev": true, + "requires": { + "estree-walker": "^0.6.1" + }, + "dependencies": { + "estree-walker": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.6.1.tgz", + "integrity": "sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==", + "dev": true + } + } + }, "safe-buffer": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", @@ -3149,6 +3225,15 @@ "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", "dev": true }, + "strip-indent": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz", + "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==", + "dev": true, + "requires": { + "min-indent": "^1.0.0" + } + }, "supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -3158,6 +3243,29 @@ "has-flag": "^3.0.0" } }, + "svelte": { + "version": "3.42.1", + "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.42.1.tgz", + "integrity": "sha512-XtExLd2JAU3T7M2g/DkO3UNj/3n1WdTXrfL63OZ5nZq7nAqd9wQw+lR4Pv/wkVbrWbAIPfLDX47UjFdmnY+YtQ==" + }, + "svelte-hmr": { + "version": "0.13.5", + "resolved": "https://registry.npmjs.org/svelte-hmr/-/svelte-hmr-0.13.5.tgz", + "integrity": "sha512-DgYkBMBkOFVqm0HydwKDLF9kZ3iJkNFZeR9TjkTytcActs3onfd3qXP/ImqKd492PRLQbNtW1V/AeYN1R2IxOw==", + "dev": true + }, + "svelte-preprocess": { + "version": "4.7.4", + "resolved": "https://registry.npmjs.org/svelte-preprocess/-/svelte-preprocess-4.7.4.tgz", + "integrity": "sha512-mDAmaltQl6e5zU2VEtoWEf7eLTfuOTGr9zt+BpA3AGHo8MIhKiNSPE9OLTCTOMgj0vj/uL9QBbaNmpG4G1CgIA==", + "dev": true, + "requires": { + "@types/pug": "^2.0.4", + "@types/sass": "^1.16.0", + "detect-indent": "^6.0.0", + "strip-indent": "^3.0.0" + } + }, "tar": { "version": "6.1.6", "resolved": "https://registry.npmjs.org/tar/-/tar-6.1.6.tgz", diff --git a/package.json b/package.json index 51c6150..dead576 100644 --- a/package.json +++ b/package.json @@ -1,10 +1,17 @@ { "scripts": { + "prestart": "cp node_modules/purecss/build/pure-min.css public/pure.css", + "prebuild": "npm run prestart", "start": "snowpack dev", "build": "snowpack build", "test": "echo \"This template does not include a test runner by default.\" && exit 1" }, "devDependencies": { + "@snowpack/plugin-svelte": "^3.7.0", "snowpack": "^3.3.7" + }, + "dependencies": { + "purecss": "^2.0.6", + "svelte": "^3.42.1" } } diff --git a/index.css b/public/index.css index 2f5d6f1..2f5d6f1 100644 --- a/index.css +++ b/public/index.css diff --git a/index.html b/public/index.html index be57d3f..08635e2 100644 --- a/index.html +++ b/public/index.html @@ -4,11 +4,11 @@ <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="Starter Snowpack App" /> + <link rel="stylesheet" href="/pure.css" /> <link rel="stylesheet" type="text/css" href="/index.css" /> - <title>Starter Snowpack App</title> + <title>FFXIV Eureka Marks</title> </head> <body> - <h1>Welcome to Snowpack!</h1> - <script type="module" src="/index.js"></script> + <script type="module" src="/dist/index.js"></script> </body> </html> diff --git a/snowpack.config.mjs b/snowpack.config.mjs index f4340c6..d09dc13 100644 --- a/snowpack.config.mjs +++ b/snowpack.config.mjs @@ -1,11 +1,10 @@ /** @type {import("snowpack").SnowpackUserConfig } */ export default { mount: { - /* ... */ + public: "/", + src: "/dist", }, - plugins: [ - /* ... */ - ], + plugins: ["@snowpack/plugin-svelte"], routes: [ /* Enable an SPA Fallback in development: */ // {"match": "routes", "src": ".*", "dest": "/index.html"}, diff --git a/src/App.svelte b/src/App.svelte new file mode 100644 index 0000000..a273fcc --- /dev/null +++ b/src/App.svelte @@ -0,0 +1,7 @@ +<script></script> + +<div class="app"> + <h2>Level: <input type="number" min="1" max="60" /></h2> +</div> + +<style></style> diff --git a/src/index.js b/src/index.js new file mode 100644 index 0000000..1da4f5c --- /dev/null +++ b/src/index.js @@ -0,0 +1,7 @@ +import App from "./App.svelte"; + +let app = new App({ + target: document.body, +}); + +export default App; |