atproto explorer pdsls.dev
atproto tool

Compare changes

Choose any two refs to compare.

+2 -2
src/components/json.tsx
···
<Show when={!hide()}>
<Show when={blob.mimeType.startsWith("image/")}>
<img
-
class="h-auto max-h-64 max-w-[16rem] object-contain"
+
class="h-auto max-h-48 max-w-48 object-contain sm:max-h-64 sm:max-w-64"
src={`https://${pds()}/xrpc/com.atproto.sync.getBlob?did=${props.repo}&cid=${blob.ref.$link}`}
onLoad={() => setMediaLoaded(true)}
/>
···
<Show when={mediaLoaded()}>
<button
onclick={() => setHide(true)}
-
class="absolute top-1 right-1 flex items-center rounded-lg bg-neutral-900/70 p-1.5 text-white opacity-100 backdrop-blur-sm transition-opacity hover:bg-neutral-900/80 active:bg-neutral-900/90 sm:opacity-0 sm:group-hover/media:opacity-100 dark:bg-neutral-100/70 dark:text-neutral-900 dark:hover:bg-neutral-100/80 dark:active:bg-neutral-100/90"
+
class="absolute top-1 right-1 flex items-center rounded-lg bg-neutral-900/70 p-1.5 text-white opacity-0 backdrop-blur-sm transition-opacity group-hover/media:opacity-100 hover:bg-neutral-900/80 active:bg-neutral-900/90 dark:bg-neutral-100/70 dark:text-neutral-900 dark:hover:bg-neutral-100/80 dark:active:bg-neutral-100/90"
>
<span class="iconify lucide--eye-off text-base"></span>
</button>
+12 -9
src/views/home.tsx
···
<span>Query labels from moderation services.</span>
</div>
</div>
-
<div class="text-center text-sm italic">
-
Made by{" "}
-
<a
-
href="https://juli.ee"
-
class="font-pecita relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:transition-[width] after:duration-300 after:ease-out hover:after:w-full"
-
>
-
Juliet
-
</a>{" "}
-
with love
+
<div class="text-center text-sm text-neutral-600 dark:text-neutral-400">
+
<span class="italic">
+
Made by{" "}
+
<a
+
href="https://juli.ee"
+
class="font-pecita relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:transition-[width] after:duration-300 after:ease-out hover:after:w-full"
+
>
+
Juliet
+
</a>{" "}
+
with love
+
</span>
+
<span> โ€ข {import.meta.env.VITE_APP_VERSION}</span>
</div>
</div>
);
+22 -1
vite.config.ts
···
import tailwindcss from "@tailwindcss/vite";
+
import { execSync } from "child_process";
import { defineConfig } from "vite";
import solidPlugin from "vite-plugin-solid";
import metadata from "./public/oauth-client-metadata.json";
···
const SERVER_HOST = "127.0.0.1";
const SERVER_PORT = 13213;
+
const getVersion = (): string => {
+
try {
+
const describe = execSync("git describe --tags --long --dirty --always").toString().trim();
+
+
const match = describe.match(/^v?(.+?)-(\d+)-g([a-f0-9]+)(-dirty)?$/);
+
+
if (match) {
+
const [, version, commits, hash, dirty] = match;
+
if (commits === "0") {
+
return `v${version}${dirty ? "-dirty" : ""}`;
+
}
+
return `v${version}.dev${commits}+g${hash}${dirty ? "-dirty" : ""}`;
+
}
+
+
return `v0.0.0.dev+g${describe}`;
+
} catch {
+
return "v0.0.0-unknown";
+
}
+
};
+
export default defineConfig({
plugins: [
tailwindcss(),
solidPlugin(),
-
// Injects OAuth-related variables
{
name: "oauth",
config(_conf, { command }) {
···
process.env.VITE_CLIENT_URI = metadata.client_uri;
process.env.VITE_OAUTH_SCOPE = metadata.scope;
+
process.env.VITE_APP_VERSION = getVersion();
},
},
],
-10
src/utils/app-urls.ts
···
export enum App {
Bluesky,
Tangled,
-
Whitewind,
Frontpage,
Pinksea,
Linkat,
···
export const appName = {
[App.Bluesky]: "Bluesky",
[App.Tangled]: "Tangled",
-
[App.Whitewind]: "Whitewind",
[App.Frontpage]: "Frontpage",
[App.Pinksea]: "Pinksea",
[App.Linkat]: "Linkat",
···
"main.bsky.dev": App.Bluesky,
"social.daniela.lol": App.Bluesky,
"tangled.org": App.Tangled,
-
"whtwnd.com": App.Whitewind,
"frontpage.fyi": App.Frontpage,
"pinksea.art": App.Pinksea,
"linkat.blue": App.Linkat,
···
return `at://${user}`;
},
-
[App.Whitewind]: (path) => {
-
if (path.length === 2) {
-
return `at://${path[0]}/com.whtwnd.blog.entry/${path[1]}`;
-
}
-
-
return `at://${path[0]}/com.whtwnd.blog.entry`;
-
},
[App.Frontpage]: (path) => {
if (path.length === 3) {
return `at://${path[1]}/fyi.unravel.frontpage.post/${path[2]}`;
+3 -1
src/views/settings.tsx
···
import { createSignal } from "solid-js";
import { TextInput } from "../components/text-input.jsx";
+
import { ThemeSelection } from "../components/theme.jsx";
export const [hideMedia, setHideMedia] = createSignal(localStorage.hideMedia === "true");
···
<div class="flex items-center gap-1 font-semibold">
<span>Settings</span>
</div>
-
<div class="flex flex-col gap-2">
+
<div class="flex flex-col gap-3">
<div class="flex flex-col gap-0.5">
<label for="plcDirectory" class="select-none">
PLC Directory
···
}}
/>
</div>
+
<ThemeSelection />
<div class="flex justify-between">
<div class="flex items-center gap-1">
<input
+7 -1
src/components/video-player.tsx
···
});
return (
-
<video ref={video} class="max-h-80 max-w-[20rem]" controls playsinline onLoadedData={props.onLoad}>
+
<video
+
ref={video}
+
class="max-h-80 max-w-[20rem]"
+
controls
+
playsinline
+
onLoadedData={props.onLoad}
+
>
<source type="video/mp4" />
</video>
);
+15 -15
src/utils/hooks/debounced.ts
···
-
import { type Accessor, createEffect, createSignal, onCleanup } from 'solid-js';
+
import { type Accessor, createEffect, createSignal, onCleanup } from "solid-js";
export const createDebouncedValue = <T>(
-
accessor: Accessor<T>,
-
delay: number,
-
equals?: false | ((prev: T, next: T) => boolean),
+
accessor: Accessor<T>,
+
delay: number,
+
equals?: false | ((prev: T, next: T) => boolean),
): Accessor<T> => {
-
const initial = accessor();
-
const [state, setState] = createSignal(initial, { equals });
+
const initial = accessor();
+
const [state, setState] = createSignal(initial, { equals });
-
createEffect((prev: T) => {
-
const next = accessor();
+
createEffect((prev: T) => {
+
const next = accessor();
-
if (prev !== next) {
-
const timeout = setTimeout(() => setState(() => next), delay);
-
onCleanup(() => clearTimeout(timeout));
-
}
+
if (prev !== next) {
+
const timeout = setTimeout(() => setState(() => next), delay);
+
onCleanup(() => clearTimeout(timeout));
+
}
-
return next;
-
}, initial);
+
return next;
+
}, initial);
-
return state;
+
return state;
};
+30
src/utils/key.ts
···
+
import { parseDidKey, parsePublicMultikey } from "@atcute/crypto";
+
import { fromBase58Btc } from "@atcute/multibase";
+
+
export const detectKeyType = (key: string): string => {
+
try {
+
return parsePublicMultikey(key).type;
+
} catch (e) {
+
try {
+
const bytes = fromBase58Btc(key.startsWith("z") ? key.slice(1) : key);
+
if (bytes.length >= 2) {
+
const type = (bytes[0] << 8) | bytes[1];
+
if (type === 0xed01) {
+
return "ed25519";
+
}
+
}
+
} catch {}
+
return "unknown";
+
}
+
};
+
+
export const detectDidKeyType = (key: string): string => {
+
try {
+
return parseDidKey(key).type;
+
} catch (e) {
+
if (key.startsWith("did:key:")) {
+
return detectKeyType(key.slice(8));
+
}
+
return "unknown";
+
}
+
};
+1 -1
public/oauth-client-metadata.json
···
"client_uri": "https://pdsls.dev",
"logo_uri": "https://pdsls.dev/favicon.ico",
"redirect_uris": ["https://pdsls.dev/"],
-
"scope": "atproto transition:generic",
+
"scope": "atproto repo:*?action=create repo:*?action=update repo:*?action=delete blob:*/*",
"grant_types": ["authorization_code", "refresh_token"],
"response_types": ["code"],
"token_endpoint_auth_method": "none",
+13
src/auth/oauth-config.ts
···
+
import { configureOAuth, defaultIdentityResolver } from "@atcute/oauth-browser-client";
+
import { didDocumentResolver, handleResolver } from "../utils/api";
+
+
configureOAuth({
+
metadata: {
+
client_id: import.meta.env.VITE_OAUTH_CLIENT_ID,
+
redirect_uri: import.meta.env.VITE_OAUTH_REDIRECT_URL,
+
},
+
identityResolver: defaultIdentityResolver({
+
handleResolver: handleResolver,
+
didDocumentResolver: didDocumentResolver,
+
}),
+
});
+77
src/auth/scope-flow.ts
···
+
import { isDid, isHandle } from "@atcute/lexicons/syntax";
+
import { createAuthorizationUrl } from "@atcute/oauth-browser-client";
+
import { createSignal } from "solid-js";
+
+
interface UseOAuthScopeFlowOptions {
+
onError?: (error: unknown) => void;
+
onRedirecting?: () => void;
+
beforeRedirect?: (account: string) => Promise<void>;
+
}
+
+
export const useOAuthScopeFlow = (options: UseOAuthScopeFlowOptions = {}) => {
+
const [showScopeSelector, setShowScopeSelector] = createSignal(false);
+
const [pendingAccount, setPendingAccount] = createSignal("");
+
const [shouldForceRedirect, setShouldForceRedirect] = createSignal(false);
+
+
const initiate = (account: string) => {
+
if (!account) return;
+
setPendingAccount(account);
+
setShouldForceRedirect(false);
+
setShowScopeSelector(true);
+
};
+
+
const initiateWithRedirect = (account: string) => {
+
if (!account) return;
+
setPendingAccount(account);
+
setShouldForceRedirect(true);
+
setShowScopeSelector(true);
+
};
+
+
const complete = async (scopeString: string, scopeIds: string) => {
+
try {
+
const account = pendingAccount();
+
+
if (options.beforeRedirect && !shouldForceRedirect()) {
+
try {
+
await options.beforeRedirect(account);
+
setShowScopeSelector(false);
+
return;
+
} catch {}
+
}
+
+
localStorage.setItem("pendingScopes", scopeIds);
+
+
options.onRedirecting?.();
+
+
const authUrl = await createAuthorizationUrl({
+
scope: scopeString,
+
target:
+
isHandle(account) || isDid(account) ?
+
{ type: "account", identifier: account }
+
: { type: "pds", serviceUrl: account },
+
});
+
+
await new Promise((resolve) => setTimeout(resolve, 250));
+
location.assign(authUrl);
+
} catch (e) {
+
console.error(e);
+
options.onError?.(e);
+
setShowScopeSelector(false);
+
}
+
};
+
+
const cancel = () => {
+
setShowScopeSelector(false);
+
setPendingAccount("");
+
setShouldForceRedirect(false);
+
};
+
+
return {
+
showScopeSelector,
+
pendingAccount,
+
initiate,
+
initiateWithRedirect,
+
complete,
+
cancel,
+
};
+
};
+53
src/auth/scope-utils.ts
···
+
import { agent, sessions } from "./state";
+
+
export const GRANULAR_SCOPES = [
+
{
+
id: "create",
+
scope: "repo:*?action=create",
+
label: "Create records",
+
},
+
{
+
id: "update",
+
scope: "repo:*?action=update",
+
label: "Update records",
+
},
+
{
+
id: "delete",
+
scope: "repo:*?action=delete",
+
label: "Delete records",
+
},
+
{
+
id: "blob",
+
scope: "blob:*/*",
+
label: "Upload blobs",
+
},
+
];
+
+
export const BASE_SCOPES = ["atproto"];
+
+
export const buildScopeString = (selected: Set<string>): string => {
+
const granular = GRANULAR_SCOPES.filter((s) => selected.has(s.id)).map((s) => s.scope);
+
return [...BASE_SCOPES, ...granular].join(" ");
+
};
+
+
export const scopeIdsToString = (scopeIds: Set<string>): string => {
+
return ["atproto", ...Array.from(scopeIds)].join(",");
+
};
+
+
export const parseScopeString = (scopeIdsString: string): Set<string> => {
+
if (!scopeIdsString) return new Set();
+
const ids = scopeIdsString.split(",").filter(Boolean);
+
return new Set(ids.filter((id) => id !== "atproto"));
+
};
+
+
export const hasScope = (grantedScopes: string | undefined, scopeId: string): boolean => {
+
if (!grantedScopes) return false;
+
return grantedScopes.split(",").includes(scopeId);
+
};
+
+
export const hasUserScope = (scopeId: string): boolean => {
+
if (!agent()) return false;
+
const grantedScopes = sessions[agent()!.sub]?.grantedScopes;
+
if (!grantedScopes) return true;
+
return hasScope(grantedScopes, scopeId);
+
};
+14
src/auth/state.ts
···
+
import { OAuthUserAgent } from "@atcute/oauth-browser-client";
+
import { createSignal } from "solid-js";
+
import { createStore } from "solid-js/store";
+
+
export type Account = {
+
signedIn: boolean;
+
handle?: string;
+
grantedScopes?: string;
+
};
+
+
export type Sessions = Record<string, Account>;
+
+
export const [agent, setAgent] = createSignal<OAuthUserAgent | undefined>();
+
export const [sessions, setSessions] = createStore<Sessions>();
-170
src/components/account.tsx
···
-
import { Client, CredentialManager } from "@atcute/client";
-
import { Did } from "@atcute/lexicons";
-
import {
-
createAuthorizationUrl,
-
deleteStoredSession,
-
getSession,
-
OAuthUserAgent,
-
} from "@atcute/oauth-browser-client";
-
import { A } from "@solidjs/router";
-
import { createSignal, For, onMount, Show } from "solid-js";
-
import { createStore, produce } from "solid-js/store";
-
import { resolveDidDoc } from "../utils/api.js";
-
import { ActionMenu, DropdownMenu, MenuProvider, NavMenu } from "./dropdown.jsx";
-
import { agent, Login, retrieveSession, Sessions, setAgent } from "./login.jsx";
-
import { Modal } from "./modal.jsx";
-
-
export const [sessions, setSessions] = createStore<Sessions>();
-
-
const AccountDropdown = (props: { did: Did }) => {
-
const removeSession = async (did: Did) => {
-
const currentSession = agent()?.sub;
-
try {
-
const session = await getSession(did, { allowStale: true });
-
const agent = new OAuthUserAgent(session);
-
await agent.signOut();
-
} catch {
-
deleteStoredSession(did);
-
}
-
setSessions(
-
produce((accs) => {
-
delete accs[did];
-
}),
-
);
-
localStorage.setItem("sessions", JSON.stringify(sessions));
-
if (currentSession === did) setAgent(undefined);
-
};
-
-
return (
-
<MenuProvider>
-
<DropdownMenu icon="lucide--ellipsis" buttonClass="rounded-md p-2">
-
<NavMenu href={`/at://${props.did}`} label="Go to repo" icon="lucide--user-round" />
-
<ActionMenu
-
icon="lucide--x"
-
label="Remove account"
-
onClick={() => removeSession(props.did)}
-
/>
-
</DropdownMenu>
-
</MenuProvider>
-
);
-
};
-
-
export const AccountManager = () => {
-
const [openManager, setOpenManager] = createSignal(false);
-
const [avatars, setAvatars] = createStore<Record<Did, string>>();
-
-
onMount(async () => {
-
try {
-
await retrieveSession();
-
} catch {}
-
-
const localSessions = localStorage.getItem("sessions");
-
if (localSessions) {
-
const storedSessions: Sessions = JSON.parse(localSessions);
-
const sessionDids = Object.keys(storedSessions) as Did[];
-
sessionDids.forEach(async (did) => {
-
const doc = await resolveDidDoc(did);
-
const alias = doc.alsoKnownAs?.find((alias) => alias.startsWith("at://"));
-
if (alias) {
-
setSessions(did, {
-
signedIn: storedSessions[did].signedIn,
-
handle: alias.replace("at://", ""),
-
});
-
}
-
});
-
sessionDids.forEach(async (did) => {
-
const avatar = await getAvatar(did);
-
if (avatar) setAvatars(did, avatar);
-
});
-
}
-
});
-
-
const resumeSession = async (did: Did) => {
-
try {
-
localStorage.setItem("lastSignedIn", did);
-
await retrieveSession();
-
} catch {
-
const authUrl = await createAuthorizationUrl({
-
scope: import.meta.env.VITE_OAUTH_SCOPE,
-
target: { type: "account", identifier: did },
-
});
-
-
await new Promise((resolve) => setTimeout(resolve, 250));
-
-
location.assign(authUrl);
-
}
-
};
-
-
const getAvatar = async (did: Did) => {
-
const rpc = new Client({
-
handler: new CredentialManager({ service: "https://public.api.bsky.app" }),
-
});
-
const res = await rpc.get("app.bsky.actor.getProfile", { params: { actor: did } });
-
if (res.ok) {
-
return res.data.avatar;
-
}
-
return undefined;
-
};
-
-
return (
-
<>
-
<Modal open={openManager()} onClose={() => setOpenManager(false)}>
-
<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">
-
<div class="mb-2 px-1 font-semibold">
-
<span>Manage accounts</span>
-
</div>
-
<div class="mb-3 max-h-80 overflow-y-auto md:max-h-100">
-
<For each={Object.keys(sessions)}>
-
{(did) => (
-
<div class="flex w-full items-center justify-between">
-
<A
-
href={`/at://${did}`}
-
onClick={() => setOpenManager(false)}
-
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"
-
>
-
<Show
-
when={avatars[did as Did]}
-
fallback={<span class="iconify lucide--user-round m-0.5 size-5"></span>}
-
>
-
<img
-
src={avatars[did as Did].replace("img/avatar/", "img/avatar_thumbnail/")}
-
class="size-6 rounded-full"
-
/>
-
</Show>
-
</A>
-
<button
-
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"
-
onclick={() => resumeSession(did as Did)}
-
>
-
<span class="truncate">
-
{sessions[did]?.handle ? sessions[did].handle : did}
-
</span>
-
<Show when={did === agent()?.sub && sessions[did].signedIn}>
-
<span class="iconify lucide--check shrink-0 text-green-500 dark:text-green-400"></span>
-
</Show>
-
<Show when={!sessions[did].signedIn}>
-
<span class="iconify lucide--circle-alert shrink-0 text-red-500 dark:text-red-400"></span>
-
</Show>
-
</button>
-
<AccountDropdown did={did as Did} />
-
</div>
-
)}
-
</For>
-
</div>
-
<Login />
-
</div>
-
</Modal>
-
<button
-
onclick={() => setOpenManager(true)}
-
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`}
-
>
-
{agent() && avatars[agent()!.sub] ?
-
<img
-
src={avatars[agent()!.sub].replace("img/avatar/", "img/avatar_thumbnail/")}
-
class="size-5 rounded-full"
-
/>
-
: <span class="iconify lucide--circle-user-round text-lg"></span>}
-
</button>
-
</>
-
);
-
};
+2 -2
src/views/pds.tsx
···
import { ComAtprotoServerDescribeServer, ComAtprotoSyncListRepos } from "@atcute/atproto";
-
import { Client, CredentialManager } from "@atcute/client";
+
import { Client, simpleFetchHandler } from "@atcute/client";
import { InferXRPCBodyOutput } from "@atcute/lexicons";
import * as TID from "@atcute/tid";
import { A, useLocation, useParams } from "@solidjs/router";
···
setPDS(params.pds);
const pds =
params.pds!.startsWith("localhost") ? `http://${params.pds}` : `https://${params.pds}`;
-
const rpc = new Client({ handler: new CredentialManager({ service: pds }) });
+
const rpc = new Client({ handler: simpleFetchHandler({ service: pds }) });
const getVersion = async () => {
// @ts-expect-error: undocumented endpoint
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
···
@custom-variant dark (&:where(.dark, .dark *));
+
@font-face {
+
font-family: "Figtree";
+
src: url("/fonts/Figtree[wght].woff2") format("woff2");
+
font-display: swap;
+
}
+
@theme {
-
--font-sans: "Inter", sans-serif;
+
--font-sans: "Figtree", sans-serif;
--font-mono: "Roboto Mono", monospace;
--font-pecita: "Pecita", serif;
+25 -5
src/components/search.tsx
···
import { Client, simpleFetchHandler } from "@atcute/client";
import { Nsid } from "@atcute/lexicons";
-
import { A, useLocation, useNavigate } from "@solidjs/router";
-
import { createResource, createSignal, For, onCleanup, onMount, Show } from "solid-js";
+
import { A, useNavigate } from "@solidjs/router";
+
import {
+
createEffect,
+
createResource,
+
createSignal,
+
For,
+
onCleanup,
+
onMount,
+
Show,
+
} from "solid-js";
import { isTouchDevice } from "../layout";
import { resolveLexiconAuthority } from "../utils/api";
import { appHandleLink, appList, appName, AppUrl } from "../utils/app-urls";
···
if ((ev.ctrlKey || ev.metaKey) && ev.key == "k") {
ev.preventDefault();
-
setShowSearch(!showSearch());
+
+
if (showSearch()) {
+
const searchInput = document.querySelector("#input") as HTMLInputElement;
+
if (searchInput && document.activeElement !== searchInput) {
+
searchInput.focus();
+
} else {
+
setShowSearch(false);
+
}
+
} else {
+
setShowSearch(true);
+
}
} else if (ev.key == "Escape") {
ev.preventDefault();
setShowSearch(false);
···
});
onMount(() => {
-
if (useLocation().pathname !== "/") searchInput.focus();
-
const handlePaste = (e: ClipboardEvent) => {
if (e.target === searchInput) return;
if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
···
onCleanup(() => window.removeEventListener("paste", handlePaste));
});
+
createEffect(() => {
+
if (showSearch()) searchInput.focus();
+
});
+
const fetchTypeahead = async (input: string) => {
const { prefix, query } = parsePrefix(input);
+5 -1
src/auth/account.tsx
···
return (
<MenuProvider>
<DropdownMenu icon="lucide--ellipsis" buttonClass="rounded-md p-2">
-
<NavMenu href={`/at://${props.did}`} label="Go to repo" icon="lucide--user-round" />
+
<NavMenu
+
href={`/at://${props.did}`}
+
label={agent()?.sub === props.did ? "Go to repo (g)" : "Go to repo"}
+
icon="lucide--user-round"
+
/>
<ActionMenu
icon="lucide--settings"
label="Edit permissions"
+109
src/components/create/file-upload.tsx
···
+
import { Client } from "@atcute/client";
+
import { remove } from "@mary/exif-rm";
+
import { createSignal, onCleanup, Show } from "solid-js";
+
import { agent } from "../../auth/state";
+
import { Button } from "../button.jsx";
+
import { TextInput } from "../text-input.jsx";
+
import { editorInstance } from "./state";
+
+
export const FileUpload = (props: {
+
file: File;
+
blobInput: HTMLInputElement;
+
onClose: () => void;
+
}) => {
+
const [uploading, setUploading] = createSignal(false);
+
const [error, setError] = createSignal("");
+
+
onCleanup(() => (props.blobInput.value = ""));
+
+
const formatFileSize = (bytes: number) => {
+
if (bytes === 0) return "0 Bytes";
+
const k = 1024;
+
const sizes = ["Bytes", "KB", "MB", "GB"];
+
const i = Math.floor(Math.log(bytes) / Math.log(k));
+
return Math.round((bytes / Math.pow(k, i)) * 100) / 100 + " " + sizes[i];
+
};
+
+
const uploadBlob = async () => {
+
let blob: Blob;
+
+
const mimetype = (document.getElementById("mimetype") as HTMLInputElement)?.value;
+
(document.getElementById("mimetype") as HTMLInputElement).value = "";
+
if (mimetype) blob = new Blob([props.file], { type: mimetype });
+
else blob = props.file;
+
+
if ((document.getElementById("exif-rm") as HTMLInputElement).checked) {
+
const exifRemoved = remove(new Uint8Array(await blob.arrayBuffer()));
+
if (exifRemoved !== null) blob = new Blob([exifRemoved], { type: blob.type });
+
}
+
+
const rpc = new Client({ handler: agent()! });
+
setUploading(true);
+
const res = await rpc.post("com.atproto.repo.uploadBlob", {
+
input: blob,
+
});
+
setUploading(false);
+
if (!res.ok) {
+
setError(res.data.error);
+
return;
+
}
+
editorInstance.view.dispatch({
+
changes: {
+
from: editorInstance.view.state.selection.main.head,
+
insert: JSON.stringify(res.data.blob, null, 2),
+
},
+
});
+
props.onClose();
+
};
+
+
return (
+
<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">
+
<h2 class="mb-2 font-semibold">Upload blob</h2>
+
<div class="flex flex-col gap-2 text-sm">
+
<div class="flex flex-col gap-1">
+
<p class="flex gap-1">
+
<span class="truncate">{props.file.name}</span>
+
<span class="shrink-0 text-neutral-600 dark:text-neutral-400">
+
({formatFileSize(props.file.size)})
+
</span>
+
</p>
+
</div>
+
<div class="flex items-center gap-x-2">
+
<label for="mimetype" class="shrink-0 select-none">
+
MIME type
+
</label>
+
<TextInput id="mimetype" placeholder={props.file.type} />
+
</div>
+
<div class="flex items-center gap-1">
+
<input id="exif-rm" type="checkbox" checked />
+
<label for="exif-rm" class="select-none">
+
Remove EXIF data
+
</label>
+
</div>
+
<p class="text-xs text-neutral-600 dark:text-neutral-400">
+
Metadata will be pasted after the cursor
+
</p>
+
<Show when={error()}>
+
<span class="text-red-500 dark:text-red-400">Error: {error()}</span>
+
</Show>
+
<div class="flex justify-between gap-2">
+
<Button onClick={props.onClose}>Cancel</Button>
+
<Show when={uploading()}>
+
<div class="flex items-center gap-1">
+
<span class="iconify lucide--loader-circle animate-spin"></span>
+
<span>Uploading</span>
+
</div>
+
</Show>
+
<Show when={!uploading()}>
+
<Button
+
onClick={uploadBlob}
+
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"
+
>
+
Upload
+
</Button>
+
</Show>
+
</div>
+
</div>
+
</div>
+
);
+
};
+87
src/components/create/handle-input.tsx
···
+
import { Handle } from "@atcute/lexicons";
+
import { createSignal, Show } from "solid-js";
+
import { resolveHandle } from "../../utils/api";
+
import { Button } from "../button.jsx";
+
import { TextInput } from "../text-input.jsx";
+
import { editorInstance } from "./state";
+
+
export const HandleInput = (props: { onClose: () => void }) => {
+
const [resolving, setResolving] = createSignal(false);
+
const [error, setError] = createSignal("");
+
let handleFormRef!: HTMLFormElement;
+
+
const resolveDid = async (e: SubmitEvent) => {
+
e.preventDefault();
+
const formData = new FormData(handleFormRef);
+
const handleValue = formData.get("handle")?.toString().trim();
+
+
if (!handleValue) {
+
setError("Please enter a handle");
+
return;
+
}
+
+
setResolving(true);
+
setError("");
+
try {
+
const did = await resolveHandle(handleValue as Handle);
+
editorInstance.view.dispatch({
+
changes: {
+
from: editorInstance.view.state.selection.main.head,
+
insert: `"${did}"`,
+
},
+
});
+
props.onClose();
+
handleFormRef.reset();
+
} catch (err: any) {
+
setError(err.message || "Failed to resolve handle");
+
} finally {
+
setResolving(false);
+
}
+
};
+
+
return (
+
<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">
+
<h2 class="mb-2 font-semibold">Insert DID from handle</h2>
+
<form ref={handleFormRef} onSubmit={resolveDid} class="flex flex-col gap-2 text-sm">
+
<div class="flex flex-col gap-1">
+
<label for="handle-input" class="select-none">
+
Handle
+
</label>
+
<TextInput id="handle-input" name="handle" placeholder="user.bsky.social" />
+
</div>
+
<p class="text-xs text-neutral-600 dark:text-neutral-400">
+
DID will be pasted after the cursor
+
</p>
+
<Show when={error()}>
+
<span class="text-red-500 dark:text-red-400">Error: {error()}</span>
+
</Show>
+
<div class="flex justify-between gap-2">
+
<Button
+
type="button"
+
onClick={() => {
+
props.onClose();
+
handleFormRef.reset();
+
setError("");
+
}}
+
>
+
Cancel
+
</Button>
+
<Show when={resolving()}>
+
<div class="flex items-center gap-1">
+
<span class="iconify lucide--loader-circle animate-spin"></span>
+
<span>Resolving</span>
+
</div>
+
</Show>
+
<Show when={!resolving()}>
+
<Button
+
type="submit"
+
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"
+
>
+
Insert
+
</Button>
+
</Show>
+
</div>
+
</form>
+
</div>
+
);
+
};
+12
src/components/create/menu-item.tsx
···
+
export const MenuItem = (props: { icon: string; label: string; onClick: () => void }) => {
+
return (
+
<button
+
type="button"
+
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"
+
onClick={props.onClick}
+
>
+
<span class={`iconify ${props.icon}`}></span>
+
<span>{props.label}</span>
+
</button>
+
);
+
};
+4
src/components/create/state.ts
···
+
import { createSignal } from "solid-js";
+
+
export const editorInstance = { view: null as any };
+
export const [placeholder, setPlaceholder] = createSignal<any>();
+5 -5
package.json
···
"serve": "vite preview"
},
"devDependencies": {
-
"@iconify-json/lucide": "^1.2.79",
+
"@iconify-json/lucide": "^1.2.81",
"@iconify/tailwind4": "^1.2.0",
-
"@tailwindcss/vite": "^4.1.17",
+
"@tailwindcss/vite": "^4.1.18",
"prettier": "^3.7.4",
"prettier-plugin-organize-imports": "^4.3.0",
"prettier-plugin-tailwindcss": "^0.7.2",
-
"tailwindcss": "^4.1.17",
+
"tailwindcss": "^4.1.18",
"typescript": "^5.9.3",
"vite": "^7.2.7",
"vite-plugin-solid": "^2.11.10"
···
"@atcute/did-plc": "^0.2.0",
"@atcute/identity": "^1.1.3",
"@atcute/identity-resolver": "^1.2.0",
-
"@atcute/leaflet": "^1.0.13",
+
"@atcute/leaflet": "^1.0.14",
"@atcute/lexicon-doc": "^2.0.5",
"@atcute/lexicon-resolver": "^0.1.5",
"@atcute/lexicons": "^1.2.5",
···
"@codemirror/lang-json": "^6.0.2",
"@codemirror/lint": "^6.9.2",
"@codemirror/state": "^6.5.2",
-
"@codemirror/view": "^6.39.2",
+
"@codemirror/view": "^6.39.4",
"@fsegurai/codemirror-theme-basic-dark": "^6.2.3",
"@fsegurai/codemirror-theme-basic-light": "^6.2.3",
"@mary/exif-rm": "jsr:^0.2.2",
+108 -108
pnpm-lock.yaml
···
specifier: ^1.2.0
version: 1.2.0(@atcute/identity@1.1.3)
'@atcute/leaflet':
-
specifier: ^1.0.13
-
version: 1.0.13
+
specifier: ^1.0.14
+
version: 1.0.14
'@atcute/lexicon-doc':
specifier: ^2.0.5
version: 2.0.5
···
specifier: ^6.5.2
version: 6.5.2
'@codemirror/view':
-
specifier: ^6.39.2
-
version: 6.39.2
+
specifier: ^6.39.4
+
version: 6.39.4
'@fsegurai/codemirror-theme-basic-dark':
specifier: ^6.2.3
-
version: 6.2.3(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.39.2)(@lezer/highlight@1.2.3)
+
version: 6.2.3(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.39.4)(@lezer/highlight@1.2.3)
'@fsegurai/codemirror-theme-basic-light':
specifier: ^6.2.3
-
version: 6.2.3(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.39.2)(@lezer/highlight@1.2.3)
+
version: 6.2.3(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.39.4)(@lezer/highlight@1.2.3)
'@mary/exif-rm':
specifier: jsr:^0.2.2
version: '@jsr/mary__exif-rm@0.2.2'
···
version: 1.9.10
devDependencies:
'@iconify-json/lucide':
-
specifier: ^1.2.79
-
version: 1.2.79
+
specifier: ^1.2.81
+
version: 1.2.81
'@iconify/tailwind4':
specifier: ^1.2.0
-
version: 1.2.0(tailwindcss@4.1.17)
+
version: 1.2.0(tailwindcss@4.1.18)
'@tailwindcss/vite':
-
specifier: ^4.1.17
-
version: 4.1.17(vite@7.2.7(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2))
+
specifier: ^4.1.18
+
version: 4.1.18(vite@7.2.7(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2))
prettier:
specifier: ^3.7.4
version: 3.7.4
···
specifier: ^0.7.2
version: 0.7.2(prettier-plugin-organize-imports@4.3.0(prettier@3.7.4)(typescript@5.9.3))(prettier@3.7.4)
tailwindcss:
-
specifier: ^4.1.17
-
version: 4.1.17
+
specifier: ^4.1.18
+
version: 4.1.18
typescript:
specifier: ^5.9.3
version: 5.9.3
···
'@atcute/identity@1.1.3':
resolution: {integrity: sha512-oIqPoI8TwWeQxvcLmFEZLdN2XdWcaLVtlm8pNk0E72As9HNzzD9pwKPrLr3rmTLRIoULPPFmq9iFNsTeCIU9ng==}
-
'@atcute/leaflet@1.0.13':
-
resolution: {integrity: sha512-0/rjFqjXhOHFHsVYxGJVj3OAt40LvlV1VwjVx+T//JDcP9UUkzerhaHkefw2aWfpYnwxDMujuAf8P69xKtIaVg==}
+
'@atcute/leaflet@1.0.14':
+
resolution: {integrity: sha512-TWbtB7b73GChBaYwfd7aWFyGVObZ/DqrRtwkpWGm1GO8zZmQ9eJyKDUnXim7NOAs2hmKQ1u2wk2AM4AYzkF5Gg==}
'@atcute/lexicon-doc@2.0.5':
resolution: {integrity: sha512-fNCp94ehGjWFZMIqP6pWD1F9MOJogNCyqsaMVZluPSIclZ+lDL528iXB56aW4u0eSiD6Y9WJB1OI/lElG39cSA==}
···
'@codemirror/state@6.5.2':
resolution: {integrity: sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==}
-
'@codemirror/view@6.39.2':
-
resolution: {integrity: sha512-YCbOfs4cq49ulN/MVhrUV22rKDJv/fHUs4cR98McAI59/coVwUa2N3RAoNVDgeJNchrQzBxTT3vzto4ZbTYVtw==}
+
'@codemirror/view@6.39.4':
+
resolution: {integrity: sha512-xMF6OfEAUVY5Waega4juo1QGACfNkNF+aJLqpd8oUJz96ms2zbfQ9Gh35/tI3y8akEV31FruKfj7hBnIU/nkqA==}
'@cyberalien/svg-utils@1.0.11':
resolution: {integrity: sha512-qEE9mnyI+avfGT3emKuRs3ucYkITeaV0Xi7VlYN41f+uGnZBecQP3jwz/AF437H9J4Q7qPClHKm4NiTYpNE6hA==}
···
'@codemirror/view': ^6.0.0
'@lezer/highlight': ^1.0.0
-
'@iconify-json/lucide@1.2.79':
-
resolution: {integrity: sha512-CcwoXfC2Y7UVW0PXopmXtB4Do/eUJkhAqQqOnVENEiw3FwU707TK4uyIUqdo9tlvBaFBl95wnJf3smqsTnSyKA==}
+
'@iconify-json/lucide@1.2.81':
+
resolution: {integrity: sha512-6Kz/+SEuD5bkg0KImi0yFem9l6njKp4e1qF1LpQbgRfk7ngsJR/qjlB4y5rM8N1iKiDR/p19cqhmwZxyCWek+w==}
'@iconify/tailwind4@1.2.0':
resolution: {integrity: sha512-+t7XqfojOB0zzZdd8gV7IQZGq1AaIHTlsxMVzagxYR0hAlJCLUD63o3iSlNKRMH3ZR7gZ8y5c9dJ7J431avRbA==}
···
'@standard-schema/spec@1.0.0':
resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
-
'@tailwindcss/node@4.1.17':
-
resolution: {integrity: sha512-csIkHIgLb3JisEFQ0vxr2Y57GUNYh447C8xzwj89U/8fdW8LhProdxvnVH6U8M2Y73QKiTIH+LWbK3V2BBZsAg==}
+
'@tailwindcss/node@4.1.18':
+
resolution: {integrity: sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==}
-
'@tailwindcss/oxide-android-arm64@4.1.17':
-
resolution: {integrity: sha512-BMqpkJHgOZ5z78qqiGE6ZIRExyaHyuxjgrJ6eBO5+hfrfGkuya0lYfw8fRHG77gdTjWkNWEEm+qeG2cDMxArLQ==}
+
'@tailwindcss/oxide-android-arm64@4.1.18':
+
resolution: {integrity: sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [android]
-
'@tailwindcss/oxide-darwin-arm64@4.1.17':
-
resolution: {integrity: sha512-EquyumkQweUBNk1zGEU/wfZo2qkp/nQKRZM8bUYO0J+Lums5+wl2CcG1f9BgAjn/u9pJzdYddHWBiFXJTcxmOg==}
+
'@tailwindcss/oxide-darwin-arm64@4.1.18':
+
resolution: {integrity: sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [darwin]
-
'@tailwindcss/oxide-darwin-x64@4.1.17':
-
resolution: {integrity: sha512-gdhEPLzke2Pog8s12oADwYu0IAw04Y2tlmgVzIN0+046ytcgx8uZmCzEg4VcQh+AHKiS7xaL8kGo/QTiNEGRog==}
+
'@tailwindcss/oxide-darwin-x64@4.1.18':
+
resolution: {integrity: sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==}
engines: {node: '>= 10'}
cpu: [x64]
os: [darwin]
-
'@tailwindcss/oxide-freebsd-x64@4.1.17':
-
resolution: {integrity: sha512-hxGS81KskMxML9DXsaXT1H0DyA+ZBIbyG/sSAjWNe2EDl7TkPOBI42GBV3u38itzGUOmFfCzk1iAjDXds8Oh0g==}
+
'@tailwindcss/oxide-freebsd-x64@4.1.18':
+
resolution: {integrity: sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==}
engines: {node: '>= 10'}
cpu: [x64]
os: [freebsd]
-
'@tailwindcss/oxide-linux-arm-gnueabihf@4.1.17':
-
resolution: {integrity: sha512-k7jWk5E3ldAdw0cNglhjSgv501u7yrMf8oeZ0cElhxU6Y2o7f8yqelOp3fhf7evjIS6ujTI3U8pKUXV2I4iXHQ==}
+
'@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
+
resolution: {integrity: sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==}
engines: {node: '>= 10'}
cpu: [arm]
os: [linux]
-
'@tailwindcss/oxide-linux-arm64-gnu@4.1.17':
-
resolution: {integrity: sha512-HVDOm/mxK6+TbARwdW17WrgDYEGzmoYayrCgmLEw7FxTPLcp/glBisuyWkFz/jb7ZfiAXAXUACfyItn+nTgsdQ==}
+
'@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
+
resolution: {integrity: sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [linux]
-
'@tailwindcss/oxide-linux-arm64-musl@4.1.17':
-
resolution: {integrity: sha512-HvZLfGr42i5anKtIeQzxdkw/wPqIbpeZqe7vd3V9vI3RQxe3xU1fLjss0TjyhxWcBaipk7NYwSrwTwK1hJARMg==}
+
'@tailwindcss/oxide-linux-arm64-musl@4.1.18':
+
resolution: {integrity: sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [linux]
-
'@tailwindcss/oxide-linux-x64-gnu@4.1.17':
-
resolution: {integrity: sha512-M3XZuORCGB7VPOEDH+nzpJ21XPvK5PyjlkSFkFziNHGLc5d6g3di2McAAblmaSUNl8IOmzYwLx9NsE7bplNkwQ==}
+
'@tailwindcss/oxide-linux-x64-gnu@4.1.18':
+
resolution: {integrity: sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==}
engines: {node: '>= 10'}
cpu: [x64]
os: [linux]
-
'@tailwindcss/oxide-linux-x64-musl@4.1.17':
-
resolution: {integrity: sha512-k7f+pf9eXLEey4pBlw+8dgfJHY4PZ5qOUFDyNf7SI6lHjQ9Zt7+NcscjpwdCEbYi6FI5c2KDTDWyf2iHcCSyyQ==}
+
'@tailwindcss/oxide-linux-x64-musl@4.1.18':
+
resolution: {integrity: sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==}
engines: {node: '>= 10'}
cpu: [x64]
os: [linux]
-
'@tailwindcss/oxide-wasm32-wasi@4.1.17':
-
resolution: {integrity: sha512-cEytGqSSoy7zK4JRWiTCx43FsKP/zGr0CsuMawhH67ONlH+T79VteQeJQRO/X7L0juEUA8ZyuYikcRBf0vsxhg==}
+
'@tailwindcss/oxide-wasm32-wasi@4.1.18':
+
resolution: {integrity: sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==}
engines: {node: '>=14.0.0'}
cpu: [wasm32]
bundledDependencies:
···
- '@emnapi/wasi-threads'
- tslib
-
'@tailwindcss/oxide-win32-arm64-msvc@4.1.17':
-
resolution: {integrity: sha512-JU5AHr7gKbZlOGvMdb4722/0aYbU+tN6lv1kONx0JK2cGsh7g148zVWLM0IKR3NeKLv+L90chBVYcJ8uJWbC9A==}
+
'@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
+
resolution: {integrity: sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==}
engines: {node: '>= 10'}
cpu: [arm64]
os: [win32]
-
'@tailwindcss/oxide-win32-x64-msvc@4.1.17':
-
resolution: {integrity: sha512-SKWM4waLuqx0IH+FMDUw6R66Hu4OuTALFgnleKbqhgGU30DY20NORZMZUKgLRjQXNN2TLzKvh48QXTig4h4bGw==}
+
'@tailwindcss/oxide-win32-x64-msvc@4.1.18':
+
resolution: {integrity: sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==}
engines: {node: '>= 10'}
cpu: [x64]
os: [win32]
-
'@tailwindcss/oxide@4.1.17':
-
resolution: {integrity: sha512-F0F7d01fmkQhsTjXezGBLdrl1KresJTcI3DB8EkScCldyKp3Msz4hub4uyYaVnk88BAS1g5DQjjF6F5qczheLA==}
+
'@tailwindcss/oxide@4.1.18':
+
resolution: {integrity: sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==}
engines: {node: '>= 10'}
-
'@tailwindcss/vite@4.1.17':
-
resolution: {integrity: sha512-4+9w8ZHOiGnpcGI6z1TVVfWaX/koK7fKeSYF3qlYg2xpBtbteP2ddBxiarL+HVgfSJGeK5RIxRQmKm4rTJJAwA==}
+
'@tailwindcss/vite@4.1.18':
+
resolution: {integrity: sha512-jVA+/UpKL1vRLg6Hkao5jldawNmRo7mQYrZtNHMIVpLfLhDml5nMRUo/8MwoX2vNXvnaXNNMedrMfMugAVX1nA==}
peerDependencies:
vite: ^5.2.0 || ^6 || ^7
···
solid-js:
optional: true
-
baseline-browser-mapping@2.9.6:
-
resolution: {integrity: sha512-v9BVVpOTLB59C9E7aSnmIF8h7qRsFpx+A2nugVMTszEOMcfjlZMsXRm4LF23I3Z9AJxc8ANpIvzbzONoX9VJlg==}
+
baseline-browser-mapping@2.9.7:
+
resolution: {integrity: sha512-k9xFKplee6KIio3IDbwj+uaCLpqzOwakOgmqzPezM0sFJlFKcg30vk2wOiAJtkTSfx0SSQDSe8q+mWA/fSH5Zg==}
hasBin: true
boolbase@1.0.0:
···
electron-to-chromium@1.5.267:
resolution: {integrity: sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==}
-
enhanced-resolve@5.18.3:
-
resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
+
enhanced-resolve@5.18.4:
+
resolution: {integrity: sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==}
engines: {node: '>=10.13.0'}
entities@4.5.0:
···
engines: {node: '>=16'}
hasBin: true
-
tailwindcss@4.1.17:
-
resolution: {integrity: sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q==}
+
tailwindcss@4.1.18:
+
resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
tapable@2.3.0:
resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
···
'@atcute/lexicons': 1.2.5
'@badrap/valita': 0.4.6
-
'@atcute/leaflet@1.0.13':
+
'@atcute/leaflet@1.0.14':
dependencies:
'@atcute/atproto': 3.1.9
'@atcute/lexicons': 1.2.5
···
dependencies:
'@codemirror/language': 6.11.3
'@codemirror/state': 6.5.2
-
'@codemirror/view': 6.39.2
+
'@codemirror/view': 6.39.4
'@lezer/common': 1.4.0
'@codemirror/commands@6.10.0':
dependencies:
'@codemirror/language': 6.11.3
'@codemirror/state': 6.5.2
-
'@codemirror/view': 6.39.2
+
'@codemirror/view': 6.39.4
'@lezer/common': 1.4.0
'@codemirror/lang-json@6.0.2':
···
'@codemirror/language@6.11.3':
dependencies:
'@codemirror/state': 6.5.2
-
'@codemirror/view': 6.39.2
+
'@codemirror/view': 6.39.4
'@lezer/common': 1.4.0
'@lezer/highlight': 1.2.3
'@lezer/lr': 1.4.5
···
'@codemirror/lint@6.9.2':
dependencies:
'@codemirror/state': 6.5.2
-
'@codemirror/view': 6.39.2
+
'@codemirror/view': 6.39.4
crelt: 1.0.6
'@codemirror/search@6.5.11':
dependencies:
'@codemirror/state': 6.5.2
-
'@codemirror/view': 6.39.2
+
'@codemirror/view': 6.39.4
crelt: 1.0.6
'@codemirror/state@6.5.2':
dependencies:
'@marijn/find-cluster-break': 1.0.2
-
'@codemirror/view@6.39.2':
+
'@codemirror/view@6.39.4':
dependencies:
'@codemirror/state': 6.5.2
crelt: 1.0.6
···
'@esbuild/win32-x64@0.25.12':
optional: true
-
'@fsegurai/codemirror-theme-basic-dark@6.2.3(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.39.2)(@lezer/highlight@1.2.3)':
+
'@fsegurai/codemirror-theme-basic-dark@6.2.3(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.39.4)(@lezer/highlight@1.2.3)':
dependencies:
'@codemirror/language': 6.11.3
'@codemirror/state': 6.5.2
-
'@codemirror/view': 6.39.2
+
'@codemirror/view': 6.39.4
'@lezer/highlight': 1.2.3
-
'@fsegurai/codemirror-theme-basic-light@6.2.3(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.39.2)(@lezer/highlight@1.2.3)':
+
'@fsegurai/codemirror-theme-basic-light@6.2.3(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.39.4)(@lezer/highlight@1.2.3)':
dependencies:
'@codemirror/language': 6.11.3
'@codemirror/state': 6.5.2
-
'@codemirror/view': 6.39.2
+
'@codemirror/view': 6.39.4
'@lezer/highlight': 1.2.3
-
'@iconify-json/lucide@1.2.79':
+
'@iconify-json/lucide@1.2.81':
dependencies:
'@iconify/types': 2.0.0
-
'@iconify/tailwind4@1.2.0(tailwindcss@4.1.17)':
+
'@iconify/tailwind4@1.2.0(tailwindcss@4.1.18)':
dependencies:
'@iconify/tools': 5.0.0
'@iconify/types': 2.0.0
'@iconify/utils': 3.1.0
-
tailwindcss: 4.1.17
+
tailwindcss: 4.1.18
'@iconify/tools@5.0.0':
dependencies:
···
'@standard-schema/spec@1.0.0': {}
-
'@tailwindcss/node@4.1.17':
+
'@tailwindcss/node@4.1.18':
dependencies:
'@jridgewell/remapping': 2.3.5
-
enhanced-resolve: 5.18.3
+
enhanced-resolve: 5.18.4
jiti: 2.6.1
lightningcss: 1.30.2
magic-string: 0.30.21
source-map-js: 1.2.1
-
tailwindcss: 4.1.17
+
tailwindcss: 4.1.18
-
'@tailwindcss/oxide-android-arm64@4.1.17':
+
'@tailwindcss/oxide-android-arm64@4.1.18':
optional: true
-
'@tailwindcss/oxide-darwin-arm64@4.1.17':
+
'@tailwindcss/oxide-darwin-arm64@4.1.18':
optional: true
-
'@tailwindcss/oxide-darwin-x64@4.1.17':
+
'@tailwindcss/oxide-darwin-x64@4.1.18':
optional: true
-
'@tailwindcss/oxide-freebsd-x64@4.1.17':
+
'@tailwindcss/oxide-freebsd-x64@4.1.18':
optional: true
-
'@tailwindcss/oxide-linux-arm-gnueabihf@4.1.17':
+
'@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18':
optional: true
-
'@tailwindcss/oxide-linux-arm64-gnu@4.1.17':
+
'@tailwindcss/oxide-linux-arm64-gnu@4.1.18':
optional: true
-
'@tailwindcss/oxide-linux-arm64-musl@4.1.17':
+
'@tailwindcss/oxide-linux-arm64-musl@4.1.18':
optional: true
-
'@tailwindcss/oxide-linux-x64-gnu@4.1.17':
+
'@tailwindcss/oxide-linux-x64-gnu@4.1.18':
optional: true
-
'@tailwindcss/oxide-linux-x64-musl@4.1.17':
+
'@tailwindcss/oxide-linux-x64-musl@4.1.18':
optional: true
-
'@tailwindcss/oxide-wasm32-wasi@4.1.17':
+
'@tailwindcss/oxide-wasm32-wasi@4.1.18':
optional: true
-
'@tailwindcss/oxide-win32-arm64-msvc@4.1.17':
+
'@tailwindcss/oxide-win32-arm64-msvc@4.1.18':
optional: true
-
'@tailwindcss/oxide-win32-x64-msvc@4.1.17':
+
'@tailwindcss/oxide-win32-x64-msvc@4.1.18':
optional: true
-
'@tailwindcss/oxide@4.1.17':
+
'@tailwindcss/oxide@4.1.18':
optionalDependencies:
-
'@tailwindcss/oxide-android-arm64': 4.1.17
-
'@tailwindcss/oxide-darwin-arm64': 4.1.17
-
'@tailwindcss/oxide-darwin-x64': 4.1.17
-
'@tailwindcss/oxide-freebsd-x64': 4.1.17
-
'@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.17
-
'@tailwindcss/oxide-linux-arm64-gnu': 4.1.17
-
'@tailwindcss/oxide-linux-arm64-musl': 4.1.17
-
'@tailwindcss/oxide-linux-x64-gnu': 4.1.17
-
'@tailwindcss/oxide-linux-x64-musl': 4.1.17
-
'@tailwindcss/oxide-wasm32-wasi': 4.1.17
-
'@tailwindcss/oxide-win32-arm64-msvc': 4.1.17
-
'@tailwindcss/oxide-win32-x64-msvc': 4.1.17
-
-
'@tailwindcss/vite@4.1.17(vite@7.2.7(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2))':
-
dependencies:
-
'@tailwindcss/node': 4.1.17
-
'@tailwindcss/oxide': 4.1.17
-
tailwindcss: 4.1.17
+
'@tailwindcss/oxide-android-arm64': 4.1.18
+
'@tailwindcss/oxide-darwin-arm64': 4.1.18
+
'@tailwindcss/oxide-darwin-x64': 4.1.18
+
'@tailwindcss/oxide-freebsd-x64': 4.1.18
+
'@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.18
+
'@tailwindcss/oxide-linux-arm64-gnu': 4.1.18
+
'@tailwindcss/oxide-linux-arm64-musl': 4.1.18
+
'@tailwindcss/oxide-linux-x64-gnu': 4.1.18
+
'@tailwindcss/oxide-linux-x64-musl': 4.1.18
+
'@tailwindcss/oxide-wasm32-wasi': 4.1.18
+
'@tailwindcss/oxide-win32-arm64-msvc': 4.1.18
+
'@tailwindcss/oxide-win32-x64-msvc': 4.1.18
+
+
'@tailwindcss/vite@4.1.18(vite@7.2.7(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2))':
+
dependencies:
+
'@tailwindcss/node': 4.1.18
+
'@tailwindcss/oxide': 4.1.18
+
tailwindcss: 4.1.18
vite: 7.2.7(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)
'@types/babel__core@7.20.5':
···
optionalDependencies:
solid-js: 1.9.10
-
baseline-browser-mapping@2.9.6: {}
+
baseline-browser-mapping@2.9.7: {}
boolbase@1.0.0: {}
browserslist@4.28.1:
dependencies:
-
baseline-browser-mapping: 2.9.6
+
baseline-browser-mapping: 2.9.7
caniuse-lite: 1.0.30001760
electron-to-chromium: 1.5.267
node-releases: 2.0.27
···
'@codemirror/lint': 6.9.2
'@codemirror/search': 6.5.11
'@codemirror/state': 6.5.2
-
'@codemirror/view': 6.39.2
+
'@codemirror/view': 6.39.4
commander@11.1.0: {}
···
electron-to-chromium@1.5.267: {}
-
enhanced-resolve@5.18.3:
+
enhanced-resolve@5.18.4:
dependencies:
graceful-fs: 4.2.11
tapable: 2.3.0
···
picocolors: 1.1.1
sax: 1.4.3
-
tailwindcss@4.1.17: {}
+
tailwindcss@4.1.18: {}
tapable@2.3.0: {}