@dxos/plugin-script 0.8.1-main.ae460ac → 0.8.1-staging.391c573

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

@@ -0,0 +1,467 @@
+import {
+  SCRIPT_PLUGIN
+} from "./chunk-FVVCAWNP.mjs";
+
+// packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx
+import React, { forwardRef, useEffect, useRef, useState } from "react";
+import { log } from "@dxos/log";
+import { Avatar, Icon, Input, Toolbar, useTranslation } 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);
+  const inputRef = useRef(null);
+  const [input, setInput] = useState("");
+  const [result, setResult] = useState("");
+  const [state, setState] = useState(null);
+  const [history, setHistory] = useState([]);
+  const scrollerRef = useRef(null);
+  const handleScroll = () => {
+    if (scrollerRef.current) {
+      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
+    }
+  };
+  const controller = useRef();
+  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") {
+          log.catch(err, void 0, {
+            F: __dxlog_file,
+            L: 146,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+        }
+      });
+    } catch (err) {
+      if (err !== "stop") {
+        const error = err instanceof Error ? err : new Error(err);
+        handleResponse({
+          error
+        });
+        log.catch(err, void 0, {
+          F: __dxlog_file,
+          L: 153,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      } else {
+        handleResponse();
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex flex-col h-full overflow-hidden", classNames)
+  }, /* @__PURE__ */ React.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, {
+    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, {
+    onClick: () => handleRequest(input)
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--play--regular",
+    size: 4
+  })), /* @__PURE__ */ React.createElement(Toolbar.Button, {
+    onClick: () => state ? handleStop() : handleClear()
+  }, /* @__PURE__ */ React.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", {
+    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", {
+    key: i,
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "p-1"
+  }, message.type === "response" && /* @__PURE__ */ React.createElement(RobotAvatar, null)), /* @__PURE__ */ React.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ React.createElement(MessageItem, {
+    message
+  })))), result?.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "p-1"
+  }, state === "pending" && /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--spinner--regular",
+    size: 6,
+    classNames: "animate-spin"
+  }) || /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--robot--regular",
+    size: 6,
+    classNames: "animate-[pulse_1s_ease-in-out_infinite]"
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ React.createElement(MessageItem, {
+    message: {
+      type: "response",
+      text: result
+    }
+  }))));
+});
+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", {
+    className: mx("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+  }, error && /* @__PURE__ */ React.createElement("div", {
+    className: mx(wrapper, "whitespace-pre", errorText)
+  }, String(error)), text !== void 0 && /* @__PURE__ */ React.createElement("div", {
+    className: mx(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
+  }, text || "\xD8"), data && /* @__PURE__ */ React.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, {
+  size: 6,
+  variant: "circle"
+}, /* @__PURE__ */ React.createElement(Avatar.Frame, null, /* @__PURE__ */ React.createElement(Avatar.Icon, {
+  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
+import { lazy } from "react";
+var ScriptContainer = lazy(() => import("./ScriptContainer-4FIJVITA.mjs"));
+
+export {
+  DebugPanel,
+  ScriptSettings,
+  ScriptSettingsPanel,
+  ScriptContainer
+};
+//# sourceMappingURL=chunk-SFG422OU.mjs.map

package/dist/lib/browser/chunk-SFG422OU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DebugPanel/DebugPanel.tsx", "../../../src/components/ScriptSettings/ScriptSettings.tsx", "../../../src/components/ScriptSettingsPanel.tsx", "../../../src/components/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { Avatar, Icon, Input, type ThemedClassName, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { errorText, mx } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\n\ntype State = 'pending' | 'responding';\n\n/**\n * Request or response.\n */\ntype Message = { type: 'request' | 'response'; text?: string; data?: any; error?: Error };\n\nexport type DebugPanelProps = ThemedClassName<{\n  functionUrl?: string;\n}>;\n\nexport const DebugPanel = ({ classNames, functionUrl }: DebugPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [input, setInput] = useState('');\n  const [result, setResult] = useState('');\n  const [state, setState] = useState<State | null>(null);\n\n  // TODO(burdon): Persistent history -- at least for session (non-space ECHO data?)\n  const [history, setHistory] = useState<Message[]>([]);\n\n  const scrollerRef = useRef<HTMLDivElement>(null);\n  const handleScroll = () => {\n    if (scrollerRef.current) {\n      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;\n    }\n  };\n\n  const controller = useRef<AbortController>();\n  useEffect(() => {\n    return () => {\n      handleStop();\n    };\n  }, []);\n\n  const handleStop = () => {\n    controller.current?.abort('stop');\n    controller.current = undefined;\n  };\n\n  const handleClear = () => {\n    handleStop();\n    setInput('');\n    setResult('');\n    setHistory([]);\n    inputRef.current?.focus();\n  };\n\n  const handleResponse = ({ text, data, error }: { text?: string; data?: any; error?: Error } = {}) => {\n    controller.current = undefined;\n    setHistory((history) => [...history, { type: 'response', text, data, error } satisfies Message]);\n    setResult('');\n    setState(null);\n    handleScroll();\n  };\n\n  const handleRequest = async (input: string) => {\n    // Returns a promise that resolves when a value has been received.\n    try {\n      setState('pending');\n\n      let data = null;\n      // Detect JSON input.\n      if (input.charAt(0) === '{') {\n        try {\n          const validJsonString = input.replace(/'/g, '\"').replace(/([{,]\\s*)([a-zA-Z0-9_]+)(\\s*:)/g, '$1\"$2\"$3');\n          data = JSON.parse(validJsonString);\n          input = JSON.stringify(data, null, 2);\n        } catch (err) {\n          inputRef.current?.focus();\n          return;\n        }\n      }\n\n      setInput('');\n      setResult('');\n      setHistory((history) => [...history, { type: 'request', text: input }]);\n      setTimeout(() => {\n        handleScroll();\n      });\n\n      // Throws DOMException when aborted.\n      controller.current = new AbortController();\n      const response = await fetch(functionUrl!, {\n        signal: controller.current.signal,\n        method: 'POST',\n        body: input,\n        headers: {\n          'Content-Type': data ? 'application/json' : 'text/plain',\n        },\n      });\n\n      // Check for error.\n      if (!response.ok) {\n        const text = await response.text();\n        handleResponse({ error: new Error(text || response.statusText || String(response.status)) });\n        return;\n      }\n\n      // Check for JSON.\n      const contentType = response.headers.get('content-type');\n      if (contentType === 'application/json') {\n        const data = await response.json();\n        handleResponse({ data });\n        return;\n      }\n\n      // Text (including streaming).\n      setState('responding');\n      let text = '';\n      const reader = response.body!.getReader();\n      const pump = async ({ done, value }: ReadableStreamReadResult<Uint8Array>): Promise<void> => {\n        text = text + new TextDecoder().decode(value);\n        if (!controller.current || done) {\n          handleResponse({ text });\n          return;\n        }\n\n        setResult(text);\n        setTimeout(() => {\n          handleScroll();\n        });\n\n        return reader.read().then(pump);\n      };\n\n      void reader\n        .read()\n        .then(pump)\n        .catch((err) => {\n          if (err.name !== 'AbortError') {\n            log.catch(err);\n          }\n        });\n    } catch (err: any) {\n      if (err !== 'stop') {\n        const error = err instanceof Error ? err : new Error(err);\n        handleResponse({ error });\n        log.catch(err);\n      } else {\n        handleResponse();\n      }\n    }\n  };\n\n  return (\n    <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n      {/* TODO(burdon): Replace with Thread. */}\n      <MessageThread ref={scrollerRef} state={state} result={result} history={history} />\n\n      <Toolbar.Root classNames='p-1'>\n        <Input.Root>\n          <Input.TextInput\n            ref={inputRef}\n            autoFocus\n            placeholder={t('function request placeholder')}\n            value={input}\n            onChange={(ev) => setInput(ev.target.value)}\n            onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n          />\n        </Input.Root>\n        <Toolbar.Button onClick={() => handleRequest(input)}>\n          <Icon icon='ph--play--regular' size={4} />\n        </Toolbar.Button>\n        <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n          <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n        </Toolbar.Button>\n      </Toolbar.Root>\n    </div>\n  );\n};\n\n// TODO(burdon): Replace with thread?\n// TODO(burdon): Button to delete individual messages.\n// TODO(burdon): Button to edit/re-run question.\ntype MessageThreadProps = {\n  state: State | null;\n  history: Message[];\n  result: string;\n};\n\nconst MessageThread = forwardRef<HTMLDivElement, MessageThreadProps>(\n  ({ state, history, result }: MessageThreadProps, forwardedRef) => {\n    if (!history.length && !result.length) {\n      return null;\n    }\n\n    return (\n      <div ref={forwardedRef} className='flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto'>\n        {history.map((message, i) => (\n          <div key={i} className='grid grid-cols-[2rem_1fr_2rem]'>\n            <div className='p-1'>{message.type === 'response' && <RobotAvatar />}</div>\n            <div className='overflow-auto'>\n              <MessageItem message={message} />\n            </div>\n          </div>\n        ))}\n\n        {result?.length > 0 && (\n          <div className='grid grid-cols-[2rem_1fr_2rem]'>\n            <div className='p-1'>\n              {(state === 'pending' && <Icon icon='ph--spinner--regular' size={6} classNames='animate-spin' />) || (\n                <Icon icon='ph--robot--regular' size={6} classNames='animate-[pulse_1s_ease-in-out_infinite]' />\n              )}\n            </div>\n            <div className='overflow-auto'>\n              <MessageItem message={{ type: 'response', text: result }} />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n  const { type, text, data, error } = message;\n  const wrapper = 'p-1 px-2 rounded-lg bg-hoverSurface overflow-auto';\n  return (\n    <div className={mx('flex', type === 'request' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>\n      {error && <div className={mx(wrapper, 'whitespace-pre', errorText)}>{String(error)}</div>}\n\n      {text !== undefined && (\n        <div className={mx(wrapper, type === 'request' && 'bg-primary-400 dark:bg-primary-600')}>\n          {text || '\\u00D8'}\n        </div>\n      )}\n\n      {data && (\n        <SyntaxHighlighter language='json' className={mx(wrapper, 'px-8 py-2 text-xs')}>\n          {JSON.stringify(data, null, 2)}\n        </SyntaxHighlighter>\n      )}\n    </div>\n  );\n};\n\nconst RobotAvatar = () => (\n  <Avatar.Root size={6} variant='circle'>\n    <Avatar.Frame>\n      <Avatar.Icon icon='ph--robot--regular' />\n    </Avatar.Frame>\n  </Avatar.Root>\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Credential } from '@dxos/protocols/proto/dxos/halo/credentials';\nimport { useClient } from '@dxos/react-client';\nimport { Button, Select, useTranslation } from '@dxos/react-ui';\nimport { type EditorInputMode, EditorInputModes } from '@dxos/react-ui-editor';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type ScriptSettingsProps } from '../../types';\n\nexport const ScriptSettings = ({ settings }: { settings: ScriptSettingsProps }) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const client = useClient();\n\n  // TODO(burdon): Check token.\n  const handleAuthenticate = async () => {\n    const { identityKey } = client.halo.identity.get()!;\n    await client.halo.writeCredentials([\n      {\n        issuer: identityKey,\n        issuanceDate: new Date(),\n        subject: {\n          id: identityKey,\n          assertion: {\n            '@type': 'dxos.halo.credentials.ServiceAccess',\n            serverName: 'hub.dxos.network',\n            serverKey: identityKey,\n            identityKey,\n            capabilities: ['composer:beta'],\n          },\n        },\n      } satisfies Credential,\n    ]);\n  };\n\n  return (\n    <DeprecatedFormContainer>\n      {/* TODO(wittjosiah): Hide outside of dev environments. */}\n      <DeprecatedFormInput label={t('authenticate action label')}>\n        <Button onClick={handleAuthenticate}>{t('authenticate button label')}</Button>\n      </DeprecatedFormInput>\n\n      <DeprecatedFormInput label={t('editor input mode label')}>\n        <Select.Root\n          value={settings.editorInputMode ?? 'default'}\n          onValueChange={(value) => {\n            settings.editorInputMode = value as EditorInputMode;\n          }}\n        >\n          <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n          <Select.Portal>\n            <Select.Content>\n              <Select.Viewport>\n                {EditorInputModes.map((mode) => (\n                  <Select.Option key={mode} value={mode}>\n                    {t(`settings editor input mode ${mode} label`)}\n                  </Select.Option>\n                ))}\n              </Select.Viewport>\n            </Select.Content>\n          </Select.Portal>\n        </Select.Root>\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Octokit } from '@octokit/core';\nimport React, { type ChangeEvent, useCallback, useEffect, useState } from 'react';\n\nimport { createIntent, SettingsAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { FunctionType, type ScriptType, getInvocationUrl, getUserFunctionUrlInMetadata } from '@dxos/functions/types';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Button, Clipboard, Input, Separator, useControlledState, useTranslation } from '@dxos/react-ui';\nimport { AccessTokenType } from '@dxos/schema';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\n// TODO(wittjosiah): Factor out.\n// From https://stackoverflow.com/a/67243723/2804332\nconst kebabize = (str: string) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());\n\nexport type ScriptSettingsPanelProps = {\n  script: ScriptType;\n};\n\nexport const ScriptSettingsPanel = ({ script }: ScriptSettingsPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const client = useClient();\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Filter.schema(FunctionType, { source: script }));\n  const [githubToken] = useQuery(space, Filter.schema(AccessTokenType, { source: 'github.com' }));\n  const gistKey = getMeta(script).keys.find(({ source }) => source === 'github.com');\n  const [gistUrl, setGistUrl] = useState<string | undefined>();\n\n  useEffect(() => {\n    const token = githubToken?.token;\n    const gistId = gistKey?.id;\n    if (!token || !gistId) {\n      setGistUrl(undefined);\n      return;\n    }\n\n    const timeout = setTimeout(async () => {\n      try {\n        const octokit = new Octokit({ auth: githubToken.token });\n        const response = await octokit.request('GET /gists/{gist_id}', {\n          gist_id: gistId,\n        });\n        setGistUrl(response.data.html_url);\n      } catch (err) {\n        log.catch(err);\n        setGistUrl(undefined);\n      }\n    });\n\n    return () => clearTimeout(timeout);\n  }, [githubToken, gistKey]);\n\n  const [binding, setBinding] = useControlledState(fn?.binding ?? '');\n  const handleBindingChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      setBinding(event.target.value);\n    },\n    [setBinding],\n  );\n  const handleBindingBlur = useCallback(() => {\n    fn.binding = binding;\n  }, [fn, binding]);\n\n  const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n  const functionUrl =\n    functionPath &&\n    getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n\n  const handleOpenTokenManager = useCallback(\n    () => dispatch(createIntent(SettingsAction.Open, { plugin: 'dxos.org/plugin/token-manager' })),\n    [],\n  );\n\n  const [publishing, setPublishing] = useState(false);\n  const handlePublish = useCallback(async () => {\n    setPublishing(true);\n    const octokit = new Octokit({ auth: githubToken.token });\n    const source = await script.source.load();\n    const filename = script.name ? kebabize(script.name) : 'composer-script';\n    const files = { [`${filename}.ts`]: { content: source.content } };\n\n    try {\n      // TODO(wittjosiah): Factor out to intent.\n      const meta = getMeta(script);\n      const githubKey = meta.keys.find(({ source }) => source === 'github.com');\n      const gistId = githubKey?.id;\n      if (gistId) {\n        await octokit.request('PATCH /gists/{gist_id}', {\n          gist_id: gistId,\n          files,\n        });\n      } else {\n        const response = await octokit.request('POST /gists', {\n          public: true,\n          files,\n        });\n        if (response.data.id) {\n          meta.keys.push({ source: 'github.com', id: response.data.id });\n        }\n      }\n    } finally {\n      setPublishing(false);\n    }\n  }, [script, githubToken]);\n\n  return (\n    <>\n      <div role='form' className='flex flex-col w-full p-2 gap-4'>\n        <Input.Root>\n          <div role='none' className='flex flex-col gap-1'>\n            <Input.Label>{t('description label')}</Input.Label>\n            <Input.TextInput\n              placeholder={t('description placeholder')}\n              value={script.description ?? ''}\n              onChange={(event) => {\n                script.description = event.target.value;\n              }}\n            />\n          </div>\n        </Input.Root>\n      </div>\n      {fn && functionUrl && (\n        <>\n          <Separator />\n          <div role='form' className='flex flex-col w-full p-2 gap-4'>\n            <h2>{t('remote function settings heading')}</h2>\n            <Input.Root>\n              <div role='none' className='flex flex-col gap-1'>\n                <Input.Label>{t('function url label')}</Input.Label>\n                <div role='none' className='flex gap-1'>\n                  <Input.TextInput\n                    disabled\n                    value={functionUrl}\n                    onChange={(event) => {\n                      fn.name = event.target.value;\n                    }}\n                  />\n                  <Clipboard.IconButton value={functionUrl} />\n                </div>\n              </div>\n            </Input.Root>\n            <Input.Root>\n              <div role='none' className='flex flex-col gap-1'>\n                <Input.Label>{t('function binding label')}</Input.Label>\n                <Input.TextInput\n                  placeholder={t('function binding placeholder')}\n                  value={binding}\n                  onChange={handleBindingChange}\n                  onBlur={handleBindingBlur}\n                />\n              </div>\n            </Input.Root>\n          </div>\n        </>\n      )}\n      <Separator />\n      <div className='flex flex-col w-full p-2 gap-4'>\n        <div>\n          <h2>{t('script publish settings label')}</h2>\n          <p className='text-description text-sm'>{t('script publish settings description')}</p>\n        </div>\n        {!githubToken && (\n          <div className='flex flex-col items-center justify-center gap-2'>\n            <span>{t('no github token label')}</span>\n            <Button onClick={handleOpenTokenManager}>{t('open token manager label')}</Button>\n          </div>\n        )}\n        {githubToken && (\n          <div className='flex justify-end gap-2'>\n            {gistUrl && <Clipboard.IconButton value={gistUrl} />}\n            <Button disabled={publishing} onClick={handlePublish}>\n              {t(publishing ? 'publishing label' : 'publish label')}\n            </Button>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './DebugPanel';\nexport * from './LogsPanel';\nexport * from './ScriptSettings';\nexport * from './ScriptSettingsPanel';\n\nexport const ScriptContainer = lazy(() => import('./ScriptContainer'));\n"],
+  "mappings": "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",
+  "names": ["React", "forwardRef", "useEffect", "useRef", "useState", "log", "Avatar", "Icon", "Input", "Toolbar", "useTranslation", "SyntaxHighlighter", "errorText", "mx", "DebugPanel", "classNames", "functionUrl", "t", "useTranslation", "SCRIPT_PLUGIN", "inputRef", "useRef", "input", "setInput", "useState", "result", "setResult", "state", "setState", "history", "setHistory", "scrollerRef", "handleScroll", "current", "scrollTop", "scrollHeight", "controller", "useEffect", "handleStop", "abort", "undefined", "handleClear", "focus", "handleResponse", "text", "data", "error", "type", "handleRequest", "charAt", "validJsonString", "replace", "JSON", "parse", "stringify", "err", "setTimeout", "AbortController", "response", "fetch", "signal", "method", "body", "headers", "ok", "Error", "statusText", "String", "status", "contentType", "get", "json", "reader", "getReader", "pump", "done", "value", "TextDecoder", "decode", "read", "then", "catch", "name", "log", "div", "className", "mx", "MessageThread", "ref", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "key", "Button", "onClick", "Icon", "icon", "size", "forwardRef", "forwardedRef", "length", "map", "message", "i", "RobotAvatar", "MessageItem", "wrapper", "errorText", "SyntaxHighlighter", "language", "Avatar", "variant", "Frame", "React", "useClient", "Button", "Select", "useTranslation", "EditorInputModes", "DeprecatedFormContainer", "DeprecatedFormInput", "ScriptSettings", "settings", "t", "useTranslation", "SCRIPT_PLUGIN", "client", "useClient", "handleAuthenticate", "identityKey", "halo", "identity", "get", "writeCredentials", "issuer", "issuanceDate", "Date", "subject", "id", "assertion", "serverName", "serverKey", "capabilities", "React", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Button", "onClick", "Select", "Root", "value", "editorInputMode", "onValueChange", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "EditorInputModes", "map", "mode", "Option", "key", "Octokit", "React", "useCallback", "useEffect", "useState", "createIntent", "SettingsAction", "useIntentDispatcher", "FunctionType", "getInvocationUrl", "getUserFunctionUrlInMetadata", "log", "useClient", "Filter", "getMeta", "getSpace", "useQuery", "Button", "Clipboard", "Input", "Separator", "useControlledState", "useTranslation", "AccessTokenType", "kebabize", "str", "replace", "$", "ofs", "toLowerCase", "ScriptSettingsPanel", "script", "t", "useTranslation", "SCRIPT_PLUGIN", "dispatchPromise", "dispatch", "useIntentDispatcher", "client", "useClient", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "githubToken", "AccessTokenType", "gistKey", "getMeta", "keys", "find", "gistUrl", "setGistUrl", "useState", "useEffect", "token", "gistId", "id", "undefined", "timeout", "setTimeout", "octokit", "Octokit", "auth", "response", "request", "gist_id", "data", "html_url", "err", "log", "catch", "clearTimeout", "binding", "setBinding", "useControlledState", "handleBindingChange", "useCallback", "event", "target", "value", "handleBindingBlur", "functionPath", "getUserFunctionUrlInMetadata", "functionUrl", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "handleOpenTokenManager", "createIntent", "SettingsAction", "Open", "plugin", "publishing", "setPublishing", "handlePublish", "load", "filename", "name", "files", "content", "meta", "githubKey", "public", "push", "React", "div", "role", "className", "Input", "Root", "Label", "TextInput", "placeholder", "description", "onChange", "Separator", "h2", "disabled", "Clipboard", "IconButton", "onBlur", "p", "span", "Button", "onClick", "lazy", "ScriptContainer", "lazy"]
+}

package/dist/lib/browser/index.mjs

@@ -1,17 +1,19 @@
 import {
+  DebugPanel,
   ScriptContainer,
   ScriptSettings,
   ScriptSettingsPanel
-} from "./chunk-FWK7MJLK.mjs";
+} from "./chunk-SFG422OU.mjs";
 import {
   ScriptCapabilities
 } from "./chunk-6MOQ4BP3.mjs";
 import {
-  DebugPanel
-} from "./chunk-5SXOHNAK.mjs";
+  LogsPanel
+} from "./chunk-7TZYIGBS.mjs";
+import "./chunk-4SSKJNMZ.mjs";
 import {
   ScriptAction
-} from "./chunk-2H6QBQ5Q.mjs";
+} from "./chunk-JL34HAEL.mjs";
 import {
   SCRIPT_PLUGIN,
   meta
@@ -20,14 +22,14 @@ import {
 // packages/plugins/experimental/plugin-script/src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
 var Compiler = lazy(() => import("./compiler-YY2XSKHQ.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-5BRHMSBN.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-IDIV7XIA.mjs"));
-var ScriptSettings2 = lazy(() => import("./settings-LRHZSUEJ.mjs"));
-var ArtifactDefinition = lazy(() => import("./artifact-definition-4LWPD3DH.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-BJ76DBGE.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-HXCDELEA.mjs"));
+var ScriptSettings2 = lazy(() => import("./settings-HIWURVAS.mjs"));
+var ArtifactDefinition = lazy(() => import("./artifact-definition-GTL3ZSF2.mjs"));
 
 // packages/plugins/experimental/plugin-script/src/ScriptPlugin.tsx
 import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from "@dxos/app-framework";
-import { ScriptType as ScriptType2 } from "@dxos/functions";
+import { ScriptType as ScriptType2 } from "@dxos/functions/types";
 import { RefArray } from "@dxos/live-object";
 import { ClientEvents } from "@dxos/plugin-client";
 import { DeckCapabilities, DeckEvents } from "@dxos/plugin-deck";
@@ -43,7 +45,7 @@ var ScriptEvents;
 })(ScriptEvents || (ScriptEvents = {}));
 
 // packages/plugins/experimental/plugin-script/src/translations.ts
-import { ScriptType } from "@dxos/functions";
+import { ScriptType } from "@dxos/functions/types";
 var translations_default = [
   {
     "en-US": {
@@ -86,9 +88,7 @@ var translations_default = [
         "view group label": "View",
         "view editor label": "Editor",
         "view split label": "Split",
-        "view debug label": "Debug",
-        // TODO(wittjosiah): Replace debug with logs.
-        // 'view logs label': 'Logs',
+        "view logs label": "Logs",
         "template select group label": "Select template",
         "function panel label": "Debug Function"
       }
@@ -183,6 +183,7 @@ var ScriptPlugin = () => definePlugin(meta, [
 ]);
 export {
   DebugPanel,
+  LogsPanel,
   SCRIPT_PLUGIN,
   ScriptCapabilities,
   ScriptContainer,