@mittwald/flow-remote-core 0.2.0-alpha.17 → 0.2.0-alpha.170

package/README.md

@@ -1,4 +1,4 @@
-# @mittwald/flow-remote-elements
+# @mittwald/flow-remote-core
 
 This package is part of
 [Flow – mittwald design system](https://mittwald.github.io/flow/). See the

package/dist/js/connection/connectHostRenderRoot.mjs

@@ -0,0 +1,54 @@
+import { RemoteError } from '../error.mjs';
+import '@mittwald/remote-dom-core/elements';
+import { ThreadNestedIframe } from '@quilted/threads';
+
+const incompatibleParentFrameError = () => new RemoteError("Could not find any compatible parent frame");
+const connectHostRenderRoot = async (options) => {
+  const { root, onPathnameChanged } = options;
+  const connection = new ThreadNestedIframe({
+    exports: {
+      render: (connection2) => import('@mittwald/remote-dom-core/elements').then(
+        ({ RemoteMutationObserver }) => {
+          const observer = new RemoteMutationObserver(connection2);
+          observer.observe(root);
+        }
+      ),
+      setPathname: async (pathname) => {
+        onPathnameChanged?.(pathname);
+      }
+    }
+  });
+  if (connection.parent === window) {
+    throw incompatibleParentFrameError();
+  }
+  try {
+    await connection.imports.setIsReady(2);
+    if (typeof mwExtBridge !== "undefined") {
+      mwExtBridge.connection = connection.imports;
+      await mwExtBridge.readiness.setIsReady();
+    }
+    return connection;
+  } catch (error) {
+    if (error instanceof Error && /No '.*' method is exported from this thread/.test(error.message)) {
+      throw incompatibleParentFrameError();
+    }
+    throw error;
+  }
+};
+const connectHostRenderRootRef = (opts) => (ref) => {
+  if (ref === null) {
+    return;
+  }
+  if ("__remoteConnection" in ref) {
+    return ref["__remoteConnection"];
+  }
+  const connection = connectHostRenderRoot({
+    root: ref,
+    ...opts
+  });
+  Object.assign(ref, { __remoteConnection: connection });
+  return connection;
+};
+
+export { connectHostRenderRoot, connectHostRenderRootRef };
+//# sourceMappingURL=connectHostRenderRoot.mjs.map

package/dist/js/connection/connectHostRenderRoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectHostRenderRoot.mjs","sources":["../../../src/connection/connectHostRenderRoot.ts"],"sourcesContent":["import type {\n  HostExports,\n  RemoteExports,\n  RemoteToHostConnection,\n} from \"@/connection/types\";\nimport { RemoteError } from \"@/error\";\nimport { type RemoteConnection } from \"@mittwald/remote-dom-core/elements\";\nimport { ThreadNestedIframe } from \"@quilted/threads\";\n\ninterface Options {\n  root: HTMLDivElement;\n  onPathnameChanged?: (pathname: string) => void;\n}\n\nconst incompatibleParentFrameError = () =>\n  new RemoteError(\"Could not find any compatible parent frame\");\n\nexport const connectHostRenderRoot = async (\n  options: Options,\n): Promise<RemoteToHostConnection> => {\n  const { root, onPathnameChanged } = options;\n\n  const connection = new ThreadNestedIframe<HostExports, RemoteExports>({\n    exports: {\n      render: (connection: RemoteConnection) =>\n        import(\"@mittwald/remote-dom-core/elements\").then(\n          ({ RemoteMutationObserver }) => {\n            const observer = new RemoteMutationObserver(connection);\n            observer.observe(root);\n          },\n        ),\n      setPathname: async (pathname) => {\n        onPathnameChanged?.(pathname);\n      },\n    },\n  });\n\n  if (connection.parent === window) {\n    throw incompatibleParentFrameError();\n  }\n\n  try {\n    await connection.imports.setIsReady(2);\n\n    if (typeof mwExtBridge !== \"undefined\") {\n      mwExtBridge.connection = connection.imports;\n      await mwExtBridge.readiness.setIsReady();\n    }\n\n    return connection;\n  } catch (error) {\n    if (\n      error instanceof Error &&\n      /No '.*' method is exported from this thread/.test(error.message)\n    ) {\n      throw incompatibleParentFrameError();\n    }\n    throw error;\n  }\n};\n\nexport const connectHostRenderRootRef =\n  (opts: Omit<Options, \"root\">) => (ref: HTMLDivElement | null) => {\n    if (ref === null) {\n      return;\n    }\n    if (\"__remoteConnection\" in ref) {\n      return ref[\"__remoteConnection\"] as Promise<RemoteToHostConnection>;\n    }\n\n    const connection = connectHostRenderRoot({\n      root: ref,\n      ...opts,\n    });\n    Object.assign(ref, { __remoteConnection: connection });\n    return connection;\n  };\n"],"names":["connection"],"mappings":";;;;AAcA,MAAM,4BAA+B,GAAA,MACnC,IAAI,WAAA,CAAY,4CAA4C,CAAA;AAEjD,MAAA,qBAAA,GAAwB,OACnC,OACoC,KAAA;AACpC,EAAM,MAAA,EAAE,IAAM,EAAA,iBAAA,EAAsB,GAAA,OAAA;AAEpC,EAAM,MAAA,UAAA,GAAa,IAAI,kBAA+C,CAAA;AAAA,IACpE,OAAS,EAAA;AAAA,MACP,MAAQ,EAAA,CAACA,WACP,KAAA,OAAO,oCAAoC,CAAE,CAAA,IAAA;AAAA,QAC3C,CAAC,EAAE,sBAAA,EAA6B,KAAA;AAC9B,UAAM,MAAA,QAAA,GAAW,IAAI,sBAAA,CAAuBA,WAAU,CAAA;AACtD,UAAA,QAAA,CAAS,QAAQ,IAAI,CAAA;AAAA;AACvB,OACF;AAAA,MACF,WAAA,EAAa,OAAO,QAAa,KAAA;AAC/B,QAAA,iBAAA,GAAoB,QAAQ,CAAA;AAAA;AAC9B;AACF,GACD,CAAA;AAED,EAAI,IAAA,UAAA,CAAW,WAAW,MAAQ,EAAA;AAChC,IAAA,MAAM,4BAA6B,EAAA;AAAA;AAGrC,EAAI,IAAA;AACF,IAAM,MAAA,UAAA,CAAW,OAAQ,CAAA,UAAA,CAAW,CAAC,CAAA;AAErC,IAAI,IAAA,OAAO,gBAAgB,WAAa,EAAA;AACtC,MAAA,WAAA,CAAY,aAAa,UAAW,CAAA,OAAA;AACpC,MAAM,MAAA,WAAA,CAAY,UAAU,UAAW,EAAA;AAAA;AAGzC,IAAO,OAAA,UAAA;AAAA,WACA,KAAO,EAAA;AACd,IAAA,IACE,iBAAiB,KACjB,IAAA,6CAAA,CAA8C,IAAK,CAAA,KAAA,CAAM,OAAO,CAChE,EAAA;AACA,MAAA,MAAM,4BAA6B,EAAA;AAAA;AAErC,IAAM,MAAA,KAAA;AAAA;AAEV;AAEO,MAAM,wBACX,GAAA,CAAC,IAAgC,KAAA,CAAC,GAA+B,KAAA;AAC/D,EAAA,IAAI,QAAQ,IAAM,EAAA;AAChB,IAAA;AAAA;AAEF,EAAA,IAAI,wBAAwB,GAAK,EAAA;AAC/B,IAAA,OAAO,IAAI,oBAAoB,CAAA;AAAA;AAGjC,EAAA,MAAM,aAAa,qBAAsB,CAAA;AAAA,IACvC,IAAM,EAAA,GAAA;AAAA,IACN,GAAG;AAAA,GACJ,CAAA;AACD,EAAA,MAAA,CAAO,MAAO,CAAA,GAAA,EAAK,EAAE,kBAAA,EAAoB,YAAY,CAAA;AACrD,EAAO,OAAA,UAAA;AACT;;;;"}

package/dist/js/connection/connectRemoteIframe.mjs

@@ -0,0 +1,50 @@
+import { emptyImplementation } from '../ext-bridge/implementation.mjs';
+import { ThreadIframe } from '@quilted/threads';
+
+const connectRemoteIframe = (opts) => {
+  const {
+    connection,
+    iframe,
+    onReady,
+    onError,
+    onNavigationStateChanged,
+    extBridgeImplementation = emptyImplementation
+  } = opts;
+  const result = {
+    thread: new ThreadIframe(iframe, {
+      exports: {
+        ...extBridgeImplementation,
+        setIsReady: async (version = 1) => {
+          result.version = version;
+          onReady?.();
+        },
+        setError: async (error) => {
+          onError?.(error);
+        },
+        setNavigationState: async (state) => {
+          onNavigationStateChanged?.(state);
+        }
+      }
+    }),
+    version: 0
+  };
+  result.thread.imports.render(connection);
+  return result;
+};
+const connectRemoteIframeRef = (opts) => (ref) => {
+  if (!ref) {
+    return;
+  }
+  if ("__remoteConnection" in ref) {
+    return ref["__remoteConnection"];
+  }
+  const connection = connectRemoteIframe({
+    iframe: ref,
+    ...opts
+  });
+  Object.assign(ref, { __remoteConnection: connection });
+  return connection;
+};
+
+export { connectRemoteIframe, connectRemoteIframeRef };
+//# sourceMappingURL=connectRemoteIframe.mjs.map

package/dist/js/connection/connectRemoteIframe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectRemoteIframe.mjs","sources":["../../../src/connection/connectRemoteIframe.ts"],"sourcesContent":["import type {\n  HostExports,\n  HostToRemoteConnection,\n  NavigationState,\n  RemoteExports,\n} from \"@/connection/types\";\nimport { emptyImplementation } from \"@/ext-bridge/implementation\";\nimport type { ExtBridgeConnectionApi } from \"@mittwald/ext-bridge\";\nimport type { RemoteConnection } from \"@mittwald/remote-dom-core/elements\";\nimport { ThreadIframe } from \"@quilted/threads\";\n\ninterface Options {\n  connection: RemoteConnection;\n  iframe: HTMLIFrameElement;\n  onReady?: () => void;\n  onError?: (error: string) => void;\n  onNavigationStateChanged?: (state: NavigationState) => void;\n  extBridgeImplementation?: ExtBridgeConnectionApi;\n}\n\nexport const connectRemoteIframe = (opts: Options): HostToRemoteConnection => {\n  const {\n    connection,\n    iframe,\n    onReady,\n    onError,\n    onNavigationStateChanged,\n    extBridgeImplementation = emptyImplementation,\n  } = opts;\n\n  const result = {\n    thread: new ThreadIframe<RemoteExports, HostExports>(iframe, {\n      exports: {\n        ...extBridgeImplementation,\n        setIsReady: async (version = 1) => {\n          result.version = version;\n          onReady?.();\n        },\n        setError: async (error: string) => {\n          onError?.(error);\n        },\n        setNavigationState: async (state) => {\n          onNavigationStateChanged?.(state);\n        },\n      },\n    }),\n    version: 0,\n  };\n\n  result.thread.imports.render(connection);\n  return result;\n};\n\nexport const connectRemoteIframeRef =\n  (opts: Omit<Options, \"iframe\">) => (ref: HTMLIFrameElement | null) => {\n    if (!ref) {\n      return;\n    }\n\n    if (\"__remoteConnection\" in ref) {\n      return ref[\"__remoteConnection\"] as HostToRemoteConnection;\n    }\n\n    const connection = connectRemoteIframe({\n      iframe: ref,\n      ...opts,\n    });\n    Object.assign(ref, { __remoteConnection: connection });\n    return connection;\n  };\n"],"names":[],"mappings":";;;AAoBa,MAAA,mBAAA,GAAsB,CAAC,IAA0C,KAAA;AAC5E,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,wBAAA;AAAA,IACA,uBAA0B,GAAA;AAAA,GACxB,GAAA,IAAA;AAEJ,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,MAAA,EAAQ,IAAI,YAAA,CAAyC,MAAQ,EAAA;AAAA,MAC3D,OAAS,EAAA;AAAA,QACP,GAAG,uBAAA;AAAA,QACH,UAAA,EAAY,OAAO,OAAA,GAAU,CAAM,KAAA;AACjC,UAAA,MAAA,CAAO,OAAU,GAAA,OAAA;AACjB,UAAU,OAAA,IAAA;AAAA,SACZ;AAAA,QACA,QAAA,EAAU,OAAO,KAAkB,KAAA;AACjC,UAAA,OAAA,GAAU,KAAK,CAAA;AAAA,SACjB;AAAA,QACA,kBAAA,EAAoB,OAAO,KAAU,KAAA;AACnC,UAAA,wBAAA,GAA2B,KAAK,CAAA;AAAA;AAClC;AACF,KACD,CAAA;AAAA,IACD,OAAS,EAAA;AAAA,GACX;AAEA,EAAO,MAAA,CAAA,MAAA,CAAO,OAAQ,CAAA,MAAA,CAAO,UAAU,CAAA;AACvC,EAAO,OAAA,MAAA;AACT;AAEO,MAAM,sBACX,GAAA,CAAC,IAAkC,KAAA,CAAC,GAAkC,KAAA;AACpE,EAAA,IAAI,CAAC,GAAK,EAAA;AACR,IAAA;AAAA;AAGF,EAAA,IAAI,wBAAwB,GAAK,EAAA;AAC/B,IAAA,OAAO,IAAI,oBAAoB,CAAA;AAAA;AAGjC,EAAA,MAAM,aAAa,mBAAoB,CAAA;AAAA,IACrC,MAAQ,EAAA,GAAA;AAAA,IACR,GAAG;AAAA,GACJ,CAAA;AACD,EAAA,MAAA,CAAO,MAAO,CAAA,GAAA,EAAK,EAAE,kBAAA,EAAoB,YAAY,CAAA;AACrD,EAAO,OAAA,UAAA;AACT;;;;"}

package/dist/js/error.mjs

@@ -0,0 +1,10 @@
+class RemoteError extends Error {
+  constructor(message) {
+    super(message);
+    this.message = message;
+  }
+}
+RemoteError.prototype.name = "RemoteError";
+
+export { RemoteError };
+//# sourceMappingURL=error.mjs.map

package/dist/js/error.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.mjs","sources":["../../src/error.ts"],"sourcesContent":["export class RemoteError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.message = message;\n  }\n}\n\nRemoteError.prototype.name = \"RemoteError\";\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB,KAAM,CAAA;AAAA,EACrC,YAAY,OAAiB,EAAA;AAC3B,IAAA,KAAA,CAAM,OAAO,CAAA;AACb,IAAA,IAAA,CAAK,OAAU,GAAA,OAAA;AAAA;AAEnB;AAEA,WAAA,CAAY,UAAU,IAAO,GAAA,aAAA;;;;"}

package/dist/js/events/FlowRemoteEvent.mjs

@@ -0,0 +1,10 @@
+class FlowRemoteEvent extends CustomEvent {
+  constructor(type, detail) {
+    super(type, {
+      detail
+    });
+  }
+}
+
+export { FlowRemoteEvent };
+//# sourceMappingURL=FlowRemoteEvent.mjs.map

package/dist/js/events/FlowRemoteEvent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowRemoteEvent.mjs","sources":["../../../src/events/FlowRemoteEvent.ts"],"sourcesContent":["export class FlowRemoteEvent<T> extends CustomEvent<T> {\n  public constructor(type: string, detail: T) {\n    super(type, {\n      detail,\n    });\n  }\n}\n"],"names":[],"mappings":"AAAO,MAAM,wBAA2B,WAAe,CAAA;AAAA,EAC9C,WAAA,CAAY,MAAc,MAAW,EAAA;AAC1C,IAAA,KAAA,CAAM,IAAM,EAAA;AAAA,MACV;AAAA,KACD,CAAA;AAAA;AAEL;;;;"}

package/dist/js/events/index.mjs

@@ -0,0 +1,9 @@
+import { standard } from './serializers.mjs';
+
+const mapEventHandler = (eventHandler, eventName, eventSerialization = {}) => (event) => {
+  const serialize = eventSerialization[eventName] ?? standard;
+  return eventHandler(serialize(event));
+};
+
+export { mapEventHandler };
+//# sourceMappingURL=index.mjs.map

package/dist/js/events/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/events/index.ts"],"sourcesContent":["import { standard } from \"@/events/serializers\";\n\nexport type EventHandler = (event: unknown) => void;\n\nexport const mapEventHandler =\n  (\n    eventHandler: EventHandler,\n    eventName: string,\n    eventSerialization: EventSerializationMap = {},\n  ) =>\n  (event: unknown) => {\n    const serialize = eventSerialization[eventName] ?? standard;\n    return eventHandler(serialize(event));\n  };\n\nexport type EventSerialization = (event: unknown) => unknown;\nexport type EventSerializationMap = Record<string, EventSerialization>;\n"],"names":[],"mappings":";;AAIa,MAAA,eAAA,GACX,CACE,YACA,EAAA,SAAA,EACA,qBAA4C,EAAC,KAE/C,CAAC,KAAmB,KAAA;AAClB,EAAM,MAAA,SAAA,GAAY,kBAAmB,CAAA,SAAS,CAAK,IAAA,QAAA;AACnD,EAAO,OAAA,YAAA,CAAa,SAAU,CAAA,KAAK,CAAC,CAAA;AACtC;;;;"}

package/dist/js/events/serializers.mjs

@@ -0,0 +1,12 @@
+import * as r from 'remeda';
+import { isObjectType, isString, isNumber, isBoolean } from 'remeda';
+
+const isPrimitive = (something) => isString(something) || isNumber(something) || isBoolean(something) || r.isArray(something) && something.every(isPrimitive);
+const primitiveFlat = (event) => r.isArray(event) ? event.map(primitiveFlat) : isObjectType(event) ? r.pickBy(event, isPrimitive) : event;
+const pick = (...props) => (event) => {
+  return r.pick(event, props);
+};
+const standard = primitiveFlat;
+
+export { pick, primitiveFlat, standard };
+//# sourceMappingURL=serializers.mjs.map

package/dist/js/events/serializers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"serializers.mjs","sources":["../../../src/events/serializers.ts"],"sourcesContent":["import type { EventSerialization } from \"@/events/index\";\nimport * as r from \"remeda\";\nimport { isBoolean, isNumber, isObjectType, isString } from \"remeda\";\n\nconst isPrimitive = (something: unknown) =>\n  isString(something) ||\n  isNumber(something) ||\n  isBoolean(something) ||\n  (r.isArray(something) && something.every(isPrimitive));\n\nexport const primitiveFlat: EventSerialization = (event) =>\n  r.isArray(event)\n    ? event.map(primitiveFlat)\n    : isObjectType(event)\n      ? r.pickBy(event as never, isPrimitive)\n      : event;\n\nexport const pick =\n  (...props: string[]): EventSerialization =>\n  (event) => {\n    return r.pick(event as never, props);\n  };\n\nexport const standard = primitiveFlat;\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAc,CAAC,SAAA,KACnB,SAAS,SAAS,CAAA,IAClB,SAAS,SAAS,CAAA,IAClB,SAAU,CAAA,SAAS,KAClB,CAAE,CAAA,OAAA,CAAQ,SAAS,CAAK,IAAA,SAAA,CAAU,MAAM,WAAW,CAAA;AAE/C,MAAM,gBAAoC,CAAC,KAAA,KAChD,EAAE,OAAQ,CAAA,KAAK,IACX,KAAM,CAAA,GAAA,CAAI,aAAa,CAAA,GACvB,aAAa,KAAK,CAAA,GAChB,EAAE,MAAO,CAAA,KAAA,EAAgB,WAAW,CACpC,GAAA;AAED,MAAM,IACX,GAAA,CAAA,GAAI,KACJ,KAAA,CAAC,KAAU,KAAA;AACT,EAAO,OAAA,CAAA,CAAE,IAAK,CAAA,KAAA,EAAgB,KAAK,CAAA;AACrC;AAEK,MAAM,QAAW,GAAA;;;;"}

package/dist/js/ext-bridge/implementation.mjs

@@ -0,0 +1,13 @@
+import { RemoteError } from '../error.mjs';
+
+const emptyImplementation = new Proxy(
+  {},
+  {
+    get() {
+      throw new RemoteError("Missing implementation for mittwald.extBridge");
+    }
+  }
+);
+
+export { emptyImplementation };
+//# sourceMappingURL=implementation.mjs.map

package/dist/js/ext-bridge/implementation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"implementation.mjs","sources":["../../../src/ext-bridge/implementation.ts"],"sourcesContent":["import { RemoteError } from \"@/error\";\nimport type { ExtBridgeConnectionApi } from \"@mittwald/ext-bridge\";\n\nexport const emptyImplementation = new Proxy(\n  {},\n  {\n    get() {\n      throw new RemoteError(\"Missing implementation for mittwald.extBridge\");\n    },\n  },\n) as ExtBridgeConnectionApi;\n"],"names":[],"mappings":";;AAGO,MAAM,sBAAsB,IAAI,KAAA;AAAA,EACrC,EAAC;AAAA,EACD;AAAA,IACE,GAAM,GAAA;AACJ,MAAM,MAAA,IAAI,YAAY,+CAA+C,CAAA;AAAA;AACvE;AAEJ;;;;"}

package/dist/js/index-node.mjs

@@ -0,0 +1,9 @@
+import './shim.mjs';
+export { RemoteElement, RemoteEvent } from '@mittwald/remote-dom-core/elements';
+export { connectHostRenderRoot, connectHostRenderRootRef } from './connection/connectHostRenderRoot.mjs';
+export { connectRemoteIframe, connectRemoteIframeRef } from './connection/connectRemoteIframe.mjs';
+export { RemoteError } from './error.mjs';
+export { mapEventHandler } from './events/index.mjs';
+export { FlowRemoteEvent } from './events/FlowRemoteEvent.mjs';
+export { pick, primitiveFlat, standard } from './events/serializers.mjs';
+//# sourceMappingURL=index-node.mjs.map

package/dist/js/index-node.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-node.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/index.mjs

@@ -0,0 +1,8 @@
+export { RemoteElement, RemoteEvent } from '@mittwald/remote-dom-core/elements';
+export { connectHostRenderRoot, connectHostRenderRootRef } from './connection/connectHostRenderRoot.mjs';
+export { connectRemoteIframe, connectRemoteIframeRef } from './connection/connectRemoteIframe.mjs';
+export { RemoteError } from './error.mjs';
+export { mapEventHandler } from './events/index.mjs';
+export { FlowRemoteEvent } from './events/FlowRemoteEvent.mjs';
+export { pick, primitiveFlat, standard } from './events/serializers.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/js/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/js/shim.mjs

@@ -0,0 +1,16 @@
+import { HTMLElement, customElements } from '@lit-labs/ssr-dom-shim';
+
+globalThis.HTMLElement = HTMLElement;
+globalThis.customElements = customElements;
+globalThis.MutationObserver = class MutationObserver {
+  constructor() {
+  }
+  disconnect() {
+  }
+  observe() {
+  }
+  takeRecords() {
+    return [];
+  }
+};
+//# sourceMappingURL=shim.mjs.map

package/dist/js/shim.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shim.mjs","sources":["../../src/shim.ts"],"sourcesContent":["import { HTMLElement, customElements } from \"@lit-labs/ssr-dom-shim\";\n\nglobalThis.HTMLElement = HTMLElement;\nglobalThis.customElements = customElements;\nglobalThis.MutationObserver = class MutationObserver {\n  public constructor() {\n    // mocked\n  }\n  public disconnect() {\n    // mocked\n  }\n  public observe() {\n    // mocked\n  }\n  public takeRecords() {\n    return [];\n  }\n};\n"],"names":[],"mappings":";;AAEA,UAAA,CAAW,WAAc,GAAA,WAAA;AACzB,UAAA,CAAW,cAAiB,GAAA,cAAA;AAC5B,UAAW,CAAA,gBAAA,GAAmB,MAAM,gBAAiB,CAAA;AAAA,EAC5C,WAAc,GAAA;AAAA;AAErB,EACO,UAAa,GAAA;AAAA;AAEpB,EACO,OAAU,GAAA;AAAA;AAEjB,EACO,WAAc,GAAA;AACnB,IAAA,OAAO,EAAC;AAAA;AAEZ,CAAA"}

package/dist/types/connection/connectHostRenderRoot.d.ts

@@ -0,0 +1,9 @@
+import { RemoteToHostConnection } from './types';
+interface Options {
+    root: HTMLDivElement;
+    onPathnameChanged?: (pathname: string) => void;
+}
+export declare const connectHostRenderRoot: (options: Options) => Promise<RemoteToHostConnection>;
+export declare const connectHostRenderRootRef: (opts: Omit<Options, "root">) => (ref: HTMLDivElement | null) => Promise<RemoteToHostConnection> | undefined;
+export {};
+//# sourceMappingURL=connectHostRenderRoot.d.ts.map

package/dist/types/connection/connectHostRenderRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectHostRenderRoot.d.ts","sourceRoot":"","sources":["../../../src/connection/connectHostRenderRoot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAK5B,UAAU,OAAO;IACf,IAAI,EAAE,cAAc,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,qBAAqB,GAChC,SAAS,OAAO,KACf,OAAO,CAAC,sBAAsB,CAwChC,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAClC,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,KAAK,cAAc,GAAG,IAAI,gDAc3D,CAAC"}

package/dist/types/connection/connectRemoteIframe.d.ts

@@ -1,13 +1,15 @@
-import { ThreadIframe } from '@quilted/threads';
-import { RemoteConnection } from '@remote-dom/core/elements';
-interface Opts {
+import { HostToRemoteConnection, NavigationState } from './types';
+import { ExtBridgeConnectionApi } from '@mittwald/ext-bridge';
+import { RemoteConnection } from '@mittwald/remote-dom-core/elements';
+interface Options {
     connection: RemoteConnection;
     iframe: HTMLIFrameElement;
+    onReady?: () => void;
+    onError?: (error: string) => void;
+    onNavigationStateChanged?: (state: NavigationState) => void;
+    extBridgeImplementation?: ExtBridgeConnectionApi;
 }
-interface ThreadIframeTarget {
-    render: (connection: RemoteConnection) => AsyncIterator<unknown>;
-}
-export declare const connectRemoteIframe: (opts: Opts) => ThreadIframe<ThreadIframeTarget, Record<string, never>>;
-export declare const connectRemoteIframeRef: (connection: RemoteConnection) => (ref: HTMLIFrameElement | null) => void;
+export declare const connectRemoteIframe: (opts: Options) => HostToRemoteConnection;
+export declare const connectRemoteIframeRef: (opts: Omit<Options, "iframe">) => (ref: HTMLIFrameElement | null) => HostToRemoteConnection | undefined;
 export {};
 //# sourceMappingURL=connectRemoteIframe.d.ts.map

package/dist/types/connection/connectRemoteIframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connectRemoteIframe.d.ts","sourceRoot":"","sources":["../../../src/connection/connectRemoteIframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,UAAU,IAAI;IACZ,UAAU,EAAE,gBAAgB,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC;CAClE;AAED,eAAO,MAAM,mBAAmB,SAAU,IAAI,4DAI7C,CAAC;AAEF,eAAO,MAAM,sBAAsB,eACpB,gBAAgB,WAAW,iBAAiB,GAAG,IAAI,SAQ/D,CAAC"}
+{"version":3,"file":"connectRemoteIframe.d.ts","sourceRoot":"","sources":["../../../src/connection/connectRemoteIframe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,sBAAsB,EACtB,eAAe,EAEhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG3E,UAAU,OAAO;IACf,UAAU,EAAE,gBAAgB,CAAC;IAC7B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,uBAAuB,CAAC,EAAE,sBAAsB,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,KAAG,sBA+BnD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAChC,MAAM,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,KAAK,iBAAiB,GAAG,IAAI,uCAehE,CAAC"}

package/dist/types/connection/index.d.ts

@@ -0,0 +1,4 @@
+export * from './connectHostRenderRoot';
+export * from './connectRemoteIframe';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/connection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/connection/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/dist/types/connection/types.d.ts

@@ -0,0 +1,22 @@
+import { ExtBridgeConnectionApi } from '@mittwald/ext-bridge';
+import { RemoteConnection } from '@mittwald/remote-dom-core';
+import { ThreadIframe, ThreadNestedIframe } from '@quilted/threads';
+export interface NavigationState {
+    pathname: string;
+    isPending: boolean;
+}
+export interface HostExports extends ExtBridgeConnectionApi {
+    setIsReady: (version?: number) => Promise<void>;
+    setError: (error: string) => Promise<void>;
+    setNavigationState: (state: NavigationState) => Promise<void>;
+}
+export interface RemoteExports {
+    render: (connection: RemoteConnection) => Promise<void>;
+    setPathname: (pathname: string) => Promise<void>;
+}
+export type RemoteToHostConnection = ThreadNestedIframe<HostExports, RemoteExports>;
+export interface HostToRemoteConnection {
+    version: number;
+    thread: ThreadIframe<RemoteExports, HostExports>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/connection/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/connection/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEzE,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,sBAAsB;IACzD,UAAU,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,kBAAkB,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/D;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAClD;AAED,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,CACrD,WAAW,EACX,aAAa,CACd,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,YAAY,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;CAClD"}

package/dist/types/error.d.ts

@@ -0,0 +1,4 @@
+export declare class RemoteError extends Error {
+    constructor(message: string);
+}
+//# sourceMappingURL=error.d.ts.map

package/dist/types/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/error.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAY,SAAQ,KAAK;gBACxB,OAAO,EAAE,MAAM;CAI5B"}

package/dist/types/events/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/events/index.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAEpD,eAAO,MAAM,eAAe,iBAEV,YAAY,aACf,MAAM,uBACG,qBAAqB,aAEnC,OAAO,SAGd,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/events/index.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAEpD,eAAO,MAAM,eAAe,GAExB,cAAc,YAAY,EAC1B,WAAW,MAAM,EACjB,qBAAoB,qBAA0B,MAE/C,OAAO,OAAO,SAGd,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/types/events/serializers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"serializers.d.ts","sourceRoot":"","sources":["../../../src/events/serializers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAKzD,eAAO,MAAM,aAAa,EAAE,kBACyC,CAAC;AAEtE,eAAO,MAAM,IAAI,aACJ,MAAM,EAAE,KAAG,kBAES,CAAC;AAElC,eAAO,MAAM,QAAQ,oBAAgB,CAAC"}
+{"version":3,"file":"serializers.d.ts","sourceRoot":"","sources":["../../../src/events/serializers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAUzD,eAAO,MAAM,aAAa,EAAE,kBAKf,CAAC;AAEd,eAAO,MAAM,IAAI,GACd,GAAG,OAAO,MAAM,EAAE,KAAG,kBAGrB,CAAC;AAEJ,eAAO,MAAM,QAAQ,oBAAgB,CAAC"}

package/dist/types/ext-bridge/implementation.d.ts

@@ -0,0 +1,3 @@
+import { ExtBridgeConnectionApi } from '@mittwald/ext-bridge';
+export declare const emptyImplementation: ExtBridgeConnectionApi;
+//# sourceMappingURL=implementation.d.ts.map

package/dist/types/ext-bridge/implementation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/ext-bridge/implementation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,eAAO,MAAM,mBAAmB,EAO3B,sBAAsB,CAAC"}

package/dist/types/index-node.d.ts

@@ -0,0 +1,2 @@
+export * from './index';
+//# sourceMappingURL=index-node.d.ts.map

package/dist/types/index-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-node.d.ts","sourceRoot":"","sources":["../../src/index-node.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,CAAC;AAChB,cAAc,SAAS,CAAC"}

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
-export * from './connection/connectRemoteIframe';
-export * from './connection/connectHostIframe';
+export { RemoteElement, RemoteEvent, type RemoteElementConstructor, } from '@mittwald/remote-dom-core/elements';
+export * from './connection';
+export * from './error';
 export * from './events';
 export * from './events/FlowRemoteEvent';
 export * from './events/serializers';
-export { RemoteElement, RemoteEvent, type RemoteElementConstructor, } from '@remote-dom/core/elements';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,UAAU,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,OAAO,EACL,aAAa,EACb,WAAW,EACX,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,WAAW,EACX,KAAK,wBAAwB,GAC9B,MAAM,oCAAoC,CAAC;AAC5C,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC"}

package/dist/types/shim.d.ts

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

package/dist/types/shim.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-core",
-  "version": "0.2.0-alpha.17",
+  "version": "0.2.0-alpha.170",
   "type": "module",
   "description": "Core functionality to setup a remote/host environment",
   "homepage": "https://mittwald.github.io/flow",
@@ -8,11 +8,8 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./polyfill": {
-      "types": "./dist/types/polyfill.d.ts",
-      "default": "./dist/polyfill.js"
+      "node": "./dist/js/index-node.mjs",
+      "default": "./dist/js/index.mjs"
     }
   },
   "files": [
@@ -22,27 +19,38 @@
     "node": ">=20.11"
   },
   "scripts": {
-    "build": "run vite build --config vite.build.config.ts",
+    "build": "vite build --config vite.build.config.ts",
     "clean": "rimraf dist",
-    "test": "",
-    "test:compile": "run tsc --noEmit"
+    "test": "exit 0",
+    "test:compile": "tsc --noEmit"
   },
   "dependencies": {
-    "@quilted/threads": "^3.1.2",
-    "@remote-dom/core": "^1.5.2",
-    "remeda": "^2.19.2"
+    "@lit-labs/ssr-dom-shim": "^1.3.0",
+    "@mittwald/remote-dom-core": "1.7.0-mittwald.3",
+    "@quilted/threads": "^3.1.3",
+    "remeda": "^2.21.1"
   },
   "devDependencies": {
-    "@mittwald/typescript-config": "workspace:*",
-    "@types/node": "^22.10.7",
-    "nx": "^20.3.2",
-    "prettier": "^3.4.2",
+    "@mittwald/ext-bridge": "0.2.0-alpha.170",
+    "@mittwald/typescript-config": "",
+    "@types/node": "^22.13.10",
+    "nx": "^20.5.0",
+    "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.9",
-    "vite-plugin-checker": "^0.8.0",
-    "vite-plugin-dts": "^4.5.0",
+    "rollup-preserve-directives": "^1.1.3",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.1",
+    "vite-plugin-checker": "^0.9.0",
+    "vite-plugin-dts": "^4.5.3",
     "vite-plugin-externalize-deps": "^0.9.0"
   },
-  "gitHead": "52f8105bba0245224c02d7a982fd87b94ccd232e"
+  "peerDependencies": {
+    "@mittwald/ext-bridge": "*"
+  },
+  "peerDependenciesMeta": {
+    "@mittwald/ext-bridge": {
+      "optional": true
+    }
+  },
+  "gitHead": "c37bd78517ed5576148347076540b43f8d84e087"
 }

package/dist/index.js

@@ -1,47 +0,0 @@
-import { ThreadIframe as i, ThreadNestedIframe as c } from "@quilted/threads";
-import { RemoteMutationObserver as m } from "@remote-dom/core/elements";
-import { RemoteElement as H, RemoteEvent as T } from "@remote-dom/core/elements";
-import * as n from "remeda";
-import { isObjectType as a, isString as d, isNumber as p, isBoolean as b } from "remeda";
-const f = (e) => {
-  const t = new i(e.iframe);
-  return t.imports.render(e.connection), t;
-}, h = (e) => (t) => {
-  t && !("__remoteConnectionEstablished" in t) && (Object.assign(t, { __remoteConnectionEstablished: !0 }), f({
-    iframe: t,
-    connection: e
-  }));
-}, l = (e) => {
-  new c({
-    exports: {
-      render: (t) => {
-        new m(t).observe(e);
-      }
-    }
-  });
-}, C = (e) => {
-  e && !("__remoteConnectionEstablished" in e) && (Object.assign(e, { __remoteConnectionEstablished: !0 }), l(e));
-}, u = (e) => d(e) || p(e) || b(e), E = (e) => a(e) ? n.pickBy(e, u) : e, w = (...e) => (t) => n.pick(t, e), v = E, x = (e, t, o = {}) => (r) => {
-  const s = o[t] ?? v;
-  return e(s(r));
-};
-class O extends CustomEvent {
-  constructor(t, o) {
-    super(t, {
-      detail: o
-    });
-  }
-}
-export {
-  O as FlowRemoteEvent,
-  H as RemoteElement,
-  T as RemoteEvent,
-  l as connectHostIframe,
-  C as connectHostIframeRef,
-  f as connectRemoteIframe,
-  h as connectRemoteIframeRef,
-  x as mapEventHandler,
-  w as pick,
-  E as primitiveFlat,
-  v as standard
-};

package/dist/polyfill.js

@@ -1 +0,0 @@
-import "@remote-dom/core/polyfill";

package/dist/types/connection/connectHostIframe.d.ts

@@ -1,3 +0,0 @@
-export declare const connectHostIframe: (iframe: HTMLIFrameElement) => void;
-export declare const connectHostIframeRef: (ref: HTMLIFrameElement | null) => void;
-//# sourceMappingURL=connectHostIframe.d.ts.map

package/dist/types/connection/connectHostIframe.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connectHostIframe.d.ts","sourceRoot":"","sources":["../../../src/connection/connectHostIframe.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,WAAY,iBAAiB,SAS1D,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAS,iBAAiB,GAAG,IAAI,SAKjE,CAAC"}

package/dist/types/polyfill.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=polyfill.d.ts.map

package/dist/types/polyfill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"polyfill.d.ts","sourceRoot":"","sources":["../../src/polyfill.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}