@dxos/plugin-script 0.8.0 → 0.8.1-main.81238a8

package/dist/lib/browser/chunk-DZB4KWOI.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", "../../../src/hooks/view.ts", "../../../src/hooks/useToolbarAction.ts", "../../../src/components/LogsPanel/LogsPanel.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback, useEffect, useMemo } from 'react';\n\nimport {\n  FunctionType,\n  type ScriptType,\n  getInvocationUrl,\n  getUserFunctionUrlInMetadata,\n  incrementSemverPatch,\n  setUserFunctionUrlInMetadata,\n  uploadWorkerFunction,\n} from '@dxos/functions';\nimport { Bundler } from '@dxos/functions/bundler';\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, create, getMeta, getSpace, makeRef, useQuery } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { type ViewState } from './view';\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type DeployActionProperties = { type: 'deploy' } | { type: 'copy' };\n\nexport type DeployState = ViewState & {\n  deploying: boolean;\n  deployed: boolean;\n  functionUrl: string;\n  error: string;\n};\n\nexport const createDeploy = (state: Partial<DeployState>) => {\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  });\n\n  const deployAction = createMenuAction<DeployActionProperties>('deploy', {\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  const copyAction = createMenuAction<DeployActionProperties>('copy', {\n    type: 'copy',\n    label: ['copy link label', { ns: SCRIPT_PLUGIN }],\n    icon: 'ph--link--regular',\n    disabled: !state.functionUrl,\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 useDeployDeps = ({ script }: { script: ScriptType }) => {\n  const space = getSpace(script);\n  const [fn] = useQuery(space, Filter.schema(FunctionType, { source: script }));\n  const client = useClient();\n  const existingFunctionUrl = useMemo(() => fn && getUserFunctionUrlInMetadata(getMeta(fn)), [fn]);\n  return { space, fn, client, existingFunctionUrl };\n};\n\nexport const useDeployState = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n  const { space, client, existingFunctionUrl } = useDeployDeps({ script });\n  useEffect(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    state.functionUrl = getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n  }, [existingFunctionUrl, space]);\n\n  useEffect(() => {\n    state.deployed = Boolean(existingFunctionUrl) && !script.changed;\n  }, [script.changed, existingFunctionUrl]);\n};\n\nexport const useDeployHandler = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {\n  const { space, fn, client, existingFunctionUrl } = useDeployDeps({ script });\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n\n  return useCallback(async () => {\n    if (!script.source || !space) {\n      return;\n    }\n\n    state.error = undefined;\n    state.deploying = true;\n\n    try {\n      const existingFunctionId = existingFunctionUrl?.split('/').at(-1);\n\n      const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n      const buildResult = await bundler.bundle({ source: script.source.target!.content });\n      if (buildResult.error || !buildResult.bundle) {\n        throw buildResult.error;\n      }\n\n      const { functionId, version, meta } = await uploadWorkerFunction({\n        client,\n        spaceId: space.id,\n        version: fn ? incrementSemverPatch(fn.version) : '0.0.1',\n        functionId: existingFunctionId,\n        source: buildResult.bundle,\n      });\n      if (functionId === undefined || version === undefined) {\n        throw new Error(`Upload didn't return expected data: functionId=${functionId}, version=${version}`);\n      }\n\n      log.info('function uploaded', { functionId, version });\n      if (fn) {\n        fn.version = version;\n      }\n\n      const deployedFunction =\n        fn ?? space.db.add(create(FunctionType, { name: functionId, version, source: makeRef(script) }));\n\n      script.changed = false;\n      if (script.description !== undefined && script.description.trim() !== '') {\n        deployedFunction.description = script.description;\n      } else if (meta.description) {\n        deployedFunction.description = meta.description;\n      } else {\n        log.verbose('no description in function metadata', { functionId });\n      }\n\n      if (meta.inputSchema) {\n        deployedFunction.inputSchema = meta.inputSchema;\n      } else {\n        log.verbose('no input schema in function metadata', { functionId });\n      }\n\n      if (meta.outputSchema) {\n        deployedFunction.outputSchema = meta.outputSchema;\n      } else {\n        log.verbose('no output schema in function metadata', { functionId });\n      }\n\n      setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${space.id}/${functionId}`);\n    } catch (err: any) {\n      log.catch(err);\n      state.error = t('upload failed label');\n    }\n    state.deploying = false;\n  }, [fn, client, t, existingFunctionUrl, script, script.name, script.source, space?.id ?? null]);\n};\n\nexport const useCopyHandler = ({ state }: { state: Partial<DeployState> }) =>\n  useCallback(async () => {\n    if (!state.functionUrl) {\n      return;\n    }\n    await navigator.clipboard.writeText(state.functionUrl);\n  }, [state.functionUrl]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\nimport { create } 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(() => create<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';\nimport { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions/types';\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 = () => {\n  const formatAction = createMenuAction('format', {\n    label: ['format label', { ns: SCRIPT_PLUGIN }],\n    icon: 'ph--magic-wand--regular',\n  });\n\n  return {\n    nodes: [formatAction],\n    edges: [{ source: 'root', target: 'format' }],\n  };\n};\n\nexport const useFormatHandler = ({ script }: { script: ScriptType }) =>\n  useCallback(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  }, [script.source]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { FUNCTIONS_PRESET_META_KEY, type ScriptType } from '@dxos/functions/types';\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 = () => {\n  return templates.map((template) => {\n    return createMenuAction<TemplateActionProperties>(`template--${template.id}`, {\n      label: template.name,\n      value: template.id,\n      type: 'template',\n    });\n  });\n};\n\nexport const createTemplateSelect = () => {\n  const templateSelectGroup = createTemplateSelectGroup();\n  const templateSelectActions = createTemplateSelectActions();\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\nexport const useTemplateSelectHandler = ({ script }: { script: ScriptType }) => {\n  return useCallback(\n    (templateId: string) => {\n      const template = templates.find((template) => template.id === templateId);\n      if (template) {\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    [script],\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createMenuAction } from '@dxos/react-ui-menu';\n\nimport { SCRIPT_PLUGIN } from '../meta';\n\nexport type ViewType = /* 'editor' | 'split' | */ 'logs';\n\nexport type ViewState = { view: ViewType };\n\nexport type ViewActionProperties = { type: 'view'; value: ViewType };\n\nconst views: Record<ViewType, string> = {\n  // editor: 'ph--code--regular',\n  // split: 'ph--square-split-vertical--regular',\n  logs: 'ph--clock-counter-clockwise--regular',\n};\n\nconst createViewActions = (state: Partial<ViewState>) => {\n  return Object.entries(views).map(([viewType, icon]) => {\n    return createMenuAction<ViewActionProperties>(`view--${viewType}`, {\n      type: 'view',\n      value: viewType as ViewType,\n      label: [`view ${viewType} label`, { ns: SCRIPT_PLUGIN }],\n      icon,\n    });\n  });\n};\n\nexport const createView = (state: Partial<ViewState>) => {\n  const viewActions = createViewActions(state);\n  return {\n    nodes: viewActions,\n    edges: viewActions.map((action) => ({ source: 'root', target: action.id })),\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useCallback } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { type ScriptType } from '@dxos/functions/types';\nimport { log } from '@dxos/log';\nimport { DeckAction, surfaceVariant } from '@dxos/plugin-deck/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { type MenuAction, type MenuActionHandler } from '@dxos/react-ui-menu';\n\nimport { type DeployActionProperties, useDeployHandler, useCopyHandler } from './deploy';\nimport { type FormatActionProperties, useFormatHandler } from './format';\nimport { type TemplateActionProperties, useTemplateSelectHandler } from './template';\nimport { type ScriptToolbarState } from './useToolbarState';\nimport { type ViewActionProperties } from './view';\n\nexport type ScriptToolbarActionProperties =\n  | TemplateActionProperties\n  | ViewActionProperties\n  | FormatActionProperties\n  | DeployActionProperties;\n\nexport type ScriptToolbarAction = MenuAction<ScriptToolbarActionProperties>;\n\nexport const useToolbarAction = (props: { state: ScriptToolbarState; script: ScriptType }) => {\n  const handleTemplateSelect = useTemplateSelectHandler(props);\n  const handleFormat = useFormatHandler(props);\n  const handleDeploy = useDeployHandler(props);\n  const handleCopy = useCopyHandler(props);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  return useCallback(\n    ((action: ScriptToolbarAction) => {\n      switch (action.properties.type) {\n        case 'view':\n          void dispatch(\n            createIntent(DeckAction.ChangeCompanion, {\n              primary: fullyQualifiedId(props.script),\n              companion: surfaceVariant('logs'),\n            }),\n          );\n          break;\n        case 'template':\n          handleTemplateSelect(action.properties.value);\n          break;\n        case 'format':\n          void handleFormat();\n          break;\n        case 'deploy':\n          void handleDeploy();\n          break;\n        case 'copy':\n          void handleCopy();\n          break;\n        default:\n          log.error('Unknown action type', action);\n      }\n    }) as MenuActionHandler,\n    [handleTemplateSelect, handleFormat, handleDeploy, handleCopy],\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { decodeReference } from '@dxos/echo-protocol';\nimport { type InvocationTraceEvent, type ScriptType, type TraceEvent } from '@dxos/functions/types';\nimport { useQueue } from '@dxos/react-client/echo';\nimport { Icon, List, ListItem, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { useDeployDeps } from '../../hooks';\nimport { SCRIPT_PLUGIN } from '../../meta';\n\nexport type LogsPanelProps = ThemedClassName<{\n  script: ScriptType;\n}>;\n\nexport const LogsPanel = ({ script, classNames }: LogsPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  // TODO(wittjosiah): Refactor these hooks.\n  const { space, existingFunctionUrl } = useDeployDeps({ script });\n  const invocationTraceQueue = useQueue<InvocationTraceEvent>(space?.properties.invocationTraceQueue?.dxn, {\n    pollInterval: 500,\n  });\n  const [selected, setSelected] = useState<InvocationTraceEvent>();\n  const workerDxn = `dxn:worker:${existingFunctionUrl?.split('/').at(-1)}`;\n\n  if (!invocationTraceQueue) {\n    return <div>{t('no invocations message')}</div>;\n  }\n\n  const handleOpenChange = useCallback((trace: InvocationTraceEvent, open: boolean) => {\n    setSelected(open ? trace : undefined);\n  }, []);\n\n  return (\n    <List classNames={mx('overflow-y-auto', classNames)}>\n      {invocationTraceQueue.items\n        .filter((trace) => decodeReference(trace.invocationTarget).dxn?.toString() === workerDxn)\n        .map((trace) => (\n          <InvocationTraceItem\n            key={trace.id}\n            trace={trace}\n            open={selected?.id === trace.id}\n            setOpen={handleOpenChange}\n          />\n        ))}\n    </List>\n  );\n};\n\nconst InvocationTraceItem = ({\n  trace,\n  open,\n  setOpen,\n}: {\n  trace: InvocationTraceEvent;\n  open?: boolean;\n  setOpen?: (trace: InvocationTraceEvent, open: boolean) => void;\n}) => {\n  const eventQueue = useQueue<TraceEvent>(open ? decodeReference(trace.invocationTraceQueue).dxn : undefined);\n\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      setOpen?.(trace, open);\n    },\n    [trace, setOpen],\n  );\n\n  const logs = useMemo(() => eventQueue?.items.flatMap((event) => event.logs), [eventQueue?.items]);\n  const heading =\n    'bodyText' in trace.input && typeof trace.input.bodyText === 'string'\n      ? trace.input.bodyText\n      : JSON.stringify(trace.input);\n\n  return (\n    <ListItem.Root key={trace.id} collapsible open={open} onOpenChange={handleOpenChange}>\n      <div className='flex items-center gap-2'>\n        <ListItem.OpenTrigger />\n        <ListItem.Endcap classNames='flex items-center justify-center'>\n          <Icon icon={trace.outcome === 'success' ? 'ph--check--regular' : 'ph--x--regular'} size={5} />\n        </ListItem.Endcap>\n        <ListItem.Heading classNames='flex-1 flex items-center gap-2 truncate'>\n          <span>{new Date(trace.timestampMs).toLocaleString()}</span>\n          <span>{heading}</span>\n        </ListItem.Heading>\n      </div>\n      {logs && (\n        <ListItem.CollapsibleContent>\n          <div className='flex items-center gap-2'>\n            <span>Duration:</span>\n            <span>{trace.durationMs}ms</span>\n          </div>\n          <pre>\n            <div>{JSON.stringify(trace.input, null, 2)}</div>\n            {logs.map((log, index) => {\n              return <div key={index}>{JSON.stringify(log, null, 2)}</div>;\n            })}\n          </pre>\n        </ListItem.CollapsibleContent>\n      )}\n    </ListItem.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["useCallback", "useEffect", "useMemo", "FunctionType", "getInvocationUrl", "getUserFunctionUrlInMetadata", "incrementSemverPatch", "setUserFunctionUrlInMetadata", "uploadWorkerFunction", "Bundler", "log", "useClient", "Filter", "create", "getMeta", "getSpace", "makeRef", "useQuery", "useTranslation", "createMenuAction", "createDeploy", "state", "errorItem", "createMenuAction", "label", "error", "ns", "SCRIPT_PLUGIN", "icon", "hidden", "deployAction", "type", "deploying", "disabled", "classNames", "copyAction", "functionUrl", "nodes", "edges", "source", "target", "useDeployDeps", "script", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "client", "useClient", "existingFunctionUrl", "useMemo", "getUserFunctionUrlInMetadata", "getMeta", "useDeployState", "useEffect", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "spaceId", "id", "deployed", "Boolean", "changed", "useDeployHandler", "t", "useTranslation", "useCallback", "undefined", "existingFunctionId", "split", "at", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "content", "functionId", "version", "meta", "uploadWorkerFunction", "incrementSemverPatch", "Error", "log", "info", "deployedFunction", "db", "add", "create", "name", "makeRef", "description", "trim", "verbose", "inputSchema", "outputSchema", "setUserFunctionUrlInMetadata", "err", "catch", "useCopyHandler", "navigator", "clipboard", "writeText", "useMemo", "create", "useToolbarState", "initialState", "useMemo", "create", "format", "prettierPluginEstree", "prettierPluginTypescript", "useCallback", "log", "createMenuAction", "createFormat", "formatAction", "createMenuAction", "label", "ns", "SCRIPT_PLUGIN", "icon", "nodes", "edges", "source", "target", "useFormatHandler", "script", "useCallback", "content", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "useCallback", "FUNCTIONS_PRESET_META_KEY", "getMeta", "createMenuItemGroup", "createMenuAction", "createTemplateSelectGroup", "createMenuItemGroup", "label", "ns", "SCRIPT_PLUGIN", "variant", "createTemplateSelectActions", "templates", "map", "template", "createMenuAction", "id", "name", "value", "type", "createTemplateSelect", "templateSelectGroup", "templateSelectActions", "nodes", "edges", "source", "target", "action", "useTemplateSelectHandler", "script", "useCallback", "templateId", "find", "content", "metaKeys", "getMeta", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "createMenuAction", "views", "logs", "createViewActions", "state", "Object", "entries", "map", "viewType", "icon", "createMenuAction", "type", "value", "label", "ns", "SCRIPT_PLUGIN", "createView", "viewActions", "nodes", "edges", "action", "source", "target", "id", "useCallback", "createIntent", "useIntentDispatcher", "log", "DeckAction", "surfaceVariant", "fullyQualifiedId", "useToolbarAction", "props", "handleTemplateSelect", "useTemplateSelectHandler", "handleFormat", "useFormatHandler", "handleDeploy", "useDeployHandler", "handleCopy", "useCopyHandler", "dispatchPromise", "dispatch", "useIntentDispatcher", "useCallback", "action", "properties", "type", "createIntent", "DeckAction", "ChangeCompanion", "primary", "fullyQualifiedId", "script", "companion", "surfaceVariant", "value", "log", "error", "React", "useCallback", "useMemo", "useState", "decodeReference", "useQueue", "Icon", "List", "ListItem", "useTranslation", "mx", "LogsPanel", "script", "classNames", "t", "useTranslation", "SCRIPT_PLUGIN", "space", "existingFunctionUrl", "useDeployDeps", "invocationTraceQueue", "useQueue", "properties", "dxn", "pollInterval", "selected", "setSelected", "useState", "workerDxn", "split", "at", "div", "handleOpenChange", "useCallback", "trace", "open", "undefined", "List", "mx", "items", "filter", "decodeReference", "invocationTarget", "toString", "map", "InvocationTraceItem", "key", "id", "setOpen", "eventQueue", "logs", "useMemo", "flatMap", "event", "heading", "input", "bodyText", "JSON", "stringify", "ListItem", "Root", "collapsible", "onOpenChange", "className", "OpenTrigger", "Endcap", "Icon", "icon", "outcome", "size", "Heading", "span", "Date", "timestampMs", "toLocaleString", "CollapsibleContent", "durationMs", "pre", "log", "index"]
+}

package/dist/lib/browser/{chunk-6MOQ4BP3.mjs → chunk-FG66JYON.mjs}

@@ -1,6 +1,6 @@
 import {
   SCRIPT_PLUGIN
-} from "./chunk-FVVCAWNP.mjs";
+} from "./chunk-27LV6ARH.mjs";
 
 // packages/plugins/experimental/plugin-script/src/capabilities/capabilities.ts
 import { defineCapability } from "@dxos/app-framework";
@@ -12,4 +12,4 @@ var ScriptCapabilities;
 export {
   ScriptCapabilities
 };
-//# sourceMappingURL=chunk-6MOQ4BP3.mjs.map
+//# sourceMappingURL=chunk-FG66JYON.mjs.map

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

@@ -0,0 +1,467 @@
+import {
+  SCRIPT_PLUGIN
+} from "./chunk-27LV6ARH.mjs";
+
+// packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx
+import React, { forwardRef, useEffect, useRef, useState } from "react";
+import { log } from "@dxos/log";
+import { Avatar, Icon, Input, Toolbar, useTranslation } from "@dxos/react-ui";
+import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
+import { errorText, mx } from "@dxos/react-ui-theme";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx";
+var DebugPanel = ({ classNames, functionUrl }) => {
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  const inputRef = useRef(null);
+  const [input, setInput] = useState("");
+  const [result, setResult] = useState("");
+  const [state, setState] = useState(null);
+  const [history, setHistory] = useState([]);
+  const scrollerRef = useRef(null);
+  const handleScroll = () => {
+    if (scrollerRef.current) {
+      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
+    }
+  };
+  const controller = useRef();
+  useEffect(() => {
+    return () => {
+      handleStop();
+    };
+  }, []);
+  const handleStop = () => {
+    controller.current?.abort("stop");
+    controller.current = void 0;
+  };
+  const handleClear = () => {
+    handleStop();
+    setInput("");
+    setResult("");
+    setHistory([]);
+    inputRef.current?.focus();
+  };
+  const handleResponse = ({ text, data, error } = {}) => {
+    controller.current = void 0;
+    setHistory((history2) => [
+      ...history2,
+      {
+        type: "response",
+        text,
+        data,
+        error
+      }
+    ]);
+    setResult("");
+    setState(null);
+    handleScroll();
+  };
+  const handleRequest = async (input2) => {
+    try {
+      setState("pending");
+      let data = null;
+      if (input2.charAt(0) === "{") {
+        try {
+          const validJsonString = input2.replace(/'/g, '"').replace(/([{,]\s*)([a-zA-Z0-9_]+)(\s*:)/g, '$1"$2"$3');
+          data = JSON.parse(validJsonString);
+          input2 = JSON.stringify(data, null, 2);
+        } catch (err) {
+          inputRef.current?.focus();
+          return;
+        }
+      }
+      setInput("");
+      setResult("");
+      setHistory((history2) => [
+        ...history2,
+        {
+          type: "request",
+          text: input2
+        }
+      ]);
+      setTimeout(() => {
+        handleScroll();
+      });
+      controller.current = new AbortController();
+      const response = await fetch(functionUrl, {
+        signal: controller.current.signal,
+        method: "POST",
+        body: input2,
+        headers: {
+          "Content-Type": data ? "application/json" : "text/plain"
+        }
+      });
+      if (!response.ok) {
+        const text2 = await response.text();
+        handleResponse({
+          error: new Error(text2 || response.statusText || String(response.status))
+        });
+        return;
+      }
+      const contentType = response.headers.get("content-type");
+      if (contentType === "application/json") {
+        const data2 = await response.json();
+        handleResponse({
+          data: data2
+        });
+        return;
+      }
+      setState("responding");
+      let text = "";
+      const reader = response.body.getReader();
+      const pump = async ({ done, value }) => {
+        text = text + new TextDecoder().decode(value);
+        if (!controller.current || done) {
+          handleResponse({
+            text
+          });
+          return;
+        }
+        setResult(text);
+        setTimeout(() => {
+          handleScroll();
+        });
+        return reader.read().then(pump);
+      };
+      void reader.read().then(pump).catch((err) => {
+        if (err.name !== "AbortError") {
+          log.catch(err, void 0, {
+            F: __dxlog_file,
+            L: 146,
+            S: void 0,
+            C: (f, a) => f(...a)
+          });
+        }
+      });
+    } catch (err) {
+      if (err !== "stop") {
+        const error = err instanceof Error ? err : new Error(err);
+        handleResponse({
+          error
+        });
+        log.catch(err, void 0, {
+          F: __dxlog_file,
+          L: 153,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      } else {
+        handleResponse();
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex flex-col h-full overflow-hidden", classNames)
+  }, /* @__PURE__ */ React.createElement(MessageThread, {
+    ref: scrollerRef,
+    state,
+    result,
+    history
+  }), /* @__PURE__ */ React.createElement(Toolbar.Root, {
+    classNames: "p-1"
+  }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+    ref: inputRef,
+    autoFocus: true,
+    placeholder: t("function request placeholder"),
+    value: input,
+    onChange: (ev) => setInput(ev.target.value),
+    onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
+  })), /* @__PURE__ */ React.createElement(Toolbar.Button, {
+    onClick: () => handleRequest(input)
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--play--regular",
+    size: 4
+  })), /* @__PURE__ */ React.createElement(Toolbar.Button, {
+    onClick: () => state ? handleStop() : handleClear()
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: state ? "ph--stop--regular" : "ph--trash--regular",
+    size: 4
+  }))));
+};
+var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forwardedRef) => {
+  if (!history.length && !result.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    ref: forwardedRef,
+    className: "flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto"
+  }, history.map((message, i) => /* @__PURE__ */ React.createElement("div", {
+    key: i,
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "p-1"
+  }, message.type === "response" && /* @__PURE__ */ React.createElement(RobotAvatar, null)), /* @__PURE__ */ React.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ React.createElement(MessageItem, {
+    message
+  })))), result?.length > 0 && /* @__PURE__ */ React.createElement("div", {
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "p-1"
+  }, state === "pending" && /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--spinner--regular",
+    size: 6,
+    classNames: "animate-spin"
+  }) || /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--robot--regular",
+    size: 6,
+    classNames: "animate-[pulse_1s_ease-in-out_infinite]"
+  })), /* @__PURE__ */ React.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ React.createElement(MessageItem, {
+    message: {
+      type: "response",
+      text: result
+    }
+  }))));
+});
+var MessageItem = ({ classNames, message }) => {
+  const { type, text, data, error } = message;
+  const wrapper = "p-1 px-2 rounded-lg bg-hoverSurface overflow-auto";
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+  }, error && /* @__PURE__ */ React.createElement("div", {
+    className: mx(wrapper, "whitespace-pre", errorText)
+  }, String(error)), text !== void 0 && /* @__PURE__ */ React.createElement("div", {
+    className: mx(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
+  }, text || "\xD8"), data && /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
+    language: "json",
+    className: mx(wrapper, "px-8 py-2 text-xs")
+  }, JSON.stringify(data, null, 2)));
+};
+var RobotAvatar = () => /* @__PURE__ */ React.createElement(Avatar.Root, {
+  size: 6,
+  variant: "circle"
+}, /* @__PURE__ */ React.createElement(Avatar.Frame, null, /* @__PURE__ */ React.createElement(Avatar.Icon, {
+  icon: "ph--robot--regular"
+})));
+
+// packages/plugins/experimental/plugin-script/src/components/ScriptSettings/ScriptSettings.tsx
+import React2 from "react";
+import { useClient } from "@dxos/react-client";
+import { Button, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { EditorInputModes } from "@dxos/react-ui-editor";
+import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
+var ScriptSettings = ({ settings }) => {
+  const { t } = useTranslation2(SCRIPT_PLUGIN);
+  const client = useClient();
+  const handleAuthenticate = async () => {
+    const { identityKey } = client.halo.identity.get();
+    await client.halo.writeCredentials([
+      {
+        issuer: identityKey,
+        issuanceDate: /* @__PURE__ */ new Date(),
+        subject: {
+          id: identityKey,
+          assertion: {
+            "@type": "dxos.halo.credentials.ServiceAccess",
+            serverName: "hub.dxos.network",
+            serverKey: identityKey,
+            identityKey,
+            capabilities: [
+              "composer:beta"
+            ]
+          }
+        }
+      }
+    ]);
+  };
+  return /* @__PURE__ */ React2.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
+    label: t("authenticate action label")
+  }, /* @__PURE__ */ React2.createElement(Button, {
+    onClick: handleAuthenticate
+  }, t("authenticate button label"))), /* @__PURE__ */ React2.createElement(DeprecatedFormInput, {
+    label: t("editor input mode label")
+  }, /* @__PURE__ */ React2.createElement(Select.Root, {
+    value: settings.editorInputMode ?? "default",
+    onValueChange: (value) => {
+      settings.editorInputMode = value;
+    }
+  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
+    placeholder: t("select editor input mode placeholder")
+  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React2.createElement(Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`settings editor input mode ${mode} label`)))))))));
+};
+
+// packages/plugins/experimental/plugin-script/src/components/ScriptSettingsPanel.tsx
+import { Octokit } from "@octokit/core";
+import React3, { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
+import { createIntent, SettingsAction, useIntentDispatcher } from "@dxos/app-framework";
+import { FunctionType, getInvocationUrl, getUserFunctionUrlInMetadata } from "@dxos/functions/types";
+import { log as log2 } from "@dxos/log";
+import { useClient as useClient2 } from "@dxos/react-client";
+import { Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
+import { Button as Button2, Clipboard, Input as Input2, Separator, useControlledState, useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { AccessTokenType } from "@dxos/schema";
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptSettingsPanel.tsx";
+var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
+var ScriptSettingsPanel = ({ script }) => {
+  const { t } = useTranslation3(SCRIPT_PLUGIN);
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const client = useClient2();
+  const space = getSpace(script);
+  const [fn] = useQuery(space, Filter.schema(FunctionType, {
+    source: script
+  }));
+  const [githubToken] = useQuery(space, Filter.schema(AccessTokenType, {
+    source: "github.com"
+  }));
+  const gistKey = getMeta(script).keys.find(({ source }) => source === "github.com");
+  const [gistUrl, setGistUrl] = useState2();
+  useEffect2(() => {
+    const token = githubToken?.token;
+    const gistId = gistKey?.id;
+    if (!token || !gistId) {
+      setGistUrl(void 0);
+      return;
+    }
+    const timeout = setTimeout(async () => {
+      try {
+        const octokit = new Octokit({
+          auth: githubToken.token
+        });
+        const response = await octokit.request("GET /gists/{gist_id}", {
+          gist_id: gistId
+        });
+        setGistUrl(response.data.html_url);
+      } catch (err) {
+        log2.catch(err, void 0, {
+          F: __dxlog_file2,
+          L: 52,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+        setGistUrl(void 0);
+      }
+    });
+    return () => clearTimeout(timeout);
+  }, [
+    githubToken,
+    gistKey
+  ]);
+  const [binding, setBinding] = useControlledState(fn?.binding ?? "");
+  const handleBindingChange = useCallback((event) => {
+    setBinding(event.target.value);
+  }, [
+    setBinding
+  ]);
+  const handleBindingBlur = useCallback(() => {
+    fn.binding = binding;
+  }, [
+    fn,
+    binding
+  ]);
+  const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));
+  const functionUrl = functionPath && getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
+    spaceId: space?.id
+  });
+  const handleOpenTokenManager = useCallback(() => dispatch(createIntent(SettingsAction.Open, {
+    plugin: "dxos.org/plugin/token-manager"
+  })), []);
+  const [publishing, setPublishing] = useState2(false);
+  const handlePublish = useCallback(async () => {
+    setPublishing(true);
+    const octokit = new Octokit({
+      auth: githubToken.token
+    });
+    const source = await script.source.load();
+    const filename = script.name ? kebabize(script.name) : "composer-script";
+    const files = {
+      [`${filename}.ts`]: {
+        content: source.content
+      }
+    };
+    try {
+      const meta = getMeta(script);
+      const githubKey = meta.keys.find(({ source: source2 }) => source2 === "github.com");
+      const gistId = githubKey?.id;
+      if (gistId) {
+        await octokit.request("PATCH /gists/{gist_id}", {
+          gist_id: gistId,
+          files
+        });
+      } else {
+        const response = await octokit.request("POST /gists", {
+          public: true,
+          files
+        });
+        if (response.data.id) {
+          meta.keys.push({
+            source: "github.com",
+            id: response.data.id
+          });
+        }
+      }
+    } finally {
+      setPublishing(false);
+    }
+  }, [
+    script,
+    githubToken
+  ]);
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-4"
+  }, /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React3.createElement(Input2.Label, null, t("description label")), /* @__PURE__ */ React3.createElement(Input2.TextInput, {
+    placeholder: t("description placeholder"),
+    value: script.description ?? "",
+    onChange: (event) => {
+      script.description = event.target.value;
+    }
+  })))), fn && functionUrl && /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Separator, null), /* @__PURE__ */ React3.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-4"
+  }, /* @__PURE__ */ React3.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React3.createElement(Input2.Label, null, t("function url label")), /* @__PURE__ */ React3.createElement("div", {
+    role: "none",
+    className: "flex gap-1"
+  }, /* @__PURE__ */ React3.createElement(Input2.TextInput, {
+    disabled: true,
+    value: functionUrl,
+    onChange: (event) => {
+      fn.name = event.target.value;
+    }
+  }), /* @__PURE__ */ React3.createElement(Clipboard.IconButton, {
+    value: functionUrl
+  })))), /* @__PURE__ */ React3.createElement(Input2.Root, null, /* @__PURE__ */ React3.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ React3.createElement(Input2.Label, null, t("function binding label")), /* @__PURE__ */ React3.createElement(Input2.TextInput, {
+    placeholder: t("function binding placeholder"),
+    value: binding,
+    onChange: handleBindingChange,
+    onBlur: handleBindingBlur
+  }))))), /* @__PURE__ */ React3.createElement(Separator, null), /* @__PURE__ */ React3.createElement("div", {
+    className: "flex flex-col w-full p-2 gap-4"
+  }, /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ React3.createElement("p", {
+    className: "text-description text-sm"
+  }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ React3.createElement("div", {
+    className: "flex flex-col items-center justify-center gap-2"
+  }, /* @__PURE__ */ React3.createElement("span", null, t("no github token label")), /* @__PURE__ */ React3.createElement(Button2, {
+    onClick: handleOpenTokenManager
+  }, t("open token manager label"))), githubToken && /* @__PURE__ */ React3.createElement("div", {
+    className: "flex justify-end gap-2"
+  }, gistUrl && /* @__PURE__ */ React3.createElement(Clipboard.IconButton, {
+    value: gistUrl
+  }), /* @__PURE__ */ React3.createElement(Button2, {
+    disabled: publishing,
+    onClick: handlePublish
+  }, t(publishing ? "publishing label" : "publish label")))));
+};
+
+// packages/plugins/experimental/plugin-script/src/components/index.ts
+import { lazy } from "react";
+var ScriptContainer = lazy(() => import("./ScriptContainer-7PTOJ4KY.mjs"));
+
+export {
+  DebugPanel,
+  ScriptSettings,
+  ScriptSettingsPanel,
+  ScriptContainer
+};
+//# sourceMappingURL=chunk-QHE53FDV.mjs.map