@dxos/plugin-script 0.8.1-main.ba2dec9 → 0.8.1-staging.31c3ee1

package/dist/lib/browser/{chunk-5RZVHFGR.mjs → chunk-2CGZFDCR.mjs}

@@ -1,21 +1,255 @@
 import {
-  SCRIPT_PLUGIN
-} from "./chunk-FVVCAWNP.mjs";
+  SCRIPT_PLUGIN,
+  meta
+} from "./chunk-WSK3YQXI.mjs";
 
-// packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx
-import React, { forwardRef, useEffect, useRef, useState } from "react";
+// packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx
+import { Octokit } from "@octokit/core";
+import React, { useCallback, useEffect, useState } from "react";
+import { createIntent, SettingsAction, useIntentDispatcher } from "@dxos/app-framework";
+import { FunctionType, getInvocationUrl, getUserFunctionUrlInMetadata } from "@dxos/functions/types";
 import { log } from "@dxos/log";
-import { Avatar, Icon, Input, Toolbar, useTranslation } from "@dxos/react-ui";
+import { useClient } from "@dxos/react-client";
+import { Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
+import { Button, Clipboard, Input, useControlledState, useTranslation } from "@dxos/react-ui";
+import { AccessTokenType } from "@dxos/schema";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx";
+var ScriptObjectSettings = ({ object }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Binding, {
+    object
+  }), /* @__PURE__ */ React.createElement(Publishing, {
+    object
+  }));
+};
+var ScriptProperties = ({ object }) => {
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  return /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, null, t("description label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: t("description placeholder"),
+    value: object.description ?? "",
+    onChange: (event) => {
+      object.description = event.target.value;
+    }
+  }));
+};
+var Binding = ({ object }) => {
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  const client = useClient();
+  const space = getSpace(object);
+  const [fn] = useQuery(space, Filter.schema(FunctionType, {
+    source: object
+  }));
+  const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));
+  const functionUrl = functionPath && getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
+    spaceId: space?.id
+  });
+  const [binding, setBinding] = useControlledState(fn?.binding ?? "");
+  const handleBindingChange = useCallback((event) => {
+    setBinding(event.target.value);
+  }, [
+    setBinding
+  ]);
+  const handleBindingBlur = useCallback(() => {
+    fn.binding = binding;
+  }, [
+    fn,
+    binding
+  ]);
+  if (!fn || !functionUrl) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "form",
+    className: "flex flex-col p-2 gap-2"
+  }, /* @__PURE__ */ React.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React.createElement(Input.Label, null, t("function url label")), /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex gap-1"
+  }, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    disabled: true,
+    value: functionUrl,
+    onChange: (event) => {
+      fn.name = event.target.value;
+    }
+  }), /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
+    value: functionUrl
+  })))), /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React.createElement(Input.Label, null, t("function binding label")), /* @__PURE__ */ React.createElement(Input.TextInput, {
+    placeholder: t("function binding placeholder"),
+    value: binding,
+    onChange: handleBindingChange,
+    onBlur: handleBindingBlur
+  }))));
+};
+var Publishing = ({ object }) => {
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const space = getSpace(object);
+  const [githubToken] = useQuery(space, Filter.schema(AccessTokenType, {
+    source: "github.com"
+  }));
+  const gistKey = getMeta(object).keys.find(({ source }) => source === "github.com");
+  const [gistUrl, setGistUrl] = useState();
+  useEffect(() => {
+    const token = githubToken?.token;
+    const gistId = gistKey?.id;
+    if (!token || !gistId) {
+      setGistUrl(void 0);
+      return;
+    }
+    const timeout = setTimeout(async () => {
+      try {
+        const octokit = new Octokit({
+          auth: githubToken.token
+        });
+        const response = await octokit.request("GET /gists/{gist_id}", {
+          gist_id: gistId
+        });
+        setGistUrl(response.data.html_url);
+      } catch (err) {
+        log.catch(err, void 0, {
+          F: __dxlog_file,
+          L: 135,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        setGistUrl(void 0);
+      }
+    });
+    return () => clearTimeout(timeout);
+  }, [
+    githubToken,
+    gistKey
+  ]);
+  const handleOpenTokenManager = useCallback(() => dispatch(createIntent(SettingsAction.Open, {
+    plugin: "dxos.org/plugin/token-manager"
+  })), []);
+  const [publishing, setPublishing] = useState(false);
+  const handlePublish = useCallback(async () => {
+    setPublishing(true);
+    const octokit = new Octokit({
+      auth: githubToken.token
+    });
+    const source = await object.source.load();
+    const filename = object.name ? kebabize(object.name) : "composer-script";
+    const files = {
+      [`${filename}.ts`]: {
+        content: source.content
+      }
+    };
+    try {
+      const meta2 = getMeta(object);
+      const githubKey = meta2.keys.find(({ source: source2 }) => source2 === "github.com");
+      const gistId = githubKey?.id;
+      if (gistId) {
+        await octokit.request("PATCH /gists/{gist_id}", {
+          gist_id: gistId,
+          files
+        });
+      } else {
+        const response = await octokit.request("POST /gists", {
+          public: true,
+          files
+        });
+        if (response.data.id) {
+          meta2.keys.push({
+            source: "github.com",
+            id: response.data.id
+          });
+        }
+      }
+    } finally {
+      setPublishing(false);
+    }
+  }, [
+    object,
+    githubToken
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col p-2 gap-4"
+  }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ React.createElement("p", {
+    className: "text-description text-sm"
+  }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ React.createElement("div", {
+    className: "flex flex-col gap-2"
+  }, /* @__PURE__ */ React.createElement("span", null, t("no github token label")), /* @__PURE__ */ React.createElement(Button, {
+    onClick: handleOpenTokenManager
+  }, t("open token manager label"))), githubToken && /* @__PURE__ */ React.createElement("div", {
+    className: "flex justify-end gap-2"
+  }, gistUrl && /* @__PURE__ */ React.createElement(Clipboard.IconButton, {
+    value: gistUrl
+  }), /* @__PURE__ */ React.createElement(Button, {
+    disabled: publishing,
+    onClick: handlePublish
+  }, t(publishing ? "publishing label" : "publish label"))));
+};
+var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
+
+// packages/plugins/plugin-script/src/components/Settings/ScriptPluginSettings.tsx
+import React2 from "react";
+import { useClient as useClient2 } from "@dxos/react-client";
+import { Button as Button2, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { EditorInputModes } from "@dxos/react-ui-editor";
+import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
+var ScriptPluginSettings = ({ settings }) => {
+  const { t } = useTranslation2(meta.id);
+  const client = useClient2();
+  const handleAuthenticate = async () => {
+    const { identityKey } = client.halo.identity.get();
+    await client.halo.writeCredentials([
+      {
+        issuer: identityKey,
+        issuanceDate: /* @__PURE__ */ new Date(),
+        subject: {
+          id: identityKey,
+          assertion: {
+            "@type": "dxos.halo.credentials.ServiceAccess",
+            serverName: "hub.dxos.network",
+            serverKey: identityKey,
+            identityKey,
+            capabilities: [
+              "composer:beta"
+            ]
+          }
+        }
+      }
+    ]);
+  };
+  return /* @__PURE__ */ React2.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
+    label: t("authenticate action label")
+  }, /* @__PURE__ */ React2.createElement(Button2, {
+    onClick: handleAuthenticate
+  }, t("authenticate button label"))), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
+    label: t("editor input mode label")
+  }, /* @__PURE__ */ React2.createElement(Select.Root, {
+    value: settings.editorInputMode ?? "default",
+    onValueChange: (value) => {
+      settings.editorInputMode = value;
+    }
+  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
+    placeholder: t("select editor input mode placeholder")
+  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React2.createElement(Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`settings editor input mode ${mode} label`)))))))));
+};
+
+// packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx
+import React3, { forwardRef, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import { log as log2 } from "@dxos/log";
+import { Avatar, Icon, Input as Input2, Toolbar, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
 import { errorText, mx } from "@dxos/react-ui-theme";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx";
-var DebugPanel = ({ classNames, functionUrl }) => {
-  const { t } = useTranslation(SCRIPT_PLUGIN);
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
+var TestPanel = ({ classNames, functionUrl }) => {
+  const { t } = useTranslation3(SCRIPT_PLUGIN);
   const inputRef = useRef(null);
-  const [input, setInput] = useState("");
-  const [result, setResult] = useState("");
-  const [state, setState] = useState(null);
-  const [history, setHistory] = useState([]);
+  const [input, setInput] = useState2("");
+  const [result, setResult] = useState2("");
+  const [state, setState] = useState2(null);
+  const [history, setHistory] = useState2([]);
   const scrollerRef = useRef(null);
   const handleScroll = () => {
     if (scrollerRef.current) {
@@ -23,7 +257,7 @@ var DebugPanel = ({ classNames, functionUrl }) => {
     }
   };
   const controller = useRef();
-  useEffect(() => {
+  useEffect2(() => {
     return () => {
       handleStop();
     };
@@ -123,9 +357,9 @@ var DebugPanel = ({ classNames, functionUrl }) => {
       };
       void reader.read().then(pump).catch((err) => {
         if (err.name !== "AbortError") {
-          log.catch(err, void 0, {
-            F: __dxlog_file,
-            L: 146,
+          log2.catch(err, void 0, {
+            F: __dxlog_file2,
+            L: 147,
             S: void 0,
             C: (f, a) => f(...a)
           });
@@ -137,9 +371,9 @@ var DebugPanel = ({ classNames, functionUrl }) => {
         handleResponse({
           error
         });
-        log.catch(err, void 0, {
-          F: __dxlog_file,
-          L: 153,
+        log2.catch(err, void 0, {
+          F: __dxlog_file2,
+          L: 154,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -148,65 +382,62 @@ var DebugPanel = ({ classNames, functionUrl }) => {
       }
     }
   };
-  return /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React3.createElement("div", {
     className: mx("flex flex-col h-full overflow-hidden", classNames)
-  }, /* @__PURE__ */ React.createElement(MessageThread, {
+  }, /* @__PURE__ */ React3.createElement(MessageThread, {
     ref: scrollerRef,
     state,
     result,
     history
-  }), /* @__PURE__ */ React.createElement(Toolbar.Root, {
-    classNames: "p-1"
-  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+  }), /* @__PURE__ */ React3.createElement(Toolbar.Root, {
+    classNames: "p-2"
+  }, /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement(Input2.TextInput, {
     ref: inputRef,
     autoFocus: true,
     placeholder: t("function request placeholder"),
     value: input,
     onChange: (ev) => setInput(ev.target.value),
     onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
-  })), /* @__PURE__ */ React.createElement(Toolbar.Button, {
+  })), /* @__PURE__ */ React3.createElement(Toolbar.Button, {
     onClick: () => handleRequest(input)
-  }, /* @__PURE__ */ React.createElement(Icon, {
+  }, /* @__PURE__ */ React3.createElement(Icon, {
     icon: "ph--play--regular",
     size: 4
-  })), /* @__PURE__ */ React.createElement(Toolbar.Button, {
+  })), /* @__PURE__ */ React3.createElement(Toolbar.Button, {
     onClick: () => state ? handleStop() : handleClear()
-  }, /* @__PURE__ */ React.createElement(Icon, {
+  }, /* @__PURE__ */ React3.createElement(Icon, {
     icon: state ? "ph--stop--regular" : "ph--trash--regular",
     size: 4
   }))));
 };
 var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forwardedRef) => {
-  if (!history.length && !result.length) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React3.createElement("div", {
     ref: forwardedRef,
     className: "flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto"
-  }, history.map((message, i) => /* @__PURE__ */ React.createElement("div", {
+  }, history.map((message, i) => /* @__PURE__ */ React3.createElement("div", {
     key: i,
     className: "grid grid-cols-[2rem_1fr_2rem]"
-  }, /* @__PURE__ */ React.createElement("div", {
+  }, /* @__PURE__ */ React3.createElement("div", {
     className: "p-1"
-  }, message.type === "response" && /* @__PURE__ */ React.createElement(RobotAvatar, null)), /* @__PURE__ */ React.createElement("div", {
+  }, message.type === "response" && /* @__PURE__ */ React3.createElement(RobotAvatar, null)), /* @__PURE__ */ React3.createElement("div", {
     className: "overflow-auto"
-  }, /* @__PURE__ */ React.createElement(MessageItem, {
+  }, /* @__PURE__ */ React3.createElement(MessageItem, {
     message
-  })))), result?.length > 0 && /* @__PURE__ */ React.createElement("div", {
+  })))), result?.length > 0 && /* @__PURE__ */ React3.createElement("div", {
     className: "grid grid-cols-[2rem_1fr_2rem]"
-  }, /* @__PURE__ */ React.createElement("div", {
+  }, /* @__PURE__ */ React3.createElement("div", {
     className: "p-1"
-  }, state === "pending" && /* @__PURE__ */ React.createElement(Icon, {
+  }, state === "pending" && /* @__PURE__ */ React3.createElement(Icon, {
     icon: "ph--spinner--regular",
     size: 6,
     classNames: "animate-spin"
-  }) || /* @__PURE__ */ React.createElement(Icon, {
+  }) || /* @__PURE__ */ React3.createElement(Icon, {
     icon: "ph--robot--regular",
     size: 6,
     classNames: "animate-[pulse_1s_ease-in-out_infinite]"
-  })), /* @__PURE__ */ React.createElement("div", {
+  })), /* @__PURE__ */ React3.createElement("div", {
     className: "overflow-auto"
-  }, /* @__PURE__ */ React.createElement(MessageItem, {
+  }, /* @__PURE__ */ React3.createElement(MessageItem, {
     message: {
       type: "response",
       text: result
@@ -216,252 +447,34 @@ var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forw
 var MessageItem = ({ classNames, message }) => {
   const { type, text, data, error } = message;
   const wrapper = "p-1 px-2 rounded-lg bg-hoverSurface overflow-auto";
-  return /* @__PURE__ */ React.createElement("div", {
+  return /* @__PURE__ */ React3.createElement("div", {
     className: mx("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
-  }, error && /* @__PURE__ */ React.createElement("div", {
+  }, error && /* @__PURE__ */ React3.createElement("div", {
     className: mx(wrapper, "whitespace-pre", errorText)
-  }, String(error)), text !== void 0 && /* @__PURE__ */ React.createElement("div", {
+  }, String(error)), text !== void 0 && /* @__PURE__ */ React3.createElement("div", {
     className: mx(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
-  }, text || "\xD8"), data && /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
+  }, text || "\xD8"), data && /* @__PURE__ */ React3.createElement(SyntaxHighlighter, {
     language: "json",
     className: mx(wrapper, "px-8 py-2 text-xs")
   }, JSON.stringify(data, null, 2)));
 };
-var RobotAvatar = () => /* @__PURE__ */ React.createElement(Avatar.Root, {
+var RobotAvatar = () => /* @__PURE__ */ React3.createElement(Avatar.Root, null, /* @__PURE__ */ React3.createElement(Avatar.Content, {
   size: 6,
-  variant: "circle"
-}, /* @__PURE__ */ React.createElement(Avatar.Frame, null, /* @__PURE__ */ React.createElement(Avatar.Icon, {
+  variant: "circle",
   icon: "ph--robot--regular"
-})));
-
-// packages/plugins/experimental/plugin-script/src/components/ScriptSettings/ScriptSettings.tsx
-import React2 from "react";
-import { useClient } from "@dxos/react-client";
-import { Button, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { EditorInputModes } from "@dxos/react-ui-editor";
-import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
-var ScriptSettings = ({ settings }) => {
-  const { t } = useTranslation2(SCRIPT_PLUGIN);
-  const client = useClient();
-  const handleAuthenticate = async () => {
-    const { identityKey } = client.halo.identity.get();
-    await client.halo.writeCredentials([
-      {
-        issuer: identityKey,
-        issuanceDate: /* @__PURE__ */ new Date(),
-        subject: {
-          id: identityKey,
-          assertion: {
-            "@type": "dxos.halo.credentials.ServiceAccess",
-            serverName: "hub.dxos.network",
-            serverKey: identityKey,
-            identityKey,
-            capabilities: [
-              "composer:beta"
-            ]
-          }
-        }
-      }
-    ]);
-  };
-  return /* @__PURE__ */ React2.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-    label: t("authenticate action label")
-  }, /* @__PURE__ */ React2.createElement(Button, {
-    onClick: handleAuthenticate
-  }, t("authenticate button label"))), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-    label: t("editor input mode label")
-  }, /* @__PURE__ */ React2.createElement(Select.Root, {
-    value: settings.editorInputMode ?? "default",
-    onValueChange: (value) => {
-      settings.editorInputMode = value;
-    }
-  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
-    placeholder: t("select editor input mode placeholder")
-  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React2.createElement(Select.Option, {
-    key: mode,
-    value: mode
-  }, t(`settings editor input mode ${mode} label`)))))))));
-};
-
-// packages/plugins/experimental/plugin-script/src/components/ScriptSettingsPanel.tsx
-import { Octokit } from "@octokit/core";
-import React3, { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
-import { createIntent, SettingsAction, useIntentDispatcher } from "@dxos/app-framework";
-import { FunctionType, getInvocationUrl, getUserFunctionUrlInMetadata } from "@dxos/functions/types";
-import { log as log2 } from "@dxos/log";
-import { useClient as useClient2 } from "@dxos/react-client";
-import { Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
-import { Button as Button2, Clipboard, Input as Input2, Separator, useControlledState, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { AccessTokenType } from "@dxos/schema";
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptSettingsPanel.tsx";
-var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
-var ScriptSettingsPanel = ({ script }) => {
-  const { t } = useTranslation3(SCRIPT_PLUGIN);
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const client = useClient2();
-  const space = getSpace(script);
-  const [fn] = useQuery(space, Filter.schema(FunctionType, {
-    source: script
-  }));
-  const [githubToken] = useQuery(space, Filter.schema(AccessTokenType, {
-    source: "github.com"
-  }));
-  const gistKey = getMeta(script).keys.find(({ source }) => source === "github.com");
-  const [gistUrl, setGistUrl] = useState2();
-  useEffect2(() => {
-    const token = githubToken?.token;
-    const gistId = gistKey?.id;
-    if (!token || !gistId) {
-      setGistUrl(void 0);
-      return;
-    }
-    const timeout = setTimeout(async () => {
-      try {
-        const octokit = new Octokit({
-          auth: githubToken.token
-        });
-        const response = await octokit.request("GET /gists/{gist_id}", {
-          gist_id: gistId
-        });
-        setGistUrl(response.data.html_url);
-      } catch (err) {
-        log2.catch(err, void 0, {
-          F: __dxlog_file2,
-          L: 52,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-        setGistUrl(void 0);
-      }
-    });
-    return () => clearTimeout(timeout);
-  }, [
-    githubToken,
-    gistKey
-  ]);
-  const [binding, setBinding] = useControlledState(fn?.binding ?? "");
-  const handleBindingChange = useCallback((event) => {
-    setBinding(event.target.value);
-  }, [
-    setBinding
-  ]);
-  const handleBindingBlur = useCallback(() => {
-    fn.binding = binding;
-  }, [
-    fn,
-    binding
-  ]);
-  const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));
-  const functionUrl = functionPath && getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
-    spaceId: space?.id
-  });
-  const handleOpenTokenManager = useCallback(() => dispatch(createIntent(SettingsAction.Open, {
-    plugin: "dxos.org/plugin/token-manager"
-  })), []);
-  const [publishing, setPublishing] = useState2(false);
-  const handlePublish = useCallback(async () => {
-    setPublishing(true);
-    const octokit = new Octokit({
-      auth: githubToken.token
-    });
-    const source = await script.source.load();
-    const filename = script.name ? kebabize(script.name) : "composer-script";
-    const files = {
-      [`${filename}.ts`]: {
-        content: source.content
-      }
-    };
-    try {
-      const meta = getMeta(script);
-      const githubKey = meta.keys.find(({ source: source2 }) => source2 === "github.com");
-      const gistId = githubKey?.id;
-      if (gistId) {
-        await octokit.request("PATCH /gists/{gist_id}", {
-          gist_id: gistId,
-          files
-        });
-      } else {
-        const response = await octokit.request("POST /gists", {
-          public: true,
-          files
-        });
-        if (response.data.id) {
-          meta.keys.push({
-            source: "github.com",
-            id: response.data.id
-          });
-        }
-      }
-    } finally {
-      setPublishing(false);
-    }
-  }, [
-    script,
-    githubToken
-  ]);
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("div", {
-    role: "form",
-    className: "flex flex-col w-full p-2 gap-4"
-  }, /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ React3.createElement(Input2.Label, null, t("description label")), /* @__PURE__ */ React3.createElement(Input2.TextInput, {
-    placeholder: t("description placeholder"),
-    value: script.description ?? "",
-    onChange: (event) => {
-      script.description = event.target.value;
-    }
-  })))), fn && functionUrl && /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Separator, null), /* @__PURE__ */ React3.createElement("div", {
-    role: "form",
-    className: "flex flex-col w-full p-2 gap-4"
-  }, /* @__PURE__ */ React3.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ React3.createElement(Input2.Label, null, t("function url label")), /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: "flex gap-1"
-  }, /* @__PURE__ */ React3.createElement(Input2.TextInput, {
-    disabled: true,
-    value: functionUrl,
-    onChange: (event) => {
-      fn.name = event.target.value;
-    }
-  }), /* @__PURE__ */ React3.createElement(Clipboard.IconButton, {
-    value: functionUrl
-  })))), /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: "flex flex-col gap-1"
-  }, /* @__PURE__ */ React3.createElement(Input2.Label, null, t("function binding label")), /* @__PURE__ */ React3.createElement(Input2.TextInput, {
-    placeholder: t("function binding placeholder"),
-    value: binding,
-    onChange: handleBindingChange,
-    onBlur: handleBindingBlur
-  }))))), /* @__PURE__ */ React3.createElement(Separator, null), /* @__PURE__ */ React3.createElement("div", {
-    className: "flex flex-col w-full p-2 gap-4"
-  }, /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ React3.createElement("p", {
-    className: "text-description text-sm"
-  }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ React3.createElement("div", {
-    className: "flex flex-col items-center justify-center gap-2"
-  }, /* @__PURE__ */ React3.createElement("span", null, t("no github token label")), /* @__PURE__ */ React3.createElement(Button2, {
-    onClick: handleOpenTokenManager
-  }, t("open token manager label"))), githubToken && /* @__PURE__ */ React3.createElement("div", {
-    className: "flex justify-end gap-2"
-  }, gistUrl && /* @__PURE__ */ React3.createElement(Clipboard.IconButton, {
-    value: gistUrl
-  }), /* @__PURE__ */ React3.createElement(Button2, {
-    disabled: publishing,
-    onClick: handlePublish
-  }, t(publishing ? "publishing label" : "publish label")))));
-};
+}));
 
-// packages/plugins/experimental/plugin-script/src/components/index.ts
+// packages/plugins/plugin-script/src/components/index.ts
 import { lazy } from "react";
-var ScriptContainer = lazy(() => import("./ScriptContainer-AIBCQZ7S.mjs"));
+var ScriptContainer = lazy(() => import("./ScriptContainer-R25PRK2D.mjs"));
+var DeploymentDialog = lazy(() => import("./DeploymentDialog-AEPYJKPO.mjs"));
 
 export {
-  DebugPanel,
-  ScriptSettings,
-  ScriptSettingsPanel,
-  ScriptContainer
+  ScriptObjectSettings,
+  ScriptProperties,
+  ScriptPluginSettings,
+  TestPanel,
+  ScriptContainer,
+  DeploymentDialog
 };
-//# sourceMappingURL=chunk-5RZVHFGR.mjs.map
+//# sourceMappingURL=chunk-2CGZFDCR.mjs.map