@dxos/plugin-script 0.7.5-staging.b81e783 → 0.7.5-staging.e6154f3

package/dist/lib/node/{chunk-JITODKGN.cjs.map → chunk-TOXBGIEI.cjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/ScriptSettings/ScriptSettings.tsx", "../../../src/components/ScriptSettingsPanel.tsx", "../../../src/components/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Credential } from '@dxos/protocols/proto/dxos/halo/credentials';\nimport { useClient } from '@dxos/react-client';\nimport { Button, Select, useTranslation } from '@dxos/react-ui';\nimport { type EditorInputMode, EditorInputModes } from '@dxos/react-ui-editor';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type ScriptSettingsProps } from '../../types';\n\nexport const ScriptSettings = ({ settings }: { settings: ScriptSettingsProps }) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const client = useClient();\n\n  // TODO(burdon): Check token.\n  const handleAuthenticate = async () => {\n    const { identityKey } = client.halo.identity.get()!;\n    await client.halo.writeCredentials([\n      {\n        issuer: identityKey,\n        issuanceDate: new Date(),\n        subject: {\n          id: identityKey,\n          assertion: {\n            '@type': 'dxos.halo.credentials.ServiceAccess',\n            serverName: 'hub.dxos.network',\n            serverKey: identityKey,\n            identityKey,\n            capabilities: ['composer:beta'],\n          },\n        },\n      } satisfies Credential,\n    ]);\n  };\n\n  return (\n    <DeprecatedFormContainer>\n      {/* TODO(wittjosiah): Hide outside of dev environments. */}\n      <DeprecatedFormInput label={t('authenticate action label')}>\n        <Button onClick={handleAuthenticate}>{t('authenticate button label')}</Button>\n      </DeprecatedFormInput>\n\n      <DeprecatedFormInput label={t('editor input mode label')}>\n        <Select.Root\n          value={settings.editorInputMode ?? 'default'}\n          onValueChange={(value) => {\n            settings.editorInputMode = value as EditorInputMode;\n          }}\n        >\n          <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n          <Select.Portal>\n            <Select.Content>\n              <Select.Viewport>\n                {EditorInputModes.map((mode) => (\n                  <Select.Option key={mode} value={mode}>\n                    {t(`settings editor input mode ${mode} label`)}\n                  </Select.Option>\n                ))}\n              </Select.Viewport>\n            </Select.Content>\n          </Select.Portal>\n        </Select.Root>\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Octokit } from '@octokit/core';\nimport React, { type ChangeEvent, useCallback, useEffect, useState } from 'react';\n\nimport { createIntent, SettingsAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { FunctionType, type ScriptType, getInvocationUrl, getUserFunctionUrlInMetadata } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Button, Clipboard, Input, Separator, useControlledState, useTranslation } from '@dxos/react-ui';\nimport { AccessTokenType } from '@dxos/schema';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\n// TODO(wittjosiah): Factor out.\n// From https://stackoverflow.com/a/67243723/2804332\nconst kebabize = (str: string) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());\n\nexport type ScriptSettingsPanelProps = {\n  script: ScriptType;\n};\n\nexport const ScriptSettingsPanel = ({ script }: ScriptSettingsPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const client = useClient();\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Filter.schema(FunctionType, { source: script }));\n  const [githubToken] = useQuery(space, Filter.schema(AccessTokenType, { source: 'github.com' }));\n  const gistKey = getMeta(script).keys.find(({ source }) => source === 'github.com');\n  const [gistUrl, setGistUrl] = useState<string | undefined>();\n\n  useEffect(() => {\n    const token = githubToken?.token;\n    const gistId = gistKey?.id;\n    if (!token || !gistId) {\n      setGistUrl(undefined);\n      return;\n    }\n\n    const timeout = setTimeout(async () => {\n      try {\n        const octokit = new Octokit({ auth: githubToken.token });\n        const response = await octokit.request('GET /gists/{gist_id}', {\n          gist_id: gistId,\n        });\n        setGistUrl(response.data.html_url);\n      } catch (err) {\n        log.catch(err);\n        setGistUrl(undefined);\n      }\n    });\n\n    return () => clearTimeout(timeout);\n  }, [githubToken, gistKey]);\n\n  const [binding, setBinding] = useControlledState(fn?.binding ?? '');\n  const handleBindingChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      setBinding(event.target.value);\n    },\n    [setBinding],\n  );\n  const handleBindingBlur = useCallback(() => {\n    fn.binding = binding;\n  }, [fn, binding]);\n\n  const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n  const functionUrl =\n    functionPath &&\n    getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n\n  const handleOpenTokenManager = useCallback(\n    () => dispatch(createIntent(SettingsAction.Open, { plugin: 'dxos.org/plugin/token-manager' })),\n    [],\n  );\n\n  const [publishing, setPublishing] = useState(false);\n  const handlePublish = useCallback(async () => {\n    setPublishing(true);\n    const octokit = new Octokit({ auth: githubToken.token });\n    const source = await script.source.load();\n    const filename = script.name ? kebabize(script.name) : 'composer-script';\n    const files = { [`${filename}.ts`]: { content: source.content } };\n\n    try {\n      // TODO(wittjosiah): Factor out to intent.\n      const meta = getMeta(script);\n      const githubKey = meta.keys.find(({ source }) => source === 'github.com');\n      const gistId = githubKey?.id;\n      if (gistId) {\n        await octokit.request('PATCH /gists/{gist_id}', {\n          gist_id: gistId,\n          files,\n        });\n      } else {\n        const response = await octokit.request('POST /gists', {\n          public: true,\n          files,\n        });\n        if (response.data.id) {\n          meta.keys.push({ source: 'github.com', id: response.data.id });\n        }\n      }\n    } finally {\n      setPublishing(false);\n    }\n  }, [script, githubToken]);\n\n  return (\n    <>\n      <div role='form' className='flex flex-col w-full p-2 gap-4'>\n        <Input.Root>\n          <div role='none' className='flex flex-col gap-1'>\n            <Input.Label>{t('description label')}</Input.Label>\n            <Input.TextInput\n              placeholder={t('description placeholder')}\n              value={script.description ?? ''}\n              onChange={(event) => {\n                script.description = event.target.value;\n              }}\n            />\n          </div>\n        </Input.Root>\n      </div>\n      {fn && functionUrl && (\n        <>\n          <Separator />\n          <div role='form' className='flex flex-col w-full p-2 gap-4'>\n            <h2>{t('remote function settings heading')}</h2>\n            <Input.Root>\n              <div role='none' className='flex flex-col gap-1'>\n                <Input.Label>{t('function url label')}</Input.Label>\n                <div role='none' className='flex gap-1'>\n                  <Input.TextInput\n                    disabled\n                    value={functionUrl}\n                    onChange={(event) => {\n                      fn.name = event.target.value;\n                    }}\n                  />\n                  <Clipboard.IconButton value={functionUrl} />\n                </div>\n              </div>\n            </Input.Root>\n            <Input.Root>\n              <div role='none' className='flex flex-col gap-1'>\n                <Input.Label>{t('function binding label')}</Input.Label>\n                <Input.TextInput\n                  placeholder={t('function binding placeholder')}\n                  value={binding}\n                  onChange={handleBindingChange}\n                  onBlur={handleBindingBlur}\n                />\n              </div>\n            </Input.Root>\n          </div>\n        </>\n      )}\n      <Separator />\n      <div className='flex flex-col w-full p-2 gap-4'>\n        <div>\n          <h2>{t('script publish settings label')}</h2>\n          <p className='text-description text-sm'>{t('script publish settings description')}</p>\n        </div>\n        {!githubToken && (\n          <div className='flex flex-col items-center justify-center gap-2'>\n            <span>{t('no github token label')}</span>\n            <Button onClick={handleOpenTokenManager}>{t('open token manager label')}</Button>\n          </div>\n        )}\n        {githubToken && (\n          <div className='flex justify-end gap-2'>\n            {gistUrl && <Clipboard.IconButton value={gistUrl} />}\n            <Button disabled={publishing} onClick={handlePublish}>\n              {t(publishing ? 'publishing label' : 'publish label')}\n            </Button>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './ScriptSettings';\nexport * from './ScriptSettingsPanel';\n\nexport const AutomationPanel = lazy(() => import('./AutomationPanel'));\nexport const ScriptContainer = lazy(() => import('./ScriptContainer'));\n"],
-  "mappings": "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",
-  "names": ["import_react", "import_react_client", "import_react_ui", "ScriptSettings", "settings", "t", "useTranslation", "SCRIPT_PLUGIN", "client", "useClient", "handleAuthenticate", "identityKey", "halo", "identity", "get", "writeCredentials", "issuer", "issuanceDate", "Date", "subject", "id", "assertion", "serverName", "serverKey", "capabilities", "React", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Button", "onClick", "Select", "Root", "value", "editorInputMode", "onValueChange", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "EditorInputModes", "map", "mode", "Option", "key", "kebabize", "str", "replace", "$", "ofs", "toLowerCase", "ScriptSettingsPanel", "script", "dispatchPromise", "dispatch", "useIntentDispatcher", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "githubToken", "AccessTokenType", "gistKey", "getMeta", "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", "binding", "setBinding", "useControlledState", "handleBindingChange", "useCallback", "event", "target", "handleBindingBlur", "functionPath", "getUserFunctionUrlInMetadata", "functionUrl", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "handleOpenTokenManager", "createIntent", "SettingsAction", "Open", "plugin", "publishing", "setPublishing", "handlePublish", "load", "filename", "name", "files", "content", "meta", "githubKey", "public", "push", "div", "role", "className", "Input", "Label", "TextInput", "description", "onChange", "Separator", "h2", "disabled", "Clipboard", "IconButton", "onBlur", "p", "span", "AutomationPanel", "lazy", "ScriptContainer"]
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Credential } from '@dxos/protocols/proto/dxos/halo/credentials';\nimport { useClient } from '@dxos/react-client';\nimport { Button, Select, useTranslation } from '@dxos/react-ui';\nimport { type EditorInputMode, EditorInputModes } from '@dxos/react-ui-editor';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type ScriptSettingsProps } from '../../types';\n\nexport const ScriptSettings = ({ settings }: { settings: ScriptSettingsProps }) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const client = useClient();\n\n  // TODO(burdon): Check token.\n  const handleAuthenticate = async () => {\n    const { identityKey } = client.halo.identity.get()!;\n    await client.halo.writeCredentials([\n      {\n        issuer: identityKey,\n        issuanceDate: new Date(),\n        subject: {\n          id: identityKey,\n          assertion: {\n            '@type': 'dxos.halo.credentials.ServiceAccess',\n            serverName: 'hub.dxos.network',\n            serverKey: identityKey,\n            identityKey,\n            capabilities: ['composer:beta'],\n          },\n        },\n      } satisfies Credential,\n    ]);\n  };\n\n  return (\n    <DeprecatedFormContainer>\n      {/* TODO(wittjosiah): Hide outside of dev environments. */}\n      <DeprecatedFormInput label={t('authenticate action label')}>\n        <Button onClick={handleAuthenticate}>{t('authenticate button label')}</Button>\n      </DeprecatedFormInput>\n\n      <DeprecatedFormInput label={t('editor input mode label')}>\n        <Select.Root\n          value={settings.editorInputMode ?? 'default'}\n          onValueChange={(value) => {\n            settings.editorInputMode = value as EditorInputMode;\n          }}\n        >\n          <Select.TriggerButton placeholder={t('select editor input mode placeholder')} />\n          <Select.Portal>\n            <Select.Content>\n              <Select.Viewport>\n                {EditorInputModes.map((mode) => (\n                  <Select.Option key={mode} value={mode}>\n                    {t(`settings editor input mode ${mode} label`)}\n                  </Select.Option>\n                ))}\n              </Select.Viewport>\n            </Select.Content>\n          </Select.Portal>\n        </Select.Root>\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Octokit } from '@octokit/core';\nimport React, { type ChangeEvent, useCallback, useEffect, useState } from 'react';\n\nimport { createIntent, SettingsAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { FunctionType, type ScriptType, getInvocationUrl, getUserFunctionUrlInMetadata } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Button, Clipboard, Input, Separator, useControlledState, useTranslation } from '@dxos/react-ui';\nimport { AccessTokenType } from '@dxos/schema';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\n// TODO(wittjosiah): Factor out.\n// From https://stackoverflow.com/a/67243723/2804332\nconst kebabize = (str: string) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());\n\nexport type ScriptSettingsPanelProps = {\n  script: ScriptType;\n};\n\nexport const ScriptSettingsPanel = ({ script }: ScriptSettingsPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const client = useClient();\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Filter.schema(FunctionType, { source: script }));\n  const [githubToken] = useQuery(space, Filter.schema(AccessTokenType, { source: 'github.com' }));\n  const gistKey = getMeta(script).keys.find(({ source }) => source === 'github.com');\n  const [gistUrl, setGistUrl] = useState<string | undefined>();\n\n  useEffect(() => {\n    const token = githubToken?.token;\n    const gistId = gistKey?.id;\n    if (!token || !gistId) {\n      setGistUrl(undefined);\n      return;\n    }\n\n    const timeout = setTimeout(async () => {\n      try {\n        const octokit = new Octokit({ auth: githubToken.token });\n        const response = await octokit.request('GET /gists/{gist_id}', {\n          gist_id: gistId,\n        });\n        setGistUrl(response.data.html_url);\n      } catch (err) {\n        log.catch(err);\n        setGistUrl(undefined);\n      }\n    });\n\n    return () => clearTimeout(timeout);\n  }, [githubToken, gistKey]);\n\n  const [binding, setBinding] = useControlledState(fn?.binding ?? '');\n  const handleBindingChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      setBinding(event.target.value);\n    },\n    [setBinding],\n  );\n  const handleBindingBlur = useCallback(() => {\n    fn.binding = binding;\n  }, [fn, binding]);\n\n  const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n  const functionUrl =\n    functionPath &&\n    getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n\n  const handleOpenTokenManager = useCallback(\n    () => dispatch(createIntent(SettingsAction.Open, { plugin: 'dxos.org/plugin/token-manager' })),\n    [],\n  );\n\n  const [publishing, setPublishing] = useState(false);\n  const handlePublish = useCallback(async () => {\n    setPublishing(true);\n    const octokit = new Octokit({ auth: githubToken.token });\n    const source = await script.source.load();\n    const filename = script.name ? kebabize(script.name) : 'composer-script';\n    const files = { [`${filename}.ts`]: { content: source.content } };\n\n    try {\n      // TODO(wittjosiah): Factor out to intent.\n      const meta = getMeta(script);\n      const githubKey = meta.keys.find(({ source }) => source === 'github.com');\n      const gistId = githubKey?.id;\n      if (gistId) {\n        await octokit.request('PATCH /gists/{gist_id}', {\n          gist_id: gistId,\n          files,\n        });\n      } else {\n        const response = await octokit.request('POST /gists', {\n          public: true,\n          files,\n        });\n        if (response.data.id) {\n          meta.keys.push({ source: 'github.com', id: response.data.id });\n        }\n      }\n    } finally {\n      setPublishing(false);\n    }\n  }, [script, githubToken]);\n\n  return (\n    <>\n      <div role='form' className='flex flex-col w-full p-2 gap-4'>\n        <Input.Root>\n          <div role='none' className='flex flex-col gap-1'>\n            <Input.Label>{t('description label')}</Input.Label>\n            <Input.TextInput\n              placeholder={t('description placeholder')}\n              value={script.description ?? ''}\n              onChange={(event) => {\n                script.description = event.target.value;\n              }}\n            />\n          </div>\n        </Input.Root>\n      </div>\n      {fn && functionUrl && (\n        <>\n          <Separator />\n          <div role='form' className='flex flex-col w-full p-2 gap-4'>\n            <h2>{t('remote function settings heading')}</h2>\n            <Input.Root>\n              <div role='none' className='flex flex-col gap-1'>\n                <Input.Label>{t('function url label')}</Input.Label>\n                <div role='none' className='flex gap-1'>\n                  <Input.TextInput\n                    disabled\n                    value={functionUrl}\n                    onChange={(event) => {\n                      fn.name = event.target.value;\n                    }}\n                  />\n                  <Clipboard.IconButton value={functionUrl} />\n                </div>\n              </div>\n            </Input.Root>\n            <Input.Root>\n              <div role='none' className='flex flex-col gap-1'>\n                <Input.Label>{t('function binding label')}</Input.Label>\n                <Input.TextInput\n                  placeholder={t('function binding placeholder')}\n                  value={binding}\n                  onChange={handleBindingChange}\n                  onBlur={handleBindingBlur}\n                />\n              </div>\n            </Input.Root>\n          </div>\n        </>\n      )}\n      <Separator />\n      <div className='flex flex-col w-full p-2 gap-4'>\n        <div>\n          <h2>{t('script publish settings label')}</h2>\n          <p className='text-description text-sm'>{t('script publish settings description')}</p>\n        </div>\n        {!githubToken && (\n          <div className='flex flex-col items-center justify-center gap-2'>\n            <span>{t('no github token label')}</span>\n            <Button onClick={handleOpenTokenManager}>{t('open token manager label')}</Button>\n          </div>\n        )}\n        {githubToken && (\n          <div className='flex justify-end gap-2'>\n            {gistUrl && <Clipboard.IconButton value={gistUrl} />}\n            <Button disabled={publishing} onClick={handlePublish}>\n              {t(publishing ? 'publishing label' : 'publish label')}\n            </Button>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './DebugPanel';\nexport * from './ScriptSettings';\nexport * from './ScriptSettingsPanel';\n\nexport const ScriptContainer = lazy(() => import('./ScriptContainer'));\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_react_client", "import_react_ui", "ScriptSettings", "settings", "t", "useTranslation", "SCRIPT_PLUGIN", "client", "useClient", "handleAuthenticate", "identityKey", "halo", "identity", "get", "writeCredentials", "issuer", "issuanceDate", "Date", "subject", "id", "assertion", "serverName", "serverKey", "capabilities", "React", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Button", "onClick", "Select", "Root", "value", "editorInputMode", "onValueChange", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "EditorInputModes", "map", "mode", "Option", "key", "kebabize", "str", "replace", "$", "ofs", "toLowerCase", "ScriptSettingsPanel", "script", "dispatchPromise", "dispatch", "useIntentDispatcher", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "githubToken", "AccessTokenType", "gistKey", "getMeta", "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", "binding", "setBinding", "useControlledState", "handleBindingChange", "useCallback", "event", "target", "handleBindingBlur", "functionPath", "getUserFunctionUrlInMetadata", "functionUrl", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "handleOpenTokenManager", "createIntent", "SettingsAction", "Open", "plugin", "publishing", "setPublishing", "handlePublish", "load", "filename", "name", "files", "content", "meta", "githubKey", "public", "push", "div", "role", "className", "Input", "Label", "TextInput", "description", "onChange", "Separator", "h2", "disabled", "Clipboard", "IconButton", "onBlur", "p", "span", "ScriptContainer", "lazy"]
 }

package/dist/lib/node/{ScriptContainer-SLARXOSU.cjs → chunk-XKYJYY3T.cjs}

@@ -26,64 +26,45 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ScriptContainer_SLARXOSU_exports = {};
-__export(ScriptContainer_SLARXOSU_exports, {
-  ScriptContainer: () => ScriptContainer,
-  default: () => ScriptContainer_default
+var chunk_XKYJYY3T_exports = {};
+__export(chunk_XKYJYY3T_exports, {
+  createDeploy: () => createDeploy,
+  createFormat: () => createFormat,
+  createTemplateSelect: () => createTemplateSelect,
+  createView: () => createView,
+  useDeployState: () => useDeployState,
+  useToolbarAction: () => useToolbarAction,
+  useToolbarState: () => useToolbarState
 });
-module.exports = __toCommonJS(ScriptContainer_SLARXOSU_exports);
-var import_chunk_7XULMIYT = require("./chunk-7XULMIYT.cjs");
-var import_chunk_K3ZZWVXS = require("./chunk-K3ZZWVXS.cjs");
+module.exports = __toCommonJS(chunk_XKYJYY3T_exports);
+var import_chunk_ITAJ3WRW = require("./chunk-ITAJ3WRW.cjs");
 var import_chunk_5UH3F7TA = require("./chunk-5UH3F7TA.cjs");
-var import_react = __toESM(require("react"));
-var import_echo = require("@dxos/react-client/echo");
-var import_halo = require("@dxos/react-client/halo");
-var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react2 = __toESM(require("react"));
-var import_echo2 = require("@dxos/react-client/echo");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var import_react_ui_menu = require("@dxos/react-ui-menu");
-var import_react3 = require("react");
+var import_react = require("react");
 var import_functions = require("@dxos/functions");
 var import_bundler = require("@dxos/functions/bundler");
 var import_log = require("@dxos/log");
 var import_react_client = require("@dxos/react-client");
-var import_echo3 = require("@dxos/react-client/echo");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_menu2 = require("@dxos/react-ui-menu");
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_menu = require("@dxos/react-ui-menu");
+var import_react2 = require("react");
+var import_live_object = require("@dxos/live-object");
 var import_prettier = require("prettier");
 var import_estree = __toESM(require("prettier/plugins/estree"));
 var import_typescript = __toESM(require("prettier/plugins/typescript"));
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_log2 = require("@dxos/log");
-var import_react_ui_menu3 = require("@dxos/react-ui-menu");
-var import_react5 = require("react");
+var import_react_ui_menu2 = require("@dxos/react-ui-menu");
+var import_react4 = require("react");
 var import_functions2 = require("@dxos/functions");
-var import_live_object = require("@dxos/live-object");
+var import_live_object2 = require("@dxos/live-object");
+var import_react_ui_menu3 = require("@dxos/react-ui-menu");
 var import_react_ui_menu4 = require("@dxos/react-ui-menu");
-var import_react_ui_menu5 = require("@dxos/react-ui-menu");
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_log3 = require("@dxos/log");
-var import_react7 = require("react");
-var import_live_object2 = require("@dxos/live-object");
-var import_lang_javascript = require("@codemirror/lang-javascript");
-var import_language = require("@codemirror/language");
-var import_state = require("@codemirror/state");
-var import_theme_one_dark = require("@codemirror/theme-one-dark");
-var import_view = require("@codemirror/view");
-var import_highlight = require("@lezer/highlight");
-var import_codemirror_continue = require("@valtown/codemirror-continue");
-var import_codemirror_ts = require("@valtown/codemirror-ts");
-var import_react8 = __toESM(require("react"));
-var import_react_ui3 = require("@dxos/react-ui");
-var import_react_ui_editor3 = require("@dxos/react-ui-editor");
-var import_util = require("@dxos/util");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/hooks/deploy.ts";
 var createDeploy = (state) => {
-  const errorItem = (0, import_react_ui_menu2.createMenuAction)("error", {
+  const errorItem = (0, import_react_ui_menu.createMenuAction)("error", {
     label: state.error ?? [
       "no error label",
       {
@@ -93,7 +74,7 @@ var createDeploy = (state) => {
     icon: "ph--warning-circle--regular",
     hidden: !state.error
   });
-  const deployAction = (0, import_react_ui_menu2.createMenuAction)("deploy", {
+  const deployAction = (0, import_react_ui_menu.createMenuAction)("deploy", {
     type: "deploy",
     label: [
       state.deploying ? "pending label" : "deploy label",
@@ -105,7 +86,7 @@ var createDeploy = (state) => {
     disabled: state.deploying,
     classNames: state.deploying ? "[&_svg]:animate-spin" : ""
   });
-  const copyAction = (0, import_react_ui_menu2.createMenuAction)("copy", {
+  const copyAction = (0, import_react_ui_menu.createMenuAction)("copy", {
     type: "copy",
     label: [
       "copy link label",
@@ -139,12 +120,12 @@ var createDeploy = (state) => {
   };
 };
 var useDeployDeps = ({ state, script }) => {
-  const space = (0, import_echo3.getSpace)(script);
-  const [fn] = (0, import_echo3.useQuery)(space, import_echo3.Filter.schema(import_functions.FunctionType, {
+  const space = (0, import_echo.getSpace)(script);
+  const [fn] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_functions.FunctionType, {
     source: script
   }));
   const client = (0, import_react_client.useClient)();
-  const existingFunctionUrl = (0, import_react3.useMemo)(() => fn && (0, import_functions.getUserFunctionUrlInMetadata)((0, import_echo3.getMeta)(fn)), [
+  const existingFunctionUrl = (0, import_react.useMemo)(() => fn && (0, import_functions.getUserFunctionUrlInMetadata)((0, import_echo.getMeta)(fn)), [
     fn
   ]);
   return {
@@ -159,7 +140,7 @@ var useDeployState = ({ state, script }) => {
     state,
     script
   });
-  (0, import_react3.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     if (!existingFunctionUrl) {
       return;
     }
@@ -170,7 +151,7 @@ var useDeployState = ({ state, script }) => {
     existingFunctionUrl,
     space
   ]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     state.deployed = Boolean(existingFunctionUrl) && !script.changed;
   }, [
     script.changed,
@@ -182,8 +163,8 @@ var useDeployHandler = ({ state, script }) => {
     state,
     script
   });
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_5UH3F7TA.SCRIPT_PLUGIN);
-  return (0, import_react3.useCallback)(async () => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_5UH3F7TA.SCRIPT_PLUGIN);
+  return (0, import_react.useCallback)(async () => {
     if (!script.source || !space) {
       return;
     }
@@ -224,10 +205,10 @@ var useDeployHandler = ({ state, script }) => {
       if (fn) {
         fn.version = version;
       }
-      const deployedFunction = fn ?? space.db.add((0, import_echo3.create)(import_functions.FunctionType, {
+      const deployedFunction = fn ?? space.db.add((0, import_echo.create)(import_functions.FunctionType, {
         name: functionId,
         version,
-        source: (0, import_echo3.makeRef)(script)
+        source: (0, import_echo.makeRef)(script)
       }));
       script.changed = false;
       if (script.description !== void 0 && script.description.trim() !== "") {
@@ -268,7 +249,7 @@ var useDeployHandler = ({ state, script }) => {
           C: (f, a) => f(...a)
         });
       }
-      (0, import_functions.setUserFunctionUrlInMetadata)((0, import_echo3.getMeta)(deployedFunction), `/${space.id}/${functionId}`);
+      (0, import_functions.setUserFunctionUrlInMetadata)((0, import_echo.getMeta)(deployedFunction), `/${space.id}/${functionId}`);
       state.view = "split";
     } catch (err) {
       import_log.log.catch(err, void 0, {
@@ -291,7 +272,7 @@ var useDeployHandler = ({ state, script }) => {
     space?.id ?? null
   ]);
 };
-var useCopyHandler = ({ state }) => (0, import_react3.useCallback)(async () => {
+var useCopyHandler = ({ state }) => (0, import_react.useCallback)(async () => {
   if (!state.functionUrl) {
     return;
   }
@@ -299,9 +280,12 @@ var useCopyHandler = ({ state }) => (0, import_react3.useCallback)(async () => {
 }, [
   state.functionUrl
 ]);
+var useToolbarState = (initialState = {}) => {
+  return (0, import_react2.useMemo)(() => (0, import_live_object.create)(initialState), []);
+};
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/hooks/format.ts";
 var createFormat = () => {
-  const formatAction = (0, import_react_ui_menu3.createMenuAction)("format", {
+  const formatAction = (0, import_react_ui_menu2.createMenuAction)("format", {
     label: [
       "format label",
       {
@@ -322,7 +306,7 @@ var createFormat = () => {
     ]
   };
 };
-var useFormatHandler = ({ script }) => (0, import_react4.useCallback)(async () => {
+var useFormatHandler = ({ script }) => (0, import_react3.useCallback)(async () => {
   if (!script.source) {
     return;
   }
@@ -348,7 +332,7 @@ var useFormatHandler = ({ script }) => (0, import_react4.useCallback)(async () =
   script.source
 ]);
 var createTemplateSelectGroup = () => {
-  return (0, import_react_ui_menu4.createMenuItemGroup)("template-select", {
+  return (0, import_react_ui_menu3.createMenuItemGroup)("template-select", {
     label: [
       "template select group label",
       {
@@ -359,8 +343,8 @@ var createTemplateSelectGroup = () => {
   });
 };
 var createTemplateSelectActions = () => {
-  return import_chunk_7XULMIYT.templates.map((template) => {
-    return (0, import_react_ui_menu4.createMenuAction)(`template--${template.id}`, {
+  return import_chunk_ITAJ3WRW.templates.map((template) => {
+    return (0, import_react_ui_menu3.createMenuAction)(`template--${template.id}`, {
       label: template.name,
       value: template.id,
       type: "template"
@@ -388,12 +372,12 @@ var createTemplateSelect = () => {
   };
 };
 var useTemplateSelectHandler = ({ script }) => {
-  return (0, import_react5.useCallback)((templateId) => {
-    const template = import_chunk_7XULMIYT.templates.find((template2) => template2.id === templateId);
+  return (0, import_react4.useCallback)((templateId) => {
+    const template = import_chunk_ITAJ3WRW.templates.find((template2) => template2.id === templateId);
     if (template) {
       script.name = template.name;
       script.source.target.content = template.source;
-      const metaKeys = (0, import_live_object.getMeta)(script).keys;
+      const metaKeys = (0, import_live_object2.getMeta)(script).keys;
       const oldPresetIndex = metaKeys.findIndex((key) => key.source === import_functions2.FUNCTIONS_PRESET_META_KEY);
       if (oldPresetIndex >= 0) {
         metaKeys.splice(oldPresetIndex, 1);
@@ -415,7 +399,7 @@ var views = {
   debug: "ph--bug--regular"
 };
 var createViewGroupItem = (state) => {
-  return (0, import_react_ui_menu5.createMenuItemGroup)("view", {
+  return (0, import_react_ui_menu4.createMenuItemGroup)("view", {
     label: [
       "view group label",
       {
@@ -429,7 +413,7 @@ var createViewGroupItem = (state) => {
 };
 var createViewActions = (state) => {
   return Object.entries(views).map(([viewType, icon]) => {
-    return (0, import_react_ui_menu5.createMenuAction)(`view--${viewType}`, {
+    return (0, import_react_ui_menu4.createMenuAction)(`view--${viewType}`, {
       type: "view",
       value: viewType,
       label: [
@@ -469,7 +453,7 @@ var useToolbarAction = (props) => {
   const handleFormat = useFormatHandler(props);
   const handleDeploy = useDeployHandler(props);
   const handleCopy = useCopyHandler(props);
-  return (0, import_react6.useCallback)((action) => {
+  return (0, import_react5.useCallback)((action) => {
     switch (action.properties.type) {
       case "template":
         handleTemplateSelect(action.properties.value);
@@ -501,219 +485,14 @@ var useToolbarAction = (props) => {
     handleCopy
   ]);
 };
-var useToolbarState = (initialState = {}) => {
-  return (0, import_react7.useMemo)(() => (0, import_live_object2.create)(initialState), []);
-};
-var createToolbar = (state) => {
-  const templateSelect = createTemplateSelect();
-  const format2 = createFormat();
-  const gap = (0, import_react_ui_menu.createGapSeparator)();
-  const deploy = createDeploy(state);
-  const view = createView(state);
-  return {
-    nodes: [
-      ...templateSelect.nodes,
-      ...format2.nodes,
-      ...gap.nodes,
-      ...deploy.nodes,
-      ...view.nodes
-    ],
-    edges: [
-      ...templateSelect.edges,
-      ...format2.edges,
-      ...gap.edges,
-      ...deploy.edges,
-      ...view.edges
-    ]
-  };
-};
-var ScriptToolbar = ({ script, role, state, classNames }) => {
-  const handleAction = useToolbarAction({
-    state,
-    script
-  });
-  const toolbarCreator = (0, import_react2.useCallback)(() => createToolbar(state), [
-    state
-  ]);
-  const menu = (0, import_react_ui_menu.useMenuActions)(toolbarCreator);
-  return /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_editor2.stackItemContentToolbarClassNames)(role)
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.ElevationProvider, {
-    elevation: role === "section" ? "positioned" : "base"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_menu.MenuProvider, {
-    ...menu,
-    onAction: handleAction,
-    attendableId: (0, import_echo2.fullyQualifiedId)(script)
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_menu.ToolbarMenu, {
-    classNames
-  }))));
-};
-var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection, toolbar, inputMode = "vscode" }) => {
-  const { themeMode } = (0, import_react_ui3.useThemeContext)();
-  const { parentRef, focusAttributes } = (0, import_react_ui_editor3.useTextEditor)(() => ({
-    id,
-    initialValue,
-    extensions: [
-      extensions,
-      (0, import_react_ui_editor3.createBasicExtensions)({
-        highlightActiveLine: true,
-        indentWithTab: true,
-        lineNumbers: true,
-        lineWrapping: false,
-        scrollPastEnd: true
-      }),
-      (0, import_react_ui_editor3.createThemeExtensions)({
-        themeMode,
-        syntaxHighlighting: true,
-        slots: {
-          content: {
-            className: import_react_ui_editor3.editorFullWidth
-          }
-        }
-      }),
-      // NOTE: Not using default editor gutter because folding for code works best right beside text.
-      import_react_ui_editor3.EditorView.theme({
-        ".cm-gutters": {
-          // Match margin from content.
-          marginTop: "16px"
-        }
-      }),
-      import_react_ui_editor3.InputModeExtensions[inputMode],
-      (0, import_react_ui_editor3.folding)(),
-      // Continues block comments when you hit Enter.
-      import_state.Prec.high(import_view.keymap.of(import_codemirror_continue.continueKeymap)),
-      // TODO(burdon): Factor out.
-      [
-        import_react_ui_editor3.editorMonospace,
-        (0, import_lang_javascript.javascript)({
-          typescript: true
-        }),
-        // https://github.com/val-town/codemirror-ts
-        (0, import_react_ui_editor3.autocomplete)({
-          override: env ? [
-            (0, import_codemirror_ts.tsAutocomplete)()
-          ] : []
-        }),
-        env ? [
-          import_codemirror_ts.tsFacet.of({
-            env,
-            path: `/src/${id}.ts`
-          }),
-          (0, import_codemirror_ts.tsSync)(),
-          (0, import_codemirror_ts.tsLinter)(),
-          (0, import_codemirror_ts.tsHover)({
-            renderTooltip: createTooltipRenderer(themeMode)
-          })
-        ] : []
-      ]
-    ].filter(import_util.isNonNullable),
-    selection,
-    scrollTo
-  }), [
-    id,
-    extensions,
-    themeMode,
-    inputMode,
-    selection,
-    scrollTo
-  ]);
-  return /* @__PURE__ */ import_react8.default.createElement("div", {
-    ref: parentRef,
-    "data-toolbar": toolbar ? "enabled" : "disabled",
-    className,
-    ...focusAttributes
-  });
-};
-var createTooltipRenderer = (themeMode) => {
-  const theme = themeMode === "dark" ? import_theme_one_dark.oneDarkHighlightStyle : import_language.defaultHighlightStyle;
-  const classFromKind = (_kind) => {
-    const kind = _kind.endsWith("Name") ? "name" : _kind;
-    const validTag = kind in import_highlight.tags;
-    if (!validTag) {
-      return "";
-    }
-    const tag = import_highlight.tags[kind];
-    if (typeof tag === "function") {
-      return "";
-    }
-    return theme.style([
-      tag
-    ]) ?? "";
-  };
-  return (info) => {
-    const div = document.createElement("div");
-    div.className = "p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg";
-    if (info.quickInfo?.displayParts) {
-      for (const part of info.quickInfo.displayParts) {
-        const span = div.appendChild(document.createElement("span"));
-        span.className = classFromKind(part.kind);
-        span.innerText = part.text;
-      }
-    }
-    return {
-      dom: div
-    };
-  };
-};
-var ScriptContainer = ({ role, classNames, script, settings = {
-  editorInputMode: "vscode"
-}, env }) => {
-  const identity = (0, import_halo.useIdentity)();
-  const space = (0, import_echo.getSpace)(script);
-  const extensions = (0, import_react.useMemo)(() => [
-    (0, import_react_ui_editor.listener)({
-      onChange: (text) => {
-        if (script.source.target && script.source.target.content !== text) {
-          script.changed = true;
-        }
-      }
-    }),
-    (0, import_react_ui_editor.createDataExtensions)({
-      id: script.id,
-      text: script.source.target && (0, import_echo.createDocAccessor)(script.source.target, [
-        "content"
-      ]),
-      space,
-      identity
-    })
-  ], [
-    script,
-    script.source.target,
-    space,
-    identity
-  ]);
-  const state = useToolbarState({
-    view: "editor"
-  });
-  useDeployState({
-    state,
-    script
-  });
-  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
-    toolbar: true
-  }, /* @__PURE__ */ import_react.default.createElement(ScriptToolbar, {
-    state,
-    role,
-    script
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    role: "none",
-    className: (0, import_react_ui_theme.mx)("flex flex-col w-full overflow-hidden divide-y divide-separator", classNames)
-  }, state.view !== "debug" && /* @__PURE__ */ import_react.default.createElement(TypescriptEditor, {
-    id: script.id,
-    env,
-    initialValue: script.source?.target?.content,
-    extensions,
-    className: (0, import_react_ui_editor.stackItemContentEditorClassNames)(role),
-    inputMode: settings.editorInputMode,
-    toolbar: true
-  }), state.view !== "editor" && /* @__PURE__ */ import_react.default.createElement(import_chunk_K3ZZWVXS.DebugPanel, {
-    functionUrl: state.functionUrl
-  })));
-};
-var ScriptContainer_default = ScriptContainer;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ScriptContainer
+  createDeploy,
+  createFormat,
+  createTemplateSelect,
+  createView,
+  useDeployState,
+  useToolbarAction,
+  useToolbarState
 });
-//# sourceMappingURL=ScriptContainer-SLARXOSU.cjs.map
+//# sourceMappingURL=chunk-XKYJYY3T.cjs.map