@dxos/plugin-script 0.8.4-main.ead640a → 0.8.4-main.effb148878

package/dist/lib/browser/chunk-I3QSGUFJ.mjs

@@ -1,646 +0,0 @@
-import {
-  useDeployState,
-  useToolbarState
-} from "./chunk-E7DXDICD.mjs";
-import {
-  getAccessCredential
-} from "./chunk-JO2O7W6J.mjs";
-import {
-  meta
-} from "./chunk-EZVXV6DA.mjs";
-
-// src/components/Settings/ScriptObjectSettings.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { Octokit } from "@octokit/core";
-import React, { useCallback, useState } from "react";
-import { ToolId } from "@dxos/ai";
-import { SettingsAction, createIntent, useIntentDispatcher } from "@dxos/app-framework";
-import { Blueprint, Template } from "@dxos/blueprints";
-import { FunctionType, getInvocationUrl, getUserFunctionIdInMetadata } from "@dxos/functions";
-import { log } from "@dxos/log";
-import { useClient } from "@dxos/react-client";
-import { Filter, Ref, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
-import { Button, Clipboard, Input, useAsyncEffect, useControlledState, useTranslation } from "@dxos/react-ui";
-import { DataType } from "@dxos/schema";
-import { kebabize } from "@dxos/util";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx";
-var ScriptObjectSettings = ({ object }) => {
-  var _effect = _useSignals();
-  try {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Binding, {
-      object
-    }), /* @__PURE__ */ React.createElement(BlueprintEditor, {
-      object
-    }), /* @__PURE__ */ React.createElement(Publishing, {
-      object
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var ScriptProperties = ({ object }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    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;
-      }
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var BlueprintEditor = ({ object }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    const space = getSpace(object);
-    const [fn] = useQuery(space, Filter.type(FunctionType, {
-      source: Ref.make(object)
-    }));
-    const blueprints = useQuery(space, Filter.type(Blueprint.Blueprint));
-    const [creating, setCreating] = useState(false);
-    const [instructions, setInstructions] = useState(`You can run the script "${object.name ?? "script"}".`);
-    const blueprintKey = `dxos.org/blueprint/${kebabize(object.name ?? "script")}`;
-    const existingBlueprint = blueprints.find((bp) => bp.key === blueprintKey);
-    useAsyncEffect(async () => {
-      if (!existingBlueprint) {
-        return;
-      }
-      const source = await existingBlueprint.instructions.source.load();
-      setInstructions(source.content ?? "");
-    }, [
-      existingBlueprint
-    ]);
-    const handleSave = useCallback(async () => {
-      if (!space) {
-        return;
-      }
-      setCreating(true);
-      try {
-        if (existingBlueprint) {
-          const text = await existingBlueprint.instructions.source.load();
-          text.content = instructions;
-          if (fn?.key) {
-            const toolId = ToolId.make(fn.key);
-            if (!existingBlueprint.tools?.includes(toolId)) {
-              existingBlueprint.tools = [
-                ...existingBlueprint.tools ?? [],
-                toolId
-              ];
-            }
-          }
-        } else if (fn?.key) {
-          space.db.add(Blueprint.make({
-            key: blueprintKey,
-            name: object.name ?? "Script",
-            instructions: Template.make({
-              source: instructions
-            }),
-            tools: [
-              ToolId.make(fn.key)
-            ]
-          }));
-        }
-        await space.db.flush();
-      } finally {
-        setCreating(false);
-      }
-    }, [
-      space,
-      existingBlueprint,
-      fn,
-      blueprintKey,
-      object.name,
-      instructions
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
-      className: "flex flex-col gap-4 mlb-cardSpacingBlock"
-    }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, t("blueprint editor label", {
-      default: "Blueprint"
-    })), /* @__PURE__ */ React.createElement("p", {
-      className: "text-description text-sm"
-    }, t("blueprint editor description", {
-      default: "Create a blueprint that exposes this script as a tool."
-    }))), /* @__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("blueprint instructions label", {
-      default: "Instructions"
-    })), /* @__PURE__ */ React.createElement(Input.TextArea, {
-      placeholder: t("blueprint instructions placeholder", {
-        default: "Describe how this tool should be used."
-      }),
-      rows: 6,
-      value: instructions,
-      onChange: (event) => setInstructions(event.target.value),
-      classNames: "resize-y"
-    }))), /* @__PURE__ */ React.createElement("div", {
-      className: "flex justify-end gap-2"
-    }, /* @__PURE__ */ React.createElement(Button, {
-      disabled: !existingBlueprint && !fn?.key || creating,
-      onClick: handleSave
-    }, t(creating ? "creating label" : "create blueprint label", {
-      default: creating ? "Creating\u2026" : "Create blueprint"
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var Binding = ({ object }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    const client = useClient();
-    const space = getSpace(object);
-    const [fn] = useQuery(space, Filter.type(FunctionType, {
-      source: Ref.make(object)
-    }));
-    const functionId = fn && getUserFunctionIdInMetadata(getMeta(fn));
-    const functionUrl = functionId && getInvocationUrl(functionId, 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 gap-2 mlb-cardSpacingBlock"
-    }, /* @__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
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var Publishing = ({ object }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    const { dispatchPromise: dispatch } = useIntentDispatcher();
-    const space = getSpace(object);
-    const [githubToken] = useQuery(space, Filter.type(DataType.AccessToken, {
-      source: "github.com"
-    }));
-    const gistKey = getMeta(object).keys.find(({ source }) => source === "github.com");
-    const [gistUrl, setGistUrl] = useState();
-    useAsyncEffect(async () => {
-      const token = githubToken?.token;
-      const gistId = gistKey?.id;
-      if (!token || !gistId) {
-        setGistUrl(void 0);
-        return;
-      }
-      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: 222,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-        setGistUrl(void 0);
-      }
-    }, [
-      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 gap-4 mlb-cardSpacingBlock"
-    }, /* @__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"))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/Settings/ScriptPluginSettings.tsx
-import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-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 { ControlGroup, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
-var ScriptPluginSettings = ({ settings }) => {
-  var _effect = _useSignals2();
-  try {
-    const { t } = useTranslation2(meta.id);
-    const client = useClient2();
-    const handleAuthenticate = async () => {
-      const { identityKey } = client.halo.identity.get();
-      await client.halo.writeCredentials([
-        getAccessCredential(identityKey)
-      ]);
-    };
-    return /* @__PURE__ */ React2.createElement(ControlPage, null, /* @__PURE__ */ React2.createElement(ControlSection, {
-      title: t("settings title", {
-        ns: meta.id
-      })
-    }, /* @__PURE__ */ React2.createElement(ControlGroup, null, /* @__PURE__ */ React2.createElement(ControlItemInput, {
-      title: t("authenticate action label")
-    }, /* @__PURE__ */ React2.createElement(Button2, {
-      onClick: handleAuthenticate
-    }, t("authenticate button label"))), /* @__PURE__ */ React2.createElement(ControlItemInput, {
-      title: 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`)))), /* @__PURE__ */ React2.createElement(Select.Arrow, null))))))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/TestPanel/TestPanel.tsx
-import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { forwardRef, useEffect, 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_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
-var TestPanel = ({ classNames, functionUrl }) => {
-  var _effect = _useSignals3();
-  try {
-    const { t } = useTranslation3(meta.id);
-    const inputRef = useRef(null);
-    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) {
-        scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
-      }
-    };
-    const controller = useRef(null);
-    useEffect(() => {
-      return () => {
-        handleStop();
-      };
-    }, []);
-    const handleStop = () => {
-      controller.current?.abort("stop");
-      controller.current = null;
-    };
-    const handleClear = () => {
-      handleStop();
-      setInput("");
-      setResult("");
-      setHistory([]);
-      inputRef.current?.focus();
-    };
-    const handleResponse = ({ text, data, error } = {}) => {
-      controller.current = null;
-      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") {
-            log2.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
-          });
-          log2.catch(err, void 0, {
-            F: __dxlog_file2,
-            L: 154,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-        } else {
-          handleResponse();
-        }
-      }
-    };
-    return /* @__PURE__ */ React3.createElement("div", {
-      className: mx("flex flex-col h-full overflow-hidden", classNames)
-    }, /* @__PURE__ */ React3.createElement(MessageThread, {
-      ref: scrollerRef,
-      state,
-      result,
-      history
-    }), /* @__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__ */ React3.createElement(Toolbar.Button, {
-      onClick: () => handleRequest(input)
-    }, /* @__PURE__ */ React3.createElement(Icon, {
-      icon: "ph--play--regular",
-      size: 4
-    })), /* @__PURE__ */ React3.createElement(Toolbar.Button, {
-      onClick: () => state ? handleStop() : handleClear()
-    }, /* @__PURE__ */ React3.createElement(Icon, {
-      icon: state ? "ph--stop--regular" : "ph--trash--regular",
-      size: 4
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forwardedRef) => {
-  var _effect = _useSignals3();
-  try {
-    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__ */ React3.createElement("div", {
-      key: i,
-      className: "grid grid-cols-[2rem_1fr_2rem]"
-    }, /* @__PURE__ */ React3.createElement("div", {
-      className: "p-1"
-    }, message.type === "response" && /* @__PURE__ */ React3.createElement(RobotAvatar, null)), /* @__PURE__ */ React3.createElement("div", {
-      className: "overflow-auto"
-    }, /* @__PURE__ */ React3.createElement(MessageItem, {
-      message
-    })))), result?.length > 0 && /* @__PURE__ */ React3.createElement("div", {
-      className: "grid grid-cols-[2rem_1fr_2rem]"
-    }, /* @__PURE__ */ React3.createElement("div", {
-      className: "p-1"
-    }, state === "pending" && /* @__PURE__ */ React3.createElement(Icon, {
-      icon: "ph--spinner--regular",
-      size: 6,
-      classNames: "animate-spin"
-    }) || /* @__PURE__ */ React3.createElement(Icon, {
-      icon: "ph--robot--regular",
-      size: 6,
-      classNames: "animate-[pulse_1s_ease-in-out_infinite]"
-    })), /* @__PURE__ */ React3.createElement("div", {
-      className: "overflow-auto"
-    }, /* @__PURE__ */ React3.createElement(MessageItem, {
-      message: {
-        type: "response",
-        text: result
-      }
-    }))));
-  } finally {
-    _effect.f();
-  }
-});
-var MessageItem = ({ classNames, message }) => {
-  var _effect = _useSignals3();
-  try {
-    const { type, text, data, error } = message;
-    const wrapper = "p-1 px-2 rounded-md bg-hoverSurface overflow-auto";
-    return /* @__PURE__ */ React3.createElement("div", {
-      className: mx("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
-    }, error && /* @__PURE__ */ React3.createElement("div", {
-      className: mx(wrapper, "whitespace-pre", errorText)
-    }, 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__ */ React3.createElement(SyntaxHighlighter, {
-      language: "json",
-      className: mx(wrapper, "text-xs")
-    }, JSON.stringify(data, null, 2)));
-  } finally {
-    _effect.f();
-  }
-};
-var RobotAvatar = () => {
-  var _effect = _useSignals3();
-  try {
-    return /* @__PURE__ */ React3.createElement(Avatar.Root, null, /* @__PURE__ */ React3.createElement(Avatar.Content, {
-      size: 6,
-      variant: "circle",
-      icon: "ph--robot--regular"
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/TestPanel/TestContainer.tsx
-import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import React4 from "react";
-import { StackItem } from "@dxos/react-ui-stack";
-var TestContainer = ({ script }) => {
-  var _effect = _useSignals4();
-  try {
-    const state = useToolbarState();
-    useDeployState({
-      state,
-      script
-    });
-    return /* @__PURE__ */ React4.createElement(StackItem.Content, null, /* @__PURE__ */ React4.createElement(TestPanel, {
-      functionUrl: state.functionUrl
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/index.ts
-import { lazy } from "react";
-var ScriptContainer = lazy(() => import("./ScriptContainer-LRTRN7JW.mjs"));
-var DeploymentDialog = lazy(() => import("./DeploymentDialog-65TWT6S5.mjs"));
-var NotebookContainer = lazy(() => import("./NotebookContainer-LVGRPFY3.mjs"));
-
-export {
-  ScriptObjectSettings,
-  ScriptProperties,
-  ScriptPluginSettings,
-  TestPanel,
-  TestContainer,
-  ScriptContainer,
-  DeploymentDialog,
-  NotebookContainer
-};
-//# sourceMappingURL=chunk-I3QSGUFJ.mjs.map