@nookuio/iframe 0.9.6 → 0.9.7

package/dist/constants.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = exports.IFRAME_SOURCE_NAME = exports.EDITOR_SOURCE_NAME = exports.EDITOR_PAGE_PATH = exports.COMPONENT_PREVIEW_PAGE_PATH = void 0;
-const EDITOR_PAGE_PATH = exports.EDITOR_PAGE_PATH = `/__nooku__/editor`;
-const COMPONENT_PREVIEW_PAGE_PATH = exports.COMPONENT_PREVIEW_PAGE_PATH = `/__nooku__/component-preview`;
-const VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = exports.VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = `/__nooku__/virtual-sfc-editor`;
-const IFRAME_SOURCE_NAME = exports.IFRAME_SOURCE_NAME = "nooku-frame";
-const EDITOR_SOURCE_NAME = exports.EDITOR_SOURCE_NAME = "nooku-editor";
+const EDITOR_PAGE_PATH = exports.EDITOR_PAGE_PATH = "/__nooku__/editor",
+  COMPONENT_PREVIEW_PAGE_PATH = exports.COMPONENT_PREVIEW_PAGE_PATH = "/__nooku__/component-preview",
+  VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = exports.VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = "/__nooku__/virtual-sfc-editor",
+  IFRAME_SOURCE_NAME = exports.IFRAME_SOURCE_NAME = "nooku-frame",
+  EDITOR_SOURCE_NAME = exports.EDITOR_SOURCE_NAME = "nooku-editor";

package/dist/constants.mjs

@@ -1,5 +1 @@
-export const EDITOR_PAGE_PATH = `/__nooku__/editor`;
-export const COMPONENT_PREVIEW_PAGE_PATH = `/__nooku__/component-preview`;
-export const VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = `/__nooku__/virtual-sfc-editor`;
-export const IFRAME_SOURCE_NAME = "nooku-frame";
-export const EDITOR_SOURCE_NAME = "nooku-editor";
+export const EDITOR_PAGE_PATH="/__nooku__/editor",COMPONENT_PREVIEW_PAGE_PATH="/__nooku__/component-preview",VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH="/__nooku__/virtual-sfc-editor",IFRAME_SOURCE_NAME="nooku-frame",EDITOR_SOURCE_NAME="nooku-editor";

package/dist/createClient.js

@@ -4,139 +4,115 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createClient = createClient;
-function createClient(localCtx, options) {
+function createClient(y, l) {
   const {
-    invoke,
-    handle,
-    emit,
-    handleEvent,
-    serialize: _serialize,
-    deserialize: _deserialize
-  } = options;
-  function serialize(data) {
+    invoke: c,
+    handle: f,
+    emit: o,
+    handleEvent: d,
+    serialize: x,
+    deserialize: v
+  } = l;
+  function g(e) {
     try {
-      return _serialize ? _serialize(data) : JSON.stringify(data);
+      return x ? x(e) : JSON.stringify(e);
     } catch {
-      return data;
+      return e;
     }
   }
-  function deserialize(data) {
+  function R(e) {
     try {
-      return _deserialize ? _deserialize(data) : JSON.parse(data);
+      return v ? v(e) : JSON.parse(e);
     } catch {
-      return data;
+      return e;
     }
   }
-  const listenersCollection = /* @__PURE__ */new Map();
-  handle(async request => {
-    const value = get(localCtx, request.key || "");
-    if (value === void 0) return {
+  const u = new Map();
+  f(async e => {
+    const n = p(y, e.key || "");
+    if (n === void 0) return {
       type: "response",
-      id: request.id,
-      key: request.key,
+      id: e.id,
+      key: e.key,
       result: void 0
     };
-    let args = request.args ? deserialize(request.args) : [];
-    if (!Array.isArray(args)) args = [args];
-    const result = typeof value === "function" ? await value(...args) : value;
+    let r = e.args ? R(e.args) : [];
+    Array.isArray(r) || (r = [r]);
+    const s = typeof n == "function" ? await n(...r) : n;
     return {
       type: "response",
-      id: request.id,
-      key: request.key,
-      result: serialize(result)
+      id: e.id,
+      key: e.key,
+      result: g(s)
     };
+  }), d(e => {
+    const n = u.get(e.eventName);
+    if (!n?.length) return;
+    let r = e.args ? R(e.args) : [];
+    Array.isArray(r) || (r = [r]), n.forEach(s => s(...r));
   });
-  handleEvent(request => {
-    const currentEventListeners = listenersCollection.get(request.eventName);
-    if (!currentEventListeners?.length) return;
-    let args = request.args ? deserialize(request.args) : [];
-    if (!Array.isArray(args)) args = [args];
-    currentEventListeners.forEach(listener => listener(...args));
-  });
-  const proxyCache = /* @__PURE__ */new Map();
-  function createProxyForPath(path) {
-    const pathKey = path.join(".");
-    if (proxyCache.has(pathKey)) {
-      return proxyCache.get(pathKey);
-    }
-    const callHandler = async (...args) => {
-      const request = {
-        type: "request",
-        id: `${pathKey}-${Date.now()}-${Math.random()}`,
-        // More robust ID
-        key: pathKey,
-        args: serialize(args)
-      };
-      const response = await invoke(request);
-      return deserialize(response.result);
-    };
-    const proxy = new Proxy(callHandler, {
-      get(target, prop) {
-        if (prop === "then") {
-          const promise = target();
-          return promise.then.bind(promise);
-        }
-        if (prop === "catch" || prop === "finally") {
-          const promise = target();
-          return promise[prop].bind(promise);
-        }
-        return createProxyForPath([...path, prop]);
+  const E = new Map();
+  function m(e) {
+    const n = e.join(".");
+    if (E.has(n)) return E.get(n);
+    const r = async (...i) => {
+        const t = {
+            type: "request",
+            id: `${n}-${Date.now()}-${Math.random()}`,
+            key: n,
+            args: g(i)
+          },
+          a = await c(t);
+        return R(a.result);
       },
-      apply(target, thisArg, args) {
-        return target.apply(thisArg, args);
-      }
-    });
-    proxyCache.set(pathKey, proxy);
-    return proxy;
-  }
-  const rootProxy = new Proxy({}, {
-    get(_target, prop) {
-      if (prop === "$context") return localCtx;
-      if (prop === "on") {
-        const subscribeHandler = (eventName, listener) => {
-          const currentEventListeners = listenersCollection.get(eventName);
-          if (!currentEventListeners) {
-            listenersCollection.set(eventName, [listener]);
-            return;
+      s = new Proxy(r, {
+        get(i, t) {
+          if (t === "then") {
+            const a = i();
+            return a.then.bind(a);
+          }
+          if (t === "catch" || t === "finally") {
+            const a = i();
+            return a[t].bind(a);
           }
-          currentEventListeners.push(listener);
-        };
-        return subscribeHandler;
-      }
-      if (prop === "off") {
-        const unsubscribeHandler = (eventName, listener) => {
-          const index = listenersCollection.get(eventName)?.indexOf(listener);
-          if (index === -1 || index === void 0) return;
-          listenersCollection.get(eventName)?.splice(index, 1);
-        };
-        return unsubscribeHandler;
-      }
-      if (prop === "emit") {
-        const emitHandler = (eventName, ...args) => {
-          emit({
-            eventName,
-            args: serialize(args)
-          });
-        };
-        return emitHandler;
-      }
-      if (prop === "removeAllListeners") return () => listenersCollection.clear();
-      if (typeof prop === "symbol") return void 0;
-      return createProxyForPath([prop]);
+          return m([...e, t]);
+        },
+        apply(i, t, a) {
+          return i.apply(t, a);
+        }
+      });
+    return E.set(n, s), s;
+  }
+  return new Proxy({}, {
+    get(e, n) {
+      if (n === "$context") return y;
+      if (n === "on") return (s, i) => {
+        const t = u.get(s);
+        if (!t) {
+          u.set(s, [i]);
+          return;
+        }
+        t.push(i);
+      };
+      if (n === "off") return (s, i) => {
+        const t = u.get(s)?.indexOf(i);
+        t === -1 || t === void 0 || u.get(s)?.splice(t, 1);
+      };
+      if (n === "emit") return (s, ...i) => {
+        o({
+          eventName: s,
+          args: g(i)
+        });
+      };
+      if (n === "removeAllListeners") return () => u.clear();
+      if (typeof n != "symbol") return m([n]);
     }
   });
-  return rootProxy;
 }
-function get(obj, path, defaultValue) {
-  if (!obj || typeof obj !== "object") return defaultValue;
-  const pathArray = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, ".$1").replace(/\["([^"]+)"\]/g, ".$1").replace(/\['([^']+)'\]/g, ".$1").split(".").filter(Boolean);
-  let result = obj;
-  for (const key of pathArray) {
-    if (result != null && typeof result === "object" && key in result) {
-      result = result[key];
-    } else {
-      return defaultValue;
-    }
-  }
-  return result;
+function p(y, l, c) {
+  if (!y || typeof y != "object") return c;
+  const f = Array.isArray(l) ? l : l.replace(/\[(\d+)]/g, ".$1").replace(/\["([^"]+)"\]/g, ".$1").replace(/\['([^']+)'\]/g, ".$1").split(".").filter(Boolean);
+  let o = y;
+  for (const d of f) if (o != null && typeof o == "object" && d in o) o = o[d];else return c;
+  return o;
 }

package/dist/createClient.mjs

@@ -1,130 +1 @@
-export function createClient(localCtx, options) {
-  const { invoke, handle, emit, handleEvent, serialize: _serialize, deserialize: _deserialize } = options;
-  function serialize(data) {
-    try {
-      return _serialize ? _serialize(data) : JSON.stringify(data);
-    } catch {
-      return data;
-    }
-  }
-  function deserialize(data) {
-    try {
-      return _deserialize ? _deserialize(data) : JSON.parse(data);
-    } catch {
-      return data;
-    }
-  }
-  const listenersCollection = /* @__PURE__ */ new Map();
-  handle(async (request) => {
-    const value = get(localCtx, request.key || "");
-    if (value === void 0)
-      return {
-        type: "response",
-        id: request.id,
-        key: request.key,
-        result: void 0
-      };
-    let args = request.args ? deserialize(request.args) : [];
-    if (!Array.isArray(args)) args = [args];
-    const result = typeof value === "function" ? await value(...args) : value;
-    return {
-      type: "response",
-      id: request.id,
-      key: request.key,
-      result: serialize(result)
-    };
-  });
-  handleEvent((request) => {
-    const currentEventListeners = listenersCollection.get(request.eventName);
-    if (!currentEventListeners?.length) return;
-    let args = request.args ? deserialize(request.args) : [];
-    if (!Array.isArray(args)) args = [args];
-    currentEventListeners.forEach((listener) => listener(...args));
-  });
-  const proxyCache = /* @__PURE__ */ new Map();
-  function createProxyForPath(path) {
-    const pathKey = path.join(".");
-    if (proxyCache.has(pathKey)) {
-      return proxyCache.get(pathKey);
-    }
-    const callHandler = async (...args) => {
-      const request = {
-        type: "request",
-        id: `${pathKey}-${Date.now()}-${Math.random()}`,
-        // More robust ID
-        key: pathKey,
-        args: serialize(args)
-      };
-      const response = await invoke(request);
-      return deserialize(response.result);
-    };
-    const proxy = new Proxy(callHandler, {
-      get(target, prop) {
-        if (prop === "then") {
-          const promise = target();
-          return promise.then.bind(promise);
-        }
-        if (prop === "catch" || prop === "finally") {
-          const promise = target();
-          return promise[prop].bind(promise);
-        }
-        return createProxyForPath([...path, prop]);
-      },
-      apply(target, thisArg, args) {
-        return target.apply(thisArg, args);
-      }
-    });
-    proxyCache.set(pathKey, proxy);
-    return proxy;
-  }
-  const rootProxy = new Proxy(
-    {},
-    {
-      get(_target, prop) {
-        if (prop === "$context") return localCtx;
-        if (prop === "on") {
-          const subscribeHandler = (eventName, listener) => {
-            const currentEventListeners = listenersCollection.get(eventName);
-            if (!currentEventListeners) {
-              listenersCollection.set(eventName, [listener]);
-              return;
-            }
-            currentEventListeners.push(listener);
-          };
-          return subscribeHandler;
-        }
-        if (prop === "off") {
-          const unsubscribeHandler = (eventName, listener) => {
-            const index = listenersCollection.get(eventName)?.indexOf(listener);
-            if (index === -1 || index === void 0) return;
-            listenersCollection.get(eventName)?.splice(index, 1);
-          };
-          return unsubscribeHandler;
-        }
-        if (prop === "emit") {
-          const emitHandler = (eventName, ...args) => {
-            emit({ eventName, args: serialize(args) });
-          };
-          return emitHandler;
-        }
-        if (prop === "removeAllListeners") return () => listenersCollection.clear();
-        if (typeof prop === "symbol") return void 0;
-        return createProxyForPath([prop]);
-      }
-    }
-  );
-  return rootProxy;
-}
-function get(obj, path, defaultValue) {
-  if (!obj || typeof obj !== "object") return defaultValue;
-  const pathArray = Array.isArray(path) ? path : path.replace(/\[(\d+)]/g, ".$1").replace(/\["([^"]+)"\]/g, ".$1").replace(/\['([^']+)'\]/g, ".$1").split(".").filter(Boolean);
-  let result = obj;
-  for (const key of pathArray) {
-    if (result != null && typeof result === "object" && key in result) {
-      result = result[key];
-    } else {
-      return defaultValue;
-    }
-  }
-  return result;
-}
+export function createClient(y,l){const{invoke:c,handle:f,emit:o,handleEvent:d,serialize:x,deserialize:v}=l;function g(e){try{return x?x(e):JSON.stringify(e)}catch{return e}}function R(e){try{return v?v(e):JSON.parse(e)}catch{return e}}const u=new Map;f(async e=>{const n=p(y,e.key||"");if(n===void 0)return{type:"response",id:e.id,key:e.key,result:void 0};let r=e.args?R(e.args):[];Array.isArray(r)||(r=[r]);const s=typeof n=="function"?await n(...r):n;return{type:"response",id:e.id,key:e.key,result:g(s)}}),d(e=>{const n=u.get(e.eventName);if(!n?.length)return;let r=e.args?R(e.args):[];Array.isArray(r)||(r=[r]),n.forEach(s=>s(...r))});const E=new Map;function m(e){const n=e.join(".");if(E.has(n))return E.get(n);const r=async(...i)=>{const t={type:"request",id:`${n}-${Date.now()}-${Math.random()}`,key:n,args:g(i)},a=await c(t);return R(a.result)},s=new Proxy(r,{get(i,t){if(t==="then"){const a=i();return a.then.bind(a)}if(t==="catch"||t==="finally"){const a=i();return a[t].bind(a)}return m([...e,t])},apply(i,t,a){return i.apply(t,a)}});return E.set(n,s),s}return new Proxy({},{get(e,n){if(n==="$context")return y;if(n==="on")return(s,i)=>{const t=u.get(s);if(!t){u.set(s,[i]);return}t.push(i)};if(n==="off")return(s,i)=>{const t=u.get(s)?.indexOf(i);t===-1||t===void 0||u.get(s)?.splice(t,1)};if(n==="emit")return(s,...i)=>{o({eventName:s,args:g(i)})};if(n==="removeAllListeners")return()=>u.clear();if(typeof n!="symbol")return m([n])}})}function p(y,l,c){if(!y||typeof y!="object")return c;const f=Array.isArray(l)?l:l.replace(/\[(\d+)]/g,".$1").replace(/\["([^"]+)"\]/g,".$1").replace(/\['([^']+)'\]/g,".$1").split(".").filter(Boolean);let o=y;for(const d of f)if(o!=null&&typeof o=="object"&&d in o)o=o[d];else return c;return o}

package/dist/editor.d.ts

@@ -2,10 +2,10 @@ import type { CoreIframeContext, CoreIframeEvents, EditorContext, EditorEvents }
 /**
  * This function should be called inside the editor
  */
-export declare function createEditorClient<IframeContext extends CoreIframeContext, IframeEvents extends CoreIframeEvents>(iframe: string | HTMLIFrameElement): { [K in keyof IframeContext]: IframeContext[K] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K]>) => Promise<Awaited<ReturnType<IframeContext[K]>>> : IframeContext[K] extends any[] ? Promise<IframeContext[K]> : IframeContext[K] extends object ? IframeContext[K] extends infer T ? { [K_1 in keyof T]: IframeContext[K][K_1] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1]>>> : IframeContext[K][K_1] extends any[] ? Promise<IframeContext[K][K_1]> : IframeContext[K][K_1] extends object ? IframeContext[K][K_1] extends infer T_1 ? { [K_2 in keyof T_1]: IframeContext[K][K_1][K_2] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2]>>> : IframeContext[K][K_1][K_2] extends any[] ? Promise<IframeContext[K][K_1][K_2]> : IframeContext[K][K_1][K_2] extends object ? IframeContext[K][K_1][K_2] extends infer T_2 ? { [K_3 in keyof T_2]: IframeContext[K][K_1][K_2][K_3] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2][K_3]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2][K_3]>>> : IframeContext[K][K_1][K_2][K_3] extends any[] ? Promise<IframeContext[K][K_1][K_2][K_3]> : IframeContext[K][K_1][K_2][K_3] extends object ? IframeContext[K][K_1][K_2][K_3] extends infer T_3 ? { [K_4 in keyof T_3]: IframeContext[K][K_1][K_2][K_3][K_4] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2][K_3][K_4]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2][K_3][K_4]>>> : IframeContext[K][K_1][K_2][K_3][K_4] extends any[] ? Promise<IframeContext[K][K_1][K_2][K_3][K_4]> : IframeContext[K][K_1][K_2][K_3][K_4] extends object ? IframeContext[K][K_1][K_2][K_3][K_4] extends infer T_4 ? { [K_5 in keyof T_4]: IframeContext[K][K_1][K_2][K_3][K_4][K_5] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2][K_3][K_4][K_5]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2][K_3][K_4][K_5]>>> : IframeContext[K][K_1][K_2][K_3][K_4][K_5] extends any[] ? Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5]> : IframeContext[K][K_1][K_2][K_3][K_4][K_5] extends object ? IframeContext[K][K_1][K_2][K_3][K_4][K_5] extends infer T_5 ? { [K_6 in keyof T_5]: IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6]>>> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6] extends any[] ? Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6]> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6] extends object ? IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6] extends infer T_6 ? { [K_7 in keyof T_6]: IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7]>>> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7] extends any[] ? Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7]> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7] extends object ? IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7] extends infer T_7 ? { [K_8 in keyof T_7]: IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8]>>> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8] extends any[] ? Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8]> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8] extends object ? IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8] extends infer T_8 ? { [K_9 in keyof T_8]: IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9]>>> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9] extends any[] ? Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9]> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9] extends object ? IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9] extends infer T_9 ? { [K_10 in keyof T_9]: IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9][K_10] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9][K_10]>) => Promise<Awaited<ReturnType<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9][K_10]>>> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9][K_10] extends any[] ? Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9][K_10]> : IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9][K_10] extends object ? /*elided*/ any : Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9][K_10]>; } : never : Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8][K_9]>; } : never : Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7][K_8]>; } : never : Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6][K_7]>; } : never : Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5][K_6]>; } : never : Promise<IframeContext[K][K_1][K_2][K_3][K_4][K_5]>; } : never : Promise<IframeContext[K][K_1][K_2][K_3][K_4]>; } : never : Promise<IframeContext[K][K_1][K_2][K_3]>; } : never : Promise<IframeContext[K][K_1][K_2]>; } : never : Promise<IframeContext[K][K_1]>; } : never : Promise<IframeContext[K]>; } & {
+export declare function createEditorClient<IframeContext extends CoreIframeContext, IframeEvents extends CoreIframeEvents>(iframe: string | HTMLIFrameElement): { [K in keyof IframeContext]: IframeContext[K] extends (...args: any[]) => any ? (...args: Parameters<IframeContext[K]>) => Promise<Awaited<ReturnType<IframeContext[K]>>> : IframeContext[K] extends any[] ? Promise<IframeContext[K]> : IframeContext[K] extends object ? IframeContext[K] extends infer T ? { [K_2 in keyof T]: T[K_2] extends (...args: any[]) => any ? (...args: Parameters<T[K_2]>) => Promise<Awaited<ReturnType<T[K_2]>>> : T[K_2] extends any[] ? Promise<T[K_2]> : T[K_2] extends object ? T[K_2] extends infer T_1 ? { [K_3 in keyof T_1]: T_1[K_3] extends (...args: any[]) => any ? (...args: Parameters<T_1[K_3]>) => Promise<Awaited<ReturnType<T_1[K_3]>>> : T_1[K_3] extends any[] ? Promise<T_1[K_3]> : T_1[K_3] extends object ? T_1[K_3] extends infer T_2 ? { [K_4 in keyof T_2]: T_2[K_4] extends (...args: any[]) => any ? (...args: Parameters<T_2[K_4]>) => Promise<Awaited<ReturnType<T_2[K_4]>>> : T_2[K_4] extends any[] ? Promise<T_2[K_4]> : T_2[K_4] extends object ? T_2[K_4] extends infer T_3 ? { [K_5 in keyof T_3]: T_3[K_5] extends (...args: any[]) => any ? (...args: Parameters<T_3[K_5]>) => Promise<Awaited<ReturnType<T_3[K_5]>>> : T_3[K_5] extends any[] ? Promise<T_3[K_5]> : T_3[K_5] extends object ? T_3[K_5] extends infer T_4 ? { [K_6 in keyof T_4]: T_4[K_6] extends (...args: any[]) => any ? (...args: Parameters<T_4[K_6]>) => Promise<Awaited<ReturnType<T_4[K_6]>>> : T_4[K_6] extends any[] ? Promise<T_4[K_6]> : T_4[K_6] extends object ? T_4[K_6] extends infer T_5 ? { [K_7 in keyof T_5]: T_5[K_7] extends (...args: any[]) => any ? (...args: Parameters<T_5[K_7]>) => Promise<Awaited<ReturnType<T_5[K_7]>>> : T_5[K_7] extends any[] ? Promise<T_5[K_7]> : T_5[K_7] extends object ? T_5[K_7] extends infer T_6 ? { [K_8 in keyof T_6]: T_6[K_8] extends (...args: any[]) => any ? (...args: Parameters<T_6[K_8]>) => Promise<Awaited<ReturnType<T_6[K_8]>>> : T_6[K_8] extends any[] ? Promise<T_6[K_8]> : T_6[K_8] extends object ? T_6[K_8] extends infer T_7 ? { [K_9 in keyof T_7]: T_7[K_9] extends (...args: any[]) => any ? (...args: Parameters<T_7[K_9]>) => Promise<Awaited<ReturnType<T_7[K_9]>>> : T_7[K_9] extends any[] ? Promise<T_7[K_9]> : T_7[K_9] extends object ? T_7[K_9] extends infer T_8 ? { [K_10 in keyof T_8]: T_8[K_10] extends (...args: any[]) => any ? (...args: Parameters<T_8[K_10]>) => Promise<Awaited<ReturnType<T_8[K_10]>>> : T_8[K_10] extends any[] ? Promise<T_8[K_10]> : T_8[K_10] extends object ? T_8[K_10] extends infer T_9 ? { [K_11 in keyof T_9]: T_9[K_11] extends (...args: any[]) => any ? (...args: Parameters<T_9[K_11]>) => Promise<Awaited<ReturnType<T_9[K_11]>>> : T_9[K_11] extends any[] ? Promise<T_9[K_11]> : T_9[K_11] extends object ? /*elided*/ any : Promise<T_9[K_11]>; } : never : Promise<T_8[K_10]>; } : never : Promise<T_7[K_9]>; } : never : Promise<T_6[K_8]>; } : never : Promise<T_5[K_7]>; } : never : Promise<T_4[K_6]>; } : never : Promise<T_3[K_5]>; } : never : Promise<T_2[K_4]>; } : never : Promise<T_1[K_3]>; } : never : Promise<T[K_2]>; } : never : Promise<IframeContext[K]>; } & {
     $context: EditorContext;
-    on: <E extends keyof IframeEvents>(eventName: E, listener: (...args: IframeEvents[E] extends infer T_10 ? T_10 extends IframeEvents[E] ? T_10 extends (...args: infer A) => any ? A : never : never : never) => void) => void;
-    off: <E extends keyof IframeEvents>(eventName: E, listener: (...args: IframeEvents[E] extends infer T_10 ? T_10 extends IframeEvents[E] ? T_10 extends (...args: infer A) => any ? A : never : never : never) => void) => void;
-    emit: <E extends never>(eventName: E, ...args: EditorEvents[E] extends infer T_10 ? T_10 extends EditorEvents[E] ? T_10 extends (...args: infer A) => any ? A : never : never : never) => void;
+    on: <E extends keyof IframeEvents>(eventName: E, listener: (...args: IframeEvents[E] extends infer T ? T extends IframeEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void) => void;
+    off: <E extends keyof IframeEvents>(eventName: E, listener: (...args: IframeEvents[E] extends infer T ? T extends IframeEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void) => void;
+    emit: <E extends never>(eventName: E, ...args: EditorEvents[E] extends infer T ? T extends EditorEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void;
     removeAllListeners: () => void;
 };

package/dist/editor.js

@@ -7,105 +7,81 @@ exports.createEditorClient = createEditorClient;
 var _constants = require("./constants");
 var _createClient = require("./createClient");
 var _telejson = require("telejson");
-function deserialize(data) {
-  const parsed = (0, _telejson.parse)(data, {
-    maxDepth: Infinity
-  });
-  const senitizeRefs = obj => {
-    if (Array.isArray(obj)) {
-      obj.forEach((item, index) => {
-        obj[index] = senitizeRefs(item);
-      });
-    } else if (obj && typeof obj === "object") {
-      if (obj.hasOwnProperty("__v_isRef")) {
-        const newObj = {
-          ...obj,
+function y(a) {
+  const n = (0, _telejson.parse)(a, {
+      maxDepth: 1 / 0
+    }),
+    r = e => {
+      if (Array.isArray(e)) e.forEach((t, s) => {
+        e[s] = r(t);
+      });else if (e && typeof e == "object") {
+        if (e.hasOwnProperty("__v_isRef")) return {
+          ...e,
           __v_isRef: "true",
-          // converted to string
-          value: obj.hasOwnProperty("value") && obj.value !== void 0 ? obj.value : obj._value ?? obj._rawValue
+          value: e.hasOwnProperty("value") && e.value !== void 0 ? e.value : e._value ?? e._rawValue
         };
-        return newObj;
-      } else {
-        Object.keys(obj).forEach(key => {
-          obj[key] = senitizeRefs(obj[key]);
+        Object.keys(e).forEach(t => {
+          e[t] = r(e[t]);
         });
       }
-    }
-    return obj;
-  };
-  const d = senitizeRefs(parsed);
-  return d;
+      return e;
+    };
+  return r(n);
 }
-function createEditorClient(iframe) {
-  let iframeElement;
-  function getIframe() {
-    if (!iframeElement || !iframeElement.isConnected) {
-      iframeElement = typeof iframe === "string" ? document.querySelector(`#${iframe}`) : iframe;
-    }
-    return iframeElement;
+function createEditorClient(a) {
+  let n;
+  function r() {
+    return (!n || !n.isConnected) && (n = typeof a == "string" ? document.querySelector(`#${a}`) : a), n;
   }
-  const client = (0, _createClient.createClient)({}, {
-    handle(handler) {
-      window.addEventListener("message", async event => {
-        if (typeof event.data !== "object") return;
-        if (event.data.source !== _constants.IFRAME_SOURCE_NAME || event.data.type === "event" || !event.data.request) return;
-        const iframe2 = getIframe();
-        if (!iframe2) return;
-        const response = await handler(event.data.request);
-        iframe2.contentWindow?.postMessage({
+  return (0, _createClient.createClient)({}, {
+    handle(e) {
+      window.addEventListener("message", async t => {
+        if (typeof t.data != "object" || t.data.source !== _constants.IFRAME_SOURCE_NAME || t.data.type === "event" || !t.data.request) return;
+        const s = r();
+        if (!s) return;
+        const o = await e(t.data.request);
+        s.contentWindow?.postMessage({
           source: _constants.EDITOR_SOURCE_NAME,
-          response
+          response: o
         }, "*");
       });
     },
-    async invoke(request) {
-      const iframe2 = getIframe();
-      if (!iframe2) return {
-        type: "response",
-        id: request.id,
-        key: request.key,
-        result: void 0
-      };
-      return new Promise((resolve, reject) => {
-        const timeout = setTimeout(() => {
-          window.removeEventListener("message", messageHandler);
-          reject(new Error("Request timed out"));
+    async invoke(e) {
+      const t = r();
+      return t ? new Promise((s, o) => {
+        const c = setTimeout(() => {
+          window.removeEventListener("message", d), o(new Error("Request timed out"));
         }, 5e3);
-        function messageHandler(event) {
-          if (typeof event.data !== "object") return;
-          if (event.data.source !== _constants.IFRAME_SOURCE_NAME || !event.data.response) return;
-          if (event.data.response.id !== request.id) return;
-          clearTimeout(timeout);
-          window.removeEventListener("message", messageHandler);
-          resolve(event.data.response);
+        function d(i) {
+          typeof i.data == "object" && (i.data.source !== _constants.IFRAME_SOURCE_NAME || !i.data.response || i.data.response.id === e.id && (clearTimeout(c), window.removeEventListener("message", d), s(i.data.response)));
         }
-        iframe2.contentWindow?.postMessage({
+        t.contentWindow?.postMessage({
           source: _constants.EDITOR_SOURCE_NAME,
-          request
-        }, "*");
-        window.addEventListener("message", messageHandler);
-      });
+          request: e
+        }, "*"), window.addEventListener("message", d);
+      }) : {
+        type: "response",
+        id: e.id,
+        key: e.key,
+        result: void 0
+      };
     },
-    emit(request) {
-      const iframe2 = getIframe();
-      if (!iframe2) return;
-      iframe2.contentWindow?.postMessage({
+    emit(e) {
+      const t = r();
+      t && t.contentWindow?.postMessage({
         source: _constants.EDITOR_SOURCE_NAME,
         type: "event",
-        request
+        request: e
       }, "*");
     },
-    handleEvent(handleRequest) {
-      window.addEventListener("message", event => {
-        if (typeof event.data !== "object") return;
-        if (event.data.source !== _constants.IFRAME_SOURCE_NAME || event.data.type !== "event" || !event.data.request) return;
-        handleRequest(event.data.request);
+    handleEvent(e) {
+      window.addEventListener("message", t => {
+        typeof t.data == "object" && (t.data.source !== _constants.IFRAME_SOURCE_NAME || t.data.type !== "event" || !t.data.request || e(t.data.request));
       });
     },
-    deserialize,
-    serialize: v => (0, _telejson.stringify)(v, {
-      maxDepth: Infinity
+    deserialize: y,
+    serialize: e => (0, _telejson.stringify)(e, {
+      maxDepth: 1 / 0
     })
   });
-  return client;
 }