@nookuio/iframe 1.0.0 → 1.0.1

package/dist/editor.d.ts

@@ -2,10 +2,4 @@ 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_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 ? 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;
-};
+export declare function createEditorClient<IframeContext extends CoreIframeContext, IframeEvents extends CoreIframeEvents>(iframe: string | HTMLIFrameElement): import("@nookuio/rpc").ClientReturn<IframeContext, EditorContext, IframeEvents, EditorEvents>;

package/dist/editor.js

@@ -5,60 +5,62 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createEditorClient = createEditorClient;
 var _constants = require("./constants");
-var _createClient = require("./createClient");
+var _rpc = require("@nookuio/rpc");
 var _telejson = require("telejson");
-function y(a) {
-  const n = (0, _telejson.parse)(a, {
+function l(s) {
+  const a = (0, _telejson.parse)(s, {
       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,
+    n = r => {
+      if (Array.isArray(r)) r.forEach((e, t) => {
+        r[t] = n(e);
+      });else if (r && typeof r == "object") {
+        if (r.hasOwnProperty("__v_isRef")) return {
+          ...r,
           __v_isRef: "true",
-          value: e.hasOwnProperty("value") && e.value !== void 0 ? e.value : e._value ?? e._rawValue
+          value: r.hasOwnProperty("value") && r.value !== void 0 ? r.value : r._value ?? r._rawValue
         };
-        Object.keys(e).forEach(t => {
-          e[t] = r(e[t]);
+        Object.keys(r).forEach(e => {
+          r[e] = n(r[e]);
         });
       }
-      return e;
+      return r;
     };
-  return r(n);
+  return n(a);
 }
-function createEditorClient(a) {
-  let n;
-  function r() {
-    return (!n || !n.isConnected) && (n = typeof a == "string" ? document.querySelector(`#${a}`) : a), n;
+function createEditorClient(s) {
+  let a;
+  function n() {
+    return (!a || !a.isConnected) && (a = typeof s == "string" ? document.querySelector(`#${s}`) : s), a;
   }
-  return (0, _createClient.createClient)({}, {
+  const i = new Map();
+  return window.addEventListener("message", async e => {
+    if (typeof e.data != "object" || e.data.source !== _constants.IFRAME_SOURCE_NAME || e.data.type === "event" || !e.data.response) return;
+    const t = i.get(e.data.response.id);
+    t && (i.delete(e.data.response.id), t(e.data.response));
+  }), (0, _rpc.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({
+        const o = n();
+        if (!o) return;
+        const d = await e(t.data.request);
+        o.contentWindow?.postMessage({
           source: _constants.EDITOR_SOURCE_NAME,
-          response: o
+          response: d
         }, "*");
       });
     },
     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 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)));
-        }
-        t.contentWindow?.postMessage({
+      const t = n();
+      return t ? new Promise((o, d) => {
+        const c = setTimeout(() => d(new Error("Request timed out")), 5e3);
+        i.set(e.id, m => {
+          clearTimeout(c), o(m);
+        }), t.contentWindow?.postMessage({
           source: _constants.EDITOR_SOURCE_NAME,
           request: e
-        }, "*"), window.addEventListener("message", d);
+        }, "*");
       }) : {
         type: "response",
         id: e.id,
@@ -67,7 +69,7 @@ function createEditorClient(a) {
       };
     },
     emit(e) {
-      const t = r();
+      const t = n();
       t && t.contentWindow?.postMessage({
         source: _constants.EDITOR_SOURCE_NAME,
         type: "event",
@@ -79,7 +81,11 @@ function createEditorClient(a) {
         typeof t.data == "object" && (t.data.source !== _constants.IFRAME_SOURCE_NAME || t.data.type !== "event" || !t.data.request || e(t.data.request));
       });
     },
-    deserialize: y,
+    destroy() {
+      i.clear();
+    },
+    timeout: 5e3,
+    deserialize: l,
     serialize: e => (0, _telejson.stringify)(e, {
       maxDepth: 1 / 0
     })

package/dist/editor.mjs

@@ -1,55 +1,57 @@
 import { EDITOR_SOURCE_NAME as f, IFRAME_SOURCE_NAME as u } from "./constants.mjs";
-import { createClient as E } from "./createClient.mjs";
-import { stringify as p, parse as l } from "telejson";
-function y(a) {
-  const n = l(a, { maxDepth: 1 / 0 }), r = (e) => {
-    if (Array.isArray(e))
-      e.forEach((t, s) => {
-        e[s] = r(t);
+import { createClient as p } from "@nookuio/rpc";
+import { stringify as y, parse as E } from "telejson";
+function l(s) {
+  const a = E(s, { maxDepth: 1 / 0 }), n = (r) => {
+    if (Array.isArray(r))
+      r.forEach((e, t) => {
+        r[t] = n(e);
       });
-    else if (e && typeof e == "object") {
-      if (e.hasOwnProperty("__v_isRef"))
+    else if (r && typeof r == "object") {
+      if (r.hasOwnProperty("__v_isRef"))
         return {
-          ...e,
+          ...r,
           __v_isRef: "true",
           // converted to string
-          value: e.hasOwnProperty("value") && e.value !== void 0 ? e.value : e._value ?? e._rawValue
+          value: r.hasOwnProperty("value") && r.value !== void 0 ? r.value : r._value ?? r._rawValue
         };
-      Object.keys(e).forEach((t) => {
-        e[t] = r(e[t]);
+      Object.keys(r).forEach((e) => {
+        r[e] = n(r[e]);
       });
     }
-    return e;
+    return r;
   };
-  return r(n);
+  return n(a);
 }
-export function createEditorClient(a) {
-  let n;
-  function r() {
-    return (!n || !n.isConnected) && (n = typeof a == "string" ? document.querySelector(`#${a}`) : a), n;
+export function createEditorClient(s) {
+  let a;
+  function n() {
+    return (!a || !a.isConnected) && (a = typeof s == "string" ? document.querySelector(`#${s}`) : s), a;
   }
-  return E(
+  const i = /* @__PURE__ */ new Map();
+  return window.addEventListener("message", async (e) => {
+    if (typeof e.data != "object" || e.data.source !== u || e.data.type === "event" || !e.data.response) return;
+    const t = i.get(e.data.response.id);
+    t && (i.delete(e.data.response.id), t(e.data.response));
+  }), p(
     {},
     {
       handle(e) {
         window.addEventListener("message", async (t) => {
           if (typeof t.data != "object" || t.data.source !== u || 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: f, response: o }, "*");
+          const o = n();
+          if (!o) return;
+          const d = await e(t.data.request);
+          o.contentWindow?.postMessage({ source: f, response: d }, "*");
         });
       },
       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 d(i) {
-            typeof i.data == "object" && (i.data.source !== u || !i.data.response || i.data.response.id === e.id && (clearTimeout(c), window.removeEventListener("message", d), s(i.data.response)));
-          }
-          t.contentWindow?.postMessage({ source: f, request: e }, "*"), window.addEventListener("message", d);
+        const t = n();
+        return t ? new Promise((o, d) => {
+          const c = setTimeout(() => d(new Error("Request timed out")), 5e3);
+          i.set(e.id, (m) => {
+            clearTimeout(c), o(m);
+          }), t.contentWindow?.postMessage({ source: f, request: e }, "*");
         }) : {
           type: "response",
           id: e.id,
@@ -58,7 +60,7 @@ export function createEditorClient(a) {
         };
       },
       emit(e) {
-        const t = r();
+        const t = n();
         t && t.contentWindow?.postMessage({ source: f, type: "event", request: e }, "*");
       },
       handleEvent(e) {
@@ -66,8 +68,12 @@ export function createEditorClient(a) {
           typeof t.data == "object" && (t.data.source !== u || t.data.type !== "event" || !t.data.request || e(t.data.request));
         });
       },
-      deserialize: y,
-      serialize: (e) => p(e, { maxDepth: 1 / 0 })
+      destroy() {
+        i.clear();
+      },
+      timeout: 5e3,
+      deserialize: l,
+      serialize: (e) => y(e, { maxDepth: 1 / 0 })
     }
   );
 }

package/dist/iframe.d.ts

@@ -1,18 +1,12 @@
-import type { CoreIframeContext, EditorEvents, VueIframeContext, VueIframeEvents } from './types';
+import type { CoreIframeContext, EditorContext, EditorEvents, VueIframeContext, VueIframeEvents } from './types';
 /**
  * This function should be called inside the iframe
  */
-export declare function createVueIframeClient(vueCtx: Omit<VueIframeContext, keyof CoreIframeContext>, options?: {
+export declare function createVueIframeClient(vueCtx: Omit<VueIframeContext, Exclude<keyof CoreIframeContext, 'updateCode'>>, options?: {
     /**
      * If true, the default console methods will be disabled
      *
      * @default false
      */
     disableDefaultConsole?: boolean;
-}): {} & {
-    $context: VueIframeContext;
-    on: <E extends never>(eventName: E, listener: (...args: EditorEvents[E] extends infer T ? T extends EditorEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void) => void;
-    off: <E extends never>(eventName: E, listener: (...args: EditorEvents[E] extends infer T ? T extends EditorEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void) => void;
-    emit: <E extends keyof VueIframeEvents>(eventName: E, ...args: VueIframeEvents[E] extends infer T ? T extends VueIframeEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void;
-    removeAllListeners: () => void;
-};
+}): import("@nookuio/rpc").ClientReturn<EditorContext, VueIframeContext, EditorEvents, VueIframeEvents>;

package/dist/iframe.js

@@ -5,138 +5,152 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createVueIframeClient = createVueIframeClient;
 var _constants = require("./constants");
-var _createClient = require("./createClient");
+var _rpc = require("@nookuio/rpc");
 var _telejson = require("telejson");
-function b(u, d) {
-  return `[data-node-id="${d}"][data-node-path="${u}"]`;
+function u(l, t) {
+  return `[data-node-id="${t}"][data-node-path="${l}"]`;
 }
-function h(u, d) {
-  const s = document.querySelectorAll(u);
-  if (!s?.length) return;
-  const l = Array.from(s).map(f => {
-    const c = f.getBoundingClientRect(),
-      g = {
-        width: c.width,
-        height: c.height,
-        top: c.top,
-        left: c.left
+function y(l, t) {
+  const n = document.querySelectorAll(l);
+  if (!n?.length) return;
+  const o = Array.from(n).map(r => {
+    const s = r.getBoundingClientRect(),
+      d = {
+        width: s.width,
+        height: s.height,
+        top: s.top,
+        left: s.left
       };
-    if (!d) return g;
-    const m = window.getComputedStyle(f) ?? {};
+    if (!t) return d;
+    const i = window.getComputedStyle(r) ?? {};
     return {
-      ...g,
+      ...d,
       padding: {
-        top: m.paddingTop,
-        right: m.paddingRight,
-        bottom: m.paddingBottom,
-        left: m.paddingLeft
+        top: i.paddingTop,
+        right: i.paddingRight,
+        bottom: i.paddingBottom,
+        left: i.paddingLeft
       }
     };
   });
-  if (l?.length) return l.length === 1 ? l[0] : l;
+  if (o?.length) return o.length === 1 ? o[0] : o;
 }
-function createVueIframeClient(u, d) {
-  const s = (0, _createClient.createClient)({
-      ...u,
-      async editText({
-        path: e,
-        id: t
-      }) {
-        if (!e || t === void 0) return;
-        const i = b(e, t),
-          n = document.querySelector(i);
-        if (!n) return;
-        n.style.outline = "none", n.setAttribute("spellcheck", "false"), n.setAttribute("contenteditable", "true");
-        const o = a => {
-            const E = a.target;
-            if (!E) return;
-            const y = E.innerText;
-            n.removeAttribute("contenteditable"), s.emit("text-update", {
-              path: e,
-              id: t,
-              content: y
-            }), n.removeEventListener("blur", o), n.removeEventListener("keydown", r), n.blur();
-          },
-          r = a => {
-            a.key === "Enter" && (a.stopPropagation(), a.preventDefault(), o(a));
-          };
-        n.addEventListener("keydown", r), n.addEventListener("blur", o), n.focus();
-      },
-      async getHoveredElement({
-        path: e,
-        id: t,
-        x: i,
-        y: n
-      }) {
-        if (e) if (i !== void 0 && n !== void 0) {
-          let o = document.elementFromPoint(i, n);
-          if (!o) return;
-          let r = o.getAttribute("data-node-path");
-          if (r !== e) {
-            if (!o.parentElement) return;
-            for (; o.parentElement && r !== e;) o = o.parentElement, r = o.getAttribute("data-node-path");
-          }
-          const a = o.getAttribute("data-node-id");
-          if (!a) return;
-          const E = b(e, a),
-            y = h(E, !1);
-          return y ? {
-            id: a,
-            path: e,
-            data: y
-          } : void 0;
-        } else {
-          const o = b(e, t),
-            r = h(o, !1);
-          return r ? {
-            id: t,
-            path: e,
-            data: r
-          } : void 0;
-        }
-      },
-      async getPageHeight() {
-        return document.body.scrollHeight > 0 ? document.body.scrollHeight : document.documentElement.scrollHeight;
-      },
-      async getSelectedElement({
-        path: e,
-        id: t
-      }) {
-        const i = b(e, t),
-          n = h(i, !0);
-        if (n) return {
-          path: e,
-          id: t,
-          data: n
+function C(l) {
+  return {
+    async editText({
+      path: t,
+      id: n
+    }) {
+      if (!t || n === void 0) return;
+      const o = u(t, n),
+        r = document.querySelector(o);
+      if (!r) return;
+      r.style.outline = "none", r.setAttribute("spellcheck", "false"), r.setAttribute("contenteditable", "true");
+      const s = i => {
+          const c = i.target;
+          if (!c) return;
+          const e = c.innerText;
+          r.removeAttribute("contenteditable"), l?.onTextUpdate?.({
+            path: t,
+            id: n,
+            content: e
+          }), r.removeEventListener("blur", s), r.removeEventListener("keydown", d), r.blur();
+        },
+        d = i => {
+          i.key === "Enter" && (i.stopPropagation(), i.preventDefault(), s(i));
         };
-      },
-      setTheme(e) {
-        const t = document.querySelector("body");
-        e === "dark" ? (document.documentElement.classList.remove("light"), document.documentElement.classList.add("dark"), t && (t.classList.remove("light"), t.classList.add("dark"))) : (document.documentElement.classList.remove("dark"), document.documentElement.classList.add("light"), t && (t.classList.remove("dark"), t.classList.add("light")));
+      r.addEventListener("keydown", d), r.addEventListener("blur", s), r.focus();
+    },
+    async getHoveredElement({
+      path: t,
+      id: n,
+      x: o,
+      y: r
+    }) {
+      if (t) if (o !== void 0 && r !== void 0) {
+        let s = document.elementFromPoint(o, r);
+        if (!s) return;
+        let d = s.getAttribute("data-node-path");
+        if (d !== t) {
+          if (!s.parentElement) return;
+          for (; s.parentElement && d !== t;) s = s.parentElement, d = s.getAttribute("data-node-path");
+        }
+        const i = s.getAttribute("data-node-id");
+        if (!i) return;
+        const c = u(t, i),
+          e = y(c, !1);
+        return e ? {
+          id: i,
+          path: t,
+          data: e
+        } : void 0;
+      } else {
+        const s = u(t, n),
+          d = y(s, !1);
+        return d ? {
+          id: n,
+          path: t,
+          data: d
+        } : void 0;
       }
+    },
+    async getPageHeight() {
+      return document.body.scrollHeight > 0 ? document.body.scrollHeight : document.documentElement.scrollHeight;
+    },
+    async getSelectedElement({
+      path: t,
+      id: n
+    }) {
+      const o = u(t, n),
+        r = y(o, !0);
+      if (r) return {
+        path: t,
+        id: n,
+        data: r
+      };
+    },
+    setTheme(t) {
+      const n = document.querySelector("body");
+      t === "dark" ? (document.documentElement.classList.remove("light"), document.documentElement.classList.add("dark"), n && (n.classList.remove("light"), n.classList.add("dark"))) : (document.documentElement.classList.remove("dark"), document.documentElement.classList.add("light"), n && (n.classList.remove("dark"), n.classList.add("light")));
+    },
+    async updateCode(t, n) {
+      typeof n > "u" ? document.body.innerHTML = "" : document.body.innerHTML = n, l?.onResize?.(await this.getPageHeight());
+    }
+  };
+}
+function createVueIframeClient(l, t) {
+  const n = new Map();
+  window.addEventListener("message", async e => {
+    if (typeof e.data != "object" || e.data.source !== _constants.EDITOR_SOURCE_NAME || e.data.type === "event" || !e.data.response) return;
+    const a = n.get(e.data.response.id);
+    a && (n.delete(e.data.response.id), a(e.data.response));
+  });
+  const o = (0, _rpc.createClient)({
+      ...l,
+      ...C({
+        onResize: (...e) => o?.emit("resize", ...e),
+        onTextUpdate: (...e) => o?.emit("text-update", ...e)
+      })
     }, {
       handle(e) {
-        window.addEventListener("message", async t => {
-          if (typeof t.data != "object" || t.data.source !== _constants.EDITOR_SOURCE_NAME || t.data.type === "event" || !t.data.request) return;
-          const i = await e(t.data.request);
+        window.addEventListener("message", async a => {
+          if (typeof a.data != "object" || a.data.source !== _constants.EDITOR_SOURCE_NAME || a.data.type === "event" || !a.data.request) return;
+          const m = await e(a.data.request);
           window.parent.postMessage({
             source: _constants.IFRAME_SOURCE_NAME,
-            response: i
+            response: m
           }, "*");
         });
       },
       invoke(e) {
-        return new Promise((t, i) => {
-          const n = setTimeout(() => {
-            window.removeEventListener("message", o), i(new Error("Request timed out"));
-          }, 5e3);
-          function o(r) {
-            typeof r.data == "object" && (r.data.source !== _constants.EDITOR_SOURCE_NAME || !r.data.response || r.data.response.id === e.id && (clearTimeout(n), window.removeEventListener("message", o), t(r.data.response)));
-          }
-          window.parent.postMessage({
+        return new Promise((a, m) => {
+          const E = setTimeout(() => m(new Error("Request timed out")), 5e3);
+          n.set(e.id, p => {
+            clearTimeout(E), a(p);
+          }), window.parent.postMessage({
             source: _constants.IFRAME_SOURCE_NAME,
             request: e
-          }, "*"), window.addEventListener("message", o);
+          }, "*");
         });
       },
       emit(e) {
@@ -147,31 +161,35 @@ function createVueIframeClient(u, d) {
         }, "*");
       },
       handleEvent(e) {
-        window.addEventListener("message", t => {
-          typeof t.data == "object" && (t.data.source !== _constants.EDITOR_SOURCE_NAME || t.data.type !== "event" || !t.data.request || e(t.data.request));
+        window.addEventListener("message", a => {
+          typeof a.data == "object" && (a.data.source !== _constants.EDITOR_SOURCE_NAME || a.data.type !== "event" || !a.data.request || e(a.data.request));
         });
       },
+      destroy() {
+        n.clear();
+      },
       deserialize: e => (0, _telejson.parse)(e),
       serialize: e => (0, _telejson.stringify)(e, {
         maxDepth: 1 / 0
-      })
+      }),
+      timeout: 5e3
     }),
-    l = d?.disableDefaultConsole ? void 0 : console.log.bind(console),
-    f = d?.disableDefaultConsole ? void 0 : console.warn.bind(console),
-    c = d?.disableDefaultConsole ? void 0 : console.error.bind(console),
-    g = d?.disableDefaultConsole ? void 0 : console.info.bind(console);
+    r = t?.disableDefaultConsole ? void 0 : console.log.bind(console),
+    s = t?.disableDefaultConsole ? void 0 : console.warn.bind(console),
+    d = t?.disableDefaultConsole ? void 0 : console.error.bind(console),
+    i = t?.disableDefaultConsole ? void 0 : console.info.bind(console);
   return console.log = (...e) => {
-    s.emit("console", "log", e), l?.(...e);
+    o.emit("console", "log", e), r?.(...e);
   }, console.warn = (...e) => {
-    f?.(...e);
+    s?.(...e);
   }, console.error = (...e) => {
-    s.emit("console", "error", e), c?.(...e);
+    o.emit("console", "error", e), d?.(...e);
   }, console.info = (...e) => {
-    s.emit("console", "info", e), g?.(...e);
-  }, window.addEventListener("resize", async () => s.emit("resize", await s.$context.getPageHeight())), new MutationObserver(async () => s.emit("resize", await s.$context.getPageHeight())).observe(document.body, {
+    o.emit("console", "info", e), i?.(...e);
+  }, window.addEventListener("resize", async () => o.emit("resize", await o.$context.getPageHeight())), new MutationObserver(async () => o.emit("resize", await o.$context.getPageHeight())).observe(document.body, {
     childList: !0,
     subtree: !0,
     attributes: !0,
     characterData: !0
-  }), s.emit("ready"), s;
+  }), o.emit("ready"), o;
 }

package/dist/iframe.mjs

@@ -1,161 +1,179 @@
-import { EDITOR_SOURCE_NAME as p, IFRAME_SOURCE_NAME as w } from "./constants.mjs";
-import { createClient as v } from "./createClient.mjs";
-import { stringify as C, parse as L } from "telejson";
-function b(u, d) {
-  return `[data-node-id="${d}"][data-node-path="${u}"]`;
+import { EDITOR_SOURCE_NAME as f, IFRAME_SOURCE_NAME as g } from "./constants.mjs";
+import { createClient as b } from "@nookuio/rpc";
+import { stringify as h, parse as w } from "telejson";
+function u(l, t) {
+  return `[data-node-id="${t}"][data-node-path="${l}"]`;
 }
-function h(u, d) {
-  const s = document.querySelectorAll(u);
-  if (!s?.length) return;
-  const l = Array.from(s).map((f) => {
-    const c = f.getBoundingClientRect(), g = {
-      width: c.width,
-      height: c.height,
-      top: c.top,
-      left: c.left
+function y(l, t) {
+  const n = document.querySelectorAll(l);
+  if (!n?.length) return;
+  const o = Array.from(n).map((r) => {
+    const s = r.getBoundingClientRect(), d = {
+      width: s.width,
+      height: s.height,
+      top: s.top,
+      left: s.left
     };
-    if (!d) return g;
-    const m = window.getComputedStyle(f) ?? {};
+    if (!t) return d;
+    const i = window.getComputedStyle(r) ?? {};
     return {
-      ...g,
+      ...d,
       padding: {
-        top: m.paddingTop,
-        right: m.paddingRight,
-        bottom: m.paddingBottom,
-        left: m.paddingLeft
+        top: i.paddingTop,
+        right: i.paddingRight,
+        bottom: i.paddingBottom,
+        left: i.paddingLeft
       }
     };
   });
-  if (l?.length)
-    return l.length === 1 ? l[0] : l;
+  if (o?.length)
+    return o.length === 1 ? o[0] : o;
 }
-export function createVueIframeClient(u, d) {
-  const s = v(
-    {
-      ...u,
-      async editText({ path: e, id: t }) {
-        if (!e || t === void 0) return;
-        const i = b(e, t), n = document.querySelector(i);
-        if (!n) return;
-        n.style.outline = "none", n.setAttribute("spellcheck", "false"), n.setAttribute("contenteditable", "true");
-        const o = (a) => {
-          const E = a.target;
-          if (!E) return;
-          const y = E.innerText;
-          n.removeAttribute("contenteditable"), s.emit("text-update", { path: e, id: t, content: y }), n.removeEventListener("blur", o), n.removeEventListener("keydown", r), n.blur();
-        }, r = (a) => {
-          a.key === "Enter" && (a.stopPropagation(), a.preventDefault(), o(a));
-        };
-        n.addEventListener("keydown", r), n.addEventListener("blur", o), n.focus();
-      },
-      async getHoveredElement({ path: e, id: t, x: i, y: n }) {
-        if (e)
-          if (i !== void 0 && n !== void 0) {
-            let o = document.elementFromPoint(i, n);
-            if (!o) return;
-            let r = o.getAttribute("data-node-path");
-            if (r !== e) {
-              if (!o.parentElement) return;
-              for (; o.parentElement && r !== e; )
-                o = o.parentElement, r = o.getAttribute("data-node-path");
-            }
-            const a = o.getAttribute("data-node-id");
-            if (!a) return;
-            const E = b(e, a), y = h(E, !1);
-            return y ? {
-              id: a,
-              path: e,
-              data: y
-            } : void 0;
-          } else {
-            const o = b(e, t), r = h(o, !1);
-            return r ? {
-              id: t,
-              path: e,
-              data: r
-            } : void 0;
+function C(l) {
+  return {
+    async editText({ path: t, id: n }) {
+      if (!t || n === void 0) return;
+      const o = u(t, n), r = document.querySelector(o);
+      if (!r) return;
+      r.style.outline = "none", r.setAttribute("spellcheck", "false"), r.setAttribute("contenteditable", "true");
+      const s = (i) => {
+        const c = i.target;
+        if (!c) return;
+        const e = c.innerText;
+        r.removeAttribute("contenteditable"), l?.onTextUpdate?.({ path: t, id: n, content: e }), r.removeEventListener("blur", s), r.removeEventListener("keydown", d), r.blur();
+      }, d = (i) => {
+        i.key === "Enter" && (i.stopPropagation(), i.preventDefault(), s(i));
+      };
+      r.addEventListener("keydown", d), r.addEventListener("blur", s), r.focus();
+    },
+    async getHoveredElement({ path: t, id: n, x: o, y: r }) {
+      if (t)
+        if (o !== void 0 && r !== void 0) {
+          let s = document.elementFromPoint(o, r);
+          if (!s) return;
+          let d = s.getAttribute("data-node-path");
+          if (d !== t) {
+            if (!s.parentElement) return;
+            for (; s.parentElement && d !== t; )
+              s = s.parentElement, d = s.getAttribute("data-node-path");
           }
-      },
-      async getPageHeight() {
-        return document.body.scrollHeight > 0 ? document.body.scrollHeight : document.documentElement.scrollHeight;
-      },
-      async getSelectedElement({ path: e, id: t }) {
-        const i = b(e, t), n = h(i, !0);
-        if (n)
-          return {
-            path: e,
-            id: t,
-            data: n
-          };
-      },
-      setTheme(e) {
-        const t = document.querySelector("body");
-        e === "dark" ? (document.documentElement.classList.remove("light"), document.documentElement.classList.add("dark"), t && (t.classList.remove("light"), t.classList.add("dark"))) : (document.documentElement.classList.remove("dark"), document.documentElement.classList.add("light"), t && (t.classList.remove("dark"), t.classList.add("light")));
-      }
-      // updateElementClass({ className, id, path }) {
-      //   const selector = getSelector(path, id);
-      //   const elements = document.querySelectorAll(selector);
-      //   if (!elements?.length) return;
-      //   elements.forEach((elm) => (elm.className = className));
-      // },
-      // updateElementAttribute({ attribute, value, id, path }) {
-      //   const selector = getSelector(path, id);
-      //   const elements = document.querySelectorAll(selector);
-      //   if (!elements?.length) return;
-      //   elements.forEach((elm) => elm.setAttribute(attribute, value));
-      // },
-      // duplicateElement({ id, path }) {
-      //   const selector = getSelector(path, id);
-      //   const elements = document.querySelectorAll(selector);
-      //   if (!elements?.length) return;
-      //   elements.forEach((elm) => {
-      //     const clone = elm.cloneNode(true) as HTMLElement;
-      //     clone.setAttribute('data-node-id', String(Number(clone.getAttribute('data-node-id')!) + 1));
-      //     elm.parentElement?.insertBefore(clone, elm.nextSibling);
-      //   });
-      // }
+          const i = s.getAttribute("data-node-id");
+          if (!i) return;
+          const c = u(t, i), e = y(c, !1);
+          return e ? {
+            id: i,
+            path: t,
+            data: e
+          } : void 0;
+        } else {
+          const s = u(t, n), d = y(s, !1);
+          return d ? {
+            id: n,
+            path: t,
+            data: d
+          } : void 0;
+        }
+    },
+    async getPageHeight() {
+      return document.body.scrollHeight > 0 ? document.body.scrollHeight : document.documentElement.scrollHeight;
+    },
+    async getSelectedElement({ path: t, id: n }) {
+      const o = u(t, n), r = y(o, !0);
+      if (r)
+        return {
+          path: t,
+          id: n,
+          data: r
+        };
+    },
+    setTheme(t) {
+      const n = document.querySelector("body");
+      t === "dark" ? (document.documentElement.classList.remove("light"), document.documentElement.classList.add("dark"), n && (n.classList.remove("light"), n.classList.add("dark"))) : (document.documentElement.classList.remove("dark"), document.documentElement.classList.add("light"), n && (n.classList.remove("dark"), n.classList.add("light")));
+    },
+    async updateCode(t, n) {
+      typeof n > "u" ? document.body.innerHTML = "" : document.body.innerHTML = n, l?.onResize?.(await this.getPageHeight());
+    }
+    // updateElementClass({ className, id, path }) {
+    //   const selector = getSelector(path, id);
+    //   const elements = document.querySelectorAll(selector);
+    //   if (!elements?.length) return;
+    //   elements.forEach((elm) => (elm.className = className));
+    // },
+    // updateElementAttribute({ attribute, value, id, path }) {
+    //   const selector = getSelector(path, id);
+    //   const elements = document.querySelectorAll(selector);
+    //   if (!elements?.length) return;
+    //   elements.forEach((elm) => elm.setAttribute(attribute, value));
+    // },
+    // duplicateElement({ id, path }) {
+    //   const selector = getSelector(path, id);
+    //   const elements = document.querySelectorAll(selector);
+    //   if (!elements?.length) return;
+    //   elements.forEach((elm) => {
+    //     const clone = elm.cloneNode(true) as HTMLElement;
+    //     clone.setAttribute('data-node-id', String(Number(clone.getAttribute('data-node-id')!) + 1));
+    //     elm.parentElement?.insertBefore(clone, elm.nextSibling);
+    //   });
+    // }
+  };
+}
+export function createVueIframeClient(l, t) {
+  const n = /* @__PURE__ */ new Map();
+  window.addEventListener("message", async (e) => {
+    if (typeof e.data != "object" || e.data.source !== f || e.data.type === "event" || !e.data.response) return;
+    const a = n.get(e.data.response.id);
+    a && (n.delete(e.data.response.id), a(e.data.response));
+  });
+  const o = b(
+    {
+      ...l,
+      ...C({
+        onResize: (...e) => o?.emit("resize", ...e),
+        onTextUpdate: (...e) => o?.emit("text-update", ...e)
+      })
     },
     {
       handle(e) {
-        window.addEventListener("message", async (t) => {
-          if (typeof t.data != "object" || t.data.source !== p || t.data.type === "event" || !t.data.request) return;
-          const i = await e(t.data.request);
-          window.parent.postMessage({ source: w, response: i }, "*");
+        window.addEventListener("message", async (a) => {
+          if (typeof a.data != "object" || a.data.source !== f || a.data.type === "event" || !a.data.request) return;
+          const m = await e(a.data.request);
+          window.parent.postMessage({ source: g, response: m }, "*");
         });
       },
       invoke(e) {
-        return new Promise((t, i) => {
-          const n = setTimeout(() => {
-            window.removeEventListener("message", o), i(new Error("Request timed out"));
-          }, 5e3);
-          function o(r) {
-            typeof r.data == "object" && (r.data.source !== p || !r.data.response || r.data.response.id === e.id && (clearTimeout(n), window.removeEventListener("message", o), t(r.data.response)));
-          }
-          window.parent.postMessage({ source: w, request: e }, "*"), window.addEventListener("message", o);
+        return new Promise((a, m) => {
+          const E = setTimeout(() => m(new Error("Request timed out")), 5e3);
+          n.set(e.id, (p) => {
+            clearTimeout(E), a(p);
+          }), window.parent.postMessage({ source: g, request: e }, "*");
         });
       },
       emit(e) {
-        window.parent.postMessage({ source: w, type: "event", request: e }, "*");
+        window.parent.postMessage({ source: g, type: "event", request: e }, "*");
       },
       handleEvent(e) {
-        window.addEventListener("message", (t) => {
-          typeof t.data == "object" && (t.data.source !== p || t.data.type !== "event" || !t.data.request || e(t.data.request));
+        window.addEventListener("message", (a) => {
+          typeof a.data == "object" && (a.data.source !== f || a.data.type !== "event" || !a.data.request || e(a.data.request));
         });
       },
-      deserialize: (e) => L(e),
-      serialize: (e) => C(e, { maxDepth: 1 / 0 })
+      destroy() {
+        n.clear();
+      },
+      deserialize: (e) => w(e),
+      serialize: (e) => h(e, { maxDepth: 1 / 0 }),
+      timeout: 5e3
     }
-  ), l = d?.disableDefaultConsole ? void 0 : console.log.bind(console), f = d?.disableDefaultConsole ? void 0 : console.warn.bind(console), c = d?.disableDefaultConsole ? void 0 : console.error.bind(console), g = d?.disableDefaultConsole ? void 0 : console.info.bind(console);
+  ), r = t?.disableDefaultConsole ? void 0 : console.log.bind(console), s = t?.disableDefaultConsole ? void 0 : console.warn.bind(console), d = t?.disableDefaultConsole ? void 0 : console.error.bind(console), i = t?.disableDefaultConsole ? void 0 : console.info.bind(console);
   return console.log = (...e) => {
-    s.emit("console", "log", e), l?.(...e);
+    o.emit("console", "log", e), r?.(...e);
   }, console.warn = (...e) => {
-    f?.(...e);
+    s?.(...e);
   }, console.error = (...e) => {
-    s.emit("console", "error", e), c?.(...e);
+    o.emit("console", "error", e), d?.(...e);
   }, console.info = (...e) => {
-    s.emit("console", "info", e), g?.(...e);
-  }, window.addEventListener("resize", async () => s.emit("resize", await s.$context.getPageHeight())), new MutationObserver(
-    async () => s.emit("resize", await s.$context.getPageHeight())
+    o.emit("console", "info", e), i?.(...e);
+  }, window.addEventListener("resize", async () => o.emit("resize", await o.$context.getPageHeight())), new MutationObserver(
+    async () => o.emit("resize", await o.$context.getPageHeight())
   ).observe(document.body, {
     childList: !0,
     // observe direct children additions/removals
@@ -165,5 +183,5 @@ export function createVueIframeClient(u, d) {
     // observe attribute changes (like style, class)
     characterData: !0
     // observe text changes
-  }), s.emit("ready"), s;
+  }), o.emit("ready"), o;
 }

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import type { RpcEvents } from '@nookuio/rpc';
 export interface EventRequest {
     eventName: string;
     args: any[];
@@ -40,8 +41,10 @@ export interface CoreIframeContext {
         path: string;
         id: string;
     }) => void;
+    /** Update the innerHTML of the page */
+    updateCode: (path: string, code: string) => void;
 }
-export interface CoreIframeEvents {
+export interface CoreIframeEvents extends RpcEvents {
     ready: () => void;
     resize: (height: number) => void;
     console: (type: 'log' | 'error' | 'info' | 'warn', message: any[]) => void;
@@ -51,15 +54,16 @@ export interface CoreIframeEvents {
         content: string;
     }) => void;
 }
-export interface VueIframeContext extends CoreIframeContext {
+export interface VueIframeContext extends Omit<CoreIframeContext, 'updateCode'> {
     navigateTo: (to: string) => void;
     getInstanceData: (path: string /** filepath path of the component */) => Record<string, any>;
     /**
+     *
      * For virtual SFC preview
      *
-     * Works only on VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH
+     * Works only on `VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH`
      */
-    updateVirtualSfcCode: (path: string, code: string) => void;
+    updateCode: (path: string, code: string) => void;
 }
 export interface VueIframeEvents extends CoreIframeEvents {
     'route-change': (to: string) => void;
@@ -67,7 +71,7 @@ export interface VueIframeEvents extends CoreIframeEvents {
 }
 export interface EditorContext {
 }
-export interface EditorEvents {
+export interface EditorEvents extends RpcEvents {
 }
 export interface ElementPosition {
     top: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nookuio/iframe",
   "description": "",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -30,7 +30,8 @@
     "dist"
   ],
   "dependencies": {
-    "telejson": "7.2.0"
+    "telejson": "7.2.0",
+    "@nookuio/rpc": "1.0.2"
   },
   "devDependencies": {},
   "keywords": [],

package/dist/createClient.d.ts

@@ -1,51 +0,0 @@
-import type { ContextRequest, ContextResponse, EventRequest } from './types';
-type ArgumentsType<T> = T extends (...args: infer A) => any ? A : never;
-type ClientReturnBase<R, L, RE, LE> = {
-    [K in keyof R]: R[K] extends (...args: any[]) => any ? (...args: Parameters<R[K]>) => Promise<Awaited<ReturnType<R[K]>>> : R[K] extends any[] ? Promise<R[K]> : R[K] extends object ? ClientReturnBase<R[K], L, RE, LE> : Promise<R[K]>;
-};
-type ClientReturn<R, L, RE, LE> = ClientReturnBase<R, L, RE, LE> & {
-    $context: L;
-    on: <E extends keyof RE>(eventName: E, listener: (...args: ArgumentsType<RE[E]>) => void) => void;
-    off: <E extends keyof RE>(eventName: E, listener: (...args: ArgumentsType<RE[E]>) => void) => void;
-    emit: <E extends keyof LE>(eventName: E, ...args: ArgumentsType<LE[E]>) => void;
-    removeAllListeners: () => void;
-};
-interface ClientOptions {
-    /**
-     * Function to send requests to the remote process
-     *
-     * Should return a ContextResponse
-     */
-    invoke: (request: ContextRequest) => Promise<ContextResponse>;
-    /**
-     * Function to handle incoming requests from the remote process
-     *
-     * Will be called only once at the start of the client
-     */
-    handle: (handler: (request: ContextRequest) => Promise<ContextResponse>) => void;
-    /**
-     * Function to emit events to the remote process
-     */
-    emit: (request: EventRequest) => void;
-    /**
-     * Function to handle events from the remote process
-     *
-     * Will be called only once at the start of the client
-     */
-    handleEvent: (handleRequest: (request: EventRequest) => void) => void;
-    /**
-     * Custom function to serialize data
-     *
-     * by default it uses JSON.stringify
-     */
-    serialize?: (data: any) => any;
-    /**
-     * Custom function to deserialize data
-     *
-     * by default it uses JSON.parse
-     */
-    deserialize?: (data: any) => any;
-}
-type Context = Record<string, any>;
-export declare function createClient<R extends Context, L extends Context, RE, LE>(localCtx: L, options: ClientOptions): ClientReturn<R, L, RE, LE>;
-export {};

package/dist/createClient.js

@@ -1,118 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createClient = createClient;
-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/createClient.mjs

@@ -1,114 +0,0 @@
-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 = /* @__PURE__ */ 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 = /* @__PURE__ */ 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()}`,
-        // More robust ID
-        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;
-}