eslint + prettier (#2)

Co-authored-by: DanConwayDev <114834599+DanConwayDev@users.noreply.github.com>

.eslintrc

@@ -0,0 +1,44 @@
+// eslint-plugin-svelte
+// https://sveltejs.github.io/eslint-plugin-svelte/user-guide/
+{
+  "root": true,
+  "extends": [
+    // add more generic rule sets here, such as:
+    // 'eslint:recommended',
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+    "plugin:svelte/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    // ...
+    "project": "./tsconfig.json",
+    "extraFileExtensions": [".svelte"] // This is a required setting in `@typescript-eslint/parser` v4.24.0.
+  },
+  "plugins": ["@typescript-eslint", "prettier"],
+  "rules": {
+    "no-console": 1,
+    "prettier/prettier": 2,
+    "comma-dangle": [2, "always-multiline"],
+    "no-alert": "off",
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_"
+      }
+    ]
+    // 'svelte/rule-name': 'error'
+  },
+  "overrides": [
+    {
+      "files": ["*.svelte"],
+      "parser": "svelte-eslint-parser",
+      // Parse the `<script>` in `.svelte` as TypeScript by adding the following configuration.
+      "parserOptions": {
+        "parser": "@typescript-eslint/parser"
+      }
+    }
+  ]
+}

.prettierrc

@@ -0,0 +1,16 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 80,
+  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+  "overrides": [
+    {
+      "files": "*.eslintrc",
+      "options": {
+        "trailingComma": "none"
+      }
+    }
+  ]
+}

.vscode/settings.json

@@ -1,6 +1,10 @@
 {
+  "eslint.validate": ["javascript", "javascriptreact", "svelte"],
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
   "diffEditor.ignoreTrimWhitespace": false,
   "editor.formatOnPaste": true,
   "editor.formatOnSave": true,
-      "svelte.enable-ts-plugin": true
+  "files.associations": {
+    "*.css": "tailwindcss"
+  }
 }

maintainers.yaml

@@ -1,7 +0,0 @@
-maintainers:
-- npub15qydau2hjma6ngxkl2cyar74wzyjshvl65za5k5rl69264ar2exs5cyejr
-relays:
-- wss://relay.snort.social/
-- wss://relayable.org/
-- wss://relay.damus.io/
-- wss://nos.lol/

package.json

@@ -8,6 +8,8 @@
     "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "eslint 'src/**/*.{ts,svelte}' --fix",
+    "format": "prettier 'src/**/*.{ts,svelte}' --write",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "storybook build && (concurrently -k -s first \"http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && test-storybook --index-json --maxWorkers=2\") && rm storybook-static -r -f",
@@ -32,11 +34,19 @@
     "@types/jest-image-snapshot": "^6.2.1",
     "@types/node": "^20.8.2",
     "@types/ramda": "^0.29.10",
+    "@typescript-eslint/eslint-plugin": "^6.20.0",
+    "@typescript-eslint/parser": "^6.20.0",
     "autoprefixer": "^10.4.16",
     "concurrently": "^8.2.2",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-svelte": "^2.35.1",
     "http-server": "^14.1.1",
     "jest-image-snapshot": "^6.2.0",
     "postcss": "^8.4.30",
+    "prettier": "^3.2.4",
+    "prettier-plugin-svelte": "^3.1.2",
+    "prettier-plugin-tailwindcss": "^0.5.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^7.4.5",

src/lib/components/Container.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    export let no_wrap: boolean = false;
+  export let no_wrap: boolean = false
 </script>
 
 <div class="mx-auto lg:container">

src/lib/components/Navbar.stories.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import Navbar from "$lib/components/Navbar.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { UserVectors } from "$lib/components/users/vectors";
+  import type { Meta } from '@storybook/svelte'
+  import Navbar from '$lib/components/Navbar.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { UserVectors } from '$lib/components/users/vectors'
 
   export const meta: Meta<Navbar> = {
-        title: "Navbar",
+    title: 'Navbar',
     component: Navbar,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>

src/lib/components/Navbar.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import Container from "./Container.svelte";
-  import UserHeader from "./users/UserHeader.svelte";
-  import type { User } from "./users/type";
+  import Container from './Container.svelte'
+  import UserHeader from './users/UserHeader.svelte'
+  import type { User } from './users/type'
 
-  export let logged_in_user: User | undefined = undefined;
-  export let nip07_plugin: boolean | undefined = undefined;
-  export let login_function: Function = () => {};
-  export let singup_function: Function = () => {};
+  export let logged_in_user: User | undefined = undefined
+  export let nip07_plugin: boolean | undefined = undefined
+  export let login_function = () => {}
+  export let singup_function = () => {}
 </script>
 
 <div class="bg-base-400">
@@ -24,20 +24,20 @@
         {#if logged_in_user}
           <UserHeader user={logged_in_user} />
         {:else if nip07_plugin === undefined}
-          <div class="h-8 skeleton w-20"></div>
+          <div class="skeleton h-8 w-20"></div>
         {:else if nip07_plugin}
           <button
             on:click={() => {
-              login_function();
+              login_function()
             }}
-            class="btn normal-case btn-sm btn-ghost">Login</button
+            class="btn btn-ghost btn-sm normal-case">Login</button
           >
         {:else}
           <button
             on:click={() => {
-              singup_function();
+              singup_function()
             }}
-            class="btn normal-case btn-sm btn-ghost">Sign up</button
+            class="btn btn-ghost btn-sm normal-case">Sign up</button
           >
         {/if}
       </div>

src/lib/components/RepoSummaryCard.stories.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import RepoSummaryCard from "./RepoSummaryCard.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { RepoSummaryCardArgsVectors as vectors } from "./repo/vectors";
+  import type { Meta } from '@storybook/svelte'
+  import RepoSummaryCard from './RepoSummaryCard.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { RepoSummaryCardArgsVectors as vectors } from './repo/vectors'
 
   export const meta: Meta<RepoSummaryCard> = {
-        title: "Repo/Summary/Card",
+    title: 'Repo/Summary/Card',
     component: RepoSummaryCard,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>

src/lib/components/RepoSummaryCard.svelte

@@ -1,38 +1,38 @@
 <script lang="ts" context="module">
   export interface Args {
-    name: string;
-    description: string;
-    repo_id: string;
-    loading?: boolean;
-    created_at: number;
+    name: string
+    description: string
+    repo_id: string
+    loading?: boolean
+    created_at: number
   }
   export const defaults: Args = {
-    name: "",
-    repo_id: "",
-    description: "",
+    name: '',
+    repo_id: '',
+    description: '',
     loading: false,
     created_at: 0,
-  };
+  }
 </script>
 
 <script lang="ts">
-  export let { name, description, repo_id: repo_id, loading } = defaults;
-  let short_name: string;
+  export let { name, description, repo_id: repo_id, loading } = defaults
+  let short_name: string
   $: {
-    if (name.length > 45) short_name = name.slice(0, 45) + "...";
-    else if (name.length == 0) short_name = "Untitled";
-    else short_name = name;
+    if (name.length > 45) short_name = name.slice(0, 45) + '...'
+    else if (name.length == 0) short_name = 'Untitled'
+    else short_name = name
   }
   $: short_descrption =
-    description.length > 50 ? description.slice(0, 45) + "..." : description;
+    description.length > 50 ? description.slice(0, 45) + '...' : description
 </script>
 
-<div class="p-4 bg-base-200 my-2 rounded-lg">
+<div class="my-2 rounded-lg bg-base-200 p-4">
   {#if loading}
-    <div class="h-5 mb-2 skeleton w-40"></div>
-    <div class="h-4 skeleton w-100"></div>
+    <div class="skeleton mb-2 h-5 w-40"></div>
+    <div class="w-100 skeleton h-4"></div>
   {:else}
     <a class="link-primary break-words" href="/repo/{repo_id}">{short_name}</a>
-    <p class="text-sm text-muted break-words">{short_descrption}</p>
+    <p class="text-muted break-words text-sm">{short_descrption}</p>
   {/if}
 </div>

src/lib/components/ReposSummaryList.stories.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import ReposSummaryList from "./ReposSummaryList.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { RepoSummaryCardArgsVectors as vectors } from "./repo/vectors";
+  import type { Meta } from '@storybook/svelte'
+  import ReposSummaryList from './ReposSummaryList.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { RepoSummaryCardArgsVectors as vectors } from './repo/vectors'
 
   export const meta: Meta<ReposSummaryList> = {
-        title: "Repo/Summary/List",
+    title: 'Repo/Summary/List',
     component: ReposSummaryList,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>
@@ -18,7 +18,7 @@
 <Story
   name="Default"
   args={{
-        title: "Featured Repositories",
+    title: 'Featured Repositories',
     repos: [vectors.Short, vectors.Long, vectors.LongNoSpaces],
   }}
 />
@@ -32,7 +32,7 @@
 <Story
   name="Empty"
   args={{
-        title: "Latest",
+    title: 'Latest',
     repos: [],
   }}
 />
@@ -40,7 +40,7 @@
 <Story
   name="Loading"
   args={{
-        title: "Latest",
+    title: 'Latest',
     repos: [],
     loading: true,
   }}
@@ -49,7 +49,7 @@
 <Story
   name="Partially Loaded"
   args={{
-        title: "Latest",
+    title: 'Latest',
     repos: [vectors.Short, vectors.Long],
     loading: true,
   }}

src/lib/components/ReposSummaryList.svelte

@@ -1,14 +1,11 @@
 <script lang="ts">
-  import { fade } from "svelte/transition";
-  import { onMount } from "svelte";
-
   import RepoSummaryCard, {
     type Args as RepoSummaryCardArgs,
-  } from "$lib/components/RepoSummaryCard.svelte";
+  } from '$lib/components/RepoSummaryCard.svelte'
 
-  export let title: string = "";
-  export let repos: RepoSummaryCardArgs[] = [];
-  export let loading: boolean = false;
+  export let title: string = ''
+  export let repos: RepoSummaryCardArgs[] = []
+  export let loading: boolean = false
 </script>
 
 <div class="min-width">

src/lib/components/events/Compose.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-    import ParsedContent from "./content/ParsedContent.svelte";
-    export let sendReply: (content: string) => void = (content: string) => {};
-    export let submitting = false;
+  export let sendReply: (content: string) => void = () => {}
+  export let submitting = false
   let submit = () => {
-        sendReply(content);
-    };
-    let content = "";
+    sendReply(content)
+  }
+  let content = ''
 </script>
 
 <div class="">
@@ -20,7 +19,7 @@
     <button
       on:click={submit}
       disabled={submitting}
-            class="btn btn-primary align-bottom mt-2 btn-sm align-right"
+      class="align-right btn btn-primary btn-sm mt-2 align-bottom"
     >
       {#if submitting}
         Sending

src/lib/components/events/EventWrapper.svelte

@@ -1,33 +1,33 @@
 <script lang="ts">
-    import dayjs from "dayjs";
-    import UserHeader from "../users/UserHeader.svelte";
-    import type { User } from "../users/type";
-    import { defaults as user_defaults } from "../users/type";
-    import Compose from "$lib/wrappers/Compose.svelte";
-    import { logged_in_user } from "$lib/stores/users";
+  import dayjs from 'dayjs'
+  import UserHeader from '../users/UserHeader.svelte'
+  import type { User } from '../users/type'
+  import { defaults as user_defaults } from '../users/type'
+  import Compose from '$lib/wrappers/Compose.svelte'
+  import { logged_in_user } from '$lib/stores/users'
 
-    export let author: User = { ...user_defaults };
-    export let created_at: number | undefined;
-    export let event_id = "";
-    export let logged_in = $logged_in_user;
-    let show_compose = false;
+  export let author: User = { ...user_defaults }
+  export let created_at: number | undefined
+  export let event_id = ''
+  export let logged_in = $logged_in_user
+  let show_compose = false
 
-    let created_at_ago = "";
-    $: created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : "";
+  let created_at_ago = ''
+  $: created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : ''
 </script>
 
-<div class="pl-3 p-3 border-b border-base-300">
+<div class="border-b border-base-300 p-3 pl-3">
   <div class="flex">
     <div class="flex-auto">
       <UserHeader user={author} />
     </div>
     {#if !show_compose}
-            <div class="mt-1 mb-1 aling-middle">
-                <span class="text-xs mb-1">{created_at_ago}</span>
+      <div class="aling-middle mb-1 mt-1">
+        <span class="mb-1 text-xs">{created_at_ago}</span>
         {#if logged_in}
           <button
             on:click={() => {
-                            show_compose = true;
+              show_compose = true
             }}
             class="btn btn-xs"
             ><svg
@@ -53,10 +53,9 @@
           <div class="flex-auto"></div>
           <button
             on:click={() => {
-                            show_compose = false;
+              show_compose = false
             }}
-                        class="btn btn-sm btn-circle btn-ghost right-2 top-2"
-                        >✕</button
+            class="btn btn-circle btn-ghost btn-sm right-2 top-2">✕</button
           >
         </div>
         <div class="">

src/lib/components/events/content/Kind19851985.svelte

@@ -1,16 +1,16 @@
 <script lang="ts">
-    import type { NDKTag } from "@nostr-dev-kit/ndk";
-    import Status from "$lib/components/prs/Status.svelte";
+  import type { NDKTag } from '@nostr-dev-kit/ndk'
+  import Status from '$lib/components/prs/Status.svelte'
 
-    export let tags: NDKTag[] = [];
+  export let tags: NDKTag[] = []
 
   function extractTagContent(name: string): string | undefined {
-        let tag = tags.find((tag) => tag[0] === name);
-        return tag ? tag[1] : undefined;
+    let tag = tags.find((tag) => tag[0] === name)
+    return tag ? tag[1] : undefined
   }
-    let status: string | undefined;
+  let status: string | undefined
   $: {
-        status = extractTagContent("l");
+    status = extractTagContent('l')
   }
 </script>
 

src/lib/components/events/content/Kind317.svelte

@@ -1,40 +1,35 @@
 <script lang="ts">
-    import type { NDKTag } from "@nostr-dev-kit/ndk";
-    import parseDiff from "parse-diff";
-    import ParsedContent from "./ParsedContent.svelte";
+  import type { NDKTag } from '@nostr-dev-kit/ndk'
+  import parseDiff from 'parse-diff'
+  import ParsedContent from './ParsedContent.svelte'
 
-    export let content: string = "";
-    export let tags: NDKTag[] = [];
-    export let lite: boolean = true;
+  export let content: string = ''
+  export let tags: NDKTag[] = []
 
-    let commit_id = extractTagContent("commit") || "[unknown commit_id]";
-    let commit_message = extractTagContent("description") || "[untitled]";
+  let commit_id = extractTagContent('commit') || '[unknown commit_id]'
+  let commit_message = extractTagContent('description') || '[untitled]'
 
-    let files = parseDiff(content);
+  let files = parseDiff(content)
   function extractTagContent(name: string): string | undefined {
-        let tag = tags.find((tag) => tag[0] === name);
-        return tag ? tag[1] : undefined;
+    let tag = tags.find((tag) => tag[0] === name)
+    return tag ? tag[1] : undefined
   }
 </script>
 
 <div class="">
-    <div class="bg-base-300 rounded-t p-1 flex">
-        <article class="ml-2 prose font-mono flex-grow">
+  <div class="flex rounded-t bg-base-300 p-1">
+    <article class="prose ml-2 flex-grow font-mono">
       <ParsedContent content={commit_message} />
     </article>
-        <div class="text-xs text-neutral p-1 flex-none align-middle">
-            commit
-        </div>
+    <div class="flex-none p-1 align-middle text-xs text-neutral">commit</div>
   </div>
 
-    <div class="bg-base-200 p-1 rounded-b">
-        <table class="table table-xs table-zebra">
+  <div class="rounded-b bg-base-200 p-1">
+    <table class="table table-zebra table-xs">
       <tr>
         <td class="text-xs">Changes: </td>
         <td class="text-right">
-                    <span class="text-xs font-mono"
-                        >{commit_id.substring(0, 8)}</span
-                    >
+          <span class="font-mono text-xs">{commit_id.substring(0, 8)}</span>
         </td>
       </tr>
       {#each files as file}

src/lib/components/events/content/ParsedContent.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
-    import type { NDKTag } from "@nostr-dev-kit/ndk";
+  import type { NDKTag } from '@nostr-dev-kit/ndk'
   import {
     isParsedNewLine,
     isParsedText,
     parseContent,
     type ParsedPart,
-    } from "./utils";
-    export let content: string = "";
-    export let tags: NDKTag[] = [];
+  } from './utils'
+  export let content: string = ''
+  export let tags: NDKTag[] = []
 
-    let fullContent: ParsedPart[] = [];
+  let fullContent: ParsedPart[] = []
 
-    $: fullContent = parseContent({ content, tags });
+  $: fullContent = parseContent({ content, tags })
 </script>
 
 <div>
-    {#each fullContent as part, i}
+  {#each fullContent as part}
     {#if isParsedNewLine(part)}
       {#if part.value.length > 1}
         <br />

src/lib/components/events/content/utils.ts

@@ -1,96 +1,95 @@
-import type { NDKTag } from "@nostr-dev-kit/ndk";
-import { nip19 } from "nostr-tools";
-import { identity, last, pluck } from "ramda";
-
-export const TOPIC = "topic";
-export const LINK = "link";
-export const LINKCOLLECTION = "link[]";
-export const HTML = "html";
-export const INVOICE = "invoice";
-export const NOSTR_NOTE = "nostr:note";
-export const NOSTR_NEVENT = "nostr:nevent";
-export const NOSTR_NPUB = "nostr:npub";
-export const NOSTR_NPROFILE = "nostr:nprofile";
-export const NOSTR_NADDR = "nostr:naddr";
+import type { NDKTag } from '@nostr-dev-kit/ndk'
+import { last } from 'ramda'
+
+export const TOPIC = 'topic'
+export const LINK = 'link'
+export const LINKCOLLECTION = 'link[]'
+export const HTML = 'html'
+export const INVOICE = 'invoice'
+export const NOSTR_NOTE = 'nostr:note'
+export const NOSTR_NEVENT = 'nostr:nevent'
+export const NOSTR_NPUB = 'nostr:npub'
+export const NOSTR_NPROFILE = 'nostr:nprofile'
+export const NOSTR_NADDR = 'nostr:naddr'
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const first = (list: any) => (list ? list[0] : undefined);
+const first = (list: any) => (list ? list[0] : undefined)
 
-export const fromNostrURI = (s: string) => s.replace(/^[\w+]+:\/?\/?/, "");
+export const fromNostrURI = (s: string) => s.replace(/^[\w+]+:\/?\/?/, '')
 
 export const urlIsMedia = (url: string) =>
-    !url.match(/\.(apk|docx|xlsx|csv|dmg)/) && last(url.split("://"))?.includes("/");
+  !url.match(/\.(apk|docx|xlsx|csv|dmg)/) &&
+  last(url.split('://'))?.includes('/')
 
 export type ContentArgs = {
-    content: string;
-    tags?: Array<NDKTag>;
-};
+  content: string
+  tags?: Array<NDKTag>
+}
 
-export type ParsedPart = ParsedNewLine | ParsedText;
+export type ParsedPart = ParsedNewLine | ParsedText
 
-export const NEWLINE = "newline";
+export const NEWLINE = 'newline'
 
 export type ParsedNewLine = {
-    type: "newline",
-    value: string,
-};
+  type: 'newline'
+  value: string
+}
 
 export const isParsedNewLine = (part: ParsedPart): part is ParsedNewLine => {
-    return part.type == "newline"
-};
+  return part.type == 'newline'
+}
 
-export const TEXT = "text";
+export const TEXT = 'text'
 
 export type ParsedText = {
-    type: "text",
-    value: string,
-};
+  type: 'text'
+  value: string
+}
 
 export const isParsedText = (part: ParsedPart): part is ParsedText => {
-    return part.type == "text"
-};
+  return part.type == 'text'
+}
 
-export const parseContent = ({ content, tags = [] }: ContentArgs): ParsedPart[] => {
-    const result: ParsedPart[] = [];
-    let text = content.trim();
-    let buffer = "";
+export const parseContent = ({ content }: ContentArgs): ParsedPart[] => {
+  const result: ParsedPart[] = []
+  let text = content.trim()
+  let buffer = ''
 
   const parseNewline = () => {
-        const newline = first(text.match(/^\n+/));
+    const newline = first(text.match(/^\n+/))
 
     if (newline) {
-            return [NEWLINE, newline, newline];
+      return [NEWLINE, newline, newline]
+    }
   }
-    };
 
   while (text) {
     // The order that this runs matters
-        const part =
-            parseNewline();
+    const part = parseNewline()
 
     if (part) {
       if (buffer) {
-                result.push({ type: "text", value: buffer });
-                buffer = "";
+        result.push({ type: 'text', value: buffer })
+        buffer = ''
       }
 
-            const [type, raw, value] = part;
+      const [type, raw, value] = part
 
-            result.push({ type, value });
-            text = text.slice(raw.length);
+      result.push({ type, value })
+      text = text.slice(raw.length)
     } else {
       // Instead of going character by character and re-running all the above regular expressions
       // a million times, try to match the next word and add it to the buffer
-            const match = first(text.match(/^[\w\d]+ ?/i)) || text[0];
+      const match = first(text.match(/^[\w\d]+ ?/i)) || text[0]
 
-            buffer += match;
-            text = text.slice(match.length);
+      buffer += match
+      text = text.slice(match.length)
     }
   }
 
   if (buffer) {
-        result.push({ type: TEXT, value: buffer });
+    result.push({ type: TEXT, value: buffer })
   }
 
-    return result;
-};
+  return result
+}

src/lib/components/events/type.ts

@@ -1,12 +1,6 @@
-import { defaults as user_defaults } from "../users/type";
-import type { User } from "../users/type";
+import type { User } from '../users/type'
 
 export interface Event {
-    author: User;
-    content: any;
-}
-
-let defaults: Event = {
-    author: { ...user_defaults },
-    content: [],
+  author: User
+  content: unknown
 }

src/lib/components/prs/PRDetails.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
-    import { full_defaults } from "./type";
-    import UserHeader from "../users/UserHeader.svelte";
-    import StatusSelector from "./StatusSelector.svelte";
+  import { full_defaults } from './type'
+  import UserHeader from '../users/UserHeader.svelte'
+  import StatusSelector from './StatusSelector.svelte'
 
-    export let { summary, labels, loading } = { ...full_defaults };
+  export let { summary, labels, loading } = { ...full_defaults }
 </script>
 
 <div class="max-w-md">
   <div>
     {#if loading}
-            <div class="h-5 my-3 skeleton w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
-            <div class="badge skeleton my-2 w-40 block"></div>
+      <div class="skeleton my-3 h-5 w-20"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
+      <div class="badge skeleton my-2 block w-40"></div>
     {:else}
       <h4>Author</h4>
       <UserHeader user={summary.author} />
@@ -20,9 +20,9 @@
 
   <div>
     {#if loading}
-            <div class="h-5 my-3 skeleton w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
-            <div class="badge skeleton my-2 w-40 block"></div>
+      <div class="skeleton my-3 h-5 w-20"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
+      <div class="badge skeleton my-2 block w-40"></div>
     {:else}
       <h4>Status</h4>
       <StatusSelector

src/lib/components/prs/PRHeader.stories.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import PRHeader from "./PRHeader.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { PRsListItemArgsVectors as vectors } from "./vectors";
+  import type { Meta } from '@storybook/svelte'
+  import PRHeader from './PRHeader.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { PRsListItemArgsVectors as vectors } from './vectors'
 
   export const meta: Meta<PRHeader> = {
-        title: "PRs/Header",
+    title: 'PRs/Header',
     component: PRHeader,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>

src/lib/components/prs/PRHeader.svelte

@@ -2,14 +2,14 @@
 </script>
 
 <script lang="ts">
-    import dayjs from "dayjs";
-    import relativeTime from "dayjs/plugin/relativeTime";
-    import { summary_defaults } from "./type";
-    import { getName } from "../users/type";
-    import Container from "../Container.svelte";
-    import Status from "./Status.svelte";
+  import dayjs from 'dayjs'
+  import relativeTime from 'dayjs/plugin/relativeTime'
+  import { summary_defaults } from './type'
+  import { getName } from '../users/type'
+  import Container from '../Container.svelte'
+  import Status from './Status.svelte'
 
-    dayjs.extend(relativeTime);
+  dayjs.extend(relativeTime)
   export let {
     title,
     descritpion,
@@ -21,54 +21,52 @@
     author,
     created_at,
     loading,
-    } = summary_defaults;
-    let short_title: string;
-    let created_at_ago: string;
-    let author_name = "";
+  } = summary_defaults
+  let short_title: string
+  let created_at_ago: string
+  let author_name = ''
   $: {
-        author_name = getName(author);
+    author_name = getName(author)
   }
   $: {
-        if (title.length > 70) short_title = title.slice(0, 65) + "...";
-        else if (title.length == 0) short_title = "Untitled";
-        else short_title = title;
-        created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : "";
+    if (title.length > 70) short_title = title.slice(0, 65) + '...'
+    else if (title.length == 0) short_title = 'Untitled'
+    else short_title = title
+    created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : ''
   }
 </script>
 
 <div
-    class="overflow-hidden grow text-xs text-neutral-content bg-base-200 border-b border-accent-content pt-2 pb-4"
+  class="grow overflow-hidden border-b border-accent-content bg-base-200 pb-4 pt-2 text-xs text-neutral-content"
 >
   <Container>
     {#if loading}
       <div>
-                <div class="h-7 w-60 pt-1 skeleton"></div>
+        <div class="skeleton h-7 w-60 pt-1"></div>
         <div class="">
+          <div class="skeleton mt-3 inline-block h-8 w-20 align-middle"></div>
           <div
-                        class="h-8 w-20 mt-3 skeleton align-middle inline-block"
+            class="skeleton ml-3 mt-5 inline-block h-3 w-28 align-middle"
           ></div>
           <div
-                        class="h-3 w-28 ml-3 mt-5 align-middle skeleton inline-block"
-                    ></div>
-                    <div
-                        class="h-3 w-28 ml-3 mt-5 align-middle skeleton inline-block"
+            class="skeleton ml-3 mt-5 inline-block h-3 w-28 align-middle"
           ></div>
         </div>
       </div>
     {:else}
-            <div class="text-lg text-base-content mb-2">
+      <div class="mb-2 text-lg text-base-content">
         {short_title}
       </div>
       <div class="pt-1">
-                <div class="inline mr-3 align-middle">
+        <div class="mr-3 inline align-middle">
           <Status {status} />
         </div>
-                <div class="inline mr-3 align-middle">
+        <div class="mr-3 inline align-middle">
           opened {created_at_ago}
         </div>
         <div class="inline align-middle">
           {#if author.loading}
-                        <div class="skeleton h-3 pb-2 w-20 inline-block"></div>
+            <div class="skeleton inline-block h-3 w-20 pb-2"></div>
           {:else}
             {author_name}
           {/if}

src/lib/components/prs/PRsList.stories.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import PRsList from "./PRsList.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { PRsListItemArgsVectors as vectors } from "./vectors";
+  import type { Meta } from '@storybook/svelte'
+  import PRsList from './PRsList.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { PRsListItemArgsVectors as vectors } from './vectors'
 
   export const meta: Meta<PRsList> = {
-        title: "PRs/List/List",
+    title: 'PRs/List/List',
     component: PRsList,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>
@@ -18,7 +18,7 @@
 <Story
   name="Default"
   args={{
-        title: "Open PRs",
+    title: 'Open PRs',
     prs: [vectors.Short, vectors.Long, vectors.LongNoSpaces],
   }}
 />
@@ -32,7 +32,7 @@
 <Story
   name="Empty"
   args={{
-        title: "Open PRs",
+    title: 'Open PRs',
     prs: [],
   }}
 />
@@ -40,7 +40,7 @@
 <Story
   name="Loading"
   args={{
-        title: "Open PRs",
+    title: 'Open PRs',
     prs: [],
     loading: true,
   }}
@@ -49,7 +49,7 @@
 <Story
   name="Partially Loaded"
   args={{
-        title: "Open PRs",
+    title: 'Open PRs',
     prs: [vectors.Short, vectors.Long],
     loading: true,
   }}

src/lib/components/prs/PRsList.svelte

@@ -1,13 +1,10 @@
 <script lang="ts">
-    import { fade } from "svelte/transition";
-    import { onMount } from "svelte";
+  import PRsListItem from '$lib/components/prs/PRsListItem.svelte'
+  import type { PRSummary } from './type'
 
-    import PRsListItem from "$lib/components/prs/PRsListItem.svelte";
-    import type { PRSummary } from "./type";
-
-    export let title: string = "";
-    export let prs: PRSummary[] = [];
-    export let loading: boolean = false;
+  export let title: string = ''
+  export let prs: PRSummary[] = []
+  export let loading: boolean = false
 </script>
 
 <div class="">

src/lib/components/prs/PRsListItem.stories.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import PRsListItem from "./PRsListItem.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { PRsListItemArgsVectors as vectors } from "./vectors";
+  import type { Meta } from '@storybook/svelte'
+  import PRsListItem from './PRsListItem.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { PRsListItemArgsVectors as vectors } from './vectors'
 
   export const meta: Meta<PRsListItem> = {
-        title: "PRs/List/Item",
+    title: 'PRs/List/Item',
     component: PRsListItem,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>

src/lib/components/prs/PRsListItem.svelte

@@ -2,13 +2,13 @@
 </script>
 
 <script lang="ts">
-    import dayjs from "dayjs";
-    import relativeTime from "dayjs/plugin/relativeTime";
-    import { summary_defaults } from "./type";
-    import { getName } from "../users/type";
-    import { pr_icon_path } from "./icons";
+  import dayjs from 'dayjs'
+  import relativeTime from 'dayjs/plugin/relativeTime'
+  import { summary_defaults } from './type'
+  import { getName } from '../users/type'
+  import { pr_icon_path } from './icons'
 
-    dayjs.extend(relativeTime);
+  dayjs.extend(relativeTime)
   export let {
     title,
     id,
@@ -18,66 +18,64 @@
     author,
     created_at,
     loading,
-    } = summary_defaults;
-    let short_title: string;
-    let created_at_ago: string;
-    let author_name = "";
+  } = summary_defaults
+  let short_title: string
+  let created_at_ago: string
+  let author_name = ''
   $: {
-        author_name = getName(author);
+    author_name = getName(author)
   }
   $: {
-        if (title.length > 70) short_title = title.slice(0, 65) + "...";
-        else if (title.length == 0) short_title = "Untitled";
-        else short_title = title;
-        created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : "";
+    if (title.length > 70) short_title = title.slice(0, 65) + '...'
+    else if (title.length == 0) short_title = 'Untitled'
+    else short_title = title
+    created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : ''
   }
 </script>
 
 <li
-    class="flex p-2 pt-4 {!loading
-        ? 'hover:bg-neutral-700 cursor-pointer'
-        : ''}"
+  class="flex p-2 pt-4 {!loading ? 'cursor-pointer hover:bg-neutral-700' : ''}"
 >
   <!-- <figure class="p-4 pl-0 text-color-primary"> -->
   <!-- http://icon-sets.iconify.design/octicon/git-pull-request-16/ -->
   {#if loading || !status}
-        <div class="h-5 w-5 pt-1 flex-none skeleton"></div>
-    {:else if status === "Open"}
+    <div class="skeleton h-5 w-5 flex-none pt-1"></div>
+  {:else if status === 'Open'}
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 16 16"
-            class="h-5 w-5 pt-1 flex-none fill-success"
+      class="h-5 w-5 flex-none fill-success pt-1"
       ><path d={pr_icon_path.open} /></svg
     >
-    {:else if status === "Closed"}
+  {:else if status === 'Closed'}
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 16 16"
-            class="h-5 w-5 pt-1 flex-none fill-neutral-content"
+      class="h-5 w-5 flex-none fill-neutral-content pt-1"
       ><path d={pr_icon_path.close} /></svg
     >
-    {:else if status === "Draft"}
+  {:else if status === 'Draft'}
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 16 16"
-            class="h-5 w-5 pt-1 flex-none fill-neutral-content"
+      class="h-5 w-5 flex-none fill-neutral-content pt-1"
       ><path d={pr_icon_path.draft} /></svg
     >
-    {:else if status === "Merged"}
+  {:else if status === 'Merged'}
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 16 16"
-            class="h-5 w-5 pt-1 flex-none fill-primary"
+      class="h-5 w-5 flex-none fill-primary pt-1"
       ><path d={pr_icon_path.merge} /></svg
     >
   {/if}
   <a
     href="/repo/{repo_id}/pr/{id}"
-        class="ml-3 overflow-hidden grow text-xs text-neutral-content"
+    class="ml-3 grow overflow-hidden text-xs text-neutral-content"
   >
     {#if loading}
-            <div class="h-5 w-60 pt-1 flex-none skeleton"></div>
-            <div class="h-3 w-40 mt-3 mb-1 flex-none skeleton"></div>
+      <div class="skeleton h-5 w-60 flex-none pt-1"></div>
+      <div class="skeleton mb-1 mt-3 h-3 w-40 flex-none"></div>
     {:else}
       <div class="text-sm text-base-content">
         {short_title}
@@ -87,11 +85,11 @@
             </div> -->
       <ul class="pt-2">
         {#if comments > 0}
-                    <li class="align-middle inline mr-3">
+          <li class="mr-3 inline align-middle">
             <!-- http://icon-sets.iconify.design/octicon/comment-16/ -->
             <svg
               xmlns="http://www.w3.org/2000/svg"
-                            class="h-3 w-3 pt-0 flex-none fill-base-content inline-block"
+              class="inline-block h-3 w-3 flex-none fill-base-content pt-0"
               viewBox="0 0 16 16"
               ><path
                 d="M1 2.75C1 1.784 1.784 1 2.75 1h10.5c.966 0 1.75.784 1.75 1.75v7.5A1.75 1.75 0 0 1 13.25 12H9.06l-2.573 2.573A1.458 1.458 0 0 1 4 13.543V12H2.75A1.75 1.75 0 0 1 1 10.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h4.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"
@@ -100,12 +98,12 @@
             {comments}
           </li>
         {/if}
-                <li class="inline mr-3">
+        <li class="mr-3 inline">
           opened {created_at_ago}
         </li>
         <li class="inline">
           {#if author.loading}
-                        <div class="skeleton h-3 pb-2 w-20 inline-block"></div>
+            <div class="skeleton inline-block h-3 w-20 pb-2"></div>
           {:else}
             {author_name}
           {/if}

src/lib/components/prs/Status.stories.svelte

@@ -1,27 +1,27 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import Status from "./Status.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import type { Meta } from '@storybook/svelte'
+  import Status from './Status.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
 
   export const meta: Meta<Status> = {
-        title: "PRs/Status",
+    title: 'PRs/Status',
     component: Status,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>
   <Status {...args} />
 </Template>
 
-<Story name="Open" args={{ status: "Open"}} />
+<Story name="Open" args={{ status: 'Open' }} />
 
-<Story name="Closed" args={{ status: "Closed"}} />
+<Story name="Closed" args={{ status: 'Closed' }} />
 
-<Story name="Draft" args={{ status: "Draft"}} />
+<Story name="Draft" args={{ status: 'Draft' }} />
 
-<Story name="Merged" args={{ status: "Merged"}} />
+<Story name="Merged" args={{ status: 'Merged' }} />
 
-<Story name="Open Edit Mode" args={{ edit_mode: true, status: "Open"}} />
+<Story name="Open Edit Mode" args={{ edit_mode: true, status: 'Open' }} />
 
 <Story name="Loading" args={{ status: undefined }} />

src/lib/components/prs/Status.svelte

@@ -1,55 +1,55 @@
 <script lang="ts">
-    import { pr_icon_path } from "./icons";
+  import { pr_icon_path } from './icons'
 
-    export let status: string | undefined = undefined;
-    export let edit_mode = false;
+  export let status: string | undefined = undefined
+  export let edit_mode = false
 </script>
 
 {#if !status}
-    <div class="skeleton w-24 h-8 rounded-md inline-block align-middle"></div>
+  <div class="skeleton inline-block h-8 w-24 rounded-md align-middle"></div>
 {:else}
   <div
     tabIndex={0}
     role="button"
-        class:btn-success={status && status === "Open"}
-        class:btn-primary={status && status === "Merged"}
-        class:btn-neutral={!status || status === "Draft" || status === "Closed"}
+    class:btn-success={status && status === 'Open'}
+    class:btn-primary={status && status === 'Merged'}
+    class:btn-neutral={!status || status === 'Draft' || status === 'Closed'}
     class:cursor-default={!edit_mode}
     class="btn btn-success btn-sm align-middle"
   >
-        {#if status === "Open"}
+    {#if status === 'Open'}
       <!-- http://icon-sets.iconify.design/octicon/git-pull-request-16/ -->
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 18 18"
-                class="h-5 w-5 pt-1 flex-none fill-success-content"
+        class="h-5 w-5 flex-none fill-success-content pt-1"
         ><path d={pr_icon_path.open} />
       </svg>
       Open
-        {:else if status === "Merged"}
+    {:else if status === 'Merged'}
       <!-- https://icon-sets.iconify.design/octicon/git-merge-16/ -->
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 16 16"
-                class="h-5 w-5 pt-1 flex-none fill-primary-content"
+        class="h-5 w-5 flex-none fill-primary-content pt-1"
         ><path d={pr_icon_path.merge} /></svg
       >
       Merged
-        {:else if status === "Closed"}
+    {:else if status === 'Closed'}
       <!-- https://icon-sets.iconify.design/octicon/git-pull-request-closed-16/ -->
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 16 16"
-                class="h-5 w-5 pt-1 flex-none fill-neutral-content"
+        class="h-5 w-5 flex-none fill-neutral-content pt-1"
         ><path d={pr_icon_path.close} /></svg
       >
       Closed
-        {:else if status === "Draft"}
+    {:else if status === 'Draft'}
       <!-- https://icon-sets.iconify.design/octicon/git-pull-request-draft-16// -->
       <svg
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 16 16"
-                class="h-5 w-5 pt-1 flex-none fill-neutral-content"
+        class="h-5 w-5 flex-none fill-neutral-content pt-1"
         ><path d={pr_icon_path.draft} /></svg
       >
       Draft

src/lib/components/prs/StatusSelector.svelte

@@ -1,57 +1,55 @@
 <script lang="ts">
-    import { ndk } from "$lib/stores/ndk";
-    import { NDKEvent, NDKRelaySet, type NDKTag } from "@nostr-dev-kit/ndk";
-    import type { PRStatus } from "./type";
-    import { selected_pr_full, selected_pr_replies } from "$lib/stores/PR";
-    import { pr_status_kind } from "$lib/kinds";
-    import { getUserRelays, logged_in_user } from "$lib/stores/users";
-    import { selected_repo } from "$lib/stores/repo";
-    import Status from "$lib/components/prs/Status.svelte";
+  import { ndk } from '$lib/stores/ndk'
+  import { NDKEvent, NDKRelaySet } from '@nostr-dev-kit/ndk'
+  import type { PRStatus } from './type'
+  import { selected_pr_full } from '$lib/stores/PR'
+  import { pr_status_kind } from '$lib/kinds'
+  import { getUserRelays, logged_in_user } from '$lib/stores/users'
+  import { selected_repo } from '$lib/stores/repo'
+  import Status from '$lib/components/prs/Status.svelte'
 
-    export let status: PRStatus | undefined = undefined;
-    export let repo_id: string = "";
-    export let pr_id: string = "";
+  export let status: PRStatus | undefined = undefined
+  export let repo_id: string = ''
+  export let pr_id: string = ''
 
-    let loading = false;
+  let loading = false
 
-    let edit_mode = false;
+  let edit_mode = false
   $: {
     edit_mode =
-            $logged_in_user !== undefined && repo_id === $selected_repo.repo_id;
+      $logged_in_user !== undefined && repo_id === $selected_repo.repo_id
   }
 
   async function changeStatus(new_status: PRStatus) {
-        if (!$logged_in_user) return;
-        let event = new NDKEvent(ndk);
-        event.kind = pr_status_kind;
-        event.tags.push(["l", new_status]);
-        event.tags.push(["e", pr_id, "root"]);
-        event.tags.push(["r", `r-${repo_id}`]);
-        loading = true;
-        let relays = [...$selected_repo.relays];
+    if (!$logged_in_user) return
+    let event = new NDKEvent(ndk)
+    event.kind = pr_status_kind
+    event.tags.push(['l', new_status])
+    event.tags.push(['e', pr_id, 'root'])
+    event.tags.push(['r', `r-${repo_id}`])
+    loading = true
+    let relays = [...$selected_repo.relays]
     try {
-            event.sign();
+      event.sign()
     } catch {
-            alert("failed to sign event");
+      alert('failed to sign event')
     }
     try {
-            let user_relays = await getUserRelays($logged_in_user.hexpubkey);
+      let user_relays = await getUserRelays($logged_in_user.hexpubkey)
       relays = [
         ...relays,
         ...(user_relays.ndk_relays
           ? user_relays.ndk_relays.writeRelayUrls
           : []),
         // TODO: pr event pubkey relays
-            ];
+      ]
     } catch {
-            alert("failed to get user relays");
+      alert('failed to get user relays')
     }
     try {
-            let res = await event.publish(
-                NDKRelaySet.fromRelayUrls(relays, ndk),
-            );
+      let _ = await event.publish(NDKRelaySet.fromRelayUrls(relays, ndk))
       selected_pr_full.update((pr_full) => {
-                if (pr_full.summary.id !== pr_id) return pr_full;
+        if (pr_full.summary.id !== pr_id) return pr_full
         return {
           ...pr_full,
           summary: {
@@ -59,9 +57,9 @@
             status: new_status,
             status_date: event.created_at || 0,
           },
-                };
-            });
-            loading = false;
+        }
+      })
+      loading = false
     } catch {}
   }
 </script>
@@ -74,49 +72,45 @@
     {#if edit_mode}
       <ul
         tabIndex={0}
-                class="dropdown-content z-[1] menu p-2 ml-0 shadow bg-base-300 rounded-box w-52"
+        class="menu dropdown-content z-[1] ml-0 w-52 rounded-box bg-base-300 p-2 shadow"
       >
-                {#if status !== "Draft"}
+        {#if status !== 'Draft'}
           <li class="pl-0">
             <button
               on:click={() => {
-                                changeStatus("Draft");
+                changeStatus('Draft')
               }}
-                            class="btn btn-neutral btn-sm mx-2 align-middle"
-                            >Draft</button
+              class="btn btn-neutral btn-sm mx-2 align-middle">Draft</button
             >
           </li>
         {/if}
-                {#if status !== "Open"}
+        {#if status !== 'Open'}
           <li class="pl-0">
             <button
               on:click={() => {
-                                changeStatus("Open");
+                changeStatus('Open')
               }}
-                            class="btn btn-success btn-sm mx-2 align-middle"
-                            >Open</button
+              class="btn btn-success btn-sm mx-2 align-middle">Open</button
             >
           </li>
         {/if}
-                {#if status !== "Merged"}
+        {#if status !== 'Merged'}
           <li class="pl-0">
             <button
               on:click={() => {
-                                changeStatus("Merged");
+                changeStatus('Merged')
               }}
-                            class="btn btn-primary btn-sm mx-2 align-middle"
-                            >Merged</button
+              class="btn btn-primary btn-sm mx-2 align-middle">Merged</button
             >
           </li>
         {/if}
-                {#if status !== "Closed"}
+        {#if status !== 'Closed'}
           <li class="pl-0">
             <button
               on:click={() => {
-                                changeStatus("Closed");
+                changeStatus('Closed')
               }}
-                            class="btn btn-neutral btn-sm mx-2 align-middle"
-                            >Closed</button
+              class="btn btn-neutral btn-sm mx-2 align-middle">Closed</button
             >
           </li>
         {/if}

src/lib/components/prs/icons.ts

@@ -1,6 +1,9 @@
-export let pr_icon_path = {
-    open: "M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25m5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354M3.75 2.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m0 9.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m8.25.75a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0",
-    close: "M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1m9.5 5.5a.75.75 0 0 1 .75.75v3.378a2.251 2.251 0 1 1-1.5 0V7.25a.75.75 0 0 1 .75-.75m-2.03-5.273a.75.75 0 0 1 1.06 0l.97.97l.97-.97a.748.748 0 0 1 1.265.332a.75.75 0 0 1-.205.729l-.97.97l.97.97a.751.751 0 0 1-.018 1.042a.751.751 0 0 1-1.042.018l-.97-.97l-.97.97a.749.749 0 0 1-1.275-.326a.749.749 0 0 1 .215-.734l.97-.97l-.97-.97a.75.75 0 0 1 0-1.06ZM2.5 3.25a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0M3.25 12a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m9.5 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5",
-    draft: "M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1m9.5 14a2.25 2.25 0 1 1 0-4.5a2.25 2.25 0 0 1 0 4.5M2.5 3.25a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0M3.25 12a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m9.5 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5M14 7.5a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m0-4.25a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0",
-    merge: "M5.45 5.154A4.25 4.25 0 0 0 9.25 7.5h1.378a2.251 2.251 0 1 1 0 1.5H9.25A5.734 5.734 0 0 1 5 7.123v3.505a2.25 2.25 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.95-.218M4.25 13.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m8.5-4.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5M5 3.25a.75.75 0 1 0 0 .005z",
-};
+export const pr_icon_path = {
+  open: 'M1.5 3.25a2.25 2.25 0 1 1 3 2.122v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.25 2.25 0 0 1 1.5 3.25m5.677-.177L9.573.677A.25.25 0 0 1 10 .854V2.5h1A2.5 2.5 0 0 1 13.5 5v5.628a2.251 2.251 0 1 1-1.5 0V5a1 1 0 0 0-1-1h-1v1.646a.25.25 0 0 1-.427.177L7.177 3.427a.25.25 0 0 1 0-.354M3.75 2.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m0 9.5a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m8.25.75a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0',
+  close:
+    'M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1m9.5 5.5a.75.75 0 0 1 .75.75v3.378a2.251 2.251 0 1 1-1.5 0V7.25a.75.75 0 0 1 .75-.75m-2.03-5.273a.75.75 0 0 1 1.06 0l.97.97l.97-.97a.748.748 0 0 1 1.265.332a.75.75 0 0 1-.205.729l-.97.97l.97.97a.751.751 0 0 1-.018 1.042a.751.751 0 0 1-1.042.018l-.97-.97l-.97.97a.749.749 0 0 1-1.275-.326a.749.749 0 0 1 .215-.734l.97-.97l-.97-.97a.75.75 0 0 1 0-1.06ZM2.5 3.25a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0M3.25 12a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m9.5 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5',
+  draft:
+    'M3.25 1A2.25 2.25 0 0 1 4 5.372v5.256a2.251 2.251 0 1 1-1.5 0V5.372A2.251 2.251 0 0 1 3.25 1m9.5 14a2.25 2.25 0 1 1 0-4.5a2.25 2.25 0 0 1 0 4.5M2.5 3.25a.75.75 0 1 0 1.5 0a.75.75 0 0 0-1.5 0M3.25 12a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m9.5 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5M14 7.5a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0m0-4.25a1.25 1.25 0 1 1-2.5 0a1.25 1.25 0 0 1 2.5 0',
+  merge:
+    'M5.45 5.154A4.25 4.25 0 0 0 9.25 7.5h1.378a2.251 2.251 0 1 1 0 1.5H9.25A5.734 5.734 0 0 1 5 7.123v3.505a2.25 2.25 0 1 1-1.5 0V5.372a2.25 2.25 0 1 1 1.95-.218M4.25 13.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m8.5-4.5a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5M5 3.25a.75.75 0 1 0 0 .005z',
+}

src/lib/components/prs/type.ts

@@ -1,63 +1,65 @@
-import type { User } from "../users/type";
-import { defaults as user_defaults } from "../users/type";
-import type { Event } from "../events/type";
-import type { NDKEvent } from "@nostr-dev-kit/ndk";
+import type { User } from '../users/type'
+import { defaults as user_defaults } from '../users/type'
+import type { Event } from '../events/type'
+import type { NDKEvent } from '@nostr-dev-kit/ndk'
 
 export interface PRSummary {
-    title: string;
-    descritpion: string;
-    repo_id: string;
-    id: string;
-    comments: number;
-    status: undefined | PRStatus,
-    status_date: number,
-    author: User;
-    created_at: number | undefined;
-    loading: boolean;
+  title: string
+  descritpion: string
+  repo_id: string
+  id: string
+  comments: number
+  status: undefined | PRStatus
+  status_date: number
+  author: User
+  created_at: number | undefined
+  loading: boolean
 }
 
 export const summary_defaults: PRSummary = {
-    title: "",
-    descritpion: "",
-    repo_id: "",
-    id: "",
+  title: '',
+  descritpion: '',
+  repo_id: '',
+  id: '',
   comments: 0,
   status: undefined,
   status_date: 0,
   author: { ...user_defaults },
   created_at: 0,
   loading: true,
-};
+}
 
 export interface PRSummaries {
-    id: string;
-    summaries: PRSummary[];
-    loading: boolean;
+  id: string
+  summaries: PRSummary[]
+  loading: boolean
 }
 
 export const summaries_defaults: PRSummaries = {
-    id: "",
+  id: '',
   summaries: [],
   loading: true,
-};
+}
 
-export type PRStatus = "Draft" | "Open" | "Merged" | "Closed";
+export type PRStatus = 'Draft' | 'Open' | 'Merged' | 'Closed'
 
-export function isPRStatus(potential_status: string | undefined): potential_status is PRStatus {
-    return !!potential_status
-        && (
-            potential_status == "Draft"
-            || potential_status == "Open"
-            || potential_status == "Merged"
-            || potential_status == "Closed"
+export function isPRStatus(
+  potential_status: string | undefined
+): potential_status is PRStatus {
+  return (
+    !!potential_status &&
+    (potential_status == 'Draft' ||
+      potential_status == 'Open' ||
+      potential_status == 'Merged' ||
+      potential_status == 'Closed')
   )
 }
 export interface PRFull {
-    summary: PRSummary;
-    pr_event: NDKEvent | undefined;
-    labels: string[];
-    events: Event[];
-    loading: boolean;
+  summary: PRSummary
+  pr_event: NDKEvent | undefined
+  labels: string[]
+  events: Event[]
+  loading: boolean
 }
 
 export const full_defaults: PRFull = {
@@ -66,5 +68,4 @@ export const full_defaults: PRFull = {
   labels: [],
   events: [],
   loading: true,
-};
-
+}

src/lib/components/prs/vectors.ts

@@ -1,43 +1,45 @@
-import dayjs from "dayjs";
-import relativeTime from "dayjs/plugin/relativeTime";
-import type { PRSummary } from "./type";
-import { UserVectors } from "../users/vectors";
+import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
+import type { PRSummary } from './type'
+import { UserVectors } from '../users/vectors'
 
-dayjs.extend(relativeTime);
+dayjs.extend(relativeTime)
 
-let Short = {
-    title: "short title",
+const Short = {
+  title: 'short title',
   author: { ...UserVectors.default },
   created_at: dayjs().subtract(7, 'days').unix(),
   comments: 2,
-    status: "Open",
+  status: 'Open',
   loading: false,
-} as PRSummary;
+} as PRSummary
 
-export let PRsListItemArgsVectors = {
+export const PRsListItemArgsVectors = {
   Short,
   Long: {
-        title: "rather long title that goes on and on and on and on and on and on and on and on and on and on and on and on and on and on and on",
+    title:
+      'rather long title that goes on and on and on and on and on and on and on and on and on and on and on and on and on and on and on',
     author: { ...UserVectors.default },
     created_at: dayjs().subtract(1, 'minute').unix(),
     comments: 0,
-        status: "Open",
+    status: 'Open',
     loading: false,
   } as PRSummary,
   LongNoSpaces: {
-        title: "LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongName",
+    title:
+      'LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongNameLongName',
     author: { ...UserVectors.default },
     created_at: dayjs().subtract(3, 'month').subtract(3, 'days').unix(),
     comments: 1,
-        status: "Open",
+    status: 'Open',
     loading: false,
   } as PRSummary,
   AuthorLoading: {
-        title: "short title",
+    title: 'short title',
     author: { ...UserVectors.loading },
     created_at: dayjs().subtract(3, 'month').subtract(3, 'days').unix(),
     comments: 1,
-        status: "Open",
+    status: 'Open',
     loading: false,
   } as PRSummary,
   StatusLoading: {
@@ -46,14 +48,14 @@ export let PRsListItemArgsVectors = {
   } as PRSummary,
   StatusDraft: {
     ...Short,
-        status: "Draft",
+    status: 'Draft',
   } as PRSummary,
   StatusClosed: {
     ...Short,
-        status: "Closed",
+    status: 'Closed',
   } as PRSummary,
   StatusMerged: {
     ...Short,
-        status: "Merged",
+    status: 'Merged',
   } as PRSummary,
-};
+}

src/lib/components/repo/RepoDetails.stories.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import RepoDetails from "./RepoDetails.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { RepoDetailsArgsVectors as vectors } from "./vectors";
+  import type { Meta } from '@storybook/svelte'
+  import RepoDetails from './RepoDetails.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { RepoDetailsArgsVectors as vectors } from './vectors'
 
   export const meta: Meta<RepoDetails> = {
-        title: "Repo/Details",
+    title: 'Repo/Details',
     component: RepoDetails,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>

src/lib/components/repo/RepoDetails.svelte

@@ -1,11 +1,6 @@
-<script lang="ts" context="module">
-    import type { NDKUserProfile } from "@nostr-dev-kit/ndk";
-</script>
-
 <script lang="ts">
-    import type { User } from "$lib/components/users/type";
-    import UserHeader from "$lib/components/users/UserHeader.svelte";
-    import { defaults } from "./type";
+  import UserHeader from '$lib/components/users/UserHeader.svelte'
+  import { defaults } from './type'
 
   export let {
     repo_id,
@@ -16,29 +11,21 @@
     maintainers,
     relays,
     loading,
-    } = defaults;
-    let short_name: string;
-    $: {
-        if (name.length > 45) short_name = name.slice(0, 45) + "...";
-        else if (name.length == 0) short_name = "Untitled";
-        else short_name = name;
-    }
+  } = defaults
   $: short_descrption =
-        description.length > 500
-            ? description.slice(0, 450) + "..."
-            : description;
+    description.length > 500 ? description.slice(0, 450) + '...' : description
 </script>
 
-<div class="max-w-md prose w-full">
+<div class="prose w-full max-w-md">
   {#if loading}
-        <div class="h-5 my-3 skeleton w-20"></div>
-        <div class="h-4 my-2 skeleton"></div>
-        <div class="h-4 my-2 mb-3 w-2/3 skeleton"></div>
+    <div class="skeleton my-3 h-5 w-20"></div>
+    <div class="skeleton my-2 h-4"></div>
+    <div class="skeleton my-2 mb-3 h-4 w-2/3"></div>
   {:else if description.length == 0}
     <div />
   {:else}
     <h4>description</h4>
-        <p class="text-sm my-2 break-words">{short_descrption}</p>
+    <p class="my-2 break-words text-sm">{short_descrption}</p>
   {/if}
   <div>
     {#if loading}
@@ -52,8 +39,8 @@
   </div>
   <div>
     {#if loading}
-            <div class="h-5 my-3 skeleton w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
+      <div class="skeleton my-3 h-5 w-20"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
     {:else if git_server.length == 0}
       <div />
     {:else}
@@ -61,7 +48,7 @@
       <a
         href={git_server}
         target="_blank"
-                class="link link-primary break-words my-2"
+        class="link link-primary my-2 break-words"
       >
         {git_server}
       </a>
@@ -69,9 +56,9 @@
   </div>
   <div>
     {#if loading}
-            <div class="h-5 my-3 skeleton w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
-            <div class="badge skeleton my-2 w-40 block"></div>
+      <div class="skeleton my-3 h-5 w-20"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
+      <div class="badge skeleton my-2 block w-40"></div>
     {:else if maintainers.length == 0}
       <div />
     {:else}
@@ -83,15 +70,15 @@
   </div>
   <div>
     {#if loading}
-            <div class="h-5 my-3 skeleton w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
-            <div class="badge skeleton my-2 w-40 block"></div>
+      <div class="skeleton my-3 h-5 w-20"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
+      <div class="badge skeleton my-2 block w-40"></div>
     {:else if relays.length == 0}
       <div />
     {:else}
       <h4>relays</h4>
       {#each relays as relay}
-                <div class="badge badge-secondary block my-2">{relay}</div>
+        <div class="badge badge-secondary my-2 block">{relay}</div>
       {/each}
     {/if}
   </div>

src/lib/components/repo/RepoHeader.stories.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import RepoHeader from "./RepoHeader.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { RepoDetailsArgsVectors as vectors } from "./vectors";
+  import type { Meta } from '@storybook/svelte'
+  import RepoHeader from './RepoHeader.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { RepoDetailsArgsVectors as vectors } from './vectors'
 
   export const meta: Meta<RepoHeader> = {
-        title: "Repo/Header",
+    title: 'Repo/Header',
     component: RepoHeader,
-        tags: ["autodocs"],
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>

src/lib/components/repo/RepoHeader.svelte

@@ -1,12 +1,6 @@
-<script lang="ts" context="module">
-    import type { NDKUserProfile } from "@nostr-dev-kit/ndk";
-</script>
-
 <script lang="ts">
-    import type { User } from "$lib/components/users/type";
-    import UserHeader from "$lib/components/users/UserHeader.svelte";
-    import Container from "../Container.svelte";
-    import { defaults } from "./type";
+  import Container from '../Container.svelte'
+  import { defaults } from './type'
 
   export let {
     repo_id,
@@ -17,25 +11,25 @@
     maintainers,
     relays,
     loading,
-    } = defaults;
-    let short_name: string;
+  } = defaults
+  let short_name: string
   $: {
-        if (name.length > 45) short_name = name.slice(0, 45) + "...";
-        else if (name.length == 0) short_name = "Untitled";
-        else short_name = name;
+    if (name.length > 45) short_name = name.slice(0, 45) + '...'
+    else if (name.length == 0) short_name = 'Untitled'
+    else short_name = name
   }
 </script>
 
-<div class="bg-base-300 border-b border-accent-content">
+<div class="border-b border-accent-content bg-base-300">
   <Container no_wrap={true}>
     {#if loading}
       <div class="p-3">
-                <div class="h-6 skeleton w-28 bg-base-200"></div>
+        <div class="skeleton h-6 w-28 bg-base-200"></div>
       </div>
     {:else}
       <a
         href={`/repo/${repo_id}`}
-                class="btn btn-ghost text-sm break-words strong mt-0 mb-0 px-3"
+        class="strong btn btn-ghost mb-0 mt-0 break-words px-3 text-sm"
         >{short_name}</a
       >
     {/if}

src/lib/components/repo/type.ts

@@ -1,22 +1,22 @@
-import type { User } from "../users/type";
+import type { User } from '../users/type'
 
 export interface Repo {
-    repo_id: string;
-    name: string;
-    description: string;
-    git_server: string;
-    tags: string[];
-    maintainers: User[];
-    relays: string[];
-    loading: boolean;
+  repo_id: string
+  name: string
+  description: string
+  git_server: string
+  tags: string[]
+  maintainers: User[]
+  relays: string[]
+  loading: boolean
 }
 export const defaults: Repo = {
-    repo_id: "",
-    name: "",
-    description: "",
-    git_server: "",
+  repo_id: '',
+  name: '',
+  description: '',
+  git_server: '',
   tags: [],
   maintainers: [],
   relays: [],
   loading: true,
-};
+}

src/lib/components/repo/vectors.ts

@@ -1,92 +1,89 @@
-import type { Args as SummaryCardArgs } from "../RepoSummaryCard.svelte";
-import type { NDKUserProfile } from "@nostr-dev-kit/ndk";
-import type { User } from "../users/type";
-import { UserVectors, withName } from "../users/vectors";
-import type { Repo } from "./type";
+import type { Args as SummaryCardArgs } from '../RepoSummaryCard.svelte'
+import { UserVectors, withName } from '../users/vectors'
+import type { Repo } from './type'
 
-export let RepoSummaryCardArgsVectors = {
+export const RepoSummaryCardArgsVectors = {
   Short: {
-        name: "Short Name",
-        description: "short description",
+    name: 'Short Name',
+    description: 'short description',
   } as SummaryCardArgs,
   Long: {
-        name: "Long Name that goes on and on and on and on and on and on and on and on and on",
+    name: 'Long Name that goes on and on and on and on and on and on and on and on and on',
     description:
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis nisl eget turpis congue molestie. Nulla vitae purus nec augue accumsan facilisis sed sed ligula. Vestibulum sed risus lacinia risus lacinia molestie. Ut lorem quam, consequat eget tempus in, rhoncus vel nunc. Duis efficitur a leo vel sodales. Nam id fermentum lacus. Etiam nec placerat velit. Praesent ac consectetur est. Aenean iaculis commodo enim.",
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis nisl eget turpis congue molestie. Nulla vitae purus nec augue accumsan facilisis sed sed ligula. Vestibulum sed risus lacinia risus lacinia molestie. Ut lorem quam, consequat eget tempus in, rhoncus vel nunc. Duis efficitur a leo vel sodales. Nam id fermentum lacus. Etiam nec placerat velit. Praesent ac consectetur est. Aenean iaculis commodo enim.',
   } as SummaryCardArgs,
   LongNoSpaces: {
-        name: "LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongName",
+    name: 'LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongName',
     description:
-            "LoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsum>",
+      'LoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsum>',
   } as SummaryCardArgs,
-};
-let base: Repo = {
-    repo_id: "9ee507fc4357d7ee16a5d8901bedcd103f23c17d",
-    name: "Short Name",
-    description: "short description",
-    git_server: "github.com/example/example",
-    tags: ["svelte", "nostr", "code-collaboration", "git"],
-    relays: [
-        "relay.damus.io",
-        "relay.snort.social",
-        "relayable.org",
-    ],
+}
+const base: Repo = {
+  repo_id: '9ee507fc4357d7ee16a5d8901bedcd103f23c17d',
+  name: 'Short Name',
+  description: 'short description',
+  git_server: 'github.com/example/example',
+  tags: ['svelte', 'nostr', 'code-collaboration', 'git'],
+  relays: ['relay.damus.io', 'relay.snort.social', 'relayable.org'],
   maintainers: [
-        withName(UserVectors.default, "carole"),
-        withName(UserVectors.default, "bob"),
-        withName(UserVectors.default, "steve"),
+    withName(UserVectors.default, 'carole'),
+    withName(UserVectors.default, 'bob'),
+    withName(UserVectors.default, 'steve'),
   ],
   loading: false,
-};
+}
 
-export let RepoDetailsArgsVectors = {
-    Short: { ...base, } as Repo,
+export const RepoDetailsArgsVectors = {
+  Short: { ...base } as Repo,
   Long: {
     ...base,
-        name: "Long Name that goes on and on and on and on and on and on and on and on and on",
+    name: 'Long Name that goes on and on and on and on and on and on and on and on and on',
     description:
-            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis nisl eget turpis congue molestie. Nulla vitae purus nec augue accumsan facilisis sed sed ligula. Vestibulum sed risus lacinia risus lacinia molestie. Ut lorem quam, consequat eget tempus in, rhoncus vel nunc. Duis efficitur a leo vel sodales. Nam id fermentum lacus. Etiam nec placerat velit. Praesent ac consectetur est. Aenean iaculis commodo enim.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis nisl eget turpis congue molestie.",
+      'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis nisl eget turpis congue molestie. Nulla vitae purus nec augue accumsan facilisis sed sed ligula. Vestibulum sed risus lacinia risus lacinia molestie. Ut lorem quam, consequat eget tempus in, rhoncus vel nunc. Duis efficitur a leo vel sodales. Nam id fermentum lacus. Etiam nec placerat velit. Praesent ac consectetur est. Aenean iaculis commodo enim.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis nisl eget turpis congue molestie.',
   } as Repo,
   LongNoSpaces: {
     ...base,
-        name: "LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongName",
+    name: 'LongNameLongNameLongNameLongNameLongNameLongNameLongNameLongName',
     description:
-            "LoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsum",
+      'LoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsumLoremipsum',
   } as Repo,
-    NoNameOrDescription: { ...base, name: "", description: "" } as Repo,
-    NoDescription: { ...base, description: "" } as Repo,
+  NoNameOrDescription: { ...base, name: '', description: '' } as Repo,
+  NoDescription: { ...base, description: '' } as Repo,
   NoTags: { ...base, tags: [] } as Repo,
-    NoGitServer: { ...base, git_server: "" } as Repo,
+  NoGitServer: { ...base, git_server: '' } as Repo,
   MaintainersOneProfileNotLoaded: {
-        ...base, maintainers: [
+    ...base,
+    maintainers: [
       { ...base.maintainers[0] },
       { ...UserVectors.loading },
       { ...base.maintainers[2] },
-        ]
+    ],
   } as Repo,
   MaintainersOneProfileDisplayNameWithoutName: {
-        ...base, maintainers: [
+    ...base,
+    maintainers: [
       { ...base.maintainers[0] },
       { ...UserVectors.display_name_only },
       { ...base.maintainers[2] },
-        ]
+    ],
   } as Repo,
   MaintainersOneProfileNameAndDisplayNamePresent: {
-        ...base, maintainers: [
+    ...base,
+    maintainers: [
       { ...base.maintainers[0] },
       { ...UserVectors.display_name_and_name },
       { ...base.maintainers[2] },
-        ]
+    ],
   } as Repo,
   MaintainersOneProfileNoNameOrDisplayNameBeingPresent: {
-        ...base, maintainers: [
+    ...base,
+    maintainers: [
       { ...base.maintainers[0] },
       { ...UserVectors.no_profile },
       { ...base.maintainers[2] },
-
-        ]
+    ],
   } as Repo,
   NoMaintainers: { ...base, maintainers: [] } as Repo,
   NoRelays: { ...base, relays: [] } as Repo,
   NoMaintainersOrRelays: { ...base, maintainers: [], relays: [] } as Repo,
-};
+}

src/lib/components/users/UserHeader.stories.svelte

@@ -1,19 +1,14 @@
 <script lang="ts" context="module">
-    import type { Meta } from "@storybook/svelte";
-    import UserHeader from "$lib/components/users/UserHeader.svelte";
-    import { Story, Template } from "@storybook/addon-svelte-csf";
-    import { UserVectors as vectors } from "./vectors";
+  import type { Meta } from '@storybook/svelte'
+  import UserHeader from '$lib/components/users/UserHeader.svelte'
+  import { Story, Template } from '@storybook/addon-svelte-csf'
+  import { UserVectors as vectors } from './vectors'
 
   export const meta: Meta<UserHeader> = {
-        title: "Users/Header",
+    title: 'Users/Header',
     component: UserHeader,
-        tags: ["autodocs"],
-    };
-    let base = {
-        hexpubkey:
-            "3eb45c6f15752d796fa5465d0530a5a5feb79fb6f08c0a4176be9d73cc28c40d",
-        npub: "npub18669cmc4w5khjma9gews2v995hlt08ak7zxq5stkh6wh8npgcsxslt2xjn",
-    };
+    tags: ['autodocs'],
+  }
 </script>
 
 <Template let:args>

src/lib/components/users/UserHeader.svelte

@@ -1,30 +1,31 @@
 <script lang="ts">
-    import { getName, type User } from "./type";
+  import { getName, type User } from './type'
 
   export let user: User = {
-        hexpubkey: "",
-        npub: "",
+    hexpubkey: '',
+    npub: '',
     loading: true,
-        };
-    $: ({ profile, loading } = user);
-    $: display_name = getName(user);
+  }
+
+  $: ({ profile, loading } = user)
+  $: display_name = getName(user)
 </script>
 
-<div class="flex my-2">
+<div class="my-2 flex">
   <div class="avatar flex-none">
     <div
-            class="w-8 h-8 rounded"
+      class="h-8 w-8 rounded"
       class:skeleton={!profile && loading}
       class:bg-neutral={!loading && (!profile || !profile.image)}
     >
-            {#if !!profile?.image}
+      {#if profile && profile?.image}
         <img class="my-0" src={profile?.image} alt={display_name} />
       {/if}
     </div>
   </div>
-    <div class="flex-auto pl-3 m-auto">
+  <div class="m-auto flex-auto pl-3">
     {#if loading}
-            <div class="w-24 h-4 skeleton"></div>
+      <div class="skeleton h-4 w-24"></div>
     {:else}
       {display_name}
     {/if}

src/lib/components/users/type.ts

@@ -1,29 +1,28 @@
-import type { NDKUserProfile } from "@nostr-dev-kit/ndk";
+import type { NDKUserProfile } from '@nostr-dev-kit/ndk'
 
 export interface User {
-    loading: boolean;
-    hexpubkey: string;
-    npub: string;
-    profile?: NDKUserProfile;
+  loading: boolean
+  hexpubkey: string
+  npub: string
+  profile?: NDKUserProfile
 }
 
-export let defaults: User = {
+export const defaults: User = {
   loading: true,
-    hexpubkey: "",
-    npub: "",
+  hexpubkey: '',
+  npub: '',
 }
 
-export function getName(user: User, fallback_to_pubkey: boolean = false): string {
-    return user.profile ? (
-        user.profile.name
+export function getName(user: User): string {
+  return user.profile
+    ? user.profile.name
       ? user.profile.name
       : user.profile.displayName
         ? user.profile.displayName
         : truncateNpub(user.npub)
-    )
-        : truncateNpub(user.npub);
+    : truncateNpub(user.npub)
 }
 
 function truncateNpub(npub: string): string {
-    return `${npub.substring(0, 9)}...`;
+  return `${npub.substring(0, 9)}...`
 }

src/lib/components/users/vectors.ts

@@ -1,23 +1,28 @@
-import type { User } from "./type";
+import type { User } from './type'
 
 // nsec1rg53qfv09az39dlw6j64ange3cx8sh5p8np29qcxtythplvplktsv93tnr
-let base: User = {
-    hexpubkey:
-        "3eb45c6f15752d796fa5465d0530a5a5feb79fb6f08c0a4176be9d73cc28c40d",
-    npub: "npub18669cmc4w5khjma9gews2v995hlt08ak7zxq5stkh6wh8npgcsxslt2xjn",
+const base: User = {
+  hexpubkey: '3eb45c6f15752d796fa5465d0530a5a5feb79fb6f08c0a4176be9d73cc28c40d',
+  npub: 'npub18669cmc4w5khjma9gews2v995hlt08ak7zxq5stkh6wh8npgcsxslt2xjn',
   loading: false,
-};
+}
 
-let image = "../test-profile-image.jpg";
+const image = '../test-profile-image.jpg'
 
-export let UserVectors = {
+export const UserVectors = {
   loading: { ...base, loading: true } as User,
-    default: { ...base, profile: { name: "DanConwayDev", image } } as User,
-    display_name_only: { ...base, profile: { displayName: "DanConwayDev", image } } as User,
-    display_name_and_name: { ...base, profile: { name: "Dan", displayName: "DanConwayDev", image } } as User,
-    no_image: { ...base, profile: { name: "DanConwayDev" } } as User,
+  default: { ...base, profile: { name: 'DanConwayDev', image } } as User,
+  display_name_only: {
+    ...base,
+    profile: { displayName: 'DanConwayDev', image },
+  } as User,
+  display_name_and_name: {
+    ...base,
+    profile: { name: 'Dan', displayName: 'DanConwayDev', image },
+  } as User,
+  no_image: { ...base, profile: { name: 'DanConwayDev' } } as User,
   no_profile: { ...base } as User,
-};
+}
 
 export function withName(base: User, name: string): User {
   return {
@@ -25,6 +30,6 @@ export function withName(base: User, name: string): User {
     profile: {
       ...base.profile,
       name,
-        }
+    },
   } as User
 }

src/lib/kinds.ts

@@ -1,9 +1,9 @@
-export let reply_kind = 1;
+export const reply_kind: number = 1
 
-export let pr_status_kind = 19851985;
+export const pr_status_kind: number = 19851985
 
-export let repo_kind = 30317;
+export const repo_kind: number = 30317
 
-export let pr_kind = 318;
+export const pr_kind: number = 318
 
-export let patch_kind = 317;
+export const patch_kind: number = 317

src/lib/stores/PR.ts

@@ -1,41 +1,47 @@
-import { NDKRelaySet, type NDKEvent, NDKSubscription } from "@nostr-dev-kit/ndk";
-import { writable, type Unsubscriber, type Writable } from "svelte/store"
-import { ndk } from "./ndk";
-import type { User } from "$lib/components/users/type";
-import { ensureUser } from "./users";
-import { type PRFull, full_defaults, isPRStatus, type PRStatus } from "$lib/components/prs/type";
-import { pr_kind, pr_status_kind } from "$lib/kinds";
-import { ensureSelectedRepo } from "./repo";
-
-export let selected_pr_full: Writable<PRFull> = writable({ ...full_defaults });
-
-let selected_pr_repo_id: string = "";
-let selected_pr_id: string = "";
-let pr_summary_author_unsubsriber: Unsubscriber | undefined;
-
-export let selected_pr_replies: Writable<NDKEvent[]> = writable([]);
-
-let selected_pr_status_date = 0;
-
-let sub: NDKSubscription;
-
-let sub_replies: NDKSubscription;
-
-export let ensurePRFull = (repo_id: string, pr_id: string) => {
-    if (selected_pr_id == pr_id) return;
-    if (pr_id == "") {
-        selected_pr_full.set({ ...full_defaults });
-        selected_pr_replies.set([]);
-        return;
+import { NDKRelaySet, type NDKEvent, NDKSubscription } from '@nostr-dev-kit/ndk'
+import { writable, type Unsubscriber, type Writable } from 'svelte/store'
+import { ndk } from './ndk'
+import type { User } from '$lib/components/users/type'
+import { ensureUser } from './users'
+import {
+  type PRFull,
+  full_defaults,
+  isPRStatus,
+  type PRStatus,
+} from '$lib/components/prs/type'
+import { pr_kind, pr_status_kind } from '$lib/kinds'
+import { ensureSelectedRepo } from './repo'
+
+export const selected_pr_full: Writable<PRFull> = writable({ ...full_defaults })
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+let selected_pr_repo_id: string = ''
+let selected_pr_id: string = ''
+let pr_summary_author_unsubsriber: Unsubscriber | undefined
+
+export const selected_pr_replies: Writable<NDKEvent[]> = writable([])
+
+let selected_pr_status_date = 0
+
+let sub: NDKSubscription
+
+let sub_replies: NDKSubscription
+
+export const ensurePRFull = (repo_id: string, pr_id: string) => {
+  if (selected_pr_id == pr_id) return
+  if (pr_id == '') {
+    selected_pr_full.set({ ...full_defaults })
+    selected_pr_replies.set([])
+    return
   }
 
-    if (sub) sub.stop();
-    if (sub_replies) sub_replies.stop();
+  if (sub) sub.stop()
+  if (sub_replies) sub_replies.stop()
 
-    selected_pr_repo_id = repo_id;
-    selected_pr_id = pr_id;
-    selected_pr_status_date = 0;
-    selected_pr_replies.set([]);
+  selected_pr_repo_id = repo_id
+  selected_pr_id = pr_id
+  selected_pr_status_date = 0
+  selected_pr_replies.set([])
 
   selected_pr_full.set({
     ...full_defaults,
@@ -46,12 +52,12 @@ export let ensurePRFull = (repo_id: string, pr_id: string) => {
       loading: true,
     },
     loading: true,
-    });
-    if (pr_summary_author_unsubsriber) pr_summary_author_unsubsriber();
-    pr_summary_author_unsubsriber = undefined;
+  })
+  if (pr_summary_author_unsubsriber) pr_summary_author_unsubsriber()
+  pr_summary_author_unsubsriber = undefined
 
   new Promise(async (r) => {
-        let repo = await ensureSelectedRepo(repo_id);
+    const repo = await ensureSelectedRepo(repo_id)
 
     sub = ndk.subscribe(
       {
@@ -63,87 +69,93 @@ export let ensurePRFull = (repo_id: string, pr_id: string) => {
       {
         closeOnEose: false,
       },
-            NDKRelaySet.fromRelayUrls(repo.relays, ndk),
-        );
+      NDKRelaySet.fromRelayUrls(repo.relays, ndk)
+    )
 
-        sub.on("event", (event: NDKEvent) => {
+    sub.on('event', (event: NDKEvent) => {
       try {
-                if (event.kind == pr_kind
-                    && event.getMatchingTags("r").find(t => t[1] === `r-${repo_id}`)
-                    && event.id == pr_id
+        if (
+          event.kind == pr_kind &&
+          event.getMatchingTags('r').find((t) => t[1] === `r-${repo_id}`) &&
+          event.id == pr_id
         ) {
-                    selected_pr_full.update(full => {
+          selected_pr_full.update((full) => {
             return {
               ...full,
               pr_event: event,
               summary: {
                 ...full.summary,
-                                title: event.tagValue("name") || "",
-                                descritpion: event.tagValue("description") || "",
+                title: event.tagValue('name') || '',
+                descritpion: event.tagValue('description') || '',
                 created_at: event.created_at,
                 comments: 0,
                 author: {
                   hexpubkey: event.pubkey,
                   loading: true,
-                                    npub: "",
+                  npub: '',
                 },
                 loading: false,
+              },
             }
-                        };
-                    });
+          })
 
-                    pr_summary_author_unsubsriber = ensureUser(event.pubkey).subscribe((u: User) => {
-                        selected_pr_full.update(full => {
+          pr_summary_author_unsubsriber = ensureUser(event.pubkey).subscribe(
+            (u: User) => {
+              selected_pr_full.update((full) => {
                 return {
                   ...full,
                   summary: {
                     ...full.summary,
-                                    author: event.pubkey == u.hexpubkey ? u : full.summary.author,
+                    author:
+                      event.pubkey == u.hexpubkey ? u : full.summary.author,
+                  },
                 }
-                            };
-                        });
-                    });
+              })
+            }
+          )
         }
       } catch {}
-        });
+    })
 
-        sub.on("eose", () => {
-            selected_pr_full.update(full => {
-                let updated = {
+    sub.on('eose', () => {
+      selected_pr_full.update((full) => {
+        const updated = {
           ...full,
           summary: {
             ...full.summary,
             loading: false,
           },
-                };
+        }
         if (full.loading === false) {
-                    r({ ...updated });
+          r({ ...updated })
         }
-                return updated;
-            });
-        });
+        return updated
+      })
+    })
 
     sub_replies = ndk.subscribe(
       {
-                "#e": [pr_id],
+        '#e': [pr_id],
       },
       {
-                closeOnEose: false
+        closeOnEose: false,
       },
-            NDKRelaySet.fromRelayUrls(repo.relays, ndk),
-        );
-
-        sub_replies.on("event", (event: NDKEvent) => {
-            if (event.kind == pr_status_kind
-                && event.created_at && selected_pr_status_date < event.created_at
-                && event.getMatchingTags("l").length === 1
-                && event.getMatchingTags("l")[0].length > 1
+      NDKRelaySet.fromRelayUrls(repo.relays, ndk)
+    )
+
+    sub_replies.on('event', (event: NDKEvent) => {
+      if (
+        event.kind == pr_status_kind &&
+        event.created_at &&
+        selected_pr_status_date < event.created_at &&
+        event.getMatchingTags('l').length === 1 &&
+        event.getMatchingTags('l')[0].length > 1
       ) {
-                let potential_status = event.getMatchingTags("l")[0][1];
+        const potential_status = event.getMatchingTags('l')[0][1]
 
         if (isPRStatus(potential_status)) {
-                    selected_pr_status_date = event.created_at;
-                    selected_pr_full.update(full => {
+          selected_pr_status_date = event.created_at
+          selected_pr_full.update((full) => {
             return {
               ...full,
               summary: {
@@ -152,33 +164,30 @@ export let ensurePRFull = (repo_id: string, pr_id: string) => {
                 // this wont be 0 as we are ensuring it is not undefined above
                 status_date: event.created_at || 0,
               },
-                        };
-                    });
+            }
+          })
         }
       }
-            selected_pr_replies.update(replies => {
-                return [
-                    ...replies,
-                    event,
-                ];
-            });
-        });
-
-        sub_replies.on("eose", () => {
-            selected_pr_full.update(full => {
-                let updated = {
+      selected_pr_replies.update((replies) => {
+        return [...replies, event]
+      })
+    })
+
+    sub_replies.on('eose', () => {
+      selected_pr_full.update((full) => {
+        const updated = {
           ...full,
           summary: {
             ...full.summary,
-                        status: full.summary.status || "Open",
+            status: full.summary.status || 'Open',
           },
           loading: false,
-                };
+        }
         if (full.summary.loading === false) {
-                    r({ ...updated });
+          r({ ...updated })
         }
-                return updated;
-            });
-        });
-    });
+        return updated
+      })
+    })
+  })
 }

src/lib/stores/PRs.ts

@@ -1,44 +1,44 @@
-import { NDKRelaySet, type NDKEvent, NDKSubscription } from "@nostr-dev-kit/ndk";
-import { writable, type Unsubscriber, type Writable } from "svelte/store"
-import { ndk } from "./ndk";
-import { isPRStatus, summary_defaults } from "$lib/components/prs/type";
-import type { User } from "$lib/components/users/type";
-import { ensureUser } from "./users";
-import type { PRStatus, PRSummaries } from "$lib/components/prs/type";
-import { ensureSelectedRepo } from "./repo";
-import { pr_status_kind } from "$lib/kinds";
-import type { Repo } from "$lib/components/repo/type";
-
-export let pr_summaries: Writable<PRSummaries> = writable({
-    id: "",
+import { NDKRelaySet, type NDKEvent, NDKSubscription } from '@nostr-dev-kit/ndk'
+import { writable, type Unsubscriber, type Writable } from 'svelte/store'
+import { ndk } from './ndk'
+import { isPRStatus, summary_defaults } from '$lib/components/prs/type'
+import type { User } from '$lib/components/users/type'
+import { ensureUser } from './users'
+import type { PRStatus, PRSummaries } from '$lib/components/prs/type'
+import { ensureSelectedRepo } from './repo'
+import { pr_status_kind } from '$lib/kinds'
+import type { Repo } from '$lib/components/repo/type'
+
+export const pr_summaries: Writable<PRSummaries> = writable({
+  id: '',
   summaries: [],
   loading: false,
-});
+})
 
-let pr_kind: number = 318;
+const pr_kind: number = 318
 
-let selected_repo_id: string = "";
+let selected_repo_id: string = ''
 
-let authors_unsubscribers: Unsubscriber[] = [];
+let authors_unsubscribers: Unsubscriber[] = []
 
-let sub: NDKSubscription;
+let sub: NDKSubscription
 
-export let ensurePRSummaries = async (repo_id: string) => {
-    if (selected_repo_id == repo_id) return;
+export const ensurePRSummaries = async (repo_id: string) => {
+  if (selected_repo_id == repo_id) return
   pr_summaries.set({
     id: repo_id,
     summaries: [],
-        loading: repo_id !== "",
-    });
+    loading: repo_id !== '',
+  })
 
-    if (sub) sub.stop();
-    if (sub_statuses) sub_statuses.stop();
-    authors_unsubscribers.forEach(u => u());
-    authors_unsubscribers = [];
+  if (sub) sub.stop()
+  if (sub_statuses) sub_statuses.stop()
+  authors_unsubscribers.forEach((u) => u())
+  authors_unsubscribers = []
 
-    selected_repo_id = repo_id;
+  selected_repo_id = repo_id
 
-    let repo = await ensureSelectedRepo(repo_id);
+  const repo = await ensureSelectedRepo(repo_id)
 
   sub = ndk.subscribe(
     {
@@ -49,15 +49,16 @@ export let ensurePRSummaries = async (repo_id: string) => {
     {
       closeOnEose: false,
     },
-        NDKRelaySet.fromRelayUrls(repo.relays, ndk),
-    );
+    NDKRelaySet.fromRelayUrls(repo.relays, ndk)
+  )
 
-    sub.on("event", (event: NDKEvent) => {
+  sub.on('event', (event: NDKEvent) => {
     try {
-            if (event.kind == pr_kind
-                && event.getMatchingTags("r").find(t => t[1] === `r-${repo_id}`)
+      if (
+        event.kind == pr_kind &&
+        event.getMatchingTags('r').find((t) => t[1] === `r-${repo_id}`)
       ) {
-                pr_summaries.update(prs => {
+        pr_summaries.update((prs) => {
           return {
             ...prs,
             summaries: [
@@ -66,82 +67,83 @@ export let ensurePRSummaries = async (repo_id: string) => {
                 ...summary_defaults,
                 id: event.id,
                 repo_id: repo_id,
-                                title: event.tagValue("name") || "",
-                                descritpion: event.tagValue("description") || "",
+                title: event.tagValue('name') || '',
+                descritpion: event.tagValue('description') || '',
                 created_at: event.created_at,
                 comments: 0,
                 author: {
                   hexpubkey: event.pubkey,
                   loading: true,
-                                    npub: "",
+                  npub: '',
                 },
                 loading: false,
-                            }
+              },
             ],
           }
-                });
+        })
 
         authors_unsubscribers.push(
           ensureUser(event.pubkey).subscribe((u: User) => {
-                        pr_summaries.update(prs => {
+            pr_summaries.update((prs) => {
               return {
                 ...prs,
-                                summaries: prs.summaries.map(o => ({
+                summaries: prs.summaries.map((o) => ({
                   ...o,
                   author: u,
                 })),
               }
-                        });
             })
-                );
+          })
+        )
       }
     } catch {}
-    });
-    sub.on("eose", () => {
-        pr_summaries.update(prs => {
-            getAndUpdatePRStatus(prs, repo);
+  })
+  sub.on('eose', () => {
+    pr_summaries.update((prs) => {
+      getAndUpdatePRStatus(prs, repo)
       return {
         ...prs,
         loading: false,
-            };
-        });
-    });
+      }
+    })
+  })
 }
 
-let sub_statuses: NDKSubscription;
+let sub_statuses: NDKSubscription
 
 function getAndUpdatePRStatus(prs: PRSummaries, repo: Repo): void {
-    if (sub_statuses) sub_statuses.stop();
+  if (sub_statuses) sub_statuses.stop()
   sub_statuses = ndk.subscribe(
     {
       kinds: [pr_status_kind],
-            "#e": prs.summaries.map(pr => pr.id),
+      '#e': prs.summaries.map((pr) => pr.id),
       '#r': [`r-${prs.id}`],
     },
     {
       closeOnEose: false,
     },
-        NDKRelaySet.fromRelayUrls(repo.relays, ndk),
-    );
-    sub_statuses.on("event", (event: NDKEvent) => {
-        let tagged_pr_event = event.tagValue('e');
-        if (event.kind == pr_status_kind
-            && tagged_pr_event
-            && event.created_at
-            && event.getMatchingTags("l").length === 1
-            && event.getMatchingTags("l")[0].length > 1
+    NDKRelaySet.fromRelayUrls(repo.relays, ndk)
+  )
+  sub_statuses.on('event', (event: NDKEvent) => {
+    const tagged_pr_event = event.tagValue('e')
+    if (
+      event.kind == pr_status_kind &&
+      tagged_pr_event &&
+      event.created_at &&
+      event.getMatchingTags('l').length === 1 &&
+      event.getMatchingTags('l')[0].length > 1
     ) {
-            let potential_status = event.getMatchingTags("l")[0][1];
+      const potential_status = event.getMatchingTags('l')[0][1]
 
       if (isPRStatus(potential_status)) {
-                pr_summaries.update(prs => {
+        pr_summaries.update((prs) => {
           return {
             ...prs,
-                        summaries: prs.summaries.map(o => {
+            summaries: prs.summaries.map((o) => {
               if (
-                                o.id === tagged_pr_event
-                                && event.created_at
-                                && o.status_date < event.created_at
+                o.id === tagged_pr_event &&
+                event.created_at &&
+                o.status_date < event.created_at
               ) {
                 return {
                   ...o,
@@ -150,24 +152,23 @@ function getAndUpdatePRStatus(prs: PRSummaries, repo: Repo): void {
                 }
               }
 
-                            return o;
+              return o
             }),
           }
-                });
+        })
       }
     }
-    });
+  })
 
-    sub_statuses.on("eose", () => {
-        pr_summaries.update(prs => {
+  sub_statuses.on('eose', () => {
+    pr_summaries.update((prs) => {
       return {
         ...prs,
-                summaries: prs.summaries.map(o => ({
+        summaries: prs.summaries.map((o) => ({
           ...o,
-                    status: o.status || "Open",
+          status: o.status || 'Open',
         })),
       }
-        });
-    });
-
+    })
+  })
 }

src/lib/stores/ndk.ts

@@ -1,24 +1,31 @@
-import NDKSvelte from '@nostr-dev-kit/ndk-svelte';
+import NDKSvelte from '@nostr-dev-kit/ndk-svelte'
 
-export let base_relays = import.meta.env.DEV
-    ? [
-        "ws://localhost:8080",
-    ]
-    : [
-        "wss://relayable.org",
-        "wss://relay.f7z.io",
-        "wss://relay.damus.io",
-        "wss://nos.lol"
+// export let base_relays = import.meta.env.DEV
+//   ? ["ws://localhost:8080"]
+//   : [
+//       "wss://relayable.org",
+//       "wss://relay.f7z.io",
+//       "wss://relay.damus.io",
+//       "wss://nos.lol",
 //       "wss://nostr.wine/",
 //       "wss://eden.nostr.land/",
 //       "wss://relay.nostr.band/",
+//     ];
 
-    ];
+export const base_relays = [
+  'wss://relayable.org',
+  'wss://relay.f7z.io',
+  'wss://relay.damus.io',
+  'wss://nos.lol',
+  'wss://nostr.wine/',
+  'wss://eden.nostr.land/',
+  'wss://relay.nostr.band/',
+]
 
 // TODO: fallback_relays for if profile cannot be found
 
 export const ndk = new NDKSvelte({
   explicitRelayUrls: [...base_relays],
-});
+})
 
-ndk.connect();
+ndk.connect()

src/lib/stores/repo.ts

@@ -1,35 +1,34 @@
-import { NDKRelaySet, NDKSubscription } from "@nostr-dev-kit/ndk";
-import { writable, type Unsubscriber, type Writable, get } from "svelte/store"
-import { base_relays, ndk } from "./ndk";
-import type { Repo } from "$lib/components/repo/type";
-import { defaults } from "$lib/components/repo/type";
-import type { User } from "$lib/components/users/type";
-import { ensureUser, users } from "./users";
-import { repo_kind } from "$lib/kinds";
+import { NDKRelaySet, NDKSubscription } from '@nostr-dev-kit/ndk'
+import { writable, type Unsubscriber, type Writable } from 'svelte/store'
+import { base_relays, ndk } from './ndk'
+import type { Repo } from '$lib/components/repo/type'
+import { defaults } from '$lib/components/repo/type'
+import type { User } from '$lib/components/users/type'
+import { ensureUser } from './users'
+import { repo_kind } from '$lib/kinds'
 
-export let selected_repo: Writable<Repo> = writable({ ...defaults });
-let selected_repo_id: string = "";
+export const selected_repo: Writable<Repo> = writable({ ...defaults })
+let selected_repo_id: string = ''
 
-let maintainers_unsubscribers: Unsubscriber[] = [];
+let maintainers_unsubscribers: Unsubscriber[] = []
 
-let sub: NDKSubscription;
-export let ensureSelectedRepo = async (repo_id: string): Promise<Repo> => {
+let sub: NDKSubscription
+export const ensureSelectedRepo = async (repo_id: string): Promise<Repo> => {
   if (selected_repo_id == repo_id) {
-        return new Promise(r => {
-            let unsubscriber = selected_repo.subscribe(repo => {
+    return new Promise((r) => {
+      const unsubscriber = selected_repo.subscribe((repo) => {
         if (repo.repo_id === repo_id && !repo.loading) {
           setTimeout(() => {
-                        unsubscriber();
-                    }, 5);
-                    r({ ...repo });
+            unsubscriber()
+          }, 5)
+          r({ ...repo })
         }
-            });
-
+      })
     })
   }
-    selected_repo_id = repo_id;
+  selected_repo_id = repo_id
 
-    if (sub) sub.stop();
+  if (sub) sub.stop()
   sub = ndk.subscribe(
     {
       kinds: [repo_kind],
@@ -39,65 +38,62 @@ export let ensureSelectedRepo = async (repo_id: string): Promise<Repo> => {
     {
       closeOnEose: false,
     },
-        NDKRelaySet.fromRelayUrls(base_relays, ndk),
-    );
+    NDKRelaySet.fromRelayUrls(base_relays, ndk)
+  )
 
   return new Promise((r) => {
-        sub.on("event", (event) => {
+    sub.on('event', (event) => {
       try {
-                if (event.kind == repo_kind && event.tagValue("d") == repo_id) {
+        if (event.kind == repo_kind && event.tagValue('d') == repo_id) {
           selected_repo.set({
             loading: false,
             repo_id: event.replaceableDTag(),
-                        name: event.tagValue("name") || "",
-                        description: event.tagValue("description") || "",
-                        git_server: event.tagValue("git-server") || "",
-                        tags: event.getMatchingTags("t") || [],
-                        maintainers: event.getMatchingTags("p").map(
+            name: event.tagValue('name') || '',
+            description: event.tagValue('description') || '',
+            git_server: event.tagValue('git-server') || '',
+            tags: event.getMatchingTags('t') || [],
+            maintainers: event.getMatchingTags('p').map(
               (t: string[]) =>
                 ({
                   hexpubkey: t[1],
                   loading: true,
-                                    npub: "",
-                                }) as User,
+                  npub: '',
+                }) as User
             ),
-                        relays: event
-                            .getMatchingTags("relay")
-                            .map((t: string[]) => t[1]),
-                    });
-                    let old_unsubscribers = maintainers_unsubscribers;
+            relays: event.getMatchingTags('relay').map((t: string[]) => t[1]),
+          })
+          const old_unsubscribers = maintainers_unsubscribers
           maintainers_unsubscribers = event
-                        .getMatchingTags("p")
+            .getMatchingTags('p')
             .map((t: string[]) => {
               return ensureUser(t[1]).subscribe((u: User) => {
                 selected_repo.update((repo) => {
                   return {
                     ...repo,
                     maintainers: repo.maintainers.map((m) => {
-                                            if (m.hexpubkey == u.hexpubkey) return { ...u };
-                                            else return { ...m };
+                      if (m.hexpubkey == u.hexpubkey) return { ...u }
+                      else return { ...m }
                     }),
-                                    };
-                                });
+                  }
+                })
               })
-                        });
-                    old_unsubscribers.forEach((unsubscriber) => unsubscriber());
+            })
+          old_unsubscribers.forEach((unsubscriber) => unsubscriber())
         }
       } catch {}
-        });
+    })
 
-        sub.on("eose", () => {
+    sub.on('eose', () => {
       selected_repo.update((repo) => {
         r({
           ...repo,
           loading: false,
-                });
+        })
         return {
           ...repo,
           loading: false,
         }
       })
-        });
-    });
-
+    })
+  })
 }

src/lib/stores/users.ts

@@ -1,137 +1,137 @@
-import { defaults as user_defaults, type User } from "$lib/components/users/type";
-import { NDKNip07Signer, NDKRelayList } from "@nostr-dev-kit/ndk";
-import { get, writable, type Unsubscriber, type Writable } from "svelte/store"
-import { ndk } from "./ndk";
+import {
+  defaults as user_defaults,
+  type User,
+} from '$lib/components/users/type'
+import { NDKNip07Signer, NDKRelayList } from '@nostr-dev-kit/ndk'
+import { get, writable, type Unsubscriber, type Writable } from 'svelte/store'
+import { ndk } from './ndk'
 
-export let users: { [hexpubkey: string]: Writable<User>; } = {};
+export const users: { [hexpubkey: string]: Writable<User> } = {}
 
-export let ensureUser = (hexpubkey: string): Writable<User> => {
+export const ensureUser = (hexpubkey: string): Writable<User> => {
   if (!users[hexpubkey]) {
-        let u = ndk.getUser({ hexpubkey });
+    const u = ndk.getUser({ hexpubkey })
 
-        let base: User = {
+    const base: User = {
       loading: false,
       hexpubkey,
       npub: u.npub,
-        };
+    }
 
-        users[hexpubkey] = writable(base);
-        getUserRelays(hexpubkey);
+    users[hexpubkey] = writable(base)
+    getUserRelays(hexpubkey)
     u.fetchProfile().then(
       (p) => {
         users[hexpubkey].update((u) => ({
           ...u,
           loading: false,
           profile: p === null ? undefined : p,
-                }));
+        }))
       },
       () => {
         users[hexpubkey].update((u) => ({
           ...u,
           loading: false,
-                }));
+        }))
       }
-        );
+    )
   }
-    return users[hexpubkey];
+  return users[hexpubkey]
 }
 
-export let returnUser = async (hexpubkey: string): Promise<User> => {
+export const returnUser = async (hexpubkey: string): Promise<User> => {
   return new Promise((r) => {
-        let unsubscriber = ensureUser(hexpubkey).subscribe((u) => {
+    const unsubscriber = ensureUser(hexpubkey).subscribe((u) => {
       if (!u.loading) {
-                unsubscriber();
-                r(u);
+        unsubscriber()
+        r(u)
       }
-        });
-    });
+    })
+  })
 }
 
 // nip07_plugin is set in Navbar component
-export let nip07_plugin: Writable<undefined | boolean> = writable(undefined);
+export const nip07_plugin: Writable<undefined | boolean> = writable(undefined)
 
-export let checkForNip07Plugin = () => {
+export const checkForNip07Plugin = () => {
   if (window.nostr) {
-        nip07_plugin.set(true);
+    nip07_plugin.set(true)
   } else {
-        let timerId: NodeJS.Timeout;
+    let timerId: NodeJS.Timeout | undefined = undefined
     const intervalId = setInterval(() => {
       if (window.nostr) {
-                clearTimeout(timerId);
-                clearInterval(intervalId);
-                nip07_plugin.set(true);
+        clearTimeout(timerId)
+        clearInterval(intervalId)
+        nip07_plugin.set(true)
       }
-        }, 100);
+    }, 100)
     timerId = setTimeout(() => {
-            clearInterval(intervalId);
-            nip07_plugin.set(false);
-        }, 5000);
+      clearInterval(intervalId)
+      nip07_plugin.set(false)
+    }, 5000)
+  }
 }
 
-};
-
-let signer = new NDKNip07Signer(2000);
+const signer = new NDKNip07Signer(2000)
 
-export let logged_in_user: Writable<undefined | User> = writable(undefined);
+export const logged_in_user: Writable<undefined | User> = writable(undefined)
 
-export let login = async (): Promise<void> => {
+export const login = async (): Promise<void> => {
   return new Promise(async (res, rej) => {
-        let user = get(logged_in_user);
-        if (user) return res();
+    const user = get(logged_in_user)
+    if (user) return res()
     if (get(nip07_plugin)) {
       try {
-                let ndk_user = await signer.blockUntilReady();
+        const ndk_user = await signer.blockUntilReady()
         logged_in_user.set({
           ...user_defaults,
           hexpubkey: ndk_user.pubkey,
-                });
-                ndk.signer = signer;
-                ensureUser(ndk_user.pubkey).subscribe(user => {
-                    logged_in_user.set({ ...user });
-                });
-                return res();
-            }
-            catch (e) {
-                alert(e);
-                rej();
+        })
+        ndk.signer = signer
+        ensureUser(ndk_user.pubkey).subscribe((user) => {
+          logged_in_user.set({ ...user })
+        })
+        return res()
+      } catch (e) {
+        alert(e)
+        rej()
       }
+    } else {
+      rej()
     }
-        else {
-            rej();
+  })
 }
-    });
-};
 
 interface UserRelays {
-    loading: boolean;
-    ndk_relays: NDKRelayList | undefined;
+  loading: boolean
+  ndk_relays: NDKRelayList | undefined
 }
 
-export let user_relays: { [hexpubkey: string]: Writable<UserRelays>; } = {};
+export const user_relays: { [hexpubkey: string]: Writable<UserRelays> } = {}
 
-export let getUserRelays = async (hexpubkey: string): Promise<UserRelays> => {
-    return new Promise(async (res, rej) => {
+export const getUserRelays = async (hexpubkey: string): Promise<UserRelays> => {
+  return new Promise(async (res, _) => {
     if (user_relays[hexpubkey]) {
-            let unsubscriber: Unsubscriber;
-            unsubscriber = user_relays[hexpubkey].subscribe(querying_user_relays => {
+      const unsubscriber: Unsubscriber = user_relays[hexpubkey].subscribe(
+        (querying_user_relays) => {
           if (querying_user_relays && !querying_user_relays.loading) {
-                    res(querying_user_relays);
-                    if (unsubscriber) unsubscriber();
+            res(querying_user_relays)
+            if (unsubscriber) unsubscriber()
           }
-            });
         }
-        else {
+      )
+    } else {
       user_relays[hexpubkey] = writable({
         loading: true,
         ndk_relays: undefined,
-            });
-            let relay_list = await ndk.getUser({ hexpubkey }).relayList();
-            let querying_user_relays = {
+      })
+      const relay_list = await ndk.getUser({ hexpubkey }).relayList()
+      const querying_user_relays = {
         loading: false,
         ndk_relays: relay_list,
-            };
-            user_relays[hexpubkey].set({ ...querying_user_relays });
-            res(querying_user_relays);
       }
-    });
-};
+      user_relays[hexpubkey].set({ ...querying_user_relays })
+      res(querying_user_relays)
+    }
+  })
+}

src/lib/wrappers/Compose.svelte

@@ -1,69 +1,67 @@
 <script lang="ts">
-    import { ndk } from "$lib/stores/ndk";
-    import { NDKEvent, NDKRelaySet, type NDKTag } from "@nostr-dev-kit/ndk";
-    import { reply_kind } from "$lib/kinds";
-    import { getUserRelays, logged_in_user } from "$lib/stores/users";
-    import { selected_repo } from "$lib/stores/repo";
-    import Compose from "$lib/components/events/Compose.svelte";
-    import { selected_pr_full } from "$lib/stores/PR";
+  import { ndk } from '$lib/stores/ndk'
+  import { NDKEvent, NDKRelaySet } from '@nostr-dev-kit/ndk'
+  import { reply_kind } from '$lib/kinds'
+  import { getUserRelays, logged_in_user } from '$lib/stores/users'
+  import { selected_repo } from '$lib/stores/repo'
+  import Compose from '$lib/components/events/Compose.svelte'
+  import { selected_pr_full } from '$lib/stores/PR'
 
-    export let reply_to_event_id = "";
+  export let reply_to_event_id = ''
 
-    let repo_id: string;
-    let pr_id: string;
+  let repo_id: string
+  let pr_id: string
 
-    let submitting = false;
-    let submitted = false;
-    let edit_mode = false;
+  let submitting = false
+  let submitted = false
+  let edit_mode = false
   $: {
-        repo_id = $selected_repo.repo_id;
-        pr_id = $selected_pr_full.summary.id;
+    repo_id = $selected_repo.repo_id
+    pr_id = $selected_pr_full.summary.id
 
     edit_mode =
       $logged_in_user !== undefined &&
       repo_id.length > 0 &&
       pr_id.length > 0 &&
-            !submitted;
+      !submitted
   }
 
   async function sendReply(content: string) {
-        if (!$logged_in_user) return;
-        let event = new NDKEvent(ndk);
-        event.kind = reply_kind;
-        event.tags.push(["e", pr_id, "root"]);
+    if (!$logged_in_user) return
+    let event = new NDKEvent(ndk)
+    event.kind = reply_kind
+    event.tags.push(['e', pr_id, 'root'])
     if (reply_to_event_id.length > 0) {
-            event.tags.push(["e", pr_id, "reply"]);
+      event.tags.push(['e', pr_id, 'reply'])
     }
-        event.tags.push(["r", `r-${repo_id}`]);
-        event.content = content;
-        submitting = true;
-        let relays = [...$selected_repo.relays];
+    event.tags.push(['r', `r-${repo_id}`])
+    event.content = content
+    submitting = true
+    let relays = [...$selected_repo.relays]
     try {
-            event.sign();
+      event.sign()
     } catch {
-            alert("failed to sign event");
+      alert('failed to sign event')
     }
     try {
-            let user_relays = await getUserRelays($logged_in_user.hexpubkey);
+      let user_relays = await getUserRelays($logged_in_user.hexpubkey)
       relays = [
         ...relays,
         ...(user_relays.ndk_relays
           ? user_relays.ndk_relays.writeRelayUrls
           : []),
         // TODO: pr event pubkey relays
-            ];
+      ]
     } catch {
-            alert("failed to get user relays");
+      alert('failed to get user relays')
     }
     try {
-            let res = await event.publish(
-                NDKRelaySet.fromRelayUrls(relays, ndk),
-            );
-            submitting = false;
-            submitted = true;
+      let _ = await event.publish(NDKRelaySet.fromRelayUrls(relays, ndk))
+      submitting = false
+      submitted = true
       setTimeout(() => {
-                submitted = false;
-            }, 5000);
+        submitted = false
+      }, 5000)
     } catch {}
   }
 </script>

src/lib/wrappers/EventCard.svelte

@@ -1,25 +1,24 @@
 <script lang="ts">
-    import EventWrapper from "$lib/components/events/EventWrapper.svelte";
-    import Kind19851985 from "$lib/components/events/content/Kind19851985.svelte";
-    import Kind317 from "$lib/components/events/content/Kind317.svelte";
-    import ParsedContent from "$lib/components/events/content/ParsedContent.svelte";
-    import type { User } from "$lib/components/users/type";
-    import { defaults as user_defaults } from "$lib/components/users/type";
-    import { patch_kind, pr_status_kind } from "$lib/kinds";
-    import { ensureUser } from "$lib/stores/users";
-    import type { NDKEvent } from "@nostr-dev-kit/ndk";
-    import { onDestroy } from "svelte";
-    import { writable } from "svelte/store";
+  import EventWrapper from '$lib/components/events/EventWrapper.svelte'
+  import Kind19851985 from '$lib/components/events/content/Kind19851985.svelte'
+  import Kind317 from '$lib/components/events/content/Kind317.svelte'
+  import ParsedContent from '$lib/components/events/content/ParsedContent.svelte'
+  import { defaults as user_defaults } from '$lib/components/users/type'
+  import { patch_kind, pr_status_kind } from '$lib/kinds'
+  import { ensureUser } from '$lib/stores/users'
+  import type { NDKEvent } from '@nostr-dev-kit/ndk'
+  import { onDestroy } from 'svelte'
+  import { writable } from 'svelte/store'
 
-    export let event: NDKEvent;
+  export let event: NDKEvent
 
-    let author = writable({ ...user_defaults });
+  let author = writable({ ...user_defaults })
   let author_unsubsriber = ensureUser(event.pubkey).subscribe((u) => {
-        author.set({ ...u });
-    });
+    author.set({ ...u })
+  })
   onDestroy(() => {
-        author_unsubsriber();
-    });
+    author_unsubsriber()
+  })
 </script>
 
 <EventWrapper

src/lib/wrappers/Navbar.svelte

@@ -4,17 +4,15 @@
     logged_in_user,
     login,
     nip07_plugin,
-    } from "$lib/stores/users";
-    import { onMount } from "svelte";
-    import Navbar from "$lib/components/Navbar.svelte";
+  } from '$lib/stores/users'
+  import { onMount } from 'svelte'
+  import Navbar from '$lib/components/Navbar.svelte'
 
-    let singup_function: Function = () => {
-        alert(
-            "a NIP-07 browser extension is required. currently no signup page",
-        );
-    };
+  let singup_function = () => {
+    alert('a NIP-07 browser extension is required. currently no signup page')
+  }
 
-    onMount(checkForNip07Plugin);
+  onMount(checkForNip07Plugin)
 </script>
 
 <Navbar

src/lib/wrappers/OpenPRs.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-    import PRsList from "$lib/components/prs/PRsList.svelte";
-    import { ensurePRSummaries, pr_summaries } from "$lib/stores/PRs";
+  import PRsList from '$lib/components/prs/PRsList.svelte'
+  import { ensurePRSummaries, pr_summaries } from '$lib/stores/PRs'
 
-    export let repo_id: string = "";
+  export let repo_id: string = ''
 
-    ensurePRSummaries(repo_id);
+  ensurePRSummaries(repo_id)
 </script>
 
 <PRsList

src/lib/wrappers/RepoDetails.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-    import RepoDetails from "$lib/components/repo/RepoDetails.svelte";
-    import { ensureSelectedRepo, selected_repo } from "$lib/stores/repo";
+  import RepoDetails from '$lib/components/repo/RepoDetails.svelte'
+  import { ensureSelectedRepo, selected_repo } from '$lib/stores/repo'
 
-    export let repo_id = "";
+  export let repo_id = ''
 
-    ensureSelectedRepo(repo_id);
+  ensureSelectedRepo(repo_id)
 </script>
 
 <RepoDetails {...$selected_repo} />

src/lib/wrappers/ReposRecent.svelte

@@ -1,20 +1,20 @@
 <script lang="ts">
-    import type { Args } from "$lib/components/RepoSummaryCard.svelte";
-    import ReposSummaryList from "$lib/components/ReposSummaryList.svelte";
-    import { repo_kind } from "$lib/kinds";
-    import { ndk } from "$lib/stores/ndk";
-    import type { NDKEvent } from "@nostr-dev-kit/ndk";
-    import { onDestroy } from "svelte";
+  import type { Args } from '$lib/components/RepoSummaryCard.svelte'
+  import ReposSummaryList from '$lib/components/ReposSummaryList.svelte'
+  import { repo_kind } from '$lib/kinds'
+  import { ndk } from '$lib/stores/ndk'
+  import type { NDKEvent } from '@nostr-dev-kit/ndk'
+  import { onDestroy } from 'svelte'
 
-    export let limit: number = 10;
+  export let limit: number = 10
 
-    let repos: Args[] = [];
-    let loading: boolean = true;
+  let repos: Args[] = []
+  let loading: boolean = true
   let sub = ndk.subscribe({
     kinds: [repo_kind],
     limit,
-    });
-    sub.on("event", (event: NDKEvent) => {
+  })
+  sub.on('event', (event: NDKEvent) => {
     if (repos.length < limit) {
       try {
         if (
@@ -23,7 +23,7 @@
             (r) =>
               r.repo_id == event.replaceableDTag() &&
               event.created_at &&
-                            r.created_at > event.created_at,
+              r.created_at > event.created_at
           )
         )
           repos = [
@@ -31,25 +31,25 @@
               (r) =>
                 !event.created_at ||
                 r.repo_id !== event.replaceableDTag() ||
-                                r.created_at > event.created_at,
+                r.created_at > event.created_at
             ),
             {
-                            name: event.tagValue("name") || "",
-                            description: event.tagValue("description") || "",
+              name: event.tagValue('name') || '',
+              description: event.tagValue('description') || '',
               repo_id: event.replaceableDTag(),
               created_at: event.created_at || 0,
             },
-                    ];
+          ]
       } catch {}
-        } else if (loading == true) loading = false;
-    });
-    sub.on("eose", () => {
-        if (loading == true) loading = false;
-    });
+    } else if (loading == true) loading = false
+  })
+  sub.on('eose', () => {
+    if (loading == true) loading = false
+  })
 
   onDestroy(() => {
-        sub.stop();
-    });
+    sub.stop()
+  })
 </script>
 
 <ReposSummaryList title="Latest Repositories" {repos} {loading} />

src/lib/wrappers/Thread.svelte

@@ -1,25 +1,21 @@
 <script lang="ts">
-    import type { User } from "$lib/components/users/type";
-    import { defaults as user_defaults } from "$lib/components/users/type";
-    import { ndk } from "$lib/stores/ndk";
-    import { ensureUser } from "$lib/stores/users";
-    import type { NDKEvent } from "@nostr-dev-kit/ndk";
-    import { onDestroy } from "svelte";
-    import EventCard from "./EventCard.svelte";
-    import ThreadWrapper from "$lib/components/events/ThreadWrapper.svelte";
-    import { writable } from "svelte/store";
+  import { ndk } from '$lib/stores/ndk'
+  import type { NDKEvent } from '@nostr-dev-kit/ndk'
+  import EventCard from './EventCard.svelte'
+  import ThreadWrapper from '$lib/components/events/ThreadWrapper.svelte'
+  import { writable } from 'svelte/store'
 
-    export let event: NDKEvent;
+  export let event: NDKEvent
 
-    export let replies: NDKEvent[] | undefined = undefined;
+  export let replies: NDKEvent[] | undefined = undefined
 
   let replies_store = replies
     ? writable(replies)
     : ndk.storeSubscribe({
-              "#e": [event.id],
-          });
+        '#e': [event.id],
+      })
   $: {
-        if (replies) replies_store.set(replies);
+    if (replies) replies_store.set(replies)
   }
 </script>
 

src/routes/+layout.svelte

@@ -1,6 +1,6 @@
 <script>
-  import "../app.css";
-  import Navbar from "$lib/wrappers/Navbar.svelte";
+  import '../app.css'
+  import Navbar from '$lib/wrappers/Navbar.svelte'
 </script>
 
 <Navbar />

src/routes/+page.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
-  import ReposRecent from "$lib/wrappers/ReposRecent.svelte";
+  import ReposRecent from '$lib/wrappers/ReposRecent.svelte'
 </script>
 
 <div role="alert" class="alert">
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    class="stroke-current shrink-0 h-6 w-6"
+    class="h-6 w-6 shrink-0 stroke-current"
     fill="none"
     viewBox="0 0 24 24"
     ><path
@@ -16,12 +16,12 @@
     /></svg
   >
   <div>
-    <h3 class="text-xs prose">Warning Experimental: expect breaking changes</h3>
+    <h3 class="prose text-xs">Warning Experimental: expect breaking changes</h3>
   </div>
 </div>
 
 <div class="flex flex-row">
-  <div class="hero bg-pr h-[calc(100vh-4rem)] md:basis-1/2">
+  <div class="bg-pr hero h-[calc(100vh-4rem)] md:basis-1/2">
     <div class="hero-content text-center">
       <div class="max-w-md">
         <div class="prose">
@@ -30,12 +30,12 @@
               >workshop</span
             ><span class="text-neutral">.dev</span>
           </h1>
-          <p class="mt-3 mb-8">
+          <p class="mb-8 mt-3">
             permissionless alternative to GitHub over nostr
           </p>
         </div>
         <div>
-          <div class="bg-base-300 card mb-8">
+          <div class="card mb-8 bg-base-300">
             <div class="card-body items-center text-center">
               <div class="card-title">
                 <h3>
@@ -46,7 +46,7 @@
                 a command-line tool to <span class="badge">create</span>,
                 <span class="badge">list</span> and
                 <span class="badge">apply</span> PRs and patches
-                <div class="card-actions flex mt-3">
+                <div class="card-actions mt-3 flex">
                   <div class="flex-grow">
                     <a href="/ngit" class="btn btn-neutral">install ngit</a>
                   </div>
@@ -61,7 +61,7 @@
         <button
           on:click={() =>
             alert(
-              "install ngit and run `ngit claim` your local git repository",
+              'install ngit and run `ngit claim` your local git repository'
             )}
           class="btn btn-secondary">list your repository</button
         >

src/routes/ngit/+page.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-    import Container from "$lib/components/Container.svelte";
+  import Container from '$lib/components/Container.svelte'
 </script>
 
 <Container>
-    <div class="prose mt-8 m-auto">
+  <div class="prose m-auto mt-8">
     <h2 class=""><span class="text-purple-600">n</span>git</h2>
     <p>
       a command-line tool to create, list and apply PRs and patches to git
@@ -31,57 +31,54 @@
     v.0.1.1
     <p>add the binary to a directory from which it can be run globally.</p>
     <h3>Commands</h3>
+    <p>All commands should be run from the directory of the git repository</p>
     <p>
-            All commands should be run from the directory of the git repository
-        </p>
-        <p>
-            <span class="rounded p-2 bg-neutral font-mono"
+      <span class="rounded bg-neutral p-2 font-mono"
         ><span class="py-5">ngit prs create</span></span
       >
-            use this when you are on a feature branch to propose it gets merged into
-            the remote branch by repository maintainer.
+      use this when you are on a feature branch to propose it gets merged into the
+      remote branch by repository maintainer.
     </p>
     <p>
-            It creates a PR event and patch events for each commit that isn't
-            also in the main or master branch.
+      It creates a PR event and patch events for each commit that isn't also in
+      the main or master branch.
     </p>
     <p>
-            <span class="rounded p-2 bg-neutral font-mono"
+      <span class="rounded bg-neutral p-2 font-mono"
         ><span class="py-5">ngit prs list</span></span
       >
-            fetches a selectable list of open PRs and, if one is selected and the
-            repository is clean, will create a branch for it and apply the commits.
-            If the branch already exists it will pull any updates.
+      fetches a selectable list of open PRs and, if one is selected and the repository
+      is clean, will create a branch for it and apply the commits. If the branch
+      already exists it will pull any updates.
     </p>
     <p>
-            <span class="rounded p-2 bg-neutral font-mono"
+      <span class="rounded bg-neutral p-2 font-mono"
         ><span class="py-5">ngit pull</span></span
       >
-            if the repository is currently in a branch related to an existing PR,
-            it will pull any updates from nostr.
+      if the repository is currently in a branch related to an existing PR, it will
+      pull any updates from nostr.
     </p>
     <p>
-            <span class="rounded p-2 bg-neutral font-mono"
+      <span class="rounded bg-neutral p-2 font-mono"
         ><span class="py-5">ngit push</span></span
       >
-            if the repository is currently in a branch related to an existing PR,
-            it will create patch events for any new commits.
+      if the repository is currently in a branch related to an existing PR, it will
+      create patch events for any new commits.
     </p>
     <p>
-            <span class="rounded p-2 bg-neutral font-mono"
+      <span class="rounded bg-neutral p-2 font-mono"
         ><span class="py-5">ngit claim</span></span
       >
-            issue a repository nostr event which lists it on gitworkshop.dev and
-            indicates you are accepting patches and PRs via nostr. This can be run
-            many times to update the details. The relays will reflect your user relays
-            plus blaster.
+      issue a repository nostr event which lists it on gitworkshop.dev and indicates
+      you are accepting patches and PRs via nostr. This can be run many times to
+      update the details. The relays will reflect your user relays plus blaster.
     </p>
     <p>
-            It also creates an optional <span class="font-mono p-2 bg-base-200"
+      It also creates an optional <span class="bg-base-200 p-2 font-mono"
         >maintainers.yaml</span
-            > file in the root of your repo that lists maintainers and relays. If
-            commited it will make it smoother for contributors to find your repository
-            event and also makes any future transfer of repository ownership easier.
+      > file in the root of your repo that lists maintainers and relays. If commited
+      it will make it smoother for contributors to find your repository event and
+      also makes any future transfer of repository ownership easier.
     </p>
   </div>
 </Container>

src/routes/repo/[repo_id]/+page.svelte

@@ -1,28 +1,27 @@
 <script lang="ts">
-    import RepoDetails from "$lib/wrappers/RepoDetails.svelte";
-    import OpenPRs from "$lib/wrappers/OpenPRs.svelte";
-    import { ensureSelectedRepo, selected_repo } from "$lib/stores/repo";
-    import RepoHeader from "$lib/components/repo/RepoHeader.svelte";
-    import Container from "$lib/components/Container.svelte";
+  import RepoDetails from '$lib/wrappers/RepoDetails.svelte'
+  import OpenPRs from '$lib/wrappers/OpenPRs.svelte'
+  import { ensureSelectedRepo, selected_repo } from '$lib/stores/repo'
+  import RepoHeader from '$lib/components/repo/RepoHeader.svelte'
+  import Container from '$lib/components/Container.svelte'
 
-    export let data: { repo_id: string };
-    let repo_id = data.repo_id;
+  export let data: { repo_id: string }
+  let repo_id = data.repo_id
 
-    ensureSelectedRepo(repo_id);
+  ensureSelectedRepo(repo_id)
 
-    let repo_error = false;
+  let repo_error = false
   $: {
-        repo_error =
-            !$selected_repo.loading && $selected_repo.name.length === 0;
+    repo_error = !$selected_repo.loading && $selected_repo.name.length === 0
   }
 </script>
 
 {#if repo_error}
   <Container>
-        <div role="alert" class="alert alert-error mt-6 w-full max-w-xs m-auto">
+    <div role="alert" class="alert alert-error m-auto mt-6 w-full max-w-xs">
       <svg
         xmlns="http://www.w3.org/2000/svg"
-                class="stroke-current shrink-0 h-6 w-6"
+        class="h-6 w-6 shrink-0 stroke-current"
         fill="none"
         viewBox="0 0 24 24"
         ><path
@@ -39,11 +38,11 @@
   <RepoHeader {...$selected_repo} />
 
   <Container>
-        <div class="md:flex mt-2">
-            <div class="md:w-2/3 md:mr-2">
+    <div class="mt-2 md:flex">
+      <div class="md:mr-2 md:w-2/3">
         <OpenPRs {repo_id} />
       </div>
-            <div class="w-1/3 ml-2 prose hidden md:flex">
+      <div class="prose ml-2 hidden w-1/3 md:flex">
         <RepoDetails {repo_id} />
       </div>
     </div>

src/routes/repo/[repo_id]/pr/[pr_id]/+page.svelte

@@ -1,46 +1,36 @@
 <script lang="ts">
-    import { ensureSelectedRepo, selected_repo } from "$lib/stores/repo";
+  import { ensureSelectedRepo, selected_repo } from '$lib/stores/repo'
   import {
     ensurePRFull,
     selected_pr_full,
     selected_pr_replies,
-    } from "$lib/stores/PR";
-    import PrHeader from "$lib/components/prs/PRHeader.svelte";
-    import RepoHeader from "$lib/components/repo/RepoHeader.svelte";
-    import Thread from "$lib/wrappers/Thread.svelte";
-    import PrDetails from "$lib/components/prs/PRDetails.svelte";
-    import Container from "$lib/components/Container.svelte";
-    import ParsedContent from "$lib/components/events/content/ParsedContent.svelte";
-    import Compose from "$lib/wrappers/Compose.svelte";
-    import type { NDKEvent } from "@nostr-dev-kit/ndk";
+  } from '$lib/stores/PR'
+  import PrHeader from '$lib/components/prs/PRHeader.svelte'
+  import RepoHeader from '$lib/components/repo/RepoHeader.svelte'
+  import Thread from '$lib/wrappers/Thread.svelte'
+  import PrDetails from '$lib/components/prs/PRDetails.svelte'
+  import Container from '$lib/components/Container.svelte'
+  import ParsedContent from '$lib/components/events/content/ParsedContent.svelte'
+  import Compose from '$lib/wrappers/Compose.svelte'
 
   export let data: {
-        repo_id: string;
-        pr_id: string;
-    };
-
-    let repo_id = data.repo_id;
-    let pr_id = data.pr_id;
+    repo_id: string
+    pr_id: string
+  }
 
-    ensureSelectedRepo(repo_id);
-    ensurePRFull(repo_id, pr_id);
+  let repo_id = data.repo_id
+  let pr_id = data.pr_id
 
-    let replies: NDKEvent[] = [];
+  ensureSelectedRepo(repo_id)
+  ensurePRFull(repo_id, pr_id)
 
+  let repo_error = false
+  let pr_error = false
   $: {
-        replies = $selected_pr_replies.sort((a, b) =>
-            a.created_at && b.created_at ? a.created_at - b.created_at : 1,
-        );
-    }
-
-    let repo_error = false;
-    let pr_error = false;
-    $: {
-        repo_error =
-            !$selected_repo.loading && $selected_repo.name.length === 0;
+    repo_error = !$selected_repo.loading && $selected_repo.name.length === 0
     pr_error =
       !$selected_pr_full.summary.loading &&
-            $selected_pr_full.summary.created_at === 0;
+      $selected_pr_full.summary.created_at === 0
   }
 </script>
 
@@ -50,10 +40,10 @@
 
 {#if pr_error}
   <Container>
-        <div role="alert" class="alert alert-error mt-6 w-full max-w-xs m-auto">
+    <div role="alert" class="alert alert-error m-auto mt-6 w-full max-w-xs">
       <svg
         xmlns="http://www.w3.org/2000/svg"
-                class="stroke-current shrink-0 h-6 w-6"
+        class="h-6 w-6 shrink-0 stroke-current"
         fill="none"
         viewBox="0 0 24 24"
         ><path
@@ -63,27 +53,23 @@
           d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
         /></svg
       >
-            <span
-                >Error! cannot find PR {repo_error ? "or repo " : ""}event</span
-            >
+      <span>Error! cannot find PR {repo_error ? 'or repo ' : ''}event</span>
     </div>
   </Container>
 {:else}
   <PrHeader {...$selected_pr_full.summary} />
   <Container>
     <div class="md:flex">
-            <div class="md:w-2/3 md:mr-2">
+      <div class="md:mr-2 md:w-2/3">
         <div class="prose my-3">
-                    <ParsedContent
-                        content={$selected_pr_full.summary.descritpion}
-                    />
+          <ParsedContent content={$selected_pr_full.summary.descritpion} />
         </div>
         <div role="alert" class="alert">
           <svg
             xmlns="http://www.w3.org/2000/svg"
             fill="none"
             viewBox="0 0 24 24"
-                        class="stroke-info shrink-0 w-6 h-6"
+            class="h-6 w-6 shrink-0 stroke-info"
             ><path
               stroke-linecap="round"
               stroke-linejoin="round"
@@ -92,11 +78,11 @@
             ></path></svg
           >
           <div>
-                        <h3 class="text-xs prose">
-                            to view the latest patches from this PR <a
-                                href="/ngit">install ngit</a
+            <h3 class="prose text-xs">
+              to view the latest patches from this PR <a href="/ngit"
+                >install ngit</a
               >, run
-                            <span class="rounded p-1 bg-neutral font-mono"
+              <span class="rounded bg-neutral p-1 font-mono"
                 ><span class="py-3">ngit prs list</span></span
               > from the local repository and select this PR title
             </h3>
@@ -109,7 +95,7 @@
           <Compose />
         </div>
       </div>
-            <div class="w-1/3 ml-2 prose hidden md:flex">
+      <div class="prose ml-2 hidden w-1/3 md:flex">
         <PrDetails
           summary={$selected_pr_full.summary}
           labels={$selected_pr_full.labels}

tsconfig.json

@@ -8,6 +8,6 @@
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "sourceMap": true,
-		"strict": true
-	}
+    "strict": true,
+  },
 }

yarn.lock

@@ -1277,6 +1277,18 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
   integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
 
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
+  integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
+  dependencies:
+    eslint-visitor-keys "^3.3.0"
+
+"@eslint-community/regexpp@^4.5.1":
+  version "4.10.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.10.0.tgz#548f6de556857c8bb73bbee70c35dc82a2e74d63"
+  integrity sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==
+
 "@eslint/eslintrc@^1.0.5":
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
@@ -1737,6 +1749,11 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
+"@pkgr/core@^0.1.0":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.1.1.tgz#1ec17e2edbec25c8306d424ecfbf13c7de1aaa31"
+  integrity sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==
+
 "@polka/url@^1.0.0-next.20":
   version "1.0.0-next.24"
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.24.tgz#58601079e11784d20f82d0585865bb42305c4df3"
@@ -3255,6 +3272,11 @@
     expect "^29.0.0"
     pretty-format "^29.0.0"
 
+"@types/json-schema@^7.0.12":
+  version "7.0.15"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
+  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+
 "@types/lodash@^4.14.167":
   version "4.14.202"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.202.tgz#f09dbd2fb082d507178b2f2a5c7e74bd72ff98f8"
@@ -3372,7 +3394,7 @@
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.8.tgz#ce5ace04cfeabe7ef87c0091e50752e36707deff"
   integrity sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==
 
-"@types/semver@^7.3.4":
+"@types/semver@^7.3.4", "@types/semver@^7.5.0":
   version "7.5.6"
   resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.6.tgz#c65b2bfce1bec346582c07724e3f8c1017a20339"
   integrity sha512-dn1l8LaMea/IjDoHNd9J52uBbInB796CDffS6VdIxvqYCPSG0V0DzHp76GpaWnlhg88uYyPbXCDIowa86ybd5A==
@@ -3440,6 +3462,92 @@
   dependencies:
     "@types/yargs-parser" "*"
 
+"@typescript-eslint/eslint-plugin@^6.20.0":
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.20.0.tgz#9cf31546d2d5e884602626d89b0e0d2168ac25ed"
+  integrity sha512-fTwGQUnjhoYHeSF6m5pWNkzmDDdsKELYrOBxhjMrofPqCkoC2k3B2wvGHFxa1CTIqkEn88nlW1HVMztjo2K8Hg==
+  dependencies:
+    "@eslint-community/regexpp" "^4.5.1"
+    "@typescript-eslint/scope-manager" "6.20.0"
+    "@typescript-eslint/type-utils" "6.20.0"
+    "@typescript-eslint/utils" "6.20.0"
+    "@typescript-eslint/visitor-keys" "6.20.0"
+    debug "^4.3.4"
+    graphemer "^1.4.0"
+    ignore "^5.2.4"
+    natural-compare "^1.4.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/parser@^6.20.0":
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.20.0.tgz#17e314177304bdf498527e3c4b112e41287b7416"
+  integrity sha512-bYerPDF/H5v6V76MdMYhjwmwgMA+jlPVqjSDq2cRqMi8bP5sR3Z+RLOiOMad3nsnmDVmn2gAFCyNgh/dIrfP/w==
+  dependencies:
+    "@typescript-eslint/scope-manager" "6.20.0"
+    "@typescript-eslint/types" "6.20.0"
+    "@typescript-eslint/typescript-estree" "6.20.0"
+    "@typescript-eslint/visitor-keys" "6.20.0"
+    debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@6.20.0":
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.20.0.tgz#8a926e60f6c47feb5bab878246dc2ae465730151"
+  integrity sha512-p4rvHQRDTI1tGGMDFQm+GtxP1ZHyAh64WANVoyEcNMpaTFn3ox/3CcgtIlELnRfKzSs/DwYlDccJEtr3O6qBvA==
+  dependencies:
+    "@typescript-eslint/types" "6.20.0"
+    "@typescript-eslint/visitor-keys" "6.20.0"
+
+"@typescript-eslint/type-utils@6.20.0":
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.20.0.tgz#d395475cd0f3610dd80c7d8716fa0db767da3831"
+  integrity sha512-qnSobiJQb1F5JjN0YDRPHruQTrX7ICsmltXhkV536mp4idGAYrIyr47zF/JmkJtEcAVnIz4gUYJ7gOZa6SmN4g==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "6.20.0"
+    "@typescript-eslint/utils" "6.20.0"
+    debug "^4.3.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/types@6.20.0":
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.20.0.tgz#5ccd74c29011ae7714ae6973e4ec0c634708b448"
+  integrity sha512-MM9mfZMAhiN4cOEcUOEx+0HmuaW3WBfukBZPCfwSqFnQy0grXYtngKCqpQN339X3RrwtzspWJrpbrupKYUSBXQ==
+
+"@typescript-eslint/typescript-estree@6.20.0":
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.20.0.tgz#5b2d0975949e6bdd8d45ee1471461ef5fadc5542"
+  integrity sha512-RnRya9q5m6YYSpBN7IzKu9FmLcYtErkDkc8/dKv81I9QiLLtVBHrjz+Ev/crAqgMNW2FCsoZF4g2QUylMnJz+g==
+  dependencies:
+    "@typescript-eslint/types" "6.20.0"
+    "@typescript-eslint/visitor-keys" "6.20.0"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    minimatch "9.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/utils@6.20.0":
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.20.0.tgz#0e52afcfaa51af5656490ba4b7437cc3aa28633d"
+  integrity sha512-/EKuw+kRu2vAqCoDwDCBtDRU6CTKbUmwwI7SH7AashZ+W+7o8eiyy6V2cdOqN49KsTcASWsC5QeghYuRDTyOOg==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@types/json-schema" "^7.0.12"
+    "@types/semver" "^7.5.0"
+    "@typescript-eslint/scope-manager" "6.20.0"
+    "@typescript-eslint/types" "6.20.0"
+    "@typescript-eslint/typescript-estree" "6.20.0"
+    semver "^7.5.4"
+
+"@typescript-eslint/visitor-keys@6.20.0":
+  version "6.20.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.20.0.tgz#f7ada27f2803de89df0edd9fd7be22c05ce6a498"
+  integrity sha512-E8Cp98kRe4gKHjJD4NExXKz/zOJ1A2hhZc+IMVD6i7w4yjIvh6VyuRI0gRtxAsXtoC35uGMaQ9rjI2zJaXDEAw==
+  dependencies:
+    "@typescript-eslint/types" "6.20.0"
+    eslint-visitor-keys "^3.4.1"
+
 "@ungap/structured-clone@^1.0.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
@@ -5017,7 +5125,43 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-scope@^7.1.0:
+eslint-compat-utils@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/eslint-compat-utils/-/eslint-compat-utils-0.1.2.tgz#f45e3b5ced4c746c127cf724fb074cd4e730d653"
+  integrity sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==
+
+eslint-config-prettier@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz#31af3d94578645966c082fcb71a5846d3c94867f"
+  integrity sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==
+
+eslint-plugin-prettier@^5.1.3:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz#17cfade9e732cef32b5f5be53bd4e07afd8e67e1"
+  integrity sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==
+  dependencies:
+    prettier-linter-helpers "^1.0.0"
+    synckit "^0.8.6"
+
+eslint-plugin-svelte@^2.35.1:
+  version "2.35.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-svelte/-/eslint-plugin-svelte-2.35.1.tgz#7b1e3c263b09dbc9293c25fe02d03d309725d2b9"
+  integrity sha512-IF8TpLnROSGy98Z3NrsKXWDSCbNY2ReHDcrYTuXZMbfX7VmESISR78TWgO9zdg4Dht1X8coub5jKwHzP0ExRug==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.2.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+    debug "^4.3.1"
+    eslint-compat-utils "^0.1.2"
+    esutils "^2.0.3"
+    known-css-properties "^0.29.0"
+    postcss "^8.4.5"
+    postcss-load-config "^3.1.4"
+    postcss-safe-parser "^6.0.0"
+    postcss-selector-parser "^6.0.11"
+    semver "^7.5.3"
+    svelte-eslint-parser ">=0.33.0 <1.0.0"
+
+eslint-scope@^7.0.0, eslint-scope@^7.1.0:
   version "7.2.2"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
   integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
@@ -5037,7 +5181,7 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.4.1:
+eslint-visitor-keys@^3.0.0, eslint-visitor-keys@^3.1.0, eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
   version "3.4.3"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
@@ -5100,7 +5244,7 @@ espree@9.2.0:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^3.1.0"
 
-espree@^9.2.0, espree@^9.4.0:
+espree@^9.0.0, espree@^9.2.0, espree@^9.4.0:
   version "9.6.1"
   resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
   integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
@@ -5145,7 +5289,7 @@ estree-walker@^3.0.0, estree-walker@^3.0.3:
   dependencies:
     "@types/estree" "^1.0.0"
 
-esutils@^2.0.2:
+esutils@^2.0.2, esutils@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
@@ -5272,6 +5416,11 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
+fast-diff@^1.1.2:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.3.0.tgz#ece407fa550a64d638536cd727e129c61616e0f0"
+  integrity sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==
+
 fast-glob@^3.2.7, fast-glob@^3.2.9, fast-glob@^3.3.0:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
@@ -5760,7 +5909,7 @@ globalyzer@0.1.0:
   resolved "https://registry.yarnpkg.com/globalyzer/-/globalyzer-0.1.0.tgz#cb76da79555669a1519d5a8edf093afaa0bf1465"
   integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==
 
-globby@^11.0.1, globby@^11.0.2:
+globby@^11.0.1, globby@^11.0.2, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -5794,6 +5943,11 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.3
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
 gunzip-maybe@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz#b913564ae3be0eda6f3de36464837a9cd94b98ac"
@@ -6043,6 +6197,11 @@ ignore@^5.2.0:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.0.tgz#67418ae40d34d6999c95ff56016759c718c82f78"
   integrity sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==
 
+ignore@^5.2.4:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef"
+  integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==
+
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -7091,6 +7250,11 @@ kleur@^4.1.5:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780"
   integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==
 
+known-css-properties@^0.29.0:
+  version "0.29.0"
+  resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.29.0.tgz#e8ba024fb03886f23cb882e806929f32d814158f"
+  integrity sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==
+
 lazy-universal-dotenv@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz#0b220c264e89a042a37181a4928cdd298af73422"
@@ -7120,7 +7284,7 @@ light-bolt11-decoder@^3.0.0:
   dependencies:
     "@scure/base" "1.1.1"
 
-lilconfig@^2.1.0:
+lilconfig@^2.0.5, lilconfig@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
   integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
@@ -7395,6 +7559,13 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
+minimatch@9.0.3, minimatch@^9.0.1:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
@@ -7409,13 +7580,6 @@ minimatch@^5.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^9.0.1:
-  version "9.0.3"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
-  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
-  dependencies:
-    brace-expansion "^2.0.1"
-
 minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
@@ -8045,6 +8209,14 @@ postcss-js@^4, postcss-js@^4.0.1:
   dependencies:
     camelcase-css "^2.0.1"
 
+postcss-load-config@^3.1.4:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
+  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+  dependencies:
+    lilconfig "^2.0.5"
+    yaml "^1.10.2"
+
 postcss-load-config@^4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.2.tgz#7159dcf626118d33e299f485d6afe4aff7c4a3e3"
@@ -8060,6 +8232,16 @@ postcss-nested@^6.0.1:
   dependencies:
     postcss-selector-parser "^6.0.11"
 
+postcss-safe-parser@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz#bb4c29894171a94bc5c996b9a30317ef402adaa1"
+  integrity sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==
+
+postcss-scss@^4.0.8:
+  version "4.0.9"
+  resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.9.tgz#a03c773cd4c9623cb04ce142a52afcec74806685"
+  integrity sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==
+
 postcss-selector-parser@6.0.10:
   version "6.0.10"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d"
@@ -8090,16 +8272,47 @@ postcss@^8.3.11, postcss@^8.4.23, postcss@^8.4.27, postcss@^8.4.30:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+postcss@^8.4.29, postcss@^8.4.5:
+  version "8.4.33"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.33.tgz#1378e859c9f69bf6f638b990a0212f43e2aaa742"
+  integrity sha512-Kkpbhhdjw2qQs2O2DGX+8m5OVqEcbB9HRBvuYM9pgrjEFUg30A9LmXNlTAUj4S9kgtGyrMbTzVjH7E+s5Re2yg==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
+prettier-plugin-svelte@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-svelte/-/prettier-plugin-svelte-3.1.2.tgz#2e050eb56dbb467a42c45ad6ce18bb277d28ffa0"
+  integrity sha512-7xfMZtwgAWHMT0iZc8jN4o65zgbAQ3+O32V6W7pXrqNvKnHnkoyQCGCbKeUyXKZLbYE0YhFRnamfxfkEGxm8qA==
+
+prettier-plugin-tailwindcss@^0.5.11:
+  version "0.5.11"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.11.tgz#1aa9308c3285b3cb7942aaeaec8d0e0775ac54d0"
+  integrity sha512-AvI/DNyMctyyxGOjyePgi/gqj5hJYClZ1avtQvLlqMT3uDZkRbi4HhGUpok3DRzv9z7Lti85Kdj3s3/1CeNI0w==
+
 prettier@^2.8.0:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
+prettier@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.2.4.tgz#4723cadeac2ce7c9227de758e5ff9b14e075f283"
+  integrity sha512-FWu1oLHKCrtpO1ypU6J0SbK2d9Ckwysq6bHj/uaCP26DxrPpppCLQRGVuqAxSTvhF00AcvDRyYrLNW7ocBhFFQ==
+
 pretty-format@^27.0.2:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
@@ -9079,6 +9292,17 @@ svelte-check@^3.0.1:
     svelte-preprocess "^5.1.0"
     typescript "^5.0.3"
 
+"svelte-eslint-parser@>=0.33.0 <1.0.0":
+  version "0.33.1"
+  resolved "https://registry.yarnpkg.com/svelte-eslint-parser/-/svelte-eslint-parser-0.33.1.tgz#c64dbed2fad099577429b3c39377f6b8d36e5d97"
+  integrity sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==
+  dependencies:
+    eslint-scope "^7.0.0"
+    eslint-visitor-keys "^3.0.0"
+    espree "^9.0.0"
+    postcss "^8.4.29"
+    postcss-scss "^4.0.8"
+
 svelte-hmr@^0.15.3:
   version "0.15.3"
   resolved "https://registry.yarnpkg.com/svelte-hmr/-/svelte-hmr-0.15.3.tgz#df54ccde9be3f091bf5f18fc4ef7b8eb6405fbe6"
@@ -9140,6 +9364,14 @@ synchronous-promise@^2.0.15:
   resolved "https://registry.yarnpkg.com/synchronous-promise/-/synchronous-promise-2.0.17.tgz#38901319632f946c982152586f2caf8ddc25c032"
   integrity sha512-AsS729u2RHUfEra9xJrE39peJcc2stq2+poBXX8bcM08Y6g9j/i/PUzwNQqkaJde7Ntg1TO7bSREbR5sdosQ+g==
 
+synckit@^0.8.6:
+  version "0.8.8"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.8.8.tgz#fe7fe446518e3d3d49f5e429f443cf08b6edfcd7"
+  integrity sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==
+  dependencies:
+    "@pkgr/core" "^0.1.0"
+    tslib "^2.6.2"
+
 tailwindcss@^3.3.3:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.6.tgz#4dd7986bf4902ad385d90d45fd4b2fa5fab26d5f"
@@ -9327,6 +9559,11 @@ trough@^2.0.0:
   resolved "https://registry.yarnpkg.com/trough/-/trough-2.1.0.tgz#0f7b511a4fde65a46f18477ab38849b22c554876"
   integrity sha512-AqTiAOLcj85xS7vQ8QkAV41hPDIJ71XJB4RCUrzo/1GM2CQwhkJGaf9Hgr7BOugMRpgGUrqRg/DrBDl4H40+8g==
 
+ts-api-utils@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.0.3.tgz#f12c1c781d04427313dbac808f453f050e54a331"
+  integrity sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==
+
 ts-dedent@^2.0.0, ts-dedent@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/ts-dedent/-/ts-dedent-2.2.0.tgz#39e4bd297cd036292ae2394eb3412be63f563bb5"
@@ -9347,7 +9584,7 @@ tslib@^1.13.0:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.0.1, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.4.1:
+tslib@^2.0.0, tslib@^2.0.1, tslib@^2.1.0, tslib@^2.4.0, tslib@^2.4.1, tslib@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
@@ -9991,6 +10228,11 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
+yaml@^1.10.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
 yaml@^2.3.4:
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.4.tgz#53fc1d514be80aabf386dc6001eb29bf3b7523b2"