@moises.ai/extension 0.0.14 → 0.0.16

package/dist/index.js

@@ -1,8 +1,8 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useState as f, useEffect as l } from "react";
-import { Box as p, Theme as g } from "@radix-ui/themes";
-export * from "@radix-ui/themes";
-class m {
+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";
+export * from "@moises.ai/design-system";
+class p {
   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 m {
   }
   disconnect() {
     window.removeEventListener("message", this.boundHandler);
-    for (const [e, { reject: n }] of this.pendingRequests.entries())
-      n(new Error("Connection closed")), this.pendingRequests.delete(e);
+    for (const [e, { reject: t }] of this.pendingRequests.entries())
+      t(new Error("Connection closed")), this.pendingRequests.delete(e);
     this.connected = !1;
   }
   handleMessage(e) {
-    const { data: n, source: t, origin: o } = e;
-    if (t === this.target) {
-      if (n.type === "response") {
-        const { requestId: s, result: a, error: i } = n, c = this.pendingRequests.get(s);
-        c && (i ? c.reject(new Error(i)) : c.resolve(a), this.pendingRequests.delete(s));
+    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));
         return;
       }
-      if (n.type === "request") {
-        const { method: s, params: a, requestId: i } = n, c = this.handlers.get(s);
+      if (t.type === "request") {
+        const { method: s, params: d, requestId: r } = t, c = this.handlers.get(s);
         if (!c) {
-          this.sendResponse(t, i, null, `No handler for method: ${s}`);
+          this.sendResponse(n, r, null, `No handler for method: ${s}`);
           return;
         }
-        Promise.resolve().then(() => c(a)).then((d) => this.sendResponse(t, i, d)).catch((d) => this.sendResponse(t, i, null, d.message));
+        Promise.resolve().then(() => c(d)).then((u) => this.sendResponse(n, r, u)).catch((u) => this.sendResponse(n, r, null, u.message));
       }
     }
   }
-  sendResponse(e, n, t, o = null) {
+  sendResponse(e, t, n, i = null) {
     e.postMessage({
       type: "response",
-      requestId: n,
-      result: t,
-      error: o
+      requestId: t,
+      result: n,
+      error: i
     }, "*");
   }
-  on(e, n) {
-    this.handlers.set(e, n);
+  on(e, t) {
+    this.handlers.set(e, t);
   }
   off(e) {
     this.handlers.delete(e);
   }
-  once(e, n) {
-    const t = async (o) => (this.off(e), n(o));
-    this.on(e, t);
+  once(e, t) {
+    const n = async (i) => (this.off(e), t(i));
+    this.on(e, n);
   }
-  async call(e, n) {
-    const t = this.requestId++;
-    return new Promise((o, s) => {
-      this.pendingRequests.set(t, { resolve: o, reject: s }), this.target.postMessage({
+  async call(e, t) {
+    const n = this.requestId++;
+    return new Promise((i, s) => {
+      this.pendingRequests.set(n, { resolve: i, reject: s }), this.target.postMessage({
         type: "request",
         method: e,
-        params: n,
-        requestId: t
+        params: t,
+        requestId: n
       }, "*");
     });
   }
 }
-class y {
+class m {
   constructor(e) {
-    this.rpc = new m(e), this.proxy = this.createProxy();
+    this.rpc = new p(e), this.proxy = this.createProxy();
   }
   createProxy() {
     return new Proxy(this.rpc, {
-      get: (e, n) => n in e ? e[n] : new Proxy({}, {
-        get: (t, o) => async (s) => {
-          const a = `${n}.${o}`;
-          return e.call(a, s);
+      get: (e, t) => t in e ? e[t] : new Proxy({}, {
+        get: (n, i) => async (s) => {
+          const d = `${t}.${i}`;
+          return e.call(d, s);
         }
       })
     });
@@ -82,77 +82,65 @@ class y {
   //   return this.rpc.on(method, handler);
   // }
 }
-function q(r) {
+function y(o) {
   const e = {
-    id: r.id,
-    name: r.name,
-    description: r.description,
-    icon: r.icon,
-    author: r.author,
-    version: r.version,
+    id: o.id,
+    name: o.name,
+    description: o.description,
+    icon: o.icon,
+    author: o.author,
+    version: o.version,
     isLoaded: !1,
     events: {}
-  }, { proxy: n, rpc: t } = new y({
+  }, { proxy: t, rpc: n } = new m({
     target: window.parent
   });
-  n.link = async (s, a, i) => {
-    const c = await n.register.link({ category: s, options: a });
-    t.on(`${c.id}`, i);
+  t.link = async (s, d, r) => {
+    const c = await t.register.link({ category: s, options: d });
+    n.on(`${c.id}`, r);
   };
-  async function o() {
-    const s = n.register.extension(e);
+  async function i() {
+    const s = t.register.extension(e);
     return e.isLoaded = !0, s;
   }
-  return { connect: o, plugin: e, api: n };
+  return { connect: i, plugin: e, api: t };
 }
-function v(r) {
-  r.id;
-  let e = null, n = !1;
-  function t() {
-    const [o, s] = f({
+function R(o) {
+  o.id;
+  let e = null, t = !1;
+  function n() {
+    const [i, s] = g({
       plugin: e,
-      isConnected: n,
+      isConnected: t,
       moises: e == null ? void 0 : e.api
     });
-    l(() => {
-      e || (e = q(r), s((i) => ({
-        ...i,
+    h(() => {
+      e || (e = y(o), s((r) => ({
+        ...r,
         plugin: e,
         moises: e.api
       })));
-    }, [r]), l(() => {
-      e && !n && e.connect().then(() => {
-        n = !0, s((i) => ({
-          ...i,
+    }, [o]), h(() => {
+      e && !t && e.connect().then(() => {
+        t = !0, s((r) => ({
+          ...r,
           isConnected: !0
         }));
       });
     }, []);
-    function a({ children: i, width: c, height: d }) {
-      const { moises: u } = o;
-      return l(() => {
-        u && u.ui.setPluginSize({ width: c, height: d });
-      }, [c, d, u]), /* @__PURE__ */ h(p, { height: "100vh", style: { height: "100vh", backgroundColor: "var(--gray-1)" }, children: /* @__PURE__ */ h(p, { p: "4", children: i }) });
+    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 }) });
     }
     return {
-      ...o,
-      ModalLayout: a
+      ...i,
+      ModalLayout: d
     };
   }
-  return t;
+  return n;
 }
-const P = ({ children: r, ...e }) => /* @__PURE__ */ h(
-  g,
-  {
-    accentColor: "cyan",
-    appearance: "dark",
-    radius: "small",
-    panelBackground: "solid",
-    ...e,
-    children: r
-  }
-);
 export {
-  P as Theme,
-  v as initMoisesExtension
+  R as initMoisesExtension
 };