comparing 3668ccde085e12c900ec1ea42393e0a607904eeb and main on pdsls.dev/pdsls

-66

src/utils/types/at-uri.ts

···

       1
       1
       -
       type Did<TMethod extends string = string> = `did:${TMethod}:${string}`;

     

       2
       2
       -
       

     

       3
       3
       -
       type Nsid = `${string}.${string}.${string}`;

     

       4
       4
       -
       

     

       5
       5
       -
       type RecordKey = string;

     

       6
       6
       -
       

     

       7
       7
       -
       const DID_RE = /^did:([a-z]+):([a-zA-Z0-9._:%\-]*[a-zA-Z0-9._\-])$/;

     

       8
       8
       -
       

     

       9
       9
       -
       const NSID_RE =

     

       10
       10
       -
         /^[a-zA-Z](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?:\.[a-zA-Z](?:[a-zA-Z0-9]{0,62})?)$/;

     

       11
       11
       -
       

     

       12
       12
       -
       const RECORD_KEY_RE = /^(?!\.{1,2}$)[a-zA-Z0-9_~.:-]{1,512}$/;

     

       13
       13
       -
       

     

       14
       14
       -
       export const ATURI_RE =

     

       15
       15
       -
         /^at:\/\/([a-zA-Z0-9._:%-]+)(?:\/([a-zA-Z0-9-.]+)(?:\/([a-zA-Z0-9._~:@!$&%')(*+,;=-]+))?)?(?:#(\/[a-zA-Z0-9._~:@!$&%')(*+,;=\-[\]/\\]*))?$/;

     

       16
       16
       -
       

     

       17
       17
       -
       const isDid = (input: unknown): input is Did => {

     

       18
       18
       -
         return (

     

       19
       19
       -
           typeof input === "string" && input.length >= 7 && input.length <= 2048 && DID_RE.test(input)

     

       20
       20
       -
         );

     

       21
       21
       -
       };

     

       22
       22
       -
       

     

       23
       23
       -
       const isNsid = (input: unknown): input is Nsid => {

     

       24
       24
       -
         return (

     

       25
       25
       -
           typeof input === "string" && input.length >= 5 && input.length <= 317 && NSID_RE.test(input)

     

       26
       26
       -
         );

     

       27
       27
       -
       };

     

       28
       28
       -
       

     

       29
       29
       -
       const isRecordKey = (input: unknown): input is RecordKey => {

     

       30
       30
       -
         return (

     

       31
       31
       -
           typeof input === "string" &&

     

       32
       32
       -
           input.length >= 1 &&

     

       33
       33
       -
           input.length <= 512 &&

     

       34
       34
       -
           RECORD_KEY_RE.test(input)

     

       35
       35
       -
         );

     

       36
       36
       -
       };

     

       37
       37
       -
       

     

       38
       38
       -
       export interface AddressedAtUri {

     

       39
       39
       -
         repo: Did;

     

       40
       40
       -
         collection: Nsid;

     

       41
       41
       -
         rkey: string;

     

       42
       42
       -
         fragment: string | undefined;

     

       43
       43
       -
       }

     

       44
       44
       -
       

     

       45
       45
       -
       export const parseAddressedAtUri = (str: string): AddressedAtUri => {

     

       46
       46
       -
         const match = ATURI_RE.exec(str);

     

       47
       47
       -
         assert(match !== null, `invalid addressed-at-uri: ${str}`);

     

       48
       48
       -
       

     

       49
       49
       -
         const [, r, c, k, f] = match;

     

       50
       50
       -
         assert(isDid(r), `invalid repo in addressed-at-uri: ${r}`);

     

       51
       51
       -
         assert(isNsid(c), `invalid collection in addressed-at-uri: ${c}`);

     

       52
       52
       -
         assert(isRecordKey(k), `invalid rkey in addressed-at-uri: ${k}`);

     

       53
       53
       -
       

     

       54
       54
       -
         return {

     

       55
       55
       -
           repo: r,

     

       56
       56
       -
           collection: c,

     

       57
       57
       -
           rkey: k,

     

       58
       58
       -
           fragment: f,

     

       59
       59
       -
         };

     

       60
       60
       -
       };

     

       61
       61
       -
       

     

       62
       62
       -
       function assert(condition: boolean, message: string): asserts condition {

     

       63
       63
       -
         if (!condition) {

     

       64
       64
       -
           throw new Error(message);

     

       65
       65
       -
         }

     

       66
       66
       -
       }

+22 -1

vite.config.ts

···

       1
       1
        
       import tailwindcss from "@tailwindcss/vite";

     

       2
       2
       +
       import { execSync } from "child_process";

     

       2
       3
        
       import { defineConfig } from "vite";

     

       3
       4
        
       import solidPlugin from "vite-plugin-solid";

     

       4
       5
        
       import metadata from "./public/oauth-client-metadata.json";

     
···

       6
       7
        
       const SERVER_HOST = "127.0.0.1";

     

       7
       8
        
       const SERVER_PORT = 13213;

     

       8
       9
        
       

     

       10
       10
       +
       const getVersion = (): string => {

     

       11
       11
       +
         try {

     

       12
       12
       +
           const describe = execSync("git describe --tags --long --dirty --always").toString().trim();

     

       13
       13
       +
       

     

       14
       14
       +
           const match = describe.match(/^v?(.+?)-(\d+)-g([a-f0-9]+)(-dirty)?$/);

     

       15
       15
       +
       

     

       16
       16
       +
           if (match) {

     

       17
       17
       +
             const [, version, commits, hash, dirty] = match;

     

       18
       18
       +
             if (commits === "0") {

     

       19
       19
       +
               return `v${version}${dirty ? "-dirty" : ""}`;

     

       20
       20
       +
             }

     

       21
       21
       +
             return `v${version}.dev${commits}+g${hash}${dirty ? "-dirty" : ""}`;

     

       22
       22
       +
           }

     

       23
       23
       +
       

     

       24
       24
       +
           return `v0.0.0.dev+g${describe}`;

     

       25
       25
       +
         } catch {

     

       26
       26
       +
           return "v0.0.0-unknown";

     

       27
       27
       +
         }

     

       28
       28
       +
       };

     

       29
       29
       +
       

     

       9
       30
        
       export default defineConfig({

     

       10
       31
        
         plugins: [

     

       11
       32
        
           tailwindcss(),

     

       12
       33
        
           solidPlugin(),

     

       13
       13
       -
           // Injects OAuth-related variables

     

       14
       34
        
           {

     

       15
       35
        
             name: "oauth",

     

       16
       36
        
             config(_conf, { command }) {

     
···

       35
       55
        
       

     

       36
       56
        
               process.env.VITE_CLIENT_URI = metadata.client_uri;

     

       37
       57
        
               process.env.VITE_OAUTH_SCOPE = metadata.scope;

     

       58
       58
       +
               process.env.VITE_APP_VERSION = getVersion();

     

       38
       59
        
             },

     

       39
       60
        
           },

     

       40
       61
        
         ],

-10

src/utils/app-urls.ts

···

       3
       3
        
       export enum App {

     

       4
       4
        
         Bluesky,

     

       5
       5
        
         Tangled,

     

       6
       6
       -
         Whitewind,

     

       7
       6
        
         Frontpage,

     

       8
       7
        
         Pinksea,

     

       9
       8
        
         Linkat,

     
···

       12
       11
        
       export const appName = {

     

       13
       12
        
         [App.Bluesky]: "Bluesky",

     

       14
       13
        
         [App.Tangled]: "Tangled",

     

       15
       15
       -
         [App.Whitewind]: "Whitewind",

     

       16
       14
        
         [App.Frontpage]: "Frontpage",

     

       17
       15
        
         [App.Pinksea]: "Pinksea",

     

       18
       16
        
         [App.Linkat]: "Linkat",

     
···

       29
       27
        
         "main.bsky.dev": App.Bluesky,

     

       30
       28
        
         "social.daniela.lol": App.Bluesky,

     

       31
       29
        
         "tangled.org": App.Tangled,

     

       32
       32
       -
         "whtwnd.com": App.Whitewind,

     

       33
       30
        
         "frontpage.fyi": App.Frontpage,

     

       34
       31
        
         "pinksea.art": App.Pinksea,

     

       35
       32
        
         "linkat.blue": App.Linkat,

     
···

       92
       89
        
       

     

       93
       90
        
           return `at://${user}`;

     

       94
       91
        
         },

     

       95
       95
       -
         [App.Whitewind]: (path) => {

     

       96
       96
       -
           if (path.length === 2) {

     

       97
       97
       -
             return `at://${path[0]}/com.whtwnd.blog.entry/${path[1]}`;

     

       98
       98
       -
           }

     

       99
       99
       -
       

     

       100
       100
       -
           return `at://${path[0]}/com.whtwnd.blog.entry`;

     

       101
       101
       -
         },

     

       102
       92
        
         [App.Frontpage]: (path) => {

     

       103
       93
        
           if (path.length === 3) {

     

       104
       94
        
             return `at://${path[1]}/fyi.unravel.frontpage.post/${path[2]}`;

+7 -1

src/components/video-player.tsx

···

       22
       22
        
         });

     

       23
       23
        
       

     

       24
       24
        
         return (

     

       25
       25
       -
           <video ref={video} class="max-h-80 max-w-[20rem]" controls playsinline onLoadedData={props.onLoad}>

     

       25
       25
       +
           <video

     

       26
       26
       +
             ref={video}

     

       27
       27
       +
             class="max-h-80 max-w-[20rem]"

     

       28
       28
       +
             controls

     

       29
       29
       +
             playsinline

     

       30
       30
       +
             onLoadedData={props.onLoad}

     

       31
       31
       +
           >

     

       26
       32
        
             <source type="video/mp4" />

     

       27
       33
        
           </video>

     

       28
       34
        
         );

+15 -15

src/utils/hooks/debounced.ts

···

       1
       1
       -
       import { type Accessor, createEffect, createSignal, onCleanup } from 'solid-js';

     

       1
       1
       +
       import { type Accessor, createEffect, createSignal, onCleanup } from "solid-js";

     

       2
       2
        
       

     

       3
       3
        
       export const createDebouncedValue = <T>(

     

       4
       4
       -
       	accessor: Accessor<T>,

     

       5
       5
       -
       	delay: number,

     

       6
       6
       -
       	equals?: false | ((prev: T, next: T) => boolean),

     

       4
       4
       +
         accessor: Accessor<T>,

     

       5
       5
       +
         delay: number,

     

       6
       6
       +
         equals?: false | ((prev: T, next: T) => boolean),

     

       7
       7
        
       ): Accessor<T> => {

     

       8
       8
       -
       	const initial = accessor();

     

       9
       9
       -
       	const [state, setState] = createSignal(initial, { equals });

     

       8
       8
       +
         const initial = accessor();

     

       9
       9
       +
         const [state, setState] = createSignal(initial, { equals });

     

       10
       10
        
       

     

       11
       11
       -
       	createEffect((prev: T) => {

     

       12
       12
       -
       		const next = accessor();

     

       11
       11
       +
         createEffect((prev: T) => {

     

       12
       12
       +
           const next = accessor();

     

       13
       13
        
       

     

       14
       14
       -
       		if (prev !== next) {

     

       15
       15
       -
       			const timeout = setTimeout(() => setState(() => next), delay);

     

       16
       16
       -
       			onCleanup(() => clearTimeout(timeout));

     

       17
       17
       -
       		}

     

       14
       14
       +
           if (prev !== next) {

     

       15
       15
       +
             const timeout = setTimeout(() => setState(() => next), delay);

     

       16
       16
       +
             onCleanup(() => clearTimeout(timeout));

     

       17
       17
       +
           }

     

       18
       18
        
       

     

       19
       19
       -
       		return next;

     

       20
       20
       -
       	}, initial);

     

       19
       19
       +
           return next;

     

       20
       20
       +
         }, initial);

     

       21
       21
        
       

     

       22
       22
       -
       	return state;

     

       22
       22
       +
         return state;

     

       23
       23
        
       };

+30

src/utils/key.ts

···

       1
       1
       +
       import { parseDidKey, parsePublicMultikey } from "@atcute/crypto";

     

       2
       2
       +
       import { fromBase58Btc } from "@atcute/multibase";

     

       3
       3
       +
       

     

       4
       4
       +
       export const detectKeyType = (key: string): string => {

     

       5
       5
       +
         try {

     

       6
       6
       +
           return parsePublicMultikey(key).type;

     

       7
       7
       +
         } catch (e) {

     

       8
       8
       +
           try {

     

       9
       9
       +
             const bytes = fromBase58Btc(key.startsWith("z") ? key.slice(1) : key);

     

       10
       10
       +
             if (bytes.length >= 2) {

     

       11
       11
       +
               const type = (bytes[0] << 8) | bytes[1];

     

       12
       12
       +
               if (type === 0xed01) {

     

       13
       13
       +
                 return "ed25519";

     

       14
       14
       +
               }

     

       15
       15
       +
             }

     

       16
       16
       +
           } catch {}

     

       17
       17
       +
           return "unknown";

     

       18
       18
       +
         }

     

       19
       19
       +
       };

     

       20
       20
       +
       

     

       21
       21
       +
       export const detectDidKeyType = (key: string): string => {

     

       22
       22
       +
         try {

     

       23
       23
       +
           return parseDidKey(key).type;

     

       24
       24
       +
         } catch (e) {

     

       25
       25
       +
           if (key.startsWith("did:key:")) {

     

       26
       26
       +
             return detectKeyType(key.slice(8));

     

       27
       27
       +
           }

     

       28
       28
       +
           return "unknown";

     

       29
       29
       +
         }

     

       30
       30
       +
       };

+1 -1

public/oauth-client-metadata.json

···

       4
       4
        
         "client_uri": "https://pdsls.dev",

     

       5
       5
        
         "logo_uri": "https://pdsls.dev/favicon.ico",

     

       6
       6
        
         "redirect_uris": ["https://pdsls.dev/"],

     

       7
       7
       -
         "scope": "atproto transition:generic",

     

       7
       7
       +
         "scope": "atproto repo:*?action=create repo:*?action=update repo:*?action=delete blob:*/*",

     

       8
       8
        
         "grant_types": ["authorization_code", "refresh_token"],

     

       9
       9
        
         "response_types": ["code"],

     

       10
       10
        
         "token_endpoint_auth_method": "none",

+13

src/auth/oauth-config.ts

···

       1
       1
       +
       import { configureOAuth, defaultIdentityResolver } from "@atcute/oauth-browser-client";

     

       2
       2
       +
       import { didDocumentResolver, handleResolver } from "../utils/api";

     

       3
       3
       +
       

     

       4
       4
       +
       configureOAuth({

     

       5
       5
       +
         metadata: {

     

       6
       6
       +
           client_id: import.meta.env.VITE_OAUTH_CLIENT_ID,

     

       7
       7
       +
           redirect_uri: import.meta.env.VITE_OAUTH_REDIRECT_URL,

     

       8
       8
       +
         },

     

       9
       9
       +
         identityResolver: defaultIdentityResolver({

     

       10
       10
       +
           handleResolver: handleResolver,

     

       11
       11
       +
           didDocumentResolver: didDocumentResolver,

     

       12
       12
       +
         }),

     

       13
       13
       +
       });

+77

src/auth/scope-flow.ts

···

       1
       1
       +
       import { isDid, isHandle } from "@atcute/lexicons/syntax";

     

       2
       2
       +
       import { createAuthorizationUrl } from "@atcute/oauth-browser-client";

     

       3
       3
       +
       import { createSignal } from "solid-js";

     

       4
       4
       +
       

     

       5
       5
       +
       interface UseOAuthScopeFlowOptions {

     

       6
       6
       +
         onError?: (error: unknown) => void;

     

       7
       7
       +
         onRedirecting?: () => void;

     

       8
       8
       +
         beforeRedirect?: (account: string) => Promise<void>;

     

       9
       9
       +
       }

     

       10
       10
       +
       

     

       11
       11
       +
       export const useOAuthScopeFlow = (options: UseOAuthScopeFlowOptions = {}) => {

     

       12
       12
       +
         const [showScopeSelector, setShowScopeSelector] = createSignal(false);

     

       13
       13
       +
         const [pendingAccount, setPendingAccount] = createSignal("");

     

       14
       14
       +
         const [shouldForceRedirect, setShouldForceRedirect] = createSignal(false);

     

       15
       15
       +
       

     

       16
       16
       +
         const initiate = (account: string) => {

     

       17
       17
       +
           if (!account) return;

     

       18
       18
       +
           setPendingAccount(account);

     

       19
       19
       +
           setShouldForceRedirect(false);

     

       20
       20
       +
           setShowScopeSelector(true);

     

       21
       21
       +
         };

     

       22
       22
       +
       

     

       23
       23
       +
         const initiateWithRedirect = (account: string) => {

     

       24
       24
       +
           if (!account) return;

     

       25
       25
       +
           setPendingAccount(account);

     

       26
       26
       +
           setShouldForceRedirect(true);

     

       27
       27
       +
           setShowScopeSelector(true);

     

       28
       28
       +
         };

     

       29
       29
       +
       

     

       30
       30
       +
         const complete = async (scopeString: string, scopeIds: string) => {

     

       31
       31
       +
           try {

     

       32
       32
       +
             const account = pendingAccount();

     

       33
       33
       +
       

     

       34
       34
       +
             if (options.beforeRedirect && !shouldForceRedirect()) {

     

       35
       35
       +
               try {

     

       36
       36
       +
                 await options.beforeRedirect(account);

     

       37
       37
       +
                 setShowScopeSelector(false);

     

       38
       38
       +
                 return;

     

       39
       39
       +
               } catch {}

     

       40
       40
       +
             }

     

       41
       41
       +
       

     

       42
       42
       +
             localStorage.setItem("pendingScopes", scopeIds);

     

       43
       43
       +
       

     

       44
       44
       +
             options.onRedirecting?.();

     

       45
       45
       +
       

     

       46
       46
       +
             const authUrl = await createAuthorizationUrl({

     

       47
       47
       +
               scope: scopeString,

     

       48
       48
       +
               target:

     

       49
       49
       +
                 isHandle(account) || isDid(account) ?

     

       50
       50
       +
                   { type: "account", identifier: account }

     

       51
       51
       +
                 : { type: "pds", serviceUrl: account },

     

       52
       52
       +
             });

     

       53
       53
       +
       

     

       54
       54
       +
             await new Promise((resolve) => setTimeout(resolve, 250));

     

       55
       55
       +
             location.assign(authUrl);

     

       56
       56
       +
           } catch (e) {

     

       57
       57
       +
             console.error(e);

     

       58
       58
       +
             options.onError?.(e);

     

       59
       59
       +
             setShowScopeSelector(false);

     

       60
       60
       +
           }

     

       61
       61
       +
         };

     

       62
       62
       +
       

     

       63
       63
       +
         const cancel = () => {

     

       64
       64
       +
           setShowScopeSelector(false);

     

       65
       65
       +
           setPendingAccount("");

     

       66
       66
       +
           setShouldForceRedirect(false);

     

       67
       67
       +
         };

     

       68
       68
       +
       

     

       69
       69
       +
         return {

     

       70
       70
       +
           showScopeSelector,

     

       71
       71
       +
           pendingAccount,

     

       72
       72
       +
           initiate,

     

       73
       73
       +
           initiateWithRedirect,

     

       74
       74
       +
           complete,

     

       75
       75
       +
           cancel,

     

       76
       76
       +
         };

     

       77
       77
       +
       };

+53

src/auth/scope-utils.ts

···

       1
       1
       +
       import { agent, sessions } from "./state";

     

       2
       2
       +
       

     

       3
       3
       +
       export const GRANULAR_SCOPES = [

     

       4
       4
       +
         {

     

       5
       5
       +
           id: "create",

     

       6
       6
       +
           scope: "repo:*?action=create",

     

       7
       7
       +
           label: "Create records",

     

       8
       8
       +
         },

     

       9
       9
       +
         {

     

       10
       10
       +
           id: "update",

     

       11
       11
       +
           scope: "repo:*?action=update",

     

       12
       12
       +
           label: "Update records",

     

       13
       13
       +
         },

     

       14
       14
       +
         {

     

       15
       15
       +
           id: "delete",

     

       16
       16
       +
           scope: "repo:*?action=delete",

     

       17
       17
       +
           label: "Delete records",

     

       18
       18
       +
         },

     

       19
       19
       +
         {

     

       20
       20
       +
           id: "blob",

     

       21
       21
       +
           scope: "blob:*/*",

     

       22
       22
       +
           label: "Upload blobs",

     

       23
       23
       +
         },

     

       24
       24
       +
       ];

     

       25
       25
       +
       

     

       26
       26
       +
       export const BASE_SCOPES = ["atproto"];

     

       27
       27
       +
       

     

       28
       28
       +
       export const buildScopeString = (selected: Set<string>): string => {

     

       29
       29
       +
         const granular = GRANULAR_SCOPES.filter((s) => selected.has(s.id)).map((s) => s.scope);

     

       30
       30
       +
         return [...BASE_SCOPES, ...granular].join(" ");

     

       31
       31
       +
       };

     

       32
       32
       +
       

     

       33
       33
       +
       export const scopeIdsToString = (scopeIds: Set<string>): string => {

     

       34
       34
       +
         return ["atproto", ...Array.from(scopeIds)].join(",");

     

       35
       35
       +
       };

     

       36
       36
       +
       

     

       37
       37
       +
       export const parseScopeString = (scopeIdsString: string): Set<string> => {

     

       38
       38
       +
         if (!scopeIdsString) return new Set();

     

       39
       39
       +
         const ids = scopeIdsString.split(",").filter(Boolean);

     

       40
       40
       +
         return new Set(ids.filter((id) => id !== "atproto"));

     

       41
       41
       +
       };

     

       42
       42
       +
       

     

       43
       43
       +
       export const hasScope = (grantedScopes: string | undefined, scopeId: string): boolean => {

     

       44
       44
       +
         if (!grantedScopes) return false;

     

       45
       45
       +
         return grantedScopes.split(",").includes(scopeId);

     

       46
       46
       +
       };

     

       47
       47
       +
       

     

       48
       48
       +
       export const hasUserScope = (scopeId: string): boolean => {

     

       49
       49
       +
         if (!agent()) return false;

     

       50
       50
       +
         const grantedScopes = sessions[agent()!.sub]?.grantedScopes;

     

       51
       51
       +
         if (!grantedScopes) return true;

     

       52
       52
       +
         return hasScope(grantedScopes, scopeId);

     

       53
       53
       +
       };

+14

src/auth/state.ts

···

       1
       1
       +
       import { OAuthUserAgent } from "@atcute/oauth-browser-client";

     

       2
       2
       +
       import { createSignal } from "solid-js";

     

       3
       3
       +
       import { createStore } from "solid-js/store";

     

       4
       4
       +
       

     

       5
       5
       +
       export type Account = {

     

       6
       6
       +
         signedIn: boolean;

     

       7
       7
       +
         handle?: string;

     

       8
       8
       +
         grantedScopes?: string;

     

       9
       9
       +
       };

     

       10
       10
       +
       

     

       11
       11
       +
       export type Sessions = Record<string, Account>;

     

       12
       12
       +
       

     

       13
       13
       +
       export const [agent, setAgent] = createSignal<OAuthUserAgent | undefined>();

     

       14
       14
       +
       export const [sessions, setSessions] = createStore<Sessions>();

-170

src/components/account.tsx

···

       1
       1
       -
       import { Client, CredentialManager } from "@atcute/client";

     

       2
       2
       -
       import { Did } from "@atcute/lexicons";

     

       3
       3
       -
       import {

     

       4
       4
       -
         createAuthorizationUrl,

     

       5
       5
       -
         deleteStoredSession,

     

       6
       6
       -
         getSession,

     

       7
       7
       -
         OAuthUserAgent,

     

       8
       8
       -
       } from "@atcute/oauth-browser-client";

     

       9
       9
       -
       import { A } from "@solidjs/router";

     

       10
       10
       -
       import { createSignal, For, onMount, Show } from "solid-js";

     

       11
       11
       -
       import { createStore, produce } from "solid-js/store";

     

       12
       12
       -
       import { resolveDidDoc } from "../utils/api.js";

     

       13
       13
       -
       import { ActionMenu, DropdownMenu, MenuProvider, NavMenu } from "./dropdown.jsx";

     

       14
       14
       -
       import { agent, Login, retrieveSession, Sessions, setAgent } from "./login.jsx";

     

       15
       15
       -
       import { Modal } from "./modal.jsx";

     

       16
       16
       -
       

     

       17
       17
       -
       export const [sessions, setSessions] = createStore<Sessions>();

     

       18
       18
       -
       

     

       19
       19
       -
       const AccountDropdown = (props: { did: Did }) => {

     

       20
       20
       -
         const removeSession = async (did: Did) => {

     

       21
       21
       -
           const currentSession = agent()?.sub;

     

       22
       22
       -
           try {

     

       23
       23
       -
             const session = await getSession(did, { allowStale: true });

     

       24
       24
       -
             const agent = new OAuthUserAgent(session);

     

       25
       25
       -
             await agent.signOut();

     

       26
       26
       -
           } catch {

     

       27
       27
       -
             deleteStoredSession(did);

     

       28
       28
       -
           }

     

       29
       29
       -
           setSessions(

     

       30
       30
       -
             produce((accs) => {

     

       31
       31
       -
               delete accs[did];

     

       32
       32
       -
             }),

     

       33
       33
       -
           );

     

       34
       34
       -
           localStorage.setItem("sessions", JSON.stringify(sessions));

     

       35
       35
       -
           if (currentSession === did) setAgent(undefined);

     

       36
       36
       -
         };

     

       37
       37
       -
       

     

       38
       38
       -
         return (

     

       39
       39
       -
           <MenuProvider>

     

       40
       40
       -
             <DropdownMenu icon="lucide--ellipsis" buttonClass="rounded-md p-2">

     

       41
       41
       -
               <NavMenu href={`/at://${props.did}`} label="Go to repo" icon="lucide--user-round" />

     

       42
       42
       -
               <ActionMenu

     

       43
       43
       -
                 icon="lucide--x"

     

       44
       44
       -
                 label="Remove account"

     

       45
       45
       -
                 onClick={() => removeSession(props.did)}

     

       46
       46
       -
               />

     

       47
       47
       -
             </DropdownMenu>

     

       48
       48
       -
           </MenuProvider>

     

       49
       49
       -
         );

     

       50
       50
       -
       };

     

       51
       51
       -
       

     

       52
       52
       -
       export const AccountManager = () => {

     

       53
       53
       -
         const [openManager, setOpenManager] = createSignal(false);

     

       54
       54
       -
         const [avatars, setAvatars] = createStore<Record<Did, string>>();

     

       55
       55
       -
       

     

       56
       56
       -
         onMount(async () => {

     

       57
       57
       -
           try {

     

       58
       58
       -
             await retrieveSession();

     

       59
       59
       -
           } catch {}

     

       60
       60
       -
       

     

       61
       61
       -
           const localSessions = localStorage.getItem("sessions");

     

       62
       62
       -
           if (localSessions) {

     

       63
       63
       -
             const storedSessions: Sessions = JSON.parse(localSessions);

     

       64
       64
       -
             const sessionDids = Object.keys(storedSessions) as Did[];

     

       65
       65
       -
             sessionDids.forEach(async (did) => {

     

       66
       66
       -
               const doc = await resolveDidDoc(did);

     

       67
       67
       -
               const alias = doc.alsoKnownAs?.find((alias) => alias.startsWith("at://"));

     

       68
       68
       -
               if (alias) {

     

       69
       69
       -
                 setSessions(did, {

     

       70
       70
       -
                   signedIn: storedSessions[did].signedIn,

     

       71
       71
       -
                   handle: alias.replace("at://", ""),

     

       72
       72
       -
                 });

     

       73
       73
       -
               }

     

       74
       74
       -
             });

     

       75
       75
       -
             sessionDids.forEach(async (did) => {

     

       76
       76
       -
               const avatar = await getAvatar(did);

     

       77
       77
       -
               if (avatar) setAvatars(did, avatar);

     

       78
       78
       -
             });

     

       79
       79
       -
           }

     

       80
       80
       -
         });

     

       81
       81
       -
       

     

       82
       82
       -
         const resumeSession = async (did: Did) => {

     

       83
       83
       -
           try {

     

       84
       84
       -
             localStorage.setItem("lastSignedIn", did);

     

       85
       85
       -
             await retrieveSession();

     

       86
       86
       -
           } catch {

     

       87
       87
       -
             const authUrl = await createAuthorizationUrl({

     

       88
       88
       -
               scope: import.meta.env.VITE_OAUTH_SCOPE,

     

       89
       89
       -
               target: { type: "account", identifier: did },

     

       90
       90
       -
             });

     

       91
       91
       -
       

     

       92
       92
       -
             await new Promise((resolve) => setTimeout(resolve, 250));

     

       93
       93
       -
       

     

       94
       94
       -
             location.assign(authUrl);

     

       95
       95
       -
           }

     

       96
       96
       -
         };

     

       97
       97
       -
       

     

       98
       98
       -
         const getAvatar = async (did: Did) => {

     

       99
       99
       -
           const rpc = new Client({

     

       100
       100
       -
             handler: new CredentialManager({ service: "https://public.api.bsky.app" }),

     

       101
       101
       -
           });

     

       102
       102
       -
           const res = await rpc.get("app.bsky.actor.getProfile", { params: { actor: did } });

     

       103
       103
       -
           if (res.ok) {

     

       104
       104
       -
             return res.data.avatar;

     

       105
       105
       -
           }

     

       106
       106
       -
           return undefined;

     

       107
       107
       -
         };

     

       108
       108
       -
       

     

       109
       109
       -
         return (

     

       110
       110
       -
           <>

     

       111
       111
       -
             <Modal open={openManager()} onClose={() => setOpenManager(false)}>

     

       112
       112
       -
               <div class="dark:bg-dark-300 dark:shadow-dark-700 absolute top-18 left-[50%] w-88 -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0">

     

       113
       113
       -
                 <div class="mb-2 px-1 font-semibold">

     

       114
       114
       -
                   <span>Manage accounts</span>

     

       115
       115
       -
                 </div>

     

       116
       116
       -
                 <div class="mb-3 max-h-80 overflow-y-auto md:max-h-100">

     

       117
       117
       -
                   <For each={Object.keys(sessions)}>

     

       118
       118
       -
                     {(did) => (

     

       119
       119
       -
                       <div class="flex w-full items-center justify-between">

     

       120
       120
       -
                         <A

     

       121
       121
       -
                           href={`/at://${did}`}

     

       122
       122
       -
                           onClick={() => setOpenManager(false)}

     

       123
       123
       -
                           class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       124
       124
       -
                         >

     

       125
       125
       -
                           <Show

     

       126
       126
       -
                             when={avatars[did as Did]}

     

       127
       127
       -
                             fallback={<span class="iconify lucide--user-round m-0.5 size-5"></span>}

     

       128
       128
       -
                           >

     

       129
       129
       -
                             <img

     

       130
       130
       -
                               src={avatars[did as Did].replace("img/avatar/", "img/avatar_thumbnail/")}

     

       131
       131
       -
                               class="size-6 rounded-full"

     

       132
       132
       -
                             />

     

       133
       133
       -
                           </Show>

     

       134
       134
       -
                         </A>

     

       135
       135
       -
                         <button

     

       136
       136
       -
                           class="flex grow items-center justify-between gap-1 truncate rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       137
       137
       -
                           onclick={() => resumeSession(did as Did)}

     

       138
       138
       -
                         >

     

       139
       139
       -
                           <span class="truncate">

     

       140
       140
       -
                             {sessions[did]?.handle ? sessions[did].handle : did}

     

       141
       141
       -
                           </span>

     

       142
       142
       -
                           <Show when={did === agent()?.sub && sessions[did].signedIn}>

     

       143
       143
       -
                             <span class="iconify lucide--check shrink-0 text-green-500 dark:text-green-400"></span>

     

       144
       144
       -
                           </Show>

     

       145
       145
       -
                           <Show when={!sessions[did].signedIn}>

     

       146
       146
       -
                             <span class="iconify lucide--circle-alert shrink-0 text-red-500 dark:text-red-400"></span>

     

       147
       147
       -
                           </Show>

     

       148
       148
       -
                         </button>

     

       149
       149
       -
                         <AccountDropdown did={did as Did} />

     

       150
       150
       -
                       </div>

     

       151
       151
       -
                     )}

     

       152
       152
       -
                   </For>

     

       153
       153
       -
                 </div>

     

       154
       154
       -
                 <Login />

     

       155
       155
       -
               </div>

     

       156
       156
       -
             </Modal>

     

       157
       157
       -
             <button

     

       158
       158
       -
               onclick={() => setOpenManager(true)}

     

       159
       159
       -
               class={`flex items-center rounded-lg ${agent() && avatars[agent()!.sub] ? "p-1.25" : "p-1.5"} hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600`}

     

       160
       160
       -
             >

     

       161
       161
       -
               {agent() && avatars[agent()!.sub] ?

     

       162
       162
       -
                 <img

     

       163
       163
       -
                   src={avatars[agent()!.sub].replace("img/avatar/", "img/avatar_thumbnail/")}

     

       164
       164
       -
                   class="size-5 rounded-full"

     

       165
       165
       -
                 />

     

       166
       166
       -
               : <span class="iconify lucide--circle-user-round text-lg"></span>}

     

       167
       167
       -
             </button>

     

       168
       168
       -
           </>

     

       169
       169
       -
         );

     

       170
       170
       -
       };

public/favicon.ico

This is a binary file and will not be displayed.

public/fonts/Figtree[wght].woff2

This is a binary file and will not be displayed.

+7 -1

src/styles/index.css

···

       6
       6
        
       

     

       7
       7
        
       @custom-variant dark (&:where(.dark, .dark *));

     

       8
       8
        
       

     

       9
       9
       +
       @font-face {

     

       10
       10
       +
         font-family: "Figtree";

     

       11
       11
       +
         src: url("/fonts/Figtree[wght].woff2") format("woff2");

     

       12
       12
       +
         font-display: swap;

     

       13
       13
       +
       }

     

       14
       14
       +
       

     

       9
       15
        
       @theme {

     

       10
       10
       -
         --font-sans: "Inter", sans-serif;

     

       16
       16
       +
         --font-sans: "Figtree", sans-serif;

     

       11
       17
        
         --font-mono: "Roboto Mono", monospace;

     

       12
       18
        
         --font-pecita: "Pecita", serif;

     

       13
       19

src/components/create.tsx

···

       58
       58
        
         onMount(() => {

     

       59
       59
        
           const keyEvent = (ev: KeyboardEvent) => {

     

       60
       60
        
             if (ev.target instanceof HTMLInputElement || ev.target instanceof HTMLTextAreaElement) return;

     

       61
       61
       +
             if ((ev.target as HTMLElement).closest("[data-modal]")) return;

     

       61
       62
        
       

     

       62
       63
        
             const key = props.create ? "n" : "e";

     

       63
       64
        
             if (ev.key === key) {

+109

src/components/create/file-upload.tsx

···

       1
       1
       +
       import { Client } from "@atcute/client";

     

       2
       2
       +
       import { remove } from "@mary/exif-rm";

     

       3
       3
       +
       import { createSignal, onCleanup, Show } from "solid-js";

     

       4
       4
       +
       import { agent } from "../../auth/state";

     

       5
       5
       +
       import { Button } from "../button.jsx";

     

       6
       6
       +
       import { TextInput } from "../text-input.jsx";

     

       7
       7
       +
       import { editorInstance } from "./state";

     

       8
       8
       +
       

     

       9
       9
       +
       export const FileUpload = (props: {

     

       10
       10
       +
         file: File;

     

       11
       11
       +
         blobInput: HTMLInputElement;

     

       12
       12
       +
         onClose: () => void;

     

       13
       13
       +
       }) => {

     

       14
       14
       +
         const [uploading, setUploading] = createSignal(false);

     

       15
       15
       +
         const [error, setError] = createSignal("");

     

       16
       16
       +
       

     

       17
       17
       +
         onCleanup(() => (props.blobInput.value = ""));

     

       18
       18
       +
       

     

       19
       19
       +
         const formatFileSize = (bytes: number) => {

     

       20
       20
       +
           if (bytes === 0) return "0 Bytes";

     

       21
       21
       +
           const k = 1024;

     

       22
       22
       +
           const sizes = ["Bytes", "KB", "MB", "GB"];

     

       23
       23
       +
           const i = Math.floor(Math.log(bytes) / Math.log(k));

     

       24
       24
       +
           return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];

     

       25
       25
       +
         };

     

       26
       26
       +
       

     

       27
       27
       +
         const uploadBlob = async () => {

     

       28
       28
       +
           let blob: Blob;

     

       29
       29
       +
       

     

       30
       30
       +
           const mimetype = (document.getElementById("mimetype") as HTMLInputElement)?.value;

     

       31
       31
       +
           (document.getElementById("mimetype") as HTMLInputElement).value = "";

     

       32
       32
       +
           if (mimetype) blob = new Blob([props.file], { type: mimetype });

     

       33
       33
       +
           else blob = props.file;

     

       34
       34
       +
       

     

       35
       35
       +
           if ((document.getElementById("exif-rm") as HTMLInputElement).checked) {

     

       36
       36
       +
             const exifRemoved = remove(new Uint8Array(await blob.arrayBuffer()));

     

       37
       37
       +
             if (exifRemoved !== null) blob = new Blob([exifRemoved], { type: blob.type });

     

       38
       38
       +
           }

     

       39
       39
       +
       

     

       40
       40
       +
           const rpc = new Client({ handler: agent()! });

     

       41
       41
       +
           setUploading(true);

     

       42
       42
       +
           const res = await rpc.post("com.atproto.repo.uploadBlob", {

     

       43
       43
       +
             input: blob,

     

       44
       44
       +
           });

     

       45
       45
       +
           setUploading(false);

     

       46
       46
       +
           if (!res.ok) {

     

       47
       47
       +
             setError(res.data.error);

     

       48
       48
       +
             return;

     

       49
       49
       +
           }

     

       50
       50
       +
           editorInstance.view.dispatch({

     

       51
       51
       +
             changes: {

     

       52
       52
       +
               from: editorInstance.view.state.selection.main.head,

     

       53
       53
       +
               insert: JSON.stringify(res.data.blob, null, 2),

     

       54
       54
       +
             },

     

       55
       55
       +
           });

     

       56
       56
       +
           props.onClose();

     

       57
       57
       +
         };

     

       58
       58
       +
       

     

       59
       59
       +
         return (

     

       60
       60
       +
           <div class="dark:bg-dark-300 dark:shadow-dark-700 absolute top-70 left-[50%] w-[20rem] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0">

     

       61
       61
       +
             <h2 class="mb-2 font-semibold">Upload blob</h2>

     

       62
       62
       +
             <div class="flex flex-col gap-2 text-sm">

     

       63
       63
       +
               <div class="flex flex-col gap-1">

     

       64
       64
       +
                 <p class="flex gap-1">

     

       65
       65
       +
                   <span class="truncate">{props.file.name}</span>

     

       66
       66
       +
                   <span class="shrink-0 text-neutral-600 dark:text-neutral-400">

     

       67
       67
       +
                     ({formatFileSize(props.file.size)})

     

       68
       68
       +
                   </span>

     

       69
       69
       +
                 </p>

     

       70
       70
       +
               </div>

     

       71
       71
       +
               <div class="flex items-center gap-x-2">

     

       72
       72
       +
                 <label for="mimetype" class="shrink-0 select-none">

     

       73
       73
       +
                   MIME type

     

       74
       74
       +
                 </label>

     

       75
       75
       +
                 <TextInput id="mimetype" placeholder={props.file.type} />

     

       76
       76
       +
               </div>

     

       77
       77
       +
               <div class="flex items-center gap-1">

     

       78
       78
       +
                 <input id="exif-rm" type="checkbox" checked />

     

       79
       79
       +
                 <label for="exif-rm" class="select-none">

     

       80
       80
       +
                   Remove EXIF data

     

       81
       81
       +
                 </label>

     

       82
       82
       +
               </div>

     

       83
       83
       +
               <p class="text-xs text-neutral-600 dark:text-neutral-400">

     

       84
       84
       +
                 Metadata will be pasted after the cursor

     

       85
       85
       +
               </p>

     

       86
       86
       +
               <Show when={error()}>

     

       87
       87
       +
                 <span class="text-red-500 dark:text-red-400">Error: {error()}</span>

     

       88
       88
       +
               </Show>

     

       89
       89
       +
               <div class="flex justify-between gap-2">

     

       90
       90
       +
                 <Button onClick={props.onClose}>Cancel</Button>

     

       91
       91
       +
                 <Show when={uploading()}>

     

       92
       92
       +
                   <div class="flex items-center gap-1">

     

       93
       93
       +
                     <span class="iconify lucide--loader-circle animate-spin"></span>

     

       94
       94
       +
                     <span>Uploading</span>

     

       95
       95
       +
                   </div>

     

       96
       96
       +
                 </Show>

     

       97
       97
       +
                 <Show when={!uploading()}>

     

       98
       98
       +
                   <Button

     

       99
       99
       +
                     onClick={uploadBlob}

     

       100
       100
       +
                     class="dark:shadow-dark-700 flex items-center gap-1 rounded-lg bg-blue-500 px-2 py-1.5 text-xs text-white shadow-xs select-none hover:bg-blue-600 active:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-500 dark:active:bg-blue-400"

     

       101
       101
       +
                   >

     

       102
       102
       +
                     Upload

     

       103
       103
       +
                   </Button>

     

       104
       104
       +
                 </Show>

     

       105
       105
       +
               </div>

     

       106
       106
       +
             </div>

     

       107
       107
       +
           </div>

     

       108
       108
       +
         );

     

       109
       109
       +
       };

+87

src/components/create/handle-input.tsx

···

       1
       1
       +
       import { Handle } from "@atcute/lexicons";

     

       2
       2
       +
       import { createSignal, Show } from "solid-js";

     

       3
       3
       +
       import { resolveHandle } from "../../utils/api";

     

       4
       4
       +
       import { Button } from "../button.jsx";

     

       5
       5
       +
       import { TextInput } from "../text-input.jsx";

     

       6
       6
       +
       import { editorInstance } from "./state";

     

       7
       7
       +
       

     

       8
       8
       +
       export const HandleInput = (props: { onClose: () => void }) => {

     

       9
       9
       +
         const [resolving, setResolving] = createSignal(false);

     

       10
       10
       +
         const [error, setError] = createSignal("");

     

       11
       11
       +
         let handleFormRef!: HTMLFormElement;

     

       12
       12
       +
       

     

       13
       13
       +
         const resolveDid = async (e: SubmitEvent) => {

     

       14
       14
       +
           e.preventDefault();

     

       15
       15
       +
           const formData = new FormData(handleFormRef);

     

       16
       16
       +
           const handleValue = formData.get("handle")?.toString().trim();

     

       17
       17
       +
       

     

       18
       18
       +
           if (!handleValue) {

     

       19
       19
       +
             setError("Please enter a handle");

     

       20
       20
       +
             return;

     

       21
       21
       +
           }

     

       22
       22
       +
       

     

       23
       23
       +
           setResolving(true);

     

       24
       24
       +
           setError("");

     

       25
       25
       +
           try {

     

       26
       26
       +
             const did = await resolveHandle(handleValue as Handle);

     

       27
       27
       +
             editorInstance.view.dispatch({

     

       28
       28
       +
               changes: {

     

       29
       29
       +
                 from: editorInstance.view.state.selection.main.head,

     

       30
       30
       +
                 insert: `"${did}"`,

     

       31
       31
       +
               },

     

       32
       32
       +
             });

     

       33
       33
       +
             props.onClose();

     

       34
       34
       +
             handleFormRef.reset();

     

       35
       35
       +
           } catch (err: any) {

     

       36
       36
       +
             setError(err.message || "Failed to resolve handle");

     

       37
       37
       +
           } finally {

     

       38
       38
       +
             setResolving(false);

     

       39
       39
       +
           }

     

       40
       40
       +
         };

     

       41
       41
       +
       

     

       42
       42
       +
         return (

     

       43
       43
       +
           <div class="dark:bg-dark-300 dark:shadow-dark-700 absolute top-70 left-[50%] w-[20rem] -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 dark:border-neutral-700 starting:opacity-0">

     

       44
       44
       +
             <h2 class="mb-2 font-semibold">Insert DID from handle</h2>

     

       45
       45
       +
             <form ref={handleFormRef} onSubmit={resolveDid} class="flex flex-col gap-2 text-sm">

     

       46
       46
       +
               <div class="flex flex-col gap-1">

     

       47
       47
       +
                 <label for="handle-input" class="select-none">

     

       48
       48
       +
                   Handle

     

       49
       49
       +
                 </label>

     

       50
       50
       +
                 <TextInput id="handle-input" name="handle" placeholder="user.bsky.social" />

     

       51
       51
       +
               </div>

     

       52
       52
       +
               <p class="text-xs text-neutral-600 dark:text-neutral-400">

     

       53
       53
       +
                 DID will be pasted after the cursor

     

       54
       54
       +
               </p>

     

       55
       55
       +
               <Show when={error()}>

     

       56
       56
       +
                 <span class="text-red-500 dark:text-red-400">Error: {error()}</span>

     

       57
       57
       +
               </Show>

     

       58
       58
       +
               <div class="flex justify-between gap-2">

     

       59
       59
       +
                 <Button

     

       60
       60
       +
                   type="button"

     

       61
       61
       +
                   onClick={() => {

     

       62
       62
       +
                     props.onClose();

     

       63
       63
       +
                     handleFormRef.reset();

     

       64
       64
       +
                     setError("");

     

       65
       65
       +
                   }}

     

       66
       66
       +
                 >

     

       67
       67
       +
                   Cancel

     

       68
       68
       +
                 </Button>

     

       69
       69
       +
                 <Show when={resolving()}>

     

       70
       70
       +
                   <div class="flex items-center gap-1">

     

       71
       71
       +
                     <span class="iconify lucide--loader-circle animate-spin"></span>

     

       72
       72
       +
                     <span>Resolving</span>

     

       73
       73
       +
                   </div>

     

       74
       74
       +
                 </Show>

     

       75
       75
       +
                 <Show when={!resolving()}>

     

       76
       76
       +
                   <Button

     

       77
       77
       +
                     type="submit"

     

       78
       78
       +
                     class="dark:shadow-dark-700 flex items-center gap-1 rounded-lg bg-blue-500 px-2 py-1.5 text-xs text-white shadow-xs select-none hover:bg-blue-600 active:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-500 dark:active:bg-blue-400"

     

       79
       79
       +
                   >

     

       80
       80
       +
                     Insert

     

       81
       81
       +
                   </Button>

     

       82
       82
       +
                 </Show>

     

       83
       83
       +
               </div>

     

       84
       84
       +
             </form>

     

       85
       85
       +
           </div>

     

       86
       86
       +
         );

     

       87
       87
       +
       };

+12

src/components/create/menu-item.tsx

···

       1
       1
       +
       export const MenuItem = (props: { icon: string; label: string; onClick: () => void }) => {

     

       2
       2
       +
         return (

     

       3
       3
       +
           <button

     

       4
       4
       +
             type="button"

     

       5
       5
       +
             class="flex items-center gap-2 rounded-md p-2 text-left text-xs hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       6
       6
       +
             onClick={props.onClick}

     

       7
       7
       +
           >

     

       8
       8
       +
             <span class={`iconify ${props.icon}`}></span>

     

       9
       9
       +
             <span>{props.label}</span>

     

       10
       10
       +
           </button>

     

       11
       11
       +
         );

     

       12
       12
       +
       };

src/components/create/state.ts

···

       1
       1
       +
       import { createSignal } from "solid-js";

     

       2
       2
       +
       

     

       3
       3
       +
       export const editorInstance = { view: null as any };

     

       4
       4
       +
       export const [placeholder, setPlaceholder] = createSignal<any>();

src/components/editor.tsx

···

       48
       48
        
               keymap.of([indentWithTab]),

     

       49
       49
        
               linter(jsonParseLinter()),

     

       50
       50
        
               themeColor.of(document.documentElement.classList.contains("dark") ? basicDark : basicLight),

     

       51
       51
       +
               EditorView.lineWrapping,

     

       51
       52
        
             ],

     

       52
       53
        
           });

     

       53
       54
        
           editorInstance.view = view;

+29 -48

src/components/create/index.tsx

···

       20
       20
        
       import { addNotification, removeNotification } from "../notification.jsx";

     

       21
       21
        
       import { TextInput } from "../text-input.jsx";

     

       22
       22
        
       import Tooltip from "../tooltip.jsx";

     

       23
       23
       +
       import { ConfirmSubmit } from "./confirm-submit";

     

       23
       24
        
       import { FileUpload } from "./file-upload";

     

       24
       25
        
       import { HandleInput } from "./handle-input";

     

       25
       26
        
       import { MenuItem } from "./menu-item";

     
···

       37
       38
        
         const [openUpload, setOpenUpload] = createSignal(false);

     

       38
       39
        
         const [openInsertMenu, setOpenInsertMenu] = createSignal(false);

     

       39
       40
        
         const [openHandleDialog, setOpenHandleDialog] = createSignal(false);

     

       40
       40
       -
         const [validate, setValidate] = createSignal<boolean | undefined>(undefined);

     

       41
       41
       +
         const [openConfirmDialog, setOpenConfirmDialog] = createSignal(false);

     

       41
       42
        
         const [isMaximized, setIsMaximized] = createSignal(false);

     

       42
       43
        
         const [isMinimized, setIsMinimized] = createSignal(false);

     

       43
       44
        
         const [collectionError, setCollectionError] = createSignal("");

     
···

       96
       97
        
           };

     

       97
       98
        
         };

     

       98
       99
        
       

     

       99
       99
       -
         const getValidateIcon = () => {

     

       100
       100
       -
           return (

     

       101
       101
       -
             validate() === true ? "lucide--circle-check"

     

       102
       102
       -
             : validate() === false ? "lucide--circle-x"

     

       103
       103
       -
             : "lucide--circle"

     

       104
       104
       -
           );

     

       105
       105
       -
         };

     

       106
       106
       -
       

     

       107
       107
       -
         const getValidateLabel = () => {

     

       108
       108
       -
           return (

     

       109
       109
       -
             validate() === true ? "True"

     

       110
       110
       -
             : validate() === false ? "False"

     

       111
       111
       -
             : "Unset"

     

       112
       112
       -
           );

     

       113
       113
       -
         };

     

       114
       114
       -
       

     

       115
       100
        
         createEffect(() => {

     

       116
       101
        
           if (openDialog()) {

     

       117
       117
       -
             setValidate(undefined);

     

       118
       102
        
             setCollectionError("");

     

       119
       103
        
             setRkeyError("");

     

       120
       104
        
           }

     

       121
       105
        
         });

     

       122
       106
        
       

     

       123
       123
       -
         const createRecord = async (formData: FormData) => {

     

       107
       107
       +
         const createRecord = async (validate: boolean | undefined) => {

     

       108
       108
       +
           const formData = new FormData(formRef);

     

       124
       109
        
           const repo = formData.get("repo")?.toString();

     

       125
       110
        
           if (!repo) return;

     

       126
       111
        
           const rpc = new Client({ handler: new OAuthUserAgent(await getSession(repo as Did)) });

     
···

       139
       124
        
               collection: collection ? collection.toString() : record.$type,

     

       140
       125
        
               rkey: rkey?.toString().length ? rkey?.toString() : undefined,

     

       141
       126
        
               record: record,

     

       142
       142
       -
               validate: validate(),

     

       127
       127
       +
               validate: validate,

     

       143
       128
        
             },

     

       144
       129
        
           });

     

       145
       130
        
           if (!res.ok) {

     

       146
       131
        
             setNotice(`${res.data.error}: ${res.data.message}`);

     

       147
       132
        
             return;

     

       148
       133
        
           }

     

       134
       134
       +
           setOpenConfirmDialog(false);

     

       149
       135
        
           setOpenDialog(false);

     

       150
       136
        
           const id = addNotification({

     

       151
       137
        
             message: "Record created",

     
···

       155
       141
        
           navigate(`/${res.data.uri}`);

     

       156
       142
        
         };

     

       157
       143
        
       

     

       158
       158
       -
         const editRecord = async (recreate?: boolean) => {

     

       144
       144
       +
         const editRecord = async (validate: boolean | undefined, recreate: boolean) => {

     

       159
       145
        
           const record = editorInstance.view.state.doc.toString();

     

       160
       146
        
           if (!record) return;

     

       161
       147
        
           const rpc = new Client({ handler: agent()! });

     
···

       165
       151
        
               const res = await rpc.post("com.atproto.repo.applyWrites", {

     

       166
       152
        
                 input: {

     

       167
       153
        
                   repo: agent()!.sub,

     

       168
       168
       -
                   validate: validate(),

     

       154
       154
       +
                   validate: validate,

     

       169
       155
        
                   writes: [

     

       170
       156
        
                     {

     

       171
       157
        
                       collection: params.collection as `${string}.${string}.${string}`,

     
···

       189
       175
        
               const res = await rpc.post("com.atproto.repo.applyWrites", {

     

       190
       176
        
                 input: {

     

       191
       177
        
                   repo: agent()!.sub,

     

       192
       192
       -
                   validate: validate(),

     

       178
       178
       +
                   validate: validate,

     

       193
       179
        
                   writes: [

     

       194
       180
        
                     {

     

       195
       181
        
                       collection: params.collection as `${string}.${string}.${string}`,

     
···

       205
       191
        
                 return;

     

       206
       192
        
               }

     

       207
       193
        
             }

     

       194
       194
       +
             setOpenConfirmDialog(false);

     

       208
       195
        
             setOpenDialog(false);

     

       209
       196
        
             const id = addNotification({

     

       210
       197
        
               message: "Record edited",

     
···

       418
       405
        
                       >

     

       419
       406
        
                         <HandleInput onClose={() => setOpenHandleDialog(false)} />

     

       420
       407
        
                       </Modal>

     

       408
       408
       +
                       <Modal

     

       409
       409
       +
                         open={openConfirmDialog()}

     

       410
       410
       +
                         onClose={() => setOpenConfirmDialog(false)}

     

       411
       411
       +
                         closeOnClick={false}

     

       412
       412
       +
                       >

     

       413
       413
       +
                         <ConfirmSubmit

     

       414
       414
       +
                           isCreate={props.create}

     

       415
       415
       +
                           onConfirm={(validate, recreate) => {

     

       416
       416
       +
                             if (props.create) {

     

       417
       417
       +
                               createRecord(validate);

     

       418
       418
       +
                             } else {

     

       419
       419
       +
                               editRecord(validate, recreate);

     

       420
       420
       +
                             }

     

       421
       421
       +
                           }}

     

       422
       422
       +
                           onClose={() => setOpenConfirmDialog(false)}

     

       423
       423
       +
                         />

     

       424
       424
       +
                       </Modal>

     

       421
       425
        
                       <div class="flex items-center justify-end gap-2">

     

       422
       422
       -
                         <button

     

       423
       423
       -
                           type="button"

     

       424
       424
       -
                           class="flex items-center gap-1 rounded-sm p-1.5 text-xs hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       425
       425
       -
                           onClick={() =>

     

       426
       426
       -
                             setValidate(

     

       427
       427
       -
                               validate() === true ? false

     

       428
       428
       -
                               : validate() === false ? undefined

     

       429
       429
       -
                               : true,

     

       430
       430
       -
                             )

     

       431
       431
       -
                           }

     

       432
       432
       -
                         >

     

       433
       433
       -
                           <Tooltip text={getValidateLabel()}>

     

       434
       434
       -
                             <span class={`iconify ${getValidateIcon()}`}></span>

     

       435
       435
       -
                           </Tooltip>

     

       436
       436
       -
                           <span>Validate</span>

     

       437
       437
       -
                         </button>

     

       438
       438
       -
                         <Show when={!props.create && hasUserScope("create") && hasUserScope("delete")}>

     

       439
       439
       -
                           <Button onClick={() => editRecord(true)}>Recreate</Button>

     

       440
       440
       -
                         </Show>

     

       441
       441
       -
                         <Button

     

       442
       442
       -
                           onClick={() =>

     

       443
       443
       -
                             props.create ? createRecord(new FormData(formRef)) : editRecord()

     

       444
       444
       -
                           }

     

       445
       445
       -
                         >

     

       446
       446
       -
                           {props.create ? "Create" : "Edit"}

     

       426
       426
       +
                         <Button onClick={() => setOpenConfirmDialog(true)}>

     

       427
       427
       +
                           {props.create ? "Create..." : "Edit..."}

     

       447
       428
        
                         </Button>

     

       448
       429
        
                       </div>

     

       449
       430
        
                     </div>

+2 -2

src/components/create/confirm-submit.tsx

···

       33
       33
        
                 <div class="flex items-center gap-2">

     

       34
       34
        
                   <button

     

       35
       35
        
                     type="button"

     

       36
       36
       -
                     class="-ml-2 flex min-w-30 items-center gap-1.5 rounded-lg px-2 py-1 text-xs hover:bg-neutral-200 dark:hover:bg-neutral-700"

     

       36
       36
       +
                     class="-ml-2 flex min-w-30 items-center gap-1.5 rounded-lg px-2 py-1 text-xs hover:bg-neutral-200/50 dark:hover:bg-neutral-700"

     

       37
       37
        
                     onClick={cycleValidate}

     

       38
       38
        
                   >

     

       39
       39
        
                     <span

     
···

       57
       57
        
                   <div class="flex items-center gap-2">

     

       58
       58
        
                     <button

     

       59
       59
        
                       type="button"

     

       60
       60
       -
                       class="-ml-2 flex items-center gap-1.5 rounded-lg px-2 py-1 text-xs hover:bg-neutral-200 dark:hover:bg-neutral-700"

     

       60
       60
       +
                       class="-ml-2 flex items-center gap-1.5 rounded-lg px-2 py-1 text-xs hover:bg-neutral-200/50 dark:hover:bg-neutral-700"

     

       61
       61
        
                       onClick={() => setRecreate(!recreate())}

     

       62
       62
        
                     >

     

       63
       63
        
                       <span

+2 -2

src/components/sticky.tsx

···

       29
       29
        
             />

     

       30
       30
        
       

     

       31
       31
        
             <div

     

       32
       32
       -
               class="sticky top-2 z-10 flex w-full flex-col items-center justify-center gap-2 rounded-lg p-3 transition-colors"

     

       32
       32
       +
               class="sticky top-2 z-10 flex w-full flex-col items-center justify-center gap-2 rounded-lg border-[0.5px] p-3 transition-colors"

     

       33
       33
        
               classList={{

     

       34
       34
       -
                 "bg-neutral-50 dark:bg-dark-300 border-[0.5px] border-neutral-300 dark:border-neutral-700 shadow-md":

     

       34
       34
       +
                 "bg-neutral-50 dark:bg-dark-300 border-neutral-300 dark:border-neutral-700 shadow-md":

     

       35
       35
        
                   filterStuck(),

     

       36
       36
        
                 "bg-transparent border-transparent shadow-none": !filterStuck(),

     

       37
       37
        
               }}

+1 -1

src/components/navbar.tsx

···

       110
       110
        
                       <A

     

       111
       111
        
                         end

     

       112
       112
        
                         href={`/at://${props.params.repo}`}

     

       113
       113
       -
                         inactiveClass="flex min-w-0 gap-1 py-0.5 font-medium text-blue-400 hover:text-blue-500 transition-colors duration-150 dark:hover:text-blue-300"

     

       113
       113
       +
                         inactiveClass="flex grow min-w-0 gap-1 py-0.5 font-medium text-blue-400 hover:text-blue-500 transition-colors duration-150 dark:hover:text-blue-300"

     

       114
       114
        
                       >

     

       115
       115
        
                         <Show

     

       116
       116
        
                           when={handle() !== props.params.repo}

+1 -1

src/components/backlinks.tsx

···

       51
       51
        
                 return (

     

       52
       52
        
                   <a

     

       53
       53
        
                     href={`/at://${did}/${collection}/${rkey}`}

     

       54
       54
       -
                     class="grid grid-cols-[auto_1fr_auto] items-center gap-x-1 px-2 py-1.5 font-mono text-xs hover:bg-neutral-200/50 active:bg-neutral-200/50 sm:gap-x-3 sm:px-3 dark:hover:bg-neutral-700/50 dark:active:bg-neutral-700/50"

     

       54
       54
       +
                     class="grid grid-cols-[auto_1fr_auto] items-center gap-x-1 px-2 py-1.5 font-mono text-xs select-none hover:bg-neutral-200/50 active:bg-neutral-200/50 sm:gap-x-3 sm:px-3 dark:hover:bg-neutral-700/50 dark:active:bg-neutral-700/50"

     

       55
       55
        
                   >

     

       56
       56
        
                     <span class="text-blue-500 dark:text-blue-400">{rkey}</span>

     

       57
       57
        
                     <span class="truncate text-neutral-700 dark:text-neutral-300" title={did}>

+1 -1

src/auth/login.tsx

···

       49
       49
        
                 <label for="username" class="hidden">

     

       50
       50
        
                   Add account

     

       51
       51
        
                 </label>

     

       52
       52
       -
                 <div class="dark:bg-dark-100 dark:inset-shadow-dark-200 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 inset-shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">

     

       52
       52
       +
                 <div class="dark:bg-dark-100 flex grow items-center gap-2 rounded-lg bg-white px-2 outline-1 outline-neutral-200 focus-within:outline-[1.5px] focus-within:outline-neutral-600 dark:outline-neutral-600 dark:focus-within:outline-neutral-400">

     

       53
       53
        
                   <label

     

       54
       54
        
                     for="username"

     

       55
       55
        
                     class="iconify lucide--user-round-plus shrink-0 text-neutral-500 dark:text-neutral-400"

+1 -1

src/components/text-input.tsx

···

       25
       25
        
             disabled={props.disabled}

     

       26
       26
        
             required={props.required}

     

       27
       27
        
             class={

     

       28
       28
       -
               "dark:bg-dark-100 dark:inset-shadow-dark-200 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1 inset-shadow-xs select-none placeholder:text-sm focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400 " +

     

       28
       28
       +
               "dark:bg-dark-100 rounded-lg bg-white px-2 py-1 outline-1 outline-neutral-200 select-none placeholder:text-sm focus:outline-[1.5px] focus:outline-neutral-600 dark:outline-neutral-600 dark:focus:outline-neutral-400 " +

     

       29
       29
        
               props.class

     

       30
       30
        
             }

     

       31
       31
        
             onInput={props.onInput}

+1 -1

src/views/labels.tsx

···

       228
       228
        
                     rows={2}

     

       229
       229
        
                     value={searchParams.uriPatterns ?? "*"}

     

       230
       230
        
                     placeholder="at://did:web:example.com/app.bsky.feed.post/*"

     

       231
       231
       -
                     class="dark:bg-dark-100 dark:inset-shadow-dark-200 grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1.5 text-sm inset-shadow-xs focus:outline-[1px] focus:outline-neutral-600 dark:border-neutral-600 dark:focus:outline-neutral-400"

     

       231
       231
       +
                     class="dark:bg-dark-100 grow rounded-lg bg-white px-2 py-1.5 text-sm outline-1 outline-neutral-200 focus:outline-[1.5px] focus:outline-neutral-600 dark:outline-neutral-600 dark:focus:outline-neutral-400"

     

       232
       232
        
                   />

     

       233
       233
        
                 </label>

     

       234
       234
        
               </div>

+1 -1

src/views/blob.tsx

···

       30
       30
        
         return (

     

       31
       31
        
           <div class="flex flex-col items-center gap-2">

     

       32
       32
        
             <Show when={blobs() || response()}>

     

       33
       33
       -
               <div class="flex w-full flex-col gap-0.5 font-mono text-xs sm:text-sm">

     

       33
       33
       +
               <div class="flex w-full flex-col gap-0.5 pb-20 font-mono text-xs sm:text-sm">

     

       34
       34
        
                 <For each={blobs()}>

     

       35
       35
        
                   {(cid) => (

     

       36
       36
        
                     <a

+24

src/utils/route-cache.ts

···

       1
       1
       +
       import { createStore } from "solid-js/store";

     

       2
       2
       +
       

     

       3
       3
       +
       export interface CollectionCacheEntry {

     

       4
       4
       +
         records: unknown[];

     

       5
       5
       +
         cursor: string | undefined;

     

       6
       6
       +
         scrollY: number;

     

       7
       7
       +
         reverse: boolean;

     

       8
       8
       +
       }

     

       9
       9
       +
       

     

       10
       10
       +
       type RouteCache = Record<string, CollectionCacheEntry>;

     

       11
       11
       +
       

     

       12
       12
       +
       const [routeCache, setRouteCache] = createStore<RouteCache>({});

     

       13
       13
       +
       

     

       14
       14
       +
       export const getCollectionCache = (key: string): CollectionCacheEntry | undefined => {

     

       15
       15
       +
         return routeCache[key];

     

       16
       16
       +
       };

     

       17
       17
       +
       

     

       18
       18
       +
       export const setCollectionCache = (key: string, entry: CollectionCacheEntry): void => {

     

       19
       19
       +
         setRouteCache(key, entry);

     

       20
       20
       +
       };

     

       21
       21
       +
       

     

       22
       22
       +
       export const clearCollectionCache = (key: string): void => {

     

       23
       23
       +
         setRouteCache(key, undefined!);

     

       24
       24
       +
       };

+11 -5

src/views/repo.tsx

···

       559
       559
        
                                   {(key) => (

     

       560
       560
        
                                     <div class="grid grid-cols-[auto_1fr] items-center gap-x-1 text-sm text-neutral-700 dark:text-neutral-300">

     

       561
       561
        
                                       <span class="iconify lucide--hash"></span>

     

       562
       562
       -
                                       <span>{verif.id.split("#")[1]}</span>

     

       563
       563
       -
                                       <span class="iconify lucide--key-round"></span>

     

       564
       564
       -
                                       <span>{detectKeyType(key())}</span>

     

       562
       562
       +
                                       <div class="flex items-center gap-2">

     

       563
       563
       +
                                         <span>{verif.id.split("#")[1]}</span>

     

       564
       564
       +
                                         <div class="flex items-center gap-1 text-neutral-500 dark:text-neutral-400">

     

       565
       565
       +
                                           <span class="iconify lucide--key-round"></span>

     

       566
       566
       +
                                           <span>{detectKeyType(key())}</span>

     

       567
       567
       +
                                         </div>

     

       568
       568
       +
                                       </div>

     

       565
       569
        
                                       <span></span>

     

       566
       570
        
                                       <div class="font-mono break-all">{key()}</div>

     

       567
       571
        
                                     </div>

     
···

       580
       584
        
                               <For each={rotationKeys()}>

     

       581
       585
        
                                 {(key) => (

     

       582
       586
        
                                   <div class="grid grid-cols-[auto_1fr] items-center gap-x-1 text-sm text-neutral-700 dark:text-neutral-300">

     

       583
       583
       -
                                     <span class="iconify lucide--key-round"></span>

     

       584
       584
       -
                                     <span>{detectDidKeyType(key)}</span>

     

       587
       587
       +
                                     <span class="iconify lucide--key-round text-neutral-500 dark:text-neutral-400"></span>

     

       588
       588
       +
                                     <span class="text-neutral-500 dark:text-neutral-400">

     

       589
       589
       +
                                       {detectDidKeyType(key)}

     

       590
       590
       +
                                     </span>

     

       585
       591
        
                                     <span></span>

     

       586
       592
        
                                     <div class="font-mono break-all">{key.replace("did:key:", "")}</div>

     

       587
       593
        
                                   </div>

+26 -15

src/views/pds.tsx

···

       156
       156
        
       

     

       157
       157
        
         return (

     

       158
       158
        
           <Show when={repos() || response()}>

     

       159
       159
       -
             <div class="flex w-full flex-col">

     

       160
       160
       -
               <div class="mb-3 flex gap-4 px-2 text-sm sm:text-base">

     

       159
       159
       +
             <div class="flex w-full flex-col px-2">

     

       160
       160
       +
               <div class="mb-3 flex gap-4 text-sm sm:text-base">

     

       161
       161
        
                 <Tab tab="repos" label="Repositories" />

     

       162
       162
        
                 <Tab tab="info" label="Info" />

     

       163
       163
        
                 <Tab tab="firehose" label="Firehose" />

     

       164
       164
        
               </div>

     

       165
       165
       -
               <div class="flex flex-col gap-1 px-2">

     

       166
       166
       -
                 <Show when={!location.hash || location.hash === "#repos"}>

     

       167
       167
       -
                   <div class="flex flex-col divide-y-[0.5px] divide-neutral-300 pb-20 dark:divide-neutral-700">

     

       168
       168
       -
                     <For each={repos()}>{(repo) => <RepoCard {...repo} />}</For>

     

       169
       169
       -
                   </div>

     

       170
       170
       -
                 </Show>

     

       165
       165
       +
               <Show when={!location.hash || location.hash === "#repos"}>

     

       166
       166
       +
                 <div class="flex flex-col divide-y-[0.5px] divide-neutral-300 pb-20 dark:divide-neutral-700">

     

       167
       167
       +
                   <For each={repos()}>{(repo) => <RepoCard {...repo} />}</For>

     

       168
       168
       +
                 </div>

     

       169
       169
       +
               </Show>

     

       170
       170
       +
               <div class="flex flex-col gap-2">

     

       171
       171
        
                 <Show when={location.hash === "#info"}>

     

       172
       172
        
                   <Show when={version()}>

     

       173
       173
        
                     {(version) => (

     

       174
       174
       -
                       <div class="flex items-baseline gap-x-1">

     

       174
       174
       +
                       <div class="flex flex-col">

     

       175
       175
        
                         <span class="font-semibold">Version</span>

     

       176
       176
       -
                         <span class="truncate text-sm">{version()}</span>

     

       176
       176
       +
                         <span class="text-sm text-neutral-700 dark:text-neutral-300">{version()}</span>

     

       177
       177
        
                       </div>

     

       178
       178
        
                     )}

     

       179
       179
        
                   </Show>

     

       180
       180
        
                   <Show when={serverInfos()}>

     

       181
       181
        
                     {(server) => (

     

       182
       182
        
                       <>

     

       183
       183
       -
                         <div class="flex items-baseline gap-x-1">

     

       183
       183
       +
                         <div class="flex flex-col">

     

       184
       184
        
                           <span class="font-semibold">DID</span>

     

       185
       185
       -
                           <span class="truncate text-sm">{server().did}</span>

     

       185
       185
       +
                           <span class="text-sm">{server().did}</span>

     

       186
       186
        
                         </div>

     

       187
       187
       -
                         <Show when={server().inviteCodeRequired}>

     

       187
       187
       +
                         <div class="flex items-center gap-1">

     

       188
       188
        
                           <span class="font-semibold">Invite Code Required</span>

     

       189
       189
       -
                         </Show>

     

       189
       189
       +
                           <span

     

       190
       190
       +
                             classList={{

     

       191
       191
       +
                               "iconify lucide--check text-green-500 dark:text-green-400":

     

       192
       192
       +
                                 server().inviteCodeRequired === true,

     

       193
       193
       +
                               "iconify lucide--x text-red-500 dark:text-red-400":

     

       194
       194
       +
                                 !server().inviteCodeRequired,

     

       195
       195
       +
                             }}

     

       196
       196
       +
                           ></span>

     

       197
       197
       +
                         </div>

     

       190
       198
        
                         <Show when={server().phoneVerificationRequired}>

     

       191
       191
       -
                           <span class="font-semibold">Phone Verification Required</span>

     

       199
       199
       +
                           <div class="flex items-center gap-1">

     

       200
       200
       +
                             <span class="font-semibold">Phone Verification Required</span>

     

       201
       201
       +
                             <span class="iconify lucide--check text-green-500 dark:text-green-400"></span>

     

       202
       202
       +
                           </div>

     

       192
       203
        
                         </Show>

     

       193
       204
        
                         <Show when={server().availableUserDomains.length}>

     

       194
       205
        
                           <div class="flex flex-col">

+9 -18

src/views/logs.tsx

···

       55
       55
        
           }

     

       56
       56
        
         });

     

       57
       57
        
       

     

       58
       58
       -
         const FilterButton = (props: { icon: string; event: PlcEvent; label: string }) => {

     

       58
       58
       +
         const FilterButton = (props: { event: PlcEvent; label: string }) => {

     

       59
       59
        
           const isActive = () => activePlcEvent() === props.event;

     

       60
       60
        
           const toggleFilter = () => setActivePlcEvent(isActive() ? undefined : props.event);

     

       61
       61
        
       

     

       62
       62
        
           return (

     

       63
       63
        
             <button

     

       64
       64
        
               classList={{

     

       65
       65
       -
                 "flex items-center gap-1 sm:gap-1.5 rounded-lg px-3 py-2 sm:px-2 sm:py-1.5 text-base sm:text-sm transition-colors": true,

     

       66
       66
       -
                 "bg-neutral-700 text-white dark:bg-neutral-200 dark:text-neutral-900": isActive(),

     

       65
       65
       +
                 "font-medium rounded-lg px-2 py-1.5 text-xs sm:text-sm transition-colors": true,

     

       66
       66
       +
                 "bg-neutral-700 text-white dark:bg-neutral-300 dark:text-neutral-900": isActive(),

     

       67
       67
        
                 "bg-neutral-200 text-neutral-700 hover:bg-neutral-300 dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-600":

     

       68
       68
        
                   !isActive(),

     

       69
       69
        
               }}

     

       70
       70
        
               onclick={toggleFilter}

     

       71
       71
        
             >

     

       72
       72
       -
               <span class={props.icon}></span>

     

       73
       73
       -
               <span class="hidden font-medium sm:inline">{props.label}</span>

     

       72
       72
       +
               {props.label}

     

       74
       73
        
             </button>

     

       75
       74
        
           );

     

       76
       75
        
         };

     
···

       255
       254
        
                 <div class="iconify lucide--filter" />

     

       256
       255
        
                 <p class="font-medium">Filter by type</p>

     

       257
       256
        
               </div>

     

       258
       258
       -
               <div class="flex flex-wrap gap-1 sm:gap-2">

     

       259
       259
       -
                 <FilterButton icon="iconify lucide--at-sign" event="handle" label="Alias" />

     

       260
       260
       -
                 <FilterButton icon="iconify lucide--hard-drive" event="service" label="Service" />

     

       261
       261
       -
                 <FilterButton

     

       262
       262
       -
                   icon="iconify lucide--shield-check"

     

       263
       263
       -
                   event="verification_method"

     

       264
       264
       -
                   label="Verification"

     

       265
       265
       -
                 />

     

       266
       266
       -
                 <FilterButton

     

       267
       267
       -
                   icon="iconify lucide--key-round"

     

       268
       268
       -
                   event="rotation_key"

     

       269
       269
       -
                   label="Rotation Key"

     

       270
       270
       -
                 />

     

       257
       257
       +
               <div class="flex flex-wrap gap-1">

     

       258
       258
       +
                 <FilterButton event="handle" label="Alias" />

     

       259
       259
       +
                 <FilterButton event="service" label="Service" />

     

       260
       260
       +
                 <FilterButton event="verification_method" label="Verification" />

     

       261
       261
       +
                 <FilterButton event="rotation_key" label="Rotation Key" />

     

       271
       262
        
               </div>

     

       272
       263
        
             </div>

     

       273
       264
        
             <div class="flex items-center gap-1.5 text-sm font-medium">

+10 -11

src/components/theme.tsx

···

       8
       8
        
       

     

       9
       9
        
       export const ThemeSelection = () => {

     

       10
       10
        
         const [theme, setTheme] = createSignal(

     

       11
       11
       -
           localStorage.getItem("theme") === null ? "system"

     

       11
       11
       +
           localStorage.getItem("theme") === null ? "auto"

     

       12
       12
        
           : localStorage.theme === "dark" ? "dark"

     

       13
       13
        
           : "light",

     

       14
       14
        
         );

     
···

       18
       18
        
           document.documentElement.classList.toggle(

     

       19
       19
        
             "dark",

     

       20
       20
        
             newTheme === "dark" ||

     

       21
       21
       -
               (newTheme === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches),

     

       21
       21
       +
               (newTheme === "auto" && window.matchMedia("(prefers-color-scheme: dark)").matches),

     

       22
       22
        
           );

     

       23
       23
       -
           if (newTheme === "system") localStorage.removeItem("theme");

     

       23
       23
       +
           if (newTheme === "auto") localStorage.removeItem("theme");

     

       24
       24
        
           else localStorage.theme = newTheme;

     

       25
       25
        
         };

     

       26
       26
        
       

     

       27
       27
       -
         const ThemeOption = (props: { theme: string; icon: string; label: string }) => {

     

       27
       27
       +
         const ThemeOption = (props: { theme: string; label: string }) => {

     

       28
       28
        
           return (

     

       29
       29
        
             <button

     

       30
       30
        
               classList={{

     

       31
       31
       -
                 "flex items-center gap-2 rounded-xl border px-3 py-2": true,

     

       31
       31
       +
                 "flex items-center min-w-21 justify-center rounded-xl border px-3 py-2": true,

     

       32
       32
        
                 "bg-neutral-200/60 border-neutral-300 dark:border-neutral-500 dark:bg-neutral-700":

     

       33
       33
        
                   theme() === props.theme,

     

       34
       34
        
                 "border-neutral-200 dark:border-neutral-600 hover:bg-neutral-200/30 dark:hover:bg-neutral-800":

     
···

       36
       36
        
               }}

     

       37
       37
        
               onclick={() => updateTheme(props.theme)}

     

       38
       38
        
             >

     

       39
       39
       -
               <span class={"iconify " + props.icon}></span>

     

       40
       40
       -
               <span>{props.label}</span>

     

       39
       39
       +
               {props.label}

     

       41
       40
        
             </button>

     

       42
       41
        
           );

     

       43
       42
        
         };

     

       44
       43
        
       

     

       45
       44
        
         return (

     

       46
       46
       -
           <div class="flex flex-col gap-0.5">

     

       45
       45
       +
           <div class="flex flex-col gap-1">

     

       47
       46
        
             <label class="select-none">Theme</label>

     

       48
       47
        
             <div class="flex gap-2">

     

       49
       49
       -
               <ThemeOption theme="system" icon="lucide--monitor" label="System" />

     

       50
       50
       -
               <ThemeOption theme="light" icon="lucide--sun" label="Light" />

     

       51
       51
       -
               <ThemeOption theme="dark" icon="lucide--moon" label="Dark" />

     

       48
       48
       +
               <ThemeOption theme="auto" label="Auto" />

     

       49
       49
       +
               <ThemeOption theme="light" label="Light" />

     

       50
       50
       +
               <ThemeOption theme="dark" label="Dark" />

     

       52
       51
        
             </div>

     

       53
       52
        
           </div>

     

       54
       53
        
         );

+3 -1

src/components/lexicon-schema.tsx

···

       268
       268
        
               <ConstraintsList property={props.property.items!} />

     

       269
       269
        
             </Show>

     

       270
       270
        
             <Show when={props.property.description && !props.hideNameType}>

     

       271
       271
       -
               <p class="text-sm text-neutral-700 dark:text-neutral-300">{props.property.description}</p>

     

       271
       271
       +
               <p class="text-sm wrap-break-word text-neutral-700 dark:text-neutral-300">

     

       272
       272
       +
                 {props.property.description}

     

       273
       273
       +
               </p>

     

       272
       274
        
             </Show>

     

       273
       275
        
           </div>

     

       274
       276
        
         );

+1 -1

src/components/search.tsx

···

       66
       66
        
         return (

     

       67
       67
        
           <button

     

       68
       68
        
             onclick={() => setShowSearch(!showSearch())}

     

       69
       69
       -
             class="dark:bg-dark-100/70 text-baseline mr-1 box-border flex h-7 items-center gap-1 rounded-md border-[0.5px] border-neutral-300 bg-neutral-100/70 px-2 text-xs hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       69
       69
       +
             class="dark:bg-dark-200 text-baseline dark:hover:bg-dark-100 mr-1 box-border flex h-7 items-center gap-1 rounded-md border-[0.5px] border-neutral-300 bg-neutral-100 px-2 text-xs hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:active:bg-neutral-700"

     

       70
       70
        
           >

     

       71
       71
        
             <span class="iconify lucide--search"></span>

     

       72
       72
        
             <Show

public/ribbon.webp

This is a binary file and will not be displayed.

+9 -2

src/layout.tsx

···

       125
       125
        
               </Show>

     

       126
       126
        
             </MetaProvider>

     

       127
       127
        
             <header

     

       128
       128
       -
               class={`dark:shadow-dark-700 mb-3 flex w-full items-center justify-between rounded-xl border-[0.5px] border-neutral-300 bg-neutral-50 bg-size-[95%] bg-right bg-no-repeat p-2 pl-3 shadow-xs [--header-bg:#fafafa] dark:border-neutral-700 dark:bg-neutral-800 dark:[--header-bg:#262626] ${localStorage.getItem("hrt") === "true" ? "bg-[linear-gradient(to_left,transparent_10%,var(--header-bg)_85%),linear-gradient(to_bottom,#5BCEFA90_0%,#5BCEFA90_20%,#F5A9B890_20%,#F5A9B890_40%,#FFFFFF90_40%,#FFFFFF90_60%,#F5A9B890_60%,#F5A9B890_80%,#5BCEFA90_80%,#5BCEFA90_100%)]" : ""}`}

     

       128
       128
       +
               class={`dark:shadow-dark-700 mb-3 flex w-full items-center justify-between rounded-xl border-[0.5px] border-neutral-300 bg-neutral-50 bg-size-[95%] bg-right bg-no-repeat p-2 pl-3 shadow-xs [--header-bg:#fafafa] [--trans-blue:#5BCEFA90] [--trans-pink:#F5A9B890] [--trans-white:#FFFFFF90] dark:border-neutral-700 dark:bg-neutral-800 dark:[--header-bg:#262626] dark:[--trans-blue:#5BCEFAa0] dark:[--trans-pink:#F5A9B8a0] dark:[--trans-white:#FFFFFFa0] ${localStorage.getItem("hrt") === "true" ? "bg-[linear-gradient(to_left,transparent_10%,var(--header-bg)_85%),linear-gradient(to_bottom,var(--trans-blue)_0%,var(--trans-blue)_20%,var(--trans-pink)_20%,var(--trans-pink)_40%,var(--trans-white)_40%,var(--trans-white)_60%,var(--trans-pink)_60%,var(--trans-pink)_80%,var(--trans-blue)_80%,var(--trans-blue)_100%)]" : ""}`}

     

       129
       129
        
               style={{

     

       130
       130
        
                 "background-image":

     

       131
       131
        
                   props.params.repo && props.params.repo in headers ?

     
···

       136
       136
        
               <A

     

       137
       137
        
                 href="/"

     

       138
       138
        
                 style='font-feature-settings: "cv05"'

     

       139
       139
       -
                 class="flex items-center gap-1 text-xl font-semibold"

     

       139
       139
       +
                 class="relative flex items-center gap-1 text-xl font-semibold"

     

       140
       140
        
               >

     

       141
       141
        
                 <span class="iconify tabler--binary-tree-filled text-[#76c4e5]"></span>

     

       142
       142
        
                 <span>PDSls</span>

     

       143
       143
       +
                 <Show when={localStorage.getItem("hrt") === "true"}>

     

       144
       144
       +
                   <img

     

       145
       145
       +
                     src="/ribbon.webp"

     

       146
       146
       +
                     alt=""

     

       147
       147
       +
                     class="pointer-events-none absolute -top-3 -right-4 w-8 rotate-15"

     

       148
       148
       +
                   />

     

       149
       149
       +
                 </Show>

     

       143
       150
        
               </A>

     

       144
       151
        
               <div class="relative flex items-center gap-0.5 rounded-lg bg-neutral-50/60 px-1 py-0.5 dark:bg-neutral-800/60">

     

       145
       152
        
                 <SearchButton />

+7 -7

package.json

···

       21
       21
        
           "vite-plugin-solid": "^2.11.10"

     

       22
       22
        
         },

     

       23
       23
        
         "dependencies": {

     

       24
       24
       -
           "@atcute/atproto": "^3.1.9",

     

       24
       24
       +
           "@atcute/atproto": "^3.1.10",

     

       25
       25
        
           "@atcute/bluesky": "^3.2.14",

     

       26
       26
       -
           "@atcute/client": "^4.1.2",

     

       26
       26
       +
           "@atcute/client": "^4.2.0",

     

       27
       27
        
           "@atcute/crypto": "^2.3.0",

     

       28
       28
        
           "@atcute/did-plc": "^0.3.1",

     

       29
       29
        
           "@atcute/identity": "^1.1.3",

     

       30
       30
       -
           "@atcute/identity-resolver": "^1.2.1",

     

       31
       31
       -
           "@atcute/leaflet": "^1.0.14",

     

       30
       30
       +
           "@atcute/identity-resolver": "^1.2.2",

     

       31
       31
       +
           "@atcute/leaflet": "^1.0.15",

     

       32
       32
        
           "@atcute/lexicon-doc": "^2.0.6",

     

       33
       33
       -
           "@atcute/lexicon-resolver": "^0.1.5",

     

       33
       33
       +
           "@atcute/lexicon-resolver": "^0.1.6",

     

       34
       34
        
           "@atcute/lexicons": "^1.2.6",

     

       35
       35
        
           "@atcute/multibase": "^1.1.6",

     

       36
       36
        
           "@atcute/oauth-browser-client": "^2.0.3",

     

       37
       37
        
           "@atcute/repo": "^0.1.1",

     

       38
       38
        
           "@atcute/tangled": "^1.0.13",

     

       39
       39
       -
           "@atcute/tid": "^1.1.0",

     

       39
       39
       +
           "@atcute/tid": "^1.1.1",

     

       40
       40
        
           "@codemirror/commands": "^6.10.1",

     

       41
       41
        
           "@codemirror/lang-json": "^6.0.2",

     

       42
       42
        
           "@codemirror/lint": "^6.9.2",

     

       43
       43
        
           "@codemirror/state": "^6.5.3",

     

       44
       44
       -
           "@codemirror/view": "^6.39.7",

     

       44
       44
       +
           "@codemirror/view": "^6.39.8",

     

       45
       45
        
           "@fsegurai/codemirror-theme-basic-dark": "^6.2.3",

     

       46
       46
        
           "@fsegurai/codemirror-theme-basic-light": "^6.2.3",

     

       47
       47
        
           "@mary/exif-rm": "jsr:^0.2.2",

+71 -71

pnpm-lock.yaml

···

       9
       9
        
         .:

     

       10
       10
        
           dependencies:

     

       11
       11
        
             '@atcute/atproto':

     

       12
       12
       -
               specifier: ^3.1.9

     

       13
       13
       -
               version: 3.1.9

     

       12
       12
       +
               specifier: ^3.1.10

     

       13
       13
       +
               version: 3.1.10

     

       14
       14
        
             '@atcute/bluesky':

     

       15
       15
        
               specifier: ^3.2.14

     

       16
       16
        
               version: 3.2.14

     

       17
       17
        
             '@atcute/client':

     

       18
       18
       -
               specifier: ^4.1.2

     

       19
       19
       -
               version: 4.1.2

     

       18
       18
       +
               specifier: ^4.2.0

     

       19
       19
       +
               version: 4.2.0

     

       20
       20
        
             '@atcute/crypto':

     

       21
       21
        
               specifier: ^2.3.0

     

       22
       22
        
               version: 2.3.0

     
···

       27
       27
        
               specifier: ^1.1.3

     

       28
       28
        
               version: 1.1.3

     

       29
       29
        
             '@atcute/identity-resolver':

     

       30
       30
       -
               specifier: ^1.2.1

     

       31
       31
       -
               version: 1.2.1(@atcute/identity@1.1.3)

     

       30
       30
       +
               specifier: ^1.2.2

     

       31
       31
       +
               version: 1.2.2(@atcute/identity@1.1.3)

     

       32
       32
        
             '@atcute/leaflet':

     

       33
       33
       -
               specifier: ^1.0.14

     

       34
       34
       -
               version: 1.0.14

     

       33
       33
       +
               specifier: ^1.0.15

     

       34
       34
       +
               version: 1.0.15

     

       35
       35
        
             '@atcute/lexicon-doc':

     

       36
       36
        
               specifier: ^2.0.6

     

       37
       37
        
               version: 2.0.6

     

       38
       38
        
             '@atcute/lexicon-resolver':

     

       39
       39
       -
               specifier: ^0.1.5

     

       40
       40
       -
               version: 0.1.5(@atcute/identity-resolver@1.2.1(@atcute/identity@1.1.3))(@atcute/identity@1.1.3)

     

       39
       39
       +
               specifier: ^0.1.6

     

       40
       40
       +
               version: 0.1.6(@atcute/identity-resolver@1.2.2(@atcute/identity@1.1.3))(@atcute/identity@1.1.3)

     

       41
       41
        
             '@atcute/lexicons':

     

       42
       42
        
               specifier: ^1.2.6

     

       43
       43
        
               version: 1.2.6

     
···

       54
       54
        
               specifier: ^1.0.13

     

       55
       55
        
               version: 1.0.13

     

       56
       56
        
             '@atcute/tid':

     

       57
       57
       -
               specifier: ^1.1.0

     

       58
       58
       -
               version: 1.1.0

     

       57
       57
       +
               specifier: ^1.1.1

     

       58
       58
       +
               version: 1.1.1

     

       59
       59
        
             '@codemirror/commands':

     

       60
       60
        
               specifier: ^6.10.1

     

       61
       61
        
               version: 6.10.1

     
···

       69
       69
        
               specifier: ^6.5.3

     

       70
       70
        
               version: 6.5.3

     

       71
       71
        
             '@codemirror/view':

     

       72
       72
       -
               specifier: ^6.39.7

     

       73
       73
       -
               version: 6.39.7

     

       72
       72
       +
               specifier: ^6.39.8

     

       73
       73
       +
               version: 6.39.8

     

       74
       74
        
             '@fsegurai/codemirror-theme-basic-dark':

     

       75
       75
        
               specifier: ^6.2.3

     

       76
       76
       -
               version: 6.2.3(@codemirror/language@6.12.1)(@codemirror/state@6.5.3)(@codemirror/view@6.39.7)(@lezer/highlight@1.2.3)

     

       76
       76
       +
               version: 6.2.3(@codemirror/language@6.12.1)(@codemirror/state@6.5.3)(@codemirror/view@6.39.8)(@lezer/highlight@1.2.3)

     

       77
       77
        
             '@fsegurai/codemirror-theme-basic-light':

     

       78
       78
        
               specifier: ^6.2.3

     

       79
       79
       -
               version: 6.2.3(@codemirror/language@6.12.1)(@codemirror/state@6.5.3)(@codemirror/view@6.39.7)(@lezer/highlight@1.2.3)

     

       79
       79
       +
               version: 6.2.3(@codemirror/language@6.12.1)(@codemirror/state@6.5.3)(@codemirror/view@6.39.8)(@lezer/highlight@1.2.3)

     

       80
       80
        
             '@mary/exif-rm':

     

       81
       81
        
               specifier: jsr:^0.2.2

     

       82
       82
        
               version: '@jsr/mary__exif-rm@0.2.2'

     
···

       132
       132
        
         '@antfu/install-pkg@1.1.0':

     

       133
       133
        
           resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}

     

       134
       134
        
       

     

       135
       135
       -
         '@atcute/atproto@3.1.9':

     

       136
       136
       -
           resolution: {integrity: sha512-DyWwHCTdR4hY2BPNbLXgVmm7lI+fceOwWbE4LXbGvbvVtSn+ejSVFaAv01Ra3kWDha0whsOmbJL8JP0QPpf1+w==}

     

       135
       135
       +
         '@atcute/atproto@3.1.10':

     

       136
       136
       +
           resolution: {integrity: sha512-+GKZpOc0PJcdWMQEkTfg/rSNDAAHxmAUGBl60g2az15etqJn5WaUPNGFE2sB7hKpwi5Ue2h/L0OacINcE/JDDQ==}

     

       137
       137
        
       

     

       138
       138
        
         '@atcute/bluesky@3.2.14':

     

       139
       139
        
           resolution: {integrity: sha512-XlVuF55AYIyplmKvlGLlj+cUvk9ggxNRPczkTPIY991xJ4qDxDHpBJ39ekAV4dWcuBoRo2o9JynzpafPu2ljDA==}

     
···

       150
       150
        
         '@atcute/cid@2.3.0':

     

       151
       151
        
           resolution: {integrity: sha512-1SRdkTuMs/l5arQ+7Ag0F7JAueZqtzYE0d2gmbkuzi8EPweNU1kYlQs0CE4dSd81YF8PMDTOQty0K2ATq9CW9g==}

     

       152
       152
        
       

     

       153
       153
       -
         '@atcute/client@4.1.2':

     

       154
       154
       -
           resolution: {integrity: sha512-DOJ0hpdBA4QVl4SGUeOUyz5FfYhdjRW1h0XIH9YDgNTipeA0tnUbRs8hWh9Nb7nyn6zMKzO5RpaWyWWWSx9Yxw==}

     

       153
       153
       +
         '@atcute/client@4.2.0':

     

       154
       154
       +
           resolution: {integrity: sha512-vYixpXevM+dkzN4HGTfmxCJBOXNSRAMki1bfi1atFdmZGo9n1zStyClHqn0SRs8I5nOQoVG1XBkYAGSFJWqy2Q==}

     

       155
       155
        
       

     

       156
       156
        
         '@atcute/crypto@2.3.0':

     

       157
       157
        
           resolution: {integrity: sha512-w5pkJKCjbNMQu+F4JRHbR3ROQyhi1wbn+GSC6WDQamcYHkZmEZk1/eoI354bIQOOfkEM6aFLv718iskrkon4GQ==}

     
···

       159
       159
        
         '@atcute/did-plc@0.3.1':

     

       160
       160
        
           resolution: {integrity: sha512-KsuVdRtaaIPMmlcCDcxZzLg6OWm7rajczquhIHfA3s57+c34PFQbdY4Lsc2BvDwZ0fUjmbwzvQI3Zio2VcZa7w==}

     

       161
       161
        
       

     

       162
       162
       -
         '@atcute/identity-resolver@1.2.1':

     

       163
       163
       -
           resolution: {integrity: sha512-LqWFFf8D8bqW8l0zUV9oZxcXYZ8+uQTZfjURoxH1TLmtmZFSXredtQHsY70k/iSMNDPxWHJXebdlKxJm5ioNIg==}

     

       162
       162
       +
         '@atcute/identity-resolver@1.2.2':

     

       163
       163
       +
           resolution: {integrity: sha512-eUh/UH4bFvuXS0X7epYCeJC/kj4rbBXfSRumLEH4smMVwNOgTo7cL/0Srty+P/qVPoZEyXdfEbS0PHJyzoXmHw==}

     

       164
       164
        
           peerDependencies:

     

       165
       165
        
             '@atcute/identity': ^1.0.0

     

       166
       166
        
       

     

       167
       167
        
         '@atcute/identity@1.1.3':

     

       168
       168
        
           resolution: {integrity: sha512-oIqPoI8TwWeQxvcLmFEZLdN2XdWcaLVtlm8pNk0E72As9HNzzD9pwKPrLr3rmTLRIoULPPFmq9iFNsTeCIU9ng==}

     

       169
       169
        
       

     

       170
       170
       -
         '@atcute/leaflet@1.0.14':

     

       171
       171
       -
           resolution: {integrity: sha512-TWbtB7b73GChBaYwfd7aWFyGVObZ/DqrRtwkpWGm1GO8zZmQ9eJyKDUnXim7NOAs2hmKQ1u2wk2AM4AYzkF5Gg==}

     

       170
       170
       +
         '@atcute/leaflet@1.0.15':

     

       171
       171
       +
           resolution: {integrity: sha512-soA4jGsY0UxTar8rhtfQNYFXPI+qoQGgjpeMKJaO8ZCBBMRoo4OU9gsFJpUm/BYSocOBvvWSq2GV9pYEgUehTw==}

     

       172
       172
        
       

     

       173
       173
        
         '@atcute/lexicon-doc@2.0.6':

     

       174
       174
        
           resolution: {integrity: sha512-iDYJkuom+tIw3zIvU1ggCEVFfReXKfOUtIhpY2kEg2kQeSfMB75F+8k1QOpeAQBetyWYmjsHqBuSUX9oQS6L1Q==}

     

       175
       175
        
       

     

       176
       176
       -
         '@atcute/lexicon-resolver@0.1.5':

     

       177
       177
       -
           resolution: {integrity: sha512-0bx1/zdMQPuxvRcHW6ykAxRxktC2rEZLoAVSFoLSWDAA92Tf09F9QPK5wgXSF4MNODm1dvzMEdWSMIvlg8sr3A==}

     

       176
       176
       +
         '@atcute/lexicon-resolver@0.1.6':

     

       177
       177
       +
           resolution: {integrity: sha512-wJC/ChmpP7k+ywpOd07CMvioXjIGaFpF3bDwXLi/086LYjSWHOvtW6pyC+mqP5wLhjyH2hn4wmi77Buew1l1aw==}

     

       178
       178
        
           peerDependencies:

     

       179
       179
        
             '@atcute/identity': ^1.1.0

     

       180
       180
        
             '@atcute/identity-resolver': ^1.1.3

     
···

       197
       197
        
         '@atcute/tangled@1.0.13':

     

       198
       198
        
           resolution: {integrity: sha512-K95jmjDXl/f1FFzOJkk07ibNbFsPmn64sdrMACxQmUibO9WcfSjzjZLPXuH6WHFnCNtIBG3x1FQ7ndQgLoZAmw==}

     

       199
       199
        
       

     

       200
       200
       -
         '@atcute/tid@1.1.0':

     

       201
       201
       -
           resolution: {integrity: sha512-U/YKL9BsBi/bcVXaIwdUBfglnjFxRfqoPd2f1uLsEIDQk1EyxepwdDQYOQ5t/aQctmtywl7lQn6KESQNG+mdfg==}

     

       200
       200
       +
         '@atcute/tid@1.1.1':

     

       201
       201
       +
           resolution: {integrity: sha512-djJ8UGhLkTU5V51yCnBEruMg35qETjWzWy5sJG/2gEOl2Gd7rQWHSaf+yrO6vMS5EFA38U2xOWE3EDUPzvc2ZQ==}

     

       202
       202
        
       

     

       203
       203
        
         '@atcute/time-ms@1.0.0':

     

       204
       204
        
           resolution: {integrity: sha512-iWEOlMBcO3ktB+zQPC2kXka9H/798we+IWq2sjhb+hQJNNfcJrwejzvNi/68Q3jKo/hdfwZjRU9iF8U6D32/2Q==}

     
···

       206
       206
        
         '@atcute/uint8array@1.0.6':

     

       207
       207
        
           resolution: {integrity: sha512-ucfRBQc7BFT8n9eCyGOzDHEMKF/nZwhS2pPao4Xtab1ML3HdFYcX2DM1tadCzas85QTGxHe5urnUAAcNKGRi9A==}

     

       208
       208
        
       

     

       209
       209
       -
         '@atcute/util-fetch@1.0.4':

     

       210
       210
       -
           resolution: {integrity: sha512-sIU9Qk0dE8PLEXSfhy+gIJV+HpiiknMytCI2SqLlqd0vgZUtEKI/EQfP+23LHWvP+CLCzVDOa6cpH045OlmNBg==}

     

       209
       209
       +
         '@atcute/util-fetch@1.0.5':

     

       210
       210
       +
           resolution: {integrity: sha512-qjHj01BGxjSjIFdPiAjSARnodJIIyKxnCMMEcXMESo9TAyND6XZQqrie5fia+LlYWVXdpsTds8uFQwc9jdKTig==}

     

       211
       211
        
       

     

       212
       212
        
         '@atcute/util-text@0.0.1':

     

       213
       213
        
           resolution: {integrity: sha512-t1KZqvn0AYy+h2KcJyHnKF9aEqfRfMUmyY8j1ELtAEIgqN9CxINAjxnoRCJIFUlvWzb+oY3uElQL/Vyk3yss0g==}

     
···

       321
       321
        
         '@codemirror/state@6.5.3':

     

       322
       322
        
           resolution: {integrity: sha512-MerMzJzlXogk2fxWFU1nKp36bY5orBG59HnPiz0G9nLRebWa0zXuv2siH6PLIHBvv5TH8CkQRqjBs0MlxCZu+A==}

     

       323
       323
        
       

     

       324
       324
       -
         '@codemirror/view@6.39.7':

     

       325
       325
       -
           resolution: {integrity: sha512-3Vif9hnNHJnl2YgOtkR/wzGzhYcQ8gy3LGdUhkLUU8xSBbgsTxrE8he/CMTpeINm5TgxLe2FmzvF6IYQL/BSAg==}

     

       324
       324
       +
         '@codemirror/view@6.39.8':

     

       325
       325
       +
           resolution: {integrity: sha512-1rASYd9Z/mE3tkbC9wInRlCNyCkSn+nLsiQKZhEDUUJiUfs/5FHDpCUDaQpoTIaNGeDc6/bhaEAyLmeEucEFPw==}

     

       326
       326
        
       

     

       327
       327
        
         '@cyberalien/svg-utils@1.0.11':

     

       328
       328
        
           resolution: {integrity: sha512-qEE9mnyI+avfGT3emKuRs3ucYkITeaV0Xi7VlYN41f+uGnZBecQP3jwz/AF437H9J4Q7qPClHKm4NiTYpNE6hA==}

     
···

       651
       651
        
           peerDependencies:

     

       652
       652
        
             tailwindcss: '>= 4.0.0'

     

       653
       653
        
       

     

       654
       654
       -
         '@iconify/tools@5.0.1':

     

       655
       655
       -
           resolution: {integrity: sha512-/znhBN9WIpJd9UtKhyEDfRKwNo8rrOy8dShF8bwSZ1i27ukTSHjeS6bmVK4tTYBYriwFhBf70JT6g8GIRwFvbw==}

     

       654
       654
       +
         '@iconify/tools@5.0.2':

     

       655
       655
       +
           resolution: {integrity: sha512-esoFiH0LYpiqqVAO+RTenh6qqGKf0V8T0T6IG7dFLCw26cjcYGG34UMHjkbuq+MMl23U39FtkzhWZsCDDtOhew==}

     

       656
       656
        
       

     

       657
       657
        
         '@iconify/types@2.0.0':

     

       658
       658
        
           resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}

     
···

       965
       965
        
           engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}

     

       966
       966
        
           hasBin: true

     

       967
       967
        
       

     

       968
       968
       -
         caniuse-lite@1.0.30001761:

     

       969
       969
       -
           resolution: {integrity: sha512-JF9ptu1vP2coz98+5051jZ4PwQgd2ni8A+gYSN7EA7dPKIMf0pDlSUxhdmVOaV3/fYK5uWBkgSXJaRLr4+3A6g==}

     

       968
       968
       +
         caniuse-lite@1.0.30001762:

     

       969
       969
       +
           resolution: {integrity: sha512-PxZwGNvH7Ak8WX5iXzoK1KPZttBXNPuaOvI2ZYU7NrlM+d9Ov+TUvlLOBNGzVXAntMSMMlJPd+jY6ovrVjSmUw==}

     

       970
       970
        
       

     

       971
       971
        
         codemirror@6.0.2:

     

       972
       972
        
           resolution: {integrity: sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==}

     
···

       1407
       1407
        
         undici-types@7.16.0:

     

       1408
       1408
        
           resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}

     

       1409
       1409
        
       

     

       1410
       1410
       -
         unicode-segmenter@0.14.4:

     

       1411
       1411
       -
           resolution: {integrity: sha512-pR5VCiCrLrKOL6FRW61jnk9+wyMtKKowq+jyFY9oc6uHbWKhDL4yVRiI4YZPksGMK72Pahh8m0cn/0JvbDDyJg==}

     

       1410
       1410
       +
         unicode-segmenter@0.14.5:

     

       1411
       1411
       +
           resolution: {integrity: sha512-jHGmj2LUuqDcX3hqY12Ql+uhUTn8huuxNZGq7GvtF6bSybzH3aFgedYu/KTzQStEgt1Ra2F3HxadNXsNjb3m3g==}

     

       1412
       1412
        
       

     

       1413
       1413
        
         update-browserslist-db@1.2.3:

     

       1414
       1414
        
           resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}

     
···

       1491
       1491
        
             package-manager-detector: 1.6.0

     

       1492
       1492
        
             tinyexec: 1.0.2

     

       1493
       1493
        
       

     

       1494
       1494
       -
         '@atcute/atproto@3.1.9':

     

       1494
       1494
       +
         '@atcute/atproto@3.1.10':

     

       1495
       1495
        
           dependencies:

     

       1496
       1496
        
             '@atcute/lexicons': 1.2.6

     

       1497
       1497
        
       

     

       1498
       1498
        
         '@atcute/bluesky@3.2.14':

     

       1499
       1499
        
           dependencies:

     

       1500
       1500
       -
             '@atcute/atproto': 3.1.9

     

       1500
       1500
       +
             '@atcute/atproto': 3.1.10

     

       1501
       1501
        
             '@atcute/lexicons': 1.2.6

     

       1502
       1502
        
       

     

       1503
       1503
        
         '@atcute/car@3.1.3':

     
···

       1526
       1526
        
             '@atcute/multibase': 1.1.6

     

       1527
       1527
        
             '@atcute/uint8array': 1.0.6

     

       1528
       1528
        
       

     

       1529
       1529
       -
         '@atcute/client@4.1.2':

     

       1529
       1529
       +
         '@atcute/client@4.2.0':

     

       1530
       1530
        
           dependencies:

     

       1531
       1531
        
             '@atcute/identity': 1.1.3

     

       1532
       1532
        
             '@atcute/lexicons': 1.2.6

     
···

       1546
       1546
        
             '@atcute/lexicons': 1.2.6

     

       1547
       1547
        
             '@atcute/multibase': 1.1.6

     

       1548
       1548
        
             '@atcute/uint8array': 1.0.6

     

       1549
       1549
       -
             '@atcute/util-fetch': 1.0.4

     

       1549
       1549
       +
             '@atcute/util-fetch': 1.0.5

     

       1550
       1550
        
             '@badrap/valita': 0.4.6

     

       1551
       1551
        
       

     

       1552
       1552
       -
         '@atcute/identity-resolver@1.2.1(@atcute/identity@1.1.3)':

     

       1552
       1552
       +
         '@atcute/identity-resolver@1.2.2(@atcute/identity@1.1.3)':

     

       1553
       1553
        
           dependencies:

     

       1554
       1554
        
             '@atcute/identity': 1.1.3

     

       1555
       1555
        
             '@atcute/lexicons': 1.2.6

     

       1556
       1556
       -
             '@atcute/util-fetch': 1.0.4

     

       1556
       1556
       +
             '@atcute/util-fetch': 1.0.5

     

       1557
       1557
        
             '@badrap/valita': 0.4.6

     

       1558
       1558
        
       

     

       1559
       1559
        
         '@atcute/identity@1.1.3':

     
···

       1561
       1561
        
             '@atcute/lexicons': 1.2.6

     

       1562
       1562
        
             '@badrap/valita': 0.4.6

     

       1563
       1563
        
       

     

       1564
       1564
       -
         '@atcute/leaflet@1.0.14':

     

       1564
       1564
       +
         '@atcute/leaflet@1.0.15':

     

       1565
       1565
        
           dependencies:

     

       1566
       1566
       -
             '@atcute/atproto': 3.1.9

     

       1566
       1566
       +
             '@atcute/atproto': 3.1.10

     

       1567
       1567
        
             '@atcute/lexicons': 1.2.6

     

       1568
       1568
        
       

     

       1569
       1569
        
         '@atcute/lexicon-doc@2.0.6':

     
···

       1574
       1574
        
             '@atcute/util-text': 0.0.1

     

       1575
       1575
        
             '@badrap/valita': 0.4.6

     

       1576
       1576
        
       

     

       1577
       1577
       -
         '@atcute/lexicon-resolver@0.1.5(@atcute/identity-resolver@1.2.1(@atcute/identity@1.1.3))(@atcute/identity@1.1.3)':

     

       1577
       1577
       +
         '@atcute/lexicon-resolver@0.1.6(@atcute/identity-resolver@1.2.2(@atcute/identity@1.1.3))(@atcute/identity@1.1.3)':

     

       1578
       1578
        
           dependencies:

     

       1579
       1579
        
             '@atcute/crypto': 2.3.0

     

       1580
       1580
        
             '@atcute/identity': 1.1.3

     

       1581
       1581
       -
             '@atcute/identity-resolver': 1.2.1(@atcute/identity@1.1.3)

     

       1581
       1581
       +
             '@atcute/identity-resolver': 1.2.2(@atcute/identity@1.1.3)

     

       1582
       1582
        
             '@atcute/lexicon-doc': 2.0.6

     

       1583
       1583
        
             '@atcute/lexicons': 1.2.6

     

       1584
       1584
        
             '@atcute/repo': 0.1.1

     

       1585
       1585
       -
             '@atcute/util-fetch': 1.0.4

     

       1585
       1585
       +
             '@atcute/util-fetch': 1.0.5

     

       1586
       1586
        
             '@badrap/valita': 0.4.6

     

       1587
       1587
        
       

     

       1588
       1588
        
         '@atcute/lexicons@1.2.6':

     
···

       1604
       1604
        
       

     

       1605
       1605
        
         '@atcute/oauth-browser-client@2.0.3(@atcute/identity@1.1.3)':

     

       1606
       1606
        
           dependencies:

     

       1607
       1607
       -
             '@atcute/client': 4.1.2

     

       1608
       1608
       -
             '@atcute/identity-resolver': 1.2.1(@atcute/identity@1.1.3)

     

       1607
       1607
       +
             '@atcute/client': 4.2.0

     

       1608
       1608
       +
             '@atcute/identity-resolver': 1.2.2(@atcute/identity@1.1.3)

     

       1609
       1609
        
             '@atcute/lexicons': 1.2.6

     

       1610
       1610
        
             '@atcute/multibase': 1.1.6

     

       1611
       1611
        
             '@atcute/uint8array': 1.0.6

     
···

       1625
       1625
        
       

     

       1626
       1626
        
         '@atcute/tangled@1.0.13':

     

       1627
       1627
        
           dependencies:

     

       1628
       1628
       -
             '@atcute/atproto': 3.1.9

     

       1628
       1628
       +
             '@atcute/atproto': 3.1.10

     

       1629
       1629
        
             '@atcute/lexicons': 1.2.6

     

       1630
       1630
        
       

     

       1631
       1631
       -
         '@atcute/tid@1.1.0':

     

       1631
       1631
       +
         '@atcute/tid@1.1.1':

     

       1632
       1632
        
           dependencies:

     

       1633
       1633
        
             '@atcute/time-ms': 1.0.0

     

       1634
       1634
        
       

     
···

       1639
       1639
        
       

     

       1640
       1640
        
         '@atcute/uint8array@1.0.6': {}

     

       1641
       1641
        
       

     

       1642
       1642
       -
         '@atcute/util-fetch@1.0.4':

     

       1642
       1642
       +
         '@atcute/util-fetch@1.0.5':

     

       1643
       1643
        
           dependencies:

     

       1644
       1644
        
             '@badrap/valita': 0.4.6

     

       1645
       1645
        
       

     

       1646
       1646
        
         '@atcute/util-text@0.0.1':

     

       1647
       1647
        
           dependencies:

     

       1648
       1648
       -
             unicode-segmenter: 0.14.4

     

       1648
       1648
       +
             unicode-segmenter: 0.14.5

     

       1649
       1649
        
       

     

       1650
       1650
        
         '@atcute/varint@1.0.3': {}

     

       1651
       1651
        
       

     
···

       1766
       1766
        
           dependencies:

     

       1767
       1767
        
             '@codemirror/language': 6.12.1

     

       1768
       1768
        
             '@codemirror/state': 6.5.3

     

       1769
       1769
       -
             '@codemirror/view': 6.39.7

     

       1769
       1769
       +
             '@codemirror/view': 6.39.8

     

       1770
       1770
        
             '@lezer/common': 1.5.0

     

       1771
       1771
        
       

     

       1772
       1772
        
         '@codemirror/commands@6.10.1':

     

       1773
       1773
        
           dependencies:

     

       1774
       1774
        
             '@codemirror/language': 6.12.1

     

       1775
       1775
        
             '@codemirror/state': 6.5.3

     

       1776
       1776
       -
             '@codemirror/view': 6.39.7

     

       1776
       1776
       +
             '@codemirror/view': 6.39.8

     

       1777
       1777
        
             '@lezer/common': 1.5.0

     

       1778
       1778
        
       

     

       1779
       1779
        
         '@codemirror/lang-json@6.0.2':

     
···

       1784
       1784
        
         '@codemirror/language@6.12.1':

     

       1785
       1785
        
           dependencies:

     

       1786
       1786
        
             '@codemirror/state': 6.5.3

     

       1787
       1787
       -
             '@codemirror/view': 6.39.7

     

       1787
       1787
       +
             '@codemirror/view': 6.39.8

     

       1788
       1788
        
             '@lezer/common': 1.5.0

     

       1789
       1789
        
             '@lezer/highlight': 1.2.3

     

       1790
       1790
        
             '@lezer/lr': 1.4.5

     
···

       1793
       1793
        
         '@codemirror/lint@6.9.2':

     

       1794
       1794
        
           dependencies:

     

       1795
       1795
        
             '@codemirror/state': 6.5.3

     

       1796
       1796
       -
             '@codemirror/view': 6.39.7

     

       1796
       1796
       +
             '@codemirror/view': 6.39.8

     

       1797
       1797
        
             crelt: 1.0.6

     

       1798
       1798
        
       

     

       1799
       1799
        
         '@codemirror/search@6.5.11':

     

       1800
       1800
        
           dependencies:

     

       1801
       1801
        
             '@codemirror/state': 6.5.3

     

       1802
       1802
       -
             '@codemirror/view': 6.39.7

     

       1802
       1802
       +
             '@codemirror/view': 6.39.8

     

       1803
       1803
        
             crelt: 1.0.6

     

       1804
       1804
        
       

     

       1805
       1805
        
         '@codemirror/state@6.5.3':

     

       1806
       1806
        
           dependencies:

     

       1807
       1807
        
             '@marijn/find-cluster-break': 1.0.2

     

       1808
       1808
        
       

     

       1809
       1809
       -
         '@codemirror/view@6.39.7':

     

       1809
       1809
       +
         '@codemirror/view@6.39.8':

     

       1810
       1810
        
           dependencies:

     

       1811
       1811
        
             '@codemirror/state': 6.5.3

     

       1812
       1812
        
             crelt: 1.0.6

     
···

       1967
       1967
        
         '@esbuild/win32-x64@0.27.2':

     

       1968
       1968
        
           optional: true

     

       1969
       1969
        
       

     

       1970
       1970
       -
         '@fsegurai/codemirror-theme-basic-dark@6.2.3(@codemirror/language@6.12.1)(@codemirror/state@6.5.3)(@codemirror/view@6.39.7)(@lezer/highlight@1.2.3)':

     

       1970
       1970
       +
         '@fsegurai/codemirror-theme-basic-dark@6.2.3(@codemirror/language@6.12.1)(@codemirror/state@6.5.3)(@codemirror/view@6.39.8)(@lezer/highlight@1.2.3)':

     

       1971
       1971
        
           dependencies:

     

       1972
       1972
        
             '@codemirror/language': 6.12.1

     

       1973
       1973
        
             '@codemirror/state': 6.5.3

     

       1974
       1974
       -
             '@codemirror/view': 6.39.7

     

       1974
       1974
       +
             '@codemirror/view': 6.39.8

     

       1975
       1975
        
             '@lezer/highlight': 1.2.3

     

       1976
       1976
        
       

     

       1977
       1977
       -
         '@fsegurai/codemirror-theme-basic-light@6.2.3(@codemirror/language@6.12.1)(@codemirror/state@6.5.3)(@codemirror/view@6.39.7)(@lezer/highlight@1.2.3)':

     

       1977
       1977
       +
         '@fsegurai/codemirror-theme-basic-light@6.2.3(@codemirror/language@6.12.1)(@codemirror/state@6.5.3)(@codemirror/view@6.39.8)(@lezer/highlight@1.2.3)':

     

       1978
       1978
        
           dependencies:

     

       1979
       1979
        
             '@codemirror/language': 6.12.1

     

       1980
       1980
        
             '@codemirror/state': 6.5.3

     

       1981
       1981
       -
             '@codemirror/view': 6.39.7

     

       1981
       1981
       +
             '@codemirror/view': 6.39.8

     

       1982
       1982
        
             '@lezer/highlight': 1.2.3

     

       1983
       1983
        
       

     

       1984
       1984
        
         '@iconify-json/lucide@1.2.82':

     
···

       1987
       1987
        
       

     

       1988
       1988
        
         '@iconify/tailwind4@1.2.0(tailwindcss@4.1.18)':

     

       1989
       1989
        
           dependencies:

     

       1990
       1990
       -
             '@iconify/tools': 5.0.1

     

       1990
       1990
       +
             '@iconify/tools': 5.0.2

     

       1991
       1991
        
             '@iconify/types': 2.0.0

     

       1992
       1992
        
             '@iconify/utils': 3.1.0

     

       1993
       1993
        
             tailwindcss: 4.1.18

     

       1994
       1994
        
       

     

       1995
       1995
       -
         '@iconify/tools@5.0.1':

     

       1995
       1995
       +
         '@iconify/tools@5.0.2':

     

       1996
       1996
        
           dependencies:

     

       1997
       1997
        
             '@cyberalien/svg-utils': 1.0.11

     

       1998
       1998
        
             '@iconify/types': 2.0.0

     
···

       2258
       2258
        
         browserslist@4.28.1:

     

       2259
       2259
        
           dependencies:

     

       2260
       2260
        
             baseline-browser-mapping: 2.9.11

     

       2261
       2261
       -
             caniuse-lite: 1.0.30001761

     

       2261
       2261
       +
             caniuse-lite: 1.0.30001762

     

       2262
       2262
        
             electron-to-chromium: 1.5.267

     

       2263
       2263
        
             node-releases: 2.0.27

     

       2264
       2264
        
             update-browserslist-db: 1.2.3(browserslist@4.28.1)

     

       2265
       2265
        
       

     

       2266
       2266
       -
         caniuse-lite@1.0.30001761: {}

     

       2266
       2266
       +
         caniuse-lite@1.0.30001762: {}

     

       2267
       2267
        
       

     

       2268
       2268
        
         codemirror@6.0.2:

     

       2269
       2269
        
           dependencies:

     
···

       2273
       2273
        
             '@codemirror/lint': 6.9.2

     

       2274
       2274
        
             '@codemirror/search': 6.5.11

     

       2275
       2275
        
             '@codemirror/state': 6.5.3

     

       2276
       2276
       -
             '@codemirror/view': 6.39.7

     

       2276
       2276
       +
             '@codemirror/view': 6.39.8

     

       2277
       2277
        
       

     

       2278
       2278
        
         commander@11.1.0: {}

     

       2279
       2279
        
       

     
···

       2660
       2660
        
         undici-types@7.16.0:

     

       2661
       2661
        
           optional: true

     

       2662
       2662
        
       

     

       2663
       2663
       -
         unicode-segmenter@0.14.4: {}

     

       2663
       2663
       +
         unicode-segmenter@0.14.5: {}

     

       2664
       2664
        
       

     

       2665
       2665
        
         update-browserslist-db@1.2.3(browserslist@4.28.1):

     

       2666
       2666
        
           dependencies:

Compare changes