@livestore/adapter-web 0.0.0-snapshot-a953343ad2d7468c6573bcb5e26f0eab4302078f

package/dist/web-worker/shared-worker/make-shared-worker.js

@@ -0,0 +1,160 @@
+import { IntentionalShutdownCause, UnexpectedError } from '@livestore/common';
+import { connectViaWorker } from '@livestore/devtools-web-common/web-channel';
+import * as WebMeshWorker from '@livestore/devtools-web-common/worker';
+import { isDevEnv, isNotUndefined, LS_DEV } from '@livestore/utils';
+import { BrowserWorker, BrowserWorkerRunner, Deferred, Duration, Effect, Exit, FetchHttpClient, identity, Layer, Logger, LogLevel, ParseResult, Queue, Ref, Schema, Scope, Stream, SubscriptionRef, TaskTracing, Worker, WorkerError, WorkerRunner, } from '@livestore/utils/effect';
+import { makeShutdownChannel } from '../common/shutdown-channel.js';
+import * as WorkerSchema from '../common/worker-schema.js';
+if (isDevEnv()) {
+    globalThis.__debugLiveStoreUtils = {
+        blobUrl: (buffer) => URL.createObjectURL(new Blob([buffer], { type: 'application/octet-stream' })),
+        runSync: (effect) => Effect.runSync(effect),
+        runFork: (effect) => Effect.runFork(effect),
+    };
+}
+const makeWorkerRunner = Effect.gen(function* () {
+    const leaderWorkerContextSubRef = yield* SubscriptionRef.make(undefined);
+    const initialMessagePayloadDeferredRef = yield* Deferred.make().pipe(Effect.andThen(Ref.make));
+    const waitForWorker = SubscriptionRef.waitUntil(leaderWorkerContextSubRef, isNotUndefined).pipe(Effect.map((_) => _.worker));
+    const forwardRequest = (req) => waitForWorker.pipe(
+    // Effect.logBefore(`forwardRequest: ${req._tag}`),
+    Effect.andThen((worker) => worker.executeEffect(req)), 
+    // Effect.tap((_) => Effect.log(`forwardRequest: ${req._tag}`, _)),
+    // Effect.tapError((cause) => Effect.logError(`forwardRequest err: ${req._tag}`, cause)),
+    Effect.logWarnIfTakesLongerThan({
+        label: `@livestore/adapter-web:shared-worker:forwardRequest:${req._tag}`,
+        duration: 500,
+    }), Effect.mapError((cause) => Schema.is(UnexpectedError)(cause)
+        ? cause
+        : ParseResult.isParseError(cause) || Schema.is(WorkerError.WorkerError)(cause)
+            ? new UnexpectedError({ cause })
+            : cause), Effect.catchAllDefect((cause) => new UnexpectedError({ cause })), Effect.tapCauseLogPretty);
+    // const forwardRequestStream = <TReq extends WorkerSchema.DedicatedWorkerInner.Request>(
+    //   req: TReq,
+    // ): TReq extends Serializable.WithResult<infer A, infer _I, infer _E, infer _EI, infer _R>
+    //   ? Stream.Stream<A, UnexpectedError, never>
+    //   : never =>
+    //   waitForWorker.pipe(
+    //     Effect.logBefore(`forwardRequestStream: ${req._tag}`),
+    //     Effect.andThen((worker) => worker.execute(req) as Stream.Stream<unknown, unknown, never>),
+    //     Effect.interruptible,
+    //     UnexpectedError.mapToUnexpectedError,
+    //     Effect.tapCauseLogPretty,
+    //     Stream.unwrap,
+    //     Stream.ensuring(Effect.logDebug(`shutting down stream for ${req._tag}`)),
+    //     UnexpectedError.mapToUnexpectedErrorStream,
+    //   ) as any
+    // TODO bring back the `forwardRequestStream` impl above. Needs debugging with Tim Smart
+    // It seems the in-progress streams are not being closed properly if the worker is closed (e.g. by closing the leader tab)
+    const forwardRequestStream = (req) => Effect.gen(function* () {
+        const { worker, scope } = yield* SubscriptionRef.waitUntil(leaderWorkerContextSubRef, isNotUndefined);
+        const queue = yield* Queue.unbounded();
+        yield* Scope.addFinalizer(scope, Queue.shutdown(queue));
+        const workerStream = worker.execute(req);
+        yield* workerStream.pipe(Stream.tap((_) => Queue.offer(queue, _)), Stream.runDrain, Effect.interruptible, Effect.forkIn(scope));
+        return Stream.fromQueue(queue);
+    }).pipe(UnexpectedError.mapToUnexpectedError, Effect.tapCauseLogPretty, Stream.unwrap, Stream.mapError((cause) => Schema.is(UnexpectedError)(cause)
+        ? cause
+        : ParseResult.isParseError(cause) || Schema.is(WorkerError.WorkerError)(cause)
+            ? new UnexpectedError({ cause })
+            : cause));
+    const resetCurrentWorkerCtx = Effect.gen(function* () {
+        const prevWorker = yield* SubscriptionRef.get(leaderWorkerContextSubRef);
+        if (prevWorker !== undefined) {
+            // NOTE we're already unsetting the current worker here, so new incoming requests are queued for the new worker
+            yield* SubscriptionRef.set(leaderWorkerContextSubRef, undefined);
+            yield* Effect.yieldNow();
+            yield* Scope.close(prevWorker.scope, Exit.void).pipe(
+            // TODO there still seem to be scenarios where it takes longer than 1 second which is leading to problems
+            Effect.timeout(Duration.seconds(1)), Effect.logWarnIfTakesLongerThan({
+                label: '@livestore/adapter-web:shared-worker:close-previous-worker',
+                duration: 500,
+            }), 
+            // Effect.catchTag('TimeoutException', () => Scope.close(prevWorker.scope, Exit.fail('boom'))),
+            Effect.ignoreLogged);
+        }
+    }).pipe(Effect.withSpan('@livestore/adapter-web:shared-worker:resetCurrentWorkerCtx'));
+    // const devtoolsWebBridge = yield* makeDevtoolsWebBridge
+    const reset = Effect.gen(function* () {
+        yield* Effect.logDebug('reset');
+        const initialMessagePayloadDeferred = yield* Deferred.make();
+        yield* Ref.set(initialMessagePayloadDeferredRef, initialMessagePayloadDeferred);
+        yield* resetCurrentWorkerCtx;
+        // yield* devtoolsWebBridge.reset
+    });
+    return WorkerRunner.layerSerialized(WorkerSchema.SharedWorker.Request, {
+        InitialMessage: (message) => Effect.gen(function* () {
+            if (message.payload._tag === 'FromWebBridge')
+                return;
+            const initialMessagePayloadDeferred = yield* Ref.get(initialMessagePayloadDeferredRef);
+            const deferredAlreadyDone = yield* Deferred.isDone(initialMessagePayloadDeferred);
+            const initialMessage = message.payload.initialMessage;
+            if (deferredAlreadyDone) {
+                const previousInitialMessage = yield* Deferred.await(initialMessagePayloadDeferred);
+                const messageSchema = WorkerSchema.LeaderWorkerInner.InitialMessage.pipe(Schema.omit('devtoolsEnabled', 'debugInstanceId'));
+                const isEqual = Schema.equivalence(messageSchema);
+                if (isEqual(initialMessage, previousInitialMessage.initialMessage) === false) {
+                    const diff = Schema.debugDiff(messageSchema)(previousInitialMessage.initialMessage, initialMessage);
+                    yield* new UnexpectedError({
+                        cause: 'Initial message already sent and was different now',
+                        payload: {
+                            diff,
+                            previousInitialMessage,
+                            newInitialMessage: initialMessage,
+                        },
+                    });
+                }
+            }
+            else {
+                yield* Deferred.succeed(initialMessagePayloadDeferred, message.payload);
+            }
+        }),
+        // Whenever the client session leader changes (and thus creates a new leader thread), the new client session leader
+        // sends a new MessagePort to the shared worker which proxies messages to the new leader thread.
+        UpdateMessagePort: ({ port }) => Effect.gen(function* () {
+            const initialMessagePayload = yield* initialMessagePayloadDeferredRef.get.pipe(Effect.andThen(Deferred.await));
+            yield* resetCurrentWorkerCtx;
+            const scope = yield* Scope.make();
+            const workerDeferred = yield* Deferred.make();
+            // TODO we could also keep the pool instance around to re-use it by removing the previous worker and adding a new one
+            yield* Worker.makePoolSerialized({
+                size: 1,
+                concurrency: 100,
+                initialMessage: () => initialMessagePayload.initialMessage,
+            }).pipe(Effect.tap((worker) => Deferred.succeed(workerDeferred, worker)), Effect.provide(BrowserWorker.layer(() => port)), Effect.catchAllCause((cause) => new UnexpectedError({ cause })), Effect.tapError((cause) => Deferred.fail(workerDeferred, cause)), Effect.withSpan('@livestore/adapter-web:shared-worker:makeWorkerProxyFromPort'), Effect.tapCauseLogPretty, Scope.extend(scope), Effect.forkIn(scope));
+            yield* Effect.gen(function* () {
+                const shutdownChannel = yield* makeShutdownChannel(initialMessagePayload.initialMessage.storeId);
+                yield* shutdownChannel.listen.pipe(Stream.flatten(), Stream.filter(Schema.is(IntentionalShutdownCause)), Stream.tap(() => reset), Stream.runDrain);
+            }).pipe(Effect.tapCauseLogPretty, Scope.extend(scope), Effect.forkIn(scope));
+            const worker = yield* workerDeferred;
+            // Prepare the web mesh connection for leader worker to be able to connect to the devtools
+            const { node } = yield* WebMeshWorker.CacheService;
+            const { storeId, clientId } = initialMessagePayload.initialMessage;
+            yield* connectViaWorker({ node, worker, target: `leader-${storeId}-${clientId}` }).pipe(Effect.tapCauseLogPretty, Scope.extend(scope), Effect.forkIn(scope));
+            yield* SubscriptionRef.set(leaderWorkerContextSubRef, { worker, scope });
+        }).pipe(Effect.withSpan('@livestore/adapter-web:shared-worker:updateMessagePort'), UnexpectedError.mapToUnexpectedError, Effect.tapCauseLogPretty),
+        // Proxied requests
+        BootStatusStream: forwardRequestStream,
+        PushToLeader: forwardRequest,
+        PullStream: forwardRequestStream,
+        Export: forwardRequest,
+        GetRecreateSnapshot: forwardRequest,
+        ExportMutationlog: forwardRequest,
+        Setup: forwardRequest,
+        GetLeaderSyncState: forwardRequest,
+        GetLeaderHead: forwardRequest,
+        NetworkStatusStream: forwardRequestStream,
+        Shutdown: forwardRequest,
+        ExtraDevtoolsMessage: forwardRequest,
+        // Accept devtools connections (from leader and client sessions)
+        'DevtoolsWebCommon.CreateConnection': WebMeshWorker.CreateConnection,
+        // ...devtoolsWebBridge.handlers,
+    });
+}).pipe(Layer.unwrapScoped);
+export const makeWorker = () => {
+    makeWorkerRunner.pipe(Layer.provide(BrowserWorkerRunner.layer), Layer.launch, Effect.scoped, Effect.tapCauseLogPretty, Effect.annotateLogs({ thread: self.name }), Effect.provide(Logger.prettyWithThread(self.name)), Effect.provide(FetchHttpClient.layer), Effect.provide(WebMeshWorker.CacheService.layer({ nodeName: 'shared-worker' })), LS_DEV ? TaskTracing.withAsyncTaggingTracing((name) => console.createTask(name)) : identity, 
+    // TODO remove type-cast (currently needed to silence a tsc bug)
+    (_) => _, Logger.withMinimumLogLevel(LogLevel.Debug), Effect.runFork);
+};
+makeWorker();
+//# sourceMappingURL=make-shared-worker.js.map

package/dist/web-worker/shared-worker/make-shared-worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-shared-worker.js","sourceRoot":"","sources":["../../../src/web-worker/shared-worker/make-shared-worker.ts"],"names":[],"mappings":"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"}

package/dist/web-worker/vite-dev-polyfill.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=vite-dev-polyfill.d.ts.map

package/dist/web-worker/vite-dev-polyfill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-dev-polyfill.d.ts","sourceRoot":"","sources":["../../src/web-worker/vite-dev-polyfill.ts"],"names":[],"mappings":""}

package/dist/web-worker/vite-dev-polyfill.js

@@ -0,0 +1,37 @@
+// @ts-expect-error TODO remove when Vite does proper treeshaking during dev
+globalThis.$RefreshReg$ = () => { };
+// @ts-expect-error TODO remove when Vite does proper treeshaking during dev
+globalThis.$RefreshSig$ = () => (type) => type;
+// // @ts-expect-error Needed for React
+globalThis.process = globalThis.process ?? { env: {} };
+globalThis.document = globalThis?.document ?? {
+    querySelectorAll: () => [],
+    addEventListener: () => { },
+    createElement: () => ({
+        setAttribute: () => { },
+        pathname: '',
+        style: {},
+    }),
+    body: {
+        addEventListener: () => { },
+    },
+    head: {
+        appendChild: () => { },
+    },
+};
+globalThis.window = globalThis?.window ?? {
+    AnimationEvent: class AnimationEvent {
+    },
+    TransitionEvent: class TransitionEvent {
+    },
+    addEventListener: () => { },
+    location: {
+        href: '',
+        pathname: '',
+    },
+    document: globalThis.document,
+};
+globalThis.HTMLElement = globalThis?.HTMLElement ?? class HTMLElement {
+};
+export {};
+//# sourceMappingURL=vite-dev-polyfill.js.map

package/dist/web-worker/vite-dev-polyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-dev-polyfill.js","sourceRoot":"","sources":["../../src/web-worker/vite-dev-polyfill.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,UAAU,CAAC,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;AAClC,4EAA4E;AAC5E,UAAU,CAAC,YAAY,GAAG,GAAG,EAAE,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAA;AAEnD,uCAAuC;AACvC,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,CAAA;AAEtD,UAAU,CAAC,QAAQ,GAAI,UAAkB,EAAE,QAAQ,IAAI;IACrD,gBAAgB,EAAE,GAAG,EAAE,CAAC,EAAE;IAC1B,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;QACpB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;QACtB,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,EAAE;KACV,CAAC;IACF,IAAI,EAAE;QACJ,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;KAC3B;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;KACtB;CACF,CAAA;AAED,UAAU,CAAC,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI;IACxC,cAAc,EAAE,MAAM,cAAc;KAAG;IACvC,eAAe,EAAE,MAAM,eAAe;KAAG;IACzC,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE;QACR,QAAQ,EAAE,EAAE;KACb;IACD,QAAQ,EAAE,UAAU,CAAC,QAAQ;CAC9B,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,UAAU,EAAE,WAAW,IAAI,MAAM,WAAW;CAAG,CAAA"}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@livestore/adapter-web",
+  "version": "0.0.0-snapshot-a953343ad2d7468c6573bcb5e26f0eab4302078f",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./worker": {
+      "types": "./dist/web-worker/leader-worker/make-leader-worker.d.ts",
+      "default": "./dist/web-worker/leader-worker/make-leader-worker.js"
+    },
+    "./worker-vite-dev-polyfill": {
+      "types": "./dist/web-worker/vite-dev-polyfill.d.ts",
+      "default": "./dist/web-worker/vite-dev-polyfill.js"
+    },
+    "./shared-worker": {
+      "types": "./dist/web-worker/shared-worker/make-shared-worker.d.ts",
+      "default": "./dist/web-worker/shared-worker/make-shared-worker.js"
+    },
+    "./sqlite": {
+      "types": "./dist/sqlite/index.d.ts",
+      "default": "./dist/sqlite/index.js"
+    },
+    "./opfs-utils": {
+      "types": "./dist/opfs-utils.d.ts",
+      "default": "./dist/opfs-utils.js"
+    },
+    "./devtools-bridge": {
+      "types": "./dist/devtools-bridge/index.d.ts",
+      "default": "./dist/devtools-bridge/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "worker": [
+        "./dist/web-worker/leader-worker/make-leader-worker.d.ts"
+      ],
+      "worker-vite-dev-polyfill": [
+        "./dist/web-worker/vite-dev-polyfill.d.ts"
+      ],
+      "shared-worker": [
+        "./dist/web-worker/shared-worker/make-shared-worker.d.ts"
+      ],
+      "sqlite": [
+        "./dist/sqlite/index.d.ts"
+      ],
+      "opfs-utils": [
+        "./dist/opfs.d.ts"
+      ],
+      "devtools-bridge": [
+        "./dist/devtools-bridge/index.d.ts"
+      ]
+    }
+  },
+  "dependencies": {
+    "@opentelemetry/api": "1.9.0",
+    "@livestore/common": "0.0.0-snapshot-a953343ad2d7468c6573bcb5e26f0eab4302078f",
+    "@livestore/devtools-web-common": "0.0.0-snapshot-a953343ad2d7468c6573bcb5e26f0eab4302078f",
+    "@livestore/sqlite-wasm": "0.0.0-snapshot-a953343ad2d7468c6573bcb5e26f0eab4302078f",
+    "@livestore/webmesh": "0.0.0-snapshot-a953343ad2d7468c6573bcb5e26f0eab4302078f",
+    "@livestore/utils": "0.0.0-snapshot-a953343ad2d7468c6573bcb5e26f0eab4302078f"
+  },
+  "devDependencies": {
+    "@types/chrome": "^0.0.304",
+    "@types/wicg-file-system-access": "^2023.10.5",
+    "vitest": "^2.1.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "test": "echo No tests yet"
+  }
+}

package/src/common/connection.ts

@@ -0,0 +1,32 @@
+import type { PreparedBindValues, SqliteDb } from '@livestore/common'
+import { prepareBindValues, SqliteError } from '@livestore/common'
+import type { BindValues } from '@livestore/common/sql-queries'
+import type { WaSqlite } from '@livestore/sqlite-wasm'
+import { Effect } from '@livestore/utils/effect'
+
+export const execSql = (sqliteDb: SqliteDb, sql: string, bind: BindValues) => {
+  const bindValues = prepareBindValues(bind, sql)
+  return Effect.try({
+    try: () => sqliteDb.execute(sql, bindValues),
+    catch: (cause) =>
+      new SqliteError({ cause, query: { bindValues, sql }, code: (cause as WaSqlite.SQLiteError).code }),
+  }).pipe(Effect.asVoid)
+}
+
+// const selectSqlPrepared = <T>(stmt: PreparedStatement, bind: BindValues) => {
+//   const bindValues = prepareBindValues(bind, stmt.sql)
+//   return Effect.try({
+//     try: () => stmt.select<T>(bindValues),
+//     catch: (cause) =>
+//       new SqliteError({ cause, query: { bindValues, sql: stmt.sql }, code: (cause as WaSqlite.SQLiteError).code }),
+//   })
+// }
+
+// TODO actually use prepared statements
+export const execSqlPrepared = (sqliteDb: SqliteDb, sql: string, bindValues: PreparedBindValues) => {
+  return Effect.try({
+    try: () => sqliteDb.execute(sql, bindValues),
+    catch: (cause) =>
+      new SqliteError({ cause, query: { bindValues, sql }, code: (cause as WaSqlite.SQLiteError).code }),
+  }).pipe(Effect.asVoid)
+}

package/src/devtools-bridge/background-browser-channel.ts

@@ -0,0 +1,57 @@
+import type { Either, ParseResult } from '@livestore/utils/effect'
+import { Chunk, Deferred, Effect, Exit, Runtime, Schema, Scope, Stream, WebChannel } from '@livestore/utils/effect'
+
+export const backgroundChannel = <MsgIn, MsgOut, MsgInEncoded, MsgOutEncoded>({
+  schema: inputSchema,
+  port,
+}: {
+  schema:
+    | Schema.Schema<MsgIn | MsgOut, MsgInEncoded | MsgOutEncoded>
+    | { listen: Schema.Schema<MsgIn, MsgInEncoded>; send: Schema.Schema<MsgOut, MsgOutEncoded> }
+  port: chrome.runtime.Port
+}): Effect.Effect<WebChannel.WebChannel<MsgIn, MsgOut>, never, Scope.Scope> =>
+  Effect.scopeWithCloseable((scope) =>
+    Effect.gen(function* () {
+      const schema = WebChannel.mapSchema(inputSchema)
+
+      const send = (msg: MsgOut) =>
+        Effect.gen(function* () {
+          const encoded = yield* Schema.encode(schema.send)(msg)
+          port.postMessage(encoded)
+        })
+
+      const runtime = yield* Effect.runtime()
+
+      const listen = Stream.async<Either.Either<MsgIn, ParseResult.ParseError>>((emit) => {
+        const onMessage = (message: any) =>
+          Effect.gen(function* () {
+            const result = yield* Schema.decode(schema.listen)(message).pipe(Effect.either)
+
+            emit(Effect.succeed(Chunk.make(result)))
+          }).pipe(
+            Effect.withSpan(`WebChannel:backgroundChannel:listen`),
+            Effect.tapCauseLogPretty,
+            Runtime.runFork(runtime),
+          )
+
+        port.onMessage.addListener(onMessage)
+
+        return Effect.sync(() => {
+          port.onMessage.removeListener(onMessage)
+        })
+      })
+
+      const closedDeferred = yield* Deferred.make<void>().pipe(Effect.acquireRelease(Deferred.done(Exit.void)))
+      const supportsTransferables = false
+
+      return {
+        [WebChannel.WebChannelSymbol]: WebChannel.WebChannelSymbol,
+        listen,
+        send,
+        closedDeferred,
+        schema,
+        supportsTransferables,
+        shutdown: Scope.close(scope, Exit.void),
+      }
+    }).pipe(Effect.withSpan(`WebChannel:backgroundChannel`)),
+  )

package/src/devtools-bridge/background-message.ts

@@ -0,0 +1,42 @@
+import { Devtools } from '@livestore/common'
+import { Schema, Transferable } from '@livestore/utils/effect'
+
+export namespace BackgroundMessage {
+  export class CopyToClipboard extends Schema.TaggedStruct('Background.CopyToClipboard', {
+    text: Schema.String,
+  }) {}
+
+  export class MessageFromAppHost extends Schema.TaggedStruct('Background.MessageFromAppHost', {
+    msg: Devtools.Leader.MessageFromApp,
+  }) {}
+
+  export class MessageToAppHost extends Schema.TaggedStruct('Background.MessageToAppHost', {
+    msg: Devtools.Leader.MessageToApp,
+  }) {}
+
+  export class RequestPortForDevtools extends Schema.TaggedStruct('Background.RequestPortForDevtools', {
+    tabId: Schema.Number,
+  }) {}
+
+  export class RequestOneTimePortFromDevtools extends Schema.TaggedStruct('Background.RequestOneTimePortFromDevtools', {
+    tabId: Schema.Number,
+  }) {}
+
+  export class Disconnect extends Schema.TaggedStruct('Background.Disconnect', { appHostId: Schema.String }) {}
+}
+
+export namespace MessagePortInit {
+  /**
+   * Message is first sent from contentscript-iframe to background and then posted to the devtools.
+   */
+  export class PortForDevtools extends Schema.TaggedStruct('MessagePortInit.PortForDevtools', {
+    port: Transferable.MessagePort,
+    tabId: Schema.Number,
+    appHostId: Schema.String,
+  }) {}
+
+  export class OneTimePortFromDevtools extends Schema.TaggedStruct('MessagePortInit.OneTimePortFromDevtools', {
+    port: Transferable.MessagePort,
+    tabId: Schema.Number,
+  }) {}
+}

package/src/devtools-bridge/bridge-shared.ts

@@ -0,0 +1,97 @@
+// @ts-nocheck
+import { Devtools, liveStoreVersion } from '@livestore/common'
+import { Deferred, Effect, PubSub, Schema, Stream, WebChannel } from '@livestore/utils/effect'
+
+/**
+ * This code is running in the devtools window where it's assumed that message ports
+ * can be transferred over the bridge.
+ */
+export const makeShared = ({
+  portForDevtoolsDeferred,
+  responsePubSub,
+}: {
+  portForDevtoolsDeferred: Deferred.Deferred<MessagePort>
+  responsePubSub: PubSub.PubSub<Devtools.MessageFromApp | Devtools.MessageFromApp>
+}) =>
+  Effect.gen(function* () {
+    const appHostInfoDeferred = yield* Deferred.make<{ appHostId: string; isLeader: boolean }>()
+
+    const appHostStoreChannelDeferred =
+      yield* Deferred.make<
+        WebChannel.WebChannel<typeof Devtools.MessageFromApp.Type, typeof Devtools.MessageToApp.Type>
+      >()
+
+    const portForDevtools = yield* Deferred.await(portForDevtoolsDeferred)
+
+    const appHostCoordinatorChannel = yield* WebChannel.messagePortChannel({
+      port: portForDevtools,
+      schema: { listen: Devtools.MessageFromApp, send: Devtools.MessageToApp },
+    })
+
+    yield* appHostCoordinatorChannel.listen.pipe(
+      Stream.flatten(),
+      // Stream.tapLogWithLabel('appHostCoordinatorChannel.listen'),
+      Stream.tap((msg) =>
+        Effect.gen(function* () {
+          // if (msg._tag === 'LSD.AppHostReady') {
+          // const { appHostId, isLeader } = msg
+          // yield* Deferred.succeed(appHostInfoDeferred, { appHostId, isLeader })
+          // } else if (msg._tag === 'LSD.MessagePortForStoreReq') {
+          // Here we're "duplicating" the message port since we need one for the coordinator
+          // and one for the store
+          const storeMessageChannel = new MessageChannel()
+
+          // yield* sendToAppHost(
+          //   Devtools.MessagePortForStoreRes.make({
+          //     // appHostId: msg.appHostId,
+          //     liveStoreVersion: msg.liveStoreVersion,
+          //     port: storeMessageChannel.port1,
+          //     requestId: msg.requestId,
+          //   }),
+          // )
+
+          //   const portForAppHostStoreChannel = yield* WebChannel.messagePortChannel({
+          //     port: storeMessageChannel.port2,
+          //     schema: { listen: Devtools.MessageFromApp, send: Devtools.MessageToApp },
+          //   })
+
+          //   yield* portForAppHostStoreChannel.listen.pipe(
+          //     Stream.flatten(),
+          //     Stream.tap((msg) => PubSub.publish(responsePubSub, msg)),
+          //     Stream.runDrain,
+          //     Effect.withSpan('portForStoreChannel.listen'),
+          //     Effect.tapCauseLogPretty,
+          //     Effect.forkScoped,
+          //   )
+
+          //   yield* Deferred.succeed(appHostStoreChannelDeferred, portForAppHostStoreChannel)
+          // } else {
+          yield* PubSub.publish(responsePubSub, msg)
+          // }
+        }),
+      ),
+      Stream.runDrain,
+      Effect.withSpan('portForDevtoolsChannel.listen'),
+      Effect.tapCauseLogPretty,
+      Effect.forkScoped,
+    )
+
+    // Sends the message to the app host (i.e. contentscript) via the devtools panel window and the background script
+    // const sendToAppHost: Devtools.PrepareDevtoolsBridge['sendToAppHost'] = (msg) =>
+    //   Effect.gen(function* () {
+    //     // console.log('bridge-shared: sendToAppHost', msg)
+    //     if (Schema.is(Devtools.MessageToApp)(msg)) {
+    //       yield* appHostCoordinatorChannel.send(msg)
+    //     } else {
+    //       // console.log('bridge-shared: sendToAppHostStore', msg)
+    //       const appHostStoreChannel = yield* Deferred.await(appHostStoreChannelDeferred)
+    //       yield* appHostStoreChannel.send(msg)
+    //     }
+    //   }).pipe(Effect.withSpan('sendToAppHost'), Effect.orDie)
+
+    // yield* sendToAppHost(Devtools.DevtoolsReady.make({ liveStoreVersion }))
+
+    const { appHostId, isLeader } = yield* Deferred.await(appHostInfoDeferred)
+
+    return { appHostId, isLeader }
+  })

package/src/devtools-bridge/browser-extension-bridge.ts

@@ -0,0 +1,64 @@
+import { Devtools, liveStoreVersion } from '@livestore/common'
+import { Deferred, Effect, PubSub, Schema, Stream, WebChannel } from '@livestore/utils/effect'
+
+import { BackgroundMessage, MessagePortInit } from './background-message.js'
+import { makeShared } from './bridge-shared.js'
+import { EscapeKey, IframeReady, MessageToPanel } from './iframe-message.js'
+
+// NOTE this code is running inside the devtools iframe, so will be re-running from scratch if the iframe is reloaded
+// TODO make sure this also works reliably for HMR
+export const prepareBrowserExtensionDevtoolsBridge = Effect.gen(function* () {
+  // const iframeWindow = window
+  // const iframeChannel = yield* WebChannel.windowChannel({
+  //   window: iframeWindow,
+  //   schema: {
+  //     listen: Schema.Union(MessagePortInit.PortForDevtools, BackgroundMessage.Disconnect),
+  //     send: Schema.Never,
+  //   },
+  // })
+  // const panelChannel = yield* WebChannel.windowChannel({
+  //   window: iframeWindow.parent,
+  //   schema: { listen: Schema.Never, send: MessageToPanel },
+  // })
+  // const responsePubSub = yield* PubSub.unbounded<
+  //   Devtools.MessageFromApp | Devtools.MessageFromApp
+  // >().pipe(Effect.acquireRelease(PubSub.shutdown))
+  // const portForDevtoolsDeferred = yield* Deferred.make<MessagePort>()
+  // // Messages coming from the app host (i.e. contentscript) via the background script and the devtools panel window
+  // yield* iframeChannel.listen.pipe(
+  //   Stream.flatten(),
+  //   Stream.tap((msg) =>
+  //     Effect.gen(function* () {
+  //       if (msg._tag === 'MessagePortInit.PortForDevtools') {
+  //         yield* Deferred.succeed(portForDevtoolsDeferred, msg.port)
+  //       } else {
+  //         // yield* PubSub.publish(
+  //         //   responsePubSub,
+  //         //   Devtools.Disconnect.make({ clientId: msg.clientId, sessionId: msg.sessionId, liveStoreVersion }),
+  //         // )
+  //       }
+  //     }),
+  //   ),
+  //   Stream.runDrain,
+  //   Effect.withSpan('iframeChannel.listen'),
+  //   Effect.tapCauseLogPretty,
+  //   Effect.forkScoped,
+  // )
+  // yield* panelChannel.send(IframeReady.make({})).pipe(Effect.ignoreLogged)
+  // // NOTE When using the web bridge and browser extension bridge at the same time, both will show `isLeader: true`
+  // // even though the page origin is the same, given the browser extension app is running in an iframe
+  // // this will cause the origin to be "sandboxed" and thus the locks be isolated
+  // const { sendToAppHost, appHostId, isLeader } = yield* makeShared({ portForDevtoolsDeferred, responsePubSub })
+  // const copyToClipboard = (text: string) =>
+  //   panelChannel.send(BackgroundMessage.CopyToClipboard.make({ text })).pipe(Effect.ignoreLogged)
+  // const sendEscapeKey = panelChannel.send(EscapeKey.make({})).pipe(Effect.ignoreLogged)
+  // return {
+  //   responsePubSub,
+  //   sendToAppHost,
+  //   clientId,
+  //   sessionId,
+  //   copyToClipboard,
+  //   sendEscapeKey,
+  //   isLeader,
+  // } satisfies Devtools.PrepareDevtoolsBridge
+})

package/src/devtools-bridge/iframe-message.ts

@@ -0,0 +1,9 @@
+import { Schema } from '@livestore/utils/effect'
+
+import { BackgroundMessage } from './background-message.js'
+
+export class IframeReady extends Schema.TaggedStruct('IframeReady', {}) {}
+export class EscapeKey extends Schema.TaggedStruct('EscapeKey', {}) {}
+
+export class MessageToIframeWindow extends Schema.Union() {}
+export class MessageToPanel extends Schema.Union(IframeReady, EscapeKey, BackgroundMessage.CopyToClipboard) {}

package/src/devtools-bridge/index.ts

@@ -0,0 +1,9 @@
+export { prepareBrowserExtensionDevtoolsBridge } from './browser-extension-bridge.js'
+export {
+  //   prepareWebDevtoolsBridge,
+  type WebBridgeOptions,
+  type WebBridgeInfo as WebBridgeChannelInfo,
+} from './web-bridge.js'
+export { BackgroundMessage, MessagePortInit } from './background-message.js'
+export { backgroundChannel } from './background-browser-channel.js'
+export * as IframeMessage from './iframe-message.js'