@dxos/plugin-script 0.8.2-main.fbd8ed0 → 0.8.2-staging.4d6ad0f

package/dist/lib/node/chunk-5LHP5EUJ.cjs

@@ -0,0 +1,557 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_5LHP5EUJ_exports = {};
+__export(chunk_5LHP5EUJ_exports, {
+  DeploymentDialog: () => DeploymentDialog,
+  ScriptContainer: () => ScriptContainer,
+  ScriptObjectSettings: () => ScriptObjectSettings,
+  ScriptPluginSettings: () => ScriptPluginSettings,
+  ScriptProperties: () => ScriptProperties,
+  TestPanel: () => TestPanel
+});
+module.exports = __toCommonJS(chunk_5LHP5EUJ_exports);
+var import_chunk_QG2X6J74 = require("./chunk-QG2X6J74.cjs");
+var import_tracking = require("@preact-signals/safe-react/tracking");
+var import_core = require("@octokit/core");
+var import_react = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_functions = require("@dxos/functions");
+var import_log = require("@dxos/log");
+var import_react_client = require("@dxos/react-client");
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var import_schema = require("@dxos/schema");
+var import_tracking2 = require("@preact-signals/safe-react/tracking");
+var import_react2 = __toESM(require("react"));
+var import_react_client2 = require("@dxos/react-client");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_react_ui_form = require("@dxos/react-ui-form");
+var import_tracking3 = require("@preact-signals/safe-react/tracking");
+var import_react3 = __toESM(require("react"));
+var import_log2 = require("@dxos/log");
+var import_react_ui3 = require("@dxos/react-ui");
+var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_react4 = require("react");
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx";
+var ScriptObjectSettings = ({ object }) => {
+  var _effect = (0, import_tracking.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(Binding, {
+      object
+    }), /* @__PURE__ */ import_react.default.createElement(Publishing, {
+      object
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var ScriptProperties = ({ object }) => {
+  var _effect = (0, import_tracking.useSignals)();
+  try {
+    const { t } = (0, import_react_ui.useTranslation)(import_chunk_QG2X6J74.SCRIPT_PLUGIN);
+    return /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Label, null, t("description label")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
+      placeholder: t("description placeholder"),
+      value: object.description ?? "",
+      onChange: (event) => {
+        object.description = event.target.value;
+      }
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var Binding = ({ object }) => {
+  var _effect = (0, import_tracking.useSignals)();
+  try {
+    const { t } = (0, import_react_ui.useTranslation)(import_chunk_QG2X6J74.SCRIPT_PLUGIN);
+    const client = (0, import_react_client.useClient)();
+    const space = (0, import_echo.getSpace)(object);
+    const [fn] = (0, import_echo.useQuery)(space, import_echo.Filter.type(import_functions.FunctionType, {
+      source: import_echo.Ref.make(object)
+    }));
+    const functionPath = fn && (0, import_functions.getUserFunctionUrlInMetadata)((0, import_echo.getMeta)(fn));
+    const functionUrl = functionPath && (0, import_functions.getInvocationUrl)(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
+      spaceId: space?.id
+    });
+    const [binding, setBinding] = (0, import_react_ui.useControlledState)(fn?.binding ?? "");
+    const handleBindingChange = (0, import_react.useCallback)((event) => {
+      setBinding(event.target.value);
+    }, [
+      setBinding
+    ]);
+    const handleBindingBlur = (0, import_react.useCallback)(() => {
+      fn.binding = binding;
+    }, [
+      fn,
+      binding
+    ]);
+    if (!fn || !functionUrl) {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      role: "form",
+      className: "flex flex-col p-2 gap-2"
+    }, /* @__PURE__ */ import_react.default.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement("div", {
+      role: "none",
+      className: "flex flex-col gap-1"
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Label, null, t("function url label")), /* @__PURE__ */ import_react.default.createElement("div", {
+      role: "none",
+      className: "flex gap-1"
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
+      disabled: true,
+      value: functionUrl,
+      onChange: (event) => {
+        fn.name = event.target.value;
+      }
+    }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Clipboard.IconButton, {
+      value: functionUrl
+    })))), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement("div", {
+      role: "none",
+      className: "flex flex-col gap-1"
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Label, null, t("function binding label")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
+      placeholder: t("function binding placeholder"),
+      value: binding,
+      onChange: handleBindingChange,
+      onBlur: handleBindingBlur
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+var Publishing = ({ object }) => {
+  var _effect = (0, import_tracking.useSignals)();
+  try {
+    const { t } = (0, import_react_ui.useTranslation)(import_chunk_QG2X6J74.SCRIPT_PLUGIN);
+    const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+    const space = (0, import_echo.getSpace)(object);
+    const [githubToken] = (0, import_echo.useQuery)(space, import_echo.Filter.type(import_schema.DataType.AccessToken, {
+      source: "github.com"
+    }));
+    const gistKey = (0, import_echo.getMeta)(object).keys.find(({ source }) => source === "github.com");
+    const [gistUrl, setGistUrl] = (0, import_react.useState)();
+    (0, import_react.useEffect)(() => {
+      const token = githubToken?.token;
+      const gistId = gistKey?.id;
+      if (!token || !gistId) {
+        setGistUrl(void 0);
+        return;
+      }
+      const timeout = setTimeout(async () => {
+        try {
+          const octokit = new import_core.Octokit({
+            auth: githubToken.token
+          });
+          const response = await octokit.request("GET /gists/{gist_id}", {
+            gist_id: gistId
+          });
+          setGistUrl(response.data.html_url);
+        } catch (err) {
+          import_log.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 = (0, import_react.useCallback)(() => dispatch((0, import_app_framework.createIntent)(import_app_framework.SettingsAction.Open, {
+      plugin: "dxos.org/plugin/token-manager"
+    })), []);
+    const [publishing, setPublishing] = (0, import_react.useState)(false);
+    const handlePublish = (0, import_react.useCallback)(async () => {
+      setPublishing(true);
+      const octokit = new import_core.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 = (0, import_echo.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__ */ import_react.default.createElement("div", {
+      className: "flex flex-col p-2 gap-4"
+    }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ import_react.default.createElement("p", {
+      className: "text-description text-sm"
+    }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "flex flex-col gap-2"
+    }, /* @__PURE__ */ import_react.default.createElement("span", null, t("no github token label")), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
+      onClick: handleOpenTokenManager
+    }, t("open token manager label"))), githubToken && /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "flex justify-end gap-2"
+    }, gistUrl && /* @__PURE__ */ import_react.default.createElement(import_react_ui.Clipboard.IconButton, {
+      value: gistUrl
+    }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
+      disabled: publishing,
+      onClick: handlePublish
+    }, t(publishing ? "publishing label" : "publish label"))));
+  } finally {
+    _effect.f();
+  }
+};
+var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
+var ScriptPluginSettings = ({ settings }) => {
+  var _effect = (0, import_tracking2.useSignals)();
+  try {
+    const { t } = (0, import_react_ui2.useTranslation)(import_chunk_QG2X6J74.meta.id);
+    const client = (0, import_react_client2.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__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormContainer, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+      label: t("authenticate action label")
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
+      onClick: handleAuthenticate
+    }, t("authenticate button label"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+      label: t("editor input mode label")
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Root, {
+      value: settings.editorInputMode ?? "default",
+      onValueChange: (value) => {
+        settings.editorInputMode = value;
+      }
+    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.TriggerButton, {
+      placeholder: t("select editor input mode placeholder")
+    }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Portal, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Content, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Viewport, null, import_react_ui_editor.EditorInputModes.map((mode) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Option, {
+      key: mode,
+      value: mode
+    }, t(`settings editor input mode ${mode} label`)))))))));
+  } finally {
+    _effect.f();
+  }
+};
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
+var TestPanel = ({ classNames, functionUrl }) => {
+  var _effect = (0, import_tracking3.useSignals)();
+  try {
+    const { t } = (0, import_react_ui3.useTranslation)(import_chunk_QG2X6J74.SCRIPT_PLUGIN);
+    const inputRef = (0, import_react3.useRef)(null);
+    const [input, setInput] = (0, import_react3.useState)("");
+    const [result, setResult] = (0, import_react3.useState)("");
+    const [state, setState] = (0, import_react3.useState)(null);
+    const [history, setHistory] = (0, import_react3.useState)([]);
+    const scrollerRef = (0, import_react3.useRef)(null);
+    const handleScroll = () => {
+      if (scrollerRef.current) {
+        scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
+      }
+    };
+    const controller = (0, import_react3.useRef)();
+    (0, import_react3.useEffect)(() => {
+      return () => {
+        handleStop();
+      };
+    }, []);
+    const handleStop = () => {
+      controller.current?.abort("stop");
+      controller.current = void 0;
+    };
+    const handleClear = () => {
+      handleStop();
+      setInput("");
+      setResult("");
+      setHistory([]);
+      inputRef.current?.focus();
+    };
+    const handleResponse = ({ text, data, error } = {}) => {
+      controller.current = void 0;
+      setHistory((history2) => [
+        ...history2,
+        {
+          type: "response",
+          text,
+          data,
+          error
+        }
+      ]);
+      setResult("");
+      setState(null);
+      handleScroll();
+    };
+    const handleRequest = async (input2) => {
+      try {
+        setState("pending");
+        let data = null;
+        if (input2.charAt(0) === "{") {
+          try {
+            const validJsonString = input2.replace(/'/g, '"').replace(/([{,]\s*)([a-zA-Z0-9_]+)(\s*:)/g, '$1"$2"$3');
+            data = JSON.parse(validJsonString);
+            input2 = JSON.stringify(data, null, 2);
+          } catch (err) {
+            inputRef.current?.focus();
+            return;
+          }
+        }
+        setInput("");
+        setResult("");
+        setHistory((history2) => [
+          ...history2,
+          {
+            type: "request",
+            text: input2
+          }
+        ]);
+        setTimeout(() => {
+          handleScroll();
+        });
+        controller.current = new AbortController();
+        const response = await fetch(functionUrl, {
+          signal: controller.current.signal,
+          method: "POST",
+          body: input2,
+          headers: {
+            "Content-Type": data ? "application/json" : "text/plain"
+          }
+        });
+        if (!response.ok) {
+          const text2 = await response.text();
+          handleResponse({
+            error: new Error(text2 || response.statusText || String(response.status))
+          });
+          return;
+        }
+        const contentType = response.headers.get("content-type");
+        if (contentType === "application/json") {
+          const data2 = await response.json();
+          handleResponse({
+            data: data2
+          });
+          return;
+        }
+        setState("responding");
+        let text = "";
+        const reader = response.body.getReader();
+        const pump = async ({ done, value }) => {
+          text = text + new TextDecoder().decode(value);
+          if (!controller.current || done) {
+            handleResponse({
+              text
+            });
+            return;
+          }
+          setResult(text);
+          setTimeout(() => {
+            handleScroll();
+          });
+          return reader.read().then(pump);
+        };
+        void reader.read().then(pump).catch((err) => {
+          if (err.name !== "AbortError") {
+            import_log2.log.catch(err, void 0, {
+              F: __dxlog_file2,
+              L: 147,
+              S: void 0,
+              C: (f, a) => f(...a)
+            });
+          }
+        });
+      } catch (err) {
+        if (err !== "stop") {
+          const error = err instanceof Error ? err : new Error(err);
+          handleResponse({
+            error
+          });
+          import_log2.log.catch(err, void 0, {
+            F: __dxlog_file2,
+            L: 154,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+        } else {
+          handleResponse();
+        }
+      }
+    };
+    return /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: (0, import_react_ui_theme.mx)("flex flex-col h-full overflow-hidden", classNames)
+    }, /* @__PURE__ */ import_react3.default.createElement(MessageThread, {
+      ref: scrollerRef,
+      state,
+      result,
+      history
+    }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Root, {
+      classNames: "p-2"
+    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.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__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Button, {
+      onClick: () => handleRequest(input)
+    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+      icon: "ph--play--regular",
+      size: 4
+    })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Toolbar.Button, {
+      onClick: () => state ? handleStop() : handleClear()
+    }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+      icon: state ? "ph--stop--regular" : "ph--trash--regular",
+      size: 4
+    }))));
+  } finally {
+    _effect.f();
+  }
+};
+var MessageThread = /* @__PURE__ */ (0, import_react3.forwardRef)(({ state, history, result }, forwardedRef) => {
+  var _effect = (0, import_tracking3.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react3.default.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__ */ import_react3.default.createElement("div", {
+      key: i,
+      className: "grid grid-cols-[2rem_1fr_2rem]"
+    }, /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: "p-1"
+    }, message.type === "response" && /* @__PURE__ */ import_react3.default.createElement(RobotAvatar, null)), /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: "overflow-auto"
+    }, /* @__PURE__ */ import_react3.default.createElement(MessageItem, {
+      message
+    })))), result?.length > 0 && /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: "grid grid-cols-[2rem_1fr_2rem]"
+    }, /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: "p-1"
+    }, state === "pending" && /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+      icon: "ph--spinner--regular",
+      size: 6,
+      classNames: "animate-spin"
+    }) || /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Icon, {
+      icon: "ph--robot--regular",
+      size: 6,
+      classNames: "animate-[pulse_1s_ease-in-out_infinite]"
+    })), /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: "overflow-auto"
+    }, /* @__PURE__ */ import_react3.default.createElement(MessageItem, {
+      message: {
+        type: "response",
+        text: result
+      }
+    }))));
+  } finally {
+    _effect.f();
+  }
+});
+var MessageItem = ({ classNames, message }) => {
+  var _effect = (0, import_tracking3.useSignals)();
+  try {
+    const { type, text, data, error } = message;
+    const wrapper = "p-1 px-2 rounded-lg bg-hoverSurface overflow-auto";
+    return /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: (0, import_react_ui_theme.mx)("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+    }, error && /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: (0, import_react_ui_theme.mx)(wrapper, "whitespace-pre", import_react_ui_theme.errorText)
+    }, String(error)), text !== void 0 && /* @__PURE__ */ import_react3.default.createElement("div", {
+      className: (0, import_react_ui_theme.mx)(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
+    }, text || "\xD8"), data && /* @__PURE__ */ import_react3.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
+      language: "json",
+      className: (0, import_react_ui_theme.mx)(wrapper, "px-8 py-2 text-xs")
+    }, JSON.stringify(data, null, 2)));
+  } finally {
+    _effect.f();
+  }
+};
+var RobotAvatar = () => {
+  var _effect = (0, import_tracking3.useSignals)();
+  try {
+    return /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Avatar.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Avatar.Content, {
+      size: 6,
+      variant: "circle",
+      icon: "ph--robot--regular"
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var ScriptContainer = (0, import_react4.lazy)(() => import("./ScriptContainer-56SH6R24.cjs"));
+var DeploymentDialog = (0, import_react4.lazy)(() => import("./DeploymentDialog-PC5AL3BB.cjs"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DeploymentDialog,
+  ScriptContainer,
+  ScriptObjectSettings,
+  ScriptPluginSettings,
+  ScriptProperties,
+  TestPanel
+});
+//# sourceMappingURL=chunk-5LHP5EUJ.cjs.map