@mittwald/flow-remote-core 0.2.0-alpha.12 → 0.2.0-alpha.121

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/index.js

@@ -1,44 +1,100 @@
-import { ThreadIframe as i, ThreadNestedIframe as c } from "@quilted/threads";
-import { RemoteMutationObserver as m } 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({
+import { RemoteElement as h, RemoteEvent as A } from "@mfalkenberg/remote-dom-core/elements";
+import { ThreadNestedIframe as u, ThreadIframe as l } from "@quilted/threads";
+import "@mittwald/ext-bridge";
+import * as i from "remeda";
+import { isObjectType as R, isString as g, isNumber as f, isBoolean as y } from "remeda";
+const x = Object.keys({
+  getSessionToken: !0,
+  getConfig: !0
+}), _ = (e) => {
+  const t = e.imports, n = x.map((o) => [o, (...c) => {
+    var s;
+    return (s = t[o]) == null ? void 0 : s.call(t, ...c);
+  }]);
+  Object.assign(mittwald.extBridge, Object.fromEntries(n));
+}, w = (e) => {
+  const t = new u({
     exports: {
-      render: (t) => {
-        new m(t).observe(e);
+      render: (n) => import("@mfalkenberg/remote-dom-core/elements").then(
+        ({ RemoteMutationObserver: o }) => {
+          new o(n).observe(e);
+        }
+      )
+    }
+  });
+  return t.imports.setIsReady(), typeof mittwald.extBridge < "u" && (_(t), mittwald.extBridge.setIsReady()), t;
+}, v = (e) => {
+  if (e === null)
+    return;
+  if ("__remoteConnection" in e)
+    return e.__remoteConnection;
+  const t = w(e);
+  return Object.assign(e, { __remoteConnection: t }), t;
+};
+class m extends Error {
+  constructor(t) {
+    super(t), this.message = t;
+  }
+}
+m.prototype.name = "RemoteError";
+const b = new Proxy(
+  {},
+  {
+    get() {
+      throw new m("Missing implementation for mittwald.extBridge");
+    }
+  }
+), E = (e) => {
+  const {
+    connection: t,
+    iframe: n,
+    onReady: o,
+    onError: r,
+    extBridgeImplementation: c = b
+  } = e, s = new l(n, {
+    exports: {
+      ...c,
+      setIsReady: async () => {
+        o == null || o();
+      },
+      setError: async (p) => {
+        r == null || r(p);
       }
     }
   });
-}, C = (e) => {
-  e && !("__remoteConnectionEstablished" in e) && (Object.assign(e, { __remoteConnectionEstablished: !0 }), l(e));
-}, u = (e) => d(e) || p(e) || b(e), _ = (e) => a(e) ? n.pickBy(e, u) : e, w = (...e) => (t) => n.pick(t, e), v = _, O = (e, t, o = {}) => (r) => {
-  const s = o[t] ?? v;
-  return e(s(r));
+  return s.imports.render(t), s;
+}, O = (e) => (t) => {
+  if (!t)
+    return;
+  if ("__remoteConnection" in t)
+    return t.__remoteConnection;
+  const n = E({
+    iframe: t,
+    ...e
+  });
+  return Object.assign(t, { __remoteConnection: n }), n;
+}, a = (e) => g(e) || f(e) || y(e) || i.isArray(e) && e.every(a), d = (e) => i.isArray(e) ? e.map(d) : R(e) ? i.pickBy(e, a) : e, k = (...e) => (t) => i.pick(t, e), I = d, T = (e, t, n = {}) => (o) => {
+  const r = n[t] ?? I;
+  return e(r(o));
 };
-class j extends CustomEvent {
-  constructor(t, o) {
+class F extends CustomEvent {
+  constructor(t, n) {
     super(t, {
-      detail: o
+      detail: n
     });
   }
 }
 export {
-  j as FlowRemoteEvent,
-  l as connectHostIframe,
-  C as connectHostIframeRef,
-  f as connectRemoteIframe,
-  h as connectRemoteIframeRef,
-  O as mapEventHandler,
-  w as pick,
-  _ as primitiveFlat,
-  v as standard
+  F as FlowRemoteEvent,
+  h as RemoteElement,
+  m as RemoteError,
+  A as RemoteEvent,
+  w as connectHostRenderRoot,
+  v as connectHostRenderRootRef,
+  E as connectRemoteIframe,
+  O as connectRemoteIframeRef,
+  T as mapEventHandler,
+  k as pick,
+  d as primitiveFlat,
+  I as standard
 };

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

@@ -0,0 +1,4 @@
+import { RemoteToHostConnection } from './types';
+export declare const connectHostRenderRoot: (div: HTMLDivElement) => RemoteToHostConnection;
+export declare const connectHostRenderRootRef: (ref: HTMLDivElement | null) => RemoteToHostConnection | undefined;
+//# 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,eAAO,MAAM,qBAAqB,GAChC,KAAK,cAAc,KAClB,sBAqBF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,KAAK,cAAc,GAAG,IAAI,uCAWlE,CAAC"}

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

@@ -1,13 +1,14 @@
-import { ThreadIframe } from '@quilted/threads';
-import { RemoteConnection } from '@remote-dom/core/elements';
+import { HostToRemoteConnection } from './types';
+import { RemoteConnection } from '@mfalkenberg/remote-dom-core/elements';
+import { ExtBridgeRemoteApi } from '@mittwald/ext-bridge';
 interface Opts {
     connection: RemoteConnection;
     iframe: HTMLIFrameElement;
+    onReady?: () => void;
+    onError?: (error: string) => void;
+    extBridgeImplementation?: ExtBridgeRemoteApi;
 }
-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: Opts) => HostToRemoteConnection;
+export declare const connectRemoteIframeRef: (opts: Omit<Opts, "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,EAEvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,UAAU,IAAI;IACZ,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,uBAAuB,CAAC,EAAE,kBAAkB,CAAC;CAC9C;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,KAAG,sBAuBhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAChC,MAAM,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,KAAK,iBAAiB,GAAG,IAAI,uCAe7D,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,13 @@
+import { RemoteConnection } from '@mfalkenberg/remote-dom-core';
+import { ExtBridgeRemoteApi } from '@mittwald/ext-bridge';
+import { ThreadIframe, ThreadNestedIframe } from '@quilted/threads';
+export interface HostExports extends ExtBridgeRemoteApi {
+    setIsReady: () => Promise<void>;
+    setError: (error: string) => Promise<void>;
+}
+export interface RemoteExports {
+    render: (connection: RemoteConnection) => Promise<void>;
+}
+export type RemoteToHostConnection = ThreadNestedIframe<HostExports, RemoteExports>;
+export type HostToRemoteConnection = 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,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEzE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD;AAED,MAAM,MAAM,sBAAsB,GAAG,kBAAkB,CACrD,WAAW,EACX,aAAa,CACd,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC"}

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/delegateExtBridgeRemoteFunctions.d.ts

@@ -0,0 +1,4 @@
+import { ThreadNestedIframe } from '@quilted/threads';
+/** Delegation is required because `thread.imports` is Proxy object */
+export declare const delegateExtBridgeRemoteFunctions: (thread: ThreadNestedIframe<unknown, unknown>) => void;
+//# sourceMappingURL=delegateExtBridgeRemoteFunctions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"delegateExtBridgeRemoteFunctions.d.ts","sourceRoot":"","sources":["../../../src/ext-bridge/delegateExtBridgeRemoteFunctions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAO3D,sEAAsE;AACtE,eAAO,MAAM,gCAAgC,GAC3C,QAAQ,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC,SAU7C,CAAC"}

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

@@ -0,0 +1,3 @@
+import { ExtBridgeRemoteApi } from '@mittwald/ext-bridge';
+export declare const emptyImplementation: ExtBridgeRemoteApi;
+//# 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,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,eAAO,MAAM,mBAAmB,EAO3B,kBAAkB,CAAC"}

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
-export * from './connection/connectRemoteIframe';
-export * from './connection/connectHostIframe';
+export { RemoteElement, RemoteEvent, type RemoteElementConstructor, } from '@mfalkenberg/remote-dom-core/elements';
+export * from './connection';
+export * from './error';
 export * from './events';
 export * from './events/FlowRemoteEvent';
 export * from './events/serializers';

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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,WAAW,EACX,KAAK,wBAAwB,GAC9B,MAAM,uCAAuC,CAAC;AAC/C,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-core",
-  "version": "0.2.0-alpha.12",
+  "version": "0.2.0-alpha.121",
   "type": "module",
   "description": "Core functionality to setup a remote/host environment",
   "homepage": "https://mittwald.github.io/flow",
@@ -9,10 +9,6 @@
     ".": {
       "types": "./dist/types/index.d.ts",
       "default": "./dist/index.js"
-    },
-    "./polyfill": {
-      "types": "./dist/types/polyfill.d.ts",
-      "default": "./dist/polyfill.js"
     }
   },
   "files": [
@@ -22,30 +18,37 @@
     "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",
-    "remeda": "^2.19.2"
+    "@mfalkenberg/remote-dom-core": "^1.7.5",
+    "@quilted/threads": "^3.1.3",
+    "remeda": "^2.21.1"
   },
   "devDependencies": {
-    "@mittwald/typescript-config": "workspace:*",
-    "@remote-dom/core": "^1.5.2",
-    "@types/node": "^22.10.7",
-    "nx": "^20.3.2",
-    "prettier": "^3.4.2",
+    "@mittwald/ext-bridge": "0.2.0-alpha.121",
+    "@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"
   },
   "peerDependencies": {
-    "@remote-dom/core": "^1.5.2"
+    "@mittwald/ext-bridge": "*"
   },
-  "gitHead": "6151bfc1fcf54d4b9f7884a07caaca87cf7ba805"
+  "peerDependenciesMeta": {
+    "@mittwald/ext-bridge": {
+      "optional": true
+    }
+  },
+  "gitHead": "b8a02e994915aabd71c40678b3ca8d27312ac7cd"
 }

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"}