@dxos/plugin-script 0.8.3-staging.0fa589b → 0.8.4-main.1da679c

package/dist/lib/browser/{chunk-3JLR2SHJ.mjs → chunk-B5QYN3AG.mjs}

@@ -1,24 +1,24 @@
 import {
   useDeployState,
   useToolbarState
-} from "./chunk-3FU4QZVP.mjs";
+} from "./chunk-KLGK77UK.mjs";
 import {
   SCRIPT_PLUGIN,
   meta
-} from "./chunk-6ZHHWU6S.mjs";
+} from "./chunk-QYAREHGH.mjs";
 
-// packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx
+// src/components/Settings/ScriptObjectSettings.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 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";
+import React, { useCallback, useState } from "react";
+import { SettingsAction, createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { FunctionType, getInvocationUrl, getUserFunctionIdInMetadata } from "@dxos/functions";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
-import { Filter, getMeta, getSpace, Ref, useQuery } from "@dxos/react-client/echo";
-import { Button, Clipboard, Input, useControlledState, useTranslation } from "@dxos/react-ui";
+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";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/Settings/ScriptObjectSettings.tsx";
 var ScriptObjectSettings = ({ object }) => {
   var _effect = _useSignals();
   try {
@@ -55,8 +55,8 @@ var Binding = ({ object }) => {
     const [fn] = useQuery(space, Filter.type(FunctionType, {
       source: Ref.make(object)
     }));
-    const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));
-    const functionUrl = functionPath && getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
+    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 ?? "");
@@ -115,33 +115,30 @@ var Publishing = ({ object }) => {
     }));
     const gistKey = getMeta(object).keys.find(({ source }) => source === "github.com");
     const [gistUrl, setGistUrl] = useState();
-    useEffect(() => {
+    useAsyncEffect(async () => {
       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);
+      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: 134,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        setGistUrl(void 0);
+      }
     }, [
       githubToken,
       gistKey
@@ -212,13 +209,13 @@ var Publishing = ({ object }) => {
 };
 var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
 
-// packages/plugins/plugin-script/src/components/Settings/ScriptPluginSettings.tsx
+// 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 { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
+import { ControlGroup, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
 var ScriptPluginSettings = ({ settings }) => {
   var _effect = _useSignals2();
   try {
@@ -245,12 +242,16 @@ var ScriptPluginSettings = ({ settings }) => {
         }
       ]);
     };
-    return /* @__PURE__ */ React2.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
-      label: t("authenticate action label")
+    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(DeprecatedFormInput, {
-      label: t("editor input mode label")
+    }, 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) => {
@@ -261,20 +262,20 @@ var ScriptPluginSettings = ({ settings }) => {
     }), /* @__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`)))))))));
+    }, t(`settings editor input mode ${mode} label`)))), /* @__PURE__ */ React2.createElement(Select.Arrow, null))))))));
   } finally {
     _effect.f();
   }
 };
 
-// packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx
+// src/components/TestPanel/TestPanel.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { forwardRef, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+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 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/components/TestPanel/TestPanel.tsx";
 var TestPanel = ({ classNames, functionUrl }) => {
   var _effect = _useSignals3();
   try {
@@ -291,7 +292,7 @@ var TestPanel = ({ classNames, functionUrl }) => {
       }
     };
     const controller = useRef();
-    useEffect2(() => {
+    useEffect(() => {
       return () => {
         handleStop();
       };
@@ -499,7 +500,7 @@ var MessageItem = ({ classNames, message }) => {
       className: mx(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
     }, text || "\xD8"), data && /* @__PURE__ */ React3.createElement(SyntaxHighlighter, {
       language: "json",
-      className: mx(wrapper, "px-8 py-2 text-xs")
+      className: mx(wrapper, "text-xs")
     }, JSON.stringify(data, null, 2)));
   } finally {
     _effect.f();
@@ -518,11 +519,11 @@ var RobotAvatar = () => {
   }
 };
 
-// packages/plugins/plugin-script/src/components/TestPanel/TestContainer.tsx
+// 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, role }) => {
+var TestContainer = ({ script }) => {
   var _effect = _useSignals4();
   try {
     const state = useToolbarState();
@@ -530,9 +531,7 @@ var TestContainer = ({ script, role }) => {
       state,
       script
     });
-    return /* @__PURE__ */ React4.createElement(StackItem.Content, {
-      role
-    }, /* @__PURE__ */ React4.createElement(TestPanel, {
+    return /* @__PURE__ */ React4.createElement(StackItem.Content, null, /* @__PURE__ */ React4.createElement(TestPanel, {
       functionUrl: state.functionUrl
     }));
   } finally {
@@ -540,10 +539,10 @@ var TestContainer = ({ script, role }) => {
   }
 };
 
-// packages/plugins/plugin-script/src/components/index.ts
+// src/components/index.ts
 import { lazy } from "react";
-var ScriptContainer = lazy(() => import("./ScriptContainer-RSN52NH7.mjs"));
-var DeploymentDialog = lazy(() => import("./DeploymentDialog-RPPPWEEL.mjs"));
+var ScriptContainer = lazy(() => import("./ScriptContainer-IA7YJMFR.mjs"));
+var DeploymentDialog = lazy(() => import("./DeploymentDialog-QZSTVNIS.mjs"));
 
 export {
   ScriptObjectSettings,
@@ -554,4 +553,4 @@ export {
   ScriptContainer,
   DeploymentDialog
 };
-//# sourceMappingURL=chunk-3JLR2SHJ.mjs.map
+//# sourceMappingURL=chunk-B5QYN3AG.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Settings/ScriptObjectSettings.tsx", "../../../src/components/Settings/ScriptPluginSettings.tsx", "../../../src/components/TestPanel/TestPanel.tsx", "../../../src/components/TestPanel/TestContainer.tsx", "../../../src/components/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Octokit } from '@octokit/core';\nimport React, { type ChangeEvent, useCallback, useState } from 'react';\n\nimport { SettingsAction, createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { FunctionType, type ScriptType, getInvocationUrl, getUserFunctionIdInMetadata } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, Ref, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Button, Clipboard, Input, useAsyncEffect, useControlledState, useTranslation } from '@dxos/react-ui';\nimport { DataType } from '@dxos/schema';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\n\nexport type ScriptObjectSettingsProps = {\n  object: ScriptType;\n};\n\nexport const ScriptObjectSettings = ({ object }: ScriptObjectSettingsProps) => {\n  return (\n    <>\n      <Binding object={object} />\n      <Publishing object={object} />\n    </>\n  );\n};\n\nexport const ScriptProperties = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  return (\n    <Input.Root>\n      <Input.Label>{t('description label')}</Input.Label>\n      <Input.TextInput\n        placeholder={t('description placeholder')}\n        value={object.description ?? ''}\n        onChange={(event) => {\n          object.description = event.target.value;\n        }}\n      />\n    </Input.Root>\n  );\n};\n\nconst Binding = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const client = useClient();\n  const space = getSpace(object);\n  const [fn] = useQuery(space, Filter.type(FunctionType, { source: Ref.make(object) }));\n\n  const functionId = fn && getUserFunctionIdInMetadata(getMeta(fn));\n  const functionUrl =\n    functionId &&\n    getInvocationUrl(functionId, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\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\n  const handleBindingBlur = useCallback(() => {\n    fn.binding = binding;\n  }, [fn, binding]);\n\n  if (!fn || !functionUrl) {\n    return null;\n  }\n\n  // TODO(burdon): Use form.\n  return (\n    <div role='form' className='flex flex-col gap-2 mlb-cardSpacingBlock'>\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\n// TODO(burdon): Move to separate tab?\nconst Publishing = ({ object }: ScriptObjectSettingsProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const space = getSpace(object);\n  const [githubToken] = useQuery(space, Filter.type(DataType.AccessToken, { source: 'github.com' }));\n  const gistKey = getMeta(object).keys.find(({ source }) => source === 'github.com');\n  const [gistUrl, setGistUrl] = useState<string | undefined>();\n\n  useAsyncEffect(async () => {\n    const token = githubToken?.token;\n    const gistId = gistKey?.id;\n    if (!token || !gistId) {\n      setGistUrl(undefined);\n      return;\n    }\n\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  }, [githubToken, gistKey]);\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 object.source.load();\n    const filename = object.name ? kebabize(object.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(object);\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  }, [object, githubToken]);\n\n  return (\n    <div className='flex flex-col gap-4 mlb-cardSpacingBlock'>\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 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// 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", "//\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 { ControlGroup, ControlItemInput, ControlPage, ControlSection } from '@dxos/react-ui-form';\n\nimport { meta } from '../../meta';\nimport { type ScriptSettingsProps } from '../../types';\n\nexport const ScriptPluginSettings = ({ settings }: { settings: ScriptSettingsProps }) => {\n  const { t } = useTranslation(meta.id);\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    <ControlPage>\n      <ControlSection title={t('settings title', { ns: meta.id })}>\n        <ControlGroup>\n          {/* TODO(wittjosiah): Hide outside of dev environments. */}\n          <ControlItemInput title={t('authenticate action label')}>\n            <Button onClick={handleAuthenticate}>{t('authenticate button label')}</Button>\n          </ControlItemInput>\n\n          <ControlItemInput title={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.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </ControlItemInput>\n        </ControlGroup>\n      </ControlSection>\n    </ControlPage>\n  );\n};\n", "//\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 TestPanelProps = ThemedClassName<{\n  functionUrl?: string;\n}>;\n\n// TODO(burdon): Need persistent history (currently lost when switching tabs)..\nexport const TestPanel = ({ classNames, functionUrl }: TestPanelProps) => {\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 (thread).\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      {/* TODO(burdon): Replace with Form based on the function's input schema. */}\n      <Toolbar.Root classNames='p-2'>\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 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    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-md 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, 'text-xs')}>\n          {JSON.stringify(data, null, 2)}\n        </SyntaxHighlighter>\n      )}\n    </div>\n  );\n};\n\nconst RobotAvatar = () => (\n  <Avatar.Root>\n    <Avatar.Content size={6} variant='circle' icon='ph--robot--regular' />\n  </Avatar.Root>\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { useDeployState, useToolbarState } from '../../hooks';\n\nimport { TestPanel } from './TestPanel';\n\nexport type TestContainerProps = {\n  role: string;\n  script: ScriptType;\n};\n\nexport const TestContainer = ({ script }: TestContainerProps) => {\n  const state = useToolbarState();\n  useDeployState({ state, script });\n  return (\n    <StackItem.Content>\n      <TestPanel functionUrl={state.functionUrl} />\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './Settings';\nexport * from './TestPanel';\nexport { DEPLOYMENT_DIALOG } from './DeploymentDialog';\n\nexport const ScriptContainer = lazy(() => import('./ScriptContainer'));\nexport const DeploymentDialog = lazy(() => import('./DeploymentDialog'));\n"],
+  "mappings": "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",
+  "names": ["Octokit", "React", "useCallback", "useState", "SettingsAction", "createIntent", "useIntentDispatcher", "FunctionType", "getInvocationUrl", "getUserFunctionIdInMetadata", "log", "useClient", "Filter", "Ref", "getMeta", "getSpace", "useQuery", "Button", "Clipboard", "Input", "useAsyncEffect", "useControlledState", "useTranslation", "DataType", "ScriptObjectSettings", "object", "Binding", "Publishing", "ScriptProperties", "t", "useTranslation", "SCRIPT_PLUGIN", "Input", "Root", "Label", "TextInput", "placeholder", "value", "description", "onChange", "event", "target", "client", "useClient", "space", "getSpace", "fn", "useQuery", "Filter", "type", "FunctionType", "source", "Ref", "make", "functionId", "getUserFunctionIdInMetadata", "getMeta", "functionUrl", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "id", "binding", "setBinding", "useControlledState", "handleBindingChange", "useCallback", "handleBindingBlur", "div", "role", "className", "h2", "disabled", "name", "Clipboard", "IconButton", "onBlur", "dispatchPromise", "dispatch", "useIntentDispatcher", "githubToken", "DataType", "AccessToken", "gistKey", "keys", "find", "gistUrl", "setGistUrl", "useState", "useAsyncEffect", "token", "gistId", "undefined", "octokit", "Octokit", "auth", "response", "request", "gist_id", "data", "html_url", "err", "log", "catch", "handleOpenTokenManager", "createIntent", "SettingsAction", "Open", "plugin", "publishing", "setPublishing", "handlePublish", "load", "filename", "kebabize", "files", "content", "meta", "githubKey", "public", "push", "p", "span", "Button", "onClick", "str", "replace", "$", "ofs", "toLowerCase", "React", "useClient", "Button", "Select", "useTranslation", "EditorInputModes", "ControlGroup", "ControlItemInput", "ControlPage", "ControlSection", "ScriptPluginSettings", "settings", "t", "useTranslation", "meta", "id", "client", "useClient", "handleAuthenticate", "identityKey", "halo", "identity", "get", "writeCredentials", "issuer", "issuanceDate", "Date", "subject", "assertion", "serverName", "serverKey", "capabilities", "React", "ControlPage", "ControlSection", "title", "ns", "ControlGroup", "ControlItemInput", "Button", "onClick", "Select", "Root", "value", "editorInputMode", "onValueChange", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "EditorInputModes", "map", "mode", "Option", "key", "Arrow", "React", "forwardRef", "useEffect", "useRef", "useState", "log", "Avatar", "Icon", "Input", "Toolbar", "useTranslation", "SyntaxHighlighter", "errorText", "mx", "TestPanel", "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", "React", "div", "className", "mx", "MessageThread", "ref", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "key", "Button", "onClick", "Icon", "icon", "size", "forwardRef", "forwardedRef", "map", "message", "i", "RobotAvatar", "MessageItem", "length", "wrapper", "errorText", "SyntaxHighlighter", "language", "Avatar", "Content", "variant", "React", "StackItem", "TestContainer", "script", "state", "useToolbarState", "useDeployState", "React", "StackItem", "Content", "TestPanel", "functionUrl", "lazy", "ScriptContainer", "lazy", "DeploymentDialog"]
+}

package/dist/lib/browser/{chunk-WB3X5Z7Q.mjs → chunk-IS4OG2UW.mjs}

@@ -1,14 +1,13 @@
 import {
-  SCRIPT_PLUGIN
-} from "./chunk-6ZHHWU6S.mjs";
+  meta
+} from "./chunk-QYAREHGH.mjs";
 
-// packages/plugins/plugin-script/src/types.ts
+// src/types/schema.ts
 import { Schema } from "effect";
 import { SpaceSchema } from "@dxos/client/echo";
 import { ScriptType } from "@dxos/functions";
 import { EditorInputMode } from "@dxos/react-ui-editor";
 (function(ScriptAction2) {
-  const SCRIPT_ACTION = `${SCRIPT_PLUGIN}/action`;
   ScriptAction2.CreateScriptSchema = Schema.Struct({
     name: Schema.optional(Schema.String),
     // TODO(wittjosiah): Placeholder annotation?
@@ -17,7 +16,7 @@ import { EditorInputMode } from "@dxos/react-ui-editor";
     })),
     initialTemplateId: Schema.optional(Schema.String)
   });
-  class Create extends Schema.TaggedClass()(`${SCRIPT_ACTION}/create`, {
+  class Create extends Schema.TaggedClass()(`${meta.id}/action/create`, {
     input: Schema.extend(ScriptAction2.CreateScriptSchema, Schema.Struct({
       space: SpaceSchema
     })),
@@ -37,4 +36,4 @@ export {
   ScriptSettingsSchema,
   ScriptAction
 };
-//# sourceMappingURL=chunk-WB3X5Z7Q.mjs.map
+//# sourceMappingURL=chunk-IS4OG2UW.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/schema.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\nimport { SpaceSchema } from '@dxos/client/echo';\nimport { ScriptType } from '@dxos/functions';\nimport { EditorInputMode } from '@dxos/react-ui-editor';\n\nimport { meta } from '../meta';\n\nexport namespace ScriptAction {\n  export const CreateScriptSchema = Schema.Struct({\n    name: Schema.optional(Schema.String),\n    // TODO(wittjosiah): Placeholder annotation?\n    gistUrl: Schema.optional(Schema.String.annotations({ title: 'Import from Gist (url)' })),\n    initialTemplateId: Schema.optional(Schema.String),\n  });\n\n  export type CreateScriptProps = Schema.Schema.Type<typeof CreateScriptSchema>;\n\n  export class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n    input: Schema.extend(CreateScriptSchema, Schema.Struct({ space: SpaceSchema })),\n    output: Schema.Struct({\n      object: ScriptType,\n    }),\n  }) {}\n}\n\nexport const ScriptSettingsSchema = Schema.mutable(\n  Schema.Struct({\n    editorInputMode: EditorInputMode,\n  }),\n);\n\nexport type ScriptSettingsProps = Schema.Schema.Type<typeof ScriptSettingsSchema>;\n"],
+  "mappings": ";;;;;AAIA,SAASA,cAAc;AAEvB,SAASC,mBAAmB;AAC5B,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;UAIfC,eAAAA;gBACFC,qBAAqBC,OAAOC,OAAO;IAC9CC,MAAMF,OAAOG,SAASH,OAAOI,MAAM;;IAEnCC,SAASL,OAAOG,SAASH,OAAOI,OAAOE,YAAY;MAAEC,OAAO;IAAyB,CAAA,CAAA;IACrFC,mBAAmBR,OAAOG,SAASH,OAAOI,MAAM;EAClD,CAAA;EAIO,MAAMK,eAAeT,OAAOU,YAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;IACnFC,OAAOb,OAAOc,OAAMhB,cAACC,oBAAoBC,OAAOC,OAAO;MAAEc,OAAOC;IAAY,CAAA,CAAA;IAC5EC,QAAQjB,OAAOC,OAAO;MACpBiB,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;gBALSV,SAAAA;AAMf,GAhBiBX,iBAAAA,eAAAA,CAAAA,EAAAA;AAkBV,IAAMsB,uBAAuBpB,OAAOqB,QACzCrB,OAAOC,OAAO;EACZqB,iBAAiBC;AACnB,CAAA,CAAA;;",
+  "names": ["Schema", "SpaceSchema", "ScriptType", "EditorInputMode", "ScriptAction", "CreateScriptSchema", "Schema", "Struct", "name", "optional", "String", "gistUrl", "annotations", "title", "initialTemplateId", "Create", "TaggedClass", "meta", "id", "input", "extend", "space", "SpaceSchema", "output", "object", "ScriptType", "ScriptSettingsSchema", "mutable", "editorInputMode", "EditorInputMode"]
+}

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

@@ -0,0 +1,283 @@
+import {
+  templates
+} from "./chunk-4AUQEB2I.mjs";
+import {
+  deployScript,
+  getFunctionUrl,
+  isScriptDeployed
+} from "./chunk-NXKU3BNX.mjs";
+import {
+  SCRIPT_PLUGIN
+} from "./chunk-QYAREHGH.mjs";
+
+// src/hooks/deploy.ts
+import { useEffect, useMemo } from "react";
+import { FunctionType, getUserFunctionIdInMetadata } from "@dxos/functions";
+import { log } from "@dxos/log";
+import { useClient } from "@dxos/react-client";
+import { Query, Ref, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
+import { createMenuAction } from "@dxos/react-ui-menu";
+import { errorMessageColors } from "@dxos/react-ui-theme";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-script/src/hooks/deploy.ts";
+var createDeploy = ({ state, script, space, fn, client, existingFunctionId, t }) => {
+  const errorItem = createMenuAction("error", () => {
+  }, {
+    label: state.error ?? [
+      "no error label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    icon: "ph--warning-circle--regular",
+    hidden: !state.error,
+    classNames: state.error && errorMessageColors
+  });
+  const deployAction = createMenuAction("deploy", async () => {
+    if (!script.source || !space) {
+      return;
+    }
+    state.error = void 0;
+    state.deploying = true;
+    const result = await deployScript({
+      script,
+      client,
+      space,
+      fn,
+      existingFunctionId
+    });
+    if (!result.success) {
+      log.catch(result.error, void 0, {
+        F: __dxlog_file,
+        L: 59,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      state.error = t("upload failed label");
+    }
+    state.deploying = false;
+  }, {
+    type: "deploy",
+    label: [
+      state.deploying ? "pending label" : "deploy label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    icon: state.deploying ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
+    disabled: state.deploying,
+    classNames: state.deploying ? "[&_svg]:animate-spin" : ""
+  });
+  const copyAction = createMenuAction("copy", async () => {
+    if (!state.functionUrl) {
+      return;
+    }
+    await navigator.clipboard.writeText(state.functionUrl);
+  }, {
+    type: "copy",
+    label: [
+      "copy link label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    icon: "ph--link--regular",
+    disabled: !state.functionUrl
+  });
+  return {
+    nodes: [
+      errorItem,
+      deployAction,
+      copyAction
+    ],
+    edges: [
+      {
+        source: "root",
+        target: "error"
+      },
+      {
+        source: "root",
+        target: "deploy"
+      },
+      {
+        source: "root",
+        target: "copy"
+      }
+    ]
+  };
+};
+var useDeployState = ({ state, script }) => {
+  const { space, client, fn, existingFunctionId } = useDeployDeps({
+    script
+  });
+  useEffect(() => {
+    if (!existingFunctionId) {
+      return;
+    }
+    state.functionUrl = getFunctionUrl({
+      script,
+      fn,
+      edgeUrl: client.config.values.runtime?.services?.edge?.url ?? ""
+    });
+  }, [
+    existingFunctionId,
+    space,
+    fn,
+    script,
+    client.config.values.runtime?.services?.edge?.url
+  ]);
+  useEffect(() => {
+    state.deployed = isScriptDeployed({
+      script,
+      fn
+    });
+  }, [
+    script.changed,
+    existingFunctionId,
+    fn,
+    script
+  ]);
+};
+var useDeployDeps = ({ script }) => {
+  const space = getSpace(script);
+  const [fn] = useQuery(space, Query.type(FunctionType, {
+    source: Ref.make(script)
+  }));
+  const client = useClient();
+  const existingFunctionId = useMemo(() => fn && getUserFunctionIdInMetadata(getMeta(fn)), [
+    fn
+  ]);
+  return {
+    space,
+    fn,
+    client,
+    existingFunctionId
+  };
+};
+
+// src/hooks/useToolbarState.ts
+import { useMemo as useMemo2 } from "react";
+import { live } from "@dxos/live-object";
+var useToolbarState = (initialState = {}) => {
+  return useMemo2(() => live(initialState), []);
+};
+
+// src/hooks/format.ts
+import { format } from "prettier";
+import prettierPluginEstree from "prettier/plugins/estree";
+import prettierPluginTypescript from "prettier/plugins/typescript";
+import { log as log2 } from "@dxos/log";
+import { createMenuAction as createMenuAction2 } from "@dxos/react-ui-menu";
+var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-script/src/hooks/format.ts";
+var createFormat = (script) => {
+  const formatAction = createMenuAction2("format", async () => {
+    if (!script.source) {
+      return;
+    }
+    try {
+      script.source.target.content = await format(script.source.target.content, {
+        parser: "typescript",
+        plugins: [
+          prettierPluginEstree,
+          prettierPluginTypescript
+        ],
+        semi: true,
+        singleQuote: true
+      });
+    } catch (err) {
+      log2.catch(err, void 0, {
+        F: __dxlog_file2,
+        L: 34,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  }, {
+    label: [
+      "format label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    icon: "ph--magic-wand--regular"
+  });
+  return {
+    nodes: [
+      formatAction
+    ],
+    edges: [
+      {
+        source: "root",
+        target: "format"
+      }
+    ]
+  };
+};
+
+// src/hooks/template.ts
+import { Obj } from "@dxos/echo";
+import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions";
+import { createMenuAction as createMenuAction3, createMenuItemGroup } from "@dxos/react-ui-menu";
+var createTemplateSelectGroup = () => {
+  return createMenuItemGroup("template-select", {
+    label: [
+      "template select group label",
+      {
+        ns: SCRIPT_PLUGIN
+      }
+    ],
+    variant: "dropdownMenu"
+  });
+};
+var createTemplateSelectActions = (script) => {
+  return templates.map((template) => {
+    return createMenuAction3(`template--${template.id}`, () => {
+      script.name = template.name;
+      script.source.target.content = template.source;
+      const metaKeys = Obj.getMeta(script).keys;
+      const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);
+      if (oldPresetIndex >= 0) {
+        metaKeys.splice(oldPresetIndex, 1);
+      }
+      if (template.presetId) {
+        metaKeys.push({
+          source: FUNCTIONS_PRESET_META_KEY,
+          id: template.presetId
+        });
+      }
+    }, {
+      label: template.name,
+      value: template.id,
+      type: "template"
+    });
+  });
+};
+var createTemplateSelect = (script) => {
+  const templateSelectGroup = createTemplateSelectGroup();
+  const templateSelectActions = createTemplateSelectActions(script);
+  return {
+    nodes: [
+      templateSelectGroup,
+      ...templateSelectActions
+    ],
+    edges: [
+      {
+        source: "root",
+        target: "template-select"
+      },
+      ...templateSelectActions.map((action) => ({
+        source: "template-select",
+        target: action.id
+      }))
+    ]
+  };
+};
+
+export {
+  createDeploy,
+  useDeployState,
+  useDeployDeps,
+  createFormat,
+  createTemplateSelect,
+  useToolbarState
+};
+//# sourceMappingURL=chunk-KLGK77UK.mjs.map