@moises.ai/extension 0.0.16 → 0.0.18

package/dist/index.js

@@ -1,8 +1,8 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useState as g, useEffect as h } from "react";
-import { Box as f } from "@moises.ai/design-system";
+import { jsx as g } from "react/jsx-runtime";
+import { useState as q, useEffect as f } from "react";
+import { Box as p } from "@moises.ai/design-system";
 export * from "@moises.ai/design-system";
-class p {
+class m {
   constructor({ target: e }) {
     this.target = e, this.handlers = /* @__PURE__ */ new Map(), this.pendingRequests = /* @__PURE__ */ new Map(), this.requestId = 0, this.connected = !1, this.boundHandler = this.handleMessage.bind(this), this.connect();
   }
@@ -11,68 +11,68 @@ class p {
   }
   disconnect() {
     window.removeEventListener("message", this.boundHandler);
-    for (const [e, { reject: t }] of this.pendingRequests.entries())
-      t(new Error("Connection closed")), this.pendingRequests.delete(e);
+    for (const [e, { reject: n }] of this.pendingRequests.entries())
+      n(new Error("Connection closed")), this.pendingRequests.delete(e);
     this.connected = !1;
   }
   handleMessage(e) {
-    const { data: t, source: n, origin: i } = e;
-    if (n === this.target) {
-      if (t.type === "response") {
-        const { requestId: s, result: d, error: r } = t, c = this.pendingRequests.get(s);
-        c && (r ? c.reject(new Error(r)) : c.resolve(d), this.pendingRequests.delete(s));
+    const { data: n, source: s, origin: i } = e;
+    if (s === this.target) {
+      if (n.type === "response") {
+        const { requestId: r, result: a, error: t } = n, c = this.pendingRequests.get(r);
+        c && (t ? c.reject(new Error(t)) : c.resolve(a), this.pendingRequests.delete(r));
         return;
       }
-      if (t.type === "request") {
-        const { method: s, params: d, requestId: r } = t, c = this.handlers.get(s);
+      if (n.type === "request") {
+        const { method: r, params: a, requestId: t } = n, c = this.handlers.get(r);
         if (!c) {
-          this.sendResponse(n, r, null, `No handler for method: ${s}`);
+          this.sendResponse(s, t, null, `No handler for method: ${r}`);
           return;
         }
-        Promise.resolve().then(() => c(d)).then((u) => this.sendResponse(n, r, u)).catch((u) => this.sendResponse(n, r, null, u.message));
+        Promise.resolve().then(() => c(a)).then((d) => this.sendResponse(s, t, d)).catch((d) => this.sendResponse(s, t, null, d.message));
       }
     }
   }
-  sendResponse(e, t, n, i = null) {
+  sendResponse(e, n, s, i = null) {
     e.postMessage({
       type: "response",
-      requestId: t,
-      result: n,
+      requestId: n,
+      result: s,
       error: i
     }, "*");
   }
-  on(e, t) {
-    this.handlers.set(e, t);
+  on(e, n) {
+    this.handlers.set(e, n);
   }
   off(e) {
     this.handlers.delete(e);
   }
-  once(e, t) {
-    const n = async (i) => (this.off(e), t(i));
-    this.on(e, n);
+  once(e, n) {
+    const s = async (i) => (this.off(e), n(i));
+    this.on(e, s);
   }
-  async call(e, t) {
-    const n = this.requestId++;
-    return new Promise((i, s) => {
-      this.pendingRequests.set(n, { resolve: i, reject: s }), this.target.postMessage({
+  async call(e, n) {
+    const s = this.requestId++;
+    return new Promise((i, r) => {
+      this.pendingRequests.set(s, { resolve: i, reject: r }), this.target.postMessage({
         type: "request",
         method: e,
-        params: t,
-        requestId: n
+        params: n,
+        requestId: s
       }, "*");
     });
   }
 }
-class m {
+class v {
   constructor(e) {
-    this.rpc = new p(e), this.proxy = this.createProxy();
+    this.rpc = new m(e), this.proxy = this.createProxy();
   }
   createProxy() {
     return new Proxy(this.rpc, {
-      get: (e, t) => t in e ? e[t] : new Proxy({}, {
-        get: (n, i) => async (s) => {
-          const d = `${t}.${i}`;
-          return e.call(d, s);
+      get: (e, n) => n in e ? e[n] : new Proxy({}, {
+        get: (s, i) => async (r) => {
+          const a = `${n}.${i}`;
+          return e.call(a, r);
         }
       })
     });
@@ -82,7 +82,7 @@ class m {
   //   return this.rpc.on(method, handler);
   // }
 }
-function y(o) {
+function P(o) {
   const e = {
     id: o.id,
     name: o.name,
@@ -92,55 +92,84 @@ function y(o) {
     version: o.version,
     isLoaded: !1,
     events: {}
-  }, { proxy: t, rpc: n } = new m({
+  }, { proxy: n, rpc: s } = new v({
     target: window.parent
   });
-  t.link = async (s, d, r) => {
-    const c = await t.register.link({ category: s, options: d });
-    n.on(`${c.id}`, r);
+  n.link = async (r, a, t) => {
+    const c = await n.register.link({ category: r, options: a });
+    s.on(`${c.id}`, t);
   };
   async function i() {
-    const s = t.register.extension(e);
-    return e.isLoaded = !0, s;
+    const r = n.register.extension(e);
+    return e.isLoaded = !0, r;
   }
-  return { connect: i, plugin: e, api: t };
+  return { connect: i, plugin: e, api: n };
 }
-function R(o) {
+function E(o) {
   o.id;
-  let e = null, t = !1;
-  function n() {
-    const [i, s] = g({
+  let e = null, n = !1;
+  function s() {
+    const [i, r] = q({
       plugin: e,
-      isConnected: t,
+      isConnected: n,
       moises: e == null ? void 0 : e.api
     });
-    h(() => {
-      e || (e = y(o), s((r) => ({
-        ...r,
+    f(() => {
+      e || (e = P(o), r((t) => ({
+        ...t,
         plugin: e,
         moises: e.api
       })));
-    }, [o]), h(() => {
-      e && !t && e.connect().then(() => {
-        t = !0, s((r) => ({
-          ...r,
+    }, [o]), f(() => {
+      e && !n && e.connect().then(() => {
+        n = !0, r((t) => ({
+          ...t,
           isConnected: !0
         }));
       });
     }, []);
-    function d({ children: r, width: c, height: u }) {
-      const { moises: a } = i;
-      return h(() => {
-        a && a.ui.setPluginSize({ width: c, height: u });
-      }, [c, u, a]), /* @__PURE__ */ l(f, { height: "100vh", style: { height: "100vh", backgroundColor: "var(--gray-1)" }, children: /* @__PURE__ */ l(f, { p: "4", children: r }) });
+    function a({ children: t, width: c, height: d }) {
+      const { moises: u } = i;
+      return f(() => {
+        u && u.ui.setPluginSize({ width: c, height: d });
+      }, [c, d, u]), /* @__PURE__ */ g(p, { height: "100vh", style: { height: "100vh", backgroundColor: "var(--gray-1)" }, children: /* @__PURE__ */ g(p, { p: "4", children: t }) });
     }
     return {
       ...i,
-      ModalLayout: d
+      ModalLayout: a
     };
   }
-  return n;
+  return s;
+}
+function $({ id: o, url: e, exposedAPI: n, iframeRef: s, onRegisterMetadata: i, onRegisterLink: r }) {
+  const a = {
+    id: o,
+    url: e
+  };
+  s.current && (s.current.src = e);
+  const t = new m({
+    target: s.current.contentWindow
+  });
+  t.on("register.extension", async (u) => {
+    i(u);
+  }), t.on("register.link", async ({ category: u, options: l }) => {
+    const h = `link:${u}:${l.label}`;
+    return r({ id: h, category: u, options: l }), { id: h };
+  });
+  for (const [u, l] of Object.entries(n))
+    for (const [h, y] of Object.entries(l)) {
+      const w = `${u}.${h}`;
+      t.on(w, async (x) => await y(x));
+    }
+  function c(u, l) {
+    return t.call(u, l);
+  }
+  function d() {
+    t.disconnect();
+  }
+  return { plugin: a, rpc: t, call: c, disconnect: d };
 }
 export {
-  R as initMoisesExtension
+  $ as MoisesExtensionHost,
+  E as initMoisesExtension
 };