@dxos/plugin-script 0.8.2-staging.7ac8446 → 0.8.2

package/dist/lib/browser/chunk-74DEDPHT.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/index.ts"],
+  "sourcesContent": ["//\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';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getMeta, getSpace, Ref, useQuery } from '@dxos/react-client/echo';\nimport { Button, Clipboard, Input, 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 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 [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 p-2 gap-2'>\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  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 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 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 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 { DeprecatedFormContainer, DeprecatedFormInput } 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    <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 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-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>\n    <Avatar.Content size={6} variant='circle' icon='ph--robot--regular' />\n  </Avatar.Root>\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", "useEffect", "useState", "createIntent", "SettingsAction", "useIntentDispatcher", "FunctionType", "getInvocationUrl", "getUserFunctionUrlInMetadata", "log", "useClient", "Filter", "getMeta", "getSpace", "Ref", "useQuery", "Button", "Clipboard", "Input", "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", "functionPath", "getUserFunctionUrlInMetadata", "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", "useEffect", "token", "gistId", "undefined", "timeout", "setTimeout", "octokit", "Octokit", "auth", "response", "request", "gist_id", "data", "html_url", "err", "log", "catch", "clearTimeout", "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", "DeprecatedFormContainer", "DeprecatedFormInput", "ScriptPluginSettings", "settings", "t", "useTranslation", "meta", "id", "client", "useClient", "handleAuthenticate", "identityKey", "halo", "identity", "get", "writeCredentials", "issuer", "issuanceDate", "Date", "subject", "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", "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", "lazy", "ScriptContainer", "lazy", "DeploymentDialog"]
+}

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

@@ -0,0 +1,153 @@
+import {
+  useCreateAndDeployScriptTemplates
+} from "./chunk-6T64VQHF.mjs";
+import {
+  SCRIPT_PLUGIN
+} from "./chunk-6ZHHWU6S.mjs";
+
+// packages/plugins/plugin-script/src/components/DeploymentDialog/DeploymentDialog.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useEffect, useMemo } from "react";
+import { createIntent, LayoutAction, useIntentDispatcher } from "@dxos/app-framework";
+import { getSpace } from "@dxos/react-client/echo";
+import { Button, Dialog, Icon, useTranslation } from "@dxos/react-ui";
+var DEPLOYMENT_DIALOG = `${SCRIPT_PLUGIN}/deployment/dialog`;
+var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(SCRIPT_PLUGIN);
+    const space = useMemo(() => getSpace(accessToken), [
+      accessToken
+    ]);
+    const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);
+    const { dispatchPromise: dispatch } = useIntentDispatcher();
+    useEffect(() => {
+      if (status === "success") {
+        void dispatch(createIntent(LayoutAction.AddToast, {
+          part: "toast",
+          subject: {
+            id: `${SCRIPT_PLUGIN}/deployment-success`,
+            icon: "ph--check--regular",
+            duration: Infinity,
+            title: [
+              "script deployment toast label",
+              {
+                ns: SCRIPT_PLUGIN,
+                count: scriptTemplates.length
+              }
+            ],
+            description: [
+              "script deployment toast description",
+              {
+                ns: SCRIPT_PLUGIN,
+                count: scriptTemplates.length
+              }
+            ],
+            closeLabel: [
+              "script deployment toast close label",
+              {
+                ns: SCRIPT_PLUGIN,
+                count: scriptTemplates.length
+              }
+            ]
+          }
+        }));
+        void dispatch(createIntent(LayoutAction.UpdateDialog, {
+          part: "dialog",
+          options: {
+            state: false
+          }
+        }));
+      }
+      if (status === "error") {
+        void dispatch(createIntent(LayoutAction.UpdateDialog, {
+          part: "dialog",
+          options: {
+            state: false
+          }
+        }));
+        void dispatch(createIntent(LayoutAction.AddToast, {
+          part: "toast",
+          subject: {
+            id: `${SCRIPT_PLUGIN}/deployment-error`,
+            icon: "ph--warning--regular",
+            duration: Infinity,
+            title: [
+              "script deployment error toast label",
+              {
+                ns: SCRIPT_PLUGIN,
+                count: scriptTemplates.length
+              }
+            ],
+            description: [
+              "script deployment error toast description",
+              {
+                ns: SCRIPT_PLUGIN,
+                count: scriptTemplates.length
+              }
+            ],
+            closeLabel: [
+              "script deployment error toast close label",
+              {
+                ns: SCRIPT_PLUGIN,
+                count: scriptTemplates.length
+              }
+            ]
+          }
+        }));
+      }
+    }, [
+      status,
+      dispatch
+    ]);
+    return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement("div", {
+      className: "flex justify-between items-center"
+    }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("deployment dialog title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
+      asChild: true
+    }, /* @__PURE__ */ React.createElement(Button, {
+      density: "fine",
+      variant: "ghost"
+    }, /* @__PURE__ */ React.createElement(Icon, {
+      icon: "ph--x--regular",
+      size: 4
+    })))), /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "plb-4"
+    }, /* @__PURE__ */ React.createElement("p", null, t("deployment dialog scripts found message", {
+      count: scriptTemplates.length
+    })), /* @__PURE__ */ React.createElement("ul", {
+      className: "pbs-2"
+    }, scriptTemplates.map((template) => {
+      return /* @__PURE__ */ React.createElement("li", {
+        key: template.id
+      }, template.name);
+    }))), /* @__PURE__ */ React.createElement("div", {
+      role: "none",
+      className: "flex flex-row-reverse gap-1"
+    }, /* @__PURE__ */ React.createElement(Button, {
+      variant: "primary",
+      onClick: handleCreateAndDeployScripts,
+      disabled: status === "pending"
+    }, status === "pending" ? t("deployment dialog deploy functions pending button label", {
+      count: scriptTemplates.length
+    }) : t("deployment dialog deploy functions button label", {
+      count: scriptTemplates.length
+    })), /* @__PURE__ */ React.createElement(Dialog.Close, {
+      asChild: true,
+      disabled: status === "pending"
+    }, /* @__PURE__ */ React.createElement(Button, {
+      disabled: status === "pending"
+    }, t("deployment dialog skip button label")))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// packages/plugins/plugin-script/src/components/DeploymentDialog/index.ts
+var DeploymentDialog_default = DeploymentDialog;
+
+export {
+  DEPLOYMENT_DIALOG,
+  DeploymentDialog_default
+};
+//# sourceMappingURL=chunk-BTEFFA4C.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DeploymentDialog/DeploymentDialog.tsx", "../../../src/components/DeploymentDialog/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Button, Dialog, Icon, useTranslation } from '@dxos/react-ui';\nimport { type DataType } from '@dxos/schema';\n\nimport { useCreateAndDeployScriptTemplates } from '../../hooks/useCreateAndDeployScriptTemplates';\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport const DEPLOYMENT_DIALOG = `${SCRIPT_PLUGIN}/deployment/dialog`;\n\n// TODO(ZaymonFC):\n//   - Show activity and feedback to the user.\n//   - Only take an array of templateIds and get the name from the data.\n//   - Pending / onError states.\n\ntype DeploymentDialogProps = {\n  accessToken: DataType.AccessToken;\n  scriptTemplates: Template[];\n};\n\nexport const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const space = useMemo(() => getSpace(accessToken), [accessToken]);\n\n  // TODO(ZaymonFC): Thinking further. All of this should get moved to intents to run async in the background.\n  //   Deployment shouldn't be tied to the lifecycle of the dialogue component.\n  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  useEffect(() => {\n    if (status === 'success') {\n      // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.\n      void dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${SCRIPT_PLUGIN}/deployment-success`,\n            icon: 'ph--check--regular',\n            duration: Infinity,\n            title: ['script deployment toast label', { ns: SCRIPT_PLUGIN, count: scriptTemplates.length }],\n            description: ['script deployment toast description', { ns: SCRIPT_PLUGIN, count: scriptTemplates.length }],\n            closeLabel: ['script deployment toast close label', { ns: SCRIPT_PLUGIN, count: scriptTemplates.length }],\n          },\n        }),\n      );\n      void dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } }));\n    }\n    if (status === 'error') {\n      void dispatch(createIntent(LayoutAction.UpdateDialog, { part: 'dialog', options: { state: false } }));\n      void dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${SCRIPT_PLUGIN}/deployment-error`,\n            icon: 'ph--warning--regular',\n            duration: Infinity,\n            title: ['script deployment error toast label', { ns: SCRIPT_PLUGIN, count: scriptTemplates.length }],\n            description: [\n              'script deployment error toast description',\n              { ns: SCRIPT_PLUGIN, count: scriptTemplates.length },\n            ],\n            closeLabel: [\n              'script deployment error toast close label',\n              { ns: SCRIPT_PLUGIN, count: scriptTemplates.length },\n            ],\n          },\n        }),\n      );\n    }\n  }, [status, dispatch]);\n\n  return (\n    <Dialog.Content>\n      <div className='flex justify-between items-center'>\n        <Dialog.Title>{t('deployment dialog title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <Button density='fine' variant='ghost'>\n            <Icon icon='ph--x--regular' size={4} />\n          </Button>\n        </Dialog.Close>\n      </div>\n      <div role='none' className='plb-4'>\n        {/* TODO: Implement deployment logic and UI. */}\n        <p>{t('deployment dialog scripts found message', { count: scriptTemplates.length })}</p>\n        <ul className='pbs-2'>\n          {scriptTemplates.map((template) => {\n            return <li key={template.id}>{template.name}</li>;\n          })}\n        </ul>\n      </div>\n      <div role='none' className='flex flex-row-reverse gap-1'>\n        <Button variant='primary' onClick={handleCreateAndDeployScripts} disabled={status === 'pending'}>\n          {status === 'pending'\n            ? t('deployment dialog deploy functions pending button label', { count: scriptTemplates.length })\n            : t('deployment dialog deploy functions button label', { count: scriptTemplates.length })}\n        </Button>\n        <Dialog.Close asChild disabled={status === 'pending'}>\n          <Button disabled={status === 'pending'}>{t('deployment dialog skip button label')}</Button>\n        </Dialog.Close>\n      </div>\n    </Dialog.Content>\n  );\n};\n\nexport default DeploymentDialog;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DeploymentDialog, DEPLOYMENT_DIALOG } from './DeploymentDialog';\n\nexport { DEPLOYMENT_DIALOG };\n\nexport default DeploymentDialog;\n"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useMemo", "createIntent", "LayoutAction", "useIntentDispatcher", "getSpace", "Button", "Dialog", "Icon", "useTranslation", "DEPLOYMENT_DIALOG", "SCRIPT_PLUGIN", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "dispatchPromise", "dispatch", "useIntentDispatcher", "useEffect", "createIntent", "LayoutAction", "AddToast", "part", "subject", "id", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "options", "state", "Dialog", "Content", "div", "className", "Title", "Close", "asChild", "Button", "density", "variant", "Icon", "size", "role", "p", "ul", "map", "template", "li", "key", "name", "onClick", "disabled", "DeploymentDialog"]
+}

package/dist/lib/browser/{chunk-KLEOGVXY.mjs → chunk-JQOAZJTK.mjs}

@@ -1,27 +1,27 @@
 import {
   templates
-} from "./chunk-SUCBNCEQ.mjs";
+} from "./chunk-M6QMJBKQ.mjs";
 import {
   deployScript,
   getFunctionUrl,
   isScriptDeployed
-} from "./chunk-MQZQB5VD.mjs";
+} from "./chunk-6T64VQHF.mjs";
 import {
   SCRIPT_PLUGIN
-} from "./chunk-WSK3YQXI.mjs";
+} from "./chunk-6ZHHWU6S.mjs";
 
 // packages/plugins/plugin-script/src/hooks/deploy.ts
-import { useCallback, useEffect, useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { FunctionType, getUserFunctionUrlInMetadata } from "@dxos/functions";
 import { log } from "@dxos/log";
 import { useClient } from "@dxos/react-client";
-import { Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
-import { useTranslation } from "@dxos/react-ui";
+import { getMeta, getSpace, Query, Ref, useQuery } from "@dxos/react-client/echo";
 import { createMenuAction } from "@dxos/react-ui-menu";
 import { errorMessageColors } from "@dxos/react-ui-theme";
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/hooks/deploy.ts";
-var createDeploy = (state) => {
-  const errorItem = createMenuAction("error", {
+var createDeploy = ({ state, script, space, fn, client, existingFunctionUrl, t }) => {
+  const errorItem = createMenuAction("error", () => {
+  }, {
     label: state.error ?? [
       "no error label",
       {
@@ -32,7 +32,30 @@ var createDeploy = (state) => {
     hidden: !state.error,
     classNames: state.error && errorMessageColors
   });
-  const deployAction = createMenuAction("deploy", {
+  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,
+      existingFunctionUrl
+    });
+    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",
@@ -44,7 +67,12 @@ var createDeploy = (state) => {
     disabled: state.deploying,
     classNames: state.deploying ? "[&_svg]:animate-spin" : ""
   });
-  const copyAction = createMenuAction("copy", {
+  const copyAction = createMenuAction("copy", async () => {
+    if (!state.functionUrl) {
+      return;
+    }
+    await navigator.clipboard.writeText(state.functionUrl);
+  }, {
     type: "copy",
     label: [
       "copy link label",
@@ -111,8 +139,8 @@ var useDeployState = ({ state, script }) => {
 };
 var useDeployDeps = ({ script }) => {
   const space = getSpace(script);
-  const [fn] = useQuery(space, Filter.schema(FunctionType, {
-    source: script
+  const [fn] = useQuery(space, Query.type(FunctionType, {
+    source: Ref.make(script)
   }));
   const client = useClient();
   const existingFunctionUrl = useMemo(() => fn && getUserFunctionUrlInMetadata(getMeta(fn)), [
@@ -125,69 +153,45 @@ var useDeployDeps = ({ script }) => {
     existingFunctionUrl
   };
 };
-var useDeployHandler = ({ state, script }) => {
-  const { space, fn, client, existingFunctionUrl } = useDeployDeps({
-    script
-  });
-  const { t } = useTranslation(SCRIPT_PLUGIN);
-  return useCallback(async () => {
-    if (!script.source || !space) {
-      return;
-    }
-    state.error = void 0;
-    state.deploying = true;
-    const result = await deployScript({
-      script,
-      client,
-      space,
-      fn,
-      existingFunctionUrl
-    });
-    if (!result.success) {
-      log.catch(result.error, void 0, {
-        F: __dxlog_file,
-        L: 105,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      state.error = t("upload failed label");
-    }
-    state.deploying = false;
-  }, [
-    fn,
-    client,
-    t,
-    existingFunctionUrl,
-    script,
-    space
-  ]);
-};
-var useCopyHandler = ({ state }) => useCallback(async () => {
-  if (!state.functionUrl) {
-    return;
-  }
-  await navigator.clipboard.writeText(state.functionUrl);
-}, [
-  state.functionUrl
-]);
 
 // packages/plugins/plugin-script/src/hooks/useToolbarState.ts
 import { useMemo as useMemo2 } from "react";
-import { create } from "@dxos/live-object";
+import { live } from "@dxos/live-object";
 var useToolbarState = (initialState = {}) => {
-  return useMemo2(() => create(initialState), []);
+  return useMemo2(() => live(initialState), []);
 };
 
 // packages/plugins/plugin-script/src/hooks/format.ts
 import { format } from "prettier";
 import prettierPluginEstree from "prettier/plugins/estree";
 import prettierPluginTypescript from "prettier/plugins/typescript";
-import { useCallback as useCallback2 } from "react";
 import { log as log2 } from "@dxos/log";
 import { createMenuAction as createMenuAction2 } from "@dxos/react-ui-menu";
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/hooks/format.ts";
-var createFormat = () => {
-  const formatAction = createMenuAction2("format", {
+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",
       {
@@ -208,35 +212,9 @@ var createFormat = () => {
     ]
   };
 };
-var useFormatHandler = ({ script }) => useCallback2(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: 45,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
-  }
-}, [
-  script.source
-]);
 
 // packages/plugins/plugin-script/src/hooks/template.ts
-import { useCallback as useCallback3 } from "react";
-import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions/types";
+import { FUNCTIONS_PRESET_META_KEY } from "@dxos/functions";
 import { getMeta as getMeta2 } from "@dxos/live-object";
 import { createMenuItemGroup, createMenuAction as createMenuAction3 } from "@dxos/react-ui-menu";
 var createTemplateSelectGroup = () => {
@@ -250,18 +228,32 @@ var createTemplateSelectGroup = () => {
     variant: "dropdownMenu"
   });
 };
-var createTemplateSelectActions = () => {
+var createTemplateSelectActions = (script) => {
   return templates.map((template) => {
-    return createMenuAction3(`template--${template.id}`, {
+    return createMenuAction3(`template--${template.id}`, () => {
+      script.name = template.name;
+      script.source.target.content = template.source;
+      const metaKeys = getMeta2(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 = () => {
+var createTemplateSelect = (script) => {
   const templateSelectGroup = createTemplateSelectGroup();
-  const templateSelectActions = createTemplateSelectActions();
+  const templateSelectActions = createTemplateSelectActions(script);
   return {
     nodes: [
       templateSelectGroup,
@@ -279,74 +271,13 @@ var createTemplateSelect = () => {
     ]
   };
 };
-var useTemplateSelectHandler = ({ script }) => {
-  return useCallback3((templateId) => {
-    const template = templates.find((template2) => template2.id === templateId);
-    if (template) {
-      script.name = template.name;
-      script.source.target.content = template.source;
-      const metaKeys = getMeta2(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
-        });
-      }
-    }
-  }, [
-    script
-  ]);
-};
-
-// packages/plugins/plugin-script/src/hooks/useToolbarAction.ts
-import { useCallback as useCallback4 } from "react";
-import { log as log3 } from "@dxos/log";
-var __dxlog_file3 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-script/src/hooks/useToolbarAction.ts";
-var useToolbarAction = (props) => {
-  const handleTemplateSelect = useTemplateSelectHandler(props);
-  const handleFormat = useFormatHandler(props);
-  const handleDeploy = useDeployHandler(props);
-  const handleCopy = useCopyHandler(props);
-  return useCallback4((action) => {
-    switch (action.properties.type) {
-      case "template":
-        handleTemplateSelect(action.properties.value);
-        break;
-      case "format":
-        void handleFormat();
-        break;
-      case "deploy":
-        void handleDeploy();
-        break;
-      case "copy":
-        void handleCopy();
-        break;
-      default:
-        log3.error("Unknown action type", action, {
-          F: __dxlog_file3,
-          L: 45,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-    }
-  }, [
-    handleTemplateSelect,
-    handleFormat,
-    handleDeploy,
-    handleCopy
-  ]);
-};
 
 export {
   createDeploy,
   useDeployState,
+  useDeployDeps,
   createFormat,
   createTemplateSelect,
-  useToolbarAction,
   useToolbarState
 };
-//# sourceMappingURL=chunk-KLEOGVXY.mjs.map
+//# sourceMappingURL=chunk-JQOAZJTK.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/deploy.ts", "../../../src/hooks/useToolbarState.ts", "../../../src/hooks/format.ts", "../../../src/hooks/template.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useEffect, useMemo } from 'react';\n\nimport { FunctionType, type ScriptType, getUserFunctionUrlInMetadata } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { getMeta, getSpace, Query, Ref, type Space, useQuery } from '@dxos/react-client/echo';\nimport { type TFunction } from '@dxos/react-ui';\nimport { createMenuAction } from '@dxos/react-ui-menu';\nimport { errorMessageColors } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { deployScript, getFunctionUrl, isScriptDeployed } from '../util';\n\nexport type DeployActionProperties = { type: 'deploy' } | { type: 'copy' };\n\nexport type DeployState = {\n  deploying: boolean;\n  deployed: boolean;\n  functionUrl: string;\n  error: string;\n};\n\nexport type CreateDeployOptions = {\n  state: Partial<DeployState>;\n  script: ScriptType;\n  fn: FunctionType;\n  space?: Space;\n  existingFunctionUrl?: string;\n  client: Client;\n  t: TFunction;\n};\n\nexport const createDeploy = ({ state, script, space, fn, client, existingFunctionUrl, t }: CreateDeployOptions) => {\n  // TODO(wittjosiah): Should this be an action?\n  const errorItem = createMenuAction('error', () => {}, {\n    label: state.error ?? ['no error label', { ns: SCRIPT_PLUGIN }],\n    icon: 'ph--warning-circle--regular',\n    hidden: !state.error,\n    classNames: state.error && errorMessageColors,\n  });\n\n  const deployAction = createMenuAction<DeployActionProperties>(\n    'deploy',\n    async () => {\n      if (!script.source || !space) {\n        return;\n      }\n\n      state.error = undefined;\n      state.deploying = true;\n\n      const result = await deployScript({ script, client, space, fn, existingFunctionUrl });\n\n      if (!result.success) {\n        log.catch(result.error);\n        state.error = t('upload failed label');\n      }\n\n      state.deploying = false;\n    },\n    {\n      type: 'deploy',\n      label: [state.deploying ? 'pending label' : 'deploy label', { ns: SCRIPT_PLUGIN }],\n      icon: state.deploying ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular',\n      disabled: state.deploying,\n      classNames: state.deploying ? '[&_svg]:animate-spin' : '',\n    },\n  );\n\n  const copyAction = createMenuAction<DeployActionProperties>(\n    'copy',\n    async () => {\n      if (!state.functionUrl) {\n        return;\n      }\n      await navigator.clipboard.writeText(state.functionUrl);\n    },\n    {\n      type: 'copy',\n      label: ['copy link label', { ns: SCRIPT_PLUGIN }],\n      icon: 'ph--link--regular',\n      disabled: !state.functionUrl,\n    },\n  );\n\n  return {\n    nodes: [errorItem, deployAction, copyAction],\n    edges: [\n      { source: 'root', target: 'error' },\n      { source: 'root', target: 'deploy' },\n      { source: 'root', target: 'copy' },\n    ],\n  };\n};\n\nexport const useDeployState = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n  const { space, client, fn, existingFunctionUrl } = useDeployDeps({ script });\n  useEffect(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    state.functionUrl = getFunctionUrl({\n      script,\n      fn,\n      edgeUrl: client.config.values.runtime?.services?.edge?.url ?? '',\n    });\n  }, [existingFunctionUrl, space, fn, script, client.config.values.runtime?.services?.edge?.url]);\n\n  useEffect(() => {\n    state.deployed = isScriptDeployed({ script, fn });\n  }, [script.changed, existingFunctionUrl, fn, script]);\n};\n\nexport const useDeployDeps = ({ script }: { script: ScriptType }) => {\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Query.type(FunctionType, { source: Ref.make(script) }));\n  const client = useClient();\n  const existingFunctionUrl = useMemo(() => fn && getUserFunctionUrlInMetadata(getMeta(fn)), [fn]);\n  return { space, fn, client, existingFunctionUrl };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { live } from '@dxos/live-object';\n\nimport { type DeployState } from './deploy';\n\nexport type ScriptToolbarState = Partial<DeployState>;\n\n// TODO(burdon): Replace with context provider?\nexport const useToolbarState = (initialState: ScriptToolbarState = {}) => {\n  return useMemo(() => live<ScriptToolbarState>(initialState), []);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type FormatActionProperties = { type: 'format' };\n\nexport const createFormat = (script: ScriptType) => {\n  const formatAction = createMenuAction(\n    'format',\n    async () => {\n      if (!script.source) {\n        return;\n      }\n\n      try {\n        script.source.target!.content = await format(script.source.target!.content, {\n          parser: 'typescript',\n          plugins: [prettierPluginEstree, prettierPluginTypescript],\n          semi: true,\n          singleQuote: true,\n        });\n      } catch (err: any) {\n        // TODO(wittjosiah): Show error in UI.\n        log.catch(err);\n      }\n    },\n    {\n      label: ['format label', { ns: SCRIPT_PLUGIN }],\n      icon: 'ph--magic-wand--regular',\n    },\n  );\n\n  return {\n    nodes: [formatAction],\n    edges: [{ source: 'root', target: 'format' }],\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { FUNCTIONS_PRESET_META_KEY, type ScriptType } from '@dxos/functions';\nimport { getMeta } from '@dxos/live-object';\nimport { createMenuItemGroup, createMenuAction } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\n\nexport type TemplateActionProperties = { type: 'template'; value: string };\n\nconst createTemplateSelectGroup = () => {\n  return createMenuItemGroup('template-select', {\n    label: ['template select group label', { ns: SCRIPT_PLUGIN }],\n    variant: 'dropdownMenu',\n  });\n};\n\nconst createTemplateSelectActions = (script: ScriptType) => {\n  return templates.map((template) => {\n    return createMenuAction<TemplateActionProperties>(\n      `template--${template.id}`,\n      () => {\n        script.name = template.name;\n        script.source!.target!.content = template.source;\n        const metaKeys = getMeta(script).keys;\n        const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);\n        if (oldPresetIndex >= 0) {\n          metaKeys.splice(oldPresetIndex, 1);\n        }\n        if (template.presetId) {\n          metaKeys.push({ source: FUNCTIONS_PRESET_META_KEY, id: template.presetId });\n        }\n      },\n      {\n        label: template.name,\n        value: template.id,\n        type: 'template',\n      },\n    );\n  });\n};\n\nexport const createTemplateSelect = (script: ScriptType) => {\n  const templateSelectGroup = createTemplateSelectGroup();\n  const templateSelectActions = createTemplateSelectActions(script);\n  return {\n    nodes: [templateSelectGroup, ...templateSelectActions],\n    edges: [\n      { source: 'root', target: 'template-select' },\n      ...templateSelectActions.map((action) => ({ source: 'template-select', target: action.id })),\n    ],\n  };\n};\n"],
+  "mappings": "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",
+  "names": ["useEffect", "useMemo", "FunctionType", "getUserFunctionUrlInMetadata", "log", "useClient", "getMeta", "getSpace", "Query", "Ref", "useQuery", "createMenuAction", "errorMessageColors", "createDeploy", "state", "script", "space", "fn", "client", "existingFunctionUrl", "t", "errorItem", "createMenuAction", "label", "error", "ns", "SCRIPT_PLUGIN", "icon", "hidden", "classNames", "errorMessageColors", "deployAction", "source", "undefined", "deploying", "result", "deployScript", "success", "log", "catch", "type", "disabled", "copyAction", "functionUrl", "navigator", "clipboard", "writeText", "nodes", "edges", "target", "useDeployState", "useDeployDeps", "useEffect", "getFunctionUrl", "edgeUrl", "config", "values", "runtime", "services", "edge", "url", "deployed", "isScriptDeployed", "changed", "getSpace", "useQuery", "Query", "FunctionType", "Ref", "make", "useClient", "useMemo", "getUserFunctionUrlInMetadata", "getMeta", "useMemo", "live", "useToolbarState", "initialState", "useMemo", "live", "format", "prettierPluginEstree", "prettierPluginTypescript", "log", "createMenuAction", "createFormat", "script", "formatAction", "createMenuAction", "source", "target", "content", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "label", "ns", "SCRIPT_PLUGIN", "icon", "nodes", "edges", "FUNCTIONS_PRESET_META_KEY", "getMeta", "createMenuItemGroup", "createMenuAction", "createTemplateSelectGroup", "createMenuItemGroup", "label", "ns", "SCRIPT_PLUGIN", "variant", "createTemplateSelectActions", "script", "templates", "map", "template", "createMenuAction", "id", "name", "source", "target", "content", "metaKeys", "getMeta", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "value", "type", "createTemplateSelect", "templateSelectGroup", "templateSelectActions", "nodes", "edges", "action"]
+}