├── .npmrc
├── src
    ├── routes
    │   ├── +layout.js
    │   ├── task-manager
    │   │   ├── +layout.svelte
    │   │   ├── +page.js
    │   │   └── +page.svelte
    │   ├── (main)
    │   │   ├── +layout.js
    │   │   ├── +layout.svelte
    │   │   ├── profile
    │   │   │   └── +page.svelte
    │   │   ├── +page.svelte
    │   │   └── [uid]
    │   │   │   └── glide
    │   │   │       └── [id]
    │   │   │           └── +page.svelte
    │   ├── (guest)
    │   │   └── auth
    │   │   │   ├── +layout.svelte
    │   │   │   ├── login
    │   │   │       └── +page.svelte
    │   │   │   └── register
    │   │   │       └── +page.svelte
    │   ├── +error.svelte
    │   ├── +layout.svelte
    │   └── api
    │   │   └── trends
    │   │       └── +server.js
    ├── components
    │   ├── utils
    │   │   ├── DataLoaderIndicator.svelte
    │   │   ├── CenteredDataLoader.svelte
    │   │   ├── BackButton.svelte
    │   │   ├── Loader.svelte
    │   │   ├── Portal.svelte
    │   │   ├── Modal.svelte
    │   │   ├── Popup.svelte
    │   │   └── Messenger.svelte
    │   ├── context
    │   │   ├── UI
    │   │   │   ├── index.js
    │   │   │   └── UIContext.svelte
    │   │   └── auth
    │   │   │   ├── index.js
    │   │   │   └── AuthContext.svelte
    │   ├── forms
    │   │   ├── FormErrors.svelte
    │   │   ├── LoginForm.svelte
    │   │   └── RegisterForm.svelte
    │   ├── layouts
    │   │   ├── AuthLayout.svelte
    │   │   └── MainLayout.svelte
    │   ├── task-manager
    │   │   ├── Editable.svelte
    │   │   ├── TaskItem.svelte
    │   │   └── TaskList.svelte
    │   ├── sidebars
    │   │   ├── TrendsSidebar.svelte
    │   │   ├── navLinks.js
    │   │   └── NavSidebar.svelte
    │   ├── snackbar
    │   │   ├── SnackbarContainer.svelte
    │   │   └── SnackbarItem.svelte
    │   ├── glides
    │   │   ├── PaginatedGlides.svelte
    │   │   └── GlidePost.svelte
    │   └── users
    │   │   ├── UserItem.svelte
    │   │   └── UserList.svelte
    ├── transitions
    │   └── index.js
    ├── actions
    │   └── clickOutside.js
    ├── app.html
    ├── stores
    │   ├── pageStore.js
    │   ├── createAuthStore.js
    │   ├── createGlideIdStore.js
    │   ├── createSubglideStore.js
    │   ├── createGlideStore.js
    │   ├── tasks.js
    │   └── createFormStore.js
    ├── db
    │   └── index.js
    ├── api
    │   ├── auth.js
    │   ├── users.js
    │   └── glides.js
    └── app.css
├── static
    └── favicon.png
├── postcss.config.cjs
├── vite.config.js
├── .gitignore
├── .eslintignore
├── .prettierignore
├── .prettierrc
├── .eslintrc.cjs
├── jsconfig.json
├── svelte.config.js
├── tailwind.config.cjs
├── package.json
├── README.md
└── pnpm-lock.yaml


/.npmrc:
--------------------------------------------------------------------------------
1 | engine-strict=true
2 | 


--------------------------------------------------------------------------------
/src/routes/+layout.js:
--------------------------------------------------------------------------------
1 | 
2 | 
3 | 
4 | export const ssr = false;
5 | 


--------------------------------------------------------------------------------
/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Jerga99/svelte-social-app/HEAD/static/favicon.png


--------------------------------------------------------------------------------
/postcss.config.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/src/components/utils/DataLoaderIndicator.svelte:
--------------------------------------------------------------------------------
1 | <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
2 | 


--------------------------------------------------------------------------------
/src/routes/task-manager/+layout.svelte:
--------------------------------------------------------------------------------
1 | 
2 | <div class="flex-it p-10 h-full overflow-y-hidden">
3 |   <slot />
4 | </div>
5 | 


--------------------------------------------------------------------------------
/src/transitions/index.js:
--------------------------------------------------------------------------------
1 | import { crossfade } from "svelte/transition";
2 | 
3 | export const [send, receive] = crossfade({duration: 300});
4 | 


--------------------------------------------------------------------------------
/src/components/context/UI/index.js:
--------------------------------------------------------------------------------
1 | import { getContext } from "svelte";
2 | 
3 | 
4 | export const key = Symbol();
5 | export const getUIContext = () => getContext(key);
6 | 


--------------------------------------------------------------------------------
/src/components/context/auth/index.js:
--------------------------------------------------------------------------------
1 | import { getContext } from "svelte";
2 | 
3 | export const key = Symbol();
4 | export const getAuthContext = () => getContext(key);
5 | 


--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite';
2 | import { defineConfig } from 'vite';
3 | 
4 | export default defineConfig({
5 |   plugins: [sveltekit()]
6 | });
7 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /build
 4 | /.svelte-kit
 5 | /package
 6 | .env
 7 | .env.*
 8 | !.env.example
 9 | vite.config.js.timestamp-*
10 | vite.config.ts.timestamp-*
11 | 


--------------------------------------------------------------------------------
/src/routes/(main)/+layout.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | 
 4 | 
 5 | export async function load({fetch}){
 6 |   const res = await fetch("/api/trends");
 7 |   const trends = await res.json();
 8 | 
 9 |   return {
10 |     trends
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /build
 4 | /.svelte-kit
 5 | /package
 6 | .env
 7 | .env.*
 8 | !.env.example
 9 | 
10 | # Ignore files for PNPM, NPM and YARN
11 | pnpm-lock.yaml
12 | package-lock.json
13 | yarn.lock
14 | 


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /build
 4 | /.svelte-kit
 5 | /package
 6 | .env
 7 | .env.*
 8 | !.env.example
 9 | 
10 | # Ignore files for PNPM, NPM and YARN
11 | pnpm-lock.yaml
12 | package-lock.json
13 | yarn.lock
14 | 


--------------------------------------------------------------------------------
/src/components/utils/CenteredDataLoader.svelte:
--------------------------------------------------------------------------------
1 | <script>
2 |   import DataLoaderIndicator from "./DataLoaderIndicator.svelte";
3 | </script>
4 | 
5 | <div class="flex-it justify-center items-center">
6 |   <DataLoaderIndicator />
7 | </div>
8 | 


--------------------------------------------------------------------------------
/src/routes/task-manager/+page.js:
--------------------------------------------------------------------------------
 1 | 
 2 | export const ssr = false;
 3 | 
 4 | export function load() {
 5 |   // fetch data from API/Database ...
 6 |   return {
 7 |     appName: "Task Manager",
 8 |     content: "Board"
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "useTabs": false,
 3 |   "singleQuote": false,
 4 |   "tabWidth": 2,
 5 |   "trailingComma": "none",
 6 |   "printWidth": 100,
 7 |   "plugins": ["prettier-plugin-svelte"],
 8 |   "pluginSearchDirs": ["."],
 9 |   "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
10 | }
11 | 


--------------------------------------------------------------------------------
/src/components/forms/FormErrors.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   export let errors;
 4 | </script>
 5 | 
 6 | {#if errors?.length > 0}
 7 |   <div class="flex-it grow text-xs bg-red-400 text-white p-3 pl-3 mt-1 rounded-md">
 8 |     {#each errors as error}
 9 |       <div>{error}</div>
10 |     {/each}
11 |   </div>
12 | {/if}
13 | 


--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   extends: ['eslint:recommended', 'prettier'],
 4 |   plugins: ['svelte3'],
 5 |   overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
 6 |   parserOptions: {
 7 |     sourceType: 'module',
 8 |     ecmaVersion: 2020
 9 |   },
10 |   env: {
11 |     browser: true,
12 |     es2017: true,
13 |     node: true
14 |   }
15 | };
16 | 


--------------------------------------------------------------------------------
/src/actions/clickOutside.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | export function clickOutside(node) {
 4 |   addEventListener("click", handleClick);
 5 | 
 6 |   function handleClick(e) {
 7 |     if (!node.contains(e.target)) {
 8 |       node.dispatchEvent(new CustomEvent("outclick"));
 9 |     }
10 |   }
11 | 
12 |   return {
13 |     destroy() {
14 |       removeEventListener("click", handleClick);
15 |     }
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="%sveltekit.assets%/favicon.png" />
 6 |     <meta name="viewport" content="width=device-width" />
 7 |     %sveltekit.head%
 8 |   </head>
 9 |   <body data-sveltekit-preload-data="hover">
10 |     <div style="display: contents">%sveltekit.body%</div>
11 |   </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/src/components/layouts/AuthLayout.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   export let title;
 4 | </script>
 5 | 
 6 | <div class="flex-it justify-center items-center h-full">
 7 |   <div class="text-white text-4xl font-bold">Glider - {title}</div>
 8 |   <div class="mt-10 flex-it h-100 xs:w-100 w-full bg-white p-10 rounded-2xl">
 9 |     <div class="flex-it">
10 |       <slot />
11 |     </div>
12 |   </div>
13 | </div>
14 | 


--------------------------------------------------------------------------------
/src/routes/(guest)/auth/+layout.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { goto } from "$app/navigation";
 4 |   import { getAuthContext } from "@components/context/auth";
 5 | 
 6 |   const { auth } = getAuthContext();
 7 | 
 8 |   $: {
 9 |     if ($auth.isAuthenticated) {
10 |       goto("/");
11 |     }
12 |   }
13 | 
14 | </script>
15 | 
16 | {#if !$auth.isAuthenticated}
17 |   <slot />
18 | {/if}
19 |   
20 | 


--------------------------------------------------------------------------------
/src/stores/pageStore.js:
--------------------------------------------------------------------------------
 1 | import { writable } from "svelte/store";
 2 | 
 3 | 
 4 | function createPageStore() {
 5 |   const title = writable("");
 6 |   const activeGlide = writable(null);
 7 |   const onGlidePosted = writable(() => console.log("Hello World"));
 8 | 
 9 |   return {
10 |     title,
11 |     activeGlide,
12 |     onGlidePosted
13 |   }
14 | }
15 | 
16 | export const pageStore = createPageStore();
17 | 


--------------------------------------------------------------------------------
/src/routes/+error.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { page } from "$app/stores";
 4 | </script>
 5 | 
 6 | <div class="flex-it justify-center items-center h-full text-white">
 7 |   <div class="text-center">
 8 |     <div class="text-4xl font-bold">
 9 |       {$page.status} - {$page.error.message}
10 |     </div>
11 |     <a href="/" class="underline block text-center">Go to home page</a>
12 |   </div>
13 | </div>
14 | 


--------------------------------------------------------------------------------
/src/components/utils/BackButton.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import TiArrowLeftOutline from 'svelte-icons/ti/TiArrowLeftOutline.svelte'
 3 | </script>
 4 | 
 5 | <button on:click={() => history.back()}>
 6 |   <div class="flex-it flex-row items-center text-xl cursor-pointer">
 7 |     <div class="icon">
 8 |       <TiArrowLeftOutline />
 9 |     </div>
10 |     <div class="ml-5 font-bold">Back</div>
11 |   </div>
12 | </button>
13 | 


--------------------------------------------------------------------------------
/src/components/utils/Loader.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import TiArrowSyncOutline from "svelte-icons/ti/TiArrowSyncOutline.svelte";
 3 |   export let size = 27;
 4 | </script>
 5 | 
 6 | <div class="flex-it text-white justify-center items-center h-full">
 7 |   <div class="rotating">
 8 |     <div class="icon" style="width: {size}px; height: {size}px" >
 9 |       <TiArrowSyncOutline />
10 |     </div>
11 |   </div>
12 | </div>
13 | 


--------------------------------------------------------------------------------
/src/routes/+layout.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import AuthContext from "@components/context/auth/AuthContext.svelte";
 3 |   import UiContext from "@components/context/UI/UIContext.svelte";
 4 |   import SnackbarContainer from "@components/snackbar/SnackbarContainer.svelte";
 5 |   import "../app.css";
 6 | </script>
 7 | 
 8 | <UiContext>
 9 |   <AuthContext>
10 |     <SnackbarContainer />
11 |     <slot />
12 |   </AuthContext>
13 | </UiContext>
14 | 


--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
 1 | 
 2 | {
 3 |   "extends": "./.svelte-kit/tsconfig.json",
 4 |   "compilerOptions": {
 5 |     "baseUrl": ".",
 6 |     "paths": {
 7 |       "@components/*": ["./src/components/*"],
 8 |       "@actions/*": ["./src/actions/*"],
 9 |       "@stores/*": ["./src/stores/*"],
10 |       "@db/*": ["./src/db/*"],
11 |       "@api/*": ["./src/api/*"],
12 |     }
13 |   },
14 |   "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
15 | }
16 | 


--------------------------------------------------------------------------------
/svelte.config.js:
--------------------------------------------------------------------------------
 1 | import adapter from '@sveltejs/adapter-auto';
 2 | import { vitePreprocess } from '@sveltejs/kit/vite';
 3 | 
 4 | /** @type {import('@sveltejs/kit').Config} */
 5 | const config = {
 6 |   kit: {
 7 |     adapter: adapter(),
 8 |     alias: {
 9 |       "@components": "./src/components/*",
10 |       "@actions": "./src/actions/*",
11 |       "@stores": "./src/stores/*",
12 |       "@db": "./src/db/*",
13 |       "@api": "./src/api/*"
14 |     }
15 |   },
16 |   preprocess: vitePreprocess()
17 | };
18 | 
19 | export default config;
20 | 


--------------------------------------------------------------------------------
/src/routes/(main)/+layout.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { goto } from "$app/navigation";
 3 |   import { getAuthContext } from "@components/context/auth";
 4 |   import MainLayout from "@components/layouts/MainLayout.svelte";
 5 | 
 6 |   const { auth } = getAuthContext();
 7 | 
 8 |   export let data;
 9 | 
10 |   $: {
11 |     if (!$auth.isAuthenticated) {
12 |       goto("/auth/login");
13 |     }
14 |   }
15 | 
16 | </script>
17 | 
18 | {#if $auth.isAuthenticated}
19 |   <MainLayout trends={data.trends}>
20 |     <slot />
21 |   </MainLayout>
22 | {/if}
23 | 


--------------------------------------------------------------------------------
/src/routes/(guest)/auth/login/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import LoginForm from "@components/forms/LoginForm.svelte";
 3 |   import AuthLayout from "@components/layouts/AuthLayout.svelte";
 4 |   import { createAuthStore } from "@stores/createAuthStore";
 5 | 
 6 |   const { authUser, loading } = createAuthStore("login");
 7 | 
 8 |   async function login(formData) {
 9 |     authUser(formData);
10 |   }
11 | 
12 | </script>
13 | 
14 | <AuthLayout title="Get In">
15 |   <LoginForm 
16 |     onFormSubmit={login} 
17 |     loading={$loading}
18 |   />
19 | </AuthLayout>
20 | 


--------------------------------------------------------------------------------
/src/routes/(guest)/auth/register/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import RegisterForm from "@components/forms/RegisterForm.svelte";
 3 |   import AuthLayout from "@components/layouts/AuthLayout.svelte";
 4 |   import { createAuthStore } from "@stores/createAuthStore";
 5 | 
 6 |   const { authUser, loading } = createAuthStore("register");
 7 | 
 8 |   async function register(formData) {
 9 |     authUser(formData);
10 |   }
11 | 
12 | </script>
13 | 
14 | <AuthLayout title="Create Account">
15 |   <RegisterForm 
16 |     onFormSubmit={register} 
17 |     loading={$loading}
18 |   />
19 | </AuthLayout>
20 | 


--------------------------------------------------------------------------------
/src/components/utils/Portal.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { onMount } from 'svelte'
 3 |   
 4 |   let ref;
 5 |   let portal;
 6 |   
 7 |   onMount(() => {
 8 |     portal = document.createElement('div');
 9 |     portal.className = 'portal';
10 |     document.body.appendChild(portal);
11 |     portal.appendChild(ref);
12 | 
13 |     return () => {
14 |       document.body.removeChild(portal);
15 |     }
16 |   })
17 |   
18 |   </script>
19 | 
20 |   <div class="portal-clone">
21 |     <div bind:this={ref}>
22 |       <slot></slot>
23 |     </div>
24 |   </div>
25 | 
26 |   <style>
27 |     .portal-clone { display: none; }
28 |   </style>
29 | 


--------------------------------------------------------------------------------
/src/db/index.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import { initializeApp } from "firebase/app";
 3 | import { getFirestore } from "firebase/firestore";
 4 | import { getAuth } from "firebase/auth";
 5 | 
 6 | const firebaseConfig = {
 7 |   apiKey: "AIzaSyD9MIvlUMT-_hk56HKF4D3e7Bbs6Ueo9Lg",
 8 |   authDomain: "svelte-social.firebaseapp.com",
 9 |   projectId: "svelte-social",
10 |   storageBucket: "svelte-social.appspot.com",
11 |   messagingSenderId: "209764616304",
12 |   appId: "1:209764616304:web:1de523cd320dc27b6b4cb5"
13 | };
14 | 
15 | export const app = initializeApp(firebaseConfig);
16 | export const db = getFirestore(app);
17 | export const firebaseAuth = getAuth(app);
18 | 
19 | 


--------------------------------------------------------------------------------
/src/components/task-manager/Editable.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { createEventDispatcher } from "svelte";
 4 |   const dispatch = createEventDispatcher();
 5 | 
 6 |   export let value;
 7 |   let isEditing = false;
 8 | 
 9 | </script>
10 | 
11 | 
12 | {#if isEditing}
13 |   <div class="flex-it">
14 |     <textarea bind:value />
15 |     <button 
16 |       on:click={() => {
17 |         isEditing = false;
18 |         dispatch("editCancel", {
19 |           value
20 |         });
21 |       }}
22 |       class="flex underline">Close
23 |     </button>
24 |   </div>
25 | {:else}
26 |   <button on:click={() => isEditing = true}>
27 |     <slot />
28 |   </button>
29 | {/if}
30 | 
31 | 
32 | 
33 | 
34 | 


--------------------------------------------------------------------------------
/src/components/sidebars/TrendsSidebar.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   export let trends;
 4 | </script>
 5 | 
 6 | 
 7 | <div class="bg-gray-800 overflow-hidden flex-it rounded-2xl">
 8 |   <div class="flex-it p-4">
 9 |     <span class="text-xl font-bold">Trends</span>
10 |   </div>
11 |   {#each trends as trend }
12 |     <div class="flex-it p-4 cursor-pointer transition duration-200 hover:bg-gray-700">
13 |       <div class="flex-it">
14 |         <span class="text-gray-400 text-sm">{trend.content}</span>
15 |         <span class="text-lg font-bold">{trend.category}</span>
16 |         <span class="text-gray-400 text-sm">{trend.glideCount} glides</span>
17 |       </div>
18 |     </div>
19 |   {/each}
20 | </div>
21 | 


--------------------------------------------------------------------------------
/src/stores/createAuthStore.js:
--------------------------------------------------------------------------------
 1 | import { authenticate } from "@api/auth";
 2 | import { getUIContext } from "@components/context/UI";
 3 | import { writable } from "svelte/store";
 4 | 
 5 | 
 6 | export function createAuthStore(authType) {
 7 |   const { addSnackbar } = getUIContext();
 8 |   const loading = writable(false);
 9 | 
10 |   async function authUser(form) {
11 |     loading.set(true);
12 | 
13 |     try {
14 |       await authenticate(form, authType);
15 |       addSnackbar("Welcome Back!", "success");
16 |     } catch(e) {
17 |       addSnackbar(e.message, "error");
18 |       loading.set(false);
19 |     }
20 |   }
21 | 
22 |   return {
23 |     authUser,
24 |     loading: { subscribe: loading.subscribe }
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/src/components/snackbar/SnackbarContainer.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { getUIContext } from "@components/context/UI";
 3 |   import { flip } from "svelte/animate";
 4 |   import SnackbarItem from "./SnackbarItem.svelte";
 5 | 
 6 |   const { snackbars, removeSnackbar } = getUIContext();
 7 | </script>
 8 | 
 9 | <div class="fixed z-50 top-0 right-0 p-4 w-ful md:max-w-xs">
10 |   <ul class="flex flex-col space-y-2">
11 |     {#each $snackbars as snackbar (snackbar.id)}
12 |       <div animate:flip={{duration: 300}}>
13 |         <SnackbarItem 
14 |           message={snackbar.message} 
15 |           type={snackbar.type}
16 |           onClose={removeSnackbar(snackbar.id)}
17 |         />
18 |     </div>
19 |     {/each}
20 |   </ul>
21 | </div>
22 | 


--------------------------------------------------------------------------------
/src/stores/createGlideIdStore.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import { writable } from "svelte/store"
 3 | 
 4 | export function createGlideIdStore(getData) {
 5 |   const glide = writable(null);
 6 |   const loading = writable(true);
 7 | 
 8 |   async function getGlide() {
 9 |     loading.set(true);
10 |     const _glide = await getData();
11 |     loading.set(false);
12 |     glide.set(_glide);
13 |     return _glide;
14 |   }
15 | 
16 |   function incrementSubglidesCount() {
17 |     glide.update(_glide => ({..._glide, subglidesCount: _glide.subglidesCount + 1}))
18 |   }
19 | 
20 |   return {
21 |     glide: {
22 |       subscribe: glide.subscribe
23 |     },
24 |     loading: {
25 |       subscribe: loading.subscribe
26 |     },
27 |     getGlide, incrementSubglidesCount
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/src/routes/task-manager/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import TaskList from "../../components/task-manager/TaskList.svelte";
 3 |   import { taskListStore } from "../../stores/tasks";
 4 | 
 5 |   export let data;
 6 | </script>
 7 | 
 8 | <div class="p-10 h-full flex-it">
 9 |   <div class="text-white text-2xl mb-6">
10 |     {data.appName} - {data.content}
11 |   </div>
12 |   <button 
13 |     on:click={taskListStore.addList}
14 |     class="text-xl mb-3 text-white font-bold cursor-pointer hover:underline flex items-start"
15 |   >
16 |     + Add List
17 |   </button>
18 |   <div class="flex-it h-full flex-1">
19 |     <div class="flex-it flex-row rounded-xl h-full">
20 |       {#each $taskListStore as list, listIdx (list.id)}
21 |         <TaskList 
22 |           {list}
23 |           {listIdx}
24 |         />
25 |       {/each}
26 |     </div>
27 |   </div>
28 | </div>
29 | 


--------------------------------------------------------------------------------
/src/components/sidebars/navLinks.js:
--------------------------------------------------------------------------------
 1 | import TiHomeOutline from "svelte-icons/ti/TiHomeOutline.svelte";
 2 | import TiGroupOutline from "svelte-icons/ti/TiGroupOutline.svelte";
 3 | import TiCogOutline from "svelte-icons/ti/TiCogOutline.svelte";
 4 | import TiBell from "svelte-icons/ti/TiBell.svelte";
 5 | import TiZoomOutline from "svelte-icons/ti/TiZoomOutline.svelte";
 6 | 
 7 | export const navLinks = [
 8 |   {
 9 |     name: "Home",
10 |     href: "/",
11 |     icon: TiHomeOutline
12 |   },
13 |   {
14 |     name: "Profile",
15 |     href: "/profile",
16 |     icon: TiGroupOutline
17 |   },
18 |   {
19 |     name: "More",
20 |     href: "/",
21 |     icon: TiCogOutline
22 |   },
23 |   {
24 |     name: "Notifications",
25 |     href: "/auth/login",
26 |     icon: TiBell
27 |   },
28 |   {
29 |     name: "Discover",
30 |     href: "/task-manager",
31 |     icon: TiZoomOutline
32 |   }
33 | ]
34 | 


--------------------------------------------------------------------------------
/src/components/utils/Modal.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { clickOutside } from "@actions/clickOutside";
 3 |   import Portal from "./Portal.svelte";
 4 | 
 5 |   let isOpen = false;
 6 | 
 7 |   $: {
 8 |     isOpen ? disableScroll() : enableScroll();
 9 |   }
10 | 
11 |   function enableScroll() {
12 |     document.body.classList.remove("no-scroll");
13 |   }
14 | 
15 |   function disableScroll() {
16 |     document.body.classList.add("no-scroll");
17 |   }
18 |   
19 | </script>
20 | 
21 | <slot name="opener" openModal={() => isOpen = true} />
22 | {#if isOpen}
23 |   <Portal>
24 |     <div class="openModal">
25 |       <div
26 |         use:clickOutside
27 |         on:outclick={() => isOpen = false}
28 |         class="modal fixed min-w-160 top-14 left-2/4 p-8 -translate-x-1/2 rounded-2xl"
29 |       >
30 |         <slot 
31 |           name="modal-content" 
32 |           closeModal={() => isOpen = false}
33 |         />
34 |       </div>
35 |     </div>
36 |   </Portal>
37 | {/if}
38 | 


--------------------------------------------------------------------------------
/tailwind.config.cjs:
--------------------------------------------------------------------------------
 1 | const defaultTheme = require("tailwindcss/defaultTheme");
 2 | 
 3 | const generateSizeClass = (upToSize, startAt = 80) => {
 4 |   const classes  = {};
 5 |   for (let i = startAt; i < upToSize / 4; i+= 4 ) {
 6 |     classes[i] = `${(i * 4) / 16}rem`;
 7 |   }
 8 | 
 9 |   return classes;
10 | }
11 | 
12 | /** @type {import('tailwindcss').Config} */
13 | module.exports = {
14 |   content: ['./src/**/*.{html,js,svelte,ts}'],
15 |   theme: {
16 |     screens: {
17 |       "xxs": "300px",
18 |       "xs": "475px",
19 |       ...defaultTheme.screens
20 |     },
21 |     extend: {
22 |       width: generateSizeClass(1024),
23 |       minHeight: generateSizeClass(1024, 0),
24 |       maxHeight: generateSizeClass(1024, 0),
25 |       maxWidth: generateSizeClass(1024, 0),
26 |       minWidth: generateSizeClass(1024, 0),
27 |       borderWidth: {
28 |         "1": "1px"
29 |       }
30 |     }
31 |   },
32 |   plugins: [
33 |     require('@tailwindcss/forms')
34 |   ]
35 | };
36 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "svelte-social-app",
 3 |   "version": "0.0.1",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "vite dev",
 7 |     "build": "vite build",
 8 |     "preview": "vite preview",
 9 |     "lint": "prettier --plugin-search-dir . --check . && eslint .",
10 |     "format": "prettier --plugin-search-dir . --write ."
11 |   },
12 |   "devDependencies": {
13 |     "@sveltejs/adapter-auto": "^2.0.0",
14 |     "@sveltejs/kit": "^1.5.0",
15 |     "@tailwindcss/forms": "^0.5.3",
16 |     "autoprefixer": "^10.4.13",
17 |     "eslint": "^8.28.0",
18 |     "eslint-config-prettier": "^8.5.0",
19 |     "eslint-plugin-svelte3": "^4.0.0",
20 |     "postcss": "^8.4.21",
21 |     "prettier": "^2.8.0",
22 |     "prettier-plugin-svelte": "^2.8.1",
23 |     "svelte": "^3.54.0",
24 |     "tailwindcss": "^3.2.6",
25 |     "vite": "^4.0.0"
26 |   },
27 |   "type": "module",
28 |   "dependencies": {
29 |     "firebase": "^9.17.1",
30 |     "moment": "^2.29.4",
31 |     "svelte-icons": "^2.1.0"
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/src/components/glides/PaginatedGlides.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import CenteredDataLoader from "@components/utils/CenteredDataLoader.svelte";
 4 |   import GlidePost from "./GlidePost.svelte";
 5 | 
 6 |   export let pages;
 7 |   export let loading;
 8 |   export let loadMoreGlides;
 9 | 
10 |   let lastItemRef;
11 | 
12 |   function loadNewGlides() {
13 |     if ((lastItemRef.getBoundingClientRect().top <= window.innerHeight) && !loading) {
14 |       loadMoreGlides();
15 |     }
16 |   }
17 | 
18 | </script>
19 | 
20 | <svelte:window on:scroll={loadNewGlides} />
21 | 
22 | {#each Object.keys(pages) as page }
23 |   {#each pages[page].glides as glide (glide.id) }
24 |       <GlidePost {glide}/>
25 |   {/each}
26 | {/each}
27 | 
28 | {#if loading}
29 |   <CenteredDataLoader />
30 | {:else if pages[1].glides.length === 0}
31 |   <div class="flex-it">
32 |     <div class="bg-yellow-500 mt-6 p-2 rounded-lg mx-4">
33 |       No glides. Create a new glide!
34 |     </div>
35 |   </div>
36 | {/if}
37 | 
38 | <div bind:this={lastItemRef}></div>
39 | <div class="h-96"></div>
40 | 


--------------------------------------------------------------------------------
/src/routes/api/trends/+server.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import { json } from "@sveltejs/kit";
 3 | 
 4 | export function GET() {
 5 |   const randomize = () => Math.floor(Math.random() * 500);
 6 | 
 7 |   const trends = [
 8 |     {
 9 |       category: "Sports",
10 |       content: "Some team won something!",
11 |       glideCount: randomize()
12 |     },
13 |     {
14 |       category: "Finance",
15 |       content: "Bitcoin down again!",
16 |       glideCount: randomize()
17 |     },
18 |     {
19 |       category: "PC & Games",
20 |       content: "New Eincode game out!",
21 |       glideCount: randomize()
22 |     },
23 |     {
24 |       category: "Economy",
25 |       content: "It's goin well...",
26 |       glideCount: randomize()
27 |     },
28 |     {
29 |       category: "Celebrities",
30 |       content: "Some useless news!",
31 |       glideCount: randomize()
32 |     },
33 |     {
34 |       category: "Movies",
35 |       content: "Peter Jackson as the director of new Lotr",
36 |       glideCount: randomize()
37 |     },
38 |   ];
39 | 
40 |   return json(trends);
41 | }
42 | 


--------------------------------------------------------------------------------
/src/components/context/UI/UIContext.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { setContext, onMount } from "svelte";
 4 |   import { writable } from "svelte/store";
 5 |   import { key } from ".";
 6 | 
 7 |   let snackbars = writable([]);
 8 | 
 9 |   let isXl = writable(false);
10 |   let isLg = writable(false);
11 |   
12 |   let innerWidth;
13 | 
14 |   $: {
15 |     $isXl = innerWidth > 1280;
16 |     $isLg = innerWidth > 1024;
17 |   }
18 | 
19 |   function addSnackbar(message, type) {
20 |     snackbars.update(list => [{message, type, id: new Date().toISOString()}, ...list])
21 |   }
22 | 
23 |   const removeSnackbar = (id) => () => {
24 |     snackbars.update(list => {
25 |       const index = list.findIndex((snackbar) => snackbar.id === id);
26 | 
27 |       if (index > -1) {
28 |         list.splice(index, 1);
29 |       }
30 | 
31 |       return list;
32 |     })
33 |   }
34 | 
35 |   setContext(key, {
36 |     isXl,
37 |     isLg,
38 |     snackbars,
39 |     addSnackbar, removeSnackbar
40 |   });
41 | 
42 | </script>
43 | 
44 | <svelte:window 
45 |   bind:innerWidth
46 | />
47 | <slot />
48 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # create-svelte
 2 | 
 3 | Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
 4 | 
 5 | ## Creating a project
 6 | 
 7 | If you're seeing this, you've probably already done this step. Congrats!
 8 | 
 9 | ```bash
10 | # create a new project in the current directory
11 | npm create svelte@latest
12 | 
13 | # create a new project in my-app
14 | npm create svelte@latest my-app
15 | ```
16 | 
17 | ## Developing
18 | 
19 | Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
20 | 
21 | ```bash
22 | npm run dev
23 | 
24 | # or start the server and open the app in a new browser tab
25 | npm run dev -- --open
26 | ```
27 | 
28 | ## Building
29 | 
30 | To create a production version of your app:
31 | 
32 | ```bash
33 | npm run build
34 | ```
35 | 
36 | You can preview the production build with `npm run preview`.
37 | 
38 | > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
39 | 


--------------------------------------------------------------------------------
/src/routes/(main)/profile/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { getAuthContext } from "@components/context/auth";
 3 |   import UserList from "@components/users/UserList.svelte";
 4 |   import { pageStore } from "@stores/pageStore";
 5 | 
 6 |   const {auth} = getAuthContext();
 7 |   pageStore.title.set("Profile"); 
 8 | 
 9 | </script>
10 | 
11 | <div class="flex-it py-1">
12 |   <div class="mt-6 pb-6 border-b border-gray-600">
13 |     <div class="flex-it flex-row items-center px-4">
14 |       <img
15 |         alt=""
16 |         class="rounded-full h-24 mr-4"
17 |         src={$auth.user?.avatar}
18 |       />
19 |       <div class="mr-6">
20 |         <div class="text-2xl font-bold">{$auth.user?.fullName}</div>
21 |         <div class="text-gray-400">{$auth.user?.nickName}</div>
22 |       </div>
23 |       <div class="mr-6">
24 |         <div class="text-lg font-bold">Followers</div>
25 |         <div class="text-gray-400">{$auth.user?.followersCount}</div>
26 |       </div>
27 |       <div>
28 |         <div class="text-lg font-bold">Following</div>
29 |         <div class="text-gray-400">{$auth.user?.followingCount}</div>
30 |       </div>
31 |     </div>
32 |   </div>
33 |   <UserList />
34 | </div>
35 | 


--------------------------------------------------------------------------------
/src/api/auth.js:
--------------------------------------------------------------------------------
 1 | import { firebaseAuth, db } from "@db/index";
 2 | import { createUserWithEmailAndPassword, signInWithEmailAndPassword, signOut } from "firebase/auth";
 3 | import { setDoc, doc } from "firebase/firestore";
 4 | 
 5 | function logoutUser() {
 6 |   return signOut(firebaseAuth);
 7 | }
 8 | 
 9 | async function loginUser(form) {
10 |   const { user } = await signInWithEmailAndPassword(firebaseAuth, form.email, form.password);
11 |   return user;
12 | }
13 | 
14 | async function registerUser(form) {
15 |   const { user: registeredUser } = await createUserWithEmailAndPassword(firebaseAuth, form.email, form.password);
16 | 
17 |   const user = {
18 |     uid: registeredUser.uid,
19 |     fullName: form.fullName,
20 |     nickName: form.nickName,
21 |     email: form.email,
22 |     avatar: form.avatar,
23 |     followers: [],
24 |     following: [],
25 |     followersCount: 0,
26 |     followingCount: 0
27 |   };
28 | 
29 |   const userDoc = doc(db, "users", registeredUser.uid);
30 |   await setDoc(userDoc, user);
31 |   return registeredUser;
32 | }
33 | 
34 | function authenticate(form, type) {
35 |   return type === "login" ? loginUser(form) : registerUser(form);
36 | }
37 | 
38 | export { logoutUser, authenticate }
39 | 


--------------------------------------------------------------------------------
/src/components/context/auth/AuthContext.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { onAuthStateChanged } from "firebase/auth";
 4 |   import Loader from "@components/utils/Loader.svelte";
 5 |   import { onMount, setContext } from "svelte";
 6 |   import { writable } from "svelte/store";
 7 |   import { key } from ".";
 8 |   import { firebaseAuth } from "@db/index";
 9 |   import { getUser } from "@api/users";
10 | 
11 |   let isLoading = writable(true);
12 |   let auth = writable({
13 |     isAuthenticated: false,
14 |     user: null
15 |   });
16 | 
17 |   setContext(key, {
18 |     auth, isLoading, updateUser
19 |   })
20 | 
21 |   onMount(listenToAuthChanges);
22 | 
23 |   function updateUser(userData) {
24 |     auth.update(authState => ({...authState, user: {...authState.user, ...userData}}));
25 |   }
26 | 
27 |   function listenToAuthChanges() {
28 |     onAuthStateChanged(firebaseAuth, async (user) => {
29 |       if (user) {
30 |         const gliderUser = await getUser(user.uid);
31 |         auth.set({isAuthenticated: true, user: gliderUser});
32 |       } else {
33 |         auth.set({isAuthenticated: false, user: null});
34 |       }
35 | 
36 |       isLoading.set(false);
37 |     })
38 |   }
39 | 
40 | </script>
41 | 
42 | {#if $isLoading}
43 |   <Loader size={150} />
44 | {:else}
45 |   <slot />
46 | {/if}
47 | 
48 | 


--------------------------------------------------------------------------------
/src/api/users.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import { db } from "@db/index";
 3 | import { doc, getDoc, collection, getDocs, query, where, updateDoc, increment, arrayUnion } from "firebase/firestore";
 4 | 
 5 | async function followUser(followerUid, followingUid) {
 6 |   const followerRef = doc(db, "users", followerUid);
 7 |   const followingRef = doc(db, "users", followingUid);
 8 | 
 9 |   await updateDoc(followerRef, {
10 |     following: arrayUnion(followingRef),
11 |     followingCount: increment(1)
12 |   });
13 | 
14 |   await updateDoc(followingRef, {
15 |     followers: arrayUnion(followerRef),
16 |     followersCount: increment(1)
17 |   });
18 |   
19 |   return followingRef;
20 | }
21 | 
22 | async function fetchUsers(loggedInUser) {
23 |   const usersQuery = query(
24 |     collection(db, "users"),
25 |     where("uid", "!=", loggedInUser.uid)
26 |   );
27 | 
28 |   const usersSnap = await getDocs(usersQuery);
29 |   return usersSnap.docs
30 |     .map(doc => doc.data())
31 |     .filter(user => {
32 |       const hasFollowing = loggedInUser.following.filter(following => following.id === user.uid).length > 0;
33 |       return !hasFollowing;
34 |     });
35 | }
36 | 
37 | async function getUser(uid) {
38 |   const docRef = doc(db, "users", uid);
39 |   const docSnap = await getDoc(docRef);
40 |   return docSnap.data();
41 | }
42 | 
43 | export { getUser, fetchUsers, followUser }
44 | 


--------------------------------------------------------------------------------
/src/components/layouts/MainLayout.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import NavSidebar from "@components/sidebars/NavSidebar.svelte";
 3 |   import TrendsSidebar from "@components/sidebars/TrendsSidebar.svelte";
 4 |   import { pageStore } from "@stores/pageStore";
 5 | 
 6 |   const { title } = pageStore;
 7 |   
 8 |   export let trends;
 9 | </script>
10 | 
11 | <div class="w-full h-full bg-gray-900 text-gray-100">
12 |   <div class="flex h-full min-h-252">
13 |     <NavSidebar />
14 |     <main class="flex-it flex-grow flex-shrink items-start">
15 |       <div class="flex md:w-248 w-full h-full">
16 |         <div class="flex-it flex-grow flex-shrink">
17 |           <div class="flex-it flex-row justify-between min-h-full">
18 |             <div class="flex-it md:max-w-152 w-full border-x-1 border-solid border-gray-700">
19 |               <div class="sticky z-10 flex-it top-0">
20 |                 <div
21 |                   class="flex-it h-14 p-4 xl:text-xl text-sm font-bold z-10 backdrop-blur-md bg-opacity-70"
22 |                 >
23 |                 {#if typeof $title === "string"}
24 |                   {$title}
25 |                 {:else}
26 |                   <svelte:component this={$title} />
27 |                 {/if}
28 |                 </div>
29 |               </div>
30 |               <slot />
31 |             </div>
32 |             <div class="flex-it md:w-92 w-0 mt-4">
33 |               <TrendsSidebar {trends} />
34 |             </div>
35 |           </div>
36 |         </div>
37 |       </div>
38 |     </main>
39 |   </div>
40 | </div>
41 | 


--------------------------------------------------------------------------------
/src/routes/(main)/+page.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { getAuthContext } from "@components/context/auth";
 3 |   import PaginatedGlides from "@components/glides/PaginatedGlides.svelte";
 4 |   import Messenger from "@components/utils/Messenger.svelte";
 5 |   import Portal from "@components/utils/Portal.svelte";
 6 |   import { createGlideStore } from "@stores/createGlideStore";
 7 |   import { pageStore } from "@stores/pageStore";
 8 |   
 9 |   const { auth } = getAuthContext();
10 |   const { 
11 |     pages, freshGlides, 
12 |     loading, 
13 |     addGlide, loadGlides,
14 |     displayFreshGlides
15 |   } = createGlideStore($auth.user);
16 | 
17 |   pageStore.title.set("Home");
18 |   pageStore.onGlidePosted.set(addGlide);
19 | 
20 | </script>
21 | 
22 | <Messenger 
23 |   onGlidePosted={addGlide}
24 | />
25 | <div class="h-px bg-gray-700 my-1" />
26 | 
27 | {#if $freshGlides.length >= 3}
28 |   <Portal>
29 |     <div class="fixed top-2 z-100 left-2/4 -translate-x-1/2">
30 |       <button
31 |         on:click={displayFreshGlides}
32 |         type="button"
33 |         class="
34 | 				disabled:cursor-not-allowed disabled:bg-gray-400
35 | 				bg-blue-400 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded-full flex-it transition duration-200"
36 |       >
37 |         <div class="flex-it flex-row text-sm font-bold text-white items-start justify-center">
38 |           <span>Read New Glides</span>
39 |         </div>
40 |       </button>
41 |     </div>
42 |   </Portal>
43 | {/if}
44 | 
45 | <PaginatedGlides 
46 |   pages={$pages} 
47 |   loading={$loading}
48 |   loadMoreGlides={loadGlides}
49 | />
50 | 
51 | 
52 | 


--------------------------------------------------------------------------------
/src/components/snackbar/SnackbarItem.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import { onMount } from 'svelte';
 3 |   import TiTimesOutline from 'svelte-icons/ti/TiTimesOutline.svelte';
 4 |   import { fly } from "svelte/transition";
 5 | 
 6 |   const INTERVAL_STEP = 50;
 7 |   
 8 |   export let message;
 9 |   export let type = "warning";
10 |   export let autoHideDuration = 2000;
11 |   export let onClose;
12 | 
13 |   let bgColor;
14 |   let intervalId;
15 | 
16 |   $: progress = Math.floor((duration / autoHideDuration) * 100);
17 |   $: duration = autoHideDuration;
18 |   $: {
19 |     if (duration <= 0) {
20 |       clearInterval(intervalId);
21 |       onClose();
22 |     }
23 |   }
24 | 
25 |   if (type === "success") {
26 |     bgColor = "bg-blue-400";
27 |   } else if (type === "error") {
28 |     bgColor = "bg-red-700";
29 |   } else {
30 |     bgColor = "bg-yellow-500";
31 |   }
32 | 
33 |   onMount(() => {
34 |     intervalId = setInterval(() => {
35 |       duration -= INTERVAL_STEP;
36 |     }, INTERVAL_STEP);
37 |   })
38 | 
39 | </script>
40 | 
41 | <div
42 |   in:fly={{x: 200}}
43 |   out:fly={{x: 200}}
44 |   class="{bgColor} min-w-68 text-white flex-it font-bold rounded-md md:max-w-xs w-full text-sm shadow-md"
45 | > 
46 |   <div class="flex-it flex-row-reverse p-1">
47 |     <button 
48 |       on:click={onClose}
49 |       class="text-xl rounded-full">
50 |       <div class="icon">
51 |         <TiTimesOutline />
52 |       </div>
53 |     </button>
54 |   </div>
55 |   <div class="flex-it px-2 pb-3">
56 |     {message}
57 |   </div>
58 |   <div 
59 |     style="width: {progress}%"
60 |     class="bg-black opacity-40 text-right h-2"
61 |   >
62 |   </div>
63 | </div>
64 | 


--------------------------------------------------------------------------------
/src/components/users/UserItem.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { createEventDispatcher } from "svelte";
 4 | 
 5 |   const dispatch = createEventDispatcher();
 6 | 
 7 |   export let user;
 8 |   export let followingInProgress;
 9 | 
10 | </script>
11 | 
12 | <div class="flex-it p-4">
13 |   <div class="flex-it flex-row">
14 |     <div class="flex-it mr-4">
15 |       <div class="w-12 h-12 overflow-visible cursor-pointer transition duration-200 hover:opacity-80">
16 |         <img alt="" class="rounded-full" src={user.avatar} />
17 |       </div>
18 |     </div>
19 |     <article class="flex-it flex-grow flex-shrink">
20 |       <div class="flex-it justify-center flex-grow mb-1">
21 |         <div class="flex-it justify-between flex-row w-full">
22 |           <div class="flex-it justify-center">
23 |             <span class="font-bold">{user.nickName}</span>
24 |           </div>
25 |           <div class="flex-it w-32 mt-3 cursor-pointer">
26 |             <button
27 |               on:click={() => {
28 |                 dispatch("followClick", user);
29 |               }}
30 |               disabled={followingInProgress}
31 |               type="button"
32 |               class="
33 |                   disabled:cursor-not-allowed disabled:bg-gray-400
34 |                   bg-blue-400 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded-full flex-it transition duration-200"
35 |             >
36 |               <div class="flex-it flex-row text-sm font-bold text-white items-start justify-center">
37 |                 <span>Follow</span>
38 |               </div>
39 |             </button>
40 |           </div>
41 |         </div>
42 |       </div>
43 |     </article>
44 |   </div>
45 | </div>
46 | 


--------------------------------------------------------------------------------
/src/stores/createSubglideStore.js:
--------------------------------------------------------------------------------
 1 | import { fetchSubglides } from "@api/glides";
 2 | import { get, writable } from "svelte/store"
 3 | 
 4 | const FIRST_PAGE = 1;
 5 | 
 6 | export function createSubglideStore() {
 7 |   const pages = writable({[FIRST_PAGE]: {glides: []}});
 8 |   const page = writable(FIRST_PAGE);
 9 |   const loading = writable(false);
10 | 
11 |   let lastGlideDoc = null;
12 |   
13 |   async function loadGlides(glideLookup) {
14 |     const _page = get(page);
15 | 
16 |     if (typeof lastGlideDoc === "undefined") {
17 |       return;
18 |     }
19 | 
20 |     loading.set(true);
21 |     try {
22 |       const { glides, lastGlideDoc: _lastGlideDoc } = await fetchSubglides(lastGlideDoc, glideLookup);
23 | 
24 |       if (glides.length > 0) {
25 |         pages.update(_pages => ({..._pages, [_page]: {glides}}));
26 |         page.update(_page => _page + 1);
27 |       }
28 | 
29 |       lastGlideDoc = _lastGlideDoc;
30 |     } catch(e) {
31 |       console.log(e.message);
32 |     } finally {
33 |       loading.set(false);
34 |     }
35 |   }
36 | 
37 |   function addGlide(glide) {
38 |     pages.update(_pages => {
39 |       _pages[FIRST_PAGE].glides.unshift(glide);
40 |       return _pages;
41 |     })
42 |   }
43 | 
44 |   function resetPagination() {
45 |     pages.update(_pages => {
46 |       for (let i = 1; i <= Object.keys(_pages).length; i++) {
47 |         _pages[i] = {
48 |           glides: []
49 |         };
50 |       }
51 | 
52 |       return _pages;
53 |     });
54 | 
55 |     lastGlideDoc = null;
56 |     page.set(1);
57 |   }
58 | 
59 |   return {
60 |     pages: { subscribe: pages.subscribe },
61 |     loading: { subscribe: loading.subscribe },
62 |     loadGlides, addGlide, resetPagination
63 |   }
64 | }
65 | 


--------------------------------------------------------------------------------
/src/components/utils/Popup.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { afterUpdate, onMount } from "svelte";
 4 |   import Portal from "./Portal.svelte";
 5 |   import { clickOutside } from "@actions/clickOutside";
 6 |   import { logoutUser } from "@api/auth";
 7 | 
 8 |   let isOpen = false;
 9 | 
10 |   let openerMenu;
11 |   let popup;
12 | 
13 |   let popupBottomPosition;
14 |   let popupLeftPosition;
15 | 
16 |   onMount(() => {
17 |     addEventListener("resize", adjustPopup);
18 |     
19 |     return () => {
20 |       removeEventListener("resize", adjustPopup);
21 |     }
22 |   })
23 | 
24 |   afterUpdate(() => {
25 |     adjustPopup();
26 |   })
27 | 
28 |   function adjustPopup() {
29 |     if (isOpen) {
30 |       const position = openerMenu.getBoundingClientRect();
31 | 
32 |       popupBottomPosition = openerMenu.clientHeight + "px";
33 |       popupLeftPosition = position.left + "px";
34 |     }
35 |   }
36 | 
37 |   async function logout() {
38 |     await logoutUser();
39 |   }
40 | 
41 | </script>
42 | 
43 | <div class="flex-it">
44 |   <div bind:this={openerMenu} class="flex-it">
45 |     <button on:click|stopPropagation={() => {
46 |       isOpen = !isOpen;
47 |     }}>
48 |       <slot />
49 |     </button>
50 |   </div>
51 |   {#if isOpen}
52 |     <Portal>
53 |       <div 
54 |         on:outclick={() => {
55 |           isOpen = false;
56 |         }}
57 |         use:clickOutside
58 |         bind:this={popup}
59 |         style="bottom: {popupBottomPosition}; left: {popupLeftPosition}"
60 |         class="flex-it hover:cursor-pointer fixed bg-gray-800 text-white popup z-10 rounded-2xl border-gray-700 border transition duration-1000"
61 |       >
62 |         <div class="w-72 min-w-68 max-h-120 min-h-8 flex-it overflow-auto">
63 |           <div class="flex-it flex-grow flex-shrink py-3">
64 |             <button 
65 |               on:click={logout}
66 |               class="flex-it items-start px-4 py-3 transition hover:bg-gray-700">
67 |               Logout
68 |             </button>
69 |           </div>
70 |         </div>
71 |       </div>
72 |     </Portal>
73 |   {/if}
74 | </div>
75 | 


--------------------------------------------------------------------------------
/src/components/task-manager/TaskItem.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import Editable from "./Editable.svelte";
 3 |   import { taskListStore } from "../../stores/tasks";
 4 |   
 5 |   export let task;
 6 |   export let listIdx;
 7 |   export let taskIdx;
 8 | 
 9 |   let value = task.text;
10 | 
11 |   function updateTask(event) {
12 |     taskListStore.updateTask({
13 |       id: task.id,
14 |       text: event.detail.value
15 |     }, listIdx)
16 |   }
17 | 
18 |   function dragStart(e) {
19 |     const data = {listIdx, taskIdx};
20 |     e.dataTransfer.setData("text/plain", JSON.stringify(data));
21 |   }
22 | 
23 | </script>
24 | 
25 | <div 
26 |   draggable={true}
27 |   on:dragstart={dragStart}
28 |   class="flex-it border border-solid p-2 rounded-xl bg-slate-500 mb-2 cursor-pointer"
29 | >
30 |   <div class="flex-it">
31 |     <Editable bind:value on:editCancel={updateTask}>
32 |       <div class="flex-it flex-row">
33 |         <div class="flex flex-1">{task.text}</div>
34 |         <div class="flex items-end hover:text-red-600">
35 |           <button
36 |             on:click|stopPropagation={() => {
37 |               taskListStore.removeTask(listIdx, taskIdx);
38 |             }}
39 |           >
40 |             <svg
41 |               xmlns="http://www.w3.org/2000/svg"
42 |               width="16"
43 |               height="16"
44 |               fill="currentColor"
45 |               class="bi bi-trash"
46 |               viewBox="0 0 16 16"
47 |             >
48 |               <path
49 |                 d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"
50 |               />
51 |               <path
52 |                 fill-rule="evenodd"
53 |                 d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"
54 |               />
55 |             </svg>
56 |           </button>
57 |         </div>
58 |       </div>
59 |     </Editable>
60 |   </div>
61 | </div>
62 | 


--------------------------------------------------------------------------------
/src/components/users/UserList.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import * as api from "@api/users";
 4 |   import { getAuthContext } from "@components/context/auth";
 5 |   import { getUIContext } from "@components/context/UI";
 6 |   import CenteredDataLoader from "@components/utils/CenteredDataLoader.svelte";
 7 |   import { onMount } from "svelte";
 8 |   import UserItem from "./UserItem.svelte";
 9 | 
10 |   const { auth, updateUser } = getAuthContext();
11 |   const { addSnackbar } = getUIContext();
12 | 
13 |   let users = [];
14 |   let loading = true;
15 |   let followingInProgress = false;
16 | 
17 |   onMount(loadUsers);
18 | 
19 |   async function loadUsers() {
20 |     try {
21 |       users = await api.fetchUsers($auth.user);
22 |     } catch(e) {
23 |       console.log(e.message);
24 |     } finally {
25 |       loading = false;
26 |     }
27 |   }
28 | 
29 |   async function followUser(followingUser) {
30 |     followingInProgress = true;
31 |     try {
32 | 
33 |       if ($auth.user.following.filter(following => following.id === followingUser.uid).length > 0) {
34 |         throw new Error("You already follow this user!");
35 |       }
36 | 
37 |       const followingRef = await api.followUser($auth.user.uid, followingUser.uid);
38 | 
39 |       updateUser({
40 |         followingCount: $auth.user.followingCount + 1,
41 |         following: [followingRef, ...$auth.user.following]
42 |       });
43 | 
44 |       users = users.filter(user => user.uid !== followingUser.uid);
45 | 
46 |       addSnackbar(`You started following ${followingUser.nickName}`, "success");
47 |     } catch(e) {
48 |       addSnackbar(e.message, "error");
49 |     } finally {
50 |       followingInProgress = false;
51 |     }
52 |   }
53 | 
54 | </script>
55 | 
56 | {#if loading}
57 |   <CenteredDataLoader />
58 | {:else if users.length > 0}
59 |   {#each users as user (user.uid)}
60 |     <UserItem
61 |       on:followClick={(e) => followUser(e.detail)} 
62 |       {user} 
63 |       {followingInProgress}
64 |     />
65 |   {/each}
66 | {:else}
67 |   <div class="flex-it">
68 |     <div class="bg-yellow-500 mt-6 p-2 rounded-lg mx-4">
69 |       You follow all users in the world...
70 |     </div>
71 |   </div>
72 | {/if}
73 | 


--------------------------------------------------------------------------------
/src/routes/(main)/[uid]/glide/[id]/+page.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { page } from "$app/stores";
 4 |   import GlidePost from "@components/glides/GlidePost.svelte";
 5 |   import CenteredDataLoader from "@components/utils/CenteredDataLoader.svelte";
 6 |   import Messenger from "@components/utils/Messenger.svelte";
 7 |   import { createGlideIdStore } from "@stores/createGlideIdStore";
 8 |   import { pageStore } from "@stores/pageStore";
 9 |   import BackButton from "@components/utils/BackButton.svelte";
10 |   import { createSubglideStore } from "@stores/createSubglideStore";
11 |   import { onDestroy, onMount } from "svelte";
12 |   import PaginatedGlides from "@components/glides/PaginatedGlides.svelte";
13 |   import { fetchGlide } from "@api/glides";
14 |   
15 |   const { 
16 |     glide, loading, 
17 |     getGlide, incrementSubglidesCount 
18 |   } = createGlideIdStore(async () => {
19 |     const _glide = await fetchGlide($page.params.uid, $page.params.id);
20 |     onGlideLoaded(_glide);
21 |     return _glide;
22 |   });
23 | 
24 |   const { 
25 |     pages, loading: loadingSubglides, 
26 |     loadGlides, addGlide, resetPagination
27 |   } = createSubglideStore();
28 | 
29 |   pageStore.title.set(BackButton);
30 |   pageStore.onGlidePosted.set(addGlide);
31 | 
32 |   $: {
33 |     if ($glide && !$loading && $page.params.id !== $glide.id) {
34 |       getGlide();
35 |     }
36 |   }
37 | 
38 |   onMount(getGlide);
39 |   onDestroy(() => pageStore.activeGlide.set(null));
40 | 
41 |   function onGlideLoaded(glide) {
42 |     resetPagination();
43 |     loadGlides(glide.lookup);
44 |     pageStore.activeGlide.set({...glide});
45 |   }
46 | 
47 | </script>
48 | 
49 | {#if $loading}
50 |   <CenteredDataLoader />
51 | {:else if $glide}
52 |   <GlidePost glide={$glide} />
53 |   <div class="p-4 border-b-1 border-solid border-gray-700">
54 |     <div class="text-sm italic text-gray-300 underline mb-2">
55 |       Answering to: {$glide.user.nickName}
56 |     </div>
57 |     <Messenger 
58 |       glideLookup={$glide.lookup}
59 |       showAvatar={false} 
60 |       onGlidePosted={(glide) => {
61 |         addGlide(glide);
62 |         incrementSubglidesCount();
63 |       }} 
64 |     />
65 |   </div>
66 |   <PaginatedGlides
67 |     pages={$pages}
68 |     loading={$loadingSubglides}
69 |     loadMoreGlides={() => {
70 |       loadGlides($glide.lookup);
71 |     }}
72 |   />
73 | {/if}
74 | 


--------------------------------------------------------------------------------
/src/components/forms/LoginForm.svelte:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   import { createFormStore, requiredValidator } from "@stores/createFormStore";
 4 |   import FormErrors from "./FormErrors.svelte";
 5 | 
 6 |   const { validate, errors, setValue, submitForm } = createFormStore({
 7 |     email: "",
 8 |     password: ""
 9 |   });
10 | 
11 |   export let onFormSubmit;
12 |   export let loading;
13 | 
14 | </script>
15 | 
16 | 
17 | <form class="flex-it">
18 |   <div class="flex-it overflow-hidden sm:rounded-md">
19 |     <div class="flex-it">
20 |       <div class="flex-it">
21 |         <div class="flex-it py-2">
22 |           <label for="email" class="block text-sm font-medium text-gray-700"> Email </label>
23 |           <input
24 |             on:input={setValue}
25 |             use:validate={[requiredValidator]}
26 |             type="email"
27 |             name="email"
28 |             id="email"
29 |             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
30 |           />
31 |           <FormErrors errors={$errors.email} />
32 |         </div>
33 |         <div class="flex-it py-2">
34 |           <label for="password" class="block text-sm font-medium text-gray-700"> Password </label>
35 |           <input
36 |             on:input={setValue}
37 |             use:validate={[requiredValidator]}
38 |             type="password"
39 |             name="password"
40 |             id="password"
41 |             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
42 |           />
43 |           <FormErrors errors={$errors.password} />
44 |         </div>
45 |       </div>
46 |     </div>
47 |     <div class="text-sm text-gray-600 pb-4">
48 |       No Account Yet?{" "}
49 |       <a class="hover:underline" href="/auth/register"> Create a new account </a>
50 |     </div>
51 |     <div class="flex-it py-2">
52 |       <button
53 |         on:click={submitForm(onFormSubmit)}
54 |         disabled={loading}
55 |         type="button"
56 |         class="
57 |               bg-blue-400 hover:bg-blue-500
58 |               inline-flex focus:ring-0 disabled:cursor-not-allowed disabled:bg-gray-400 justify-center rounded-md border border-transparent py-2 px-4 text-sm font-medium text-white shadow-sm  focus:outline-none focus:ring-offset-2"
59 |       >
60 |         Login
61 |       </button>
62 |     </div>
63 |   </div>
64 | </form>
65 | 


--------------------------------------------------------------------------------
/src/stores/createGlideStore.js:
--------------------------------------------------------------------------------
 1 | import { fetchGlides, onGlidesSnapshot } from "@api/glides";
 2 | import { onMount } from "svelte";
 3 | import { get, writable } from "svelte/store"
 4 | 
 5 | const FIRST_PAGE = 1;
 6 | 
 7 | export function createGlideStore(loggedInUser) {
 8 |   const pages = writable({[FIRST_PAGE]: {glides: []}});
 9 |   const page = writable(FIRST_PAGE);
10 |   const freshGlides = writable([]);
11 |   const loading = writable(false);
12 | 
13 |   let lastGlideDoc = null;
14 |   let unsub;
15 | 
16 |   onMount(() => {
17 |     loadGlides();
18 |     subscribeToNewGlides();
19 | 
20 |     return () => {
21 |       unsubscribeFromNewGlides();
22 |     }
23 |   });
24 | 
25 |   async function loadGlides() {
26 |     const _page = get(page);
27 | 
28 |     if (typeof lastGlideDoc === "undefined") {
29 |       return;
30 |     }
31 | 
32 |     loading.set(true);
33 |     try {
34 |       const { glides, lastGlideDoc: _lastGlideDoc } = await fetchGlides(lastGlideDoc, loggedInUser);
35 | 
36 |       if (glides.length > 0) {
37 |         pages.update(_pages => ({..._pages, [_page]: {glides}}));
38 |         page.update(_page => _page + 1);
39 |       }
40 | 
41 |       lastGlideDoc = _lastGlideDoc;
42 |     } catch(e) {
43 |       console.log(e.message);
44 |     } finally {
45 |       loading.set(false);
46 |     }
47 |   }
48 | 
49 |   function addGlide(glide) {
50 |     pages.update(_pages => {
51 |       _pages[FIRST_PAGE].glides.unshift(glide);
52 |       return _pages;
53 |     })
54 |   }
55 | 
56 |   function subscribeToNewGlides() {
57 |     if (loggedInUser.following.length === 0) {
58 |       return;
59 |     }
60 | 
61 |     unsub = onGlidesSnapshot(loggedInUser, (newGlides) => {
62 |       freshGlides.set(newGlides);
63 |     });
64 |   }
65 | 
66 |   function unsubscribeFromNewGlides() {
67 |     unsub && unsub();
68 |   }
69 | 
70 |   function resubToGlides() {
71 |     unsubscribeFromNewGlides();
72 |     subscribeToNewGlides();
73 |   }
74 | 
75 |   function displayFreshGlides() {
76 |     get(freshGlides).forEach(freshGlide => {
77 |       addGlide(freshGlide);
78 |     });
79 |     
80 |     resubToGlides();
81 |     freshGlides.set([]);
82 |   }
83 | 
84 |   return {
85 |     pages: { subscribe: pages.subscribe },
86 |     loading: { subscribe: loading.subscribe },
87 |     freshGlides: { subscribe: freshGlides.subscribe },
88 |     addGlide,
89 |     loadGlides,
90 |     subscribeToNewGlides,
91 |     displayFreshGlides
92 |   }
93 | }
94 | 


--------------------------------------------------------------------------------
/src/components/glides/GlidePost.svelte:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import TiTrash from "svelte-icons/ti/TiTrash.svelte";
 3 |   import TiMessage from "svelte-icons/ti/TiMessage.svelte";
 4 |   import TiHeartOutline from "svelte-icons/ti/TiHeartOutline.svelte";
 5 |   import { goto } from "$app/navigation";
 6 |   import moment from "moment";
 7 | 
 8 |   export let glide;
 9 | </script>
10 | 
11 | <div class="flex-it p-4 border-b-1 border-solid border-gray-700">
12 |   <div class="flex-it flex-row">
13 |     <div class="flex-it mr-4">
14 |       <div
15 |         class="w-12 h-12 overflow-visible cursor-pointer transition duration-200 hover:opacity-80"
16 |       >
17 |         <img
18 |           alt=""
19 |           class="rounded-full"
20 |           src={glide.user.avatar}
21 |         />
22 |       </div>
23 |     </div>
24 |     <!-- svelte-ignore a11y-click-events-have-key-events -->
25 |     <article 
26 |       on:click={() => goto(`/${glide.uid}/glide/${glide.id}`)}
27 |       class="flex-it flex-grow flex-shrink cursor-pointer"
28 |     >
29 |       <div class="flex-it justify-center flex-grow mb-1">
30 |         <div class="flex-it justify-between flex-row w-full">
31 |           <div>
32 |             <span class="font-bold">{glide.user.nickName}</span>
33 |             <span class="mx-2">&#8226;</span>
34 |             <span class="text-gray-400">
35 |               {moment(glide.date.toDate().toISOString()).fromNow()}
36 |             </span>
37 |           </div>
38 |           <div class="text-gray-400 cursor-pointer transition hover:text-red-400">
39 |             <div class="icon">
40 |               <TiTrash />
41 |             </div>
42 |           </div>
43 |         </div>
44 |       </div>
45 |       <div class="flex-it flex-row flex-grow-0 items-center mb-2">
46 |         <div class="flex-it mr-3 mb-3 w-full">{glide.content}</div>
47 |       </div>
48 |       {#if glide?.mediaUrl}
49 |         <div class="flex-it max-w-64 pb-6">
50 |           <img src={glide.mediaUrl} alt="" />
51 |         </div>
52 |       {/if}
53 |       <div class="flex-it flex-row flex-grow text-gray-400">
54 |         <div
55 |           class="flex-it flex-row items-center cursor-pointer mr-5 transition hover:text-blue-400"
56 |         >
57 |           <div class="icon">
58 |             <TiMessage />
59 |           </div>
60 |           <span class="text-xs ml-3">{glide.subglidesCount}</span>
61 |         </div>
62 |         <div
63 |           class="flex-it flex-row items-center cursor-pointer transition hover:text-pink-400"
64 |         >
65 |           <div class="icon">
66 |             <TiHeartOutline />
67 |           </div>
68 |           <span class="text-xs ml-3">{glide.likesCount}</span>
69 |         </div>
70 |       </div>
71 |     </article>
72 |   </div>
73 | </div>
74 | 


--------------------------------------------------------------------------------
/src/stores/tasks.js:
--------------------------------------------------------------------------------
 1 | 
 2 | import { writable } from "svelte/store";
 3 | 
 4 | const DEFAULT_DATA = [
 5 |   {id: "l-1", text: "List 1", items: [{id: "t-1", text: "Task 1"},{id: "t-2", text: "Task 2"},{id: "t-3", text: "Task 3"}]},
 6 |   {id: "l-2", text: "List 2", items: [{id: "t-4", text: "Task 4"},{id: "t-5", text: "Task 5"},{id: "t-6", text: "Task 6"}]},
 7 |   {id: "l-3", text: "List 3", items: [{id: "t-7", text: "Task 7"},{id: "t-8", text: "Task 8"},{id: "t-9", text: "Task 9"}]},
 8 | ];
 9 | 
10 | function createStore() {
11 |   const storedList = localStorage.getItem("task-manager-store");
12 |   const _taskList = storedList ? JSON.parse(storedList) : DEFAULT_DATA;
13 | 
14 |   const taskList = writable(_taskList);
15 |   const {subscribe, update} = taskList;
16 | 
17 |   return {
18 |     subscribe,
19 |     updateTask: (task, listIdx) => {
20 |       update(list => {
21 |         const taskIdx = list[listIdx].items.findIndex(item => item.id === task.id);
22 | 
23 |         if (taskIdx > -1) {
24 |           list[listIdx].items[taskIdx] = {...task};  
25 |         }
26 | 
27 |         return list;
28 |       })
29 |     },
30 |     addList: () => {
31 |       update((list) => [...list, {
32 |           id: new Date().toISOString(),
33 |           text: "New List",
34 |           items: []
35 |         }
36 |       ])
37 |     },
38 |     addTask: (listIdx) => {
39 |       update((list) => {
40 |         const {items} = list[listIdx];
41 | 
42 |         list[listIdx].items = [
43 |           ...items, {
44 |             id: new Date().toISOString(),
45 |             text: "What to do?"
46 |           }
47 |         ];
48 | 
49 |         return list;
50 |       })
51 |     },
52 |     moveTask: (sourceData, moveToListIdx) => {
53 |       update(list => {
54 |         const [task] = list[sourceData.listIdx].items.splice(sourceData.taskIdx, 1);
55 |         list[moveToListIdx].items.push(task);
56 |         return list;
57 |       })
58 |     },
59 |     removeTask: (listIdx, taskIdx) => {
60 |       update((list) => {
61 |         // list[listIdx].items.splice(taskIdx, 1);
62 | 
63 |         list[listIdx].items = list[listIdx].items.filter((_, id) => id !== taskIdx);
64 | 
65 |         return list;
66 |       })
67 |     },
68 |     removeList: (listIdx) => {
69 |       update((list) => {
70 |         list.splice(listIdx, 1);
71 |         return list;
72 |       })
73 |     },
74 |     updateList: (newText, listIdx) => {
75 |       update((list) => {
76 |         list[listIdx].text = newText;
77 |         return list;
78 |       })
79 |     }
80 |   };
81 | }
82 | 
83 | export const taskListStore = createStore();
84 | 
85 | 
86 | taskListStore.subscribe((list) => {
87 |   if (list) {
88 |     localStorage.setItem("task-manager-store", JSON.stringify(list));
89 |   }
90 | })
91 | 


--------------------------------------------------------------------------------
/src/components/task-manager/TaskList.svelte:
--------------------------------------------------------------------------------
  1 | 
  2 | <script context="module">
  3 |   import { writable } from "svelte/store";
  4 | 
  5 |   let listHoverId = writable(null);
  6 | </script>
  7 | 
  8 | 
  9 | <script>
 10 |   import { taskListStore } from "../../stores/tasks";
 11 |   import TaskItem from "./TaskItem.svelte";
 12 |   import { flip } from "svelte/animate";
 13 |   import { fade, fly } from "svelte/transition";
 14 |   import Editable from "./Editable.svelte";
 15 | 
 16 |   export let list;
 17 |   export let listIdx;
 18 | 
 19 |   let value = list.text;
 20 | 
 21 |   function drop(e) {
 22 |     const sourceJson = e.dataTransfer.getData("text/plain");
 23 |     const sourceData = JSON.parse(sourceJson);
 24 |     taskListStore.moveTask(sourceData, listIdx);
 25 |     listHoverId.set(null);
 26 |   }
 27 | 
 28 |   function updateList(e) {
 29 |     taskListStore.updateList(e.detail.value, listIdx);
 30 |   }
 31 | 
 32 | </script>
 33 | 
 34 | <div class="flex-it h-full w-80 max-w-sm min-h-full m-2 my-0">
 35 |   <div 
 36 |     on:dragenter={() => {
 37 |       listHoverId.set(list.id);
 38 |     }}
 39 |     on:dragover|preventDefault={()=>{}}
 40 |     on:drop={drop}
 41 |     class:hovering={list.id === $listHoverId}
 42 |     class="bg-slate-400 flex-it rounded-xl max-h-full border-2 border-gray-500"
 43 |   >
 44 |     <div class="flex-it m-3">
 45 |       <Editable bind:value on:editCancel={updateList}>
 46 |         <div class="flex-it flex-row">
 47 |           <div class="text-xl text-left font-bold mr-2">{list.text}</div>
 48 |           <button on:click|stopPropagation={() => {
 49 |             taskListStore.removeList(listIdx);
 50 |           }}>
 51 |             <div class="flex hover:text-red-600 items-center">
 52 |               <svg
 53 |                 xmlns="http://www.w3.org/2000/svg"
 54 |                 width="16"
 55 |                 height="16"
 56 |                 fill="currentColor"
 57 |                 class="bi bi-trash"
 58 |                 viewBox="0 0 16 16"
 59 |               >
 60 |                 <path
 61 |                   d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"
 62 |                 />
 63 |                 <path
 64 |                   fill-rule="evenodd"
 65 |                   d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"
 66 |                 />
 67 |               </svg>
 68 |             </div>
 69 |           </button>
 70 |         </div>
 71 |       </Editable>
 72 |     </div>
 73 |     <div class="overflow-x-hidden overflow-y-auto p-2">
 74 |       {#each list.items as task, taskIdx (task.id)}
 75 |         <div
 76 |           out:fade
 77 |           in:fly={{y: 200}}
 78 |           animate:flip
 79 |         >
 80 |           <TaskItem 
 81 |             {task} 
 82 |             {listIdx}
 83 |             {taskIdx}
 84 |           />
 85 |         </div>
 86 |       {/each}
 87 |     </div>
 88 |     <button 
 89 |       on:click={() => taskListStore.addTask(listIdx)}
 90 |       class="underline flex p-2"> + Add Task 
 91 |     </button>
 92 |   </div>
 93 | </div>
 94 | 
 95 | 
 96 | <style>
 97 |   .hovering {
 98 |     border: 2px solid orange;
 99 |   }
100 | </style>
101 | 


--------------------------------------------------------------------------------
/src/stores/createFormStore.js:
--------------------------------------------------------------------------------
  1 | 
  2 | import { get, writable } from "svelte/store";
  3 | 
  4 | 
  5 | export function createFormStore(initialData) {
  6 |   const form = writable(initialData);
  7 |   const errors = writable({});
  8 | 
  9 |   const validatorFields = {};
 10 | 
 11 |   function validate(node, validators = []) {
 12 |     let config;
 13 |     validatorFields[node.name] = config = {element: node, validators};
 14 | 
 15 |     node.onblur = checkValidity(config);
 16 |     node.oninput = () => {
 17 |       if (!get(errors)[node.name]) { return; }
 18 |       checkValidity(config)();
 19 |     };
 20 |   }
 21 | 
 22 |   function isValid() {
 23 |     const _errors = get(errors);
 24 |     const keys = Object.keys(_errors);
 25 | 
 26 |     if (keys.length === 0) {
 27 |       return false;
 28 |     }
 29 | 
 30 |     return keys.every((errorKey) => {
 31 |       return _errors[errorKey].length === 0;
 32 |     });
 33 |   }
 34 | 
 35 |   const checkValidity = ({element, validators}) => () => {
 36 |     errors.update(_errors => {
 37 |       _errors[element.name] = [];
 38 |       return _errors;
 39 |     });
 40 |     
 41 |     for (const validator of validators) {
 42 |       const errorMessage = validator(element)(get(form));
 43 | 
 44 |       if (errorMessage) {
 45 |         errors.update(_errors => {
 46 |           _errors[element.name].push(errorMessage);
 47 |           return _errors;
 48 |         })
 49 |       } 
 50 |     }
 51 |   }
 52 | 
 53 |   const submitForm = (callback) => () => {
 54 |     for (const field in validatorFields) {
 55 |       const config = validatorFields[field];
 56 | 
 57 |       checkValidity(config)();
 58 |     }
 59 | 
 60 |     if (isValid()) {
 61 |       callback(get(form));
 62 |     }
 63 |   }
 64 | 
 65 |   return {
 66 |     submitForm,
 67 |     validate,
 68 |     setValue: (e) => {
 69 |       const { value, name } = e.target;
 70 |       form.update((_form) => {
 71 |         _form[name] = value;
 72 |         return _form;
 73 |       }) 
 74 |     },
 75 |     errors: {subscribe: errors.subscribe}
 76 |   }
 77 | }
 78 | 
 79 | // "myFullName" -> ["my", "full", "Name"]
 80 | 
 81 | function niceName(text) {
 82 |   const words = text.split(/(?=[A-Z])/);
 83 | 
 84 |   return (words.map((word, i) => {
 85 |     if (i === 0) {
 86 |       return word[0].toUpperCase() + word.substring(1);
 87 |     }
 88 | 
 89 |     return word.toLowerCase();
 90 |   })).join(" ");
 91 | }
 92 | 
 93 | export const compareWithValidator = (element, compareToFieldName) => (form) => {
 94 |   if (element.value.length === 0) { return ""; }
 95 | 
 96 |   const compareToValue = form[compareToFieldName];
 97 | 
 98 |   return element.value === compareToValue ? 
 99 |     "" : 
100 |     `${niceName(element.name)} should be same as ${niceName(compareToFieldName)}`;
101 | 
102 | }
103 | 
104 | export const requiredValidator = ({name, value}) => () => {
105 |   return value.length === 0 ? `${niceName(name)} is required` : "";
106 | }
107 | 
108 | export const minLengthValidator = (element, minLength = 7) => () => {
109 |   if (
110 |     element.value.length === 0 ||
111 |     element.value.length > minLength
112 |   ) { return ""; }
113 | 
114 |   return `${niceName(element.name)} should be more than ${minLength} characters`;
115 | }
116 | 
117 | export const maxLengthValidator = (element, maxLength = 7) => () => {
118 |   if (
119 |     element.value.length === 0 ||
120 |     element.value.length < maxLength
121 |   ) { return ""; }
122 | 
123 |   return `${niceName(element.name)} should be less than ${maxLength} characters`;
124 | }
125 | 
126 | export const firstUppercaseLetter = ({value, name}) => () => {
127 |   if (value.length === 0) { return ""; }
128 | 
129 |   return value[0] === value[0].toUpperCase() ? 
130 |     "" : 
131 |     `${niceName(name)} first letter should be uppercased`;
132 | }
133 | 
134 | 


--------------------------------------------------------------------------------
/src/components/utils/Messenger.svelte:
--------------------------------------------------------------------------------
  1 | <script>
  2 |   import { createGlide, uploadImage } from "@api/glides";
  3 |   import { getAuthContext } from "@components/context/auth";
  4 |   import { getUIContext } from "@components/context/UI";
  5 |   import TiImageOutline from "svelte-icons/ti/TiImageOutline.svelte";
  6 | 
  7 |   const { auth } = getAuthContext();
  8 |   const { addSnackbar } = getUIContext();
  9 | 
 10 |   export let onGlidePosted;
 11 |   export let showAvatar = true;
 12 |   export let glideLookup = null;
 13 | 
 14 |   let form = { content: "" };
 15 |   let image = {buffer: new ArrayBuffer(0), name: "", previewUrl: ""};
 16 |   let loading = false;
 17 | 
 18 |   $: user = $auth?.user;
 19 |   $: sendDisabled = loading || form.content === "";
 20 | 
 21 |   async function submitGlide() {
 22 |     loading = true;
 23 |     
 24 |     // Making request to store the glide to FS
 25 |     const glideData = {
 26 |       ...form,
 27 |       uid: user.uid
 28 |     };
 29 | 
 30 |     try {
 31 |       if (image.buffer.byteLength > 0) {
 32 |         const downloadUrl = await uploadImage(image);
 33 |         glideData.mediaUrl = downloadUrl;
 34 |       }
 35 | 
 36 |       const glide = await createGlide(glideData, glideLookup);
 37 |       const userData = {
 38 |         nickName: user.nickName,
 39 |         avatar: user.avatar
 40 |       };
 41 |       onGlidePosted({...glide, user: userData });
 42 |       addSnackbar("Glide Created!", "success");
 43 |       form.content = "";
 44 |       image = {buffer: new ArrayBuffer(0), name: "", previewUrl: ""};
 45 |     } catch(e) {
 46 |       addSnackbar(e.message, "error");
 47 |     } finally {
 48 |       loading = false;
 49 |     }
 50 |   }
 51 | 
 52 |   function handleImageSelection(e) {
 53 |     const file = e.target.files[0];
 54 |     const reader = new FileReader();
 55 |     reader.readAsArrayBuffer(file);
 56 | 
 57 |     reader.onload = () => {
 58 |       const buffer = reader.result;
 59 |       const bufferUint8 = new Uint8Array(buffer);
 60 |       
 61 |       const blob = new Blob([bufferUint8], {type: file.type});
 62 |       const urlCreator = window.URL || window.webkitURL;
 63 |       const previewUrl = urlCreator.createObjectURL(blob);
 64 |       image = {buffer, name: file.name, previewUrl};
 65 |     }
 66 |   }
 67 | 
 68 |   function autosize(e) {
 69 |     const el = e.target;
 70 |     el.style.height = "0px";
 71 |     const {scrollHeight} = el;
 72 |     el.style.height = scrollHeight + "px";
 73 |   }
 74 |   
 75 | </script>
 76 | 
 77 | <div class="flex-it py-1 px-4 flex-row">
 78 |   {#if showAvatar}
 79 |     <div class="flex-it mr-4">
 80 |       <div
 81 |         class="w-12 h-12 overflow-visible cursor-pointer transition duration-200 hover:opacity-80"
 82 |       >
 83 |         <img
 84 |           alt=""
 85 |           class="rounded-full"
 86 |           src={user?.avatar}
 87 |         />
 88 |       </div>
 89 |     </div>
 90 |   {/if}
 91 |   <div class="flex-it flex-grow">
 92 |     <div class="flex-it">
 93 |       <textarea
 94 |         bind:value={form.content}
 95 |         on:input={autosize}
 96 |         name="content"
 97 |         rows="1"
 98 |         id="glide"
 99 |         class="bg-transparent resize-none overflow-hidden block !outline-none !border-none border-transparent focus:border-transparent focus:ring-0 text-gray-100 text-xl w-full p-0"
100 |         placeholder={"What's new?"}
101 |       />
102 |     </div>
103 |     {#if image.previewUrl.length > 0}
104 |       <div class="flex-it max-w-52 p-4">
105 |         <img src={image.previewUrl} alt="" />
106 |       </div>
107 |     {/if}
108 |     <div class="flex-it mb-1 flex-row xs:justify-between items-center">
109 |       <div
110 |         class="flex-it mt-3 mr-3 cursor-pointer text-white hover:text-blue-400 transition"
111 |       >
112 |         <div class="upload-btn-wrapper">
113 |           <div class="icon">
114 |             <TiImageOutline />
115 |           </div>
116 |           <input 
117 |             on:change={handleImageSelection}
118 |             type="file" 
119 |             name="myfile" 
120 |           />
121 |         </div>
122 |       </div>
123 |       <div class="flex-it w-32 mt-3 cursor-pointer">
124 |         <button
125 |           on:click={submitGlide}
126 |           disabled={sendDisabled}
127 |           type="button"
128 |           class="
129 |           disabled:cursor-not-allowed disabled:bg-gray-400
130 |           bg-blue-400 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded-full flex-it transition duration-200"
131 |         >
132 |           <div
133 |             class="flex-it flex-row text-sm font-bold text-white items-start justify-center"
134 |           >
135 |             <span>Glide It</span>
136 |           </div>
137 |         </button>
138 |       </div>
139 |     </div>
140 |   </div>
141 | </div>
142 | 


--------------------------------------------------------------------------------
/src/components/sidebars/NavSidebar.svelte:
--------------------------------------------------------------------------------
  1 | <script>
  2 |   import { getUIContext } from "@components/context/UI";
  3 |   import Popup from "@components/utils/Popup.svelte";
  4 |   import TiSocialFlickr from "svelte-icons/ti/TiSocialFlickr.svelte";
  5 |   import TiBrush from "svelte-icons/ti/TiBrush.svelte";
  6 |   import { navLinks } from "./navLinks";
  7 |   import { getAuthContext } from "@components/context/auth";
  8 |   import Modal from "@components/utils/Modal.svelte";
  9 |   import Messenger from "@components/utils/Messenger.svelte";
 10 |   import { pageStore } from "@stores/pageStore";
 11 | 
 12 |   const { isXl } = getUIContext();
 13 |   const { auth } = getAuthContext();
 14 |   const { activeGlide, onGlidePosted } = pageStore;
 15 | 
 16 |   $: user = $auth?.user;
 17 | 
 18 | </script>
 19 | 
 20 | <header class="lg:flex-grow flex-it items-end">
 21 |   <div class="xl:w-80 w-20 flex-it">
 22 |     <div class="h-full fixed flex-it top-0">
 23 |       <div class="flex-it h-full xl:w-80 w-20 overflow-y-auto px-3 justify-between">
 24 |         <div class="flex-it items-start">
 25 |           <div
 26 |             class="p-3 pt-4 xl:pb-3 pb-0 xl:text-2xl text-sm font-bold transition duration-200 hover:opacity-80"
 27 |           >
 28 |             <a href="/">
 29 |               <h1>Glider</h1>
 30 |             </a>
 31 |           </div>
 32 |           <div class="my-1 w-full flex-it">
 33 |             <nav class="flex-it items-start">
 34 |               {#each navLinks as link}
 35 |                 <a class="flex-it items-start flex-grow w-full" href="{link.href}">
 36 |                   <div
 37 |                     class="p-3 flex-row justify-center items-center flex-it rounded-3xl hover:bg-gray-800 hover:rounded-3xl transition duration-200"
 38 |                   >
 39 |                     <div class="flex-it">
 40 |                       <div class="icon">
 41 |                         <svelte:component this={link.icon} />
 42 |                       </div>
 43 |                     </div>
 44 |                     <div class="mx-4 text-2xl truncate xl:block hidden">
 45 |                       <span class="truncate">{link.name}</span>
 46 |                     </div>
 47 |                   </div>
 48 |                 </a>
 49 |               {/each}
 50 |             </nav>
 51 |           </div>
 52 | 
 53 |           <Modal 
 54 |             let:openModal={openModal}
 55 |             let:closeModal={closeModal}
 56 |           >
 57 |             <button 
 58 |               slot="opener" 
 59 |               on:click|stopPropagation={openModal}
 60 |               class="my-1 flex-it w-10/12 cursor-pointer"
 61 |             >
 62 |               <div
 63 |                 class="bg-blue-400 hover:bg-blue-500 text-white font-bold py-2 px-4 rounded-full flex-it transition"
 64 |               >
 65 |                 <div
 66 |                   class="flex-it flex-row text-xl font-bold text-white items-start justify-center truncate duration-200"
 67 |                 >
 68 |                   {#if $isXl}
 69 |                     <div>Glide It</div>
 70 |                   {:else}
 71 |                     <div class="icon"><TiBrush /></div>
 72 |                   {/if}
 73 |                 </div>
 74 |               </div>
 75 |             </button>
 76 |             <div slot="modal-content">
 77 |               <Messenger 
 78 |                 glideLookup={$activeGlide?.lookup}
 79 |                 onGlidePosted={(glide) => {
 80 |                   $onGlidePosted(glide);
 81 |                   closeModal();
 82 |                 }}
 83 |               />
 84 |             </div> 
 85 |           </Modal>
 86 |         </div>
 87 |         <!-- PROFILE MENU -->
 88 |         <div class="flex-it hover:cursor-pointer">
 89 |           <Popup>
 90 |             <div class="flex-it items-center flex-row p-3 rounded-3xl hover:bg-gray-800 hover:rounded-3xl transition duration-200 cursor-pointer">
 91 |               <div class="flex-it">
 92 |                 <div class="w-10 h-10 overflow-visible">
 93 |                   <img
 94 |                     alt=""
 95 |                     class="rounded-full"
 96 |                     src={user?.avatar}
 97 |                   />
 98 |                 </div>
 99 |               </div>
100 |               <div class="flex-it xl:flex hidden flex-grow flex-row justify-between items-center">
101 |                 <div class="flex-it mx-3 font-bold">{user?.nickName}</div>
102 |                 <div class="flex-it">
103 |                   <div class="icon">
104 |                     <TiSocialFlickr />
105 |                   </div>
106 |                   <!-- <FiMoreHorizontal /> -->
107 |                 </div>
108 |               </div>
109 |             </div>
110 |           </Popup>
111 |         </div>
112 |       </div>
113 |     </div>
114 |   </div>
115 | </header>
116 | 


--------------------------------------------------------------------------------
/src/api/glides.js:
--------------------------------------------------------------------------------
  1 | 
  2 | import { db } from "@db/index";
  3 | import { onSnapshot, Timestamp, doc, collection, getDocs, getDoc, query, addDoc, orderBy, limit, startAfter, where, setDoc, updateDoc, increment } from "firebase/firestore"
  4 | import { getStorage, ref, uploadBytes, getDownloadURL } from "firebase/storage";
  5 | 
  6 | 
  7 | async function getGlidesFromDocuments(qSnapshot) {
  8 |   return await Promise.all(qSnapshot.docs.map(async doc => {
  9 |     const glide = doc.data();
 10 |     const userSnapshot = await getDoc(glide.user);
 11 |     glide.user = userSnapshot.data();
 12 | 
 13 |     return {...glide, id: doc.id, lookup: doc.ref.path};
 14 |   }));
 15 | }
 16 | 
 17 | async function uploadImage(image) {
 18 |   const storage = getStorage();
 19 |   const storageRef = ref(storage, image.name);
 20 | 
 21 |   const uploadResult = await uploadBytes(storageRef, image.buffer);
 22 |   const downloadUrl = await getDownloadURL(uploadResult.ref);
 23 |   return downloadUrl;
 24 | }
 25 | 
 26 | function onGlidesSnapshot(loggedInUser, callback) {
 27 |   const watchCollection = collection(db, "glides");
 28 | 
 29 |   const constraints = [
 30 |     where("date", ">", Timestamp.now()),
 31 |     where("user", "in", loggedInUser.following)
 32 |   ];
 33 | 
 34 |   const q = query(watchCollection, ...constraints);
 35 | 
 36 |   return onSnapshot(q, async (qSnapshot) => {
 37 |     const glides = await getGlidesFromDocuments(qSnapshot);
 38 |     callback(glides);
 39 |   })
 40 | }
 41 | 
 42 | async function fetchGlide(uid, id) {
 43 |   const userDocRef = doc(db, "users", uid);
 44 |   const userGlideRef = doc(userDocRef, "glides", id);
 45 | 
 46 |   const userGlideSnap = await getDoc(userGlideRef);
 47 |   const userGlide = userGlideSnap.data();
 48 | 
 49 |   const glideSnap = await getDoc(userGlide.lookup);
 50 |   const userSnap = await getDoc(userDocRef);;
 51 | 
 52 |   const glide = {
 53 |     ...glideSnap.data(),
 54 |     user: userSnap.data(),
 55 |     id: glideSnap.id,
 56 |     lookup: glideSnap.ref.path
 57 |   }
 58 | 
 59 |   return glide;
 60 | }
 61 | 
 62 | async function fetchSubglides(lastGlideDoc, glideLookup) {
 63 |   
 64 |   const ref = doc(db, glideLookup);
 65 |   const glidesCollection = collection(ref, "glides");
 66 | 
 67 |   const constraints = [
 68 |     orderBy("date", "desc"),
 69 |     limit(10)
 70 |   ];
 71 | 
 72 |   if (lastGlideDoc) {
 73 |     constraints.push(startAfter(lastGlideDoc));
 74 |   }
 75 | 
 76 |   const q = query(glidesCollection, ...constraints);
 77 |   const qSnapshot = await getDocs(q);
 78 | 
 79 |   const _lastGlideDoc = qSnapshot.docs[qSnapshot.docs.length - 1];
 80 |   const glides = await getGlidesFromDocuments(qSnapshot);
 81 | 
 82 |   return {
 83 |     glides,
 84 |     lastGlideDoc: _lastGlideDoc
 85 |   }
 86 | }
 87 | 
 88 | async function fetchGlides(lastGlideDoc, loggedInUser) {
 89 |   const _loggedInUserRef = doc(db, "users", loggedInUser.uid);
 90 | 
 91 |   const constraints = [
 92 |     orderBy("date", "desc"),
 93 |     limit(10)
 94 |   ];
 95 | 
 96 |   if (loggedInUser.following.length > 0) {
 97 |     constraints.push(where("user", "in", [...loggedInUser.following, _loggedInUserRef]));
 98 |   } else {
 99 |     constraints.push(where("user", "==", _loggedInUserRef));
100 |   }
101 | 
102 |   if (lastGlideDoc) {
103 |     constraints.push(startAfter(lastGlideDoc));
104 |   }
105 | 
106 |   const q = query(collection(db, "glides"), ...constraints);
107 |   const qSnapshot = await getDocs(q);
108 | 
109 |   const _lastGlideDoc = qSnapshot.docs[qSnapshot.docs.length - 1];
110 |   
111 |   const glides = await getGlidesFromDocuments(qSnapshot);
112 | 
113 |   return {glides, lastGlideDoc: _lastGlideDoc};
114 | }
115 | 
116 | function getGlideCollection(glideLookup) {
117 |   let glideCollection;
118 | 
119 |   if (glideLookup) {
120 |     const ref = doc(db, glideLookup);
121 |     glideCollection = collection(ref, "glides");
122 |   } else {
123 |     glideCollection = collection(db, "glides");
124 |   }
125 | 
126 |   return glideCollection;
127 | }
128 | 
129 | async function createGlide(glideData, glideLookup) {
130 |   const userRef = doc(db, "users", glideData.uid);
131 |   const glide = {
132 |     ...glideData,
133 |     user: userRef,
134 |     likesCount: 0,
135 |     subglidesCount: 0,
136 |     date: Timestamp.now()
137 |   };
138 | 
139 |   const glideCollection = getGlideCollection(glideLookup);
140 |   const added = await addDoc(glideCollection, glide);
141 | 
142 |   if (glideLookup) {
143 |     const ref = doc(db, glideLookup);
144 |     await updateDoc(ref, {
145 |       subglidesCount: increment(1)
146 |     })
147 |   }
148 | 
149 |   const userGlideRef = doc(userRef, "glides", added.id);
150 |   await setDoc(userGlideRef, {lookup: added})
151 |   
152 |   return {...glide, id: added.id, lookup: added.path};
153 | }
154 | 
155 | export { 
156 |   createGlide, 
157 |   fetchGlides, 
158 |   onGlidesSnapshot, 
159 |   fetchGlide, 
160 |   fetchSubglides,
161 |   uploadImage
162 | };
163 | 


--------------------------------------------------------------------------------
/src/app.css:
--------------------------------------------------------------------------------
  1 | @tailwind base;
  2 | @tailwind components;
  3 | @tailwind utilities;
  4 | 
  5 | html, body {
  6 |   height: 100%;
  7 | }
  8 | 
  9 | html {
 10 |   overflow-y: scroll;
 11 |   overscroll-behavior-y: none;
 12 |   font-size: 15px;
 13 | }
 14 | 
 15 | body {
 16 |   margin: 0;
 17 |   background-color: rgb(17,24,39)
 18 | }
 19 | 
 20 | @layer components {
 21 |   .flex-it {
 22 |     -ms-flex-align: stretch;
 23 |     -ms-flex-direction: column;
 24 |     -ms-flex-negative: 0;
 25 |     -ms-flex-preferred-size: auto;
 26 |     -webkit-align-items: stretch;
 27 |     -webkit-box-align: stretch;
 28 |     -webkit-box-direction: normal;
 29 |     -webkit-box-orient: vertical;
 30 |     -webkit-flex-basis: auto;
 31 |     -webkit-flex-direction: column;
 32 |     -webkit-flex-shrink: 0;
 33 |     align-items: stretch;
 34 |     border: 0 solid black;
 35 |     box-sizing: border-box;
 36 |     display: -webkit-box;
 37 |     display: -moz-box;
 38 |     display: -ms-flexbox;
 39 |     display: -webkit-flex;
 40 |     display: flex;
 41 |     flex-basis: auto;
 42 |     flex-direction: column;
 43 |     flex-shrink: 0;
 44 |     margin-bottom: 0px;
 45 |     margin-left: 0px;
 46 |     margin-right: 0px;
 47 |     margin-top: 0px;
 48 |     min-height: 0px;
 49 |     min-width: 0px;
 50 |     padding-bottom: 0px;
 51 |     padding-left: 0px;
 52 |     padding-right: 0px;
 53 |     padding-top: 0px;
 54 |     position: relative;
 55 |     z-index: 0;
 56 |   }
 57 | }
 58 | 
 59 | .popup {
 60 |   backface-visibility: hidden;
 61 | }
 62 | 
 63 | @-webkit-keyframes rotating /* Safari and Chrome */ {
 64 |   from {
 65 |     -webkit-transform: rotate(0deg);
 66 |     -o-transform: rotate(0deg);
 67 |     transform: rotate(0deg);
 68 |   }
 69 |   to {
 70 |     -webkit-transform: rotate(360deg);
 71 |     -o-transform: rotate(360deg);
 72 |     transform: rotate(360deg);
 73 |   }
 74 | }
 75 | @keyframes rotating {
 76 |   from {
 77 |     -ms-transform: rotate(0deg);
 78 |     -moz-transform: rotate(0deg);
 79 |     -webkit-transform: rotate(0deg);
 80 |     -o-transform: rotate(0deg);
 81 |     transform: rotate(0deg);
 82 |   }
 83 |   to {
 84 |     -ms-transform: rotate(360deg);
 85 |     -moz-transform: rotate(360deg);
 86 |     -webkit-transform: rotate(360deg);
 87 |     -o-transform: rotate(360deg);
 88 |     transform: rotate(360deg);
 89 |   }
 90 | }
 91 | .rotating {
 92 |   -webkit-animation: rotating 2s linear infinite;
 93 |   -moz-animation: rotating 2s linear infinite;
 94 |   -ms-animation: rotating 2s linear infinite;
 95 |   -o-animation: rotating 2s linear infinite;
 96 |   animation: rotating 2s linear infinite;
 97 | }
 98 | 
 99 | .lds-ring {
100 |   display: inline-block;
101 |   position: relative;
102 |   width: 80px;
103 |   height: 80px;
104 | }
105 | .lds-ring div {
106 |   box-sizing: border-box;
107 |   display: block;
108 |   position: absolute;
109 |   width: 32px;
110 |   height: 32px;
111 |   margin: 4px;
112 |   border: 4px solid #fff;
113 |   border-radius: 50%;
114 |   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
115 |   border-color: #fff transparent transparent transparent;
116 | }
117 | .lds-ring div:nth-child(1) {
118 |   animation-delay: -0.45s;
119 | }
120 | .lds-ring div:nth-child(2) {
121 |   animation-delay: -0.3s;
122 | }
123 | .lds-ring div:nth-child(3) {
124 |   animation-delay: -0.15s;
125 | }
126 | @keyframes lds-ring {
127 |   0% {
128 |     transform: rotate(0deg);
129 |   }
130 |   100% {
131 |     transform: rotate(360deg);
132 |   }
133 | }
134 | 
135 | #upload-image {
136 |   background-color: indigo;
137 |   color: white;
138 |   padding: 0.5rem;
139 |   font-family: sans-serif;
140 |   border-radius: 0.3rem;
141 |   cursor: pointer;
142 |   margin-top: 1rem;
143 | }
144 | 
145 | 
146 | .upload-btn-wrapper {
147 |   position: relative;
148 |   overflow: hidden;
149 |   display: inline-block;
150 | }
151 | 
152 | .upload-btn-wrapper input[type=file] {
153 |   font-size: 100px;
154 |   position: absolute;
155 |   left: 0;
156 |   top: 0;
157 |   opacity: 0;
158 | }
159 | 
160 | 
161 | .openModal:after {
162 |   position: fixed;
163 |   top: 0;
164 |   left: 0;
165 |   right: 0;
166 |   bottom: 0;
167 |   background: rgba(91, 112, 131, 0.4);
168 |   content: '';
169 | }
170 | 
171 | .modal {
172 |   z-index: 1;
173 |   background-color: #0b0b0b;
174 | }
175 | 
176 | .no-scroll {
177 |   overflow: hidden;
178 | }
179 | 
180 | .with-scrollbar::-webkit-scrollbar {
181 |   height: 4px;
182 |   width: 4px;
183 | }
184 | .with-scrollbar::-webkit-scrollbar-track-piece {
185 |   background: rgba(9, 30, 66, 0.08);
186 | }
187 | .with-scrollbar::-webkit-scrollbar-track-piece:vertical:start {
188 |   border-radius: 4px 4px 0 0;
189 | }
190 | .with-scrollbar::-webkit-scrollbar-track-piece:vertical:end {
191 |   border-radius: 0 0 4px 4px;
192 | }
193 | .with-scrollbar::-webkit-scrollbar-track-piece:horizontal:start {
194 |   border-radius: 4px 0 0 4px;
195 | }
196 | .with-scrollbar::-webkit-scrollbar-track-piece:horizontal:end {
197 |   border-radius: 0 4px 4px 0;
198 | }
199 | .with-scrollbar::-webkit-scrollbar-thumb:vertical {
200 |   background: rgba(9, 30, 66, 0.13);
201 |   border-radius: 4px;
202 |   display: block;
203 |   height: 48px;
204 | }
205 | 
206 | .end-position {
207 |   margin-top: 50px;
208 | }
209 | 
210 | .testing-transition {
211 |   transition: all 2s;
212 | }
213 | 
214 | .icon {
215 |   width: 27px;
216 |   height: 27px;
217 |   display: flex;
218 | }
219 | 


--------------------------------------------------------------------------------
/src/components/forms/RegisterForm.svelte:
--------------------------------------------------------------------------------
  1 | 
  2 | <script>
  3 |   import { 
  4 |     createFormStore, 
  5 |     minLengthValidator,
  6 |     firstUppercaseLetter,
  7 |     requiredValidator,
  8 |     compareWithValidator
  9 |   } from "@stores/createFormStore";
 10 |   import FormErrors from "./FormErrors.svelte";
 11 |   
 12 |   const { validate, submitForm, errors, setValue } = createFormStore({
 13 |     fullName: "",
 14 |     nickName: "",
 15 |     email: "",
 16 |     avatar: "",
 17 |     password: "",
 18 |     passwordConfirmation: "",
 19 |   });
 20 | 
 21 |   export let onFormSubmit;
 22 |   export let loading;
 23 | 
 24 | </script>
 25 | 
 26 | <form class="flex-it">
 27 |   <div class="flex-it overflow-hidden sm:rounded-md">
 28 |     <div class="flex-it">
 29 |       <div class="flex-it">
 30 |         <div class="flex-it py-2">
 31 |           <label for="fullName" class="block text-sm font-medium text-gray-700"> Full Name </label>
 32 |           <input
 33 |             on:input={setValue}
 34 |             use:validate={[
 35 |               requiredValidator, 
 36 |               (ele) => minLengthValidator(ele, 5), 
 37 |               firstUppercaseLetter
 38 |             ]}
 39 |             type="text"
 40 |             name="fullName"
 41 |             id="fullName"
 42 |             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
 43 |           />
 44 |           <FormErrors errors={$errors.fullName} />
 45 |         </div>
 46 | 
 47 |         <div class="flex-it py-2">
 48 |           <label for="nickName" class="block text-sm font-medium text-gray-700"> Nick Name </label>
 49 |           <input
 50 |             on:input={setValue}
 51 |             use:validate={[
 52 |               requiredValidator, 
 53 |               (ele) => minLengthValidator(ele, 3), 
 54 |             ]}
 55 |             type="text"
 56 |             name="nickName"
 57 |             id="nickName"
 58 |             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
 59 |           />
 60 |           <FormErrors errors={$errors.nickName} />
 61 |         </div>
 62 | 
 63 |         <div class="flex-it py-2">
 64 |           <label for="email" class="block text-sm font-medium text-gray-700"> Email </label>
 65 |           <input
 66 |             on:input={setValue}
 67 |             use:validate={[requiredValidator]}
 68 |             type="text"
 69 |             name="email"
 70 |             id="email"
 71 |             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
 72 |           />
 73 |           <FormErrors errors={$errors.email} />
 74 |         </div>
 75 | 
 76 |         <div class="flex-it py-2">
 77 |           <label for="avatar" class="block text-sm font-medium text-gray-700"> Avatar </label>
 78 |           <input
 79 |             on:input={setValue}
 80 |             use:validate={[requiredValidator]}
 81 |             type="text"
 82 |             name="avatar"
 83 |             id="avatar"
 84 |             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
 85 |           />
 86 |           <FormErrors errors={$errors.avatar} />
 87 |         </div>
 88 | 
 89 |         <div class="flex-it py-2">
 90 |           <label for="password" class="block text-sm font-medium text-gray-700"> Password </label>
 91 |           <input
 92 |             on:input={setValue} 
 93 |             use:validate={[requiredValidator]}
 94 |             type="password"
 95 |             name="password"
 96 |             id="password"
 97 |             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
 98 |           />
 99 |           <FormErrors errors={$errors.password} />
100 |         </div>
101 | 
102 |         <div class="flex-it py-2">
103 |           <label for="passwordConfirmation" class="block text-sm font-medium text-gray-700">
104 |             Password Confirmation
105 |           </label>
106 |           <input
107 |             on:input={setValue}
108 |             use:validate={[
109 |               requiredValidator,
110 |               (ele) => compareWithValidator(ele, "password")
111 |             ]}
112 |             type="password"
113 |             name="passwordConfirmation"
114 |             id="passwordConfirmation"
115 |             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
116 |           />
117 |           <FormErrors errors={$errors.passwordConfirmation} />
118 |         </div>
119 |       </div>
120 |     </div>
121 |     <div class="text-sm text-gray-600 pb-4">
122 |       Already Registered?{" "}
123 |       <a class="hover:underline" href="/auth/login"> Go to Login </a>
124 |     </div>
125 |     <div class="flex-it py-2">
126 |       <button
127 |         on:click={submitForm(onFormSubmit)}
128 |         disabled={loading}
129 |         type="button"
130 |         class="
131 |               bg-blue-400 hover:bg-blue-500 focus:ring-0
132 |               disabled:cursor-not-allowed disabled:bg-gray-400
133 |               inline-flex justify-center rounded-md border border-transparent py-2 px-4 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-offset-2"
134 |       >
135 |         Register
136 |       </button>
137 |     </div>
138 |   </div>
139 | </form>
140 | 


--------------------------------------------------------------------------------
/pnpm-lock.yaml:
--------------------------------------------------------------------------------
   1 | lockfileVersion: 5.4
   2 | 
   3 | specifiers:
   4 |   '@sveltejs/adapter-auto': ^2.0.0
   5 |   '@sveltejs/kit': ^1.5.0
   6 |   '@tailwindcss/forms': ^0.5.3
   7 |   autoprefixer: ^10.4.13
   8 |   eslint: ^8.28.0
   9 |   eslint-config-prettier: ^8.5.0
  10 |   eslint-plugin-svelte3: ^4.0.0
  11 |   firebase: ^9.17.1
  12 |   moment: ^2.29.4
  13 |   postcss: ^8.4.21
  14 |   prettier: ^2.8.0
  15 |   prettier-plugin-svelte: ^2.8.1
  16 |   svelte: ^3.54.0
  17 |   svelte-icons: ^2.1.0
  18 |   tailwindcss: ^3.2.6
  19 |   vite: ^4.0.0
  20 | 
  21 | dependencies:
  22 |   firebase: 9.17.1
  23 |   moment: 2.29.4
  24 |   svelte-icons: 2.1.0
  25 | 
  26 | devDependencies:
  27 |   '@sveltejs/adapter-auto': 2.0.0_@sveltejs+kit@1.5.0
  28 |   '@sveltejs/kit': 1.5.0_svelte@3.55.1+vite@4.1.1
  29 |   '@tailwindcss/forms': 0.5.3_tailwindcss@3.2.6
  30 |   autoprefixer: 10.4.13_postcss@8.4.21
  31 |   eslint: 8.33.0
  32 |   eslint-config-prettier: 8.6.0_eslint@8.33.0
  33 |   eslint-plugin-svelte3: 4.0.0_4omm2ewoudhgnmf7aocafatnc4
  34 |   postcss: 8.4.21
  35 |   prettier: 2.8.4
  36 |   prettier-plugin-svelte: 2.9.0_jrsxveqmsx2uadbqiuq74wlc4u
  37 |   svelte: 3.55.1
  38 |   tailwindcss: 3.2.6_postcss@8.4.21
  39 |   vite: 4.1.1
  40 | 
  41 | packages:
  42 | 
  43 |   /@esbuild/android-arm/0.16.17:
  44 |     resolution: {integrity: sha512-N9x1CMXVhtWEAMS7pNNONyA14f71VPQN9Cnavj1XQh6T7bskqiLLrSca4O0Vr8Wdcga943eThxnVp3JLnBMYtw==}
  45 |     engines: {node: '>=12'}
  46 |     cpu: [arm]
  47 |     os: [android]
  48 |     requiresBuild: true
  49 |     dev: true
  50 |     optional: true
  51 | 
  52 |   /@esbuild/android-arm64/0.16.17:
  53 |     resolution: {integrity: sha512-MIGl6p5sc3RDTLLkYL1MyL8BMRN4tLMRCn+yRJJmEDvYZ2M7tmAf80hx1kbNEUX2KJ50RRtxZ4JHLvCfuB6kBg==}
  54 |     engines: {node: '>=12'}
  55 |     cpu: [arm64]
  56 |     os: [android]
  57 |     requiresBuild: true
  58 |     dev: true
  59 |     optional: true
  60 | 
  61 |   /@esbuild/android-x64/0.16.17:
  62 |     resolution: {integrity: sha512-a3kTv3m0Ghh4z1DaFEuEDfz3OLONKuFvI4Xqczqx4BqLyuFaFkuaG4j2MtA6fuWEFeC5x9IvqnX7drmRq/fyAQ==}
  63 |     engines: {node: '>=12'}
  64 |     cpu: [x64]
  65 |     os: [android]
  66 |     requiresBuild: true
  67 |     dev: true
  68 |     optional: true
  69 | 
  70 |   /@esbuild/darwin-arm64/0.16.17:
  71 |     resolution: {integrity: sha512-/2agbUEfmxWHi9ARTX6OQ/KgXnOWfsNlTeLcoV7HSuSTv63E4DqtAc+2XqGw1KHxKMHGZgbVCZge7HXWX9Vn+w==}
  72 |     engines: {node: '>=12'}
  73 |     cpu: [arm64]
  74 |     os: [darwin]
  75 |     requiresBuild: true
  76 |     dev: true
  77 |     optional: true
  78 | 
  79 |   /@esbuild/darwin-x64/0.16.17:
  80 |     resolution: {integrity: sha512-2By45OBHulkd9Svy5IOCZt376Aa2oOkiE9QWUK9fe6Tb+WDr8hXL3dpqi+DeLiMed8tVXspzsTAvd0jUl96wmg==}
  81 |     engines: {node: '>=12'}
  82 |     cpu: [x64]
  83 |     os: [darwin]
  84 |     requiresBuild: true
  85 |     dev: true
  86 |     optional: true
  87 | 
  88 |   /@esbuild/freebsd-arm64/0.16.17:
  89 |     resolution: {integrity: sha512-mt+cxZe1tVx489VTb4mBAOo2aKSnJ33L9fr25JXpqQqzbUIw/yzIzi+NHwAXK2qYV1lEFp4OoVeThGjUbmWmdw==}
  90 |     engines: {node: '>=12'}
  91 |     cpu: [arm64]
  92 |     os: [freebsd]
  93 |     requiresBuild: true
  94 |     dev: true
  95 |     optional: true
  96 | 
  97 |   /@esbuild/freebsd-x64/0.16.17:
  98 |     resolution: {integrity: sha512-8ScTdNJl5idAKjH8zGAsN7RuWcyHG3BAvMNpKOBaqqR7EbUhhVHOqXRdL7oZvz8WNHL2pr5+eIT5c65kA6NHug==}
  99 |     engines: {node: '>=12'}
 100 |     cpu: [x64]
 101 |     os: [freebsd]
 102 |     requiresBuild: true
 103 |     dev: true
 104 |     optional: true
 105 | 
 106 |   /@esbuild/linux-arm/0.16.17:
 107 |     resolution: {integrity: sha512-iihzrWbD4gIT7j3caMzKb/RsFFHCwqqbrbH9SqUSRrdXkXaygSZCZg1FybsZz57Ju7N/SHEgPyaR0LZ8Zbe9gQ==}
 108 |     engines: {node: '>=12'}
 109 |     cpu: [arm]
 110 |     os: [linux]
 111 |     requiresBuild: true
 112 |     dev: true
 113 |     optional: true
 114 | 
 115 |   /@esbuild/linux-arm64/0.16.17:
 116 |     resolution: {integrity: sha512-7S8gJnSlqKGVJunnMCrXHU9Q8Q/tQIxk/xL8BqAP64wchPCTzuM6W3Ra8cIa1HIflAvDnNOt2jaL17vaW+1V0g==}
 117 |     engines: {node: '>=12'}
 118 |     cpu: [arm64]
 119 |     os: [linux]
 120 |     requiresBuild: true
 121 |     dev: true
 122 |     optional: true
 123 | 
 124 |   /@esbuild/linux-ia32/0.16.17:
 125 |     resolution: {integrity: sha512-kiX69+wcPAdgl3Lonh1VI7MBr16nktEvOfViszBSxygRQqSpzv7BffMKRPMFwzeJGPxcio0pdD3kYQGpqQ2SSg==}
 126 |     engines: {node: '>=12'}
 127 |     cpu: [ia32]
 128 |     os: [linux]
 129 |     requiresBuild: true
 130 |     dev: true
 131 |     optional: true
 132 | 
 133 |   /@esbuild/linux-loong64/0.16.17:
 134 |     resolution: {integrity: sha512-dTzNnQwembNDhd654cA4QhbS9uDdXC3TKqMJjgOWsC0yNCbpzfWoXdZvp0mY7HU6nzk5E0zpRGGx3qoQg8T2DQ==}
 135 |     engines: {node: '>=12'}
 136 |     cpu: [loong64]
 137 |     os: [linux]
 138 |     requiresBuild: true
 139 |     dev: true
 140 |     optional: true
 141 | 
 142 |   /@esbuild/linux-mips64el/0.16.17:
 143 |     resolution: {integrity: sha512-ezbDkp2nDl0PfIUn0CsQ30kxfcLTlcx4Foz2kYv8qdC6ia2oX5Q3E/8m6lq84Dj/6b0FrkgD582fJMIfHhJfSw==}
 144 |     engines: {node: '>=12'}
 145 |     cpu: [mips64el]
 146 |     os: [linux]
 147 |     requiresBuild: true
 148 |     dev: true
 149 |     optional: true
 150 | 
 151 |   /@esbuild/linux-ppc64/0.16.17:
 152 |     resolution: {integrity: sha512-dzS678gYD1lJsW73zrFhDApLVdM3cUF2MvAa1D8K8KtcSKdLBPP4zZSLy6LFZ0jYqQdQ29bjAHJDgz0rVbLB3g==}
 153 |     engines: {node: '>=12'}
 154 |     cpu: [ppc64]
 155 |     os: [linux]
 156 |     requiresBuild: true
 157 |     dev: true
 158 |     optional: true
 159 | 
 160 |   /@esbuild/linux-riscv64/0.16.17:
 161 |     resolution: {integrity: sha512-ylNlVsxuFjZK8DQtNUwiMskh6nT0vI7kYl/4fZgV1llP5d6+HIeL/vmmm3jpuoo8+NuXjQVZxmKuhDApK0/cKw==}
 162 |     engines: {node: '>=12'}
 163 |     cpu: [riscv64]
 164 |     os: [linux]
 165 |     requiresBuild: true
 166 |     dev: true
 167 |     optional: true
 168 | 
 169 |   /@esbuild/linux-s390x/0.16.17:
 170 |     resolution: {integrity: sha512-gzy7nUTO4UA4oZ2wAMXPNBGTzZFP7mss3aKR2hH+/4UUkCOyqmjXiKpzGrY2TlEUhbbejzXVKKGazYcQTZWA/w==}
 171 |     engines: {node: '>=12'}
 172 |     cpu: [s390x]
 173 |     os: [linux]
 174 |     requiresBuild: true
 175 |     dev: true
 176 |     optional: true
 177 | 
 178 |   /@esbuild/linux-x64/0.16.17:
 179 |     resolution: {integrity: sha512-mdPjPxfnmoqhgpiEArqi4egmBAMYvaObgn4poorpUaqmvzzbvqbowRllQ+ZgzGVMGKaPkqUmPDOOFQRUFDmeUw==}
 180 |     engines: {node: '>=12'}
 181 |     cpu: [x64]
 182 |     os: [linux]
 183 |     requiresBuild: true
 184 |     dev: true
 185 |     optional: true
 186 | 
 187 |   /@esbuild/netbsd-x64/0.16.17:
 188 |     resolution: {integrity: sha512-/PzmzD/zyAeTUsduZa32bn0ORug+Jd1EGGAUJvqfeixoEISYpGnAezN6lnJoskauoai0Jrs+XSyvDhppCPoKOA==}
 189 |     engines: {node: '>=12'}
 190 |     cpu: [x64]
 191 |     os: [netbsd]
 192 |     requiresBuild: true
 193 |     dev: true
 194 |     optional: true
 195 | 
 196 |   /@esbuild/openbsd-x64/0.16.17:
 197 |     resolution: {integrity: sha512-2yaWJhvxGEz2RiftSk0UObqJa/b+rIAjnODJgv2GbGGpRwAfpgzyrg1WLK8rqA24mfZa9GvpjLcBBg8JHkoodg==}
 198 |     engines: {node: '>=12'}
 199 |     cpu: [x64]
 200 |     os: [openbsd]
 201 |     requiresBuild: true
 202 |     dev: true
 203 |     optional: true
 204 | 
 205 |   /@esbuild/sunos-x64/0.16.17:
 206 |     resolution: {integrity: sha512-xtVUiev38tN0R3g8VhRfN7Zl42YCJvyBhRKw1RJjwE1d2emWTVToPLNEQj/5Qxc6lVFATDiy6LjVHYhIPrLxzw==}
 207 |     engines: {node: '>=12'}
 208 |     cpu: [x64]
 209 |     os: [sunos]
 210 |     requiresBuild: true
 211 |     dev: true
 212 |     optional: true
 213 | 
 214 |   /@esbuild/win32-arm64/0.16.17:
 215 |     resolution: {integrity: sha512-ga8+JqBDHY4b6fQAmOgtJJue36scANy4l/rL97W+0wYmijhxKetzZdKOJI7olaBaMhWt8Pac2McJdZLxXWUEQw==}
 216 |     engines: {node: '>=12'}
 217 |     cpu: [arm64]
 218 |     os: [win32]
 219 |     requiresBuild: true
 220 |     dev: true
 221 |     optional: true
 222 | 
 223 |   /@esbuild/win32-ia32/0.16.17:
 224 |     resolution: {integrity: sha512-WnsKaf46uSSF/sZhwnqE4L/F89AYNMiD4YtEcYekBt9Q7nj0DiId2XH2Ng2PHM54qi5oPrQ8luuzGszqi/veig==}
 225 |     engines: {node: '>=12'}
 226 |     cpu: [ia32]
 227 |     os: [win32]
 228 |     requiresBuild: true
 229 |     dev: true
 230 |     optional: true
 231 | 
 232 |   /@esbuild/win32-x64/0.16.17:
 233 |     resolution: {integrity: sha512-y+EHuSchhL7FjHgvQL/0fnnFmO4T1bhvWANX6gcnqTjtnKWbTvUMCpGnv2+t+31d7RzyEAYAd4u2fnIhHL6N/Q==}
 234 |     engines: {node: '>=12'}
 235 |     cpu: [x64]
 236 |     os: [win32]
 237 |     requiresBuild: true
 238 |     dev: true
 239 |     optional: true
 240 | 
 241 |   /@eslint/eslintrc/1.4.1:
 242 |     resolution: {integrity: sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==}
 243 |     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 244 |     dependencies:
 245 |       ajv: 6.12.6
 246 |       debug: 4.3.4
 247 |       espree: 9.4.1
 248 |       globals: 13.20.0
 249 |       ignore: 5.2.4
 250 |       import-fresh: 3.3.0
 251 |       js-yaml: 4.1.0
 252 |       minimatch: 3.1.2
 253 |       strip-json-comments: 3.1.1
 254 |     transitivePeerDependencies:
 255 |       - supports-color
 256 |     dev: true
 257 | 
 258 |   /@firebase/analytics-compat/0.2.3_5qoz5voa527ucsvtk67mpz25ru:
 259 |     resolution: {integrity: sha512-HmvbB4GMgh8AUlIDIo/OuFENLCGRXxMvtOueK+m8+DcfqBvG+mkii0Mi9ovo0TnMM62cy3oBYG7PHdjIQNLSLA==}
 260 |     peerDependencies:
 261 |       '@firebase/app-compat': 0.x
 262 |     dependencies:
 263 |       '@firebase/analytics': 0.9.3_@firebase+app@0.9.3
 264 |       '@firebase/analytics-types': 0.8.0
 265 |       '@firebase/app-compat': 0.2.3
 266 |       '@firebase/component': 0.6.3
 267 |       '@firebase/util': 1.9.2
 268 |       tslib: 2.5.0
 269 |     transitivePeerDependencies:
 270 |       - '@firebase/app'
 271 |     dev: false
 272 | 
 273 |   /@firebase/analytics-types/0.8.0:
 274 |     resolution: {integrity: sha512-iRP+QKI2+oz3UAh4nPEq14CsEjrjD6a5+fuypjScisAh9kXKFvdJOZJDwk7kikLvWVLGEs9+kIUS4LPQV7VZVw==}
 275 |     dev: false
 276 | 
 277 |   /@firebase/analytics/0.9.3_@firebase+app@0.9.3:
 278 |     resolution: {integrity: sha512-XdYHBi6RvHYVAHGyLxXX0uRPwZmGeqw1JuWS1rMEeRF/jvbxnrL81kcFAHZVRkEvG9bXAJgL2fX9wmDo3e622w==}
 279 |     peerDependencies:
 280 |       '@firebase/app': 0.x
 281 |     dependencies:
 282 |       '@firebase/app': 0.9.3
 283 |       '@firebase/component': 0.6.3
 284 |       '@firebase/installations': 0.6.3_@firebase+app@0.9.3
 285 |       '@firebase/logger': 0.4.0
 286 |       '@firebase/util': 1.9.2
 287 |       tslib: 2.5.0
 288 |     dev: false
 289 | 
 290 |   /@firebase/app-check-compat/0.3.3_5qoz5voa527ucsvtk67mpz25ru:
 291 |     resolution: {integrity: sha512-25AQ4W7WUL8OWas40GsABuNU622Dm1ojbfeZ03uKtLj5Af7FerJ25u7zkgm+11pc6rpr5v8E5oxEG9vmNRndEA==}
 292 |     peerDependencies:
 293 |       '@firebase/app-compat': 0.x
 294 |     dependencies:
 295 |       '@firebase/app-check': 0.6.3_@firebase+app@0.9.3
 296 |       '@firebase/app-check-types': 0.5.0
 297 |       '@firebase/app-compat': 0.2.3
 298 |       '@firebase/component': 0.6.3
 299 |       '@firebase/logger': 0.4.0
 300 |       '@firebase/util': 1.9.2
 301 |       tslib: 2.5.0
 302 |     transitivePeerDependencies:
 303 |       - '@firebase/app'
 304 |     dev: false
 305 | 
 306 |   /@firebase/app-check-interop-types/0.2.0:
 307 |     resolution: {integrity: sha512-+3PQIeX6/eiVK+x/yg8r6xTNR97fN7MahFDm+jiQmDjcyvSefoGuTTNQuuMScGyx3vYUBeZn+Cp9kC0yY/9uxQ==}
 308 |     dev: false
 309 | 
 310 |   /@firebase/app-check-types/0.5.0:
 311 |     resolution: {integrity: sha512-uwSUj32Mlubybw7tedRzR24RP8M8JUVR3NPiMk3/Z4bCmgEKTlQBwMXrehDAZ2wF+TsBq0SN1c6ema71U/JPyQ==}
 312 |     dev: false
 313 | 
 314 |   /@firebase/app-check/0.6.3_@firebase+app@0.9.3:
 315 |     resolution: {integrity: sha512-T9f9ceFLs7x4D2T6whu5a6j7B3qPuYHiZHZxW6DkMh/FoMmRA4/q/HVyu01i9+LyJJx2Xdo6eCcj6ofs9YZjqA==}
 316 |     peerDependencies:
 317 |       '@firebase/app': 0.x
 318 |     dependencies:
 319 |       '@firebase/app': 0.9.3
 320 |       '@firebase/component': 0.6.3
 321 |       '@firebase/logger': 0.4.0
 322 |       '@firebase/util': 1.9.2
 323 |       tslib: 2.5.0
 324 |     dev: false
 325 | 
 326 |   /@firebase/app-compat/0.2.3:
 327 |     resolution: {integrity: sha512-sX6rD1KFX6K2CuCnQvc9jZLOgAFZ+sv2jKKahIl4SbTM561D682B8n4Jtx/SgDrvcTVTdb05g4NhZOws9hxYxA==}
 328 |     dependencies:
 329 |       '@firebase/app': 0.9.3
 330 |       '@firebase/component': 0.6.3
 331 |       '@firebase/logger': 0.4.0
 332 |       '@firebase/util': 1.9.2
 333 |       tslib: 2.5.0
 334 |     dev: false
 335 | 
 336 |   /@firebase/app-types/0.9.0:
 337 |     resolution: {integrity: sha512-AeweANOIo0Mb8GiYm3xhTEBVCmPwTYAu9Hcd2qSkLuga/6+j9b1Jskl5bpiSQWy9eJ/j5pavxj6eYogmnuzm+Q==}
 338 |     dev: false
 339 | 
 340 |   /@firebase/app/0.9.3:
 341 |     resolution: {integrity: sha512-G79JUceVDaHRZ4WkA11GyVldVXhdyRJRwWVQFFvAAVfQJLvy2TA6lQjeUn28F6FmeUWxDGwPC30bxCRWq7Op8Q==}
 342 |     dependencies:
 343 |       '@firebase/component': 0.6.3
 344 |       '@firebase/logger': 0.4.0
 345 |       '@firebase/util': 1.9.2
 346 |       idb: 7.0.1
 347 |       tslib: 2.5.0
 348 |     dev: false
 349 | 
 350 |   /@firebase/auth-compat/0.3.3_2nquphbz2k7fjevr4yz5c7cjmi:
 351 |     resolution: {integrity: sha512-9asUuGtkzUVELH3LYXdiom1nVVV9bqEPqzHohanoofHL/oVTNcHZ4AQ5CXjNATfb6c1WH32U+nEuPiYg26UUIw==}
 352 |     peerDependencies:
 353 |       '@firebase/app-compat': 0.x
 354 |     dependencies:
 355 |       '@firebase/app-compat': 0.2.3
 356 |       '@firebase/auth': 0.21.3_@firebase+app@0.9.3
 357 |       '@firebase/auth-types': 0.12.0_rls6ojzmqtv4do6kouxcb5gfn4
 358 |       '@firebase/component': 0.6.3
 359 |       '@firebase/util': 1.9.2
 360 |       node-fetch: 2.6.7
 361 |       tslib: 2.5.0
 362 |     transitivePeerDependencies:
 363 |       - '@firebase/app'
 364 |       - '@firebase/app-types'
 365 |       - encoding
 366 |     dev: false
 367 | 
 368 |   /@firebase/auth-interop-types/0.2.1:
 369 |     resolution: {integrity: sha512-VOaGzKp65MY6P5FI84TfYKBXEPi6LmOCSMMzys6o2BN2LOsqy7pCuZCup7NYnfbk5OkkQKzvIfHOzTm0UDpkyg==}
 370 |     dev: false
 371 | 
 372 |   /@firebase/auth-types/0.12.0_rls6ojzmqtv4do6kouxcb5gfn4:
 373 |     resolution: {integrity: sha512-pPwaZt+SPOshK8xNoiQlK5XIrS97kFYc3Rc7xmy373QsOJ9MmqXxLaYssP5Kcds4wd2qK//amx/c+A8O2fVeZA==}
 374 |     peerDependencies:
 375 |       '@firebase/app-types': 0.x
 376 |       '@firebase/util': 1.x
 377 |     dependencies:
 378 |       '@firebase/app-types': 0.9.0
 379 |       '@firebase/util': 1.9.2
 380 |     dev: false
 381 | 
 382 |   /@firebase/auth/0.21.3_@firebase+app@0.9.3:
 383 |     resolution: {integrity: sha512-HPbcwgArLBVTowFcn4qaQr6LCx7BidI9yrQ5MRbQNv4PsgK/3UGpzCYaNPPbvgr9fe+0jNdJO+uC0+dk4xIzCQ==}
 384 |     peerDependencies:
 385 |       '@firebase/app': 0.x
 386 |     dependencies:
 387 |       '@firebase/app': 0.9.3
 388 |       '@firebase/component': 0.6.3
 389 |       '@firebase/logger': 0.4.0
 390 |       '@firebase/util': 1.9.2
 391 |       node-fetch: 2.6.7
 392 |       tslib: 2.5.0
 393 |     transitivePeerDependencies:
 394 |       - encoding
 395 |     dev: false
 396 | 
 397 |   /@firebase/component/0.6.3:
 398 |     resolution: {integrity: sha512-rnhq5SOsB5nuJphZF50iwqnBiuuyg9kdnlUn1rBrKfu7/cUVJZF5IG1cWrL0rXXyiZW1WBI/J2pmTvVO8dStGQ==}
 399 |     dependencies:
 400 |       '@firebase/util': 1.9.2
 401 |       tslib: 2.5.0
 402 |     dev: false
 403 | 
 404 |   /@firebase/database-compat/0.3.3:
 405 |     resolution: {integrity: sha512-r+L9jTbvsnb7sD+xz6UKU39DgBWqB2pyjzPNdBeriGC9Ssa2MAZe0bIqjCQg51RRXYc/aa/zK1Q2/4uesZeVgQ==}
 406 |     dependencies:
 407 |       '@firebase/component': 0.6.3
 408 |       '@firebase/database': 0.14.3
 409 |       '@firebase/database-types': 0.10.3
 410 |       '@firebase/logger': 0.4.0
 411 |       '@firebase/util': 1.9.2
 412 |       tslib: 2.5.0
 413 |     dev: false
 414 | 
 415 |   /@firebase/database-types/0.10.3:
 416 |     resolution: {integrity: sha512-Hu34CDhHYZsd2eielr0jeaWrTJk8Hz0nd7WsnYDnXtQX4i49ppgPesUzPdXVBdIBLJmT0ZZRvT7qWHknkOT+zg==}
 417 |     dependencies:
 418 |       '@firebase/app-types': 0.9.0
 419 |       '@firebase/util': 1.9.2
 420 |     dev: false
 421 | 
 422 |   /@firebase/database/0.14.3:
 423 |     resolution: {integrity: sha512-J76W6N7JiVkLaAtPyjaGRkrsIu9pi6iZikuGGtGjqvV19vkn7oiL4Hbo5uTYCMd4waTUWoL9iI08eX184W+5GQ==}
 424 |     dependencies:
 425 |       '@firebase/auth-interop-types': 0.2.1
 426 |       '@firebase/component': 0.6.3
 427 |       '@firebase/logger': 0.4.0
 428 |       '@firebase/util': 1.9.2
 429 |       faye-websocket: 0.11.4
 430 |       tslib: 2.5.0
 431 |     dev: false
 432 | 
 433 |   /@firebase/firestore-compat/0.3.3_2nquphbz2k7fjevr4yz5c7cjmi:
 434 |     resolution: {integrity: sha512-fMTsSC0s2cF5w2+JoB0dWD/o4kXtLrUCPGnZPuz4S0bqTN2t0vHr3gdAsQLtnadgwB78ACtinYmf4Udwx7TzDg==}
 435 |     peerDependencies:
 436 |       '@firebase/app-compat': 0.x
 437 |     dependencies:
 438 |       '@firebase/app-compat': 0.2.3
 439 |       '@firebase/component': 0.6.3
 440 |       '@firebase/firestore': 3.8.3_@firebase+app@0.9.3
 441 |       '@firebase/firestore-types': 2.5.1_rls6ojzmqtv4do6kouxcb5gfn4
 442 |       '@firebase/util': 1.9.2
 443 |       tslib: 2.5.0
 444 |     transitivePeerDependencies:
 445 |       - '@firebase/app'
 446 |       - '@firebase/app-types'
 447 |       - encoding
 448 |     dev: false
 449 | 
 450 |   /@firebase/firestore-types/2.5.1_rls6ojzmqtv4do6kouxcb5gfn4:
 451 |     resolution: {integrity: sha512-xG0CA6EMfYo8YeUxC8FeDzf6W3FX1cLlcAGBYV6Cku12sZRI81oWcu61RSKM66K6kUENP+78Qm8mvroBcm1whw==}
 452 |     peerDependencies:
 453 |       '@firebase/app-types': 0.x
 454 |       '@firebase/util': 1.x
 455 |     dependencies:
 456 |       '@firebase/app-types': 0.9.0
 457 |       '@firebase/util': 1.9.2
 458 |     dev: false
 459 | 
 460 |   /@firebase/firestore/3.8.3_@firebase+app@0.9.3:
 461 |     resolution: {integrity: sha512-4xR3Mqj95bxHg3hZnz0O+LQrHkjq+siT2y+B9da6u68qJ8bzzT42JaFgd1vifhbBpVbBzpFaS2RuCq2E+kGv9g==}
 462 |     engines: {node: '>=10.10.0'}
 463 |     peerDependencies:
 464 |       '@firebase/app': 0.x
 465 |     dependencies:
 466 |       '@firebase/app': 0.9.3
 467 |       '@firebase/component': 0.6.3
 468 |       '@firebase/logger': 0.4.0
 469 |       '@firebase/util': 1.9.2
 470 |       '@firebase/webchannel-wrapper': 0.9.0
 471 |       '@grpc/grpc-js': 1.7.3
 472 |       '@grpc/proto-loader': 0.6.13
 473 |       node-fetch: 2.6.7
 474 |       tslib: 2.5.0
 475 |     transitivePeerDependencies:
 476 |       - encoding
 477 |     dev: false
 478 | 
 479 |   /@firebase/functions-compat/0.3.3_5qoz5voa527ucsvtk67mpz25ru:
 480 |     resolution: {integrity: sha512-UIAJ2gzNq0p/61cXqkpi9DnlQt0hdlGqgmL5an7KuJth2Iv5uGpKg/+OapAZxPuiUNZgTEyZDB7kNBHvnxWq5w==}
 481 |     peerDependencies:
 482 |       '@firebase/app-compat': 0.x
 483 |     dependencies:
 484 |       '@firebase/app-compat': 0.2.3
 485 |       '@firebase/component': 0.6.3
 486 |       '@firebase/functions': 0.9.3_@firebase+app@0.9.3
 487 |       '@firebase/functions-types': 0.6.0
 488 |       '@firebase/util': 1.9.2
 489 |       tslib: 2.5.0
 490 |     transitivePeerDependencies:
 491 |       - '@firebase/app'
 492 |       - encoding
 493 |     dev: false
 494 | 
 495 |   /@firebase/functions-types/0.6.0:
 496 |     resolution: {integrity: sha512-hfEw5VJtgWXIRf92ImLkgENqpL6IWpYaXVYiRkFY1jJ9+6tIhWM7IzzwbevwIIud/jaxKVdRzD7QBWfPmkwCYw==}
 497 |     dev: false
 498 | 
 499 |   /@firebase/functions/0.9.3_@firebase+app@0.9.3:
 500 |     resolution: {integrity: sha512-tPJgYY2ROQSYuzvgxZRoHeDj+Ic07/bWHwaftgTriawtupmFOkt5iikuhJSJUhaOpFh9TB335OvCXJw1N+BIlQ==}
 501 |     peerDependencies:
 502 |       '@firebase/app': 0.x
 503 |     dependencies:
 504 |       '@firebase/app': 0.9.3
 505 |       '@firebase/app-check-interop-types': 0.2.0
 506 |       '@firebase/auth-interop-types': 0.2.1
 507 |       '@firebase/component': 0.6.3
 508 |       '@firebase/messaging-interop-types': 0.2.0
 509 |       '@firebase/util': 1.9.2
 510 |       node-fetch: 2.6.7
 511 |       tslib: 2.5.0
 512 |     transitivePeerDependencies:
 513 |       - encoding
 514 |     dev: false
 515 | 
 516 |   /@firebase/installations-compat/0.2.3_2nquphbz2k7fjevr4yz5c7cjmi:
 517 |     resolution: {integrity: sha512-K9rKM/ym06lkpaKz7bMLxzHK/HEk65XfLJBV+dJkIuWeO0EqqC9VFGrpWAo0QmgC4BqbU58T6VBbzoJjb0gaFw==}
 518 |     peerDependencies:
 519 |       '@firebase/app-compat': 0.x
 520 |     dependencies:
 521 |       '@firebase/app-compat': 0.2.3
 522 |       '@firebase/component': 0.6.3
 523 |       '@firebase/installations': 0.6.3_@firebase+app@0.9.3
 524 |       '@firebase/installations-types': 0.5.0_@firebase+app-types@0.9.0
 525 |       '@firebase/util': 1.9.2
 526 |       tslib: 2.5.0
 527 |     transitivePeerDependencies:
 528 |       - '@firebase/app'
 529 |       - '@firebase/app-types'
 530 |     dev: false
 531 | 
 532 |   /@firebase/installations-types/0.5.0_@firebase+app-types@0.9.0:
 533 |     resolution: {integrity: sha512-9DP+RGfzoI2jH7gY4SlzqvZ+hr7gYzPODrbzVD82Y12kScZ6ZpRg/i3j6rleto8vTFC8n6Len4560FnV1w2IRg==}
 534 |     peerDependencies:
 535 |       '@firebase/app-types': 0.x
 536 |     dependencies:
 537 |       '@firebase/app-types': 0.9.0
 538 |     dev: false
 539 | 
 540 |   /@firebase/installations/0.6.3_@firebase+app@0.9.3:
 541 |     resolution: {integrity: sha512-20JFWm+tweNoRjRbz8/Y4I7O5pUJGZsFKCkLl1qNxfNYECSfrZUuozIDJDZC/MeVn5+kB9CwjThDlgQEPrfLdg==}
 542 |     peerDependencies:
 543 |       '@firebase/app': 0.x
 544 |     dependencies:
 545 |       '@firebase/app': 0.9.3
 546 |       '@firebase/component': 0.6.3
 547 |       '@firebase/util': 1.9.2
 548 |       idb: 7.0.1
 549 |       tslib: 2.5.0
 550 |     dev: false
 551 | 
 552 |   /@firebase/logger/0.4.0:
 553 |     resolution: {integrity: sha512-eRKSeykumZ5+cJPdxxJRgAC3G5NknY2GwEbKfymdnXtnT0Ucm4pspfR6GT4MUQEDuJwRVbVcSx85kgJulMoFFA==}
 554 |     dependencies:
 555 |       tslib: 2.5.0
 556 |     dev: false
 557 | 
 558 |   /@firebase/messaging-compat/0.2.3_5qoz5voa527ucsvtk67mpz25ru:
 559 |     resolution: {integrity: sha512-MmuuohXV2YRzIoJmDngI5qqO/cF2q7SdAaw7k4r61W3ReJy7x4/rtqrIvwNVhM6X/X8NFGBbsYKsCfRHWjFdkg==}
 560 |     peerDependencies:
 561 |       '@firebase/app-compat': 0.x
 562 |     dependencies:
 563 |       '@firebase/app-compat': 0.2.3
 564 |       '@firebase/component': 0.6.3
 565 |       '@firebase/messaging': 0.12.3_@firebase+app@0.9.3
 566 |       '@firebase/util': 1.9.2
 567 |       tslib: 2.5.0
 568 |     transitivePeerDependencies:
 569 |       - '@firebase/app'
 570 |     dev: false
 571 | 
 572 |   /@firebase/messaging-interop-types/0.2.0:
 573 |     resolution: {integrity: sha512-ujA8dcRuVeBixGR9CtegfpU4YmZf3Lt7QYkcj693FFannwNuZgfAYaTmbJ40dtjB81SAu6tbFPL9YLNT15KmOQ==}
 574 |     dev: false
 575 | 
 576 |   /@firebase/messaging/0.12.3_@firebase+app@0.9.3:
 577 |     resolution: {integrity: sha512-a3ZKcGDiV2sKmQDB56PpgL1yjFxXCtff2+v1grnAZZ4GnfNQ74t2EHCbmgY7xRX7ThzMqug54oxhuk4ur0MIoA==}
 578 |     peerDependencies:
 579 |       '@firebase/app': 0.x
 580 |     dependencies:
 581 |       '@firebase/app': 0.9.3
 582 |       '@firebase/component': 0.6.3
 583 |       '@firebase/installations': 0.6.3_@firebase+app@0.9.3
 584 |       '@firebase/messaging-interop-types': 0.2.0
 585 |       '@firebase/util': 1.9.2
 586 |       idb: 7.0.1
 587 |       tslib: 2.5.0
 588 |     dev: false
 589 | 
 590 |   /@firebase/performance-compat/0.2.3_5qoz5voa527ucsvtk67mpz25ru:
 591 |     resolution: {integrity: sha512-I3rqZsIhauXn4iApfj1ttKQdlti/r8OZBG4YK10vxKSdhAzTIDWDKEsdoCXvvKLwplcMv36sM3WPAPGQLqY5MQ==}
 592 |     peerDependencies:
 593 |       '@firebase/app-compat': 0.x
 594 |     dependencies:
 595 |       '@firebase/app-compat': 0.2.3
 596 |       '@firebase/component': 0.6.3
 597 |       '@firebase/logger': 0.4.0
 598 |       '@firebase/performance': 0.6.3_@firebase+app@0.9.3
 599 |       '@firebase/performance-types': 0.2.0
 600 |       '@firebase/util': 1.9.2
 601 |       tslib: 2.5.0
 602 |     transitivePeerDependencies:
 603 |       - '@firebase/app'
 604 |     dev: false
 605 | 
 606 |   /@firebase/performance-types/0.2.0:
 607 |     resolution: {integrity: sha512-kYrbr8e/CYr1KLrLYZZt2noNnf+pRwDq2KK9Au9jHrBMnb0/C9X9yWSXmZkFt4UIdsQknBq8uBB7fsybZdOBTA==}
 608 |     dev: false
 609 | 
 610 |   /@firebase/performance/0.6.3_@firebase+app@0.9.3:
 611 |     resolution: {integrity: sha512-NQmQN6Ete7i9jz1mzULJZEGvsOmwwdUy6vpqnhUxSFMYPnlBKjX+yypCUUJDDN5zff5+kfwSD1qCyUAaS0xWUA==}
 612 |     peerDependencies:
 613 |       '@firebase/app': 0.x
 614 |     dependencies:
 615 |       '@firebase/app': 0.9.3
 616 |       '@firebase/component': 0.6.3
 617 |       '@firebase/installations': 0.6.3_@firebase+app@0.9.3
 618 |       '@firebase/logger': 0.4.0
 619 |       '@firebase/util': 1.9.2
 620 |       tslib: 2.5.0
 621 |     dev: false
 622 | 
 623 |   /@firebase/remote-config-compat/0.2.3_5qoz5voa527ucsvtk67mpz25ru:
 624 |     resolution: {integrity: sha512-w/ZL03YgYaXq03xIRyJ5oPhXZi6iDsY/v0J9Y7I7SqxCYytEnHVrL9nvBqd9R94y5LRAVNPCLokJeeizaUz4VQ==}
 625 |     peerDependencies:
 626 |       '@firebase/app-compat': 0.x
 627 |     dependencies:
 628 |       '@firebase/app-compat': 0.2.3
 629 |       '@firebase/component': 0.6.3
 630 |       '@firebase/logger': 0.4.0
 631 |       '@firebase/remote-config': 0.4.3_@firebase+app@0.9.3
 632 |       '@firebase/remote-config-types': 0.3.0
 633 |       '@firebase/util': 1.9.2
 634 |       tslib: 2.5.0
 635 |     transitivePeerDependencies:
 636 |       - '@firebase/app'
 637 |     dev: false
 638 | 
 639 |   /@firebase/remote-config-types/0.3.0:
 640 |     resolution: {integrity: sha512-RtEH4vdcbXZuZWRZbIRmQVBNsE7VDQpet2qFvq6vwKLBIQRQR5Kh58M4ok3A3US8Sr3rubYnaGqZSurCwI8uMA==}
 641 |     dev: false
 642 | 
 643 |   /@firebase/remote-config/0.4.3_@firebase+app@0.9.3:
 644 |     resolution: {integrity: sha512-Q6d4jBWZoNt6SYq87bjtDGUHFkKwAmGnNjWyRjl14AZqE1ilgd9NZHmutharlYJ3LvxMsid80HdK5SgGEpIPfg==}
 645 |     peerDependencies:
 646 |       '@firebase/app': 0.x
 647 |     dependencies:
 648 |       '@firebase/app': 0.9.3
 649 |       '@firebase/component': 0.6.3
 650 |       '@firebase/installations': 0.6.3_@firebase+app@0.9.3
 651 |       '@firebase/logger': 0.4.0
 652 |       '@firebase/util': 1.9.2
 653 |       tslib: 2.5.0
 654 |     dev: false
 655 | 
 656 |   /@firebase/storage-compat/0.3.1_2nquphbz2k7fjevr4yz5c7cjmi:
 657 |     resolution: {integrity: sha512-6HaTvWsT5Yy3j4UpCZpMcFUYEkJ2XYWukdyTl02u6VjSBRLvkhOXPzEfMvgVWqhnF/rYVfPdjrZ904wk5OxtmQ==}
 658 |     peerDependencies:
 659 |       '@firebase/app-compat': 0.x
 660 |     dependencies:
 661 |       '@firebase/app-compat': 0.2.3
 662 |       '@firebase/component': 0.6.3
 663 |       '@firebase/storage': 0.11.1_@firebase+app@0.9.3
 664 |       '@firebase/storage-types': 0.8.0_rls6ojzmqtv4do6kouxcb5gfn4
 665 |       '@firebase/util': 1.9.2
 666 |       tslib: 2.5.0
 667 |     transitivePeerDependencies:
 668 |       - '@firebase/app'
 669 |       - '@firebase/app-types'
 670 |       - encoding
 671 |     dev: false
 672 | 
 673 |   /@firebase/storage-types/0.8.0_rls6ojzmqtv4do6kouxcb5gfn4:
 674 |     resolution: {integrity: sha512-isRHcGrTs9kITJC0AVehHfpraWFui39MPaU7Eo8QfWlqW7YPymBmRgjDrlOgFdURh6Cdeg07zmkLP5tzTKRSpg==}
 675 |     peerDependencies:
 676 |       '@firebase/app-types': 0.x
 677 |       '@firebase/util': 1.x
 678 |     dependencies:
 679 |       '@firebase/app-types': 0.9.0
 680 |       '@firebase/util': 1.9.2
 681 |     dev: false
 682 | 
 683 |   /@firebase/storage/0.11.1_@firebase+app@0.9.3:
 684 |     resolution: {integrity: sha512-Xv8EG2j52ugF2xayBz26U9J0VBXHXPMVxSN+ph3R3BSoHxvMLaPu+qUYKHavSt+zbcgPH2GyBhrCdJK6SaDFPA==}
 685 |     peerDependencies:
 686 |       '@firebase/app': 0.x
 687 |     dependencies:
 688 |       '@firebase/app': 0.9.3
 689 |       '@firebase/component': 0.6.3
 690 |       '@firebase/util': 1.9.2
 691 |       node-fetch: 2.6.7
 692 |       tslib: 2.5.0
 693 |     transitivePeerDependencies:
 694 |       - encoding
 695 |     dev: false
 696 | 
 697 |   /@firebase/util/1.9.2:
 698 |     resolution: {integrity: sha512-9l0uMGPGw3GsoD5khjMmYCCcMq/OR/OOSViiWMN+s2Q0pxM+fYzrii1H+r8qC/uoMjSVXomjLZt0vZIyryCqtQ==}
 699 |     dependencies:
 700 |       tslib: 2.5.0
 701 |     dev: false
 702 | 
 703 |   /@firebase/webchannel-wrapper/0.9.0:
 704 |     resolution: {integrity: sha512-BpiZLBWdLFw+qFel9p3Zs1jD6QmH7Ii4aTDu6+vx8ShdidChZUXqDhYJly4ZjSgQh54miXbBgBrk0S+jTIh/Qg==}
 705 |     dev: false
 706 | 
 707 |   /@grpc/grpc-js/1.7.3:
 708 |     resolution: {integrity: sha512-H9l79u4kJ2PVSxUNA08HMYAnUBLj9v6KjYQ7SQ71hOZcEXhShE/y5iQCesP8+6/Ik/7i2O0a10bPquIcYfufog==}
 709 |     engines: {node: ^8.13.0 || >=10.10.0}
 710 |     dependencies:
 711 |       '@grpc/proto-loader': 0.7.5
 712 |       '@types/node': 18.14.2
 713 |     dev: false
 714 | 
 715 |   /@grpc/proto-loader/0.6.13:
 716 |     resolution: {integrity: sha512-FjxPYDRTn6Ec3V0arm1FtSpmP6V50wuph2yILpyvTKzjc76oDdoihXqM1DzOW5ubvCC8GivfCnNtfaRE8myJ7g==}
 717 |     engines: {node: '>=6'}
 718 |     hasBin: true
 719 |     dependencies:
 720 |       '@types/long': 4.0.2
 721 |       lodash.camelcase: 4.3.0
 722 |       long: 4.0.0
 723 |       protobufjs: 6.11.3
 724 |       yargs: 16.2.0
 725 |     dev: false
 726 | 
 727 |   /@grpc/proto-loader/0.7.5:
 728 |     resolution: {integrity: sha512-mfcTuMbFowq1wh/Rn5KQl6qb95M21Prej3bewD9dUQMurYGVckGO/Pbe2Ocwto6sD05b/mxZLspvqwx60xO2Rg==}
 729 |     engines: {node: '>=6'}
 730 |     hasBin: true
 731 |     dependencies:
 732 |       '@types/long': 4.0.2
 733 |       lodash.camelcase: 4.3.0
 734 |       long: 4.0.0
 735 |       protobufjs: 7.2.2
 736 |       yargs: 16.2.0
 737 |     dev: false
 738 | 
 739 |   /@humanwhocodes/config-array/0.11.8:
 740 |     resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==}
 741 |     engines: {node: '>=10.10.0'}
 742 |     dependencies:
 743 |       '@humanwhocodes/object-schema': 1.2.1
 744 |       debug: 4.3.4
 745 |       minimatch: 3.1.2
 746 |     transitivePeerDependencies:
 747 |       - supports-color
 748 |     dev: true
 749 | 
 750 |   /@humanwhocodes/module-importer/1.0.1:
 751 |     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
 752 |     engines: {node: '>=12.22'}
 753 |     dev: true
 754 | 
 755 |   /@humanwhocodes/object-schema/1.2.1:
 756 |     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
 757 |     dev: true
 758 | 
 759 |   /@jridgewell/sourcemap-codec/1.4.14:
 760 |     resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
 761 |     dev: true
 762 | 
 763 |   /@nodelib/fs.scandir/2.1.5:
 764 |     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
 765 |     engines: {node: '>= 8'}
 766 |     dependencies:
 767 |       '@nodelib/fs.stat': 2.0.5
 768 |       run-parallel: 1.2.0
 769 |     dev: true
 770 | 
 771 |   /@nodelib/fs.stat/2.0.5:
 772 |     resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
 773 |     engines: {node: '>= 8'}
 774 |     dev: true
 775 | 
 776 |   /@nodelib/fs.walk/1.2.8:
 777 |     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
 778 |     engines: {node: '>= 8'}
 779 |     dependencies:
 780 |       '@nodelib/fs.scandir': 2.1.5
 781 |       fastq: 1.15.0
 782 |     dev: true
 783 | 
 784 |   /@polka/url/1.0.0-next.21:
 785 |     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
 786 |     dev: true
 787 | 
 788 |   /@protobufjs/aspromise/1.1.2:
 789 |     resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
 790 |     dev: false
 791 | 
 792 |   /@protobufjs/base64/1.1.2:
 793 |     resolution: {integrity: sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==}
 794 |     dev: false
 795 | 
 796 |   /@protobufjs/codegen/2.0.4:
 797 |     resolution: {integrity: sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==}
 798 |     dev: false
 799 | 
 800 |   /@protobufjs/eventemitter/1.1.0:
 801 |     resolution: {integrity: sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q==}
 802 |     dev: false
 803 | 
 804 |   /@protobufjs/fetch/1.1.0:
 805 |     resolution: {integrity: sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==}
 806 |     dependencies:
 807 |       '@protobufjs/aspromise': 1.1.2
 808 |       '@protobufjs/inquire': 1.1.0
 809 |     dev: false
 810 | 
 811 |   /@protobufjs/float/1.0.2:
 812 |     resolution: {integrity: sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ==}
 813 |     dev: false
 814 | 
 815 |   /@protobufjs/inquire/1.1.0:
 816 |     resolution: {integrity: sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q==}
 817 |     dev: false
 818 | 
 819 |   /@protobufjs/path/1.1.2:
 820 |     resolution: {integrity: sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA==}
 821 |     dev: false
 822 | 
 823 |   /@protobufjs/pool/1.1.0:
 824 |     resolution: {integrity: sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw==}
 825 |     dev: false
 826 | 
 827 |   /@protobufjs/utf8/1.1.0:
 828 |     resolution: {integrity: sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw==}
 829 |     dev: false
 830 | 
 831 |   /@sveltejs/adapter-auto/2.0.0_@sveltejs+kit@1.5.0:
 832 |     resolution: {integrity: sha512-b+gkHFZgD771kgV3aO4avHFd7y1zhmMYy9i6xOK7m/rwmwaRO8gnF5zBc0Rgca80B2PMU1bKNxyBTHA14OzUAQ==}
 833 |     peerDependencies:
 834 |       '@sveltejs/kit': ^1.0.0
 835 |     dependencies:
 836 |       '@sveltejs/kit': 1.5.0_svelte@3.55.1+vite@4.1.1
 837 |       import-meta-resolve: 2.2.1
 838 |     dev: true
 839 | 
 840 |   /@sveltejs/kit/1.5.0_svelte@3.55.1+vite@4.1.1:
 841 |     resolution: {integrity: sha512-AkWgCO9i2djZjTqCgIQJ5XfnSzRINowh2w2Gk9wDRuTwxKizSuYe3jNvds/HCDDGHo8XE5E0yWNC9j2XxbrX+g==}
 842 |     engines: {node: ^16.14 || >=18}
 843 |     hasBin: true
 844 |     requiresBuild: true
 845 |     peerDependencies:
 846 |       svelte: ^3.54.0
 847 |       vite: ^4.0.0
 848 |     dependencies:
 849 |       '@sveltejs/vite-plugin-svelte': 2.0.2_svelte@3.55.1+vite@4.1.1
 850 |       '@types/cookie': 0.5.1
 851 |       cookie: 0.5.0
 852 |       devalue: 4.2.3
 853 |       esm-env: 1.0.0
 854 |       kleur: 4.1.5
 855 |       magic-string: 0.27.0
 856 |       mime: 3.0.0
 857 |       sade: 1.8.1
 858 |       set-cookie-parser: 2.5.1
 859 |       sirv: 2.0.2
 860 |       svelte: 3.55.1
 861 |       tiny-glob: 0.2.9
 862 |       undici: 5.18.0
 863 |       vite: 4.1.1
 864 |     transitivePeerDependencies:
 865 |       - supports-color
 866 |     dev: true
 867 | 
 868 |   /@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.1.1:
 869 |     resolution: {integrity: sha512-xCEan0/NNpQuL0l5aS42FjwQ6wwskdxC3pW1OeFtEKNZwRg7Evro9lac9HesGP6TdFsTv2xMes5ASQVKbCacxg==}
 870 |     engines: {node: ^14.18.0 || >= 16}
 871 |     peerDependencies:
 872 |       svelte: ^3.54.0
 873 |       vite: ^4.0.0
 874 |     dependencies:
 875 |       debug: 4.3.4
 876 |       deepmerge: 4.3.0
 877 |       kleur: 4.1.5
 878 |       magic-string: 0.27.0
 879 |       svelte: 3.55.1
 880 |       svelte-hmr: 0.15.1_svelte@3.55.1
 881 |       vite: 4.1.1
 882 |       vitefu: 0.2.4_vite@4.1.1
 883 |     transitivePeerDependencies:
 884 |       - supports-color
 885 |     dev: true
 886 | 
 887 |   /@tailwindcss/forms/0.5.3_tailwindcss@3.2.6:
 888 |     resolution: {integrity: sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==}
 889 |     peerDependencies:
 890 |       tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1'
 891 |     dependencies:
 892 |       mini-svg-data-uri: 1.4.4
 893 |       tailwindcss: 3.2.6_postcss@8.4.21
 894 |     dev: true
 895 | 
 896 |   /@types/cookie/0.5.1:
 897 |     resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==}
 898 |     dev: true
 899 | 
 900 |   /@types/long/4.0.2:
 901 |     resolution: {integrity: sha512-MqTGEo5bj5t157U6fA/BiDynNkn0YknVdh48CMPkTSpFTVmvao5UQmm7uEF6xBEo7qIMAlY/JSleYaE6VOdpaA==}
 902 |     dev: false
 903 | 
 904 |   /@types/node/18.14.2:
 905 |     resolution: {integrity: sha512-1uEQxww3DaghA0RxqHx0O0ppVlo43pJhepY51OxuQIKHpjbnYLA7vcdwioNPzIqmC2u3I/dmylcqjlh0e7AyUA==}
 906 |     dev: false
 907 | 
 908 |   /acorn-jsx/5.3.2_acorn@8.8.2:
 909 |     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
 910 |     peerDependencies:
 911 |       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 912 |     dependencies:
 913 |       acorn: 8.8.2
 914 |     dev: true
 915 | 
 916 |   /acorn-node/1.8.2:
 917 |     resolution: {integrity: sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==}
 918 |     dependencies:
 919 |       acorn: 7.4.1
 920 |       acorn-walk: 7.2.0
 921 |       xtend: 4.0.2
 922 |     dev: true
 923 | 
 924 |   /acorn-walk/7.2.0:
 925 |     resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
 926 |     engines: {node: '>=0.4.0'}
 927 |     dev: true
 928 | 
 929 |   /acorn/7.4.1:
 930 |     resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
 931 |     engines: {node: '>=0.4.0'}
 932 |     hasBin: true
 933 |     dev: true
 934 | 
 935 |   /acorn/8.8.2:
 936 |     resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
 937 |     engines: {node: '>=0.4.0'}
 938 |     hasBin: true
 939 |     dev: true
 940 | 
 941 |   /ajv/6.12.6:
 942 |     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 943 |     dependencies:
 944 |       fast-deep-equal: 3.1.3
 945 |       fast-json-stable-stringify: 2.1.0
 946 |       json-schema-traverse: 0.4.1
 947 |       uri-js: 4.4.1
 948 |     dev: true
 949 | 
 950 |   /ansi-regex/5.0.1:
 951 |     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
 952 |     engines: {node: '>=8'}
 953 | 
 954 |   /ansi-styles/4.3.0:
 955 |     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
 956 |     engines: {node: '>=8'}
 957 |     dependencies:
 958 |       color-convert: 2.0.1
 959 | 
 960 |   /anymatch/3.1.3:
 961 |     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
 962 |     engines: {node: '>= 8'}
 963 |     dependencies:
 964 |       normalize-path: 3.0.0
 965 |       picomatch: 2.3.1
 966 |     dev: true
 967 | 
 968 |   /arg/5.0.2:
 969 |     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
 970 |     dev: true
 971 | 
 972 |   /argparse/2.0.1:
 973 |     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 974 |     dev: true
 975 | 
 976 |   /autoprefixer/10.4.13_postcss@8.4.21:
 977 |     resolution: {integrity: sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==}
 978 |     engines: {node: ^10 || ^12 || >=14}
 979 |     hasBin: true
 980 |     peerDependencies:
 981 |       postcss: ^8.1.0
 982 |     dependencies:
 983 |       browserslist: 4.21.5
 984 |       caniuse-lite: 1.0.30001451
 985 |       fraction.js: 4.2.0
 986 |       normalize-range: 0.1.2
 987 |       picocolors: 1.0.0
 988 |       postcss: 8.4.21
 989 |       postcss-value-parser: 4.2.0
 990 |     dev: true
 991 | 
 992 |   /balanced-match/1.0.2:
 993 |     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 994 |     dev: true
 995 | 
 996 |   /binary-extensions/2.2.0:
 997 |     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
 998 |     engines: {node: '>=8'}
 999 |     dev: true
1000 | 
1001 |   /brace-expansion/1.1.11:
1002 |     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
1003 |     dependencies:
1004 |       balanced-match: 1.0.2
1005 |       concat-map: 0.0.1
1006 |     dev: true
1007 | 
1008 |   /braces/3.0.2:
1009 |     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
1010 |     engines: {node: '>=8'}
1011 |     dependencies:
1012 |       fill-range: 7.0.1
1013 |     dev: true
1014 | 
1015 |   /browserslist/4.21.5:
1016 |     resolution: {integrity: sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==}
1017 |     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
1018 |     hasBin: true
1019 |     dependencies:
1020 |       caniuse-lite: 1.0.30001451
1021 |       electron-to-chromium: 1.4.289
1022 |       node-releases: 2.0.10
1023 |       update-browserslist-db: 1.0.10_browserslist@4.21.5
1024 |     dev: true
1025 | 
1026 |   /busboy/1.6.0:
1027 |     resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
1028 |     engines: {node: '>=10.16.0'}
1029 |     dependencies:
1030 |       streamsearch: 1.1.0
1031 |     dev: true
1032 | 
1033 |   /callsites/3.1.0:
1034 |     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
1035 |     engines: {node: '>=6'}
1036 |     dev: true
1037 | 
1038 |   /camelcase-css/2.0.1:
1039 |     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
1040 |     engines: {node: '>= 6'}
1041 |     dev: true
1042 | 
1043 |   /caniuse-lite/1.0.30001451:
1044 |     resolution: {integrity: sha512-XY7UbUpGRatZzoRft//5xOa69/1iGJRBlrieH6QYrkKLIFn3m7OVEJ81dSrKoy2BnKsdbX5cLrOispZNYo9v2w==}
1045 |     dev: true
1046 | 
1047 |   /chalk/4.1.2:
1048 |     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
1049 |     engines: {node: '>=10'}
1050 |     dependencies:
1051 |       ansi-styles: 4.3.0
1052 |       supports-color: 7.2.0
1053 |     dev: true
1054 | 
1055 |   /chokidar/3.5.3:
1056 |     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
1057 |     engines: {node: '>= 8.10.0'}
1058 |     dependencies:
1059 |       anymatch: 3.1.3
1060 |       braces: 3.0.2
1061 |       glob-parent: 5.1.2
1062 |       is-binary-path: 2.1.0
1063 |       is-glob: 4.0.3
1064 |       normalize-path: 3.0.0
1065 |       readdirp: 3.6.0
1066 |     optionalDependencies:
1067 |       fsevents: 2.3.2
1068 |     dev: true
1069 | 
1070 |   /cliui/7.0.4:
1071 |     resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
1072 |     dependencies:
1073 |       string-width: 4.2.3
1074 |       strip-ansi: 6.0.1
1075 |       wrap-ansi: 7.0.0
1076 |     dev: false
1077 | 
1078 |   /color-convert/2.0.1:
1079 |     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
1080 |     engines: {node: '>=7.0.0'}
1081 |     dependencies:
1082 |       color-name: 1.1.4
1083 | 
1084 |   /color-name/1.1.4:
1085 |     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
1086 | 
1087 |   /concat-map/0.0.1:
1088 |     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
1089 |     dev: true
1090 | 
1091 |   /cookie/0.5.0:
1092 |     resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
1093 |     engines: {node: '>= 0.6'}
1094 |     dev: true
1095 | 
1096 |   /cross-spawn/7.0.3:
1097 |     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
1098 |     engines: {node: '>= 8'}
1099 |     dependencies:
1100 |       path-key: 3.1.1
1101 |       shebang-command: 2.0.0
1102 |       which: 2.0.2
1103 |     dev: true
1104 | 
1105 |   /cssesc/3.0.0:
1106 |     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
1107 |     engines: {node: '>=4'}
1108 |     hasBin: true
1109 |     dev: true
1110 | 
1111 |   /debug/4.3.4:
1112 |     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
1113 |     engines: {node: '>=6.0'}
1114 |     peerDependencies:
1115 |       supports-color: '*'
1116 |     peerDependenciesMeta:
1117 |       supports-color:
1118 |         optional: true
1119 |     dependencies:
1120 |       ms: 2.1.2
1121 |     dev: true
1122 | 
1123 |   /deep-is/0.1.4:
1124 |     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
1125 |     dev: true
1126 | 
1127 |   /deepmerge/4.3.0:
1128 |     resolution: {integrity: sha512-z2wJZXrmeHdvYJp/Ux55wIjqo81G5Bp4c+oELTW+7ar6SogWHajt5a9gO3s3IDaGSAXjDk0vlQKN3rms8ab3og==}
1129 |     engines: {node: '>=0.10.0'}
1130 |     dev: true
1131 | 
1132 |   /defined/1.0.1:
1133 |     resolution: {integrity: sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==}
1134 |     dev: true
1135 | 
1136 |   /detective/5.2.1:
1137 |     resolution: {integrity: sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==}
1138 |     engines: {node: '>=0.8.0'}
1139 |     hasBin: true
1140 |     dependencies:
1141 |       acorn-node: 1.8.2
1142 |       defined: 1.0.1
1143 |       minimist: 1.2.7
1144 |     dev: true
1145 | 
1146 |   /devalue/4.2.3:
1147 |     resolution: {integrity: sha512-JG6Q248aN0pgFL57e3zqTVeFraBe+5W2ugvv1mLXsJP6YYIYJhRZhAl7QP8haJrqob6X10F9NEkuCvNILZTPeQ==}
1148 |     dev: true
1149 | 
1150 |   /didyoumean/1.2.2:
1151 |     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
1152 |     dev: true
1153 | 
1154 |   /dlv/1.1.3:
1155 |     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
1156 |     dev: true
1157 | 
1158 |   /doctrine/3.0.0:
1159 |     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
1160 |     engines: {node: '>=6.0.0'}
1161 |     dependencies:
1162 |       esutils: 2.0.3
1163 |     dev: true
1164 | 
1165 |   /electron-to-chromium/1.4.289:
1166 |     resolution: {integrity: sha512-relLdMfPBxqGCxy7Gyfm1HcbRPcFUJdlgnCPVgQ23sr1TvUrRJz0/QPoGP0+x41wOVSTN/Wi3w6YDgHiHJGOzg==}
1167 |     dev: true
1168 | 
1169 |   /emoji-regex/8.0.0:
1170 |     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
1171 |     dev: false
1172 | 
1173 |   /esbuild/0.16.17:
1174 |     resolution: {integrity: sha512-G8LEkV0XzDMNwXKgM0Jwu3nY3lSTwSGY6XbxM9cr9+s0T/qSV1q1JVPBGzm3dcjhCic9+emZDmMffkwgPeOeLg==}
1175 |     engines: {node: '>=12'}
1176 |     hasBin: true
1177 |     requiresBuild: true
1178 |     optionalDependencies:
1179 |       '@esbuild/android-arm': 0.16.17
1180 |       '@esbuild/android-arm64': 0.16.17
1181 |       '@esbuild/android-x64': 0.16.17
1182 |       '@esbuild/darwin-arm64': 0.16.17
1183 |       '@esbuild/darwin-x64': 0.16.17
1184 |       '@esbuild/freebsd-arm64': 0.16.17
1185 |       '@esbuild/freebsd-x64': 0.16.17
1186 |       '@esbuild/linux-arm': 0.16.17
1187 |       '@esbuild/linux-arm64': 0.16.17
1188 |       '@esbuild/linux-ia32': 0.16.17
1189 |       '@esbuild/linux-loong64': 0.16.17
1190 |       '@esbuild/linux-mips64el': 0.16.17
1191 |       '@esbuild/linux-ppc64': 0.16.17
1192 |       '@esbuild/linux-riscv64': 0.16.17
1193 |       '@esbuild/linux-s390x': 0.16.17
1194 |       '@esbuild/linux-x64': 0.16.17
1195 |       '@esbuild/netbsd-x64': 0.16.17
1196 |       '@esbuild/openbsd-x64': 0.16.17
1197 |       '@esbuild/sunos-x64': 0.16.17
1198 |       '@esbuild/win32-arm64': 0.16.17
1199 |       '@esbuild/win32-ia32': 0.16.17
1200 |       '@esbuild/win32-x64': 0.16.17
1201 |     dev: true
1202 | 
1203 |   /escalade/3.1.1:
1204 |     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
1205 |     engines: {node: '>=6'}
1206 | 
1207 |   /escape-string-regexp/4.0.0:
1208 |     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
1209 |     engines: {node: '>=10'}
1210 |     dev: true
1211 | 
1212 |   /eslint-config-prettier/8.6.0_eslint@8.33.0:
1213 |     resolution: {integrity: sha512-bAF0eLpLVqP5oEVUFKpMA+NnRFICwn9X8B5jrR9FcqnYBuPbqWEjTEspPWMj5ye6czoSLDweCzSo3Ko7gGrZaA==}
1214 |     hasBin: true
1215 |     peerDependencies:
1216 |       eslint: '>=7.0.0'
1217 |     dependencies:
1218 |       eslint: 8.33.0
1219 |     dev: true
1220 | 
1221 |   /eslint-plugin-svelte3/4.0.0_4omm2ewoudhgnmf7aocafatnc4:
1222 |     resolution: {integrity: sha512-OIx9lgaNzD02+MDFNLw0GEUbuovNcglg+wnd/UY0fbZmlQSz7GlQiQ1f+yX0XvC07XPcDOnFcichqI3xCwp71g==}
1223 |     peerDependencies:
1224 |       eslint: '>=8.0.0'
1225 |       svelte: ^3.2.0
1226 |     dependencies:
1227 |       eslint: 8.33.0
1228 |       svelte: 3.55.1
1229 |     dev: true
1230 | 
1231 |   /eslint-scope/7.1.1:
1232 |     resolution: {integrity: sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==}
1233 |     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
1234 |     dependencies:
1235 |       esrecurse: 4.3.0
1236 |       estraverse: 5.3.0
1237 |     dev: true
1238 | 
1239 |   /eslint-utils/3.0.0_eslint@8.33.0:
1240 |     resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
1241 |     engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
1242 |     peerDependencies:
1243 |       eslint: '>=5'
1244 |     dependencies:
1245 |       eslint: 8.33.0
1246 |       eslint-visitor-keys: 2.1.0
1247 |     dev: true
1248 | 
1249 |   /eslint-visitor-keys/2.1.0:
1250 |     resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==}
1251 |     engines: {node: '>=10'}
1252 |     dev: true
1253 | 
1254 |   /eslint-visitor-keys/3.3.0:
1255 |     resolution: {integrity: sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==}
1256 |     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
1257 |     dev: true
1258 | 
1259 |   /eslint/8.33.0:
1260 |     resolution: {integrity: sha512-WjOpFQgKK8VrCnAtl8We0SUOy/oVZ5NHykyMiagV1M9r8IFpIJX7DduK6n1mpfhlG7T1NLWm2SuD8QB7KFySaA==}
1261 |     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
1262 |     hasBin: true
1263 |     dependencies:
1264 |       '@eslint/eslintrc': 1.4.1
1265 |       '@humanwhocodes/config-array': 0.11.8
1266 |       '@humanwhocodes/module-importer': 1.0.1
1267 |       '@nodelib/fs.walk': 1.2.8
1268 |       ajv: 6.12.6
1269 |       chalk: 4.1.2
1270 |       cross-spawn: 7.0.3
1271 |       debug: 4.3.4
1272 |       doctrine: 3.0.0
1273 |       escape-string-regexp: 4.0.0
1274 |       eslint-scope: 7.1.1
1275 |       eslint-utils: 3.0.0_eslint@8.33.0
1276 |       eslint-visitor-keys: 3.3.0
1277 |       espree: 9.4.1
1278 |       esquery: 1.4.0
1279 |       esutils: 2.0.3
1280 |       fast-deep-equal: 3.1.3
1281 |       file-entry-cache: 6.0.1
1282 |       find-up: 5.0.0
1283 |       glob-parent: 6.0.2
1284 |       globals: 13.20.0
1285 |       grapheme-splitter: 1.0.4
1286 |       ignore: 5.2.4
1287 |       import-fresh: 3.3.0
1288 |       imurmurhash: 0.1.4
1289 |       is-glob: 4.0.3
1290 |       is-path-inside: 3.0.3
1291 |       js-sdsl: 4.3.0
1292 |       js-yaml: 4.1.0
1293 |       json-stable-stringify-without-jsonify: 1.0.1
1294 |       levn: 0.4.1
1295 |       lodash.merge: 4.6.2
1296 |       minimatch: 3.1.2
1297 |       natural-compare: 1.4.0
1298 |       optionator: 0.9.1
1299 |       regexpp: 3.2.0
1300 |       strip-ansi: 6.0.1
1301 |       strip-json-comments: 3.1.1
1302 |       text-table: 0.2.0
1303 |     transitivePeerDependencies:
1304 |       - supports-color
1305 |     dev: true
1306 | 
1307 |   /esm-env/1.0.0:
1308 |     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
1309 |     dev: true
1310 | 
1311 |   /espree/9.4.1:
1312 |     resolution: {integrity: sha512-XwctdmTO6SIvCzd9810yyNzIrOrqNYV9Koizx4C/mRhf9uq0o4yHoCEU/670pOxOL/MSraektvSAji79kX90Vg==}
1313 |     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
1314 |     dependencies:
1315 |       acorn: 8.8.2
1316 |       acorn-jsx: 5.3.2_acorn@8.8.2
1317 |       eslint-visitor-keys: 3.3.0
1318 |     dev: true
1319 | 
1320 |   /esquery/1.4.0:
1321 |     resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==}
1322 |     engines: {node: '>=0.10'}
1323 |     dependencies:
1324 |       estraverse: 5.3.0
1325 |     dev: true
1326 | 
1327 |   /esrecurse/4.3.0:
1328 |     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
1329 |     engines: {node: '>=4.0'}
1330 |     dependencies:
1331 |       estraverse: 5.3.0
1332 |     dev: true
1333 | 
1334 |   /estraverse/5.3.0:
1335 |     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
1336 |     engines: {node: '>=4.0'}
1337 |     dev: true
1338 | 
1339 |   /esutils/2.0.3:
1340 |     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
1341 |     engines: {node: '>=0.10.0'}
1342 |     dev: true
1343 | 
1344 |   /fast-deep-equal/3.1.3:
1345 |     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
1346 |     dev: true
1347 | 
1348 |   /fast-glob/3.2.12:
1349 |     resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
1350 |     engines: {node: '>=8.6.0'}
1351 |     dependencies:
1352 |       '@nodelib/fs.stat': 2.0.5
1353 |       '@nodelib/fs.walk': 1.2.8
1354 |       glob-parent: 5.1.2
1355 |       merge2: 1.4.1
1356 |       micromatch: 4.0.5
1357 |     dev: true
1358 | 
1359 |   /fast-json-stable-stringify/2.1.0:
1360 |     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
1361 |     dev: true
1362 | 
1363 |   /fast-levenshtein/2.0.6:
1364 |     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
1365 |     dev: true
1366 | 
1367 |   /fastq/1.15.0:
1368 |     resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
1369 |     dependencies:
1370 |       reusify: 1.0.4
1371 |     dev: true
1372 | 
1373 |   /faye-websocket/0.11.4:
1374 |     resolution: {integrity: sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==}
1375 |     engines: {node: '>=0.8.0'}
1376 |     dependencies:
1377 |       websocket-driver: 0.7.4
1378 |     dev: false
1379 | 
1380 |   /file-entry-cache/6.0.1:
1381 |     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
1382 |     engines: {node: ^10.12.0 || >=12.0.0}
1383 |     dependencies:
1384 |       flat-cache: 3.0.4
1385 |     dev: true
1386 | 
1387 |   /fill-range/7.0.1:
1388 |     resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
1389 |     engines: {node: '>=8'}
1390 |     dependencies:
1391 |       to-regex-range: 5.0.1
1392 |     dev: true
1393 | 
1394 |   /find-up/5.0.0:
1395 |     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
1396 |     engines: {node: '>=10'}
1397 |     dependencies:
1398 |       locate-path: 6.0.0
1399 |       path-exists: 4.0.0
1400 |     dev: true
1401 | 
1402 |   /firebase/9.17.1:
1403 |     resolution: {integrity: sha512-MSZaTRaaRLgDFLqoEnoPYK8zkLwQNvYeLZ3YSKdcQxG8hDifNO22ywS1cSA1ZCGHlQeOsDtfDwBejKcANf/RQw==}
1404 |     dependencies:
1405 |       '@firebase/analytics': 0.9.3_@firebase+app@0.9.3
1406 |       '@firebase/analytics-compat': 0.2.3_5qoz5voa527ucsvtk67mpz25ru
1407 |       '@firebase/app': 0.9.3
1408 |       '@firebase/app-check': 0.6.3_@firebase+app@0.9.3
1409 |       '@firebase/app-check-compat': 0.3.3_5qoz5voa527ucsvtk67mpz25ru
1410 |       '@firebase/app-compat': 0.2.3
1411 |       '@firebase/app-types': 0.9.0
1412 |       '@firebase/auth': 0.21.3_@firebase+app@0.9.3
1413 |       '@firebase/auth-compat': 0.3.3_2nquphbz2k7fjevr4yz5c7cjmi
1414 |       '@firebase/database': 0.14.3
1415 |       '@firebase/database-compat': 0.3.3
1416 |       '@firebase/firestore': 3.8.3_@firebase+app@0.9.3
1417 |       '@firebase/firestore-compat': 0.3.3_2nquphbz2k7fjevr4yz5c7cjmi
1418 |       '@firebase/functions': 0.9.3_@firebase+app@0.9.3
1419 |       '@firebase/functions-compat': 0.3.3_5qoz5voa527ucsvtk67mpz25ru
1420 |       '@firebase/installations': 0.6.3_@firebase+app@0.9.3
1421 |       '@firebase/installations-compat': 0.2.3_2nquphbz2k7fjevr4yz5c7cjmi
1422 |       '@firebase/messaging': 0.12.3_@firebase+app@0.9.3
1423 |       '@firebase/messaging-compat': 0.2.3_5qoz5voa527ucsvtk67mpz25ru
1424 |       '@firebase/performance': 0.6.3_@firebase+app@0.9.3
1425 |       '@firebase/performance-compat': 0.2.3_5qoz5voa527ucsvtk67mpz25ru
1426 |       '@firebase/remote-config': 0.4.3_@firebase+app@0.9.3
1427 |       '@firebase/remote-config-compat': 0.2.3_5qoz5voa527ucsvtk67mpz25ru
1428 |       '@firebase/storage': 0.11.1_@firebase+app@0.9.3
1429 |       '@firebase/storage-compat': 0.3.1_2nquphbz2k7fjevr4yz5c7cjmi
1430 |       '@firebase/util': 1.9.2
1431 |     transitivePeerDependencies:
1432 |       - encoding
1433 |     dev: false
1434 | 
1435 |   /flat-cache/3.0.4:
1436 |     resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
1437 |     engines: {node: ^10.12.0 || >=12.0.0}
1438 |     dependencies:
1439 |       flatted: 3.2.7
1440 |       rimraf: 3.0.2
1441 |     dev: true
1442 | 
1443 |   /flatted/3.2.7:
1444 |     resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
1445 |     dev: true
1446 | 
1447 |   /fraction.js/4.2.0:
1448 |     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
1449 |     dev: true
1450 | 
1451 |   /fs.realpath/1.0.0:
1452 |     resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
1453 |     dev: true
1454 | 
1455 |   /fsevents/2.3.2:
1456 |     resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
1457 |     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
1458 |     os: [darwin]
1459 |     requiresBuild: true
1460 |     dev: true
1461 |     optional: true
1462 | 
1463 |   /function-bind/1.1.1:
1464 |     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
1465 |     dev: true
1466 | 
1467 |   /get-caller-file/2.0.5:
1468 |     resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
1469 |     engines: {node: 6.* || 8.* || >= 10.*}
1470 |     dev: false
1471 | 
1472 |   /glob-parent/5.1.2:
1473 |     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
1474 |     engines: {node: '>= 6'}
1475 |     dependencies:
1476 |       is-glob: 4.0.3
1477 |     dev: true
1478 | 
1479 |   /glob-parent/6.0.2:
1480 |     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
1481 |     engines: {node: '>=10.13.0'}
1482 |     dependencies:
1483 |       is-glob: 4.0.3
1484 |     dev: true
1485 | 
1486 |   /glob/7.2.3:
1487 |     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
1488 |     dependencies:
1489 |       fs.realpath: 1.0.0
1490 |       inflight: 1.0.6
1491 |       inherits: 2.0.4
1492 |       minimatch: 3.1.2
1493 |       once: 1.4.0
1494 |       path-is-absolute: 1.0.1
1495 |     dev: true
1496 | 
1497 |   /globals/13.20.0:
1498 |     resolution: {integrity: sha512-Qg5QtVkCy/kv3FUSlu4ukeZDVf9ee0iXLAUYX13gbR17bnejFTzr4iS9bY7kwCf1NztRNm1t91fjOiyx4CSwPQ==}
1499 |     engines: {node: '>=8'}
1500 |     dependencies:
1501 |       type-fest: 0.20.2
1502 |     dev: true
1503 | 
1504 |   /globalyzer/0.1.0:
1505 |     resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
1506 |     dev: true
1507 | 
1508 |   /globrex/0.1.2:
1509 |     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
1510 |     dev: true
1511 | 
1512 |   /grapheme-splitter/1.0.4:
1513 |     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
1514 |     dev: true
1515 | 
1516 |   /has-flag/4.0.0:
1517 |     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
1518 |     engines: {node: '>=8'}
1519 |     dev: true
1520 | 
1521 |   /has/1.0.3:
1522 |     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
1523 |     engines: {node: '>= 0.4.0'}
1524 |     dependencies:
1525 |       function-bind: 1.1.1
1526 |     dev: true
1527 | 
1528 |   /http-parser-js/0.5.8:
1529 |     resolution: {integrity: sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==}
1530 |     dev: false
1531 | 
1532 |   /idb/7.0.1:
1533 |     resolution: {integrity: sha512-UUxlE7vGWK5RfB/fDwEGgRf84DY/ieqNha6msMV99UsEMQhJ1RwbCd8AYBj3QMgnE3VZnfQvm4oKVCJTYlqIgg==}
1534 |     dev: false
1535 | 
1536 |   /ignore/5.2.4:
1537 |     resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
1538 |     engines: {node: '>= 4'}
1539 |     dev: true
1540 | 
1541 |   /import-fresh/3.3.0:
1542 |     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
1543 |     engines: {node: '>=6'}
1544 |     dependencies:
1545 |       parent-module: 1.0.1
1546 |       resolve-from: 4.0.0
1547 |     dev: true
1548 | 
1549 |   /import-meta-resolve/2.2.1:
1550 |     resolution: {integrity: sha512-C6lLL7EJPY44kBvA80gq4uMsVFw5x3oSKfuMl1cuZ2RkI5+UJqQXgn+6hlUew0y4ig7Ypt4CObAAIzU53Nfpuw==}
1551 |     dev: true
1552 | 
1553 |   /imurmurhash/0.1.4:
1554 |     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
1555 |     engines: {node: '>=0.8.19'}
1556 |     dev: true
1557 | 
1558 |   /inflight/1.0.6:
1559 |     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
1560 |     dependencies:
1561 |       once: 1.4.0
1562 |       wrappy: 1.0.2
1563 |     dev: true
1564 | 
1565 |   /inherits/2.0.4:
1566 |     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
1567 |     dev: true
1568 | 
1569 |   /is-binary-path/2.1.0:
1570 |     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
1571 |     engines: {node: '>=8'}
1572 |     dependencies:
1573 |       binary-extensions: 2.2.0
1574 |     dev: true
1575 | 
1576 |   /is-core-module/2.11.0:
1577 |     resolution: {integrity: sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==}
1578 |     dependencies:
1579 |       has: 1.0.3
1580 |     dev: true
1581 | 
1582 |   /is-extglob/2.1.1:
1583 |     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
1584 |     engines: {node: '>=0.10.0'}
1585 |     dev: true
1586 | 
1587 |   /is-fullwidth-code-point/3.0.0:
1588 |     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
1589 |     engines: {node: '>=8'}
1590 |     dev: false
1591 | 
1592 |   /is-glob/4.0.3:
1593 |     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
1594 |     engines: {node: '>=0.10.0'}
1595 |     dependencies:
1596 |       is-extglob: 2.1.1
1597 |     dev: true
1598 | 
1599 |   /is-number/7.0.0:
1600 |     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
1601 |     engines: {node: '>=0.12.0'}
1602 |     dev: true
1603 | 
1604 |   /is-path-inside/3.0.3:
1605 |     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
1606 |     engines: {node: '>=8'}
1607 |     dev: true
1608 | 
1609 |   /isexe/2.0.0:
1610 |     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
1611 |     dev: true
1612 | 
1613 |   /js-sdsl/4.3.0:
1614 |     resolution: {integrity: sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==}
1615 |     dev: true
1616 | 
1617 |   /js-yaml/4.1.0:
1618 |     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
1619 |     hasBin: true
1620 |     dependencies:
1621 |       argparse: 2.0.1
1622 |     dev: true
1623 | 
1624 |   /json-schema-traverse/0.4.1:
1625 |     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
1626 |     dev: true
1627 | 
1628 |   /json-stable-stringify-without-jsonify/1.0.1:
1629 |     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
1630 |     dev: true
1631 | 
1632 |   /kleur/4.1.5:
1633 |     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
1634 |     engines: {node: '>=6'}
1635 |     dev: true
1636 | 
1637 |   /levn/0.4.1:
1638 |     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
1639 |     engines: {node: '>= 0.8.0'}
1640 |     dependencies:
1641 |       prelude-ls: 1.2.1
1642 |       type-check: 0.4.0
1643 |     dev: true
1644 | 
1645 |   /lilconfig/2.0.6:
1646 |     resolution: {integrity: sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==}
1647 |     engines: {node: '>=10'}
1648 |     dev: true
1649 | 
1650 |   /locate-path/6.0.0:
1651 |     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
1652 |     engines: {node: '>=10'}
1653 |     dependencies:
1654 |       p-locate: 5.0.0
1655 |     dev: true
1656 | 
1657 |   /lodash.camelcase/4.3.0:
1658 |     resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
1659 |     dev: false
1660 | 
1661 |   /lodash.merge/4.6.2:
1662 |     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
1663 |     dev: true
1664 | 
1665 |   /long/4.0.0:
1666 |     resolution: {integrity: sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA==}
1667 |     dev: false
1668 | 
1669 |   /long/5.2.1:
1670 |     resolution: {integrity: sha512-GKSNGeNAtw8IryjjkhZxuKB3JzlcLTwjtiQCHKvqQet81I93kXslhDQruGI/QsddO83mcDToBVy7GqGS/zYf/A==}
1671 |     dev: false
1672 | 
1673 |   /magic-string/0.27.0:
1674 |     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
1675 |     engines: {node: '>=12'}
1676 |     dependencies:
1677 |       '@jridgewell/sourcemap-codec': 1.4.14
1678 |     dev: true
1679 | 
1680 |   /merge2/1.4.1:
1681 |     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
1682 |     engines: {node: '>= 8'}
1683 |     dev: true
1684 | 
1685 |   /micromatch/4.0.5:
1686 |     resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
1687 |     engines: {node: '>=8.6'}
1688 |     dependencies:
1689 |       braces: 3.0.2
1690 |       picomatch: 2.3.1
1691 |     dev: true
1692 | 
1693 |   /mime/3.0.0:
1694 |     resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
1695 |     engines: {node: '>=10.0.0'}
1696 |     hasBin: true
1697 |     dev: true
1698 | 
1699 |   /mini-svg-data-uri/1.4.4:
1700 |     resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==}
1701 |     hasBin: true
1702 |     dev: true
1703 | 
1704 |   /minimatch/3.1.2:
1705 |     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
1706 |     dependencies:
1707 |       brace-expansion: 1.1.11
1708 |     dev: true
1709 | 
1710 |   /minimist/1.2.7:
1711 |     resolution: {integrity: sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==}
1712 |     dev: true
1713 | 
1714 |   /moment/2.29.4:
1715 |     resolution: {integrity: sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==}
1716 |     dev: false
1717 | 
1718 |   /mri/1.2.0:
1719 |     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
1720 |     engines: {node: '>=4'}
1721 |     dev: true
1722 | 
1723 |   /mrmime/1.0.1:
1724 |     resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
1725 |     engines: {node: '>=10'}
1726 |     dev: true
1727 | 
1728 |   /ms/2.1.2:
1729 |     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
1730 |     dev: true
1731 | 
1732 |   /nanoid/3.3.4:
1733 |     resolution: {integrity: sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==}
1734 |     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
1735 |     hasBin: true
1736 |     dev: true
1737 | 
1738 |   /natural-compare/1.4.0:
1739 |     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
1740 |     dev: true
1741 | 
1742 |   /node-fetch/2.6.7:
1743 |     resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
1744 |     engines: {node: 4.x || >=6.0.0}
1745 |     peerDependencies:
1746 |       encoding: ^0.1.0
1747 |     peerDependenciesMeta:
1748 |       encoding:
1749 |         optional: true
1750 |     dependencies:
1751 |       whatwg-url: 5.0.0
1752 |     dev: false
1753 | 
1754 |   /node-releases/2.0.10:
1755 |     resolution: {integrity: sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==}
1756 |     dev: true
1757 | 
1758 |   /normalize-path/3.0.0:
1759 |     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
1760 |     engines: {node: '>=0.10.0'}
1761 |     dev: true
1762 | 
1763 |   /normalize-range/0.1.2:
1764 |     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
1765 |     engines: {node: '>=0.10.0'}
1766 |     dev: true
1767 | 
1768 |   /object-hash/3.0.0:
1769 |     resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
1770 |     engines: {node: '>= 6'}
1771 |     dev: true
1772 | 
1773 |   /once/1.4.0:
1774 |     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
1775 |     dependencies:
1776 |       wrappy: 1.0.2
1777 |     dev: true
1778 | 
1779 |   /optionator/0.9.1:
1780 |     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
1781 |     engines: {node: '>= 0.8.0'}
1782 |     dependencies:
1783 |       deep-is: 0.1.4
1784 |       fast-levenshtein: 2.0.6
1785 |       levn: 0.4.1
1786 |       prelude-ls: 1.2.1
1787 |       type-check: 0.4.0
1788 |       word-wrap: 1.2.3
1789 |     dev: true
1790 | 
1791 |   /p-limit/3.1.0:
1792 |     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
1793 |     engines: {node: '>=10'}
1794 |     dependencies:
1795 |       yocto-queue: 0.1.0
1796 |     dev: true
1797 | 
1798 |   /p-locate/5.0.0:
1799 |     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
1800 |     engines: {node: '>=10'}
1801 |     dependencies:
1802 |       p-limit: 3.1.0
1803 |     dev: true
1804 | 
1805 |   /parent-module/1.0.1:
1806 |     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
1807 |     engines: {node: '>=6'}
1808 |     dependencies:
1809 |       callsites: 3.1.0
1810 |     dev: true
1811 | 
1812 |   /path-exists/4.0.0:
1813 |     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
1814 |     engines: {node: '>=8'}
1815 |     dev: true
1816 | 
1817 |   /path-is-absolute/1.0.1:
1818 |     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
1819 |     engines: {node: '>=0.10.0'}
1820 |     dev: true
1821 | 
1822 |   /path-key/3.1.1:
1823 |     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
1824 |     engines: {node: '>=8'}
1825 |     dev: true
1826 | 
1827 |   /path-parse/1.0.7:
1828 |     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
1829 |     dev: true
1830 | 
1831 |   /picocolors/1.0.0:
1832 |     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
1833 |     dev: true
1834 | 
1835 |   /picomatch/2.3.1:
1836 |     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
1837 |     engines: {node: '>=8.6'}
1838 |     dev: true
1839 | 
1840 |   /pify/2.3.0:
1841 |     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
1842 |     engines: {node: '>=0.10.0'}
1843 |     dev: true
1844 | 
1845 |   /postcss-import/14.1.0_postcss@8.4.21:
1846 |     resolution: {integrity: sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==}
1847 |     engines: {node: '>=10.0.0'}
1848 |     peerDependencies:
1849 |       postcss: ^8.0.0
1850 |     dependencies:
1851 |       postcss: 8.4.21
1852 |       postcss-value-parser: 4.2.0
1853 |       read-cache: 1.0.0
1854 |       resolve: 1.22.1
1855 |     dev: true
1856 | 
1857 |   /postcss-js/4.0.1_postcss@8.4.21:
1858 |     resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
1859 |     engines: {node: ^12 || ^14 || >= 16}
1860 |     peerDependencies:
1861 |       postcss: ^8.4.21
1862 |     dependencies:
1863 |       camelcase-css: 2.0.1
1864 |       postcss: 8.4.21
1865 |     dev: true
1866 | 
1867 |   /postcss-load-config/3.1.4_postcss@8.4.21:
1868 |     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
1869 |     engines: {node: '>= 10'}
1870 |     peerDependencies:
1871 |       postcss: '>=8.0.9'
1872 |       ts-node: '>=9.0.0'
1873 |     peerDependenciesMeta:
1874 |       postcss:
1875 |         optional: true
1876 |       ts-node:
1877 |         optional: true
1878 |     dependencies:
1879 |       lilconfig: 2.0.6
1880 |       postcss: 8.4.21
1881 |       yaml: 1.10.2
1882 |     dev: true
1883 | 
1884 |   /postcss-nested/6.0.0_postcss@8.4.21:
1885 |     resolution: {integrity: sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==}
1886 |     engines: {node: '>=12.0'}
1887 |     peerDependencies:
1888 |       postcss: ^8.2.14
1889 |     dependencies:
1890 |       postcss: 8.4.21
1891 |       postcss-selector-parser: 6.0.11
1892 |     dev: true
1893 | 
1894 |   /postcss-selector-parser/6.0.11:
1895 |     resolution: {integrity: sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==}
1896 |     engines: {node: '>=4'}
1897 |     dependencies:
1898 |       cssesc: 3.0.0
1899 |       util-deprecate: 1.0.2
1900 |     dev: true
1901 | 
1902 |   /postcss-value-parser/4.2.0:
1903 |     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
1904 |     dev: true
1905 | 
1906 |   /postcss/8.4.21:
1907 |     resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
1908 |     engines: {node: ^10 || ^12 || >=14}
1909 |     dependencies:
1910 |       nanoid: 3.3.4
1911 |       picocolors: 1.0.0
1912 |       source-map-js: 1.0.2
1913 |     dev: true
1914 | 
1915 |   /prelude-ls/1.2.1:
1916 |     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
1917 |     engines: {node: '>= 0.8.0'}
1918 |     dev: true
1919 | 
1920 |   /prettier-plugin-svelte/2.9.0_jrsxveqmsx2uadbqiuq74wlc4u:
1921 |     resolution: {integrity: sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==}
1922 |     peerDependencies:
1923 |       prettier: ^1.16.4 || ^2.0.0
1924 |       svelte: ^3.2.0
1925 |     dependencies:
1926 |       prettier: 2.8.4
1927 |       svelte: 3.55.1
1928 |     dev: true
1929 | 
1930 |   /prettier/2.8.4:
1931 |     resolution: {integrity: sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==}
1932 |     engines: {node: '>=10.13.0'}
1933 |     hasBin: true
1934 |     dev: true
1935 | 
1936 |   /protobufjs/6.11.3:
1937 |     resolution: {integrity: sha512-xL96WDdCZYdU7Slin569tFX712BxsxslWwAfAhCYjQKGTq7dAU91Lomy6nLLhh/dyGhk/YH4TwTSRxTzhuHyZg==}
1938 |     hasBin: true
1939 |     requiresBuild: true
1940 |     dependencies:
1941 |       '@protobufjs/aspromise': 1.1.2
1942 |       '@protobufjs/base64': 1.1.2
1943 |       '@protobufjs/codegen': 2.0.4
1944 |       '@protobufjs/eventemitter': 1.1.0
1945 |       '@protobufjs/fetch': 1.1.0
1946 |       '@protobufjs/float': 1.0.2
1947 |       '@protobufjs/inquire': 1.1.0
1948 |       '@protobufjs/path': 1.1.2
1949 |       '@protobufjs/pool': 1.1.0
1950 |       '@protobufjs/utf8': 1.1.0
1951 |       '@types/long': 4.0.2
1952 |       '@types/node': 18.14.2
1953 |       long: 4.0.0
1954 |     dev: false
1955 | 
1956 |   /protobufjs/7.2.2:
1957 |     resolution: {integrity: sha512-++PrQIjrom+bFDPpfmqXfAGSQs40116JRrqqyf53dymUMvvb5d/LMRyicRoF1AUKoXVS1/IgJXlEgcpr4gTF3Q==}
1958 |     engines: {node: '>=12.0.0'}
1959 |     requiresBuild: true
1960 |     dependencies:
1961 |       '@protobufjs/aspromise': 1.1.2
1962 |       '@protobufjs/base64': 1.1.2
1963 |       '@protobufjs/codegen': 2.0.4
1964 |       '@protobufjs/eventemitter': 1.1.0
1965 |       '@protobufjs/fetch': 1.1.0
1966 |       '@protobufjs/float': 1.0.2
1967 |       '@protobufjs/inquire': 1.1.0
1968 |       '@protobufjs/path': 1.1.2
1969 |       '@protobufjs/pool': 1.1.0
1970 |       '@protobufjs/utf8': 1.1.0
1971 |       '@types/node': 18.14.2
1972 |       long: 5.2.1
1973 |     dev: false
1974 | 
1975 |   /punycode/2.3.0:
1976 |     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
1977 |     engines: {node: '>=6'}
1978 |     dev: true
1979 | 
1980 |   /queue-microtask/1.2.3:
1981 |     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
1982 |     dev: true
1983 | 
1984 |   /quick-lru/5.1.1:
1985 |     resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
1986 |     engines: {node: '>=10'}
1987 |     dev: true
1988 | 
1989 |   /read-cache/1.0.0:
1990 |     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
1991 |     dependencies:
1992 |       pify: 2.3.0
1993 |     dev: true
1994 | 
1995 |   /readdirp/3.6.0:
1996 |     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
1997 |     engines: {node: '>=8.10.0'}
1998 |     dependencies:
1999 |       picomatch: 2.3.1
2000 |     dev: true
2001 | 
2002 |   /regexpp/3.2.0:
2003 |     resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
2004 |     engines: {node: '>=8'}
2005 |     dev: true
2006 | 
2007 |   /require-directory/2.1.1:
2008 |     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
2009 |     engines: {node: '>=0.10.0'}
2010 |     dev: false
2011 | 
2012 |   /resolve-from/4.0.0:
2013 |     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
2014 |     engines: {node: '>=4'}
2015 |     dev: true
2016 | 
2017 |   /resolve/1.22.1:
2018 |     resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
2019 |     hasBin: true
2020 |     dependencies:
2021 |       is-core-module: 2.11.0
2022 |       path-parse: 1.0.7
2023 |       supports-preserve-symlinks-flag: 1.0.0
2024 |     dev: true
2025 | 
2026 |   /reusify/1.0.4:
2027 |     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
2028 |     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
2029 |     dev: true
2030 | 
2031 |   /rimraf/3.0.2:
2032 |     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
2033 |     hasBin: true
2034 |     dependencies:
2035 |       glob: 7.2.3
2036 |     dev: true
2037 | 
2038 |   /rollup/3.14.0:
2039 |     resolution: {integrity: sha512-o23sdgCLcLSe3zIplT9nQ1+r97okuaiR+vmAPZPTDYB7/f3tgWIYNyiQveMsZwshBT0is4eGax/HH83Q7CG+/Q==}
2040 |     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
2041 |     hasBin: true
2042 |     optionalDependencies:
2043 |       fsevents: 2.3.2
2044 |     dev: true
2045 | 
2046 |   /run-parallel/1.2.0:
2047 |     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
2048 |     dependencies:
2049 |       queue-microtask: 1.2.3
2050 |     dev: true
2051 | 
2052 |   /sade/1.8.1:
2053 |     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
2054 |     engines: {node: '>=6'}
2055 |     dependencies:
2056 |       mri: 1.2.0
2057 |     dev: true
2058 | 
2059 |   /safe-buffer/5.2.1:
2060 |     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
2061 |     dev: false
2062 | 
2063 |   /set-cookie-parser/2.5.1:
2064 |     resolution: {integrity: sha512-1jeBGaKNGdEq4FgIrORu/N570dwoPYio8lSoYLWmX7sQ//0JY08Xh9o5pBcgmHQ/MbsYp/aZnOe1s1lIsbLprQ==}
2065 |     dev: true
2066 | 
2067 |   /shebang-command/2.0.0:
2068 |     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
2069 |     engines: {node: '>=8'}
2070 |     dependencies:
2071 |       shebang-regex: 3.0.0
2072 |     dev: true
2073 | 
2074 |   /shebang-regex/3.0.0:
2075 |     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
2076 |     engines: {node: '>=8'}
2077 |     dev: true
2078 | 
2079 |   /sirv/2.0.2:
2080 |     resolution: {integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==}
2081 |     engines: {node: '>= 10'}
2082 |     dependencies:
2083 |       '@polka/url': 1.0.0-next.21
2084 |       mrmime: 1.0.1
2085 |       totalist: 3.0.0
2086 |     dev: true
2087 | 
2088 |   /source-map-js/1.0.2:
2089 |     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
2090 |     engines: {node: '>=0.10.0'}
2091 |     dev: true
2092 | 
2093 |   /streamsearch/1.1.0:
2094 |     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
2095 |     engines: {node: '>=10.0.0'}
2096 |     dev: true
2097 | 
2098 |   /string-width/4.2.3:
2099 |     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
2100 |     engines: {node: '>=8'}
2101 |     dependencies:
2102 |       emoji-regex: 8.0.0
2103 |       is-fullwidth-code-point: 3.0.0
2104 |       strip-ansi: 6.0.1
2105 |     dev: false
2106 | 
2107 |   /strip-ansi/6.0.1:
2108 |     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
2109 |     engines: {node: '>=8'}
2110 |     dependencies:
2111 |       ansi-regex: 5.0.1
2112 | 
2113 |   /strip-json-comments/3.1.1:
2114 |     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
2115 |     engines: {node: '>=8'}
2116 |     dev: true
2117 | 
2118 |   /supports-color/7.2.0:
2119 |     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
2120 |     engines: {node: '>=8'}
2121 |     dependencies:
2122 |       has-flag: 4.0.0
2123 |     dev: true
2124 | 
2125 |   /supports-preserve-symlinks-flag/1.0.0:
2126 |     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
2127 |     engines: {node: '>= 0.4'}
2128 |     dev: true
2129 | 
2130 |   /svelte-hmr/0.15.1_svelte@3.55.1:
2131 |     resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==}
2132 |     engines: {node: ^12.20 || ^14.13.1 || >= 16}
2133 |     peerDependencies:
2134 |       svelte: '>=3.19.0'
2135 |     dependencies:
2136 |       svelte: 3.55.1
2137 |     dev: true
2138 | 
2139 |   /svelte-icons/2.1.0:
2140 |     resolution: {integrity: sha512-rHPQjweEc9fGSnvM0/4gA3pDHwyZyYsC5KhttCZRhSMJfLttJST5Uq0B16Czhw+HQ+HbSOk8kLigMlPs7gZtfg==}
2141 |     dev: false
2142 | 
2143 |   /svelte/3.55.1:
2144 |     resolution: {integrity: sha512-S+87/P0Ve67HxKkEV23iCdAh/SX1xiSfjF1HOglno/YTbSTW7RniICMCofWGdJJbdjw3S+0PfFb1JtGfTXE0oQ==}
2145 |     engines: {node: '>= 8'}
2146 |     dev: true
2147 | 
2148 |   /tailwindcss/3.2.6_postcss@8.4.21:
2149 |     resolution: {integrity: sha512-BfgQWZrtqowOQMC2bwaSNe7xcIjdDEgixWGYOd6AL0CbKHJlvhfdbINeAW76l1sO+1ov/MJ93ODJ9yluRituIw==}
2150 |     engines: {node: '>=12.13.0'}
2151 |     hasBin: true
2152 |     peerDependencies:
2153 |       postcss: ^8.0.9
2154 |     dependencies:
2155 |       arg: 5.0.2
2156 |       chokidar: 3.5.3
2157 |       color-name: 1.1.4
2158 |       detective: 5.2.1
2159 |       didyoumean: 1.2.2
2160 |       dlv: 1.1.3
2161 |       fast-glob: 3.2.12
2162 |       glob-parent: 6.0.2
2163 |       is-glob: 4.0.3
2164 |       lilconfig: 2.0.6
2165 |       micromatch: 4.0.5
2166 |       normalize-path: 3.0.0
2167 |       object-hash: 3.0.0
2168 |       picocolors: 1.0.0
2169 |       postcss: 8.4.21
2170 |       postcss-import: 14.1.0_postcss@8.4.21
2171 |       postcss-js: 4.0.1_postcss@8.4.21
2172 |       postcss-load-config: 3.1.4_postcss@8.4.21
2173 |       postcss-nested: 6.0.0_postcss@8.4.21
2174 |       postcss-selector-parser: 6.0.11
2175 |       postcss-value-parser: 4.2.0
2176 |       quick-lru: 5.1.1
2177 |       resolve: 1.22.1
2178 |     transitivePeerDependencies:
2179 |       - ts-node
2180 |     dev: true
2181 | 
2182 |   /text-table/0.2.0:
2183 |     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
2184 |     dev: true
2185 | 
2186 |   /tiny-glob/0.2.9:
2187 |     resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
2188 |     dependencies:
2189 |       globalyzer: 0.1.0
2190 |       globrex: 0.1.2
2191 |     dev: true
2192 | 
2193 |   /to-regex-range/5.0.1:
2194 |     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
2195 |     engines: {node: '>=8.0'}
2196 |     dependencies:
2197 |       is-number: 7.0.0
2198 |     dev: true
2199 | 
2200 |   /totalist/3.0.0:
2201 |     resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==}
2202 |     engines: {node: '>=6'}
2203 |     dev: true
2204 | 
2205 |   /tr46/0.0.3:
2206 |     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
2207 |     dev: false
2208 | 
2209 |   /tslib/2.5.0:
2210 |     resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==}
2211 |     dev: false
2212 | 
2213 |   /type-check/0.4.0:
2214 |     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
2215 |     engines: {node: '>= 0.8.0'}
2216 |     dependencies:
2217 |       prelude-ls: 1.2.1
2218 |     dev: true
2219 | 
2220 |   /type-fest/0.20.2:
2221 |     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
2222 |     engines: {node: '>=10'}
2223 |     dev: true
2224 | 
2225 |   /undici/5.18.0:
2226 |     resolution: {integrity: sha512-1iVwbhonhFytNdg0P4PqyIAXbdlVZVebtPDvuM36m66mRw4OGrCm2MYynJv/UENFLdP13J1nPVQzVE2zTs1OeA==}
2227 |     engines: {node: '>=12.18'}
2228 |     dependencies:
2229 |       busboy: 1.6.0
2230 |     dev: true
2231 | 
2232 |   /update-browserslist-db/1.0.10_browserslist@4.21.5:
2233 |     resolution: {integrity: sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==}
2234 |     hasBin: true
2235 |     peerDependencies:
2236 |       browserslist: '>= 4.21.0'
2237 |     dependencies:
2238 |       browserslist: 4.21.5
2239 |       escalade: 3.1.1
2240 |       picocolors: 1.0.0
2241 |     dev: true
2242 | 
2243 |   /uri-js/4.4.1:
2244 |     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
2245 |     dependencies:
2246 |       punycode: 2.3.0
2247 |     dev: true
2248 | 
2249 |   /util-deprecate/1.0.2:
2250 |     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
2251 |     dev: true
2252 | 
2253 |   /vite/4.1.1:
2254 |     resolution: {integrity: sha512-LM9WWea8vsxhr782r9ntg+bhSFS06FJgCvvB0+8hf8UWtvaiDagKYWXndjfX6kGl74keHJUcpzrQliDXZlF5yg==}
2255 |     engines: {node: ^14.18.0 || >=16.0.0}
2256 |     hasBin: true
2257 |     peerDependencies:
2258 |       '@types/node': '>= 14'
2259 |       less: '*'
2260 |       sass: '*'
2261 |       stylus: '*'
2262 |       sugarss: '*'
2263 |       terser: ^5.4.0
2264 |     peerDependenciesMeta:
2265 |       '@types/node':
2266 |         optional: true
2267 |       less:
2268 |         optional: true
2269 |       sass:
2270 |         optional: true
2271 |       stylus:
2272 |         optional: true
2273 |       sugarss:
2274 |         optional: true
2275 |       terser:
2276 |         optional: true
2277 |     dependencies:
2278 |       esbuild: 0.16.17
2279 |       postcss: 8.4.21
2280 |       resolve: 1.22.1
2281 |       rollup: 3.14.0
2282 |     optionalDependencies:
2283 |       fsevents: 2.3.2
2284 |     dev: true
2285 | 
2286 |   /vitefu/0.2.4_vite@4.1.1:
2287 |     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==}
2288 |     peerDependencies:
2289 |       vite: ^3.0.0 || ^4.0.0
2290 |     peerDependenciesMeta:
2291 |       vite:
2292 |         optional: true
2293 |     dependencies:
2294 |       vite: 4.1.1
2295 |     dev: true
2296 | 
2297 |   /webidl-conversions/3.0.1:
2298 |     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
2299 |     dev: false
2300 | 
2301 |   /websocket-driver/0.7.4:
2302 |     resolution: {integrity: sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==}
2303 |     engines: {node: '>=0.8.0'}
2304 |     dependencies:
2305 |       http-parser-js: 0.5.8
2306 |       safe-buffer: 5.2.1
2307 |       websocket-extensions: 0.1.4
2308 |     dev: false
2309 | 
2310 |   /websocket-extensions/0.1.4:
2311 |     resolution: {integrity: sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==}
2312 |     engines: {node: '>=0.8.0'}
2313 |     dev: false
2314 | 
2315 |   /whatwg-url/5.0.0:
2316 |     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
2317 |     dependencies:
2318 |       tr46: 0.0.3
2319 |       webidl-conversions: 3.0.1
2320 |     dev: false
2321 | 
2322 |   /which/2.0.2:
2323 |     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
2324 |     engines: {node: '>= 8'}
2325 |     hasBin: true
2326 |     dependencies:
2327 |       isexe: 2.0.0
2328 |     dev: true
2329 | 
2330 |   /word-wrap/1.2.3:
2331 |     resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
2332 |     engines: {node: '>=0.10.0'}
2333 |     dev: true
2334 | 
2335 |   /wrap-ansi/7.0.0:
2336 |     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
2337 |     engines: {node: '>=10'}
2338 |     dependencies:
2339 |       ansi-styles: 4.3.0
2340 |       string-width: 4.2.3
2341 |       strip-ansi: 6.0.1
2342 |     dev: false
2343 | 
2344 |   /wrappy/1.0.2:
2345 |     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
2346 |     dev: true
2347 | 
2348 |   /xtend/4.0.2:
2349 |     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
2350 |     engines: {node: '>=0.4'}
2351 |     dev: true
2352 | 
2353 |   /y18n/5.0.8:
2354 |     resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
2355 |     engines: {node: '>=10'}
2356 |     dev: false
2357 | 
2358 |   /yaml/1.10.2:
2359 |     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
2360 |     engines: {node: '>= 6'}
2361 |     dev: true
2362 | 
2363 |   /yargs-parser/20.2.9:
2364 |     resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
2365 |     engines: {node: '>=10'}
2366 |     dev: false
2367 | 
2368 |   /yargs/16.2.0:
2369 |     resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
2370 |     engines: {node: '>=10'}
2371 |     dependencies:
2372 |       cliui: 7.0.4
2373 |       escalade: 3.1.1
2374 |       get-caller-file: 2.0.5
2375 |       require-directory: 2.1.1
2376 |       string-width: 4.2.3
2377 |       y18n: 5.0.8
2378 |       yargs-parser: 20.2.9
2379 |     dev: false
2380 | 
2381 |   /yocto-queue/0.1.0:
2382 |     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
2383 |     engines: {node: '>=10'}
2384 |     dev: true
2385 | 


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