@moises.ai/extension 0.0.19 → 0.0.20

package/dist/index.js

@@ -1,8 +1,8 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useState as q, useEffect as f } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { useState as q, useEffect as h } from "react";
 import { Box as p } from "@moises.ai/design-system";
 export * from "@moises.ai/design-system";
-class m {
+class y {
   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();
   }
@@ -16,28 +16,28 @@ class m {
     this.connected = !1;
   }
   handleMessage(e) {
-    const { data: n, source: s, origin: i } = e;
-    if (s === this.target) {
+    const { data: n, source: o, origin: i } = e;
+    if (o === 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));
+        const { requestId: r, result: l, error: t } = n, c = this.pendingRequests.get(r);
+        c && (t ? c.reject(new Error(t)) : c.resolve(l), this.pendingRequests.delete(r));
         return;
       }
       if (n.type === "request") {
-        const { method: r, params: a, requestId: t } = n, c = this.handlers.get(r);
+        const { method: r, params: l, requestId: t } = n, c = this.handlers.get(r);
         if (!c) {
-          this.sendResponse(s, t, null, `No handler for method: ${r}`);
+          this.sendResponse(o, t, null, `No handler for method: ${r}`);
           return;
         }
-        Promise.resolve().then(() => c(a)).then((d) => this.sendResponse(s, t, d)).catch((d) => this.sendResponse(s, t, null, d.message));
+        Promise.resolve().then(() => c(l)).then((a) => this.sendResponse(o, t, a)).catch((a) => this.sendResponse(o, t, null, a.message));
       }
     }
   }
-  sendResponse(e, n, s, i = null) {
+  sendResponse(e, n, o, i = null) {
     e.postMessage({
       type: "response",
       requestId: n,
-      result: s,
+      result: o,
       error: i
     }, "*");
   }
@@ -48,31 +48,31 @@ class m {
     this.handlers.delete(e);
   }
   once(e, n) {
-    const s = async (i) => (this.off(e), n(i));
-    this.on(e, s);
+    const o = async (i) => (this.off(e), n(i));
+    this.on(e, o);
   }
   async call(e, n) {
-    const s = this.requestId++;
+    const o = this.requestId++;
     return new Promise((i, r) => {
-      this.pendingRequests.set(s, { resolve: i, reject: r }), this.target.postMessage({
+      this.pendingRequests.set(o, { resolve: i, reject: r }), this.target.postMessage({
         type: "request",
         method: e,
         params: n,
-        requestId: s
+        requestId: o
       }, "*");
     });
   }
 }
-class v {
+class P {
   constructor(e) {
-    this.rpc = new m(e), this.proxy = this.createProxy();
+    this.rpc = new y(e), this.proxy = this.createProxy();
   }
   createProxy() {
     return new Proxy(this.rpc, {
       get: (e, n) => n in e ? e[n] : new Proxy({}, {
-        get: (s, i) => async (r) => {
-          const a = `${n}.${i}`;
-          return e.call(a, r);
+        get: (o, i) => async (r) => {
+          const l = `${n}.${i}`;
+          return e.call(l, r);
         }
       })
     });
@@ -82,45 +82,259 @@ class v {
   //   return this.rpc.on(method, handler);
   // }
 }
-function P(o) {
+const v = {
+  /**
+   * Exports the audio from the current session
+   * @async
+   * @function export
+   * @memberof session
+   * @returns {Promise<AudioData>} Promise that resolves with the exported audio data
+   * @example const audioData = await session.export()
+   */
+  export: async function() {
+    return console.log("session.export");
+  },
+  /**
+   * Gets the list of tracks from the session
+   * @async
+   * @function tracks
+   * @memberof session
+   * @returns {Promise<Array>} Promise that resolves with an array of tracks
+   * @example
+   * const tracks = await session.tracks()
+   * console.log(tracks.length) // number of tracks
+   */
+  tracks: async function() {
+    return console.log("session.tracks");
+  },
+  /**
+   * Starts session playback
+   * @function play
+   * @memberof session
+   * @returns {void} Does not return a value
+   * @example session.play()
+   */
+  play: function() {
+    return console.log("session.play");
+  },
+  /**
+   * Pauses session playback
+   * @function pause
+   * @memberof session
+   * @returns {void} Does not return a value
+   * @example session.pause()
+   */
+  pause: function() {
+    return console.log("session.pause");
+  },
+  /**
+   * Toggles between play and pause
+   * @function togglePlayback
+   * @memberof session
+   * @returns {void} Does not return a value
+   * @example session.togglePlayback()
+   */
+  togglePlayback: function() {
+    return console.log("session.togglePlayback");
+  },
+  /**
+   * Clears the current selection in the session
+   * @function clearSelection
+   * @memberof session
+   * @returns {void} Does not return a value
+   * @example session.clearSelection()
+   */
+  clearSelection: function() {
+    return console.log("session.clearSelection");
+  },
+  /**
+   * Sets a selection in the session
+   * @function setSelection
+   * @memberof session
+   * @param {Object} params - Selection parameters
+   * @param {string} params.trackId - ID of the track to be selected
+   * @param {number} params.start - Start position of the selection
+   * @param {number} params.end - End position of the selection
+   * @returns {void} Does not return a value
+   * @example
+   * // Selects an interval in a specific track
+   * session.setSelection({ 
+   *   trackId: "track-123", 
+   *   start: 0, 
+   *   end: 30 
+   * })
+   * 
+   * // Selects an interval without specifying a track
+   * session.setSelection({ start: 10, end: 20 })
+   */
+  setSelection: function(s) {
+    return console.log("session.setSelection", s);
+  }
+}, R = {
+  /**
+   * Sets the extension size in the interface
+   * @function setPluginSize
+   * @memberof ui
+   * @param {Object} params - Size parameters
+   * @param {number} params.width - Width in pixels
+   * @param {number} params.height - Height in pixels
+   * @returns {void} Does not return a value
+   * @example ui.setPluginSize({ width: 800, height: 600 })
+   */
+  setPluginSize: function(s) {
+    return console.log("ui.setPluginSize", s);
+  },
+  /**
+   * Displays a progress bar or loading indicator
+   * @async
+   * @function progress
+   * @memberof ui
+   * @param {Object} options - Progress configuration options
+   * @param {string} options.message - Progress message
+   * @param {number} options.value - Progress value (0-100)
+   * @returns {Promise<void>} Promise that resolves when the operation is complete
+   * @example await ui.progress({ message: "Loading...", value: 50 })
+   */
+  progress: async function(s) {
+    return console.log("ui.progress", s);
+  },
+  /**
+   * Displays an alert to the user
+   * @async
+   * @function alert
+   * @memberof ui
+   * @param {Object} options - Alert configuration options
+   * @param {string} options.title - Alert title
+   * @param {string} options.message - Alert message
+   * @returns {Promise<void>} Promise that resolves when the alert is closed
+   * @example await ui.alert({ title: "Notice", message: "Operation completed!" })
+   */
+  alert: async function(s) {
+    return console.log("ui.alert", s);
+  },
+  /**
+   * Displays a confirmation dialog
+   * @async
+   * @function confirm
+   * @memberof ui
+   * @param {Object} options - Confirmation configuration options
+   * @param {string} options.title - Confirmation title
+   * @param {string} options.message - Confirmation message
+   * @returns {Promise<boolean>} Promise that resolves with true if confirmed, false if cancelled
+   * @example
+   * const confirmed = await ui.confirm({ 
+   *   title: "Confirm", 
+   *   message: "Do you want to continue?" 
+   * })
+   */
+  confirm: async function(s) {
+    return console.log("ui.confirm", s);
+  },
+  /**
+   * Displays a text input dialog
+   * @async
+   * @function prompt
+   * @memberof ui
+   * @param {Object} options - Prompt configuration options
+   * @param {string} options.title - Prompt title
+   * @param {string} options.message - Prompt message
+   * @param {string} options.defaultValue - Default input value
+   * @returns {Promise<string>} Promise that resolves with the entered text
+   * @example
+   * const userInput = await ui.prompt({ 
+   *   title: "Name", 
+   *   message: "Enter your name:" 
+   * })
+   */
+  prompt: async function(s) {
+    return console.log("ui.prompt", s);
+  },
+  /**
+   * Creates a panel in the interface
+   * @async
+   * @function panel
+   * @memberof ui
+   * @param {Object} options - Panel configuration options
+   * @param {string} options.title - Panel title
+   * @param {string} options.content - Panel content
+   * @returns {Promise<Object>} Promise that resolves with the created panel object
+   * @returns {string} returns.id - Unique panel ID
+   * @example
+   * const panel = await ui.panel({ title: "My Panel" })
+   * console.log(panel.id) // "panel-1"
+   */
+  panel: async function(s) {
+    return console.log("ui.panel", s);
+  },
+  /**
+   * Closes the extension
+   * @async
+   * @function close
+   * @memberof ui
+   * @returns {Promise<void>} Promise that resolves when the extension is closed
+   * @example await ui.close()
+   */
+  close: async function() {
+    return console.log("ui.close");
+  },
+  /**
+   * Opens the extension
+   * @async
+   * @function open
+   * @memberof ui
+   * @param {Object} [params]={} - Open parameters
+   * @param {string} params.mountPoint="sidePanel" - Location where the extension will be mounted
+   * @returns {Promise<void>} Promise that resolves when the extension is opened
+   * @example
+   * // Opens in side panel (default)
+   * await ui.open()
+   * 
+   * // Opens in a specific location
+   * await ui.open({ mountPoint: "mainPanel" })
+   */
+  open: async function(s = {}) {
+    return console.log("ui.open", s);
+  }
+};
+function b(s) {
   const e = {
-    id: o.id,
-    name: o.name,
-    description: o.description,
-    icon: o.icon,
-    author: o.author,
-    version: o.version,
+    id: s.id,
+    name: s.name,
+    description: s.description,
+    icon: s.icon,
+    author: s.author,
+    version: s.version,
     isLoaded: !1,
     events: {}
-  }, { proxy: n, rpc: s } = new v({
+  }, { proxy: n, rpc: o } = new P({
     target: window.parent
   });
-  n.link = async (r, a, t) => {
-    const c = await n.register.link({ category: r, options: a });
-    s.on(`${c.id}`, t);
-  };
+  n.link = async (r, l, t) => {
+    const c = await n.register.link({ category: r, options: l });
+    o.on(`${c.id}`, t);
+  }, n.ui = R, n.session = v;
   async function i() {
     const r = n.register.extension(e);
     return e.isLoaded = !0, r;
   }
   return { connect: i, plugin: e, api: n };
 }
-function E(o) {
-  o.id;
+function E(s) {
+  s.id;
   let e = null, n = !1;
-  function s() {
+  function o() {
     const [i, r] = q({
       plugin: e,
       isConnected: n,
       moises: e == null ? void 0 : e.api
     });
-    f(() => {
-      e || (e = P(o), r((t) => ({
+    h(() => {
+      e || (e = b(s), r((t) => ({
         ...t,
         plugin: e,
         moises: e.api
       })));
-    }, [o]), f(() => {
+    }, [s]), h(() => {
       e && !n && e.connect().then(() => {
         n = !0, r((t) => ({
           ...t,
@@ -128,46 +342,46 @@ function E(o) {
         }));
       });
     }, []);
-    function a({ children: t, width: c, height: d }) {
+    function l({ children: t, width: c, height: a }) {
       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 h(() => {
+        u && u.ui.setPluginSize({ width: c, height: a });
+      }, [c, a, u]), /* @__PURE__ */ f(p, { height: "100vh", style: { height: "100vh", backgroundColor: "var(--gray-1)" }, children: /* @__PURE__ */ f(p, { p: "4", children: t }) });
     }
     return {
       ...i,
-      ModalLayout: a
+      ModalLayout: l
     };
   }
-  return s;
+  return o;
 }
-function $({ id: o, url: e, exposedAPI: n, iframeRef: s, onRegisterMetadata: i, onRegisterLink: r }) {
-  const a = {
-    id: o,
+function $({ id: s, url: e, exposedAPI: n, iframeRef: o, onRegisterMetadata: i, onRegisterLink: r }) {
+  const l = {
+    id: s,
     url: e
   };
-  s.current && (s.current.src = e);
-  const t = new m({
-    target: s.current.contentWindow
+  o.current && (o.current.src = e);
+  const t = new y({
+    target: o.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 };
+  }), t.on("register.link", async ({ category: u, options: d }) => {
+    const g = `link:${u}:${d.label}`;
+    return r({ id: g, category: u, options: d }), { id: g };
   });
-  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));
+  for (const [u, d] of Object.entries(n))
+    for (const [g, m] of Object.entries(d)) {
+      const w = `${u}.${g}`;
+      t.on(w, async (x) => await m(x));
     }
-  function c(u, l) {
-    return t.call(u, l);
+  function c(u, d) {
+    return t.call(u, d);
   }
-  function d() {
+  function a() {
     t.disconnect();
   }
-  return { plugin: a, rpc: t, call: c, disconnect: d };
+  return { plugin: l, rpc: t, call: c, disconnect: a };
 }
 export {
   $ as MoisesExtensionHost,

package/package.json

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