@moises.ai/extension 0.0.4 → 0.0.7

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/extension",
-  "version": "0.0.4",
+  "version": "0.0.7",
   "description": "SDK for Moises AI extensions",
   "private": false,
   "type": "module",