Add characters page

package.json

@@ -22,6 +22,7 @@
     "@mdi/js": "^5.7.55",
     "@rollup/plugin-babel": "^5.0.0",
     "@rollup/plugin-commonjs": "^14.0.0",
+    "@rollup/plugin-dynamic-import-vars": "^1.1.0",
     "@rollup/plugin-node-resolve": "^8.0.0",
     "@rollup/plugin-replace": "^2.2.0",
     "@rollup/plugin-url": "^5.0.0",

rollup.config.js

@@ -108,20 +108,20 @@ export default {
     onwarn,
   },
 
-  serviceworker: {
-    input: config.serviceworker.input(),
-    output: config.serviceworker.output(),
-    plugins: [
-      resolve(),
-      replace({
-        'process.browser': true,
-        'process.env.NODE_ENV': JSON.stringify(mode),
-      }),
-      commonjs(),
-      !dev && terser(),
-    ],
+  // serviceworker: {
+  //   input: config.serviceworker.input(),
+  //   output: config.serviceworker.output(),
+  //   plugins: [
+  //     resolve(),
+  //     replace({
+  //       'process.browser': true,
+  //       'process.env.NODE_ENV': JSON.stringify(mode),
+  //     }),
+  //     commonjs(),
+  //     !dev && terser(),
+  //   ],
 
-    preserveEntrySignatures: false,
-    onwarn,
-  },
+  //   preserveEntrySignatures: false,
+  //   onwarn,
+  // },
 };

src/components/Sidebar/Sidebar.svelte

@@ -7,9 +7,6 @@
   import SidebarTitle from './Title.svelte';
   import SidebarItem from './SidebarItem.svelte';
 
-  import characterImage from 'images/characters.png';
-  import artifactImage from 'images/artifacts.png';
-
   import { showSidebar } from '../../stores/sidebar';
 
   export let segment;
@@ -50,13 +47,13 @@
   <SidebarItem
     on:clicked={close}
     active={segment === 'characters'}
-    image={characterImage}
+    image="/images/characters.png"
     label="Character"
     href="/characters" />
   <SidebarItem
     on:clicked={close}
     active={segment === 'artifacts'}
-    image={artifactImage}
+    image="/images/artifacts.png"
     label="Artifact"
     href="/artifacts" />
 </div>

src/components/Table/TableHeader.svelte

@@ -0,0 +1,20 @@
+<script>
+  import { fade } from 'svelte/transition';
+  import { mdiChevronDown } from '@mdi/js';
+
+  import Icon from '../Icon.svelte';
+
+  export let sort = false;
+  export let order = false;
+  export let align = 'left';
+</script>
+
+<th class={`text-gray-400 select-none font-display text-lg cursor-pointer px-4 text-${align}`} on:click>
+  <span class="relative"><slot />
+    {#if sort}
+      <div transition:fade={{ duration: 100 }} class="absolute" style="right: -21px; top: 3px;">
+        <Icon className={`mb-1 duration-100 ${order ? 'transform -rotate-180' : ''}`} path={mdiChevronDown} />
+      </div>
+    {/if}
+  </span>
+</th>

src/data/characters.js

@@ -2,26 +2,257 @@ import { elements } from './elements';
 import { weapons } from './weapons';
 
 export const characters = {
-  amber: { name: 'Amber', element: elements.pyro, weapon: weapons.bow, rarity: 4 },
-  barbara: { name: 'Barbara', element: elements.hydro, weapon: weapons.catalyst, rarity: 4 },
-  beidou: { name: 'Beidou', element: elements.electro, weapon: weapons.claymore, rarity: 4 },
-  bennett: { name: 'Bennett', element: elements.pyro, weapon: weapons.sword, rarity: 4 },
-  chongyun: { name: 'Chongyun', element: elements.cryo, weapon: weapons.claymore, rarity: 4 },
-  diluc: { name: 'Diluc', element: elements.pyro, weapon: weapons.claymore, rarity: 5 },
-  fischl: { name: 'Fischl', element: elements.electro, weapon: weapons.bow, rarity: 4 },
-  jean: { name: 'Jean', element: elements.anemo, weapon: weapons.sword, rarity: 5 },
-  kaeya: { name: 'Kaeya', element: elements.cryo, weapon: weapons.sword, rarity: 4 },
-  keqing: { name: 'Keqing', element: elements.electro, weapon: weapons.sword, rarity: 5 },
-  lisa: { name: 'Lisa', element: elements.electro, weapon: weapons.catalyst, rarity: 4 },
-  mona: { name: 'Mona', element: elements.hydro, weapon: weapons.catalyst, rarity: 5 },
-  ningguang: { name: 'Ningguang', element: elements.geo, weapon: weapons.catalyst, rarity: 4 },
-  noelle: { name: 'Noelle', element: elements.geo, weapon: weapons.claymore, rarity: 4 },
-  qiqi: { name: 'Qiqi', element: elements.cryo, weapon: weapons.sword, rarity: 5 },
-  razor: { name: 'Razor', element: elements.electro, weapon: weapons.claymore, rarity: 4 },
-  sucrose: { name: 'Sucrose', element: elements.anemo, weapon: weapons.catalyst, rarity: 4 },
-  traveler_anemo: { name: 'Traveler (Anemo)', element: elements.anemo, weapon: weapons.sword, rarity: 5 },
-  traveler_geo: { name: 'Traveler (Geo)', element: elements.geo, weapon: weapons.sword, rarity: 5 },
-  venti: { name: 'Venti', element: elements.anemo, weapon: weapons.bow, rarity: 5 },
-  xiangling: { name: 'Xiangling', element: elements.pyro, weapon: weapons.polearm, rarity: 4 },
-  xingqiu: { name: 'Xingqiu', element: elements.hydro, weapon: weapons.sword, rarity: 4 },
+  amber: {
+    name: 'Amber',
+    element: elements.pyro,
+    weapon: weapons.bow,
+    rarity: 4,
+    stats: {
+      hp: 6233,
+      atk: 147,
+      def: 396,
+    },
+  },
+  barbara: {
+    name: 'Barbara',
+    element: elements.hydro,
+    weapon: weapons.catalyst,
+    rarity: 4,
+    stats: {
+      hp: 7164,
+      atk: 149,
+      def: 441,
+    },
+  },
+  beidou: {
+    name: 'Beidou',
+    element: elements.electro,
+    weapon: weapons.claymore,
+    rarity: 4,
+    stats: {
+      hp: 8597,
+      atk: 148,
+      def: 427,
+    },
+  },
+  bennett: {
+    name: 'Bennett',
+    element: elements.pyro,
+    weapon: weapons.sword,
+    rarity: 4,
+    stats: {
+      hp: 8168,
+      atk: 126,
+      def: 508,
+    },
+  },
+  chongyun: {
+    name: 'Chongyun',
+    element: elements.cryo,
+    weapon: weapons.claymore,
+    rarity: 4,
+    stats: {
+      hp: 7236,
+      atk: 147,
+      def: 427,
+    },
+  },
+  diluc: {
+    name: 'Diluc',
+    element: elements.pyro,
+    weapon: weapons.claymore,
+    rarity: 5,
+    stats: {
+      hp: 8421,
+      atk: 217,
+      def: 509,
+    },
+  },
+  fischl: {
+    name: 'Fischl',
+    element: elements.electro,
+    weapon: weapons.bow,
+    rarity: 4,
+    stats: {
+      hp: 6054,
+      atk: 161,
+      def: 391,
+    },
+  },
+  jean: {
+    name: 'Jean',
+    element: elements.anemo,
+    weapon: weapons.sword,
+    rarity: 5,
+    stats: {
+      hp: 9533,
+      atk: 155,
+      def: 499,
+    },
+  },
+  kaeya: {
+    name: 'Kaeya',
+    element: elements.cryo,
+    weapon: weapons.sword,
+    rarity: 4,
+    stats: {
+      hp: 7666,
+      atk: 147,
+      def: 522,
+    },
+  },
+  keqing: {
+    name: 'Keqing',
+    element: elements.electro,
+    weapon: weapons.sword,
+    rarity: 5,
+    stats: {
+      hp: 8500,
+      atk: 209,
+      def: 519,
+    },
+  },
+  klee: {
+    name: 'Klee',
+    element: elements.pyro,
+    weapon: weapons.catalyst,
+    rarity: 5,
+    stats: {
+      hp: 6673,
+      atk: 202,
+      def: 399,
+    },
+  },
+  lisa: {
+    name: 'Lisa',
+    element: elements.electro,
+    weapon: weapons.catalyst,
+    rarity: 4,
+    stats: {
+      hp: 6305,
+      atk: 153,
+      def: 378,
+    },
+  },
+  mona: {
+    name: 'Mona',
+    element: elements.hydro,
+    weapon: weapons.catalyst,
+    rarity: 5,
+    stats: {
+      hp: 6752,
+      atk: 186,
+      def: 424,
+    },
+  },
+  ningguang: {
+    name: 'Ningguang',
+    element: elements.geo,
+    weapon: weapons.catalyst,
+    rarity: 4,
+    stats: {
+      hp: 6448,
+      atk: 140,
+      def: 378,
+    },
+  },
+  noelle: {
+    name: 'Noelle',
+    element: elements.geo,
+    weapon: weapons.claymore,
+    rarity: 4,
+    stats: {
+      hp: 7953,
+      atk: 126,
+      def: 526,
+    },
+  },
+  qiqi: {
+    name: 'Qiqi',
+    element: elements.cryo,
+    weapon: weapons.sword,
+    rarity: 5,
+    stats: {
+      hp: 8023,
+      atk: 186,
+      def: 598,
+    },
+  },
+  razor: {
+    name: 'Razor',
+    element: elements.electro,
+    weapon: weapons.claymore,
+    rarity: 4,
+    stats: {
+      hp: 7881,
+      atk: 154,
+      def: 495,
+    },
+  },
+  sucrose: {
+    name: 'Sucrose',
+    element: elements.anemo,
+    weapon: weapons.catalyst,
+    rarity: 4,
+    stats: {
+      hp: 6090,
+      atk: 112,
+      def: 463,
+    },
+  },
+  traveler_anemo: {
+    name: 'Traveler (Anemo)',
+    element: elements.anemo,
+    weapon: weapons.sword,
+    rarity: 5,
+    stats: {
+      hp: 7164,
+      atk: 147,
+      def: 450,
+    },
+  },
+  traveler_geo: {
+    name: 'Traveler (Geo)',
+    element: elements.geo,
+    weapon: weapons.sword,
+    rarity: 5,
+    stats: {
+      hp: 7164,
+      atk: 147,
+      def: 450,
+    },
+  },
+  venti: {
+    name: 'Venti',
+    element: elements.anemo,
+    weapon: weapons.bow,
+    rarity: 5,
+    stats: {
+      hp: 6832,
+      atk: 170,
+      def: 434,
+    },
+  },
+  xiangling: {
+    name: 'Xiangling',
+    element: elements.pyro,
+    weapon: weapons.polearm,
+    rarity: 4,
+    stats: {
+      hp: 7164,
+      atk: 149,
+      def: 441,
+    },
+  },
+  xingqiu: {
+    name: 'Xingqiu',
+    element: elements.hydro,
+    weapon: weapons.sword,
+    rarity: 4,
+    stats: {
+      hp: 6735,
+      atk: 133,
+      def: 499,
+    },
+  },
 };

src/routes/characters.svelte

@@ -1,7 +1,156 @@
+<script>
+  import { mdiStar } from '@mdi/js';
+
+  import Icon from '../components/Icon.svelte';
+  import TableHeader from '../components/Table/TableHeader.svelte';
+
+  import { characters } from '../data/characters';
+
+  let sortBy = '';
+  let sortOrder = false;
+
+  $: chars = Object.entries(characters).sort((a, b) => {
+    switch (sortBy) {
+      case 'name':
+        if (sortOrder) {
+          return a[1].name.localeCompare(b[1].name);
+        } else {
+          return b[1].name.localeCompare(a[1].name);
+        }
+      case 'element':
+        if (sortOrder) {
+          return a[1].element.name.localeCompare(b[1].element.name);
+        } else {
+          return b[1].element.name.localeCompare(a[1].element.name);
+        }
+      case 'rarity':
+        if (sortOrder) {
+          return a[1].rarity - b[1].rarity;
+        } else {
+          return b[1].rarity - a[1].rarity;
+        }
+      case 'weapon':
+        if (sortOrder) {
+          return a[1].weapon.name.localeCompare(b[1].weapon.name);
+        } else {
+          return b[1].weapon.name.localeCompare(a[1].weapon.name);
+        }
+      case 'hp':
+        if (sortOrder) {
+          return a[1].stats.hp - b[1].stats.hp;
+        } else {
+          return b[1].stats.hp - a[1].stats.hp;
+        }
+      case 'atk':
+        if (sortOrder) {
+          return a[1].stats.atk - b[1].stats.atk;
+        } else {
+          return b[1].stats.atk - a[1].stats.atk;
+        }
+      case 'def':
+        if (sortOrder) {
+          return a[1].stats.def - b[1].stats.def;
+        } else {
+          return b[1].stats.def - a[1].stats.def;
+        }
+    }
+  });
+
+  function sort(by) {
+    if (sortBy === by) {
+      sortOrder = !sortOrder;
+    } else {
+      sortBy = by;
+    }
+  }
+</script>
+
+<style>
+  tr.rare:hover {
+    background: linear-gradient(
+      90deg,
+      rgba(0, 0, 0, 0) 0%,
+      rgba(173, 118, 176, 0.85) 10%,
+      rgba(102, 86, 128, 0.85) 80%,
+      rgba(0, 0, 0, 0) 100%
+    );
+  }
+
+  tr.legendary:hover {
+    background: linear-gradient(
+      90deg,
+      rgba(0, 0, 0, 0) 0%,
+      rgba(185, 129, 46, 0.85) 10%,
+      rgba(132, 99, 50, 0.85) 80%,
+      rgba(0, 0, 0, 0) 100%
+    );
+  }
+
+  td {
+    @apply text-white;
+    @apply px-2;
+    padding-top: 0.85rem;
+    padding-bottom: 0.85rem;
+  }
+</style>
+
 <svelte:head>
-	<title>About</title>
+  <title>Characters - Paimon.moe</title>
 </svelte:head>
+<div class="lg:ml-64 pt-20 lg:pt-8">
+  <h1 class="font-display px-8 font-black text-5xl text-white">Characters</h1>
+  <p class="text-gray-400 px-8 font-medium pb-4" style="margin-top: -1rem;">
+    ※ Stat numbers are at level 60. You can also click the header to sort!
+  </p>
 
-<h1>About this site</h1>
-
-<p>This is the 'about' page. There's not much here.</p>
+  <div class="block overflow-x-auto whitespace-no-wrap pb-8">
+    <div class="px-8 table">
+      <table class="w-full block p-4 bg-item rounded-xl">
+        <thead>
+          <th style="min-width: 4rem;" />
+          <TableHeader on:click={() => sort('name')} sort={sortBy === 'name'} order={sortOrder}>Name</TableHeader>
+          <TableHeader on:click={() => sort('element')} sort={sortBy === 'element'} order={sortOrder} align="center">
+            Element
+          </TableHeader>
+          <TableHeader on:click={() => sort('rarity')} sort={sortBy === 'rarity'} order={sortOrder} align="center">
+            Rarity
+          </TableHeader>
+          <TableHeader on:click={() => sort('weapon')} sort={sortBy === 'weapon'} order={sortOrder} align="center">
+            Weapon
+          </TableHeader>
+          <TableHeader on:click={() => sort('hp')} sort={sortBy === 'hp'} order={sortOrder} align="center">
+            HP
+          </TableHeader>
+          <TableHeader on:click={() => sort('atk')} sort={sortBy === 'atk'} order={sortOrder} align="center">
+            ATK
+          </TableHeader>
+          <TableHeader on:click={() => sort('def')} sort={sortBy === 'def'} order={sortOrder} align="center">
+            DEF
+          </TableHeader>
+        </thead>
+        <tbody>
+          {#each chars as [id, char] (id)}
+            <tr class={`rounded cursor-pointer ${char.rarity === 4 ? 'rare' : 'legendary'}`}>
+              <td class="rarity w-16 sticky" style="padding: 0; left: 0px;">
+                <img class="w-12 h-12 rounded-full" src={`/images/characters/${id}.png`} alt={char.name} />
+              </td>
+              <td>{char.name}</td>
+              <td class="text-center">
+                <img class="w-8 h-8 inline" src={`/images/elements/${char.element.id}.png`} alt={char.element.name} />
+              </td>
+              <td class="text-center">
+                <Icon color={char.rarity === 5 ? '#B9812E' : '#AD76B0'} path={mdiStar} />
+              </td>
+              <td class="text-center">
+                <img class="w-8 h-8 inline" src={`/images/weapons/${char.weapon.id}.png`} alt={char.weapon.name} />
+              </td>
+              <td class="text-center">{char.stats.hp}</td>
+              <td class="text-center">{char.stats.atk}</td>
+              <td class="text-center">{char.stats.def}</td>
+            </tr>
+          {/each}
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>

src/template.html

@@ -8,7 +8,6 @@
   %sapper.base%
   
   <link href="https://fonts.googleapis.com/css2?family=Catamaran:wght@600;700;900&family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
-	<link rel="stylesheet" href="global.css">
 	<link rel="manifest" href="manifest.json" crossorigin="use-credentials">
 	<link rel="icon" type="image/png" href="favicon.png">
 

static/global.css

@@ -1,36 +0,0 @@
-body {
-	margin: 0;
-	font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-	font-size: 14px;
-	line-height: 1.5;
-	color: #333;
-}
-
-h1, h2, h3, h4, h5, h6 {
-	margin: 0 0 0.5em 0;
-	font-weight: 400;
-	line-height: 1.2;
-}
-
-h1 {
-	font-size: 2em;
-}
-
-a {
-	color: inherit;
-}
-
-code {
-	font-family: menlo, inconsolata, monospace;
-	font-size: calc(1em - 2px);
-	color: #555;
-	background-color: #f0f0f0;
-	padding: 0.2em 0.4em;
-	border-radius: 2px;
-}
-
-@media (min-width: 400px) {
-	body {
-		font-size: 16px;
-	}
-}

static/manifest.json

@@ -1,20 +1,8 @@
 {
 	"background_color": "#ffffff",
 	"theme_color": "#333333",
-	"name": "TODO",
-	"short_name": "TODO",
+	"name": "Paimon.moe",
+	"short_name": "Paimon.moe",
 	"display": "minimal-ui",
-	"start_url": "/",
-	"icons": [
-		{
-			"src": "logo-192.png",
-			"sizes": "192x192",
-			"type": "image/png"
-		},
-		{
-			"src": "logo-512.png",
-			"sizes": "512x512",
-			"type": "image/png"
-		}
-	]
+	"start_url": "/"
 }

tailwind.config.js

@@ -46,7 +46,8 @@ module.exports = {
   },
   variants: {
     textColor: ['responsive', 'hover', 'focus', 'group-hover', 'focus-within', 'group-focus'],
-    boxShadow: ['responsive', 'hover', 'focus', 'hover'],
+    boxShadow: ['responsive', 'hover', 'focus'],
+    backgroundImage: ['responsive', 'hover', 'focus'],
     borderColor: ['responsive', 'hover', 'focus', 'focus-within'],
     opacity: ['group-hover'],
   },

yarn.lock

@@ -847,6 +847,27 @@
   resolved "https://registry.yarnpkg.com/@mdi/js/-/js-5.7.55.tgz#c3b487131755c726df1802a10ef72096b2de4c2f"
   integrity sha512-fxOEaPPn4hTlNpUG7VzmleYiK8lilON8dw1g8U42OAILtIu2+knfEjguspfVNtS5aJu1zP+DBeoxbsGhIUZcEw==
 
+"@nodelib/fs.scandir@2.1.3":
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b"
+  integrity sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw==
+  dependencies:
+    "@nodelib/fs.stat" "2.0.3"
+    run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.3", "@nodelib/fs.stat@^2.0.2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3"
+  integrity sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==
+
+"@nodelib/fs.walk@^1.2.3":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz#011b9202a70a6366e436ca5c065844528ab04976"
+  integrity sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ==
+  dependencies:
+    "@nodelib/fs.scandir" "2.1.3"
+    fastq "^1.6.0"
+
 "@polka/url@^1.0.0-next.11", "@polka/url@^1.0.0-next.9":
   version "1.0.0-next.11"
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.11.tgz#aeb16f50649a91af79dbe36574b66d0f9e4d9f71"
@@ -873,6 +894,16 @@
     magic-string "^0.25.2"
     resolve "^1.11.0"
 
+"@rollup/plugin-dynamic-import-vars@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@rollup/plugin-dynamic-import-vars/-/plugin-dynamic-import-vars-1.1.0.tgz#233a9ee9583bd770cddbb0d1b26208de1f1ed81f"
+  integrity sha512-IIskWjkzMUl0Zx1dn7Kr36HAx7g/rVJuNdWQqJUxShw0l7EGpsVileMw+A1dKXka0oJtgyV2YVZ3ewoIeW37Og==
+  dependencies:
+    "@rollup/pluginutils" "^3.1.0"
+    estree-walker "^2.0.1"
+    globby "^11.0.1"
+    magic-string "^0.25.7"
+
 "@rollup/plugin-node-resolve@^8.0.0":
   version "8.4.0"
   resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-8.4.0.tgz#261d79a680e9dc3d86761c14462f24126ba83575"
@@ -992,6 +1023,11 @@ ansi-styles@^4.1.0:
   dependencies:
     color-convert "^2.0.1"
 
+array-union@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
 autoprefixer@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.0.1.tgz#e2d9000f84ebd98d77b7bc16f8adb2ff1f7bb946"
@@ -1037,6 +1073,13 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+braces@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
 browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.8.5:
   version "4.14.5"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.14.5.tgz#1c751461a102ddc60e40993639b709be7f2c4015"
@@ -1285,6 +1328,13 @@ detective@^5.2.0:
     defined "^1.0.0"
     minimist "^1.1.1"
 
+dir-glob@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+  dependencies:
+    path-type "^4.0.0"
+
 electron-to-chromium@^1.3.571:
   version "1.3.582"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.582.tgz#1adfac5affce84d85b3d7b3dfbc4ade293a6ffc4"
@@ -1344,11 +1394,42 @@ estree-walker@^1.0.1:
   resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
   integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
 
+estree-walker@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.1.tgz#f8e030fb21cefa183b44b7ad516b747434e7a3e0"
+  integrity sha512-tF0hv+Yi2Ot1cwj9eYHtxC0jB9bmjacjQs6ZBTj82H8JwUywFuc+7E83NWfNMwHXZc11mjfFcVXPe9gEP4B8dg==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
+fast-glob@^3.1.1:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.4.tgz#d20aefbf99579383e7f3cc66529158c9b98554d3"
+  integrity sha512-kr/Oo6PX51265qeuCYsyGypiO5uJFgBS0jksyG7FUeCyQzNwYnzrNIMR1NXfkZXsMYXYLRAHgISHBz8gQcxKHQ==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.0"
+    merge2 "^1.3.0"
+    micromatch "^4.0.2"
+    picomatch "^2.2.1"
+
+fastq@^1.6.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.8.0.tgz#550e1f9f59bbc65fe185cb6a9b4d95357107f481"
+  integrity sha512-SMIZoZdLh/fgofivvIkmknUXyPnvxRE3DhtZ5Me3Mrsk5gyPL42F0xr51TdRXskBxHfMp+07bcYzfsYEsSQA9Q==
+  dependencies:
+    reusify "^1.0.4"
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
 fs-extra@^8.0.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
@@ -1378,6 +1459,13 @@ gensync@^1.0.0-beta.1:
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
   integrity sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==
 
+glob-parent@^5.1.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
+  integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob@^7.0.0, glob@^7.1.2:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
@@ -1395,6 +1483,18 @@ globals@^11.1.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
+globby@^11.0.1:
+  version "11.0.1"
+  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
+  integrity sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==
+  dependencies:
+    array-union "^2.1.0"
+    dir-glob "^3.0.1"
+    fast-glob "^3.1.1"
+    ignore "^5.1.4"
+    merge2 "^1.3.0"
+    slash "^3.0.0"
+
 graceful-fs@^4.1.6, graceful-fs@^4.2.0:
   version "4.2.4"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
@@ -1450,6 +1550,11 @@ http-link-header@^1.0.2:
   resolved "https://registry.yarnpkg.com/http-link-header/-/http-link-header-1.0.3.tgz#abbc2cdc5e06dd7e196a4983adac08a2d085ec90"
   integrity sha512-nARK1wSKoBBrtcoESlHBx36c1Ln/gnbNQi1eB6MeTUefJIT3NvUOsV15bClga0k38f0q/kN5xxrGSDS3EFnm9w==
 
+ignore@^5.1.4:
+  version "5.1.8"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.8.tgz#f150a8b50a34289b33e22f5889abd4d8016f0e57"
+  integrity sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==
+
 import-cwd@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-3.0.0.tgz#20845547718015126ea9b3676b7592fb8bd4cf92"
@@ -1517,6 +1622,18 @@ is-date-object@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.2.tgz#bda736f2cd8fd06d32844e7743bfa7494c3bfd7e"
   integrity sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==
 
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+
+is-glob@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
+  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
+  dependencies:
+    is-extglob "^2.1.1"
+
 is-module@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
@@ -1527,6 +1644,11 @@ is-negative-zero@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.0.tgz#9553b121b0fac28869da9ed459e20c7543788461"
   integrity sha1-lVOxIbD6wohp2p7UWeIMdUN4hGE=
 
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
 is-reference@^1.1.2:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-1.2.1.tgz#8b2dac0b371f4bc994fdeaba9eb542d03002d0b7"
@@ -1631,7 +1753,7 @@ lower-case@^1.1.1:
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
   integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
 
-magic-string@^0.25.2, magic-string@^0.25.5:
+magic-string@^0.25.2, magic-string@^0.25.5, magic-string@^0.25.7:
   version "0.25.7"
   resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.7.tgz#3f497d6fd34c669c6798dcb821f2ef31f5445051"
   integrity sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==
@@ -1650,6 +1772,19 @@ merge-stream@^2.0.0:
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
   integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
 
+merge2@^1.3.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+  integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+micromatch@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
+  integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
+  dependencies:
+    braces "^3.0.1"
+    picomatch "^2.0.5"
+
 mime-db@1.44.0:
   version "1.44.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
@@ -1824,7 +1959,7 @@ path-type@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-picomatch@^2.2.2:
+picomatch@^2.0.5, picomatch@^2.2.1, picomatch@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
   integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
@@ -2046,6 +2181,11 @@ resolve@^1.11.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.8.
     is-core-module "^2.0.0"
     path-parse "^1.0.6"
 
+reusify@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
+
 rollup-plugin-svelte@^6.0.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/rollup-plugin-svelte/-/rollup-plugin-svelte-6.1.0.tgz#bba94a37796fac1f73528161e84cc4976df431e1"
@@ -2079,6 +2219,11 @@ rollup@^2.3.4:
   optionalDependencies:
     fsevents "~2.1.2"
 
+run-parallel@^1.1.9:
+  version "1.1.9"
+  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
+  integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
+
 safe-buffer@5.1.2, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
@@ -2144,6 +2289,11 @@ sirv@^1.0.0:
     mime "^2.3.1"
     totalist "^1.0.0"
 
+slash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
 source-map-support@~0.5.19:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
@@ -2278,6 +2428,13 @@ to-fast-properties@^2.0.0:
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
   integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
 
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
 totalist@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"