diff --git a/deno.jsonc b/deno.jsonc index a85924bb..f23adac9 100644 --- a/deno.jsonc +++ b/deno.jsonc @@ -181,7 +181,7 @@ "./components/output/polymorphic/indexed-db/constants.js": "./src/components/output/polymorphic/indexed-db/constants.js", "./components/output/polymorphic/indexed-db/element.js": "./src/components/output/polymorphic/indexed-db/element.js", "./components/output/polymorphic/indexed-db/worker.js": "./src/components/output/polymorphic/indexed-db/worker.js", - "./components/output/raw/atproto/element.js": "./src/components/output/raw/atproto/element.js", + "./components/output/raw/atproto-passkey/element.js": "./src/components/output/raw/atproto-passkey/element.js", "./components/supplement/last.fm/element.js": "./src/components/supplement/last.fm/element.js", "./components/supplement/listenbrainz/element.js": "./src/components/supplement/listenbrainz/element.js", "./components/supplement/rocksky/element.js": "./src/components/supplement/rocksky/element.js", @@ -228,7 +228,7 @@ "./components/output/bytes/s3/types.d.ts": "./specs/components/output/bytes/s3/types.d.ts", "./components/output/bytes/dropbox/types.d.ts": "./specs/components/output/bytes/dropbox/types.d.ts", "./components/output/polymorphic/indexed-db/types.d.ts": "./specs/components/output/polymorphic/indexed-db/types.d.ts", - "./components/output/raw/atproto/types.d.ts": "./specs/components/output/raw/atproto/types.d.ts", + "./components/output/raw/atproto-passkey/types.d.ts": "./specs/components/output/raw/atproto-passkey/types.d.ts", "./components/output/types.d.ts": "./specs/components/output/types.d.ts", "./components/supplement/types.d.ts": "./specs/components/supplement/types.d.ts", "./components/transformer/output/bytes/automerge/types.d.ts": "./specs/components/transformer/output/bytes/automerge/types.d.ts", diff --git a/specs/components/output/raw/atproto/SPEC.md b/specs/components/output/raw/atproto-passkey/SPEC.md similarity index 100% rename from specs/components/output/raw/atproto/SPEC.md rename to specs/components/output/raw/atproto-passkey/SPEC.md diff --git a/specs/components/output/raw/atproto/types.d.ts b/specs/components/output/raw/atproto-passkey/types.d.ts similarity index 92% rename from specs/components/output/raw/atproto/types.d.ts rename to specs/components/output/raw/atproto-passkey/types.d.ts index a0f8e996..37941ff2 100644 --- a/specs/components/output/raw/atproto/types.d.ts +++ b/specs/components/output/raw/atproto-passkey/types.d.ts @@ -1,7 +1,7 @@ import type { SignalReader } from "~/common/signal.d.ts"; import type { OutputElement } from "@specs/components/output/types.d.ts"; -export type ATProtoOutputElement = +export type ATProtoPasskeyOutputElement = & OutputElement & { did: SignalReader; diff --git a/src/_data/elements.js b/src/_data/elements.js index f24bca40..52a5147c 100644 --- a/src/_data/elements.js +++ b/src/_data/elements.js @@ -258,7 +258,7 @@ export default { "Store output data on AWS S3 or compatible services such as Cloudflare R2.", }, { - url: "components/output/raw/atproto/element.js", + url: "components/output/raw/atproto-passkey/element.js", title: "Raw / AT Protocol", desc: "Store your user data on the storage associated with your ATProtocol identity. Data is lexicon shaped by default so this element takes in that data directly without any transformations.", diff --git a/src/_data/facets.json b/src/_data/facets.json index ae7ec33b..ab875a3d 100644 --- a/src/_data/facets.json +++ b/src/_data/facets.json @@ -71,10 +71,10 @@ "desc": "A listing of some of the options available to use as an audio source, or as a user-data storage method." }, { - "url": "facets/connect/atproto/index.html", - "title": "Connect / Atmosphere", + "url": "facets/connect/atproto-passkey/index.html", + "title": "Connect / Atmosphere (Public)", "category": "Data", - "desc": "Use your AT Protocol identity for user-data storage." + "desc": "Use your AT Protocol account for user-data storage. Your data will be stored as public records, but sensitive data can be encrypted using a passkey." }, { "url": "facets/connect/dropbox/index.html", diff --git a/src/components/index.js b/src/components/index.js index 6fe435c9..ff2649a2 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -37,7 +37,7 @@ import * as _OrchestratorScrobbleAudio from "./orchestrator/scrobble-audio/eleme import * as _OrchestratorSources from "./orchestrator/sources/element.js" import * as _OutputBytesS3 from "./output/bytes/s3/element.js" import * as _OutputPolymorphicIndexedDb from "./output/polymorphic/indexed-db/element.js" -import * as _OutputRawAtproto from "./output/raw/atproto/element.js" +import * as _OutputRawAtprotoPasskey from "./output/raw/atproto-passkey/element.js" import * as _SupplementLastFm from "./supplement/last.fm/element.js" import * as _SupplementListenbrainz from "./supplement/listenbrainz/element.js" import * as _SupplementRocksky from "./supplement/rocksky/element.js" @@ -114,7 +114,7 @@ export const output = { indexedDb: _OutputPolymorphicIndexedDb, }, raw: { - atproto: _OutputRawAtproto, + "atproto-passkey": _OutputRawAtprotoPasskey, }, } diff --git a/src/components/output/raw/atproto/element.js b/src/components/output/raw/atproto-passkey/element.js similarity index 98% rename from src/components/output/raw/atproto/element.js rename to src/components/output/raw/atproto-passkey/element.js index feb09d01..c179dd58 100644 --- a/src/components/output/raw/atproto/element.js +++ b/src/components/output/raw/atproto-passkey/element.js @@ -18,7 +18,7 @@ import { /** * @import {OutputManager} from "@specs/components/output/types.d.ts" - * @import {ATProtoOutputElement} from "@specs/components/output/raw/atproto/types.d.ts" + * @import {ATProtoPasskeyOutputElement} from "@specs/components/output/raw/atproto-passkey/types.d.ts" * @import {MessageOf} from "@atcute/firehose" * @typedef {import("@atcute/atproto").ComAtprotoRepoApplyWrites.$input['writes'][number]} WriteOp */ @@ -36,10 +36,10 @@ const WATCHED_COLLECTIONS = new Set([ //////////////////////////////////////////// /** - * @implements {ATProtoOutputElement} + * @implements {ATProtoPasskeyOutputElement} */ -class ATProtoOutput extends BroadcastedOutputElement { - static NAME = "diffuse/output/raw/atproto"; +class ATProtoPasskeyOutput extends BroadcastedOutputElement { + static NAME = "diffuse/output/raw/atproto-passkey"; #manager; @@ -750,13 +750,13 @@ class ATProtoOutput extends BroadcastedOutputElement { } -export default ATProtoOutput; +export default ATProtoPasskeyOutput; //////////////////////////////////////////// // REGISTER //////////////////////////////////////////// -export const CLASS = ATProtoOutput; -export const NAME = "dor-atproto"; +export const CLASS = ATProtoPasskeyOutput; +export const NAME = "dor-atproto-passkey"; -defineElement(NAME, ATProtoOutput); +defineElement(NAME, ATProtoPasskeyOutput); diff --git a/src/components/output/raw/atproto/oauth-client-metadata.json b/src/components/output/raw/atproto-passkey/oauth-client-metadata.json similarity index 92% rename from src/components/output/raw/atproto/oauth-client-metadata.json rename to src/components/output/raw/atproto-passkey/oauth-client-metadata.json index 28f9bf66..48647846 100644 --- a/src/components/output/raw/atproto/oauth-client-metadata.json +++ b/src/components/output/raw/atproto-passkey/oauth-client-metadata.json @@ -1,5 +1,5 @@ { - "client_id": "https://elements.diffuse.sh/latest/components/output/raw/atproto/oauth-client-metadata.json", + "client_id": "https://elements.diffuse.sh/latest/components/output/raw/atproto-passkey/oauth-client-metadata.json", "client_name": "Diffuse", "client_uri": "https://elements.diffuse.sh", "redirect_uris": ["https://elements.diffuse.sh/oauth/callback"], diff --git a/src/components/output/raw/atproto/oauth.js b/src/components/output/raw/atproto-passkey/oauth.js similarity index 95% rename from src/components/output/raw/atproto/oauth.js rename to src/components/output/raw/atproto-passkey/oauth.js index 6416630f..95e65e88 100644 --- a/src/components/output/raw/atproto/oauth.js +++ b/src/components/output/raw/atproto-passkey/oauth.js @@ -28,10 +28,10 @@ export { OAuthUserAgent, TokenRefreshError }; * @import {Session} from "@atcute/oauth-browser-client" */ -const STORAGE_KEY = "diffuse/output/raw/atproto/did"; +const STORAGE_KEY = "diffuse/output/raw/atproto-passkey/did"; const SCOPE = metadata.scope; -const STORAGE_NAME = "diffuse/output/raw/atproto/atcute/oauth"; -const CLIENT_KEY = "diffuse/output/raw/atproto"; +const STORAGE_NAME = "diffuse/output/raw/atproto-passkey/atcute/oauth"; +const CLIENT_KEY = "diffuse/output/raw/atproto-passkey"; // CONFIGURE // ========= @@ -49,7 +49,7 @@ const client_id = isLocalDev encodeURIComponent(SCOPE) }` : /** @type {any} */ (import.meta).env?.ATPROTO_CLIENT_ID ?? - "https://elements.diffuse.sh/latest/components/output/raw/atproto/oauth-client-metadata.json"; + "https://elements.diffuse.sh/latest/components/output/raw/atproto-passkey/oauth-client-metadata.json"; const OAUTH_CONFIG = { metadata: { diff --git a/src/components/transformer/output/raw/atproto-sync/element.js b/src/components/transformer/output/raw/atproto-sync/element.js index b59d7425..988418c9 100644 --- a/src/components/transformer/output/raw/atproto-sync/element.js +++ b/src/components/transformer/output/raw/atproto-sync/element.js @@ -10,7 +10,7 @@ import * as Output from "~/common/output.js"; /** * @import { RenderArg } from "~/common/element.d.ts" * @import { OutputElement } from "@specs/components/output/types.d.ts" - * @import { ATProtoOutputElement } from "@specs/components/output/raw/atproto/types.d.ts" + * @import { ATProtoPasskeyOutputElement } from "@specs/components/output/raw/atproto-passkey/types.d.ts" */ const COLLECTIONS = /** @type {const} */ ([ @@ -173,7 +173,7 @@ class ATProtoOutputSyncTransformer extends OutputTransformer { #syncing = false; /** - * @returns {ATProtoOutputElement | undefined} + * @returns {ATProtoPasskeyOutputElement | undefined} */ #atproto() { return /** @type {any} */ (this.output.signal()); diff --git a/src/facets/connect/atproto/index.html b/src/facets/connect/atproto-passkey/index.html similarity index 74% rename from src/facets/connect/atproto/index.html rename to src/facets/connect/atproto-passkey/index.html index 5af1bed6..11457a12 100644 --- a/src/facets/connect/atproto/index.html +++ b/src/facets/connect/atproto-passkey/index.html @@ -9,4 +9,4 @@
- + diff --git a/src/facets/connect/atproto/index.inline.js b/src/facets/connect/atproto-passkey/index.inline.js similarity index 86% rename from src/facets/connect/atproto/index.inline.js rename to src/facets/connect/atproto-passkey/index.inline.js index 1b8e96e7..03a9bbc4 100644 --- a/src/facets/connect/atproto/index.inline.js +++ b/src/facets/connect/atproto-passkey/index.inline.js @@ -1,6 +1,6 @@ import { html, nothing, render as litRender } from "lit-html"; -import { NAME as ATPROTO_NAME } from "~/components/output/raw/atproto/element.js"; +import { NAME as ATPROTO_PASSKEY_NAME } from "~/components/output/raw/atproto-passkey/element.js"; import { NAME as PASSKEY_NAME } from "~/components/transformer/output/refiner/passkey-encryption/element.js"; import { effect, signal } from "~/common/signal.js"; import foundation from "~/common/foundation.js"; @@ -10,7 +10,7 @@ import { setup } from "~/facets/connect/common.js"; foundation.setup({ title: "Connect Atmosphere | Diffuse" }); /** - * @import { ATProtoOutputElement } from "@specs/components/output/raw/atproto/types.d.ts" + * @import { ATProtoPasskeyOutputElement } from "@specs/components/output/raw/atproto-passkey/types.d.ts" * @import PasskeyEncryptionTransformer from "~/components/transformer/output/refiner/passkey-encryption/element.js" */ @@ -21,18 +21,18 @@ foundation.setup({ title: "Connect Atmosphere | Diffuse" }); const outputOrchestrator = await foundation.orchestrator.output(); await customElements.whenDefined(outputOrchestrator.localName); -await customElements.whenDefined(ATPROTO_NAME); +await customElements.whenDefined(ATPROTO_PASSKEY_NAME); const atprotoOption = await outputOrchestrator.waitForOption("AT Protocol"); -const ATPROTO_OUTPUT_ID = atprotoOption.id; +const ATPROTO_PASSKEY_OUTPUT_ID = atprotoOption.id; -const atprotoEl = /** @type {ATProtoOutputElement | undefined} */ ( - outputOrchestrator.root().querySelector(ATPROTO_NAME) +const atprotoEl = /** @type {ATProtoPasskeyOutputElement | undefined} */ ( + outputOrchestrator.root().querySelector(ATPROTO_PASSKEY_NAME) ); const atprotoPasskeyEl = /** @type {PasskeyEncryptionTransformer | null} */ ( outputOrchestrator.root().querySelector( - `${PASSKEY_NAME}[namespace="atproto"]`, + `${PASSKEY_NAME}[namespace="atproto-passkey"]`, ) ); @@ -87,12 +87,12 @@ if (outputOrchestrator.hasSelected() && !outputOrchestrator.selected()) { //////////////////////////////////////////// const { setItems } = setup({ - title: "Atmosphere", + title: "Atmosphere (Public)", hasInput: false, description: html`

- Use your AT Protocol identity to store your Diffuse user-data. + Use your AT Protocol account for user-data storage. Your data will be stored as public records, but sensitive data can be encrypted using a passkey.

`, @@ -103,7 +103,7 @@ const { setItems } = setup({ onSubmit: (_mode) => connect(), onOutputActivate: async () => { - await outputOrchestrator.select(ATPROTO_OUTPUT_ID); + await outputOrchestrator.select(ATPROTO_PASSKEY_OUTPUT_ID); }, }); @@ -117,7 +117,7 @@ const handleInput = effect(() => { const did = atprotoEl?.did(); const isSelectedOutput = - outputOrchestrator.selected()?.id === ATPROTO_OUTPUT_ID; + outputOrchestrator.selected()?.id === ATPROTO_PASSKEY_OUTPUT_ID; setItems( did @@ -175,7 +175,7 @@ if (atprotoPasskeyEl) { ` : html`

- Track URIs and settings can optionally be encrypted so that passwords and other sensitive details are kept private. + Track URIs and settings can be optionally encrypted so that passwords and other sensitive details are kept private.

${passkeyError @@ -184,10 +184,10 @@ if (atprotoPasskeyEl) {
`} @@ -212,7 +212,7 @@ async function connect() { const handle = handleInput.value?.trim(); if (!handle) return; - await outputOrchestrator.select(ATPROTO_OUTPUT_ID); + await outputOrchestrator.select(ATPROTO_PASSKEY_OUTPUT_ID); await atprotoEl?.login(handle); } diff --git a/src/facets/connect/common.js b/src/facets/connect/common.js index 93bbac5e..741fd463 100644 --- a/src/facets/connect/common.js +++ b/src/facets/connect/common.js @@ -57,7 +57,9 @@ export function setup( -

${title}

+
+

${title}

+
${description}
diff --git a/src/facets/connect/index.inline.js b/src/facets/connect/index.inline.js index 95beaf8a..34b86202 100644 --- a/src/facets/connect/index.inline.js +++ b/src/facets/connect/index.inline.js @@ -10,7 +10,7 @@ const loaderHref = (path) => `l/?path=${encodeURIComponent(path)}`; /** @type {Record} */ const icons = { - "facets/connect/atproto/index.html": "at", + "facets/connect/atproto-passkey/index.html": "at", "facets/connect/dropbox/index.html": "cloud", "facets/connect/https/index.html": "globe", "facets/connect/https-json/index.html": "list-bullets", @@ -22,7 +22,7 @@ const icons = { }; const recommended = new Set([ - "facets/connect/atproto/index.html", + "facets/connect/atproto-passkey/index.html", "facets/connect/dropbox/index.html", "facets/connect/local/index.html", "facets/connect/s3/index.html", diff --git a/src/facets/data/output-bundle/index.inline.js b/src/facets/data/output-bundle/index.inline.js index 084ee8b5..f62f3047 100644 --- a/src/facets/data/output-bundle/index.inline.js +++ b/src/facets/data/output-bundle/index.inline.js @@ -1,7 +1,7 @@ import foundation from "~/common/foundation.js"; import { effect } from "~/common/signal.js"; -import { NAME as ATPROTO_OUTPUT_NAME } from "~/components/output/raw/atproto/element.js"; +import { NAME as ATPROTO_OUTPUT_NAME } from "~/components/output/raw/atproto-passkey/element.js"; import { NAME as ATPROTO_SYNC_NAME } from "~/components/transformer/output/raw/atproto-sync/element.js"; import { NAME as ATPROTO_PASSKEY_NAME } from "~/components/transformer/output/refiner/passkey-encryption/element.js"; @@ -24,7 +24,7 @@ effect(() => { const output = foundation.signals.orchestrator.output(); if (!output) return; - atproto(output); + atprotoPasskey(output); s3(output); dropbox(output); @@ -45,8 +45,8 @@ effect(() => { Array.from(newlyActicated).map((id) => { switch (id) { - case "do-output__dc-output__atproto": - return atprotoCustomElements(); + case "do-output__dc-output__atproto-passkey": + return atprotoPasskeyCustomElements(); case "do-output__dc-output__s3": return s3CustomElements(); case "do-output__dc-output__dropbox": @@ -65,22 +65,22 @@ effect(() => { * * @param {OutputOrchestrator} output */ -export function atproto(output) { +export function atprotoPasskey(output) { const out = document.createElement(ATPROTO_OUTPUT_NAME); out.setAttribute("group", foundation.GROUP); - out.setAttribute("id", "do-output__dor-atproto"); + out.setAttribute("id", "do-output__dor-atproto-passkey"); const sync = document.createElement(ATPROTO_SYNC_NAME); sync.setAttribute("group", foundation.GROUP); sync.setAttribute("id", "do-output__dtor-atproto-sync"); - sync.setAttribute("namespace", "atproto"); - sync.setAttribute("output-selector", "#do-output__dor-atproto"); + sync.setAttribute("namespace", "atproto-passkey"); + sync.setAttribute("output-selector", "#do-output__dor-atproto-passkey"); const passkey = document.createElement(ATPROTO_PASSKEY_NAME); passkey.setAttribute("group", foundation.GROUP); - passkey.setAttribute("id", "do-output__dc-output__atproto"); + passkey.setAttribute("id", "do-output__dc-output__atproto-passkey"); passkey.setAttribute("label", "AT Protocol"); - passkey.setAttribute("namespace", "atproto"); + passkey.setAttribute("namespace", "atproto-passkey"); passkey.setAttribute( "output-selector", "#do-output__dtor-atproto-sync", @@ -93,8 +93,8 @@ export function atproto(output) { output.outputConfigurator.append(passkey); } -export function atprotoCustomElements() { - import("~/components/output/raw/atproto/element.js"); +export function atprotoPasskeyCustomElements() { + import("~/components/output/raw/atproto-passkey/element.js"); import( "~/components/transformer/output/raw/atproto-sync/element.js" ); diff --git a/src/facets/misc/scrobble/rocksky/index.inline.js b/src/facets/misc/scrobble/rocksky/index.inline.js index fb263e13..8418407e 100644 --- a/src/facets/misc/scrobble/rocksky/index.inline.js +++ b/src/facets/misc/scrobble/rocksky/index.inline.js @@ -2,10 +2,11 @@ import { html, nothing, render as litRender } from "lit-html"; import foundation from "~/common/foundation.js"; import { effect, signal } from "~/common/signal.js"; -import { NAME as ATPROTO_NAME } from "~/components/output/raw/atproto/element.js"; + +import { NAME as ATPROTO_PASSKEY_NAME } from "~/components/output/raw/atproto-passkey/element.js"; /** - * @import { ATProtoOutputElement } from "@specs/components/output/raw/atproto/types.d.ts" + * @import { ATProtoPasskeyOutputElement } from "@specs/components/output/raw/atproto-passkey/types.d.ts" */ //////////////////////////////////////////// @@ -37,14 +38,14 @@ if (!rocksky) { await customElements.whenDefined(rocksky.localName); const atprotoEl = signal( - /** @type {ATProtoOutputElement | undefined} */ (undefined), + /** @type {ATProtoPasskeyOutputElement | undefined} */ (undefined), ); -customElements.whenDefined(ATPROTO_NAME).then(async () => { +customElements.whenDefined(ATPROTO_PASSKEY_NAME).then(async () => { const outputOrchestrator = await foundation.orchestrator.output(); - atprotoEl.value = /** @type {ATProtoOutputElement | undefined} */ ( - outputOrchestrator.root().querySelector(ATPROTO_NAME) + atprotoEl.value = /** @type {ATProtoPasskeyOutputElement | undefined} */ ( + outputOrchestrator.root().querySelector(ATPROTO_PASSKEY_NAME) ); }); diff --git a/src/styles/diffuse/facet.css b/src/styles/diffuse/facet.css index 729c81c8..7cecdea9 100644 --- a/src/styles/diffuse/facet.css +++ b/src/styles/diffuse/facet.css @@ -80,13 +80,19 @@ label { h1 { font-size: var(--fs-2xl); - font-size: min(14cqi, var(--fs-2xl)); + font-size: min(12cqi, var(--fs-2xl)); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 var(--space-sm); overflow: hidden; + text-overflow: ellipsis; white-space: nowrap; + /*width: fit-content;*/ +} + +.h1-container { + } .facet__left p { diff --git a/tests/components/output/raw/atproto/test.ts b/tests/components/output/raw/atproto-passkey/test.ts similarity index 76% rename from tests/components/output/raw/atproto/test.ts rename to tests/components/output/raw/atproto-passkey/test.ts index 5f995bf4..a247e393 100644 --- a/tests/components/output/raw/atproto/test.ts +++ b/tests/components/output/raw/atproto-passkey/test.ts @@ -3,10 +3,10 @@ import { expect } from "@std/expect"; import { testWeb } from "@tests/common/index.ts"; -describe("components/output/raw/atproto", () => { +describe("components/output/raw/atproto-passkey", () => { it("did returns null when not authenticated", async () => { const result = await testWeb(async () => { - const mod = await import("~/components/output/raw/atproto/element.js"); + const mod = await import("~/components/output/raw/atproto-passkey/element.js"); const output = new mod.CLASS(); document.body.append(output); return output.did() ?? null; @@ -17,7 +17,7 @@ describe("components/output/raw/atproto", () => { it("rev returns null when not authenticated", async () => { const result = await testWeb(async () => { - const mod = await import("~/components/output/raw/atproto/element.js"); + const mod = await import("~/components/output/raw/atproto-passkey/element.js"); const output = new mod.CLASS(); document.body.append(output); return output.rev() ?? null; @@ -28,7 +28,7 @@ describe("components/output/raw/atproto", () => { it("ready returns false when not authenticated", async () => { const result = await testWeb(async () => { - const mod = await import("~/components/output/raw/atproto/element.js"); + const mod = await import("~/components/output/raw/atproto-passkey/element.js"); const output = new mod.CLASS(); document.body.append(output); return output.ready(); @@ -39,7 +39,7 @@ describe("components/output/raw/atproto", () => { it("listRecords returns empty array when not authenticated", async () => { const result = await testWeb(async () => { - const mod = await import("~/components/output/raw/atproto/element.js"); + const mod = await import("~/components/output/raw/atproto-passkey/element.js"); const output = new mod.CLASS(); document.body.append(output); return output.listRecords("sh.diffuse.output.facet"); @@ -50,7 +50,7 @@ describe("components/output/raw/atproto", () => { it("getLatestCommit returns null when not authenticated", async () => { const result = await testWeb(async () => { - const mod = await import("~/components/output/raw/atproto/element.js"); + const mod = await import("~/components/output/raw/atproto-passkey/element.js"); const output = new mod.CLASS(); document.body.append(output); return output.getLatestCommit(); @@ -61,7 +61,7 @@ describe("components/output/raw/atproto", () => { it("putRecords resolves without throwing when not authenticated", async () => { const result = await testWeb(async () => { - const mod = await import("~/components/output/raw/atproto/element.js"); + const mod = await import("~/components/output/raw/atproto-passkey/element.js"); const output = new mod.CLASS(); document.body.append(output); @@ -74,7 +74,7 @@ describe("components/output/raw/atproto", () => { it("settings.collection is loading initially", async () => { const result = await testWeb(async () => { - const mod = await import("~/components/output/raw/atproto/element.js"); + const mod = await import("~/components/output/raw/atproto-passkey/element.js"); const output = new mod.CLASS(); document.body.append(output); return output.settings.collection().state; @@ -85,7 +85,7 @@ describe("components/output/raw/atproto", () => { it("tracks.collection is loading initially", async () => { const result = await testWeb(async () => { - const mod = await import("~/components/output/raw/atproto/element.js"); + const mod = await import("~/components/output/raw/atproto-passkey/element.js"); const output = new mod.CLASS(); document.body.append(output); return output.tracks.collection().state;