@dxos/plugin-script 0.6.14-main.f49f251 → 0.6.14-staging.77003c1

package/src/ScriptPlugin.tsx

@@ -16,7 +16,7 @@ import { loadObjectReferences } from '@dxos/react-client/echo';
 
 import { initializeBundler } from './bundler';
 import { Compiler } from './compiler';
-import { AutomationPanel, ScriptContainer, ScriptSettings } from './components';
+import { AutomationPanel, ScriptContainer, ScriptSettings, ScriptSettingsPanel } from './components';
 import meta, { SCRIPT_PLUGIN } from './meta';
 import { templates } from './templates';
 import translations from './translations';
@@ -122,12 +122,20 @@ export const ScriptPlugin = (): PluginDefinition<ScriptPluginProvides> => {
             }
 
             case 'complementary--automation': {
-              if (data.object instanceof ScriptType) {
+              if (data.subject instanceof ScriptType) {
                 return {
                   node: <AutomationPanel subject={data.subject as any} />,
                   disposition: 'hoist',
                 };
               }
+              break;
+            }
+
+            case 'complementary--settings': {
+              if (data.subject instanceof ScriptType) {
+                return <ScriptSettingsPanel script={data.subject} />;
+              }
+              break;
             }
           }
 

package/src/components/DebugPanel/DebugPanel.tsx

@@ -5,7 +5,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 
 import { log } from '@dxos/log';
-import { Avatar, Icon, Input, type ThemedClassName, Toolbar, useControlledValue, useTranslation } from '@dxos/react-ui';
+import { Avatar, Icon, Input, type ThemedClassName, Toolbar, useTranslation } from '@dxos/react-ui';
 import { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';
 import { mx } from '@dxos/react-ui-theme';
 
@@ -20,26 +20,11 @@ type Message = { type: 'request' | 'response'; text?: string; data?: any; error?
 
 export type DebugPanelProps = ThemedClassName<{
   functionUrl?: string;
-  binding?: string;
-  onBindingChange?: (binding: string) => void;
-  showBindingConfig?: boolean;
 }>;
 
-export const DebugPanel = ({
-  classNames,
-  functionUrl,
-  binding: _binding,
-  onBindingChange,
-  showBindingConfig = false,
-}: DebugPanelProps) => {
+export const DebugPanel = ({ classNames, functionUrl }: DebugPanelProps) => {
   const { t } = useTranslation(SCRIPT_PLUGIN);
 
-  const bindingInputRef = useRef<HTMLInputElement>(null);
-  const [binding, setBinding] = useControlledValue(_binding ?? '');
-  const handleBlur = () => {
-    onBindingChange?.(binding);
-  };
-
   const inputRef = useRef<HTMLInputElement>(null);
   const [input, setInput] = useState('');
   const [result, setResult] = useState('');
@@ -190,18 +175,6 @@ export const DebugPanel = ({
             onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}
           />
         </Input.Root>
-        {showBindingConfig && (
-          <Input.Root>
-            <Input.TextInput
-              ref={bindingInputRef}
-              classNames='!w-[10rem]'
-              placeholder={t('binding placeholder')}
-              value={binding}
-              onChange={(ev) => setBinding(ev.target.value.toUpperCase())}
-              onBlur={handleBlur}
-            />
-          </Input.Root>
-        )}
         <Toolbar.Button onClick={() => handleRequest(input)}>
           <Icon icon='ph--play--regular' size={4} />
         </Toolbar.Button>

package/src/components/ScriptEditor.tsx

@@ -72,13 +72,6 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
   const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));
   const [error, setError] = useState<string>();
 
-  const handleBindingChange = useCallback(
-    (binding: string) => {
-      fn.binding = binding;
-    },
-    [fn],
-  );
-
   const handleFormat = useCallback(async () => {
     if (!script.source) {
       return;
@@ -192,14 +185,7 @@ export const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) =>
         />
       )}
 
-      {view !== 'editor' && (
-        <DebugPanel
-          functionUrl={functionUrl}
-          showBindingConfig
-          binding={fn?.binding}
-          onBindingChange={handleBindingChange}
-        />
-      )}
+      {view !== 'editor' && <DebugPanel functionUrl={functionUrl} />}
     </div>
   );
 };

package/src/components/ScriptSettings/ScriptSettings.tsx

@@ -7,7 +7,7 @@ import React from 'react';
 import { type Credential } from '@dxos/protocols/proto/dxos/halo/credentials';
 import { useClient } from '@dxos/react-client';
 import { Button, useTranslation } from '@dxos/react-ui';
-import { FormInput } from '@dxos/react-ui-data';
+import { DeprecatedFormInput } from '@dxos/react-ui-data';
 
 import { SCRIPT_PLUGIN } from '../../meta';
 import { type ScriptSettingsProps } from '../../types';
@@ -39,9 +39,9 @@ export const ScriptSettings = ({ settings }: { settings: ScriptSettingsProps })
 
   return (
     <>
-      <FormInput label={t('authenticate action label')}>
+      <DeprecatedFormInput label={t('authenticate action label')}>
         <Button onClick={handleAuthenticate}>{t('authenticate button label')}</Button>
-      </FormInput>
+      </DeprecatedFormInput>
     </>
   );
 };

package/src/components/ScriptSettingsPanel.tsx

@@ -0,0 +1,105 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React, { type ChangeEvent, useCallback } from 'react';
+
+import { useClient } from '@dxos/react-client';
+import { Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';
+import { Button, Icon, Input, useControlledValue, useTranslation } from '@dxos/react-ui';
+
+import { getInvocationUrl, getUserFunctionUrlInMetadata } from '../edge';
+import { SCRIPT_PLUGIN } from '../meta';
+import { FunctionType, type ScriptType } from '../types';
+
+export type ScriptSettingsPanelProps = {
+  script: ScriptType;
+};
+
+export const ScriptSettingsPanel = ({ script }: ScriptSettingsPanelProps) => {
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  const client = useClient();
+  const space = getSpace(script);
+  // TODO(dmaretskyi): Parametric query.
+  const [fn] = useQuery(
+    space,
+    Filter.schema(FunctionType, (fn) => fn.source === script),
+  );
+
+  const handleNameChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      script.name = event.target.value;
+    },
+    [script],
+  );
+
+  const [binding, setBinding] = useControlledValue(fn?.binding ?? '');
+  const handleBindingChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      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,
+    });
+
+  // TODO(wittjosiah): Use ClipboardProvider.
+  const handleCopy = useCallback(() => functionUrl && navigator.clipboard.writeText(functionUrl), [functionUrl]);
+
+  return (
+    <div role='form' className='flex flex-col w-full p-2 gap-4'>
+      <Input.Root>
+        <div role='none' className='flex flex-col gap-1'>
+          <Input.Label>{t('name label')}</Input.Label>
+          <Input.TextInput
+            placeholder={t('object title placeholder')}
+            value={script.name ?? ''}
+            onChange={handleNameChange}
+          />
+        </div>
+      </Input.Root>
+      {fn && (
+        <>
+          <hr className='border-separator' />
+          <h2>{t('remote function settings heading')}</h2>
+          <Input.Root>
+            <div role='none' className='flex flex-col gap-1'>
+              <Input.Label>{t('function url label')}</Input.Label>
+              <div role='none' className='flex gap-1'>
+                <Input.TextInput
+                  disabled
+                  value={functionUrl}
+                  onChange={(event) => {
+                    fn.name = event.target.value;
+                  }}
+                />
+                <Button onClick={handleCopy}>
+                  <Icon icon='ph--copy--regular' size={4} />
+                </Button>
+              </div>
+            </div>
+          </Input.Root>
+          <Input.Root>
+            <div role='none' className='flex flex-col gap-1'>
+              <Input.Label>{t('function binding label')}</Input.Label>
+              <Input.TextInput
+                placeholder={t('function binding placeholder')}
+                value={binding}
+                onChange={handleBindingChange}
+                onBlur={handleBindingBlur}
+              />
+            </div>
+          </Input.Root>
+        </>
+      )}
+    </div>
+  );
+};

package/src/components/index.ts

@@ -5,6 +5,7 @@
 import { lazy } from 'react';
 
 export * from './ScriptSettings';
+export * from './ScriptSettingsPanel';
 
 export const AutomationPanel = lazy(() => import('./AutomationPanel'));
 export const ScriptContainer = lazy(() => import('./ScriptContainer'));

package/src/meta.ts

@@ -10,6 +10,7 @@ export default {
   id: SCRIPT_PLUGIN,
   name: 'Scripts',
   description: 'Distributed functions.',
-  tags: ['experimental'],
   icon: 'ph--code--regular',
+  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer',
+  tags: ['experimental'],
 } satisfies PluginMeta;

package/src/translations.ts

@@ -22,6 +22,11 @@ export default [
         'toggle details label': 'Toggle details panel',
         'authenticate action label': 'Authenticate functions service',
         'authenticate button label': 'Authenticate',
+        'name label': 'Name',
+        'remote function settings heading': 'Remote Function',
+        'function url label': 'Invocation URL',
+        'function binding label': 'Function binding',
+        'function binding placeholder': 'BINDING',
       },
     },
   },

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DebugPanel/DebugPanel.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { Avatar, Icon, Input, type ThemedClassName, Toolbar, useControlledValue, useTranslation } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\n\ntype State = 'pending' | 'responding';\n\n/**\n * Request or response.\n */\ntype Message = { type: 'request' | 'response'; text?: string; data?: any; error?: Error };\n\nexport type DebugPanelProps = ThemedClassName<{\n  functionUrl?: string;\n  binding?: string;\n  onBindingChange?: (binding: string) => void;\n  showBindingConfig?: boolean;\n}>;\n\nexport const DebugPanel = ({\n  classNames,\n  functionUrl,\n  binding: _binding,\n  onBindingChange,\n  showBindingConfig = false,\n}: DebugPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n\n  const bindingInputRef = useRef<HTMLInputElement>(null);\n  const [binding, setBinding] = useControlledValue(_binding ?? '');\n  const handleBlur = () => {\n    onBindingChange?.(binding);\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [input, setInput] = useState('');\n  const [result, setResult] = useState('');\n  const [state, setState] = useState<State | null>(null);\n\n  // TODO(burdon): Persistent history -- at least for session (non-space ECHO data?)\n  const [history, setHistory] = useState<Message[]>([]);\n\n  const scrollerRef = useRef<HTMLDivElement>(null);\n  const handleScroll = () => {\n    if (scrollerRef.current) {\n      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;\n    }\n  };\n\n  const controller = useRef<AbortController>();\n  useEffect(() => {\n    return () => {\n      handleStop();\n    };\n  }, []);\n\n  const handleStop = () => {\n    controller.current?.abort('stop');\n    controller.current = undefined;\n  };\n\n  const handleClear = () => {\n    handleStop();\n    setInput('');\n    setResult('');\n    setHistory([]);\n    inputRef.current?.focus();\n  };\n\n  const handleResponse = ({ text, data, error }: { text?: string; data?: any; error?: Error } = {}) => {\n    controller.current = undefined;\n    setHistory((history) => [...history, { type: 'response', text, data, error } satisfies Message]);\n    setResult('');\n    setState(null);\n    handleScroll();\n  };\n\n  const handleRequest = async (input: string) => {\n    // Returns a promise that resolves when a value has been received.\n    try {\n      setState('pending');\n\n      let data = null;\n      // Detect JSON input.\n      if (input.charAt(0) === '{') {\n        try {\n          const validJsonString = input.replace(/'/g, '\"').replace(/([{,]\\s*)([a-zA-Z0-9_]+)(\\s*:)/g, '$1\"$2\"$3');\n          data = JSON.parse(validJsonString);\n          input = JSON.stringify(data, null, 2);\n        } catch (err) {\n          inputRef.current?.focus();\n          return;\n        }\n      }\n\n      setInput('');\n      setResult('');\n      setHistory((history) => [...history, { type: 'request', text: input }]);\n      setTimeout(() => {\n        handleScroll();\n      });\n\n      // Throws DOMException when aborted.\n      controller.current = new AbortController();\n      const response = await fetch(functionUrl!, {\n        signal: controller.current.signal,\n        method: 'POST',\n        body: input,\n        headers: {\n          'Content-Type': data ? 'application/json' : 'text/plain',\n        },\n      });\n\n      // Check for error.\n      if (!response.ok) {\n        const text = await response.text();\n        handleResponse({ error: new Error(text || response.statusText || String(response.status)) });\n        return;\n      }\n\n      // Check for JSON.\n      const contentType = response.headers.get('content-type');\n      if (contentType === 'application/json') {\n        const data = await response.json();\n        handleResponse({ data });\n        return;\n      }\n\n      // Text (including streaming).\n      setState('responding');\n      let text = '';\n      const reader = response.body!.getReader();\n      const pump = async ({ done, value }: ReadableStreamReadResult<Uint8Array>): Promise<void> => {\n        text = text + new TextDecoder().decode(value);\n        if (!controller.current || done) {\n          handleResponse({ text });\n          return;\n        }\n\n        setResult(text);\n        setTimeout(() => {\n          handleScroll();\n        });\n\n        return reader.read().then(pump);\n      };\n\n      void reader\n        .read()\n        .then(pump)\n        .catch((err) => {\n          if (err.name !== 'AbortError') {\n            log.catch(err);\n          }\n        });\n    } catch (err: any) {\n      if (err !== 'stop') {\n        const error = err instanceof Error ? err : new Error(err);\n        handleResponse({ error });\n        log.catch(err);\n      } else {\n        handleResponse();\n      }\n    }\n  };\n\n  return (\n    <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n      {/* TODO(burdon): Replace with Thread? */}\n      <div ref={scrollerRef} className='flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto'>\n        <MessageThread state={state} result={result} history={history} />\n      </div>\n\n      <Toolbar.Root classNames='p-2'>\n        <Input.Root>\n          <Input.TextInput\n            ref={inputRef}\n            autoFocus\n            placeholder={t('function request placeholder')}\n            value={input}\n            onChange={(ev) => setInput(ev.target.value)}\n            onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n          />\n        </Input.Root>\n        {showBindingConfig && (\n          <Input.Root>\n            <Input.TextInput\n              ref={bindingInputRef}\n              classNames='!w-[10rem]'\n              placeholder={t('binding placeholder')}\n              value={binding}\n              onChange={(ev) => setBinding(ev.target.value.toUpperCase())}\n              onBlur={handleBlur}\n            />\n          </Input.Root>\n        )}\n        <Toolbar.Button onClick={() => handleRequest(input)}>\n          <Icon icon='ph--play--regular' size={4} />\n        </Toolbar.Button>\n        <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n          <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n        </Toolbar.Button>\n      </Toolbar.Root>\n    </div>\n  );\n};\n\n// TODO(burdon): Replace with thread?\n// TODO(burdon): Button to delete individual messages.\n// TODO(burdon): Button to edit/re-run question.\nconst MessageThread = ({ state, result, history }: { state: State | null; result: string; history: Message[] }) => {\n  return (\n    <>\n      {history.map((message, i) => (\n        <div key={i} className='grid grid-cols-[2rem_1fr_2rem]'>\n          <div className='p-1'>{message.type === 'response' && <RobotAvatar />}</div>\n          <div className='overflow-auto'>\n            <MessageItem message={message} />\n          </div>\n        </div>\n      ))}\n      {result?.length > 0 && (\n        <div className='grid grid-cols-[2rem_1fr_2rem]'>\n          <div className='p-1'>\n            {(state === 'pending' && <Icon icon='ph--spinner--regular' size={6} classNames='animate-spin' />) || (\n              <Icon icon='ph--robot--regular' size={6} classNames='animate-[pulse_1s_ease-in-out_infinite]' />\n            )}\n          </div>\n          <div className='overflow-auto'>\n            <MessageItem message={{ type: 'response', text: result }} />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n  const { type, text, data, error } = message;\n  const wrapper = 'p-1 px-2 rounded-lg bg-hoverSurface overflow-auto';\n  return (\n    <div className={mx('flex', type === 'request' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>\n      {error && <div className={mx(wrapper, 'whitespace-pre text-error')}>{String(error)}</div>}\n\n      {text !== undefined && (\n        <div className={mx(wrapper, type === 'request' && 'bg-primary-400 dark:bg-primary-600')}>\n          {text || '\\u00D8'}\n        </div>\n      )}\n\n      {data && (\n        <SyntaxHighlighter language='json' className={mx(wrapper, 'px-8 py-2 text-xs')}>\n          {JSON.stringify(data, null, 2)}\n        </SyntaxHighlighter>\n      )}\n    </div>\n  );\n};\n\nconst RobotAvatar = () => (\n  <Avatar.Root size={6} variant='circle'>\n    <Avatar.Frame>\n      <Avatar.Icon icon='ph--robot--regular' />\n    </Avatar.Frame>\n  </Avatar.Root>\n);\n"],
-  "mappings": "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",
-  "names": ["React", "useEffect", "useRef", "useState", "log", "Avatar", "Icon", "Input", "Toolbar", "useControlledValue", "useTranslation", "SyntaxHighlighter", "mx", "DebugPanel", "classNames", "functionUrl", "binding", "_binding", "onBindingChange", "showBindingConfig", "t", "useTranslation", "SCRIPT_PLUGIN", "bindingInputRef", "useRef", "setBinding", "useControlledValue", "handleBlur", "inputRef", "input", "setInput", "useState", "result", "setResult", "state", "setState", "history", "setHistory", "scrollerRef", "handleScroll", "current", "scrollTop", "scrollHeight", "controller", "useEffect", "handleStop", "abort", "undefined", "handleClear", "focus", "handleResponse", "text", "data", "error", "type", "handleRequest", "charAt", "validJsonString", "replace", "JSON", "parse", "stringify", "err", "setTimeout", "AbortController", "response", "fetch", "signal", "method", "body", "headers", "ok", "Error", "statusText", "String", "status", "contentType", "get", "json", "reader", "getReader", "pump", "done", "value", "TextDecoder", "decode", "read", "then", "catch", "name", "log", "div", "className", "mx", "ref", "MessageThread", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "key", "toUpperCase", "onBlur", "Button", "onClick", "Icon", "icon", "size", "map", "message", "i", "RobotAvatar", "MessageItem", "length", "wrapper", "SyntaxHighlighter", "language", "Avatar", "variant", "Frame"]
-}

package/dist/lib/node/chunk-EJC55SDD.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const SCRIPT_PLUGIN = 'dxos.org/plugin/script';\n\nexport default {\n  id: SCRIPT_PLUGIN,\n  name: 'Scripts',\n  description: 'Distributed functions.',\n  tags: ['experimental'],\n  icon: 'ph--code--regular',\n} satisfies PluginMeta;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,gBAAgB;AAE7B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;IAAC;;EACPC,MAAM;AACR;",
-  "names": ["SCRIPT_PLUGIN", "id", "name", "description", "tags", "icon"]
-}

package/dist/lib/node/chunk-JWKMTYYH.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DebugPanel/DebugPanel.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { Avatar, Icon, Input, type ThemedClassName, Toolbar, useControlledValue, useTranslation } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\n\ntype State = 'pending' | 'responding';\n\n/**\n * Request or response.\n */\ntype Message = { type: 'request' | 'response'; text?: string; data?: any; error?: Error };\n\nexport type DebugPanelProps = ThemedClassName<{\n  functionUrl?: string;\n  binding?: string;\n  onBindingChange?: (binding: string) => void;\n  showBindingConfig?: boolean;\n}>;\n\nexport const DebugPanel = ({\n  classNames,\n  functionUrl,\n  binding: _binding,\n  onBindingChange,\n  showBindingConfig = false,\n}: DebugPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n\n  const bindingInputRef = useRef<HTMLInputElement>(null);\n  const [binding, setBinding] = useControlledValue(_binding ?? '');\n  const handleBlur = () => {\n    onBindingChange?.(binding);\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [input, setInput] = useState('');\n  const [result, setResult] = useState('');\n  const [state, setState] = useState<State | null>(null);\n\n  // TODO(burdon): Persistent history -- at least for session (non-space ECHO data?)\n  const [history, setHistory] = useState<Message[]>([]);\n\n  const scrollerRef = useRef<HTMLDivElement>(null);\n  const handleScroll = () => {\n    if (scrollerRef.current) {\n      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;\n    }\n  };\n\n  const controller = useRef<AbortController>();\n  useEffect(() => {\n    return () => {\n      handleStop();\n    };\n  }, []);\n\n  const handleStop = () => {\n    controller.current?.abort('stop');\n    controller.current = undefined;\n  };\n\n  const handleClear = () => {\n    handleStop();\n    setInput('');\n    setResult('');\n    setHistory([]);\n    inputRef.current?.focus();\n  };\n\n  const handleResponse = ({ text, data, error }: { text?: string; data?: any; error?: Error } = {}) => {\n    controller.current = undefined;\n    setHistory((history) => [...history, { type: 'response', text, data, error } satisfies Message]);\n    setResult('');\n    setState(null);\n    handleScroll();\n  };\n\n  const handleRequest = async (input: string) => {\n    // Returns a promise that resolves when a value has been received.\n    try {\n      setState('pending');\n\n      let data = null;\n      // Detect JSON input.\n      if (input.charAt(0) === '{') {\n        try {\n          const validJsonString = input.replace(/'/g, '\"').replace(/([{,]\\s*)([a-zA-Z0-9_]+)(\\s*:)/g, '$1\"$2\"$3');\n          data = JSON.parse(validJsonString);\n          input = JSON.stringify(data, null, 2);\n        } catch (err) {\n          inputRef.current?.focus();\n          return;\n        }\n      }\n\n      setInput('');\n      setResult('');\n      setHistory((history) => [...history, { type: 'request', text: input }]);\n      setTimeout(() => {\n        handleScroll();\n      });\n\n      // Throws DOMException when aborted.\n      controller.current = new AbortController();\n      const response = await fetch(functionUrl!, {\n        signal: controller.current.signal,\n        method: 'POST',\n        body: input,\n        headers: {\n          'Content-Type': data ? 'application/json' : 'text/plain',\n        },\n      });\n\n      // Check for error.\n      if (!response.ok) {\n        const text = await response.text();\n        handleResponse({ error: new Error(text || response.statusText || String(response.status)) });\n        return;\n      }\n\n      // Check for JSON.\n      const contentType = response.headers.get('content-type');\n      if (contentType === 'application/json') {\n        const data = await response.json();\n        handleResponse({ data });\n        return;\n      }\n\n      // Text (including streaming).\n      setState('responding');\n      let text = '';\n      const reader = response.body!.getReader();\n      const pump = async ({ done, value }: ReadableStreamReadResult<Uint8Array>): Promise<void> => {\n        text = text + new TextDecoder().decode(value);\n        if (!controller.current || done) {\n          handleResponse({ text });\n          return;\n        }\n\n        setResult(text);\n        setTimeout(() => {\n          handleScroll();\n        });\n\n        return reader.read().then(pump);\n      };\n\n      void reader\n        .read()\n        .then(pump)\n        .catch((err) => {\n          if (err.name !== 'AbortError') {\n            log.catch(err);\n          }\n        });\n    } catch (err: any) {\n      if (err !== 'stop') {\n        const error = err instanceof Error ? err : new Error(err);\n        handleResponse({ error });\n        log.catch(err);\n      } else {\n        handleResponse();\n      }\n    }\n  };\n\n  return (\n    <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n      {/* TODO(burdon): Replace with Thread? */}\n      <div ref={scrollerRef} className='flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto'>\n        <MessageThread state={state} result={result} history={history} />\n      </div>\n\n      <Toolbar.Root classNames='p-2'>\n        <Input.Root>\n          <Input.TextInput\n            ref={inputRef}\n            autoFocus\n            placeholder={t('function request placeholder')}\n            value={input}\n            onChange={(ev) => setInput(ev.target.value)}\n            onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n          />\n        </Input.Root>\n        {showBindingConfig && (\n          <Input.Root>\n            <Input.TextInput\n              ref={bindingInputRef}\n              classNames='!w-[10rem]'\n              placeholder={t('binding placeholder')}\n              value={binding}\n              onChange={(ev) => setBinding(ev.target.value.toUpperCase())}\n              onBlur={handleBlur}\n            />\n          </Input.Root>\n        )}\n        <Toolbar.Button onClick={() => handleRequest(input)}>\n          <Icon icon='ph--play--regular' size={4} />\n        </Toolbar.Button>\n        <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n          <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n        </Toolbar.Button>\n      </Toolbar.Root>\n    </div>\n  );\n};\n\n// TODO(burdon): Replace with thread?\n// TODO(burdon): Button to delete individual messages.\n// TODO(burdon): Button to edit/re-run question.\nconst MessageThread = ({ state, result, history }: { state: State | null; result: string; history: Message[] }) => {\n  return (\n    <>\n      {history.map((message, i) => (\n        <div key={i} className='grid grid-cols-[2rem_1fr_2rem]'>\n          <div className='p-1'>{message.type === 'response' && <RobotAvatar />}</div>\n          <div className='overflow-auto'>\n            <MessageItem message={message} />\n          </div>\n        </div>\n      ))}\n      {result?.length > 0 && (\n        <div className='grid grid-cols-[2rem_1fr_2rem]'>\n          <div className='p-1'>\n            {(state === 'pending' && <Icon icon='ph--spinner--regular' size={6} classNames='animate-spin' />) || (\n              <Icon icon='ph--robot--regular' size={6} classNames='animate-[pulse_1s_ease-in-out_infinite]' />\n            )}\n          </div>\n          <div className='overflow-auto'>\n            <MessageItem message={{ type: 'response', text: result }} />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n  const { type, text, data, error } = message;\n  const wrapper = 'p-1 px-2 rounded-lg bg-hoverSurface overflow-auto';\n  return (\n    <div className={mx('flex', type === 'request' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>\n      {error && <div className={mx(wrapper, 'whitespace-pre text-error')}>{String(error)}</div>}\n\n      {text !== undefined && (\n        <div className={mx(wrapper, type === 'request' && 'bg-primary-400 dark:bg-primary-600')}>\n          {text || '\\u00D8'}\n        </div>\n      )}\n\n      {data && (\n        <SyntaxHighlighter language='json' className={mx(wrapper, 'px-8 py-2 text-xs')}>\n          {JSON.stringify(data, null, 2)}\n        </SyntaxHighlighter>\n      )}\n    </div>\n  );\n};\n\nconst RobotAvatar = () => (\n  <Avatar.Root size={6} variant='circle'>\n    <Avatar.Frame>\n      <Avatar.Icon icon='ph--robot--regular' />\n    </Avatar.Frame>\n  </Avatar.Root>\n);\n"],
-  "mappings": "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",
-  "names": ["DebugPanel", "classNames", "functionUrl", "binding", "_binding", "onBindingChange", "showBindingConfig", "t", "useTranslation", "SCRIPT_PLUGIN", "bindingInputRef", "useRef", "setBinding", "useControlledValue", "handleBlur", "inputRef", "input", "setInput", "useState", "result", "setResult", "state", "setState", "history", "setHistory", "scrollerRef", "handleScroll", "current", "scrollTop", "scrollHeight", "controller", "useEffect", "handleStop", "abort", "undefined", "handleClear", "focus", "handleResponse", "text", "data", "error", "type", "handleRequest", "charAt", "validJsonString", "replace", "JSON", "parse", "stringify", "err", "setTimeout", "AbortController", "response", "fetch", "signal", "method", "body", "headers", "ok", "Error", "statusText", "String", "status", "contentType", "get", "json", "reader", "getReader", "pump", "done", "value", "TextDecoder", "decode", "read", "then", "catch", "name", "log", "React", "div", "className", "mx", "ref", "MessageThread", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "key", "toUpperCase", "onBlur", "Button", "onClick", "Icon", "icon", "size", "map", "message", "i", "RobotAvatar", "MessageItem", "length", "wrapper", "SyntaxHighlighter", "language", "Avatar", "variant", "Frame"]
-}

package/dist/lib/node-esm/chunk-3QHVR4VV.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DebugPanel/DebugPanel.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { Avatar, Icon, Input, type ThemedClassName, Toolbar, useControlledValue, useTranslation } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\n\ntype State = 'pending' | 'responding';\n\n/**\n * Request or response.\n */\ntype Message = { type: 'request' | 'response'; text?: string; data?: any; error?: Error };\n\nexport type DebugPanelProps = ThemedClassName<{\n  functionUrl?: string;\n  binding?: string;\n  onBindingChange?: (binding: string) => void;\n  showBindingConfig?: boolean;\n}>;\n\nexport const DebugPanel = ({\n  classNames,\n  functionUrl,\n  binding: _binding,\n  onBindingChange,\n  showBindingConfig = false,\n}: DebugPanelProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n\n  const bindingInputRef = useRef<HTMLInputElement>(null);\n  const [binding, setBinding] = useControlledValue(_binding ?? '');\n  const handleBlur = () => {\n    onBindingChange?.(binding);\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [input, setInput] = useState('');\n  const [result, setResult] = useState('');\n  const [state, setState] = useState<State | null>(null);\n\n  // TODO(burdon): Persistent history -- at least for session (non-space ECHO data?)\n  const [history, setHistory] = useState<Message[]>([]);\n\n  const scrollerRef = useRef<HTMLDivElement>(null);\n  const handleScroll = () => {\n    if (scrollerRef.current) {\n      scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;\n    }\n  };\n\n  const controller = useRef<AbortController>();\n  useEffect(() => {\n    return () => {\n      handleStop();\n    };\n  }, []);\n\n  const handleStop = () => {\n    controller.current?.abort('stop');\n    controller.current = undefined;\n  };\n\n  const handleClear = () => {\n    handleStop();\n    setInput('');\n    setResult('');\n    setHistory([]);\n    inputRef.current?.focus();\n  };\n\n  const handleResponse = ({ text, data, error }: { text?: string; data?: any; error?: Error } = {}) => {\n    controller.current = undefined;\n    setHistory((history) => [...history, { type: 'response', text, data, error } satisfies Message]);\n    setResult('');\n    setState(null);\n    handleScroll();\n  };\n\n  const handleRequest = async (input: string) => {\n    // Returns a promise that resolves when a value has been received.\n    try {\n      setState('pending');\n\n      let data = null;\n      // Detect JSON input.\n      if (input.charAt(0) === '{') {\n        try {\n          const validJsonString = input.replace(/'/g, '\"').replace(/([{,]\\s*)([a-zA-Z0-9_]+)(\\s*:)/g, '$1\"$2\"$3');\n          data = JSON.parse(validJsonString);\n          input = JSON.stringify(data, null, 2);\n        } catch (err) {\n          inputRef.current?.focus();\n          return;\n        }\n      }\n\n      setInput('');\n      setResult('');\n      setHistory((history) => [...history, { type: 'request', text: input }]);\n      setTimeout(() => {\n        handleScroll();\n      });\n\n      // Throws DOMException when aborted.\n      controller.current = new AbortController();\n      const response = await fetch(functionUrl!, {\n        signal: controller.current.signal,\n        method: 'POST',\n        body: input,\n        headers: {\n          'Content-Type': data ? 'application/json' : 'text/plain',\n        },\n      });\n\n      // Check for error.\n      if (!response.ok) {\n        const text = await response.text();\n        handleResponse({ error: new Error(text || response.statusText || String(response.status)) });\n        return;\n      }\n\n      // Check for JSON.\n      const contentType = response.headers.get('content-type');\n      if (contentType === 'application/json') {\n        const data = await response.json();\n        handleResponse({ data });\n        return;\n      }\n\n      // Text (including streaming).\n      setState('responding');\n      let text = '';\n      const reader = response.body!.getReader();\n      const pump = async ({ done, value }: ReadableStreamReadResult<Uint8Array>): Promise<void> => {\n        text = text + new TextDecoder().decode(value);\n        if (!controller.current || done) {\n          handleResponse({ text });\n          return;\n        }\n\n        setResult(text);\n        setTimeout(() => {\n          handleScroll();\n        });\n\n        return reader.read().then(pump);\n      };\n\n      void reader\n        .read()\n        .then(pump)\n        .catch((err) => {\n          if (err.name !== 'AbortError') {\n            log.catch(err);\n          }\n        });\n    } catch (err: any) {\n      if (err !== 'stop') {\n        const error = err instanceof Error ? err : new Error(err);\n        handleResponse({ error });\n        log.catch(err);\n      } else {\n        handleResponse();\n      }\n    }\n  };\n\n  return (\n    <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n      {/* TODO(burdon): Replace with Thread? */}\n      <div ref={scrollerRef} className='flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto'>\n        <MessageThread state={state} result={result} history={history} />\n      </div>\n\n      <Toolbar.Root classNames='p-2'>\n        <Input.Root>\n          <Input.TextInput\n            ref={inputRef}\n            autoFocus\n            placeholder={t('function request placeholder')}\n            value={input}\n            onChange={(ev) => setInput(ev.target.value)}\n            onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n          />\n        </Input.Root>\n        {showBindingConfig && (\n          <Input.Root>\n            <Input.TextInput\n              ref={bindingInputRef}\n              classNames='!w-[10rem]'\n              placeholder={t('binding placeholder')}\n              value={binding}\n              onChange={(ev) => setBinding(ev.target.value.toUpperCase())}\n              onBlur={handleBlur}\n            />\n          </Input.Root>\n        )}\n        <Toolbar.Button onClick={() => handleRequest(input)}>\n          <Icon icon='ph--play--regular' size={4} />\n        </Toolbar.Button>\n        <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n          <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n        </Toolbar.Button>\n      </Toolbar.Root>\n    </div>\n  );\n};\n\n// TODO(burdon): Replace with thread?\n// TODO(burdon): Button to delete individual messages.\n// TODO(burdon): Button to edit/re-run question.\nconst MessageThread = ({ state, result, history }: { state: State | null; result: string; history: Message[] }) => {\n  return (\n    <>\n      {history.map((message, i) => (\n        <div key={i} className='grid grid-cols-[2rem_1fr_2rem]'>\n          <div className='p-1'>{message.type === 'response' && <RobotAvatar />}</div>\n          <div className='overflow-auto'>\n            <MessageItem message={message} />\n          </div>\n        </div>\n      ))}\n      {result?.length > 0 && (\n        <div className='grid grid-cols-[2rem_1fr_2rem]'>\n          <div className='p-1'>\n            {(state === 'pending' && <Icon icon='ph--spinner--regular' size={6} classNames='animate-spin' />) || (\n              <Icon icon='ph--robot--regular' size={6} classNames='animate-[pulse_1s_ease-in-out_infinite]' />\n            )}\n          </div>\n          <div className='overflow-auto'>\n            <MessageItem message={{ type: 'response', text: result }} />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n  const { type, text, data, error } = message;\n  const wrapper = 'p-1 px-2 rounded-lg bg-hoverSurface overflow-auto';\n  return (\n    <div className={mx('flex', type === 'request' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>\n      {error && <div className={mx(wrapper, 'whitespace-pre text-error')}>{String(error)}</div>}\n\n      {text !== undefined && (\n        <div className={mx(wrapper, type === 'request' && 'bg-primary-400 dark:bg-primary-600')}>\n          {text || '\\u00D8'}\n        </div>\n      )}\n\n      {data && (\n        <SyntaxHighlighter language='json' className={mx(wrapper, 'px-8 py-2 text-xs')}>\n          {JSON.stringify(data, null, 2)}\n        </SyntaxHighlighter>\n      )}\n    </div>\n  );\n};\n\nconst RobotAvatar = () => (\n  <Avatar.Root size={6} variant='circle'>\n    <Avatar.Frame>\n      <Avatar.Icon icon='ph--robot--regular' />\n    </Avatar.Frame>\n  </Avatar.Root>\n);\n"],
-  "mappings": "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",
-  "names": ["React", "useEffect", "useRef", "useState", "log", "Avatar", "Icon", "Input", "Toolbar", "useControlledValue", "useTranslation", "SyntaxHighlighter", "mx", "DebugPanel", "classNames", "functionUrl", "binding", "_binding", "onBindingChange", "showBindingConfig", "t", "useTranslation", "SCRIPT_PLUGIN", "bindingInputRef", "useRef", "setBinding", "useControlledValue", "handleBlur", "inputRef", "input", "setInput", "useState", "result", "setResult", "state", "setState", "history", "setHistory", "scrollerRef", "handleScroll", "current", "scrollTop", "scrollHeight", "controller", "useEffect", "handleStop", "abort", "undefined", "handleClear", "focus", "handleResponse", "text", "data", "error", "type", "handleRequest", "charAt", "validJsonString", "replace", "JSON", "parse", "stringify", "err", "setTimeout", "AbortController", "response", "fetch", "signal", "method", "body", "headers", "ok", "Error", "statusText", "String", "status", "contentType", "get", "json", "reader", "getReader", "pump", "done", "value", "TextDecoder", "decode", "read", "then", "catch", "name", "log", "div", "className", "mx", "ref", "MessageThread", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "key", "toUpperCase", "onBlur", "Button", "onClick", "Icon", "icon", "size", "map", "message", "i", "RobotAvatar", "MessageItem", "length", "wrapper", "SyntaxHighlighter", "language", "Avatar", "variant", "Frame"]
-}