├── src
    ├── library
    │   └── utils.js
    ├── client.js
    ├── routes
    │   ├── index.svelte
    │   ├── _layout.svelte
    │   └── _error.svelte
    ├── components
    │   └── Button.svelte
    ├── server.js
    ├── template.html
    └── service-worker.js
├── static
    ├── robots.txt
    ├── favicons
    │   ├── favicon.png
    │   ├── logo-192.png
    │   ├── logo-512.png
    │   ├── browserconfig.xml
    │   └── safari-pinned-tab.svg
    ├── global.scss
    ├── site.webmanifest
    └── global.css
├── .gitignore
├── package.json
├── README.md
└── rollup.config.js


/src/library/utils.js:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/static/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:


--------------------------------------------------------------------------------
/static/favicons/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mattpilott/sapper-start/HEAD/static/favicons/favicon.png


--------------------------------------------------------------------------------
/static/favicons/logo-192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mattpilott/sapper-start/HEAD/static/favicons/logo-192.png


--------------------------------------------------------------------------------
/static/favicons/logo-512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mattpilott/sapper-start/HEAD/static/favicons/logo-512.png


--------------------------------------------------------------------------------
/src/client.js:
--------------------------------------------------------------------------------
1 | import '../static/global.css';
2 | import { start } from '@sapper/app';
3 | 
4 | start({ target: sapper });


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | yarn-error.log
4 | /__sapper__/
5 | pnpm-lock.yaml
6 | pnpm-debug.log
7 | .env
8 | .vscode
9 | .nova


--------------------------------------------------------------------------------
/src/routes/index.svelte:
--------------------------------------------------------------------------------
1 | <h1 style="position:fixed;width:100%;top:calc(50vh - 22px);text-align:center">Sapper launched successfully! 🚀</h1>
2 | 
3 | <script context="module">
4 | 
5 | </script>
6 | 
7 | <style lang="scss">
8 | 
9 | </style>


--------------------------------------------------------------------------------
/src/components/Button.svelte:
--------------------------------------------------------------------------------
 1 | {#if href}
 2 |    <a {href} on:click>
 3 |       <slot />
 4 |    </a>
 5 | {:else}
 6 |    <button on:click>
 7 |       <slot />
 8 |    </button>
 9 | {/if}
10 | 
11 | <script>
12 |    export let href = false;
13 | </script>


--------------------------------------------------------------------------------
/src/routes/_layout.svelte:
--------------------------------------------------------------------------------
 1 | <svelte:head>
 2 |    <meta name="version" content="pkg.version">
 3 | </svelte:head>
 4 | 
 5 | <main>
 6 |    <slot {segment} />
 7 | </main>
 8 | 
 9 | <script>
10 |    export let segment;
11 | </script>
12 | 
13 | <style lang="scss">
14 | 
15 | </style>


--------------------------------------------------------------------------------
/static/favicons/browserconfig.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <browserconfig>
 3 |    <msapplication>
 4 |       <tile>
 5 |          <square150x150logo src="/favicons/logo-192.png"/>
 6 |          <TileColor>#ffffff</TileColor>
 7 |       </tile>
 8 |    </msapplication>
 9 | </browserconfig>
10 | 


--------------------------------------------------------------------------------
/static/global.scss:
--------------------------------------------------------------------------------
 1 | @import '../node_modules/@neuekit/reboot';
 2 | 
 3 | html {
 4 |    font-family: -apple-system,
 5 |                 BlinkMacSystemFont,
 6 |                 Segoe UI,
 7 |                 Helvetica,
 8 |                 Arial,
 9 |                 sans-serif,
10 |                 Apple Color Emoji,
11 |                 Segoe UI Emoji;
12 |    -webkit-font-smoothing: antialiased;
13 | }
14 | 
15 | a {
16 |    text-decoration: none;
17 | }


--------------------------------------------------------------------------------
/src/server.js:
--------------------------------------------------------------------------------
 1 | import sirv from 'sirv';
 2 | import polka from 'polka';
 3 | import compression from 'compression';
 4 | import * as sapper from '@sapper/server';
 5 | import { sanslash } from '@neuekit/utilities/src/middleware';
 6 | import 'dotenv/config';
 7 | 
 8 | const { PORT, NODE_ENV } = process.env;
 9 | const dev = NODE_ENV === 'development';
10 | 
11 | polka() // You can also use Express
12 |    .use(sanslash)
13 |    .use(compression({ threshold: 0 }))
14 |    .use(sirv('static', { dev }))
15 |    .use(sapper.middleware())
16 |    .listen(PORT, err => err && console.log('error', err));


--------------------------------------------------------------------------------
/static/site.webmanifest:
--------------------------------------------------------------------------------
 1 | {
 2 |    "background_color": "#ffffff",
 3 |    "theme_color": "#333333",
 4 |    "name": "TODO",
 5 |    "short_name": "TODO",
 6 |    "display": "standalone",
 7 |    "start_url": "/",
 8 |    "icons": [
 9 |       {
10 |          "src": "/favicons/logo-192.png",
11 |          "sizes": "192x192",
12 |          "type": "image/png",
13 |          "purpose": "any maskable"
14 |       },
15 |       {
16 |          "src": "/favicons/logo-512.png",
17 |          "sizes": "512x512",
18 |          "type": "image/png",
19 |          "purpose": "any maskable"
20 |       }
21 |    ]
22 | }


--------------------------------------------------------------------------------
/src/routes/_error.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |    export let status;
 3 |    export let error;
 4 | 
 5 |    const dev = process.env.NODE_ENV === 'development';
 6 | </script>
 7 | 
 8 | <style>
 9 |    h1, p {
10 |       margin: 0 auto;
11 |    }
12 | 
13 |    h1 {
14 |       font-size: 2.8em;
15 |       font-weight: 700;
16 |       margin: 0 0 0.5em 0;
17 |    }
18 | 
19 |    p {
20 |       margin: 1em auto;
21 |    }
22 | 
23 |    @media (min-width: 480px) {
24 |       h1 {
25 |          font-size: 4em;
26 |       }
27 |    }
28 | </style>
29 | 
30 | <svelte:head>
31 |    <title>{status}</title>
32 | </svelte:head>
33 | 
34 | <h1>{status}</h1>
35 | 
36 | <p>{error.message}</p>
37 | 
38 | {#if dev && error.stack}
39 |    <pre>{error.stack}</pre>
40 | {/if}


--------------------------------------------------------------------------------
/src/template.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | <head>
 4 |    <meta charset="utf-8">
 5 |    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 6 |    <meta name="theme-color" content="#ffffff">
 7 |    <meta name="msapplication-TileColor" content="#ffffff">
 8 |    <meta name="msapplication-config" content="/favicons/browserconfig.xml">
 9 | 
10 |    %sapper.base%
11 | 
12 |    <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
13 |    <link rel="shortcut icon" type="image/png" href="/favicons/favicon.png">
14 |    <link rel="apple-touch-icon" href="/favicons/logo-192.png">
15 |    <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#159497">
16 | 
17 |    <!-- Sapper creates a <script> tag containing `src/client.js`
18 |         and anything else it needs to hydrate the app and
19 |         initialise the router -->
20 |    %sapper.scripts%
21 | 
22 |    <!-- Sapper generates a <style> tag containing critical CSS
23 |         for the current page. CSS for the rest of the app is
24 |         lazily loaded when it precaches secondary pages -->
25 |    %sapper.styles%
26 | 
27 |    <!-- This contains the contents of the <svelte:head> component, if
28 |         the current page has one -->
29 |    %sapper.head%
30 | </head>
31 | <body>
32 |    <!-- The application will be rendered inside this element,
33 |    because `app/client.js` references it -->
34 |    <div id="sapper">%sapper.html%</div>
35 | </body>
36 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "TODO",
 3 |   "description": "TODO",
 4 |   "version": "0.0.1",
 5 |   "scripts": {
 6 |     "sapper": "sapper dev",
 7 |     "build": "sapper build --legacy",
 8 |     "export": "sapper export --legacy",
 9 |     "start": "node __sapper__/build",
10 |     "reload": "touch src/routes/_layout.svelte",
11 |     "scss": "sass --no-source-map -s compressed ./static/",
12 |     "autoprefixer": "postcss -u autoprefixer -r ./static/global.css --no-map",
13 |     "build:css": "run-s 'scss' 'autoprefixer' 'reload'",
14 |     "watch:css": "onchange './static/**/*.scss' -- npm run build:css",
15 |     "dev": "run-p 'sapper' 'watch:css'"
16 |   },
17 |   "dependencies": {
18 |     "compression": "1.7.4",
19 |     "polka": "0.5.2",
20 |     "sirv": "1.0.12"
21 |   },
22 |   "devDependencies": {
23 |     "@babel/core": "^7.14.3",
24 |     "@babel/plugin-syntax-dynamic-import": "7.8.3",
25 |     "@babel/plugin-transform-runtime": "7.14.3",
26 |     "@babel/preset-env": "^7.14.4",
27 |     "@babel/runtime": "^7.14.0",
28 |     "@neuekit/reboot": "1.10.2",
29 |     "@neuekit/utilities": "1.8.0",
30 |     "@rollup/plugin-alias": "3.1.2",
31 |     "@rollup/plugin-babel": "^5.3.0",
32 |     "@rollup/plugin-commonjs": "19.0.0",
33 |     "@rollup/plugin-node-resolve": "^13.0.0",
34 |     "@rollup/plugin-replace": "^2.4.2",
35 |     "@rollup/plugin-url": "^6.0.0",
36 |     "autoprefixer": "^10.2.6",
37 |     "dotenv": "^10.0.0",
38 |     "npm-run-all": "4.1.5",
39 |     "onchange": "7.1.0",
40 |     "postcss": "8.3.0",
41 |     "postcss-cli": "8.3.1",
42 |     "rollup": "^2.50.4",
43 |     "rollup-plugin-svelte": "7.1.0",
44 |     "rollup-plugin-terser": "7.0.2",
45 |     "sapper": "0.29.1",
46 |     "sass": "^1.34.0",
47 |     "svelte": "^3.38.2",
48 |     "svelte-preprocess": "^4.7.3"
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ![Hero](https://i.postimg.cc/fLPyrJ3L/hero.png)
 2 | 
 3 | <p align="center">
 4 |   An opinionated starter template based on the Rollup Sapper template. 🚀
 5 | </p>
 6 | 
 7 | ## Hello 👋,
 8 | 
 9 | ![GitHub release](https://img.shields.io/github/release/matt3224/sapper-start.svg?style=for-the-badge)
10 | 
11 | The purpose of this repo was to save me time by doing all of the things I do on every Sapper project, but hey you might find it useful too right?!
12 | 
13 | To clone it and get started:
14 | 
15 | ```bash
16 | # for Rollup
17 | npx degit matt3224/sapper-start my-app
18 | cd my-app
19 | npm install
20 | npm run dev
21 | ```
22 | 
23 | Open up [localhost:3000](http://localhost:3000) and start clicking around.
24 | 
25 | Consult [sapper.svelte.dev](https://sapper.svelte.dev) for help getting started with Sapper itself.
26 | 
27 | <hr/>
28 | 
29 | If you use this a lot you can alias it by putting this in your zshrc or bashrc:
30 | ```bash
31 | alias sapper-start='npx degit https://github.com/matt3224/sapper-start .'
32 | ```
33 | Then simply cd into your empty project directory and run `sapper-start`
34 | 
35 | 
36 | ## How does this differ from sapper-template?
37 | 
38 | Good question, I found myself doing these changes on every project and thought I'd save myself and you some time by making a little repo you could import just like the official sapper-template.
39 | 
40 | Here are the differences:
41 | * Adds SCSS support out-of-the-box
42 | * Adds css reset based on normalize
43 | * Adds `numworker: 1` in rollup.config to prevent crash on servers with a single processor core
44 | * Adds a light suggested structure for library and component folders
45 | * Adds an optional utility package (Tree-shaken so if you don't use it you don't get it)
46 | * Adds the package version in the html head as a meta tag
47 | * Adds PWA support by default
48 | * Adds standard allow all robots.txt
49 | * Adds server.js middleware to redirect trailing slash urls to non trailing slash
50 | * Adds ability to bypass relative paths with `~` & auto resolves .js, .mjs, .html, .svelte, .scss
51 |    * eg. `import { util } from '~/utils';` instead of `import { util } from '../../utils.js';`
52 | * Changes global css link to a client.js import which prevents extraneous caching
53 | * Changes favicons with broader coverage
54 | * Changes single quotes to double in html/svelte files
55 | * Removes default routes, components and emptied index & layout
56 | * Removes custom browserslist config to use default
57 | 
58 | 
59 | ## Bugs and feedback
60 | 
61 | If you run into an issue which you don't see in the normal sapper-template, open an [issue](https://github.com/matt3224/sapper-start/issues).
62 | 


--------------------------------------------------------------------------------
/static/global.css:
--------------------------------------------------------------------------------
1 | *{background-size:cover}*,::before,::after{background-repeat:no-repeat;background-position:center;box-sizing:border-box;position:relative}::before,::after{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.4;-moz-tab-size:3;-o-tab-size:3;tab-size:3;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.6875em 0}dl dl,dl ol,dl ul,ol dl,ul dl,ol ol,ol ul,ul ol,ul ul{margin:0}hr{height:0;overflow:visible}main,details{display:block}nav ol,nav ul{list-style:none;padding:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:83.3333%}audio,canvas,iframe,img,svg,video{vertical-align:middle}img,iframe{border-style:none}img,picture,svg{display:block;max-width:100%}img{height:auto}figure{margin:0}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{background-color:transparent;border-style:none;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;word-break:normal}button,input{color:inherit;overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{cursor:pointer;-webkit-appearance:button}fieldset{border:1px solid silver;padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.5}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{touch-action:manipulation}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}a:hover{outline-width:0}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased}a{text-decoration:none}
2 | 


--------------------------------------------------------------------------------
/src/service-worker.js:
--------------------------------------------------------------------------------
 1 | import { timestamp, files, shell } from '@sapper/service-worker';
 2 | 
 3 | const ASSETS = `cache${timestamp}`;
 4 | 
 5 | // `shell` is an array of all the files generated by the bundler,
 6 | // `files` is an array of everything in the `static` directory
 7 | const to_cache = shell.concat(files);
 8 | const staticAssets = new Set(to_cache);
 9 | 
10 | self.addEventListener('install', event => {
11 |    event.waitUntil(
12 |       caches
13 |          .open(ASSETS)
14 |          .then(cache => cache.addAll(to_cache))
15 |          .then(() => {
16 |             self.skipWaiting();
17 |          })
18 |    );
19 | });
20 | 
21 | self.addEventListener('activate', event => {
22 |    event.waitUntil(
23 |       caches.keys().then(async keys => {
24 |          // delete old caches
25 |          for (const key of keys) {
26 |             if (key !== ASSETS) await caches.delete(key);
27 |          }
28 | 
29 |          self.clients.claim();
30 |       })
31 |    );
32 | });
33 | 
34 | 
35 | /**
36 |  * Fetch the asset from the network and store it in the cache. 
37 |  * Fall back to the cache if the user is offline.
38 |  */
39 | async function fetchAndCache(request) {
40 |    const cache = await caches.open(`offline${timestamp}`)
41 | 
42 |    try {
43 |       const response = await fetch(request);
44 |       cache.put(request, response.clone());
45 |       return response;
46 |    } catch (err) {
47 |       const response = await cache.match(request);
48 |       if (response) return response;
49 | 
50 |       throw err;
51 |    }
52 | }
53 | 
54 | self.addEventListener('fetch', event => {
55 |    if (event.request.method !== 'GET' || event.request.headers.has('range')) return;
56 | 
57 |    const url = new URL(event.request.url);
58 | 
59 |    // don't try to handle e.g. data: URIs
60 |    const isHttp = url.protocol.startsWith('http');
61 |    const isDevServerRequest = url.hostname === self.location.hostname && url.port !== self.location.port;
62 |    const isStaticAsset = url.host === self.location.host && staticAssets.has(url.pathname);
63 |    const skipBecauseUncached = event.request.cache === 'only-if-cached' && !isStaticAsset;
64 | 
65 |    if (isHttp && !isDevServerRequest && !skipBecauseUncached) {
66 |       event.respondWith(
67 |          (async () => {
68 |             // always serve static files and bundler-generated assets from cache.
69 |             // if your application has other URLs with data that will never change,
70 |             // set this variable to true for them and they will only be fetched once.
71 |             const cachedAsset = isStaticAsset && await caches.match(event.request);
72 | 
73 |             // for pages, you might want to serve a shell `service-worker-index.html` file,
74 |             // which Sapper has generated for you. It's not right for every
75 |             // app, but if it's right for yours then uncomment this section
76 |             /*
77 |             if (!cachedAsset && url.origin === self.origin && routes.find(route => route.pattern.test(url.pathname))) {
78 |                return caches.match('/service-worker-index.html');
79 |             }
80 |             */
81 | 
82 |             return cachedAsset || fetchAndCache(event.request);
83 |          })()
84 |       );
85 |    }
86 | });
87 | 


--------------------------------------------------------------------------------
/static/favicons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 | <svg height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h512v512h-512z"/></clipPath><g clip-path="url(#a)"><path d="m372.095-594.543c-21.558 3.545-38.23 10.156-57.967 22.9-4.216 2.779-9.677 6.228-12.168 7.857-2.491 1.533-8.911 5.557-14.276 9.006-5.27 3.449-10.635 6.9-11.977 7.665-15.618 9.773-70.615 45.224-74.448 48.1-13.7 10.06-29.319 28.84-37.176 44.745-8.815 17.917-12.647 34.589-12.743 55.668-.1 16.48.383 20.5 3.737 35.451a153 153 0 0 0 7.953 21.75l2.779 5.366-5.94 11.593c-10.923 21.175-14.851 38.23-14.468 61.9.479 21.846 4.407 38.517 13.51 56.626 11.5 23 25.391 39 48.769 56.339 5.461 4.024 26.157 14.468 33.152 16.767 8.623 2.779 18.013 5.366 21.846 5.94 1.916.287 4.216.671 4.982.862 7.09 2.012 38.326 2.012 44.266 0 .671-.192 2.779-.575 4.6-.862 5.461-.766 19.833-5.174 27.211-8.336a151.144 151.144 0 0 0 23.563-12.844c3.449-2.2 14.659-9.294 24.912-15.809 47.428-29.99 61.225-38.8 66.3-42.254a55.426 55.426 0 0 1 5.94-3.737c.383 0 12.456-7.761 14.468-9.294.575-.479 2.874-2.3 5.27-4.024 5.27-4.024 15.426-14.18 20.887-20.792 9.677-11.881 18.684-30.086 22.8-46.182 3.353-13.031 3.641-16 3.737-32.289 0-13.031-.383-18.492-1.82-25.391-.287-1.341-.766-3.737-1.15-5.27-1.533-7.665-8.815-27.786-11.115-30.756-.479-.671-.1-2.012.958-3.354 2.4-3.066 10.157-19.067 12.552-25.87 5.174-14.564 6.324-22.612 6.324-42.541-.1-16.672-1.341-24.816-6.228-40.529-3.258-10.156-9.773-23.953-15.33-32.289-2.108-3.162-4.887-7.378-6.228-9.294-3.928-5.845-19.642-21.75-27.307-27.594-18.971-14.372-39-23.379-63.237-28.361-9.379-2.013-37.261-2.492-46.938-.863zm45.512 55c8.623 2.3 21.366 8.048 28.073 12.743a89.263 89.263 0 0 1 34.3 49.632c3.545 13.7 2.587 33.343-2.108 45.8l-1.533 4.12-2.108-1.821c-8.336-7.473-26.445-17.342-40.817-22.229l-9.1-3.066-.1-5.941c-.192-19.546-21.75-32-38.613-22.229-1.916 1.054-9.2 5.653-16.193 10.156s-13.7 8.815-15.043 9.581c-1.246.767-13.606 8.719-27.5 17.534-13.893 8.911-31.235 20.025-38.613 24.72-17.151 11.019-18.4 11.977-21.175 16.768-11.019 18.875 9.581 42.733 30.756 35.547 2.491-.862 14.851-8.144 27.594-16.1 12.743-8.048 26.253-16.1 30.086-17.821 30.181-13.989 69.082-7.378 93.514 15.905 13.893 13.127 23.953 31.427 26.349 47.524 1.341 9.486.575 26.349-1.533 34.4a78.88 78.88 0 0 1 -21.654 35.834 158.544 158.544 0 0 1 -16.672 11.977c-12.647 8.24-47.045 30.181-49.823 31.81-.958.479-13.989 8.815-29.127 18.4-29.894 19.067-35.451 22.133-44.937 25.007-8.144 2.491-14.755 3.449-25.295 3.449-11.114 0-16-.766-26.732-4.216-24.912-7.953-45.128-27.594-54.71-53.177-5.461-14.468-6.132-32.864-1.725-48.386 2.587-9.007 2.683-9.1 6.8-5.94 9.869 7.761 27.978 17.342 40.913 21.654l7.761 2.491-.287 4.6c-.862 17.151 17.63 31.044 34.11 25.391 3.833-1.246 6.9-3.066 24.049-14.18 3.449-2.2 25.391-16.192 48.865-31.044 27.221-17.35 44.083-28.65 46.574-31.338 10.827-11.4 6.324-30.469-8.911-37.846-5.078-2.491-12.935-3.353-18.109-1.916-2.108.575-14.18 7.569-26.732 15.522-12.647 7.953-25.774 15.905-29.223 17.63-28.169 14.085-63.045 10.731-88.628-8.432-16.384-12.264-26.924-27.4-32.289-46.661-2.2-7.665-2.97-25.966-1.437-34.3a78.863 78.863 0 0 1 22.133-41.583c4.886-4.79 25.1-18.4 55.668-37.559 3.162-1.916 9.677-6.036 14.372-9.1 58.159-37.272 59.884-38.326 70.04-41.679 14.755-4.795 34.014-5.466 48.769-1.633z" transform="translate(-85.374 615.523)"/></g></svg>


--------------------------------------------------------------------------------
/rollup.config.js:
--------------------------------------------------------------------------------
  1 | /* Rollup plugins */
  2 | import alias from '@rollup/plugin-alias';
  3 | import babel from '@rollup/plugin-babel';
  4 | import commonjs from '@rollup/plugin-commonjs';
  5 | import replace from '@rollup/plugin-replace';
  6 | import resolve from '@rollup/plugin-node-resolve';
  7 | import url from '@rollup/plugin-url';
  8 | import svelte from 'rollup-plugin-svelte';
  9 | import { terser } from 'rollup-plugin-terser';
 10 | 
 11 | /* Packages */
 12 | import autoprefixer from 'autoprefixer';
 13 | import config from 'sapper/config/rollup.js';
 14 | import 'dotenv/config';
 15 | import path from 'path';
 16 | import pkg from './package.json';
 17 | import { scss, postcss } from 'svelte-preprocess';
 18 | 
 19 | /* Assignments */
 20 | const mode = process.env.NODE_ENV;
 21 | const dev = mode === 'development';
 22 | const legacy = !!process.env.SAPPER_LEGACY_BUILD;
 23 | 
 24 | const onwarn = (warning, onwarn) =>
 25 | 	(warning.code === 'MISSING_EXPORT' && /'preload'/.test(warning.message)) ||
 26 | 	(warning.code === 'CIRCULAR_DEPENDENCY' && /[/\\]@sapper[/\\]/.test(warning.message)) ||
 27 | 	onwarn(warning);
 28 | 
 29 | const customResolver = resolve({
 30 |    extensions: ['.js', '.mjs', '.html', '.svelte', '.scss', '.json']
 31 | });
 32 | 
 33 | const aliasconfig = {
 34 |    customResolver,
 35 |    entries: [{ find: '~', replacement: path.join(__dirname, './src') }]
 36 | };
 37 | 
 38 | const preprocess = [
 39 |    scss({ sourceMap: false }),
 40 |    postcss({ plugins: [ autoprefixer ] })
 41 | ];
 42 | 
 43 | const replaceconfig = {
 44 |    preventAssignment: false,
 45 |    values: {
 46 |       'process.browser': true,
 47 |       'process.env.NODE_ENV': JSON.stringify(mode),
 48 |       'pkg.version': pkg.version
 49 |    }
 50 | };
 51 | 
 52 | /* Config */
 53 | export default {
 54 | 
 55 |    client: {
 56 |       input: config.client.input(),
 57 |       output: config.client.output(),
 58 |       onwarn,
 59 |       plugins: [
 60 |          alias(aliasconfig),
 61 |          commonjs(),
 62 |          customResolver,
 63 |          replace(replaceconfig),
 64 |          resolve({ browser: true, dedupe: ['svelte'] }),
 65 |          svelte({
 66 |             compilerOptions: {
 67 |                dev,
 68 |                hydratable: true
 69 |             },
 70 |             preprocess
 71 |          }),
 72 |          url({
 73 |             sourceDir: path.resolve(__dirname, 'src/node_modules/images'),
 74 |             publicPath: '/client/'
 75 |          }),
 76 |          legacy && babel({
 77 |             exclude: ['node_modules/@babel/**'],
 78 |             extensions: ['.js', '.mjs', '.html', '.svelte'],
 79 |             plugins: [
 80 |                '@babel/plugin-syntax-dynamic-import',
 81 |                ['@babel/plugin-transform-runtime', {
 82 |                   useESModules: true
 83 |                }]
 84 |             ],
 85 |             presets: [['@babel/preset-env']],
 86 |             babelHelpers: 'runtime',
 87 |          }),
 88 | 
 89 |          !dev && terser({ module: true, numWorkers: 1 })
 90 |       ],
 91 |       preserveEntrySignatures: false
 92 |    },
 93 | 
 94 |    server: {
 95 |       input: config.server.input(),
 96 |       output: config.server.output(),
 97 |       onwarn,
 98 |       plugins: [
 99 |          alias(aliasconfig),
100 |          commonjs(),
101 |          customResolver,
102 |          replace({...replaceconfig, 'process.browser': false}),
103 |          resolve({ dedupe: ['svelte'] }),
104 |          svelte({
105 |             compilerOptions: {
106 |                dev,
107 |                generate: 'ssr',
108 |                hydratable: true
109 |             },
110 |             emitCss: false,
111 |             preprocess
112 |          }),
113 |          url({
114 |             sourceDir: path.resolve(__dirname, 'src/node_modules/images'),
115 |             publicPath: '/client/',
116 |             emitFiles: false // already emitted by client build
117 |          }),
118 |       ],
119 |       external: Object.keys(pkg.dependencies).concat(require('module').builtinModules),
120 |       preserveEntrySignatures: 'strict'
121 |    },
122 | 
123 |    serviceworker: {
124 |       input: config.serviceworker.input(),
125 |       output: config.serviceworker.output(),
126 |       onwarn,
127 |       plugins: [
128 |          alias(aliasconfig),
129 |          commonjs(),
130 |          customResolver,
131 |          replace(replaceconfig),
132 |          resolve(),
133 |          !dev && terser({ numWorkers: 1 })
134 |       ],
135 |       preserveEntrySignatures: false
136 |    }
137 | };


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