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

package/dist/lib/node/chunk-MSH4SVCN.cjs.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": ["import_react", "import_log", "import_react_ui_menu", "import_live_object", "import_types", "import_echo", "import_react_ui", "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", "useToolbarState", "initialState", "createFormat", "formatAction", "useFormatHandler", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "createTemplateSelectGroup", "createMenuItemGroup", "variant", "createTemplateSelectActions", "templates", "map", "template", "value", "createTemplateSelect", "templateSelectGroup", "templateSelectActions", "action", "useTemplateSelectHandler", "templateId", "find", "metaKeys", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "views", "logs", "createViewActions", "Object", "entries", "viewType", "createView", "viewActions", "useToolbarAction", "props", "handleTemplateSelect", "handleFormat", "handleDeploy", "handleCopy", "dispatchPromise", "dispatch", "useIntentDispatcher", "properties", "createIntent", "DeckAction", "ChangeCompanion", "primary", "fullyQualifiedId", "companion", "surfaceVariant", "LogsPanel", "invocationTraceQueue", "useQueue", "dxn", "pollInterval", "selected", "setSelected", "useState", "workerDxn", "React", "div", "handleOpenChange", "trace", "open", "List", "mx", "items", "filter", "decodeReference", "invocationTarget", "toString", "InvocationTraceItem", "setOpen", "eventQueue", "flatMap", "event", "heading", "input", "bodyText", "JSON", "stringify", "ListItem", "Root", "collapsible", "onOpenChange", "className", "OpenTrigger", "Endcap", "Icon", "outcome", "size", "Heading", "span", "Date", "timestampMs", "toLocaleString", "CollapsibleContent", "durationMs", "pre", "index"]
+}

package/dist/lib/node/chunk-W4U3OWKO.cjs

@@ -0,0 +1,493 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_W4U3OWKO_exports = {};
+__export(chunk_W4U3OWKO_exports, {
+  DebugPanel: () => DebugPanel,
+  ScriptContainer: () => ScriptContainer,
+  ScriptSettings: () => ScriptSettings,
+  ScriptSettingsPanel: () => ScriptSettingsPanel
+});
+module.exports = __toCommonJS(chunk_W4U3OWKO_exports);
+var import_chunk_2XX4L67K = require("./chunk-2XX4L67K.cjs");
+var import_react = __toESM(require("react"));
+var import_log = require("@dxos/log");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_react2 = __toESM(require("react"));
+var import_react_client = require("@dxos/react-client");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_react_ui_form = require("@dxos/react-ui-form");
+var import_core = require("@octokit/core");
+var import_react3 = __toESM(require("react"));
+var import_app_framework = require("@dxos/app-framework");
+var import_types = require("@dxos/functions/types");
+var import_log2 = require("@dxos/log");
+var import_react_client2 = require("@dxos/react-client");
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui3 = require("@dxos/react-ui");
+var import_schema = require("@dxos/schema");
+var import_react4 = require("react");
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx";
+var DebugPanel = ({ classNames, functionUrl }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_2XX4L67K.SCRIPT_PLUGIN);
+  const inputRef = (0, import_react.useRef)(null);
+  const [input, setInput] = (0, import_react.useState)("");
+  const [result, setResult] = (0, import_react.useState)("");
+  const [state, setState] = (0, import_react.useState)(null);
+  const [history, setHistory] = (0, import_react.useState)([]);
+  const scrollerRef = (0, import_react.useRef)(null);
+  const handleScroll = () => {
+    if (scrollerRef.current) {
+      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
+    }
+  };
+  const controller = (0, import_react.useRef)();
+  (0, import_react.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") {
+          import_log.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
+        });
+        import_log.log.catch(err, void 0, {
+          F: __dxlog_file,
+          L: 153,
+          S: void 0,
+          C: (f, a) => f(...a)
+        });
+      } else {
+        handleResponse();
+      }
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_react_ui_theme.mx)("flex flex-col h-full overflow-hidden", classNames)
+  }, /* @__PURE__ */ import_react.default.createElement(MessageThread, {
+    ref: scrollerRef,
+    state,
+    result,
+    history
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Root, {
+    classNames: "p-1"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.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__ */ import_react.default.createElement(import_react_ui.Toolbar.Button, {
+    onClick: () => handleRequest(input)
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+    icon: "ph--play--regular",
+    size: 4
+  })), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Button, {
+    onClick: () => state ? handleStop() : handleClear()
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+    icon: state ? "ph--stop--regular" : "ph--trash--regular",
+    size: 4
+  }))));
+};
+var MessageThread = /* @__PURE__ */ (0, import_react.forwardRef)(({ state, history, result }, forwardedRef) => {
+  if (!history.length && !result.length) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", {
+    key: i,
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "p-1"
+  }, message.type === "response" && /* @__PURE__ */ import_react.default.createElement(RobotAvatar, null)), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ import_react.default.createElement(MessageItem, {
+    message
+  })))), result?.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "grid grid-cols-[2rem_1fr_2rem]"
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "p-1"
+  }, state === "pending" && /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+    icon: "ph--spinner--regular",
+    size: 6,
+    classNames: "animate-spin"
+  }) || /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+    icon: "ph--robot--regular",
+    size: 6,
+    classNames: "animate-[pulse_1s_ease-in-out_infinite]"
+  })), /* @__PURE__ */ import_react.default.createElement("div", {
+    className: "overflow-auto"
+  }, /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("div", {
+    className: (0, import_react_ui_theme.mx)("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
+  }, error && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_react_ui_theme.mx)(wrapper, "whitespace-pre", import_react_ui_theme.errorText)
+  }, String(error)), text !== void 0 && /* @__PURE__ */ import_react.default.createElement("div", {
+    className: (0, import_react_ui_theme.mx)(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
+  }, text || "\xD8"), data && /* @__PURE__ */ import_react.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
+    language: "json",
+    className: (0, import_react_ui_theme.mx)(wrapper, "px-8 py-2 text-xs")
+  }, JSON.stringify(data, null, 2)));
+};
+var RobotAvatar = () => /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Root, {
+  size: 6,
+  variant: "circle"
+}, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Frame, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Icon, {
+  icon: "ph--robot--regular"
+})));
+var ScriptSettings = ({ settings }) => {
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_2XX4L67K.SCRIPT_PLUGIN);
+  const client = (0, import_react_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__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormContainer, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+    label: t("authenticate action label")
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
+    onClick: handleAuthenticate
+  }, t("authenticate button label"))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+    label: t("editor input mode label")
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Root, {
+    value: settings.editorInputMode ?? "default",
+    onValueChange: (value) => {
+      settings.editorInputMode = value;
+    }
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.TriggerButton, {
+    placeholder: t("select editor input mode placeholder")
+  }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Portal, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Content, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Viewport, null, import_react_ui_editor.EditorInputModes.map((mode) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Select.Option, {
+    key: mode,
+    value: mode
+  }, t(`settings editor input mode ${mode} label`)))))))));
+};
+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 } = (0, import_react_ui3.useTranslation)(import_chunk_2XX4L67K.SCRIPT_PLUGIN);
+  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+  const client = (0, import_react_client2.useClient)();
+  const space = (0, import_echo.getSpace)(script);
+  const [fn] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_types.FunctionType, {
+    source: script
+  }));
+  const [githubToken] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_schema.AccessTokenType, {
+    source: "github.com"
+  }));
+  const gistKey = (0, import_echo.getMeta)(script).keys.find(({ source }) => source === "github.com");
+  const [gistUrl, setGistUrl] = (0, import_react3.useState)();
+  (0, import_react3.useEffect)(() => {
+    const token = githubToken?.token;
+    const gistId = gistKey?.id;
+    if (!token || !gistId) {
+      setGistUrl(void 0);
+      return;
+    }
+    const timeout = setTimeout(async () => {
+      try {
+        const octokit = new import_core.Octokit({
+          auth: githubToken.token
+        });
+        const response = await octokit.request("GET /gists/{gist_id}", {
+          gist_id: gistId
+        });
+        setGistUrl(response.data.html_url);
+      } catch (err) {
+        import_log2.log.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] = (0, import_react_ui3.useControlledState)(fn?.binding ?? "");
+  const handleBindingChange = (0, import_react3.useCallback)((event) => {
+    setBinding(event.target.value);
+  }, [
+    setBinding
+  ]);
+  const handleBindingBlur = (0, import_react3.useCallback)(() => {
+    fn.binding = binding;
+  }, [
+    fn,
+    binding
+  ]);
+  const functionPath = fn && (0, import_types.getUserFunctionUrlInMetadata)((0, import_echo.getMeta)(fn));
+  const functionUrl = functionPath && (0, import_types.getInvocationUrl)(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
+    spaceId: space?.id
+  });
+  const handleOpenTokenManager = (0, import_react3.useCallback)(() => dispatch((0, import_app_framework.createIntent)(import_app_framework.SettingsAction.Open, {
+    plugin: "dxos.org/plugin/token-manager"
+  })), []);
+  const [publishing, setPublishing] = (0, import_react3.useState)(false);
+  const handlePublish = (0, import_react3.useCallback)(async () => {
+    setPublishing(true);
+    const octokit = new import_core.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 = (0, import_echo.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__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-4"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Label, null, t("description label")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.TextInput, {
+    placeholder: t("description placeholder"),
+    value: script.description ?? "",
+    onChange: (event) => {
+      script.description = event.target.value;
+    }
+  })))), fn && functionUrl && /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Separator, null), /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-4"
+  }, /* @__PURE__ */ import_react3.default.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Label, null, t("function url label")), /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "none",
+    className: "flex gap-1"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.TextInput, {
+    disabled: true,
+    value: functionUrl,
+    onChange: (event) => {
+      fn.name = event.target.value;
+    }
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Clipboard.IconButton, {
+    value: functionUrl
+  })))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "none",
+    className: "flex flex-col gap-1"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.Label, null, t("function binding label")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Input.TextInput, {
+    placeholder: t("function binding placeholder"),
+    value: binding,
+    onChange: handleBindingChange,
+    onBlur: handleBindingBlur
+  }))))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Separator, null), /* @__PURE__ */ import_react3.default.createElement("div", {
+    className: "flex flex-col w-full p-2 gap-4"
+  }, /* @__PURE__ */ import_react3.default.createElement("div", null, /* @__PURE__ */ import_react3.default.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ import_react3.default.createElement("p", {
+    className: "text-description text-sm"
+  }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ import_react3.default.createElement("div", {
+    className: "flex flex-col items-center justify-center gap-2"
+  }, /* @__PURE__ */ import_react3.default.createElement("span", null, t("no github token label")), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Button, {
+    onClick: handleOpenTokenManager
+  }, t("open token manager label"))), githubToken && /* @__PURE__ */ import_react3.default.createElement("div", {
+    className: "flex justify-end gap-2"
+  }, gistUrl && /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Clipboard.IconButton, {
+    value: gistUrl
+  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui3.Button, {
+    disabled: publishing,
+    onClick: handlePublish
+  }, t(publishing ? "publishing label" : "publish label")))));
+};
+var ScriptContainer = (0, import_react4.lazy)(() => import("./ScriptContainer-VHHYWC3A.cjs"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DebugPanel,
+  ScriptContainer,
+  ScriptSettings,
+  ScriptSettingsPanel
+});
+//# sourceMappingURL=chunk-W4U3OWKO.cjs.map