@dxos/plugin-script 0.8.0 → 0.8.1-main.a06ad20

package/dist/types/src/hooks/deploy.d.ts

@@ -34,6 +34,29 @@ export declare const createDeploy: (state: Partial<DeployState>) => {
         target: string;
     }[];
 };
+export declare const useDeployDeps: ({ script }: {
+    script: ScriptType;
+}) => {
+    space: import("@dxos/client-protocol").Space | undefined;
+    fn: import("@dxos/echo-schema").TypedObjectFields<{
+        name: typeof import("effect/Schema").NonEmptyString;
+        version: typeof import("effect/Schema").String;
+        description: import("effect/Schema").optional<typeof import("effect/Schema").String>;
+        source: import("effect/Schema").optional<import("@dxos/echo-schema").Ref$<import("@dxos/echo-schema").TypedObjectFields<{
+            name: import("effect/Schema").optional<typeof import("effect/Schema").String>;
+            description: import("effect/Schema").optional<typeof import("effect/Schema").String>;
+            changed: import("effect/Schema").optional<typeof import("effect/Schema").Boolean>;
+            source: import("@dxos/echo-schema").Ref$<import("@dxos/echo-schema").TypedObjectFields<{
+                content: typeof import("effect/Schema").String;
+            }, import("@dxos/echo-schema").TypedObjectOptions>>;
+        }, import("@dxos/echo-schema").TypedObjectOptions>>>;
+        inputSchema: import("effect/Schema").optional<import("effect/Schema").Schema<import("@dxos/echo-schema").JsonSchemaType, import("@dxos/echo-schema").JsonSchemaType, never>>;
+        outputSchema: import("effect/Schema").optional<import("effect/Schema").Schema<import("@dxos/echo-schema").JsonSchemaType, import("@dxos/echo-schema").JsonSchemaType, never>>;
+        binding: import("effect/Schema").optional<typeof import("effect/Schema").String>;
+    }, import("@dxos/echo-schema").TypedObjectOptions>;
+    client: import("@dxos/client").Client;
+    existingFunctionUrl: string | undefined;
+};
 export declare const useDeployState: ({ state, script }: {
     state: Partial<DeployState>;
     script: ScriptType;

package/dist/types/src/hooks/deploy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deploy.d.ts","sourceRoot":"","sources":["../../../../src/hooks/deploy.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,UAAU,EAMhB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,MAAM,MAAM,sBAAsB,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,OAAO,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;CA8BvD,CAAC;AAUF,eAAO,MAAM,cAAc,sBAAuB;IAAE,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAAC,MAAM,EAAE,UAAU,CAAA;CAAE,SAepG,CAAC;AAEF,eAAO,MAAM,gBAAgB,sBAAuB;IAAE,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAAC,MAAM,EAAE,UAAU,CAAA;CAAE,wBAqEtG,CAAC;AAEF,eAAO,MAAM,cAAc,cAAe;IAAE,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;CAAE,wBAMhD,CAAC"}
+{"version":3,"file":"deploy.d.ts","sourceRoot":"","sources":["../../../../src/hooks/deploy.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,UAAU,EAMhB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,MAAM,MAAM,sBAAsB,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,OAAO,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;CA8BvD,CAAC;AAEF,eAAO,MAAM,aAAa,eAAgB;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE;;;;;;wDAzBO,mBACzD,cACN,mBAAmB;;;;2BAGtB,mBAAmB,cAAc,mBAAmB;;sBAGQ,mBACrD;kBACqB,mBAAkB;;;;;;;CAqBlD,CAAC;AAEF,eAAO,MAAM,cAAc,sBAAuB;IAAE,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAAC,MAAM,EAAE,UAAU,CAAA;CAAE,SAepG,CAAC;AAEF,eAAO,MAAM,gBAAgB,sBAAuB;IAAE,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAAC,MAAM,EAAE,UAAU,CAAA;CAAE,wBAqEtG,CAAC;AAEF,eAAO,MAAM,cAAc,cAAe;IAAE,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;CAAE,wBAMhD,CAAC"}

package/dist/types/src/hooks/view.d.ts

@@ -1,4 +1,4 @@
-export type ViewType = 'editor' | 'split' | 'debug';
+export type ViewType = 'editor' | 'split' | 'logs';
 export type ViewState = {
     view: ViewType;
 };

package/dist/types/src/hooks/view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/hooks/view.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE3C,MAAM,MAAM,oBAAoB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAA;CAAE,CAAC;AA+BrE,eAAO,MAAM,UAAU,UAAW,OAAO,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAUnD,CAAC"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/hooks/view.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE3C,MAAM,MAAM,oBAAoB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAA;CAAE,CAAC;AA6BrE,eAAO,MAAM,UAAU,UAAW,OAAO,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAUnD,CAAC"}

package/dist/types/src/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/index.ts"],"names":[],"mappings":"AAqBA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,EAwC/B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/templates/index.ts"],"names":[],"mappings":"AAcA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,EAwC/B,CAAC"}

package/dist/types/src/translations.d.ts

@@ -37,7 +37,7 @@ declare const _default: {
             'view group label'?: undefined;
             'view editor label'?: undefined;
             'view split label'?: undefined;
-            'view debug label'?: undefined;
+            'view logs label'?: undefined;
             'template select group label'?: undefined;
             'function panel label'?: undefined;
         } | {
@@ -76,7 +76,7 @@ declare const _default: {
             'view group label': string;
             'view editor label': string;
             'view split label': string;
-            'view debug label': string;
+            'view logs label': string;
             'template select group label': string;
             'function panel label': string;
             'typename label'?: undefined;
@@ -117,7 +117,7 @@ declare const _default: {
             'view group label': string;
             'view editor label': string;
             'view split label': string;
-            'view debug label': string;
+            'view logs label': string;
             'template select group label': string;
             'function panel label': string;
         };

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAkDE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAgDE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-script",
-  "version": "0.8.0",
+  "version": "0.8.1-main.a06ad20",
   "description": "Braneframe notebook plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -40,7 +40,6 @@
     "@codemirror/state": "^6.4.1",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.34.1",
-    "@effect/schema": "^0.75.5",
     "@lezer/common": "^1.2.2",
     "@lezer/highlight": "^1.2.1",
     "@octokit/core": "^4.0.4",
@@ -54,61 +53,66 @@
     "prettier": "^3.2.4",
     "react-syntax-highlighter": "^15.5.0",
     "typescript": "^5.7.2",
-    "@dxos/app-framework": "0.8.0",
-    "@dxos/artifact": "0.8.0",
-    "@dxos/assistant": "0.8.0",
-    "@dxos/client": "0.8.0",
-    "@dxos/async": "0.8.0",
-    "@dxos/client-protocol": "0.8.0",
-    "@dxos/compute": "0.8.0",
-    "@dxos/debug": "0.8.0",
-    "@dxos/echo-schema": "0.8.0",
-    "@dxos/functions": "0.8.0",
-    "@dxos/invariant": "0.8.0",
-    "@dxos/live-object": "0.8.0",
-    "@dxos/local-storage": "0.8.0",
-    "@dxos/plugin-client": "0.8.0",
-    "@dxos/log": "0.8.0",
-    "@dxos/plugin-deck": "0.8.0",
-    "@dxos/keys": "0.8.0",
-    "@dxos/plugin-graph": "0.8.0",
-    "@dxos/plugin-explorer": "0.8.0",
-    "@dxos/plugin-markdown": "0.8.0",
-    "@dxos/plugin-space": "0.8.0",
-    "@dxos/plugin-stack": "0.8.0",
-    "@dxos/plugin-theme": "0.8.0",
-    "@dxos/protocols": "0.8.0",
-    "@dxos/react-client": "0.8.0",
-    "@dxos/react-ui-attention": "0.8.0",
-    "@dxos/react-ui-editor": "0.8.0",
-    "@dxos/react-ui-form": "0.8.0",
-    "@dxos/react-ui-menu": "0.8.0",
-    "@dxos/react-ui-stack": "0.8.0",
-    "@dxos/react-ui-syntax-highlighter": "0.8.0",
-    "@dxos/rpc": "0.8.0",
-    "@dxos/rpc-tunnel": "0.8.0",
-    "@dxos/schema": "0.8.0",
-    "@dxos/util": "0.8.0"
+    "@dxos/app-framework": "0.8.1-main.a06ad20",
+    "@dxos/assistant": "0.8.1-main.a06ad20",
+    "@dxos/async": "0.8.1-main.a06ad20",
+    "@dxos/client": "0.8.1-main.a06ad20",
+    "@dxos/artifact": "0.8.1-main.a06ad20",
+    "@dxos/client-protocol": "0.8.1-main.a06ad20",
+    "@dxos/debug": "0.8.1-main.a06ad20",
+    "@dxos/compute": "0.8.1-main.a06ad20",
+    "@dxos/echo-schema": "0.8.1-main.a06ad20",
+    "@dxos/functions": "0.8.1-main.a06ad20",
+    "@dxos/invariant": "0.8.1-main.a06ad20",
+    "@dxos/echo-protocol": "0.8.1-main.a06ad20",
+    "@dxos/keys": "0.8.1-main.a06ad20",
+    "@dxos/live-object": "0.8.1-main.a06ad20",
+    "@dxos/log": "0.8.1-main.a06ad20",
+    "@dxos/local-storage": "0.8.1-main.a06ad20",
+    "@dxos/plugin-client": "0.8.1-main.a06ad20",
+    "@dxos/plugin-deck": "0.8.1-main.a06ad20",
+    "@dxos/plugin-explorer": "0.8.1-main.a06ad20",
+    "@dxos/plugin-graph": "0.8.1-main.a06ad20",
+    "@dxos/plugin-markdown": "0.8.1-main.a06ad20",
+    "@dxos/plugin-space": "0.8.1-main.a06ad20",
+    "@dxos/plugin-stack": "0.8.1-main.a06ad20",
+    "@dxos/react-client": "0.8.1-main.a06ad20",
+    "@dxos/plugin-theme": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-attention": "0.8.1-main.a06ad20",
+    "@dxos/protocols": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-list": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-editor": "0.8.1-main.a06ad20",
+    "@dxos/react-edge-client": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-form": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-menu": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-stack": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-syntax-highlighter": "0.8.1-main.a06ad20",
+    "@dxos/rpc": "0.8.1-main.a06ad20",
+    "@dxos/rpc-tunnel": "0.8.1-main.a06ad20",
+    "@dxos/schema": "0.8.1-main.a06ad20",
+    "@dxos/util": "0.8.1-main.a06ad20"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "@types/lodash.get": "^4.4.7",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
+    "effect": "3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.0",
-    "@dxos/react-ui": "0.8.0",
-    "@dxos/react-ui-theme": "0.8.0",
-    "@dxos/storybook-utils": "0.8.0"
+    "@dxos/random": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-theme": "0.8.1-main.a06ad20",
+    "@dxos/storybook-utils": "0.8.1-main.a06ad20",
+    "@dxos/react-ui": "0.8.1-main.a06ad20"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
+    "effect": "3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.0",
-    "@dxos/react-ui-theme": "0.8.0"
+    "@dxos/react-ui": "0.8.1-main.a06ad20",
+    "@dxos/react-ui-theme": "0.8.1-main.a06ad20"
   },
   "publishConfig": {
     "access": "public"

package/src/components/LogsPanel/LogsPanel.tsx

@@ -0,0 +1,111 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { decodeReference } from '@dxos/echo-protocol';
+import { type TraceEvent, type InvocationTraceEvent, type ScriptType } from '@dxos/functions';
+import { useEdgeClient, useQueue } from '@dxos/react-edge-client';
+import { Icon, List, ListItem, useTranslation, type ThemedClassName } from '@dxos/react-ui';
+import { mx } from '@dxos/react-ui-theme';
+
+import { useDeployDeps } from '../../hooks';
+import { SCRIPT_PLUGIN } from '../../meta';
+
+export type LogsPanelProps = ThemedClassName<{
+  script: ScriptType;
+}>;
+
+export const LogsPanel = ({ script, classNames }: LogsPanelProps) => {
+  const { t } = useTranslation(SCRIPT_PLUGIN);
+  // TODO(wittjosiah): Refactor these hooks.
+  const { space, existingFunctionUrl } = useDeployDeps({ script });
+  const edgeClient = useEdgeClient();
+  const invocationTraceQueue = useQueue<InvocationTraceEvent>(edgeClient, space?.properties.invocationTraceQueue?.dxn, {
+    pollInterval: 500,
+  });
+  const [selected, setSelected] = useState<InvocationTraceEvent>();
+  const workerDxn = `dxn:worker:${existingFunctionUrl?.split('/').at(-1)}`;
+
+  if (!invocationTraceQueue) {
+    return <div>{t('no invocations message')}</div>;
+  }
+
+  const handleOpenChange = useCallback((trace: InvocationTraceEvent, open: boolean) => {
+    setSelected(open ? trace : undefined);
+  }, []);
+
+  return (
+    <List classNames={mx('overflow-y-auto', classNames)}>
+      {invocationTraceQueue.items
+        .filter((trace) => decodeReference(trace.invocationTarget).dxn?.toString() === workerDxn)
+        .map((trace) => (
+          <InvocationTraceItem
+            key={trace.id}
+            trace={trace}
+            open={selected?.id === trace.id}
+            setOpen={handleOpenChange}
+          />
+        ))}
+    </List>
+  );
+};
+
+const InvocationTraceItem = ({
+  trace,
+  open,
+  setOpen,
+}: {
+  trace: InvocationTraceEvent;
+  open?: boolean;
+  setOpen?: (trace: InvocationTraceEvent, open: boolean) => void;
+}) => {
+  const edgeClient = useEdgeClient();
+  const eventQueue = useQueue<TraceEvent>(
+    edgeClient,
+    open ? decodeReference(trace.invocationTraceQueue).dxn : undefined,
+  );
+
+  const handleOpenChange = useCallback(
+    (open: boolean) => {
+      setOpen?.(trace, open);
+    },
+    [trace, setOpen],
+  );
+
+  const logs = useMemo(() => eventQueue?.items.flatMap((event) => event.logs), [eventQueue?.items]);
+  const heading =
+    'bodyText' in trace.input && typeof trace.input.bodyText === 'string'
+      ? trace.input.bodyText
+      : JSON.stringify(trace.input);
+
+  return (
+    <ListItem.Root key={trace.id} collapsible open={open} onOpenChange={handleOpenChange}>
+      <div className='flex items-center gap-2'>
+        <ListItem.OpenTrigger />
+        <ListItem.Endcap classNames='flex items-center justify-center'>
+          <Icon icon={trace.outcome === 'success' ? 'ph--check--regular' : 'ph--x--regular'} size={5} />
+        </ListItem.Endcap>
+        <ListItem.Heading classNames='flex-1 flex items-center gap-2 truncate'>
+          <span>{new Date(trace.timestampMs).toLocaleString()}</span>
+          <span>{heading}</span>
+        </ListItem.Heading>
+      </div>
+      {logs && (
+        <ListItem.CollapsibleContent>
+          <div className='flex items-center gap-2'>
+            <span>Duration:</span>
+            <span>{trace.durationMs}ms</span>
+          </div>
+          <pre>
+            <div>{JSON.stringify(trace.input, null, 2)}</div>
+            {logs.map((log, index) => {
+              return <div key={index}>{JSON.stringify(log, null, 2)}</div>;
+            })}
+          </pre>
+        </ListItem.CollapsibleContent>
+      )}
+    </ListItem.Root>
+  );
+};

package/src/components/LogsPanel/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+export * from './LogsPanel';

package/src/components/ScriptContainer.tsx

@@ -12,7 +12,7 @@ import { createDataExtensions, listener, stackItemContentEditorClassNames } from
 import { StackItem } from '@dxos/react-ui-stack';
 import { mx } from '@dxos/react-ui-theme';
 
-import { DebugPanel } from './DebugPanel';
+import { LogsPanel } from './LogsPanel';
 import { ScriptToolbar } from './ScriptToolbar';
 import { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';
 import { useDeployState, useToolbarState } from '../hooks';
@@ -57,23 +57,27 @@ export const ScriptContainer = ({
   const state = useToolbarState({ view: 'editor' });
   useDeployState({ state, script });
 
+  if (!space) {
+    return null;
+  }
+
   return (
     <StackItem.Content toolbar>
       <ScriptToolbar state={state} role={role} script={script} />
       <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>
-        {state.view !== 'debug' && (
+        {state.view !== 'logs' && (
           <TypescriptEditor
             id={script.id}
             env={env}
             initialValue={script.source?.target?.content}
             extensions={extensions}
-            className={stackItemContentEditorClassNames(role)}
+            className={mx(stackItemContentEditorClassNames(role), 'grow')}
             inputMode={settings.editorInputMode}
             toolbar
           />
         )}
 
-        {state.view !== 'editor' && <DebugPanel functionUrl={state.functionUrl} />}
+        {state.view !== 'editor' && <LogsPanel script={script} classNames='grow' />}
       </div>
     </StackItem.Content>
   );

package/src/components/index.ts

@@ -5,6 +5,7 @@
 import { lazy } from 'react';
 
 export * from './DebugPanel';
+export * from './LogsPanel';
 export * from './ScriptSettings';
 export * from './ScriptSettingsPanel';
 

package/src/hooks/deploy.ts

@@ -64,7 +64,7 @@ export const createDeploy = (state: Partial<DeployState>) => {
   };
 };
 
-const useDeployDeps = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {
+export const useDeployDeps = ({ script }: { script: ScriptType }) => {
   const space = getSpace(script);
   const [fn] = useQuery(space, Filter.schema(FunctionType, { source: script }));
   const client = useClient();
@@ -73,7 +73,7 @@ const useDeployDeps = ({ state, script }: { state: Partial<DeployState>; script:
 };
 
 export const useDeployState = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {
-  const { space, client, existingFunctionUrl } = useDeployDeps({ state, script });
+  const { space, client, existingFunctionUrl } = useDeployDeps({ script });
   useEffect(() => {
     if (!existingFunctionUrl) {
       return;
@@ -90,7 +90,7 @@ export const useDeployState = ({ state, script }: { state: Partial<DeployState>;
 };
 
 export const useDeployHandler = ({ state, script }: { state: Partial<DeployState>; script: ScriptType }) => {
-  const { space, fn, client, existingFunctionUrl } = useDeployDeps({ state, script });
+  const { space, fn, client, existingFunctionUrl } = useDeployDeps({ script });
   const { t } = useTranslation(SCRIPT_PLUGIN);
 
   return useCallback(async () => {

package/src/hooks/view.ts

@@ -6,8 +6,7 @@ import { createMenuAction, createMenuItemGroup } from '@dxos/react-ui-menu';
 
 import { SCRIPT_PLUGIN } from '../meta';
 
-// TODO(wittjosiah): Replace debug with logs.
-export type ViewType = 'editor' | 'split' | 'debug'; // 'logs';
+export type ViewType = 'editor' | 'split' | 'logs';
 
 export type ViewState = { view: ViewType };
 
@@ -16,9 +15,7 @@ export type ViewActionProperties = { type: 'view'; value: ViewType };
 const views: Record<ViewType, string> = {
   editor: 'ph--code--regular',
   split: 'ph--square-split-vertical--regular',
-  debug: 'ph--bug--regular',
-  // TODO(wittjosiah): Replace debug with logs.
-  // logs: 'ph--clock-counter-clockwise--regular',
+  logs: 'ph--clock-counter-clockwise--regular',
 };
 
 const createViewGroupItem = (state: Partial<ViewState>) => {

package/src/templates/index.ts

@@ -2,19 +2,12 @@
 // Copyright 2024 DXOS.org
 //
 
-// @ts-ignore
 import chat from './chat.ts?raw';
-// @ts-ignore
 import chess from './chess.ts?raw';
-// @ts-ignore
 import discord from './discord.ts?raw';
-// @ts-ignore
 import echo from './echo.ts?raw';
-// @ts-ignore
 import email from './email.ts?raw';
-// @ts-ignore
 import forexEffect from './forex-effect.ts?raw';
-// @ts-ignore
 import forex from './forex.ts?raw';
 
 const removeHeader = (str: string) => str.split('\n').slice(4).join('\n');

package/src/translations.ts

@@ -48,9 +48,7 @@ export default [
         'view group label': 'View',
         'view editor label': 'Editor',
         'view split label': 'Split',
-        'view debug label': 'Debug',
-        // TODO(wittjosiah): Replace debug with logs.
-        // 'view logs label': 'Logs',
+        'view logs label': 'Logs',
         'template select group label': 'Select template',
         'function panel label': 'Debug Function',
       },

package/src/types.ts

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import { TitleAnnotationId } from '@effect/schema/AST';
+import { TitleAnnotationId } from 'effect/SchemaAST';
 
 import { SpaceSchema } from '@dxos/client/echo';
 import { S } from '@dxos/echo-schema';

package/src/vite-env.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="vite/client" />
+
+//
+// Copyright 2025 DXOS.org
+//
+
+declare module '*.txt?raw' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.md?raw' {
+  const content: string;
+  export default content;
+}
+
+declare module '*?raw' {
+  const content: string;
+  export default content;
+}

package/dist/lib/browser/ScriptContainer-3RFMYKTV.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptToolbar/ScriptToolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { createDocAccessor, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { DebugPanel } from './DebugPanel';\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<{\n  script: ScriptType;\n  settings?: ScriptSettingsProps;\n  role?: string;\n}> &\n  Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptContainer = ({\n  role,\n  classNames,\n  script,\n  settings = { editorInputMode: 'vscode' },\n  env,\n}: ScriptEditorProps) => {\n  const identity = useIdentity();\n  const space = getSpace(script);\n\n  const extensions = useMemo(\n    () => [\n      listener({\n        onChange: (text) => {\n          if (script.source.target && script.source.target.content !== text) {\n            script.changed = true;\n          }\n        },\n      }),\n      createDataExtensions({\n        id: script.id,\n        text: script.source.target && createDocAccessor(script.source.target, ['content']),\n        space,\n        identity,\n      }),\n    ],\n    [script, script.source.target, space, identity],\n  );\n\n  const state = useToolbarState({ view: 'editor' });\n  useDeployState({ state, script });\n\n  return (\n    <StackItem.Content toolbar>\n      <ScriptToolbar state={state} role={role} script={script} />\n      <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>\n        {state.view !== 'debug' && (\n          <TypescriptEditor\n            id={script.id}\n            env={env}\n            initialValue={script.source?.target?.content}\n            extensions={extensions}\n            className={stackItemContentEditorClassNames(role)}\n            inputMode={settings.editorInputMode}\n            toolbar\n          />\n        )}\n\n        {state.view !== 'editor' && <DebugPanel functionUrl={state.functionUrl} />}\n      </div>\n    </StackItem.Content>\n  );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, type ThemedClassName } from '@dxos/react-ui';\nimport { stackItemContentToolbarClassNames } from '@dxos/react-ui-editor';\nimport { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from '@dxos/react-ui-menu';\n\nimport {\n  type ScriptToolbarState,\n  createDeploy,\n  createFormat,\n  createTemplateSelect,\n  createView,\n  useToolbarAction,\n} from '../../hooks';\n\nexport type ScriptToolbarProps = ThemedClassName<{\n  role?: string;\n  script: ScriptType;\n  state: ScriptToolbarState;\n}>;\n\nconst createToolbar = (state: ScriptToolbarState) => {\n  const templateSelect = createTemplateSelect();\n  const format = createFormat();\n  const gap = createGapSeparator();\n  const deploy = createDeploy(state);\n  const view = createView(state);\n  return {\n    nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes, ...view.nodes],\n    edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges, ...view.edges],\n  };\n};\n\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n  const handleAction = useToolbarAction({ state, script });\n  const toolbarCreator = useCallback(() => createToolbar(state), [state]);\n  const menu = useMenuActions(toolbarCreator);\n  return (\n    <div role='none' className={stackItemContentToolbarClassNames(role)}>\n      <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n        <MenuProvider {...menu} onAction={handleAction} attendableId={fullyQualifiedId(script)}>\n          <ToolbarMenu classNames={classNames} />\n        </MenuProvider>\n      </ElevationProvider>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\nimport { Prec } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover, type HoverInfo } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  editorFullWidth,\n  type EditorInputMode,\n  editorMonospace,\n  EditorView,\n  folding,\n  InputModeExtensions,\n  useTextEditor,\n  type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n  id: string;\n  inputMode?: EditorInputMode;\n  env?: VirtualTypeScriptEnvironment;\n  toolbar?: boolean;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n  id,\n  env,\n  className,\n  initialValue,\n  extensions,\n  scrollTo,\n  selection,\n  toolbar,\n  inputMode = 'vscode',\n}: TypescriptEditorProps) => {\n  const { themeMode } = useThemeContext();\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      initialValue,\n      extensions: [\n        extensions,\n        createBasicExtensions({\n          highlightActiveLine: true,\n          indentWithTab: true,\n          lineNumbers: true,\n          lineWrapping: false,\n          scrollPastEnd: true,\n        }),\n        createThemeExtensions({\n          themeMode,\n          syntaxHighlighting: true,\n          slots: {\n            content: { className: editorFullWidth },\n          },\n        }),\n        // NOTE: Not using default editor gutter because folding for code works best right beside text.\n        EditorView.theme({\n          '.cm-gutters': {\n            // Match margin from content.\n            marginTop: '16px',\n          },\n        }),\n        InputModeExtensions[inputMode],\n        folding(),\n        // Continues block comments when you hit Enter.\n        Prec.high(keymap.of(continueKeymap)),\n        // TODO(burdon): Factor out.\n        [\n          editorMonospace,\n          javascript({ typescript: true }),\n          // https://github.com/val-town/codemirror-ts\n          autocomplete({ override: env ? [tsAutocomplete()] : [] }),\n          env\n            ? [\n                tsFacet.of({ env, path: `/src/${id}.ts` }),\n                tsSync(),\n                tsLinter(),\n                tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n              ]\n            : [],\n        ],\n      ].filter(isNonNullable),\n      selection,\n      scrollTo,\n    }),\n    [id, extensions, themeMode, inputMode, selection, scrollTo],\n  );\n\n  return (\n    <div ref={parentRef} data-toolbar={toolbar ? 'enabled' : 'disabled'} className={className} {...focusAttributes} />\n  );\n};\n\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n  const theme = themeMode === 'dark' ? oneDarkHighlightStyle : defaultHighlightStyle;\n\n  const classFromKind = (_kind: string) => {\n    // E.g., localName, methodName, parameterName, etc.\n    const kind = _kind.endsWith('Name') ? 'name' : _kind;\n    const validTag = kind in tags;\n    if (!validTag) {\n      return '';\n    }\n\n    const tag = tags[kind as keyof typeof tags];\n    if (typeof tag === 'function') {\n      return '';\n    }\n\n    return theme.style([tag]) ?? '';\n  };\n\n  return (info: HoverInfo) => {\n    const div = document.createElement('div');\n    div.className = 'p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg';\n\n    if (info.quickInfo?.displayParts) {\n      for (const part of info.quickInfo.displayParts) {\n        const span = div.appendChild(document.createElement('span'));\n        span.className = classFromKind(part.kind);\n        span.innerText = part.text;\n      }\n    }\n\n    return { dom: div };\n  };\n};\n\nexport default TypescriptEditor;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;AAIA,OAAOA,UAASC,eAAe;AAG/B,SAASC,mBAAmBC,gBAAgB;AAC5C,SAASC,mBAAmB;AAE5B,SAASC,sBAAsBC,UAAUC,wCAAwC;AACjF,SAASC,iBAAiB;AAC1B,SAASC,UAAU;;;ACRnB,OAAOC,SAASC,mBAAmB;AAGnC,SAASC,wBAAwB;AACjC,SAASC,yBAA+C;AACxD,SAASC,yCAAyC;AAClD,SAASC,oBAAoBC,cAAcC,aAAaC,sBAAsB;AAiB9E,IAAMC,gBAAgB,CAACC,UAAAA;AACrB,QAAMC,iBAAiBC,qBAAAA;AACvB,QAAMC,SAASC,aAAAA;AACf,QAAMC,MAAMC,mBAAAA;AACZ,QAAMC,SAASC,aAAaR,KAAAA;AAC5B,QAAMS,OAAOC,WAAWV,KAAAA;AACxB,SAAO;IACLW,OAAO;SAAIV,eAAeU;SAAUR,OAAOQ;SAAUN,IAAIM;SAAUJ,OAAOI;SAAUF,KAAKE;;IACzFC,OAAO;SAAIX,eAAeW;SAAUT,OAAOS;SAAUP,IAAIO;SAAUL,OAAOK;SAAUH,KAAKG;;EAC3F;AACF;AAEO,IAAMC,gBAAgB,CAAC,EAAEC,QAAQC,MAAMf,OAAOgB,WAAU,MAAsB;AACnF,QAAMC,eAAeC,iBAAiB;IAAElB;IAAOc;EAAO,CAAA;AACtD,QAAMK,iBAAiBC,YAAY,MAAMrB,cAAcC,KAAAA,GAAQ;IAACA;GAAM;AACtE,QAAMqB,OAAOC,eAAeH,cAAAA;AAC5B,SACE,sBAAA,cAACI,OAAAA;IAAIR,MAAK;IAAOS,WAAWC,kCAAkCV,IAAAA;KAC5D,sBAAA,cAACW,mBAAAA;IAAkBC,WAAWZ,SAAS,YAAY,eAAe;KAChE,sBAAA,cAACa,cAAAA;IAAc,GAAGP;IAAMQ,UAAUZ;IAAca,cAAcC,iBAAiBjB,MAAAA;KAC7E,sBAAA,cAACkB,aAAAA;IAAYhB;;AAKvB;;;AChDA,SAASiB,kBAAkB;AAC3B,SAASC,6BAA6B;AACtC,SAASC,YAAY;AACrB,SAASC,6BAA6B;AACtC,SAASC,cAAc;AACvB,SAASC,YAAY;AAErB,SAASC,sBAAsB;AAC/B,SAASC,QAAQC,SAASC,UAAUC,gBAAgBC,eAA+B;AACnF,OAAOC,YAAW;AAElB,SAAyBC,uBAAuB;AAChD,SACEC,cACAC,uBACAC,uBACAC,iBAEAC,iBACAC,YACAC,SACAC,qBACAC,qBAEK;AACP,SAASC,qBAAqB;AASvB,IAAMC,mBAAmB,CAAC,EAC/BC,IACAC,KACAC,WACAC,cACAC,YACAC,UACAC,WACAC,SACAC,YAAY,SAAQ,MACE;AACtB,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,QAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;IACLb;IACAG;IACAC,YAAY;MACVA;MACAU,sBAAsB;QACpBC,qBAAqB;QACrBC,eAAe;QACfC,aAAa;QACbC,cAAc;QACdC,eAAe;MACjB,CAAA;MACAC,sBAAsB;QACpBX;QACAY,oBAAoB;QACpBC,OAAO;UACLC,SAAS;YAAErB,WAAWsB;UAAgB;QACxC;MACF,CAAA;;MAEAC,WAAWC,MAAM;QACf,eAAe;;UAEbC,WAAW;QACb;MACF,CAAA;MACAC,oBAAoBpB,SAAAA;MACpBqB,QAAAA;;MAEAC,KAAKC,KAAKC,OAAOC,GAAGC,cAAAA,CAAAA;;MAEpB;QACEC;QACAC,WAAW;UAAEC,YAAY;QAAK,CAAA;;QAE9BC,aAAa;UAAEC,UAAUtC,MAAM;YAACuC,eAAAA;cAAoB,CAAA;QAAG,CAAA;QACvDvC,MACI;UACEwC,QAAQR,GAAG;YAAEhC;YAAKyC,MAAM,QAAQ1C,EAAAA;UAAQ,CAAA;UACxC2C,OAAAA;UACAC,SAAAA;UACAC,QAAQ;YAAEC,eAAeC,sBAAsBtC,SAAAA;UAAW,CAAA;YAE5D,CAAA;;MAENuC,OAAOC,aAAAA;IACT3C;IACAD;EACF,IACA;IAACL;IAAII;IAAYK;IAAWD;IAAWF;IAAWD;GAAS;AAG7D,SACE,gBAAA6C,OAAA,cAACC,OAAAA;IAAIC,KAAKzC;IAAW0C,gBAAc9C,UAAU,YAAY;IAAYL;IAAuB,GAAGU;;AAEnG;AAEA,IAAMmC,wBAAwB,CAACtC,cAAAA;AAC7B,QAAMiB,QAAQjB,cAAc,SAAS6C,wBAAwBC;AAE7D,QAAMC,gBAAgB,CAACC,UAAAA;AAErB,UAAMC,OAAOD,MAAME,SAAS,MAAA,IAAU,SAASF;AAC/C,UAAMG,WAAWF,QAAQG;AACzB,QAAI,CAACD,UAAU;AACb,aAAO;IACT;AAEA,UAAME,MAAMD,KAAKH,IAAAA;AACjB,QAAI,OAAOI,QAAQ,YAAY;AAC7B,aAAO;IACT;AAEA,WAAOpC,MAAMqC,MAAM;MAACD;KAAI,KAAK;EAC/B;AAEA,SAAO,CAACE,SAAAA;AACN,UAAMb,MAAMc,SAASC,cAAc,KAAA;AACnCf,QAAIjD,YAAY;AAEhB,QAAI8D,KAAKG,WAAWC,cAAc;AAChC,iBAAWC,QAAQL,KAAKG,UAAUC,cAAc;AAC9C,cAAME,OAAOnB,IAAIoB,YAAYN,SAASC,cAAc,MAAA,CAAA;AACpDI,aAAKpE,YAAYsD,cAAca,KAAKX,IAAI;AACxCY,aAAKE,YAAYH,KAAKI;MACxB;IACF;AAEA,WAAO;MAAEC,KAAKvB;IAAI;EACpB;AACF;;;AFlHO,IAAMwB,kBAAkB,CAAC,EAC9BC,MACAC,YACAC,QACAC,WAAW;EAAEC,iBAAiB;AAAS,GACvCC,IAAG,MACe;AAClB,QAAMC,WAAWC,YAAAA;AACjB,QAAMC,QAAQC,SAASP,MAAAA;AAEvB,QAAMQ,aAAaC,QACjB,MAAM;IACJC,SAAS;MACPC,UAAU,CAACC,SAAAA;AACT,YAAIZ,OAAOa,OAAOC,UAAUd,OAAOa,OAAOC,OAAOC,YAAYH,MAAM;AACjEZ,iBAAOgB,UAAU;QACnB;MACF;IACF,CAAA;IACAC,qBAAqB;MACnBC,IAAIlB,OAAOkB;MACXN,MAAMZ,OAAOa,OAAOC,UAAUK,kBAAkBnB,OAAOa,OAAOC,QAAQ;QAAC;OAAU;MACjFR;MACAF;IACF,CAAA;KAEF;IAACJ;IAAQA,OAAOa,OAAOC;IAAQR;IAAOF;GAAS;AAGjD,QAAMgB,QAAQC,gBAAgB;IAAEC,MAAM;EAAS,CAAA;AAC/CC,iBAAe;IAAEH;IAAOpB;EAAO,CAAA;AAE/B,SACE,gBAAAwB,OAAA,cAACC,UAAUC,SAAO;IAACC,SAAAA;KACjB,gBAAAH,OAAA,cAACI,eAAAA;IAAcR;IAActB;IAAYE;MACzC,gBAAAwB,OAAA,cAACK,OAAAA;IAAI/B,MAAK;IAAOgC,WAAWC,GAAG,kEAAkEhC,UAAAA;KAC9FqB,MAAME,SAAS,WACd,gBAAAE,OAAA,cAACQ,kBAAAA;IACCd,IAAIlB,OAAOkB;IACXf;IACA8B,cAAcjC,OAAOa,QAAQC,QAAQC;IACrCP;IACAsB,WAAWI,iCAAiCpC,IAAAA;IAC5CqC,WAAWlC,SAASC;IACpByB,SAAAA;MAIHP,MAAME,SAAS,YAAY,gBAAAE,OAAA,cAACY,YAAAA;IAAWC,aAAajB,MAAMiB;;AAInE;AAEA,IAAA,0BAAexC;",
-  "names": ["React", "useMemo", "createDocAccessor", "getSpace", "useIdentity", "createDataExtensions", "listener", "stackItemContentEditorClassNames", "StackItem", "mx", "React", "useCallback", "fullyQualifiedId", "ElevationProvider", "stackItemContentToolbarClassNames", "createGapSeparator", "MenuProvider", "ToolbarMenu", "useMenuActions", "createToolbar", "state", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "view", "createView", "nodes", "edges", "ScriptToolbar", "script", "role", "classNames", "handleAction", "useToolbarAction", "toolbarCreator", "useCallback", "menu", "useMenuActions", "div", "className", "stackItemContentToolbarClassNames", "ElevationProvider", "elevation", "MenuProvider", "onAction", "attendableId", "fullyQualifiedId", "ToolbarMenu", "javascript", "defaultHighlightStyle", "Prec", "oneDarkHighlightStyle", "keymap", "tags", "continueKeymap", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorMonospace", "EditorView", "folding", "InputModeExtensions", "useTextEditor", "isNonNullable", "TypescriptEditor", "id", "env", "className", "initialValue", "extensions", "scrollTo", "selection", "toolbar", "inputMode", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "EditorView", "theme", "marginTop", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "React", "div", "ref", "data-toolbar", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "role", "classNames", "script", "settings", "editorInputMode", "env", "identity", "useIdentity", "space", "getSpace", "extensions", "useMemo", "listener", "onChange", "text", "source", "target", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "state", "useToolbarState", "view", "useDeployState", "React", "StackItem", "Content", "toolbar", "ScriptToolbar", "div", "className", "mx", "TypescriptEditor", "initialValue", "stackItemContentEditorClassNames", "inputMode", "DebugPanel", "functionUrl"]
-}