@moises.ai/extension 1.0.2 → 1.0.3

package/dist/index.d.ts

@@ -1,4 +1,51 @@
 
+/** Link API for managing extension links */
+export interface LinkApi {
+
+  /** Creates a context menu item for tracks */
+  trackContextMenu: (config: {
+
+    /** Display label for the menu item */
+    label: string;
+  }, onClick: {
+
+    /** Parameters passed to the onClick handler */
+    params: any;
+  }) => void;
+
+  /** Creates a context menu item for single track selections */
+  singleTrackSelectionContextMenu: (config: {
+
+    /** Display label for the menu item */
+    label: string;
+  }, onClick: {
+
+    /** Parameters passed to the onClick handler */
+    params: any;
+  }) => void;
+
+  /** Creates a button in the toolbar */
+  toolbarButton: (config: {
+
+    /** Display label for the button */
+    label: string;
+
+    /** Icon identifier for the button */
+    icon: string;
+  }, onClick: Function) => void;
+
+  /** Creates a button in the footer */
+  footerButton: (config: {
+
+    /** Display label for the button */
+    label: string;
+
+    /** Icon identifier for the button */
+    icon: string;
+  }, onClick: Function) => void;
+}
+
+
 /** Controlling common UI elements */
 export interface UiApi {
 
@@ -285,10 +332,10 @@ export interface ComputeApi {
 
     /** The target for the session player */
     inpaintingTarget: any[];
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Gets the list of session player presets */
-  sessionPlayerPresets: () => Promise<void>;
+  sessionPlayerPresets: () => void;
 
   /** Inpaints an audio file */
   sessionPlayerInpaint: (params: {
@@ -298,7 +345,7 @@ export interface ComputeApi {
 
     /** The mask for the inpainting */
     mask: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Runs a workflow */
   workflow: (params: {
@@ -306,26 +353,36 @@ export interface ComputeApi {
     /** The ID of the workflow to run */
     workflowId: string;
 
-    /** The parameters for the workflow TODO: add type */
+    /** The parameters for the workflow */
     params: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Runs an automix job */
   automix: (params: {
 
-    /** The ID of the workflow to run TODO: add type */
+    /** The ID of the workflow to run */
     workflowId: string;
 
-    /** The parameters for the workflow TODO: add type */
+    /** The parameters for the workflow */
     params: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
+
+  /** Extracts stems from an audio file */
+  stems: (params: {
+
+    /** The input audio data */
+    input: string;
+
+    /** The stems to extract */
+    stemsToExtract: any[];
+  }) => Promise<any>;
 
   /** Detects instruments in an audio file */
   instruments: (params: {
 
     /** The input audio data */
-    input: string;
-  }) => Promise<void>;
+    inputUrl: string;
+  }) => Promise<any>;
 
   /** Detects chords in an audio file */
   chords: (params: {
@@ -354,16 +411,6 @@ export interface ComputeApi {
     /** The input audio data */
     input: string;
   }) => Promise<void>;
-
-  /** Extracts stems from an audio file */
-  stems: (params: {
-
-    /** The input audio data */
-    input: string;
-
-    /** The stems to extract */
-    stemsToExtract: any[];
-  }) => void;
 }
 
 
@@ -379,6 +426,8 @@ export interface RegisterApi {
 
 
 export interface MoisesAPI {
+  /** Link API for managing extension links */
+  link: LinkApi;
   /** Controlling common UI elements */
   ui: UiApi;
   /** Session API for managing audio sessions, tracks, and playback controls */
@@ -422,6 +471,8 @@ export interface MoisesHook {
   isConnected: boolean;
   /** Modal layout component for plugin UI */
   ModalLayout: (props: { children: any; width?: number; height?: number; }) => any;
+  /** Modal layout component for plugin UI */
+  SidebarLayout: (props: { children: any; width?: number; title?: string; }) => any;
 }
 
 export interface ExtensionOptions {

package/dist/index.js

@@ -1,134 +1,132 @@
-import { jsx as l, jsxs as b } from "react/jsx-runtime";
-import { useState as C, useEffect as g } from "react";
-import { M as k, R as M } from "./client-BuA0RRm3.js";
-import { Box as m, HeaderPanel as h } from "@moises.ai/design-system";
-import { Cross1Icon as S } from "@moises.ai/design-system/icons";
-function P(i) {
-  i.id;
-  let t = null, s = !1;
-  function r() {
-    const [c, o] = C({
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { useEffect as g, useState as k } from "react";
+import { M as C, R as S } from "./client-BuA0RRm3.js";
+import { Box as m, HeaderPanel as p } from "@moises.ai/design-system";
+import { Cross1Icon as M } from "@moises.ai/design-system/icons";
+function P({ state: r }) {
+  const { moises: n } = r;
+  function i({ children: s, title: c = "Sidebar Menu", width: u = "300" }) {
+    return g(() => {
+      n && n.ui.setPluginSize({ width: u, height: 0 });
+    }, [u, n]), /* @__PURE__ */ b(
+      m,
+      {
+        height: "100vh",
+        style: {
+          height: "100vh",
+          backgroundColor: "var(--gray-1)",
+          display: "flex",
+          flexDirection: "column",
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ a(
+            m,
+            {
+              p: "4",
+              style: {
+                position: "sticky",
+                top: 0,
+                zIndex: 10,
+                backgroundColor: "var(--neutral-2)"
+              },
+              children: /* @__PURE__ */ a(p, { title: c, children: /* @__PURE__ */ a(
+                p.Button,
+                {
+                  onClick: () => {
+                    n.ui.close();
+                  },
+                  children: /* @__PURE__ */ a(M, {})
+                }
+              ) })
+            }
+          ),
+          /* @__PURE__ */ a(
+            m,
+            {
+              px: "4",
+              style: {
+                flex: 1,
+                overflowY: "auto",
+                backgroundColor: "var(--neutral-2)"
+              },
+              children: s
+            }
+          )
+        ]
+      }
+    );
+  }
+  return i;
+}
+function z(r) {
+  r.id;
+  let n = null, i = !1;
+  function s() {
+    const [c, u] = k({
       plugin: null,
-      isConnected: s,
+      isConnected: i,
       moises: null
     });
     g(() => {
-      t || (t = k(i), o((n) => ({
-        ...n,
-        plugin: t.plugin,
-        moises: t
+      n || (n = C(r), u((l) => ({
+        ...l,
+        plugin: n.plugin,
+        moises: n
         // The entire pluginInstance IS the moises API
       })));
-    }, [i]), g(() => {
-      t && !s && t.connect().then(() => {
-        s = !0, o((n) => ({
-          ...n,
+    }, [r]), g(() => {
+      n && !i && n.connect().then(() => {
+        i = !0, u((l) => ({
+          ...l,
           isConnected: !0
         }));
       });
     }, []);
-    function p({ children: n, width: a, height: d }) {
-      const { moises: e } = c;
+    const h = P({ state: c });
+    function o({ children: l, width: d, height: e }) {
+      const { moises: t } = c;
       return g(() => {
-        e && e.ui.setPluginSize({ width: a, height: d });
-      }, [a, d, e]), /* @__PURE__ */ l("div", { height: "100vh", style: { height: "100vh", backgroundColor: "var(--gray-1)" }, children: /* @__PURE__ */ l("div", { p: "4", children: n }) });
+        t && t.ui.setPluginSize({ width: d, height: e });
+      }, [d, e, t]), /* @__PURE__ */ a("div", { height: "100vh", style: { height: "100vh", backgroundColor: "var(--gray-1)" }, children: /* @__PURE__ */ a("div", { p: "4", children: l }) });
     }
     return {
       ...c,
-      ModalLayout: p
+      ModalLayout: o,
+      SidebarLayout: h
     };
   }
-  return r;
+  return s;
 }
-function I({ id: i, url: t, exposedAPI: s, iframeRef: r, onRegisterMetadata: c, onRegisterLink: o }) {
-  const p = {
-    id: i,
-    url: t
+function I({ id: r, url: n, exposedAPI: i, iframeRef: s, onRegisterMetadata: c, onRegisterLink: u }) {
+  const h = {
+    id: r,
+    url: n
   };
-  r.current && (r.current.src = t);
-  const n = new M({
-    target: r.current.contentWindow
+  s.current && (s.current.src = n);
+  const o = new S({
+    target: s.current.contentWindow
   });
-  n.on("register.extension", async (e) => {
+  o.on("register.extension", async (e) => {
     c(e);
-  }), n.on("register.link", async ({ category: e, options: u }) => {
-    const f = `link:${e}:${u.label}`;
-    return o({ id: f, category: e, options: u }), { id: f };
+  }), o.on("register.link", async ({ category: e, options: t }) => {
+    const f = `link:${e}:${t.label}`;
+    return u({ id: f, category: e, options: t }), { id: f };
   });
-  for (const [e, u] of Object.entries(s))
-    for (const [f, x] of Object.entries(u)) {
+  for (const [e, t] of Object.entries(i))
+    for (const [f, y] of Object.entries(t)) {
       const v = `${e}.${f}`;
-      n.on(v, async (y) => await x(y));
+      o.on(v, async (x) => await y(x));
     }
-  function a(e, u) {
-    return n.call(e, u);
+  function l(e, t) {
+    return o.call(e, t);
   }
   function d() {
-    n.disconnect();
+    o.disconnect();
   }
-  return { plugin: p, rpc: n, call: a, disconnect: d };
-}
-function B({
-  children: i,
-  init: t = {},
-  title: s = "Sidebar Menu",
-  width: r = "300px",
-  height: c = "600px"
-}) {
-  const { moises: o } = P(t);
-  return g(() => {
-    o && o.ui.setPluginSize({ width: r, height: c });
-  }, [r, c, o]), /* @__PURE__ */ b(
-    m,
-    {
-      height: "100vh",
-      style: {
-        height: "100vh",
-        backgroundColor: "var(--gray-1)",
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ l(
-          m,
-          {
-            p: "4",
-            style: {
-              position: "sticky",
-              top: 0,
-              zIndex: 10,
-              backgroundColor: "var(--neutral-2)"
-            },
-            children: /* @__PURE__ */ l(h, { title: s, children: /* @__PURE__ */ l(
-              h.Button,
-              {
-                onClick: () => {
-                  o.ui.close();
-                },
-                children: /* @__PURE__ */ l(S, {})
-              }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ l(
-          m,
-          {
-            px: "4",
-            style: {
-              flex: 1,
-              overflowY: "auto",
-              backgroundColor: "var(--neutral-2)"
-            },
-            children: i
-          }
-        )
-      ]
-    }
-  );
+  return { plugin: h, rpc: o, call: l, disconnect: d };
 }
 export {
   I as MoisesExtensionHost,
-  B as SidebarMenu,
-  P as initMoisesExtension
+  z as initMoisesExtension
 };

package/package.json

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

package/src/client.d.ts

@@ -1,4 +1,51 @@
 
+/** Link API for managing extension links */
+export interface LinkApi {
+
+  /** Creates a context menu item for tracks */
+  trackContextMenu: (config: {
+
+    /** Display label for the menu item */
+    label: string;
+  }, onClick: {
+
+    /** Parameters passed to the onClick handler */
+    params: any;
+  }) => void;
+
+  /** Creates a context menu item for single track selections */
+  singleTrackSelectionContextMenu: (config: {
+
+    /** Display label for the menu item */
+    label: string;
+  }, onClick: {
+
+    /** Parameters passed to the onClick handler */
+    params: any;
+  }) => void;
+
+  /** Creates a button in the toolbar */
+  toolbarButton: (config: {
+
+    /** Display label for the button */
+    label: string;
+
+    /** Icon identifier for the button */
+    icon: string;
+  }, onClick: Function) => void;
+
+  /** Creates a button in the footer */
+  footerButton: (config: {
+
+    /** Display label for the button */
+    label: string;
+
+    /** Icon identifier for the button */
+    icon: string;
+  }, onClick: Function) => void;
+}
+
+
 /** Controlling common UI elements */
 export interface UiApi {
 
@@ -285,10 +332,10 @@ export interface ComputeApi {
 
     /** The target for the session player */
     inpaintingTarget: any[];
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Gets the list of session player presets */
-  sessionPlayerPresets: () => Promise<void>;
+  sessionPlayerPresets: () => void;
 
   /** Inpaints an audio file */
   sessionPlayerInpaint: (params: {
@@ -298,7 +345,7 @@ export interface ComputeApi {
 
     /** The mask for the inpainting */
     mask: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Runs a workflow */
   workflow: (params: {
@@ -306,26 +353,36 @@ export interface ComputeApi {
     /** The ID of the workflow to run */
     workflowId: string;
 
-    /** The parameters for the workflow TODO: add type */
+    /** The parameters for the workflow */
     params: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Runs an automix job */
   automix: (params: {
 
-    /** The ID of the workflow to run TODO: add type */
+    /** The ID of the workflow to run */
     workflowId: string;
 
-    /** The parameters for the workflow TODO: add type */
+    /** The parameters for the workflow */
     params: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
+
+  /** Extracts stems from an audio file */
+  stems: (params: {
+
+    /** The input audio data */
+    input: string;
+
+    /** The stems to extract */
+    stemsToExtract: any[];
+  }) => Promise<any>;
 
   /** Detects instruments in an audio file */
   instruments: (params: {
 
     /** The input audio data */
-    input: string;
-  }) => Promise<void>;
+    inputUrl: string;
+  }) => Promise<any>;
 
   /** Detects chords in an audio file */
   chords: (params: {
@@ -354,16 +411,6 @@ export interface ComputeApi {
     /** The input audio data */
     input: string;
   }) => Promise<void>;
-
-  /** Extracts stems from an audio file */
-  stems: (params: {
-
-    /** The input audio data */
-    input: string;
-
-    /** The stems to extract */
-    stemsToExtract: any[];
-  }) => void;
 }
 
 
@@ -379,6 +426,8 @@ export interface RegisterApi {
 
 
 export interface MoisesAPI {
+  /** Link API for managing extension links */
+  link: LinkApi;
   /** Controlling common UI elements */
   ui: UiApi;
   /** Session API for managing audio sessions, tracks, and playback controls */
@@ -422,6 +471,8 @@ export interface MoisesHook {
   isConnected: boolean;
   /** Modal layout component for plugin UI */
   ModalLayout: (props: { children: any; width?: number; height?: number; }) => any;
+  /** Modal layout component for plugin UI */
+  SidebarLayout: (props: { children: any; width?: number; title?: string; }) => any;
 }
 
 export interface ExtensionOptions {

package/src/index.d.ts

@@ -1,4 +1,51 @@
 
+/** Link API for managing extension links */
+export interface LinkApi {
+
+  /** Creates a context menu item for tracks */
+  trackContextMenu: (config: {
+
+    /** Display label for the menu item */
+    label: string;
+  }, onClick: {
+
+    /** Parameters passed to the onClick handler */
+    params: any;
+  }) => void;
+
+  /** Creates a context menu item for single track selections */
+  singleTrackSelectionContextMenu: (config: {
+
+    /** Display label for the menu item */
+    label: string;
+  }, onClick: {
+
+    /** Parameters passed to the onClick handler */
+    params: any;
+  }) => void;
+
+  /** Creates a button in the toolbar */
+  toolbarButton: (config: {
+
+    /** Display label for the button */
+    label: string;
+
+    /** Icon identifier for the button */
+    icon: string;
+  }, onClick: Function) => void;
+
+  /** Creates a button in the footer */
+  footerButton: (config: {
+
+    /** Display label for the button */
+    label: string;
+
+    /** Icon identifier for the button */
+    icon: string;
+  }, onClick: Function) => void;
+}
+
+
 /** Controlling common UI elements */
 export interface UiApi {
 
@@ -285,10 +332,10 @@ export interface ComputeApi {
 
     /** The target for the session player */
     inpaintingTarget: any[];
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Gets the list of session player presets */
-  sessionPlayerPresets: () => Promise<void>;
+  sessionPlayerPresets: () => void;
 
   /** Inpaints an audio file */
   sessionPlayerInpaint: (params: {
@@ -298,7 +345,7 @@ export interface ComputeApi {
 
     /** The mask for the inpainting */
     mask: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Runs a workflow */
   workflow: (params: {
@@ -306,26 +353,36 @@ export interface ComputeApi {
     /** The ID of the workflow to run */
     workflowId: string;
 
-    /** The parameters for the workflow TODO: add type */
+    /** The parameters for the workflow */
     params: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
 
   /** Runs an automix job */
   automix: (params: {
 
-    /** The ID of the workflow to run TODO: add type */
+    /** The ID of the workflow to run */
     workflowId: string;
 
-    /** The parameters for the workflow TODO: add type */
+    /** The parameters for the workflow */
     params: any;
-  }) => Promise<void>;
+  }) => Promise<any>;
+
+  /** Extracts stems from an audio file */
+  stems: (params: {
+
+    /** The input audio data */
+    input: string;
+
+    /** The stems to extract */
+    stemsToExtract: any[];
+  }) => Promise<any>;
 
   /** Detects instruments in an audio file */
   instruments: (params: {
 
     /** The input audio data */
-    input: string;
-  }) => Promise<void>;
+    inputUrl: string;
+  }) => Promise<any>;
 
   /** Detects chords in an audio file */
   chords: (params: {
@@ -354,16 +411,6 @@ export interface ComputeApi {
     /** The input audio data */
     input: string;
   }) => Promise<void>;
-
-  /** Extracts stems from an audio file */
-  stems: (params: {
-
-    /** The input audio data */
-    input: string;
-
-    /** The stems to extract */
-    stemsToExtract: any[];
-  }) => void;
 }
 
 
@@ -379,6 +426,8 @@ export interface RegisterApi {
 
 
 export interface MoisesAPI {
+  /** Link API for managing extension links */
+  link: LinkApi;
   /** Controlling common UI elements */
   ui: UiApi;
   /** Session API for managing audio sessions, tracks, and playback controls */
@@ -422,6 +471,8 @@ export interface MoisesHook {
   isConnected: boolean;
   /** Modal layout component for plugin UI */
   ModalLayout: (props: { children: any; width?: number; height?: number; }) => any;
+  /** Modal layout component for plugin UI */
+  SidebarLayout: (props: { children: any; width?: number; title?: string; }) => any;
 }
 
 export interface ExtensionOptions {