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 type { Meta } from '@storybook/svelte'
-    import Navbar from "$lib/components/Navbar.svelte";
+  import Navbar from '$lib/components/Navbar.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { UserVectors } from "$lib/components/users/vectors";
+  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 Container from './Container.svelte'
-  import UserHeader from "./users/UserHeader.svelte";
+  import UserHeader from './users/UserHeader.svelte'
-  import type { User } from "./users/type";
+  import type { User } from './users/type'
 
-  export let logged_in_user: User | undefined = undefined;
+  export let logged_in_user: User | undefined = undefined
-  export let nip07_plugin: boolean | undefined = undefined;
+  export let nip07_plugin: boolean | undefined = undefined
-  export let login_function: Function = () => {};
+  export let login_function = () => {}
-  export let singup_function: 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 type { Meta } from '@storybook/svelte'
-    import RepoSummaryCard from "./RepoSummaryCard.svelte";
+  import RepoSummaryCard from './RepoSummaryCard.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { RepoSummaryCardArgsVectors as vectors } from "./repo/vectors";
+  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;
+    name: string
-    description: string;
+    description: string
-    repo_id: string;
+    repo_id: string
-    loading?: boolean;
+    loading?: boolean
-    created_at: number;
+    created_at: number
   }
   export const defaults: Args = {
-    name: "",
+    name: '',
-    repo_id: "",
+    repo_id: '',
-    description: "",
+    description: '',
     loading: false,
     created_at: 0,
-  };
+  }
 </script>
 
 <script lang="ts">
-  export let { name, description, repo_id: repo_id, loading } = defaults;
+  export let { name, description, repo_id: repo_id, loading } = defaults
-  let short_name: string;
+  let short_name: string
   $: {
-    if (name.length > 45) short_name = name.slice(0, 45) + "...";
+    if (name.length > 45) short_name = name.slice(0, 45) + '...'
-    else if (name.length == 0) short_name = "Untitled";
+    else if (name.length == 0) short_name = 'Untitled'
-    else short_name = name;
+    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="skeleton mb-2 h-5 w-40"></div>
-    <div class="h-4 skeleton w-100"></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 type { Meta } from '@storybook/svelte'
-    import ReposSummaryList from "./ReposSummaryList.svelte";
+  import ReposSummaryList from './ReposSummaryList.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { RepoSummaryCardArgsVectors as vectors } from "./repo/vectors";
+  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 title: string = ''
-  export let repos: RepoSummaryCardArgs[] = [];
+  export let repos: RepoSummaryCardArgs[] = []
-  export let loading: boolean = false;
+  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 = () => {}
-    export let sendReply: (content: string) => void = (content: string) => {};
+  export let submitting = false
-    export let submitting = false;
   let submit = () => {
-        sendReply(content);
+    sendReply(content)
-    };
+  }
-    let 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 dayjs from 'dayjs'
-    import UserHeader from "../users/UserHeader.svelte";
+  import UserHeader from '../users/UserHeader.svelte'
-    import type { User } from "../users/type";
+  import type { User } from '../users/type'
-    import { defaults as user_defaults } from "../users/type";
+  import { defaults as user_defaults } from '../users/type'
-    import Compose from "$lib/wrappers/Compose.svelte";
+  import Compose from '$lib/wrappers/Compose.svelte'
-    import { logged_in_user } from "$lib/stores/users";
+  import { logged_in_user } from '$lib/stores/users'
 
-    export let author: User = { ...user_defaults };
+  export let author: User = { ...user_defaults }
-    export let created_at: number | undefined;
+  export let created_at: number | undefined
-    export let event_id = "";
+  export let event_id = ''
-    export let logged_in = $logged_in_user;
+  export let logged_in = $logged_in_user
-    let show_compose = false;
+  let show_compose = false
 
-    let created_at_ago = "";
+  let created_at_ago = ''
-    $: created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : "";
+  $: 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">
+      <div class="aling-middle mb-1 mt-1">
-                <span class="text-xs mb-1">{created_at_ago}</span>
+        <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"
+            class="btn btn-circle btn-ghost btn-sm right-2 top-2">✕</button
-                        >✕</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 type { NDKTag } from '@nostr-dev-kit/ndk'
-    import Status from "$lib/components/prs/Status.svelte";
+  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);
+    let tag = tags.find((tag) => tag[0] === name)
-        return tag ? tag[1] : undefined;
+    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 type { NDKTag } from '@nostr-dev-kit/ndk'
-    import parseDiff from "parse-diff";
+  import parseDiff from 'parse-diff'
-    import ParsedContent from "./ParsedContent.svelte";
+  import ParsedContent from './ParsedContent.svelte'
 
-    export let content: string = "";
+  export let content: string = ''
-    export let tags: NDKTag[] = [];
+  export let tags: NDKTag[] = []
-    export let lite: boolean = true;
 
-    let commit_id = extractTagContent("commit") || "[unknown commit_id]";
+  let commit_id = extractTagContent('commit') || '[unknown commit_id]'
-    let commit_message = extractTagContent("description") || "[untitled]";
+  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);
+    let tag = tags.find((tag) => tag[0] === name)
-        return tag ? tag[1] : undefined;
+    return tag ? tag[1] : undefined
   }
 </script>
 
 <div class="">
-    <div class="bg-base-300 rounded-t p-1 flex">
+  <div class="flex rounded-t bg-base-300 p-1">
-        <article class="ml-2 prose font-mono flex-grow">
+    <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">
+    <div class="flex-none p-1 align-middle text-xs text-neutral">commit</div>
-            commit
-        </div>
   </div>
 
-    <div class="bg-base-200 p-1 rounded-b">
+  <div class="rounded-b bg-base-200 p-1">
-        <table class="table table-xs table-zebra">
+    <table class="table table-zebra table-xs">
       <tr>
         <td class="text-xs">Changes: </td>
         <td class="text-right">
-                    <span class="text-xs font-mono"
+          <span class="font-mono text-xs">{commit_id.substring(0, 8)}</span>
-                        >{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";
+  } from './utils'
-    export let content: string = "";
+  export let content: string = ''
-    export let tags: NDKTag[] = [];
+  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 type { NDKTag } from '@nostr-dev-kit/ndk'
-import { nip19 } from "nostr-tools";
+import { last } from 'ramda'
-import { identity, last, pluck } from "ramda";
+
-
+export const TOPIC = 'topic'
-export const TOPIC = "topic";
+export const LINK = 'link'
-export const LINK = "link";
+export const LINKCOLLECTION = 'link[]'
-export const LINKCOLLECTION = "link[]";
+export const HTML = 'html'
-export const HTML = "html";
+export const INVOICE = 'invoice'
-export const INVOICE = "invoice";
+export const NOSTR_NOTE = 'nostr:note'
-export const NOSTR_NOTE = "nostr:note";
+export const NOSTR_NEVENT = 'nostr:nevent'
-export const NOSTR_NEVENT = "nostr:nevent";
+export const NOSTR_NPUB = 'nostr:npub'
-export const NOSTR_NPUB = "nostr:npub";
+export const NOSTR_NPROFILE = 'nostr:nprofile'
-export const NOSTR_NPROFILE = "nostr:nprofile";
+export const NOSTR_NADDR = 'nostr:naddr'
-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;
+  content: string
-    tags?: Array<NDKTag>;
+  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",
+  type: 'newline'
-    value: string,
+  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",
+  type: 'text'
-    value: string,
+  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[] => {
+export const parseContent = ({ content }: ContentArgs): ParsedPart[] => {
-    const result: ParsedPart[] = [];
+  const result: ParsedPart[] = []
-    let text = content.trim();
+  let text = content.trim()
-    let buffer = "";
+  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 =
+    const part = parseNewline()
-            parseNewline();
 
     if (part) {
       if (buffer) {
-                result.push({ type: "text", value: buffer });
+        result.push({ type: 'text', value: buffer })
-                buffer = "";
+        buffer = ''
       }
 
-            const [type, raw, value] = part;
+      const [type, raw, value] = part
 
-            result.push({ type, value });
+      result.push({ type, value })
-            text = text.slice(raw.length);
+      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;
+      buffer += match
-            text = text.slice(match.length);
+      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;
+  author: User
-    content: any;
+  content: unknown
-}
-
-let defaults: Event = {
-    author: { ...user_defaults },
-    content: [],
 }

src/lib/components/prs/PRDetails.svelte

@@ -1,17 +1,17 @@
 <script lang="ts">
-    import { full_defaults } from "./type";
+  import { full_defaults } from './type'
-    import UserHeader from "../users/UserHeader.svelte";
+  import UserHeader from '../users/UserHeader.svelte'
-    import StatusSelector from "./StatusSelector.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="skeleton my-3 h-5 w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
-            <div class="badge skeleton my-2 w-40 block"></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="skeleton my-3 h-5 w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
-            <div class="badge skeleton my-2 w-40 block"></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 type { Meta } from '@storybook/svelte'
-    import PRHeader from "./PRHeader.svelte";
+  import PRHeader from './PRHeader.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { PRsListItemArgsVectors as vectors } from "./vectors";
+  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 dayjs from 'dayjs'
-    import relativeTime from "dayjs/plugin/relativeTime";
+  import relativeTime from 'dayjs/plugin/relativeTime'
-    import { summary_defaults } from "./type";
+  import { summary_defaults } from './type'
-    import { getName } from "../users/type";
+  import { getName } from '../users/type'
-    import Container from "../Container.svelte";
+  import Container from '../Container.svelte'
-    import Status from "./Status.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;
+  } = summary_defaults
-    let short_title: string;
+  let short_title: string
-    let created_at_ago: string;
+  let created_at_ago: string
-    let author_name = "";
+  let author_name = ''
   $: {
-        author_name = getName(author);
+    author_name = getName(author)
   }
   $: {
-        if (title.length > 70) short_title = title.slice(0, 65) + "...";
+    if (title.length > 70) short_title = title.slice(0, 65) + '...'
-        else if (title.length == 0) short_title = "Untitled";
+    else if (title.length == 0) short_title = 'Untitled'
-        else short_title = title;
+    else short_title = title
-        created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : "";
+    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"
+            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>
       </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 type { Meta } from '@storybook/svelte'
-    import PRsList from "./PRsList.svelte";
+  import PRsList from './PRsList.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { PRsListItemArgsVectors as vectors } from "./vectors";
+  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 PRsListItem from '$lib/components/prs/PRsListItem.svelte'
-    import { onMount } from "svelte";
+  import type { PRSummary } from './type'
 
-    import PRsListItem from "$lib/components/prs/PRsListItem.svelte";
+  export let title: string = ''
-    import type { PRSummary } from "./type";
+  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 type { Meta } from '@storybook/svelte'
-    import PRsListItem from "./PRsListItem.svelte";
+  import PRsListItem from './PRsListItem.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { PRsListItemArgsVectors as vectors } from "./vectors";
+  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 dayjs from 'dayjs'
-    import relativeTime from "dayjs/plugin/relativeTime";
+  import relativeTime from 'dayjs/plugin/relativeTime'
-    import { summary_defaults } from "./type";
+  import { summary_defaults } from './type'
-    import { getName } from "../users/type";
+  import { getName } from '../users/type'
-    import { pr_icon_path } from "./icons";
+  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;
+  } = summary_defaults
-    let short_title: string;
+  let short_title: string
-    let created_at_ago: string;
+  let created_at_ago: string
-    let author_name = "";
+  let author_name = ''
   $: {
-        author_name = getName(author);
+    author_name = getName(author)
   }
   $: {
-        if (title.length > 70) short_title = title.slice(0, 65) + "...";
+    if (title.length > 70) short_title = title.slice(0, 65) + '...'
-        else if (title.length == 0) short_title = "Untitled";
+    else if (title.length == 0) short_title = 'Untitled'
-        else short_title = title;
+    else short_title = title
-        created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : "";
+    created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : ''
   }
 </script>
 
 <li
-    class="flex p-2 pt-4 {!loading
+  class="flex p-2 pt-4 {!loading ? 'cursor-pointer hover:bg-neutral-700' : ''}"
-        ? 'hover:bg-neutral-700 cursor-pointer'
-        : ''}"
 >
   <!-- <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>
+    <div class="skeleton h-5 w-5 flex-none pt-1"></div>
-    {:else if status === "Open"}
+  {: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="skeleton h-5 w-60 flex-none pt-1"></div>
-            <div class="h-3 w-40 mt-3 mb-1 flex-none skeleton"></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 type { Meta } from '@storybook/svelte'
-    import Status from "./Status.svelte";
+  import Status from './Status.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  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 status: string | undefined = undefined
-    export let edit_mode = false;
+  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-success={status && status === 'Open'}
-        class:btn-primary={status && status === "Merged"}
+    class:btn-primary={status && status === 'Merged'}
-        class:btn-neutral={!status || status === "Draft" || status === "Closed"}
+    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 { ndk } from '$lib/stores/ndk'
-    import { NDKEvent, NDKRelaySet, type NDKTag } from "@nostr-dev-kit/ndk";
+  import { NDKEvent, NDKRelaySet } from '@nostr-dev-kit/ndk'
-    import type { PRStatus } from "./type";
+  import type { PRStatus } from './type'
-    import { selected_pr_full, selected_pr_replies } from "$lib/stores/PR";
+  import { selected_pr_full } from '$lib/stores/PR'
-    import { pr_status_kind } from "$lib/kinds";
+  import { pr_status_kind } from '$lib/kinds'
-    import { getUserRelays, logged_in_user } from "$lib/stores/users";
+  import { getUserRelays, logged_in_user } from '$lib/stores/users'
-    import { selected_repo } from "$lib/stores/repo";
+  import { selected_repo } from '$lib/stores/repo'
-    import Status from "$lib/components/prs/Status.svelte";
+  import Status from '$lib/components/prs/Status.svelte'
 
-    export let status: PRStatus | undefined = undefined;
+  export let status: PRStatus | undefined = undefined
-    export let repo_id: string = "";
+  export let repo_id: string = ''
-    export let pr_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;
+    if (!$logged_in_user) return
-        let event = new NDKEvent(ndk);
+    let event = new NDKEvent(ndk)
-        event.kind = pr_status_kind;
+    event.kind = pr_status_kind
-        event.tags.push(["l", new_status]);
+    event.tags.push(['l', new_status])
-        event.tags.push(["e", pr_id, "root"]);
+    event.tags.push(['e', pr_id, 'root'])
-        event.tags.push(["r", `r-${repo_id}`]);
+    event.tags.push(['r', `r-${repo_id}`])
-        loading = true;
+    loading = true
-        let relays = [...$selected_repo.relays];
+    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(
+      let _ = await event.publish(NDKRelaySet.fromRelayUrls(relays, ndk))
-                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"
+              class="btn btn-neutral btn-sm mx-2 align-middle">Draft</button
-                            >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"
+              class="btn btn-success btn-sm mx-2 align-middle">Open</button
-                            >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"
+              class="btn btn-primary btn-sm mx-2 align-middle">Merged</button
-                            >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"
+              class="btn btn-neutral btn-sm mx-2 align-middle">Closed</button
-                            >Closed</button
             >
           </li>
         {/if}

src/lib/components/prs/icons.ts

@@ -1,6 +1,9 @@
-export let pr_icon_path = {
+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",
+  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",
+  close:
-    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",
+    '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',
-    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",
+  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 type { User } from '../users/type'
-import { defaults as user_defaults } from "../users/type";
+import { defaults as user_defaults } from '../users/type'
-import type { Event } from "../events/type";
+import type { Event } from '../events/type'
-import type { NDKEvent } from "@nostr-dev-kit/ndk";
+import type { NDKEvent } from '@nostr-dev-kit/ndk'
 
 export interface PRSummary {
-    title: string;
+  title: string
-    descritpion: string;
+  descritpion: string
-    repo_id: string;
+  repo_id: string
-    id: string;
+  id: string
-    comments: number;
+  comments: number
-    status: undefined | PRStatus,
+  status: undefined | PRStatus
-    status_date: number,
+  status_date: number
-    author: User;
+  author: User
-    created_at: number | undefined;
+  created_at: number | undefined
-    loading: boolean;
+  loading: boolean
 }
 
 export const summary_defaults: PRSummary = {
-    title: "",
+  title: '',
-    descritpion: "",
+  descritpion: '',
-    repo_id: "",
+  repo_id: '',
-    id: "",
+  id: '',
   comments: 0,
   status: undefined,
   status_date: 0,
   author: { ...user_defaults },
   created_at: 0,
   loading: true,
-};
+}
 
 export interface PRSummaries {
-    id: string;
+  id: string
-    summaries: PRSummary[];
+  summaries: PRSummary[]
-    loading: boolean;
+  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 {
+export function isPRStatus(
-    return !!potential_status
+  potential_status: string | undefined
-        && (
+): potential_status is PRStatus {
-            potential_status == "Draft"
+  return (
-            || potential_status == "Open"
+    !!potential_status &&
-            || potential_status == "Merged"
+    (potential_status == 'Draft' ||
-            || potential_status == "Closed"
+      potential_status == 'Open' ||
+      potential_status == 'Merged' ||
+      potential_status == 'Closed')
   )
 }
 export interface PRFull {
-    summary: PRSummary;
+  summary: PRSummary
-    pr_event: NDKEvent | undefined;
+  pr_event: NDKEvent | undefined
-    labels: string[];
+  labels: string[]
-    events: Event[];
+  events: Event[]
-    loading: boolean;
+  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 dayjs from 'dayjs'
-import relativeTime from "dayjs/plugin/relativeTime";
+import relativeTime from 'dayjs/plugin/relativeTime'
-import type { PRSummary } from "./type";
+import type { PRSummary } from './type'
-import { UserVectors } from "../users/vectors";
+import { UserVectors } from '../users/vectors'
 
-dayjs.extend(relativeTime);
+dayjs.extend(relativeTime)
 
-let Short = {
+const Short = {
-    title: "short title",
+  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 type { Meta } from '@storybook/svelte'
-    import RepoDetails from "./RepoDetails.svelte";
+  import RepoDetails from './RepoDetails.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { RepoDetailsArgsVectors as vectors } from "./vectors";
+  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 UserHeader from "$lib/components/users/UserHeader.svelte";
+  import { defaults } from './type'
-    import { defaults } from "./type";
 
   export let {
     repo_id,
@@ -16,29 +11,21 @@
     maintainers,
     relays,
     loading,
-    } = defaults;
+  } = 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;
-    }
   $: short_descrption =
-        description.length > 500
+    description.length > 500 ? description.slice(0, 450) + '...' : description
-            ? 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="skeleton my-3 h-5 w-20"></div>
-        <div class="h-4 my-2 skeleton"></div>
+    <div class="skeleton my-2 h-4"></div>
-        <div class="h-4 my-2 mb-3 w-2/3 skeleton"></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="skeleton my-3 h-5 w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></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="skeleton my-3 h-5 w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
-            <div class="badge skeleton my-2 w-40 block"></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="skeleton my-3 h-5 w-20"></div>
-            <div class="badge skeleton my-2 w-60 block"></div>
+      <div class="badge skeleton my-2 block w-60"></div>
-            <div class="badge skeleton my-2 w-40 block"></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 type { Meta } from '@storybook/svelte'
-    import RepoHeader from "./RepoHeader.svelte";
+  import RepoHeader from './RepoHeader.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { RepoDetailsArgsVectors as vectors } from "./vectors";
+  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 Container from '../Container.svelte'
-    import UserHeader from "$lib/components/users/UserHeader.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;
+  } = defaults
-    let short_name: string;
+  let short_name: string
   $: {
-        if (name.length > 45) short_name = name.slice(0, 45) + "...";
+    if (name.length > 45) short_name = name.slice(0, 45) + '...'
-        else if (name.length == 0) short_name = "Untitled";
+    else if (name.length == 0) short_name = 'Untitled'
-        else short_name = name;
+    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;
+  repo_id: string
-    name: string;
+  name: string
-    description: string;
+  description: string
-    git_server: string;
+  git_server: string
-    tags: string[];
+  tags: string[]
-    maintainers: User[];
+  maintainers: User[]
-    relays: string[];
+  relays: string[]
-    loading: boolean;
+  loading: boolean
 }
 export const defaults: Repo = {
-    repo_id: "",
+  repo_id: '',
-    name: "",
+  name: '',
-    description: "",
+  description: '',
-    git_server: "",
+  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 { Args as SummaryCardArgs } from '../RepoSummaryCard.svelte'
-import type { NDKUserProfile } from "@nostr-dev-kit/ndk";
+import { UserVectors, withName } from '../users/vectors'
-import type { User } from "../users/type";
+import type { Repo } from './type'
-import { UserVectors, withName } from "../users/vectors";
-import type { Repo } from "./type";
 
-export let RepoSummaryCardArgsVectors = {
+export const RepoSummaryCardArgsVectors = {
   Short: {
-        name: "Short Name",
+    name: 'Short Name',
-        description: "short description",
+    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 = {
+const base: Repo = {
-    repo_id: "9ee507fc4357d7ee16a5d8901bedcd103f23c17d",
+  repo_id: '9ee507fc4357d7ee16a5d8901bedcd103f23c17d',
-    name: "Short Name",
+  name: 'Short Name',
-    description: "short description",
+  description: 'short description',
-    git_server: "github.com/example/example",
+  git_server: 'github.com/example/example',
-    tags: ["svelte", "nostr", "code-collaboration", "git"],
+  tags: ['svelte', 'nostr', 'code-collaboration', 'git'],
-    relays: [
+  relays: ['relay.damus.io', 'relay.snort.social', 'relayable.org'],
-        "relay.damus.io",
-        "relay.snort.social",
-        "relayable.org",
-    ],
   maintainers: [
-        withName(UserVectors.default, "carole"),
+    withName(UserVectors.default, 'carole'),
-        withName(UserVectors.default, "bob"),
+    withName(UserVectors.default, 'bob'),
-        withName(UserVectors.default, "steve"),
+    withName(UserVectors.default, 'steve'),
   ],
   loading: false,
-};
+}
 
-export let RepoDetailsArgsVectors = {
+export const RepoDetailsArgsVectors = {
-    Short: { ...base, } as Repo,
+  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,
+  NoNameOrDescription: { ...base, name: '', description: '' } as Repo,
-    NoDescription: { ...base, 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 type { Meta } from '@storybook/svelte'
-    import UserHeader from "$lib/components/users/UserHeader.svelte";
+  import UserHeader from '$lib/components/users/UserHeader.svelte'
-    import { Story, Template } from "@storybook/addon-svelte-csf";
+  import { Story, Template } from '@storybook/addon-svelte-csf'
-    import { UserVectors as vectors } from "./vectors";
+  import { UserVectors as vectors } from './vectors'
 
   export const meta: Meta<UserHeader> = {
-        title: "Users/Header",
+    title: 'Users/Header',
     component: UserHeader,
-        tags: ["autodocs"],
+    tags: ['autodocs'],
-    };
+  }
-    let base = {
-        hexpubkey:
-            "3eb45c6f15752d796fa5465d0530a5a5feb79fb6f08c0a4176be9d73cc28c40d",
-        npub: "npub18669cmc4w5khjma9gews2v995hlt08ak7zxq5stkh6wh8npgcsxslt2xjn",
-    };
 </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: "",
+    hexpubkey: '',
-        npub: "",
+    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;
+  loading: boolean
-    hexpubkey: string;
+  hexpubkey: string
-    npub: string;
+  npub: string
-    profile?: NDKUserProfile;
+  profile?: NDKUserProfile
 }
 
-export let defaults: User = {
+export const defaults: User = {
   loading: true,
-    hexpubkey: "",
+  hexpubkey: '',
-    npub: "",
+  npub: '',
 }
 
-export function getName(user: User, fallback_to_pubkey: boolean = false): string {
+export function getName(user: User): string {
-    return user.profile ? (
+  return user.profile
-        user.profile.name
+    ? 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 = {
+const base: User = {
-    hexpubkey:
+  hexpubkey: '3eb45c6f15752d796fa5465d0530a5a5feb79fb6f08c0a4176be9d73cc28c40d',
-        "3eb45c6f15752d796fa5465d0530a5a5feb79fb6f08c0a4176be9d73cc28c40d",
+  npub: 'npub18669cmc4w5khjma9gews2v995hlt08ak7zxq5stkh6wh8npgcsxslt2xjn',
-    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,
+  default: { ...base, profile: { name: 'DanConwayDev', image } } as User,
-    display_name_only: { ...base, profile: { displayName: "DanConwayDev", image } } as User,
+  display_name_only: {
-    display_name_and_name: { ...base, profile: { name: "Dan", displayName: "DanConwayDev", image } } as User,
+    ...base,
-    no_image: { ...base, profile: { name: "DanConwayDev" } } as User,
+    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 { NDKRelaySet, type NDKEvent, NDKSubscription } from '@nostr-dev-kit/ndk'
-import { writable, type Unsubscriber, type Writable } from "svelte/store"
+import { writable, type Unsubscriber, type Writable } from 'svelte/store'
-import { ndk } from "./ndk";
+import { ndk } from './ndk'
-import type { User } from "$lib/components/users/type";
+import type { User } from '$lib/components/users/type'
-import { ensureUser } from "./users";
+import { ensureUser } from './users'
-import { type PRFull, full_defaults, isPRStatus, type PRStatus } from "$lib/components/prs/type";
+import {
-import { pr_kind, pr_status_kind } from "$lib/kinds";
+  type PRFull,
-import { ensureSelectedRepo } from "./repo";
+  full_defaults,
-
+  isPRStatus,
-export let selected_pr_full: Writable<PRFull> = writable({ ...full_defaults });
+  type PRStatus,
-
+} from '$lib/components/prs/type'
-let selected_pr_repo_id: string = "";
+import { pr_kind, pr_status_kind } from '$lib/kinds'
-let selected_pr_id: string = "";
+import { ensureSelectedRepo } from './repo'
-let pr_summary_author_unsubsriber: Unsubscriber | undefined;
+
-
+export const selected_pr_full: Writable<PRFull> = writable({ ...full_defaults })
-export let selected_pr_replies: Writable<NDKEvent[]> = writable([]);
+
-
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
-let selected_pr_status_date = 0;
+let selected_pr_repo_id: string = ''
-
+let selected_pr_id: string = ''
-let sub: NDKSubscription;
+let pr_summary_author_unsubsriber: Unsubscriber | undefined
-
+
-let sub_replies: NDKSubscription;
+export const selected_pr_replies: Writable<NDKEvent[]> = writable([])
-
+
-export let ensurePRFull = (repo_id: string, pr_id: string) => {
+let selected_pr_status_date = 0
-    if (selected_pr_id == pr_id) return;
+
-    if (pr_id == "") {
+let sub: NDKSubscription
-        selected_pr_full.set({ ...full_defaults });
+
-        selected_pr_replies.set([]);
+let sub_replies: NDKSubscription
-        return;
+
+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) sub.stop()
-    if (sub_replies) sub_replies.stop();
+  if (sub_replies) sub_replies.stop()
 
-    selected_pr_repo_id = repo_id;
+  selected_pr_repo_id = repo_id
-    selected_pr_id = pr_id;
+  selected_pr_id = pr_id
-    selected_pr_status_date = 0;
+  selected_pr_status_date = 0
-    selected_pr_replies.set([]);
+  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();
+  if (pr_summary_author_unsubsriber) pr_summary_author_unsubsriber()
-    pr_summary_author_unsubsriber = undefined;
+  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
+        if (
-                    && event.getMatchingTags("r").find(t => t[1] === `r-${repo_id}`)
+          event.kind == pr_kind &&
-                    && event.id == pr_id
+          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") || "",
+                title: event.tagValue('name') || '',
-                                descritpion: event.tagValue("description") || "",
+                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) => {
+          pr_summary_author_unsubsriber = ensureUser(event.pubkey).subscribe(
-                        selected_pr_full.update(full => {
+            (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", () => {
+    sub.on('eose', () => {
-            selected_pr_full.update(full => {
+      selected_pr_full.update((full) => {
-                let updated = {
+        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),
+      NDKRelaySet.fromRelayUrls(repo.relays, ndk)
-        );
+    )
-
+
-        sub_replies.on("event", (event: NDKEvent) => {
+    sub_replies.on('event', (event: NDKEvent) => {
-            if (event.kind == pr_status_kind
+      if (
-                && event.created_at && selected_pr_status_date < event.created_at
+        event.kind == pr_status_kind &&
-                && event.getMatchingTags("l").length === 1
+        event.created_at &&
-                && event.getMatchingTags("l")[0].length > 1
+        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_status_date = event.created_at
-                    selected_pr_full.update(full => {
+          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 => {
+      selected_pr_replies.update((replies) => {
-                return [
+        return [...replies, event]
-                    ...replies,
+      })
-                    event,
+    })
-                ];
+
-            });
+    sub_replies.on('eose', () => {
-        });
+      selected_pr_full.update((full) => {
-
+        const updated = {
-        sub_replies.on("eose", () => {
-            selected_pr_full.update(full => {
-                let 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 { NDKRelaySet, type NDKEvent, NDKSubscription } from '@nostr-dev-kit/ndk'
-import { writable, type Unsubscriber, type Writable } from "svelte/store"
+import { writable, type Unsubscriber, type Writable } from 'svelte/store'
-import { ndk } from "./ndk";
+import { ndk } from './ndk'
-import { isPRStatus, summary_defaults } from "$lib/components/prs/type";
+import { isPRStatus, summary_defaults } from '$lib/components/prs/type'
-import type { User } from "$lib/components/users/type";
+import type { User } from '$lib/components/users/type'
-import { ensureUser } from "./users";
+import { ensureUser } from './users'
-import type { PRStatus, PRSummaries } from "$lib/components/prs/type";
+import type { PRStatus, PRSummaries } from '$lib/components/prs/type'
-import { ensureSelectedRepo } from "./repo";
+import { ensureSelectedRepo } from './repo'
-import { pr_status_kind } from "$lib/kinds";
+import { pr_status_kind } from '$lib/kinds'
-import type { Repo } from "$lib/components/repo/type";
+import type { Repo } from '$lib/components/repo/type'
-
+
-export let pr_summaries: Writable<PRSummaries> = writable({
+export const pr_summaries: Writable<PRSummaries> = writable({
-    id: "",
+  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) => {
+export const ensurePRSummaries = async (repo_id: string) => {
-    if (selected_repo_id == repo_id) return;
+  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) sub.stop()
-    if (sub_statuses) sub_statuses.stop();
+  if (sub_statuses) sub_statuses.stop()
-    authors_unsubscribers.forEach(u => u());
+  authors_unsubscribers.forEach((u) => u())
-    authors_unsubscribers = [];
+  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
+      if (
-                && event.getMatchingTags("r").find(t => t[1] === `r-${repo_id}`)
+        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") || "",
+                title: event.tagValue('name') || '',
-                                descritpion: event.tagValue("description") || "",
+                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", () => {
+  sub.on('eose', () => {
-        pr_summaries.update(prs => {
+    pr_summaries.update((prs) => {
-            getAndUpdatePRStatus(prs, repo);
+      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),
+    NDKRelaySet.fromRelayUrls(repo.relays, ndk)
-    );
+  )
-    sub_statuses.on("event", (event: NDKEvent) => {
+  sub_statuses.on('event', (event: NDKEvent) => {
-        let tagged_pr_event = event.tagValue('e');
+    const tagged_pr_event = event.tagValue('e')
-        if (event.kind == pr_status_kind
+    if (
-            && tagged_pr_event
+      event.kind == pr_status_kind &&
-            && event.created_at
+      tagged_pr_event &&
-            && event.getMatchingTags("l").length === 1
+      event.created_at &&
-            && event.getMatchingTags("l")[0].length > 1
+      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
+                o.id === tagged_pr_event &&
-                                && event.created_at
+                event.created_at &&
-                                && o.status_date < 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", () => {
+  sub_statuses.on('eose', () => {
-        pr_summaries.update(prs => {
+    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
+// export let base_relays = import.meta.env.DEV
-    ? [
+//   ? ["ws://localhost:8080"]
-        "ws://localhost:8080",
+//   : [
-    ]
+//       "wss://relayable.org",
-    : [
+//       "wss://relay.f7z.io",
-        "wss://relayable.org",
+//       "wss://relay.damus.io",
-        "wss://relay.f7z.io",
+//       "wss://nos.lol",
-        "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 { NDKRelaySet, NDKSubscription } from '@nostr-dev-kit/ndk'
-import { writable, type Unsubscriber, type Writable, get } from "svelte/store"
+import { writable, type Unsubscriber, type Writable } from 'svelte/store'
-import { base_relays, ndk } from "./ndk";
+import { base_relays, ndk } from './ndk'
-import type { Repo } from "$lib/components/repo/type";
+import type { Repo } from '$lib/components/repo/type'
-import { defaults } from "$lib/components/repo/type";
+import { defaults } from '$lib/components/repo/type'
-import type { User } from "$lib/components/users/type";
+import type { User } from '$lib/components/users/type'
-import { ensureUser, users } from "./users";
+import { ensureUser } from './users'
-import { repo_kind } from "$lib/kinds";
+import { repo_kind } from '$lib/kinds'
 
-export let selected_repo: Writable<Repo> = writable({ ...defaults });
+export const selected_repo: Writable<Repo> = writable({ ...defaults })
-let selected_repo_id: string = "";
+let selected_repo_id: string = ''
 
-let maintainers_unsubscribers: Unsubscriber[] = [];
+let maintainers_unsubscribers: Unsubscriber[] = []
 
-let sub: NDKSubscription;
+let sub: NDKSubscription
-export let ensureSelectedRepo = async (repo_id: string): Promise<Repo> => {
+export const ensureSelectedRepo = async (repo_id: string): Promise<Repo> => {
   if (selected_repo_id == repo_id) {
-        return new Promise(r => {
+    return new Promise((r) => {
-            let unsubscriber = selected_repo.subscribe(repo => {
+      const unsubscriber = selected_repo.subscribe((repo) => {
         if (repo.repo_id === repo_id && !repo.loading) {
           setTimeout(() => {
-                        unsubscriber();
+            unsubscriber()
-                    }, 5);
+          }, 5)
-                    r({ ...repo });
+          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") || "",
+            name: event.tagValue('name') || '',
-                        description: event.tagValue("description") || "",
+            description: event.tagValue('description') || '',
-                        git_server: event.tagValue("git-server") || "",
+            git_server: event.tagValue('git-server') || '',
-                        tags: event.getMatchingTags("t") || [],
+            tags: event.getMatchingTags('t') || [],
-                        maintainers: event.getMatchingTags("p").map(
+            maintainers: event.getMatchingTags('p').map(
               (t: string[]) =>
                 ({
                   hexpubkey: t[1],
                   loading: true,
-                                    npub: "",
+                  npub: '',
-                                }) as User,
+                }) as User
             ),
-                        relays: event
+            relays: event.getMatchingTags('relay').map((t: string[]) => t[1]),
-                            .getMatchingTags("relay")
+          })
-                            .map((t: string[]) => t[1]),
+          const old_unsubscribers = maintainers_unsubscribers
-                    });
-                    let 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 };
+                      if (m.hexpubkey == u.hexpubkey) return { ...u }
-                                            else return { ...m };
+                      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 {
-import { NDKNip07Signer, NDKRelayList } from "@nostr-dev-kit/ndk";
+  defaults as user_defaults,
-import { get, writable, type Unsubscriber, type Writable } from "svelte/store"
+  type User,
-import { ndk } from "./ndk";
+} 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);
+    users[hexpubkey] = writable(base)
-        getUserRelays(hexpubkey);
+    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();
+        unsubscriber()
-                r(u);
+        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);
+        clearTimeout(timerId)
-                clearInterval(intervalId);
+        clearInterval(intervalId)
-                nip07_plugin.set(true);
+        nip07_plugin.set(true)
       }
-        }, 100);
+    }, 100)
     timerId = setTimeout(() => {
-            clearInterval(intervalId);
+      clearInterval(intervalId)
-            nip07_plugin.set(false);
+      nip07_plugin.set(false)
-        }, 5000);
+    }, 5000)
+  }
 }
 
-};
+const signer = new NDKNip07Signer(2000)
-
-let 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);
+    const user = get(logged_in_user)
-        if (user) return res();
+    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;
+        ndk.signer = signer
-                ensureUser(ndk_user.pubkey).subscribe(user => {
+        ensureUser(ndk_user.pubkey).subscribe((user) => {
-                    logged_in_user.set({ ...user });
+          logged_in_user.set({ ...user })
-                });
+        })
-                return res();
+        return res()
-            }
+      } catch (e) {
-            catch (e) {
+        alert(e)
-                alert(e);
+        rej()
-                rej();
       }
+    } else {
+      rej()
     }
-        else {
+  })
-            rej();
 }
-    });
-};
 
 interface UserRelays {
-    loading: boolean;
+  loading: boolean
-    ndk_relays: NDKRelayList | undefined;
+  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> => {
+export const getUserRelays = async (hexpubkey: string): Promise<UserRelays> => {
-    return new Promise(async (res, rej) => {
+  return new Promise(async (res, _) => {
     if (user_relays[hexpubkey]) {
-            let unsubscriber: Unsubscriber;
+      const unsubscriber: Unsubscriber = user_relays[hexpubkey].subscribe(
-            unsubscriber = user_relays[hexpubkey].subscribe(querying_user_relays => {
+        (querying_user_relays) => {
           if (querying_user_relays && !querying_user_relays.loading) {
-                    res(querying_user_relays);
+            res(querying_user_relays)
-                    if (unsubscriber) unsubscriber();
+            if (unsubscriber) unsubscriber()
           }
-            });
         }
-        else {
+      )
+    } else {
       user_relays[hexpubkey] = writable({
         loading: true,
         ndk_relays: undefined,
-            });
+      })
-            let relay_list = await ndk.getUser({ hexpubkey }).relayList();
+      const relay_list = await ndk.getUser({ hexpubkey }).relayList()
-            let querying_user_relays = {
+      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 { ndk } from '$lib/stores/ndk'
-    import { NDKEvent, NDKRelaySet, type NDKTag } from "@nostr-dev-kit/ndk";
+  import { NDKEvent, NDKRelaySet } from '@nostr-dev-kit/ndk'
-    import { reply_kind } from "$lib/kinds";
+  import { reply_kind } from '$lib/kinds'
-    import { getUserRelays, logged_in_user } from "$lib/stores/users";
+  import { getUserRelays, logged_in_user } from '$lib/stores/users'
-    import { selected_repo } from "$lib/stores/repo";
+  import { selected_repo } from '$lib/stores/repo'
-    import Compose from "$lib/components/events/Compose.svelte";
+  import Compose from '$lib/components/events/Compose.svelte'
-    import { selected_pr_full } from "$lib/stores/PR";
+  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 repo_id: string
-    let pr_id: string;
+  let pr_id: string
 
-    let submitting = false;
+  let submitting = false
-    let submitted = false;
+  let submitted = false
-    let edit_mode = false;
+  let edit_mode = false
   $: {
-        repo_id = $selected_repo.repo_id;
+    repo_id = $selected_repo.repo_id
-        pr_id = $selected_pr_full.summary.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;
+    if (!$logged_in_user) return
-        let event = new NDKEvent(ndk);
+    let event = new NDKEvent(ndk)
-        event.kind = reply_kind;
+    event.kind = reply_kind
-        event.tags.push(["e", pr_id, "root"]);
+    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.tags.push(['r', `r-${repo_id}`])
-        event.content = content;
+    event.content = content
-        submitting = true;
+    submitting = true
-        let relays = [...$selected_repo.relays];
+    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(
+      let _ = await event.publish(NDKRelaySet.fromRelayUrls(relays, ndk))
-                NDKRelaySet.fromRelayUrls(relays, ndk),
+      submitting = false
-            );
+      submitted = true
-            submitting = false;
-            submitted = true;
       setTimeout(() => {
-                submitted = false;
+        submitted = false
-            }, 5000);
+      }, 5000)
     } catch {}
   }
 </script>

src/lib/wrappers/EventCard.svelte

@@ -1,25 +1,24 @@
 <script lang="ts">
-    import EventWrapper from "$lib/components/events/EventWrapper.svelte";
+  import EventWrapper from '$lib/components/events/EventWrapper.svelte'
-    import Kind19851985 from "$lib/components/events/content/Kind19851985.svelte";
+  import Kind19851985 from '$lib/components/events/content/Kind19851985.svelte'
-    import Kind317 from "$lib/components/events/content/Kind317.svelte";
+  import Kind317 from '$lib/components/events/content/Kind317.svelte'
-    import ParsedContent from "$lib/components/events/content/ParsedContent.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 { defaults as user_defaults } from "$lib/components/users/type";
+  import { patch_kind, pr_status_kind } from '$lib/kinds'
-    import { patch_kind, pr_status_kind } from "$lib/kinds";
+  import { ensureUser } from '$lib/stores/users'
-    import { ensureUser } from "$lib/stores/users";
+  import type { NDKEvent } from '@nostr-dev-kit/ndk'
-    import type { NDKEvent } from "@nostr-dev-kit/ndk";
+  import { onDestroy } from 'svelte'
-    import { onDestroy } from "svelte";
+  import { writable } from 'svelte/store'
-    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";
+  } from '$lib/stores/users'
-    import { onMount } from "svelte";
+  import { onMount } from 'svelte'
-    import Navbar from "$lib/components/Navbar.svelte";
+  import Navbar from '$lib/components/Navbar.svelte'
 
-    let singup_function: Function = () => {
+  let singup_function = () => {
-        alert(
+    alert('a NIP-07 browser extension is required. currently no signup page')
-            "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 PRsList from '$lib/components/prs/PRsList.svelte'
-    import { ensurePRSummaries, pr_summaries } from "$lib/stores/PRs";
+  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 RepoDetails from '$lib/components/repo/RepoDetails.svelte'
-    import { ensureSelectedRepo, selected_repo } from "$lib/stores/repo";
+  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 type { Args } from '$lib/components/RepoSummaryCard.svelte'
-    import ReposSummaryList from "$lib/components/ReposSummaryList.svelte";
+  import ReposSummaryList from '$lib/components/ReposSummaryList.svelte'
-    import { repo_kind } from "$lib/kinds";
+  import { repo_kind } from '$lib/kinds'
-    import { ndk } from "$lib/stores/ndk";
+  import { ndk } from '$lib/stores/ndk'
-    import type { NDKEvent } from "@nostr-dev-kit/ndk";
+  import type { NDKEvent } from '@nostr-dev-kit/ndk'
-    import { onDestroy } from "svelte";
+  import { onDestroy } from 'svelte'
 
-    export let limit: number = 10;
+  export let limit: number = 10
 
-    let repos: Args[] = [];
+  let repos: Args[] = []
-    let loading: boolean = true;
+  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") || "",
+              name: event.tagValue('name') || '',
-                            description: event.tagValue("description") || "",
+              description: event.tagValue('description') || '',
               repo_id: event.replaceableDTag(),
               created_at: event.created_at || 0,
             },
-                    ];
+          ]
       } catch {}
-        } else if (loading == true) loading = false;
+    } else if (loading == true) loading = false
-    });
+  })
-    sub.on("eose", () => {
+  sub.on('eose', () => {
-        if (loading == true) loading = false;
+    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 { ndk } from '$lib/stores/ndk'
-    import { defaults as user_defaults } from "$lib/components/users/type";
+  import type { NDKEvent } from '@nostr-dev-kit/ndk'
-    import { ndk } from "$lib/stores/ndk";
+  import EventCard from './EventCard.svelte'
-    import { ensureUser } from "$lib/stores/users";
+  import ThreadWrapper from '$lib/components/events/ThreadWrapper.svelte'
-    import type { NDKEvent } from "@nostr-dev-kit/ndk";
+  import { writable } from 'svelte/store'
-    import { onDestroy } from "svelte";
-    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 '../app.css'
-  import Navbar from "$lib/wrappers/Navbar.svelte";
+  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
+      <span class="rounded bg-neutral p-2 font-mono"
-        </p>
-        <p>
-            <span class="rounded p-2 bg-neutral 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
+      use this when you are on a feature branch to propose it gets merged into the
-            the remote branch by repository maintainer.
+      remote branch by repository maintainer.
     </p>
     <p>
-            It creates a PR event and patch events for each commit that isn't
+      It creates a PR event and patch events for each commit that isn't also in
-            also in the main or master branch.
+      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
+      fetches a selectable list of open PRs and, if one is selected and the repository
-            repository is clean, will create a branch for it and apply the commits.
+      is clean, will create a branch for it and apply the commits. If the branch
-            If the branch already exists it will pull any updates.
+      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,
+      if the repository is currently in a branch related to an existing PR, it will
-            it will pull any updates from nostr.
+      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,
+      if the repository is currently in a branch related to an existing PR, it will
-            it will create patch events for any new commits.
+      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
+      issue a repository nostr event which lists it on gitworkshop.dev and indicates
-            indicates you are accepting patches and PRs via nostr. This can be run
+      you are accepting patches and PRs via nostr. This can be run many times to
-            many times to update the details. The relays will reflect your user relays
+      update the details. The relays will reflect your user relays plus blaster.
-            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
+      > file in the root of your repo that lists maintainers and relays. If commited
-            commited it will make it smoother for contributors to find your repository
+      it will make it smoother for contributors to find your repository event and
-            event and also makes any future transfer of repository ownership easier.
+      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 RepoDetails from '$lib/wrappers/RepoDetails.svelte'
-    import OpenPRs from "$lib/wrappers/OpenPRs.svelte";
+  import OpenPRs from '$lib/wrappers/OpenPRs.svelte'
-    import { ensureSelectedRepo, selected_repo } from "$lib/stores/repo";
+  import { ensureSelectedRepo, selected_repo } from '$lib/stores/repo'
-    import RepoHeader from "$lib/components/repo/RepoHeader.svelte";
+  import RepoHeader from '$lib/components/repo/RepoHeader.svelte'
-    import Container from "$lib/components/Container.svelte";
+  import Container from '$lib/components/Container.svelte'
 
-    export let data: { repo_id: string };
+  export let data: { repo_id: string }
-    let repo_id = data.repo_id;
+  let repo_id = data.repo_id
 
-    ensureSelectedRepo(repo_id);
+  ensureSelectedRepo(repo_id)
 
-    let repo_error = false;
+  let repo_error = false
   $: {
-        repo_error =
+    repo_error = !$selected_repo.loading && $selected_repo.name.length === 0
-            !$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="mt-2 md:flex">
-            <div class="md:w-2/3 md:mr-2">
+      <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";
+  } from '$lib/stores/PR'
-    import PrHeader from "$lib/components/prs/PRHeader.svelte";
+  import PrHeader from '$lib/components/prs/PRHeader.svelte'
-    import RepoHeader from "$lib/components/repo/RepoHeader.svelte";
+  import RepoHeader from '$lib/components/repo/RepoHeader.svelte'
-    import Thread from "$lib/wrappers/Thread.svelte";
+  import Thread from '$lib/wrappers/Thread.svelte'
-    import PrDetails from "$lib/components/prs/PRDetails.svelte";
+  import PrDetails from '$lib/components/prs/PRDetails.svelte'
-    import Container from "$lib/components/Container.svelte";
+  import Container from '$lib/components/Container.svelte'
-    import ParsedContent from "$lib/components/events/content/ParsedContent.svelte";
+  import ParsedContent from '$lib/components/events/content/ParsedContent.svelte'
-    import Compose from "$lib/wrappers/Compose.svelte";
+  import Compose from '$lib/wrappers/Compose.svelte'
-    import type { NDKEvent } from "@nostr-dev-kit/ndk";
 
   export let data: {
-        repo_id: string;
+    repo_id: string
-        pr_id: string;
+    pr_id: string
-    };
+  }
-
-    let repo_id = data.repo_id;
-    let pr_id = data.pr_id;
 
-    ensureSelectedRepo(repo_id);
+  let repo_id = data.repo_id
-    ensurePRFull(repo_id, pr_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) =>
+    repo_error = !$selected_repo.loading && $selected_repo.name.length === 0
-            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;
     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
+      <span>Error! cannot find PR {repo_error ? 'or repo ' : ''}event</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
+          <ParsedContent content={$selected_pr_full.summary.descritpion} />
-                        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">
+            <h3 class="prose text-xs">
-                            to view the latest patches from this PR <a
+              to view the latest patches from this PR <a href="/ngit"
-                                href="/ngit">install ngit</a
+                >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"