@livestore/adapter-web 0.3.0-dev.19 → 0.3.0-dev.22

package/src/web-worker/client-session/client-session-devtools.ts

@@ -1,167 +1,20 @@
-import type { ClientSession, UnexpectedError } from '@livestore/common'
-import { Devtools } from '@livestore/common'
-import { ShutdownChannel } from '@livestore/common/leader-thread'
+import type { ClientSession } from '@livestore/common'
 import { isDevEnv } from '@livestore/utils'
-import type { Scope } from '@livestore/utils/effect'
-import { Effect, FiberHandle, Runtime, Schema, Stream, WebChannel } from '@livestore/utils/effect'
-import { nanoid } from '@livestore/utils/nanoid'
+import { Effect } from '@livestore/utils/effect'
 
-import { makeShutdownChannel } from '../common/shutdown-channel.js'
-
-export const bootDevtools = ({
-  clientSession,
-  storeId,
-  // waitForDevtoolsWebBridgePort,
-  // connectToDevtools,
-}: {
-  clientSession: ClientSession
-  storeId: string
-  // waitForDevtoolsWebBridgePort: (_: { webBridgeId: string }) => Effect.Effect<MessagePort, UnexpectedError>
-  // connectToDevtools: (coordinatorMessagePort: MessagePort) => Effect.Effect<void, UnexpectedError, Scope.Scope>
-}) =>
+export const logDevtoolsUrl = ({ clientSession, storeId }: { clientSession: ClientSession; storeId: string }) =>
   Effect.gen(function* () {
-    // const webBridgeFiberHandle = yield* FiberHandle.make()
-
-    // // NOTE we're not using the existing coordinator `shutdownChannel` as we won't be able to listen to messages emitted by the same coordinator
-    // const shutdownChannel = yield* makeShutdownChannel(storeId)
-
-    // const connectWebBridge = FiberHandle.run(
-    //   webBridgeFiberHandle,
-    //   listenToWebBridge({ coordinator, waitForDevtoolsWebBridgePort, connectToDevtools, storeId }),
-    // )
-
-    // yield* connectWebBridge
-
-    // // TODO Given we're listening to our own messages and given the leader will emit an initial
-    // // `DedicatedWorkerDisconnectBroadcast`, this will re-run and we should avoid it
-    // yield* shutdownChannel.listen.pipe(
-    //   Stream.flatten(),
-    //   Stream.filter(Schema.is(ShutdownChannel.DedicatedWorkerDisconnectBroadcast)),
-    //   Stream.tap(() => connectWebBridge),
-    //   Stream.runDrain,
-    //   Effect.ignoreLogged,
-    //   Effect.forkScoped,
-    // )
-
-    // yield* listenToBrowserExtensionBridge({ coordinator, connectToDevtools })
-
     if (isDevEnv()) {
-      const searchParams = new URLSearchParams()
-      searchParams.set('clientId', clientSession.clientId)
-      searchParams.set('sessionId', clientSession.sessionId)
-      searchParams.set('storeId', storeId)
-      const url = `${location.origin}/_livestore?${searchParams.toString()}`
+      const devtoolsBaseUrl = `${location.origin}/_livestore`
 
       // Check whether devtools are available and then log the URL
-      const response = yield* Effect.promise(() => fetch(url))
+      const response = yield* Effect.promise(() => fetch(devtoolsBaseUrl))
       if (response.ok) {
         const text = yield* Effect.promise(() => response.text())
         if (text.includes('<meta name="livestore-devtools" content="true" />')) {
-          // NOTE the trailing `&` is intentional to avoid Chrome opening the URL in the sources pane
-          // as the browser already fetched it
-          yield* Effect.log(`[@livestore/adapter-web] Devtools ready on ${url}&`)
+          const url = `${devtoolsBaseUrl}/web/${storeId}/${clientSession.clientId}/${clientSession.sessionId}`
+          yield* Effect.log(`[@livestore/adapter-web] Devtools ready on ${url}`)
         }
       }
     }
-  }).pipe(Effect.withSpan('@livestore/adapter-web:coordinator:devtools:boot'))
-
-const listenToWebBridge = ({
-  clientSession,
-  storeId,
-  waitForDevtoolsWebBridgePort,
-  connectToDevtools,
-}: {
-  clientSession: ClientSession
-  storeId: string
-  waitForDevtoolsWebBridgePort: (_: { webBridgeId: string }) => Effect.Effect<MessagePort, UnexpectedError>
-  connectToDevtools: (coordinatorMessagePort: MessagePort) => Effect.Effect<void, UnexpectedError, Scope.Scope>
-}) =>
-  Effect.gen(function* () {
-    // const appHostId = clientSession.devtools.appHostId
-    const webBridgeBroadcastChannel = yield* Devtools.WebBridge.makeBroadcastChannel()
-
-    // const isLeader = yield* clientSession.lockStatus.get.pipe(Effect.map((_) => _ === 'has-lock'))
-    // yield* webBridgeBroadcastChannel.send(Devtools.WebBridge.AppHostReady.make({ appHostId, isLeader }))
-
-    const runtime = yield* Effect.runtime()
-
-    // window.addEventListener('beforeunload', () =>
-    //   webBridgeBroadcastChannel
-    //     .send(Devtools.WebBridge.AppHostWillDisconnect.make({ appHostId }))
-    //     .pipe(Runtime.runFork(runtime)),
-    // )
-
-    // yield* Effect.addFinalizer(() =>
-    //   webBridgeBroadcastChannel
-    //     .send(Devtools.WebBridge.AppHostWillDisconnect.make({ appHostId }))
-    //     .pipe(Effect.ignoreLogged),
-    // )
-
-    // yield* webBridgeBroadcastChannel.listen.pipe(
-    //   Stream.flatten(),
-    //   Stream.filter(Schema.is(Devtools.WebBridge.DevtoolsReady)),
-    //   Stream.tap(({ devtoolsId }) =>
-    //     Effect.gen(function* () {
-    //       const webBridgeId = nanoid()
-    //       yield* waitForDevtoolsWebBridgePort({ webBridgeId }).pipe(
-    //         Effect.andThen(connectToDevtools),
-    //         Effect.tapCauseLogPretty,
-    //         Effect.forkScoped,
-    //       )
-
-    //       const isLeader = yield* clientSession.lockStatus.get.pipe(Effect.map((_) => _ === 'has-lock'))
-    //       yield* webBridgeBroadcastChannel.send(
-    //         Devtools.WebBridge.ConnectToDevtools.make({ appHostId, isLeader, devtoolsId, webBridgeId, storeId }),
-    //       )
-    //     }),
-    //   ),
-    //   Stream.runDrain,
-    //   Effect.ignoreLogged,
-    //   Effect.forkScoped,
-    // )
-
-    yield* Effect.never
-  }).pipe(Effect.scoped)
-
-const listenToBrowserExtensionBridge = ({
-  appHostId,
-  connectToDevtools,
-}: {
-  appHostId: string
-  connectToDevtools: (coordinatorMessagePort: MessagePort) => Effect.Effect<void, UnexpectedError, Scope.Scope>
-}) =>
-  Effect.gen(function* () {
-    const windowChannel = yield* WebChannel.windowChannel({
-      window,
-      schema: {
-        listen: Devtools.DevtoolsWindowMessage.MessageForStore,
-        send: Devtools.DevtoolsWindowMessage.MessageForContentscript,
-      },
-    })
-
-    yield* windowChannel.send(Devtools.DevtoolsWindowMessage.LoadIframe.make({}))
-
-    yield* windowChannel.listen.pipe(
-      Stream.flatten(),
-      Stream.tap((message) =>
-        Effect.gen(function* () {
-          if (message._tag === 'LSD.WindowMessage.ContentscriptListening') {
-            // Send message to contentscript via window (which the contentscript iframe is listening to)
-            yield* windowChannel.send(Devtools.DevtoolsWindowMessage.StoreReady.make({ appHostId }))
-            return
-          }
-
-          if (message.appHostId !== appHostId) return
-
-          if (message._tag === 'LSD.WindowMessage.MessagePortReady') {
-            yield* connectToDevtools(message.port)
-          }
-        }).pipe(Effect.ignoreLogged, Effect.forkScoped),
-      ),
-      Stream.runDrain,
-      Effect.ignoreLogged,
-      Effect.forkScoped,
-    )
-
-    yield* windowChannel.send(Devtools.DevtoolsWindowMessage.StoreReady.make({ appHostId }))
-  })
+  }).pipe(Effect.withSpan('@livestore/adapter-web:client-session:devtools:logDevtoolsUrl'))

package/src/web-worker/client-session/index.ts

@@ -4,7 +4,12 @@ import { Devtools, IntentionalShutdownCause, StoreInterrupted, UnexpectedError }
 // NOTE We're using a non-relative import here for Vite to properly resolve the import during app builds
 // import LiveStoreSharedWorker from '@livestore/adapter-web/internal-shared-worker?sharedworker'
 import { EventId, SESSION_CHANGESET_META_TABLE } from '@livestore/common/schema'
-import { makeWebDevtoolsChannel } from '@livestore/devtools-web-common/web-channel'
+import {
+  ClientSessionRequestContentscriptMain,
+  connectViaWorker,
+  makeChannelForConnectedMeshNode,
+  makeSessionsChannel,
+} from '@livestore/devtools-web-common/web-channel'
 import { sqliteDbFactory } from '@livestore/sqlite-wasm/browser'
 import { loadSqlite3Wasm } from '@livestore/sqlite-wasm/load-wasm'
 import { isDevEnv, shouldNeverHappen, tryAsFunctionAndNew } from '@livestore/utils'
@@ -20,18 +25,20 @@ import {
   Schema,
   Stream,
   SubscriptionRef,
+  WebChannel,
   WebLock,
   Worker,
   WorkerError,
 } from '@livestore/utils/effect'
 import { nanoid } from '@livestore/utils/nanoid'
+import * as Webmesh from '@livestore/webmesh'
 
 import * as OpfsUtils from '../../opfs-utils.js'
 import { readPersistedAppDbFromClientSession, resetPersistedDataFromClientSession } from '../common/persisted-sqlite.js'
 import { makeShutdownChannel } from '../common/shutdown-channel.js'
 import { DedicatedWorkerDisconnectBroadcast, makeWorkerDisconnectChannel } from '../common/worker-disconnect-channel.js'
 import * as WorkerSchema from '../common/worker-schema.js'
-import { bootDevtools } from './client-session-devtools.js'
+import { logDevtoolsUrl } from './client-session-devtools.js'
 
 // NOTE we're starting to initialize the sqlite wasm binary here to speed things up
 const sqlite3Promise = loadSqlite3Wasm()
@@ -74,6 +81,16 @@ export type WebAdapterOptions = {
    * @default false
    */
   resetPersistence?: boolean
+  /**
+   * By default the adapter will initially generate a random clientId (via `nanoid(5)`),
+   * store it in `localStorage` and restore it for subsequent client sessions. It's the same across all tabs/windows.
+   */
+  clientId?: string
+  /**
+   * By default the adapter will initially generate a random sessionId (via `nanoid(5)`),
+   * store it in `sessionStorage` and restore it for subsequent client sessions in the same tab/window.
+   */
+  sessionId?: string
 }
 
 export const makeAdapter =
@@ -103,9 +120,9 @@ export const makeAdapter =
       const dataFromFile = yield* readPersistedAppDbFromClientSession({ storageOptions, storeId, schema })
 
       // The same across all client sessions (i.e. tabs, windows)
-      const clientId = getPersistedId(`clientId:${storeId}`, 'local')
+      const clientId = options.clientId ?? getPersistedId(`clientId:${storeId}`, 'local')
       // Unique per client session (i.e. tab, window)
-      const sessionId = getPersistedId(`sessionId:${storeId}`, 'session')
+      const sessionId = options.sessionId ?? getPersistedId(`sessionId:${storeId}`, 'session')
 
       const shutdownChannel = yield* makeShutdownChannel(storeId)
       const workerDisconnectChannel = yield* makeWorkerDisconnectChannel(storeId)
@@ -163,7 +180,7 @@ export const makeAdapter =
 
       const runLocked = Effect.gen(function* () {
         yield* Effect.logDebug(
-          `[@livestore/adapter-web:client-session] ✅ Got lock '${LIVESTORE_TAB_LOCK}' (sessionId: ${sessionId})`,
+          `[@livestore/adapter-web:client-session] ✅ Got lock '${LIVESTORE_TAB_LOCK}' (clientId: ${clientId}, sessionId: ${sessionId})`,
         )
 
         yield* Effect.addFinalizer(() =>
@@ -445,22 +462,68 @@ export const makeAdapter =
       } satisfies ClientSession
 
       if (devtoolsEnabled) {
-        // yield* bootDevtools({ client-session, waitForDevtoolsWebBridgePort, connectToDevtools, storeId })
         yield* Effect.gen(function* () {
           const sharedWorker = yield* Fiber.join(sharedWorkerFiber)
 
-          yield* bootDevtools({ clientSession, storeId })
+          const webmeshNode = yield* Webmesh.makeMeshNode(`client-session-${storeId}-${clientId}-${sessionId}`)
+          globalThis.__debugWebmeshNode = webmeshNode
+
+          yield* logDevtoolsUrl({ clientSession, storeId })
+
+          const sessionsChannel = yield* makeSessionsChannel
+          const sessionInfoMessage = Devtools.SessionInfo.SessionInfo.make({ storeId, clientId, sessionId })
+
+          yield* Devtools.SessionInfo.provideSessionInfo({
+            webChannel: sessionsChannel,
+            sessionInfo: sessionInfoMessage,
+          }).pipe(Effect.tapCauseLogPretty, Effect.forkScoped)
+
+          yield* Effect.gen(function* () {
+            const clientSessionStaticChannel = yield* WebChannel.windowChannel2({
+              listenWindow: window,
+              sendWindow: window,
+              schema: { listen: Schema.Void, send: ClientSessionRequestContentscriptMain },
+              ids: { own: 'client-session-static', other: 'contentscript-main-static' },
+            })
 
-          // TODO re-enable browser extension as well
-          const storeDevtoolsChannel = yield* makeWebDevtoolsChannel({
-            nodeName: `client-session-${storeId}-${clientId}-${sessionId}`,
+            yield* clientSessionStaticChannel.send(
+              ClientSessionRequestContentscriptMain.make({ clientId, sessionId, storeId }),
+            )
+
+            const contentscriptMainNodeName = `contentscript-main-${storeId}-${clientId}-${sessionId}`
+
+            const contentscriptMainChannel = yield* WebChannel.windowChannel2({
+              listenWindow: window,
+              sendWindow: window,
+              schema: Webmesh.WebmeshSchema.Packet,
+              ids: { own: webmeshNode.nodeName, other: contentscriptMainNodeName },
+            })
+
+            yield* webmeshNode.addEdge({
+              target: contentscriptMainNodeName,
+              edgeChannel: contentscriptMainChannel,
+            })
+            // yield* Effect.logDebug(
+            //   `[@livestore/adapter-web:client-session] initiated connection: ${webmeshNode.nodeName} → contentscript-main`,
+            // )
+
+            const extensionWorkerChannel = yield* webmeshNode.makeBroadcastChannel({
+              channelName: 'session-info',
+              schema: Devtools.SessionInfo.Message,
+            })
+
+            yield* Devtools.SessionInfo.provideSessionInfo({
+              webChannel: extensionWorkerChannel,
+              sessionInfo: sessionInfoMessage,
+            })
+          }).pipe(Effect.tapCauseLogPretty, Effect.forkScoped)
+
+          yield* connectViaWorker({ node: webmeshNode, target: 'shared-worker', worker: sharedWorker })
+
+          const storeDevtoolsChannel = yield* makeChannelForConnectedMeshNode({
+            node: webmeshNode,
             target: `devtools`,
-            schema: {
-              listen: Devtools.ClientSession.MessageToApp,
-              send: Devtools.ClientSession.MessageFromApp,
-            },
-            worker: sharedWorker,
-            workerTargetName: 'shared-worker',
+            schema: { listen: Devtools.ClientSession.MessageToApp, send: Devtools.ClientSession.MessageFromApp },
           })
 
           yield* connectDevtoolsToStore(storeDevtoolsChannel)

package/dist/devtools-bridge/background-browser-channel.d.ts

@@ -1,9 +0,0 @@
-import { Effect, Schema, Scope, WebChannel } from '@livestore/utils/effect';
-export declare 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>;
-//# sourceMappingURL=background-browser-channel.d.ts.map

package/dist/devtools-bridge/background-browser-channel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"background-browser-channel.d.ts","sourceRoot":"","sources":["../../src/devtools-bridge/background-browser-channel.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,MAAM,EAAiB,MAAM,EAAE,KAAK,EAAU,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEnH,eAAO,MAAM,iBAAiB,GAAI,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,gCAG3E;IACD,MAAM,EACF,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,EAAE,YAAY,GAAG,aAAa,CAAC,GAC3D;QAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;KAAE,CAAA;IAC9F,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAA;CAC1B,KAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CA6CvE,CAAA"}

package/dist/devtools-bridge/background-browser-channel.js

@@ -1,31 +0,0 @@
-import { Chunk, Deferred, Effect, Exit, Runtime, Schema, Scope, Stream, WebChannel } from '@livestore/utils/effect';
-export const backgroundChannel = ({ schema: inputSchema, port, }) => Effect.scopeWithCloseable((scope) => Effect.gen(function* () {
-    const schema = WebChannel.mapSchema(inputSchema);
-    const send = (msg) => Effect.gen(function* () {
-        const encoded = yield* Schema.encode(schema.send)(msg);
-        port.postMessage(encoded);
-    });
-    const runtime = yield* Effect.runtime();
-    const listen = Stream.async((emit) => {
-        const onMessage = (message) => 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().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`)));
-//# sourceMappingURL=background-browser-channel.js.map

package/dist/devtools-bridge/background-browser-channel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"background-browser-channel.js","sourceRoot":"","sources":["../../src/devtools-bridge/background-browser-channel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEnH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAA6C,EAC5E,MAAM,EAAE,WAAW,EACnB,IAAI,GAML,EAA2E,EAAE,CAC5E,MAAM,CAAC,kBAAkB,CAAC,CAAC,KAAK,EAAE,EAAE,CAClC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;IAClB,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;IAEhD,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE,CAC3B,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;QAClB,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;QACtD,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;IAEJ,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAA;IAEvC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAA+C,CAAC,IAAI,EAAE,EAAE;QACjF,MAAM,SAAS,GAAG,CAAC,OAAY,EAAE,EAAE,CACjC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;YAClB,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAE/E,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;QAC1C,CAAC,CAAC,CAAC,IAAI,CACL,MAAM,CAAC,QAAQ,CAAC,qCAAqC,CAAC,EACtD,MAAM,CAAC,iBAAiB,EACxB,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CACzB,CAAA;QAEH,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;QAErC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE;YACtB,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA;QAC1C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACzG,MAAM,qBAAqB,GAAG,KAAK,CAAA;IAEnC,OAAO;QACL,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,gBAAgB;QAC1D,MAAM;QACN,IAAI;QACJ,cAAc;QACd,MAAM;QACN,qBAAqB;QACrB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;KACxC,CAAA;AACH,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,8BAA8B,CAAC,CAAC,CACzD,CAAA"}

package/dist/devtools-bridge/background-message.d.ts

@@ -1,75 +0,0 @@
-import { Devtools } from '@livestore/common';
-import { Schema } from '@livestore/utils/effect';
-export declare namespace BackgroundMessage {
-    const CopyToClipboard_base: Schema.TaggedStruct<"Background.CopyToClipboard", {
-        text: typeof Schema.String;
-    }>;
-    export class CopyToClipboard extends CopyToClipboard_base {
-    }
-    const MessageFromAppHost_base: Schema.TaggedStruct<"Background.MessageFromAppHost", {
-        msg: Schema.Union<[typeof Devtools.Leader.SnapshotRes, typeof Devtools.Leader.LoadDatabaseFileRes, typeof Devtools.Leader.MutationLogRes, typeof Devtools.Leader.Disconnect, typeof Devtools.Leader.SyncPull, typeof Devtools.Leader.NetworkStatusRes, typeof Devtools.Leader.RunMutationRes, typeof Devtools.Leader.Pong, typeof Devtools.Leader.DatabaseFileInfoRes, typeof Devtools.Leader.SyncHistoryRes, typeof Devtools.Leader.SyncingInfoRes, typeof Devtools.Leader.SyncHeadRes, Schema.TaggedStruct<"LSD.Leader.ResetAllData.Response", {
-            readonly requestId: typeof Schema.String;
-            readonly liveStoreVersion: typeof Devtools.liveStoreVersion;
-            readonly clientId: typeof Schema.String;
-        }>, Schema.TaggedStruct<"LSD.Leader.SetSyncLatch.Response", {
-            readonly requestId: typeof Schema.String;
-            readonly liveStoreVersion: typeof Devtools.liveStoreVersion;
-            readonly clientId: typeof Schema.String;
-        }>]>;
-    }>;
-    export class MessageFromAppHost extends MessageFromAppHost_base {
-    }
-    const MessageToAppHost_base: Schema.TaggedStruct<"Background.MessageToAppHost", {
-        msg: Schema.Union<[typeof Devtools.Leader.SnapshotReq, typeof Devtools.Leader.LoadDatabaseFileReq, typeof Devtools.Leader.MutationLogReq, Schema.TaggedStruct<"LSD.Leader.ResetAllData.Request", {
-            mode: Schema.Literal<["all-data", "only-app-db"]>;
-        } & {
-            readonly requestId: typeof Schema.String;
-            readonly liveStoreVersion: typeof Devtools.liveStoreVersion;
-            readonly clientId: typeof Schema.String;
-        }>, typeof Devtools.Leader.NetworkStatusSubscribe, typeof Devtools.Leader.NetworkStatusUnsubscribe, typeof Devtools.Leader.Disconnect, typeof Devtools.Leader.RunMutationReq, typeof Devtools.Leader.Ping, typeof Devtools.Leader.DatabaseFileInfoReq, typeof Devtools.Leader.SyncHistorySubscribe, typeof Devtools.Leader.SyncHistoryUnsubscribe, typeof Devtools.Leader.SyncingInfoReq, typeof Devtools.Leader.SyncHeadSubscribe, typeof Devtools.Leader.SyncHeadUnsubscribe, Schema.TaggedStruct<"LSD.Leader.SetSyncLatch.Request", {
-            closeLatch: typeof Schema.Boolean;
-        } & {
-            readonly requestId: typeof Schema.String;
-            readonly liveStoreVersion: typeof Devtools.liveStoreVersion;
-            readonly clientId: typeof Schema.String;
-        }>]>;
-    }>;
-    export class MessageToAppHost extends MessageToAppHost_base {
-    }
-    const RequestPortForDevtools_base: Schema.TaggedStruct<"Background.RequestPortForDevtools", {
-        tabId: typeof Schema.Number;
-    }>;
-    export class RequestPortForDevtools extends RequestPortForDevtools_base {
-    }
-    const RequestOneTimePortFromDevtools_base: Schema.TaggedStruct<"Background.RequestOneTimePortFromDevtools", {
-        tabId: typeof Schema.Number;
-    }>;
-    export class RequestOneTimePortFromDevtools extends RequestOneTimePortFromDevtools_base {
-    }
-    const Disconnect_base: Schema.TaggedStruct<"Background.Disconnect", {
-        appHostId: typeof Schema.String;
-    }>;
-    export class Disconnect extends Disconnect_base {
-    }
-    export {};
-}
-export declare namespace MessagePortInit {
-    const PortForDevtools_base: Schema.TaggedStruct<"MessagePortInit.PortForDevtools", {
-        port: Schema.Schema<MessagePort, MessagePort, never>;
-        tabId: typeof Schema.Number;
-        appHostId: typeof Schema.String;
-    }>;
-    /**
-     * Message is first sent from contentscript-iframe to background and then posted to the devtools.
-     */
-    export class PortForDevtools extends PortForDevtools_base {
-    }
-    const OneTimePortFromDevtools_base: Schema.TaggedStruct<"MessagePortInit.OneTimePortFromDevtools", {
-        port: Schema.Schema<MessagePort, MessagePort, never>;
-        tabId: typeof Schema.Number;
-    }>;
-    export class OneTimePortFromDevtools extends OneTimePortFromDevtools_base {
-    }
-    export {};
-}
-//# sourceMappingURL=background-message.d.ts.map

package/dist/devtools-bridge/background-message.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"background-message.d.ts","sourceRoot":"","sources":["../../src/devtools-bridge/background-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAgB,MAAM,yBAAyB,CAAA;AAE9D,yBAAiB,iBAAiB,CAAC;;;;IACjC,MAAM,OAAO,eAAgB,SAAQ,oBAEnC;KAAG;;;uCAoC86Z,OAAQ,MAAM;;sCAAuF,OAAQ,MAAM;;uCAA8F,OAAQ,MAAM;;sCAAuF,OAAQ,MAAM;;;IAlCvva,MAAM,OAAO,kBAAmB,SAAQ,uBAEtC;KAAG;;;kBAgCkwX,OAAQ,OAAO;;uCAAmE,OAAQ,MAAM;;sCAAuF,OAAQ,MAAM;;+BAAiX,OAAQ,OAAO;;uCAAsC,OAAQ,MAAM;;sCAAuF,OAAQ,MAAM;;;IA9Br+Y,MAAM,OAAO,gBAAiB,SAAQ,qBAEpC;KAAG;;;;IAEL,MAAM,OAAO,sBAAuB,SAAQ,2BAE1C;KAAG;;;;IAEL,MAAM,OAAO,8BAA+B,SAAQ,mCAElD;KAAG;;;;IAEL,MAAM,OAAO,UAAW,SAAQ,eAA0E;KAAG;;CAC9G;AAED,yBAAiB,eAAe,CAAC;;;;;;IAC/B;;OAEG;IACH,MAAM,OAAO,eAAgB,SAAQ,oBAInC;KAAG;;;;;IAEL,MAAM,OAAO,uBAAwB,SAAQ,4BAG3C;KAAG;;CACN"}

package/dist/devtools-bridge/background-message.js

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

package/dist/devtools-bridge/background-message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"background-message.js","sourceRoot":"","sources":["../../src/devtools-bridge/background-message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE9D,MAAM,KAAW,iBAAiB,CAsBjC;AAtBD,WAAiB,iBAAiB;IAChC,MAAa,eAAgB,SAAQ,MAAM,CAAC,YAAY,CAAC,4BAA4B,EAAE;QACrF,IAAI,EAAE,MAAM,CAAC,MAAM;KACpB,CAAC;KAAG;IAFQ,iCAAe,kBAEvB,CAAA;IAEL,MAAa,kBAAmB,SAAQ,MAAM,CAAC,YAAY,CAAC,+BAA+B,EAAE;QAC3F,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,cAAc;KACpC,CAAC;KAAG;IAFQ,oCAAkB,qBAE1B,CAAA;IAEL,MAAa,gBAAiB,SAAQ,MAAM,CAAC,YAAY,CAAC,6BAA6B,EAAE;QACvF,GAAG,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY;KAClC,CAAC;KAAG;IAFQ,kCAAgB,mBAExB,CAAA;IAEL,MAAa,sBAAuB,SAAQ,MAAM,CAAC,YAAY,CAAC,mCAAmC,EAAE;QACnG,KAAK,EAAE,MAAM,CAAC,MAAM;KACrB,CAAC;KAAG;IAFQ,wCAAsB,yBAE9B,CAAA;IAEL,MAAa,8BAA+B,SAAQ,MAAM,CAAC,YAAY,CAAC,2CAA2C,EAAE;QACnH,KAAK,EAAE,MAAM,CAAC,MAAM;KACrB,CAAC;KAAG;IAFQ,gDAA8B,iCAEtC,CAAA;IAEL,MAAa,UAAW,SAAQ,MAAM,CAAC,YAAY,CAAC,uBAAuB,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;KAAG;IAAhG,4BAAU,aAAsF,CAAA;AAC/G,CAAC,EAtBgB,iBAAiB,KAAjB,iBAAiB,QAsBjC;AAED,MAAM,KAAW,eAAe,CAc/B;AAdD,WAAiB,eAAe;IAC9B;;OAEG;IACH,MAAa,eAAgB,SAAQ,MAAM,CAAC,YAAY,CAAC,iCAAiC,EAAE;QAC1F,IAAI,EAAE,YAAY,CAAC,WAAW;QAC9B,KAAK,EAAE,MAAM,CAAC,MAAM;QACpB,SAAS,EAAE,MAAM,CAAC,MAAM;KACzB,CAAC;KAAG;IAJQ,+BAAe,kBAIvB,CAAA;IAEL,MAAa,uBAAwB,SAAQ,MAAM,CAAC,YAAY,CAAC,yCAAyC,EAAE;QAC1G,IAAI,EAAE,YAAY,CAAC,WAAW;QAC9B,KAAK,EAAE,MAAM,CAAC,MAAM;KACrB,CAAC;KAAG;IAHQ,uCAAuB,0BAG/B,CAAA;AACP,CAAC,EAdgB,eAAe,KAAf,eAAe,QAc/B"}

package/dist/devtools-bridge/bridge-shared.d.ts

@@ -1,14 +0,0 @@
-import { Devtools } from '@livestore/common';
-import { Deferred, Effect, PubSub } 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 declare const makeShared: ({ portForDevtoolsDeferred, responsePubSub, }: {
-    portForDevtoolsDeferred: Deferred.Deferred<MessagePort>;
-    responsePubSub: PubSub.PubSub<Devtools.MessageFromApp | Devtools.MessageFromApp>;
-}) => Effect.Effect<{
-    appHostId: string;
-    isLeader: boolean;
-}, never, import("effect/Scope").Scope>;
-//# sourceMappingURL=bridge-shared.d.ts.map

package/dist/devtools-bridge/bridge-shared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bridge-shared.d.ts","sourceRoot":"","sources":["../../src/devtools-bridge/bridge-shared.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAoB,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAA8B,MAAM,yBAAyB,CAAA;AAE9F;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,8CAGxB;IACD,uBAAuB,EAAE,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;IACvD,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;CACjF;;;uCAkFG,CAAA"}

package/dist/devtools-bridge/bridge-shared.js

@@ -1,67 +0,0 @@
-// @ts-nocheck
-import { Devtools } from '@livestore/common';
-import { Deferred, Effect, PubSub, 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, }) => Effect.gen(function* () {
-    const appHostInfoDeferred = yield* Deferred.make();
-    const appHostStoreChannelDeferred = yield* Deferred.make();
-    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 };
-});
-//# sourceMappingURL=bridge-shared.js.map

package/dist/devtools-bridge/bridge-shared.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bridge-shared.js","sourceRoot":"","sources":["../../src/devtools-bridge/bridge-shared.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,QAAQ,EAAoB,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAU,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAE9F;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,uBAAuB,EACvB,cAAc,GAIf,EAAE,EAAE,CACH,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;IAClB,MAAM,mBAAmB,GAAG,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,EAA4C,CAAA;IAE5F,MAAM,2BAA2B,GAC/B,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,EAEjB,CAAA;IAEL,MAAM,eAAe,GAAG,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAA;IAEtE,MAAM,yBAAyB,GAAG,KAAK,CAAC,CAAC,UAAU,CAAC,kBAAkB,CAAC;QACrE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,QAAQ,CAAC,YAAY,EAAE;KACzE,CAAC,CAAA;IAEF,KAAK,CAAC,CAAC,yBAAyB,CAAC,MAAM,CAAC,IAAI,CAC1C,MAAM,CAAC,OAAO,EAAE;IAChB,8DAA8D;IAC9D,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CACjB,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;QAClB,yCAAyC;QACzC,sCAAsC;QACtC,wEAAwE;QACxE,0DAA0D;QAC1D,kFAAkF;QAClF,wBAAwB;QACxB,MAAM,mBAAmB,GAAG,IAAI,cAAc,EAAE,CAAA;QAEhD,wBAAwB;QACxB,2CAA2C;QAC3C,mCAAmC;QACnC,8CAA8C;QAC9C,uCAAuC;QACvC,gCAAgC;QAChC,QAAQ;QACR,IAAI;QAEJ,8EAA8E;QAC9E,uCAAuC;QACvC,gFAAgF;QAChF,OAAO;QAEP,mDAAmD;QACnD,wBAAwB;QACxB,gEAAgE;QAChE,uBAAuB;QACvB,qDAAqD;QACrD,gCAAgC;QAChC,yBAAyB;QACzB,MAAM;QAEN,qFAAqF;QACrF,WAAW;QACX,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;QAC1C,IAAI;IACN,CAAC,CAAC,CACH,EACD,MAAM,CAAC,QAAQ,EACf,MAAM,CAAC,QAAQ,CAAC,+BAA+B,CAAC,EAChD,MAAM,CAAC,iBAAiB,EACxB,MAAM,CAAC,UAAU,CAClB,CAAA;IAED,iHAAiH;IACjH,kFAAkF;IAClF,8BAA8B;IAC9B,0DAA0D;IAC1D,mDAAmD;IACnD,mDAAmD;IACnD,eAAe;IACf,iEAAiE;IACjE,uFAAuF;IACvF,6CAA6C;IAC7C,QAAQ;IACR,4DAA4D;IAE5D,0EAA0E;IAE1E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAA;IAE1E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAA;AAChC,CAAC,CAAC,CAAA"}

package/dist/devtools-bridge/browser-extension-bridge.d.ts

@@ -1,3 +0,0 @@
-import { Effect } from '@livestore/utils/effect';
-export declare const prepareBrowserExtensionDevtoolsBridge: Effect.Effect<void, never, never>;
-//# sourceMappingURL=browser-extension-bridge.d.ts.map

package/dist/devtools-bridge/browser-extension-bridge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"browser-extension-bridge.d.ts","sourceRoot":"","sources":["../../src/devtools-bridge/browser-extension-bridge.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,MAAM,EAAsC,MAAM,yBAAyB,CAAA;AAQ9F,eAAO,MAAM,qCAAqC,mCAsDhD,CAAA"}