@dxos/plugin-script 0.8.3-staging.0fa589b → 0.8.4-main.f9ba587

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-script",
-  "version": "0.8.3-staging.0fa589b",
+  "version": "0.8.4-main.f9ba587",
   "description": "Braneframe notebook plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -54,73 +54,71 @@
     "prettier": "^3.2.4",
     "react-syntax-highlighter": "^15.5.0",
     "typescript": "^5.8.3",
-    "@dxos/ai": "0.8.3-staging.0fa589b",
-    "@dxos/app-framework": "0.8.3-staging.0fa589b",
-    "@dxos/assistant": "0.8.3-staging.0fa589b",
-    "@dxos/artifact": "0.8.3-staging.0fa589b",
-    "@dxos/async": "0.8.3-staging.0fa589b",
-    "@dxos/client": "0.8.3-staging.0fa589b",
-    "@dxos/client-protocol": "0.8.3-staging.0fa589b",
-    "@dxos/debug": "0.8.3-staging.0fa589b",
-    "@dxos/compute": "0.8.3-staging.0fa589b",
-    "@dxos/devtools": "0.8.3-staging.0fa589b",
-    "@dxos/echo": "0.8.3-staging.0fa589b",
-    "@dxos/echo-schema": "0.8.3-staging.0fa589b",
-    "@dxos/functions": "0.8.3-staging.0fa589b",
-    "@dxos/echo-protocol": "0.8.3-staging.0fa589b",
-    "@dxos/invariant": "0.8.3-staging.0fa589b",
-    "@dxos/keys": "0.8.3-staging.0fa589b",
-    "@dxos/live-object": "0.8.3-staging.0fa589b",
-    "@dxos/local-storage": "0.8.3-staging.0fa589b",
-    "@dxos/log": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-client": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-deck": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-explorer": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-graph": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-markdown": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-space": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-stack": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-theme": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-token-manager": "0.8.3-staging.0fa589b",
-    "@dxos/protocols": "0.8.3-staging.0fa589b",
-    "@dxos/react-client": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-attention": "0.8.3-staging.0fa589b",
-    "@dxos/react-edge-client": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-list": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-form": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-editor": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-menu": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-syntax-highlighter": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-stack": "0.8.3-staging.0fa589b",
-    "@dxos/rpc": "0.8.3-staging.0fa589b",
-    "@dxos/rpc-tunnel": "0.8.3-staging.0fa589b",
-    "@dxos/schema": "0.8.3-staging.0fa589b",
-    "@dxos/util": "0.8.3-staging.0fa589b"
+    "@dxos/ai": "0.8.4-main.f9ba587",
+    "@dxos/app-framework": "0.8.4-main.f9ba587",
+    "@dxos/assistant": "0.8.4-main.f9ba587",
+    "@dxos/artifact": "0.8.4-main.f9ba587",
+    "@dxos/async": "0.8.4-main.f9ba587",
+    "@dxos/client": "0.8.4-main.f9ba587",
+    "@dxos/compute": "0.8.4-main.f9ba587",
+    "@dxos/client-protocol": "0.8.4-main.f9ba587",
+    "@dxos/debug": "0.8.4-main.f9ba587",
+    "@dxos/devtools": "0.8.4-main.f9ba587",
+    "@dxos/echo": "0.8.4-main.f9ba587",
+    "@dxos/echo-protocol": "0.8.4-main.f9ba587",
+    "@dxos/functions": "0.8.4-main.f9ba587",
+    "@dxos/echo-schema": "0.8.4-main.f9ba587",
+    "@dxos/invariant": "0.8.4-main.f9ba587",
+    "@dxos/keys": "0.8.4-main.f9ba587",
+    "@dxos/live-object": "0.8.4-main.f9ba587",
+    "@dxos/local-storage": "0.8.4-main.f9ba587",
+    "@dxos/log": "0.8.4-main.f9ba587",
+    "@dxos/plugin-client": "0.8.4-main.f9ba587",
+    "@dxos/plugin-deck": "0.8.4-main.f9ba587",
+    "@dxos/plugin-explorer": "0.8.4-main.f9ba587",
+    "@dxos/plugin-graph": "0.8.4-main.f9ba587",
+    "@dxos/plugin-markdown": "0.8.4-main.f9ba587",
+    "@dxos/plugin-space": "0.8.4-main.f9ba587",
+    "@dxos/plugin-stack": "0.8.4-main.f9ba587",
+    "@dxos/plugin-theme": "0.8.4-main.f9ba587",
+    "@dxos/plugin-token-manager": "0.8.4-main.f9ba587",
+    "@dxos/protocols": "0.8.4-main.f9ba587",
+    "@dxos/react-client": "0.8.4-main.f9ba587",
+    "@dxos/react-edge-client": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-attention": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-editor": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-form": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-list": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-menu": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-stack": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-syntax-highlighter": "0.8.4-main.f9ba587",
+    "@dxos/rpc": "0.8.4-main.f9ba587",
+    "@dxos/rpc-tunnel": "0.8.4-main.f9ba587",
+    "@dxos/schema": "0.8.4-main.f9ba587",
+    "@dxos/util": "0.8.4-main.f9ba587"
   },
   "devDependencies": {
-    "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "0.80.12",
-    "@phosphor-icons/react": "^2.1.5",
+    "@effect-rx/rx-react": "0.38.0",
+    "@effect/platform": "0.88.0",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
-    "effect": "^3.13.3",
+    "effect": "3.16.13",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b",
-    "@dxos/storybook-utils": "0.8.3-staging.0fa589b"
+    "@dxos/random": "0.8.4-main.f9ba587",
+    "@dxos/react-ui": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-theme": "0.8.4-main.f9ba587",
+    "@dxos/storybook-utils": "0.8.4-main.f9ba587"
   },
   "peerDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
-    "@effect/platform": "0.80.12",
-    "@phosphor-icons/react": "^2.1.5",
+    "@effect/platform": "^0.80.12",
     "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b"
+    "@dxos/react-ui": "0.8.4-main.f9ba587",
+    "@dxos/react-ui-theme": "0.8.4-main.f9ba587"
   },
   "publishConfig": {
     "access": "public"

package/src/ScriptPlugin.tsx

@@ -5,8 +5,8 @@
 import { Schema } from 'effect';
 
 import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from '@dxos/app-framework';
+import { Ref } from '@dxos/echo';
 import { ScriptType } from '@dxos/functions';
-import { RefArray } from '@dxos/live-object';
 import { ClientEvents } from '@dxos/plugin-client';
 import { SpaceCapabilities } from '@dxos/plugin-space';
 import { defineObjectForm } from '@dxos/plugin-space/types';
@@ -21,7 +21,7 @@ import {
 } from './capabilities';
 import { ScriptEvents } from './events';
 import { meta } from './meta';
-import translations from './translations';
+import { translations } from './translations';
 import { ScriptAction } from './types';
 
 export const ScriptPlugin = () =>
@@ -50,7 +50,7 @@ export const ScriptPlugin = () =>
           metadata: {
             icon: 'ph--code--regular',
             // TODO(wittjosiah): Move out of metadata.
-            loadReferences: async (script: ScriptType) => await RefArray.loadAll([script.source]),
+            loadReferences: async (script: ScriptType) => await Ref.Array.loadAll([script.source]),
           },
         }),
     }),

package/src/capabilities/react-surface.tsx

@@ -15,12 +15,12 @@ import { type DataType } from '@dxos/schema';
 
 import { ScriptCapabilities } from './capabilities';
 import {
+  DEPLOYMENT_DIALOG,
+  DeploymentDialog,
   ScriptContainer,
   ScriptPluginSettings,
   ScriptObjectSettings,
   ScriptProperties,
-  DeploymentDialog,
-  DEPLOYMENT_DIALOG,
   TestContainer,
 } from '../components';
 import { meta } from '../meta';

package/src/components/DeploymentDialog/DeploymentDialog.stories.tsx

@@ -4,13 +4,13 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta } from '@storybook/react-vite';
 import React from 'react';
 
 import { Dialog } from '@dxos/react-ui';
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 
-import translations from '../../translations';
+import { translations } from '../../translations';
 import { DeploymentDialog } from '../DeploymentDialog/DeploymentDialog';
 
 export const Default = {

package/src/components/ScriptToolbar/ScriptToolbar.stories.tsx

@@ -4,7 +4,7 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta } from '@storybook/react-vite';
 
 import { withLayout, withTheme } from '@dxos/storybook-utils';
 

package/src/components/TestPanel/TestContainer.tsx

@@ -10,7 +10,12 @@ import { StackItem } from '@dxos/react-ui-stack';
 import { TestPanel } from './TestPanel';
 import { useDeployState, useToolbarState } from '../../hooks';
 
-export const TestContainer = ({ script, role }: { script: ScriptType; role: string }) => {
+export type TestContainerProps = {
+  role: string;
+  script: ScriptType;
+};
+
+export const TestContainer = ({ script, role }: TestContainerProps) => {
   const state = useToolbarState();
   useDeployState({ state, script });
   return (

package/src/components/TypescriptEditor/TypescriptEditor.stories.tsx

@@ -4,7 +4,7 @@
 
 import '@dxos-theme';
 
-import { type Meta } from '@storybook/react';
+import { type Meta } from '@storybook/react-vite';
 import React, { useMemo } from 'react';
 
 import { createDocAccessor, createObject } from '@dxos/react-client/echo';

package/src/hooks/template.ts

@@ -2,8 +2,8 @@
 // Copyright 2025 DXOS.org
 //
 
+import { Obj } from '@dxos/echo';
 import { FUNCTIONS_PRESET_META_KEY, type ScriptType } from '@dxos/functions';
-import { getMeta } from '@dxos/live-object';
 import { createMenuItemGroup, createMenuAction } from '@dxos/react-ui-menu';
 
 import { SCRIPT_PLUGIN } from '../meta';
@@ -25,7 +25,7 @@ const createTemplateSelectActions = (script: ScriptType) => {
       () => {
         script.name = template.name;
         script.source!.target!.content = template.source;
-        const metaKeys = getMeta(script).keys;
+        const metaKeys = Obj.getMeta(script).keys;
         const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);
         if (oldPresetIndex >= 0) {
           metaKeys.splice(oldPresetIndex, 1);

package/src/templates/email.ts

@@ -9,10 +9,10 @@
 export default async ({ data: { bodyText }, context: { space } }: any) => {
   const { email, targetDocumentId: documentId } = JSON.parse(bodyText) as RequestPayload;
 
-  const document = await space.db.query({ id: documentId }, { format: 'plain' }).first();
+  const document = await space.db.query({ id: documentId }).first();
 
   const contentId = document.content['/'].split(':')[3];
-  const documentContent = await space.db.query({ id: contentId }, { format: 'plain' }).first();
+  const documentContent = await space.db.query({ id: contentId }).first();
   const modifiedContent = [
     documentContent.content,
     '',

package/src/translations.ts

@@ -2,22 +2,22 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Type } from '@dxos/echo';
 import { ScriptType } from '@dxos/functions';
+import { type Resource } from '@dxos/react-ui';
 
-import { SCRIPT_PLUGIN } from './meta';
+import { meta } from './meta';
 
-export default [
+export const translations = [
   {
     'en-US': {
-      [Type.getTypename(ScriptType)]: {
+      [ScriptType.typename]: {
         'typename label': 'Script',
         'typename label_zero': 'Scripts',
         'typename label_one': 'Script',
         'typename label_other': 'Scripts',
         'object name placeholder': 'New script',
       },
-      [SCRIPT_PLUGIN]: {
+      [meta.id]: {
         'plugin name': 'Scripts',
         'description label': 'Description',
         'description placeholder': 'Enter description',
@@ -76,4 +76,4 @@ export default [
       },
     },
   },
-];
+] as const satisfies Resource[];

package/dist/lib/browser/DeploymentDialog-RPPPWEEL.mjs

@@ -1,12 +0,0 @@
-import {
-  DEPLOYMENT_DIALOG,
-  DeploymentDialog_default
-} from "./chunk-LA66DQGU.mjs";
-import "./chunk-QJH7I2UV.mjs";
-import "./chunk-WB3X5Z7Q.mjs";
-import "./chunk-6ZHHWU6S.mjs";
-export {
-  DEPLOYMENT_DIALOG,
-  DeploymentDialog_default as default
-};
-//# sourceMappingURL=DeploymentDialog-RPPPWEEL.mjs.map

package/dist/lib/node/DeploymentDialog-C3EEYGRH.cjs

@@ -1,33 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DeploymentDialog_C3EEYGRH_exports = {};
-__export(DeploymentDialog_C3EEYGRH_exports, {
-  DEPLOYMENT_DIALOG: () => import_chunk_BUOBOT3V.DEPLOYMENT_DIALOG,
-  default: () => import_chunk_BUOBOT3V.DeploymentDialog_default
-});
-module.exports = __toCommonJS(DeploymentDialog_C3EEYGRH_exports);
-var import_chunk_BUOBOT3V = require("./chunk-BUOBOT3V.cjs");
-var import_chunk_YO5W2IPQ = require("./chunk-YO5W2IPQ.cjs");
-var import_chunk_HCRW6T3G = require("./chunk-HCRW6T3G.cjs");
-var import_chunk_QG2X6J74 = require("./chunk-QG2X6J74.cjs");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DEPLOYMENT_DIALOG
-});
-//# sourceMappingURL=DeploymentDialog-C3EEYGRH.cjs.map

package/dist/lib/node/DeploymentDialog-C3EEYGRH.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["DeploymentDialog-C3EEYGRH.cjs"],
-  "sourcesContent": ["import {\n  DEPLOYMENT_DIALOG,\n  DeploymentDialog_default\n} from \"./chunk-BUOBOT3V.cjs\";\nimport \"./chunk-YO5W2IPQ.cjs\";\nimport \"./chunk-HCRW6T3G.cjs\";\nimport \"./chunk-QG2X6J74.cjs\";\nexport {\n  DEPLOYMENT_DIALOG,\n  DeploymentDialog_default as default\n};\n//# sourceMappingURL=DeploymentDialog-C3EEYGRH.cjs.map\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAGO;AACP,4BAAO;AACP,4BAAO;AACP,4BAAO;",
-  "names": []
-}

package/dist/lib/node/ScriptContainer-CAC7AISY.cjs

@@ -1,278 +0,0 @@
-"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 ScriptContainer_CAC7AISY_exports = {};
-__export(ScriptContainer_CAC7AISY_exports, {
-  ScriptContainer: () => ScriptContainer,
-  default: () => ScriptContainer_default
-});
-module.exports = __toCommonJS(ScriptContainer_CAC7AISY_exports);
-var import_chunk_AU2FOE26 = require("./chunk-AU2FOE26.cjs");
-var import_chunk_YO5W2IPQ = require("./chunk-YO5W2IPQ.cjs");
-var import_chunk_HCRW6T3G = require("./chunk-HCRW6T3G.cjs");
-var import_chunk_QG2X6J74 = require("./chunk-QG2X6J74.cjs");
-var import_tracking = require("@preact-signals/safe-react/tracking");
-var import_react = __toESM(require("react"));
-var import_echo = require("@dxos/react-client/echo");
-var import_halo = require("@dxos/react-client/halo");
-var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_tracking2 = require("@preact-signals/safe-react/tracking");
-var import_rx_react = require("@effect-rx/rx-react");
-var import_react2 = __toESM(require("react"));
-var import_echo2 = require("@dxos/react-client/echo");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_menu = require("@dxos/react-ui-menu");
-var import_tracking3 = require("@preact-signals/safe-react/tracking");
-var import_lang_javascript = require("@codemirror/lang-javascript");
-var import_language = require("@codemirror/language");
-var import_lint = require("@codemirror/lint");
-var import_state = require("@codemirror/state");
-var import_theme_one_dark = require("@codemirror/theme-one-dark");
-var import_view = require("@codemirror/view");
-var import_highlight = require("@lezer/highlight");
-var import_codemirror_continue = require("@valtown/codemirror-continue");
-var import_codemirror_ts = require("@valtown/codemirror-ts");
-var import_react3 = __toESM(require("react"));
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_util = require("@dxos/util");
-var createToolbar = ({ state, script, ...options }) => import_rx_react.Rx.make((get) => get((0, import_react_ui_menu.rxFromSignal)(() => {
-  const templateSelect = (0, import_chunk_AU2FOE26.createTemplateSelect)(script);
-  const format = (0, import_chunk_AU2FOE26.createFormat)(script);
-  const gap = (0, import_react_ui_menu.createGapSeparator)();
-  const deploy = (0, import_chunk_AU2FOE26.createDeploy)({
-    state,
-    script,
-    ...options
-  });
-  return {
-    nodes: [
-      ...templateSelect.nodes,
-      ...format.nodes,
-      ...gap.nodes,
-      ...deploy.nodes
-    ],
-    edges: [
-      ...templateSelect.edges,
-      ...format.edges,
-      ...gap.edges,
-      ...deploy.edges
-    ]
-  };
-})));
-var ScriptToolbar = ({ script, role, state, classNames }) => {
-  var _effect = (0, import_tracking2.useSignals)();
-  try {
-    const { t } = (0, import_react_ui.useTranslation)(import_chunk_QG2X6J74.SCRIPT_PLUGIN);
-    const options = (0, import_chunk_AU2FOE26.useDeployDeps)({
-      script
-    });
-    const toolbarCreator = (0, import_react2.useMemo)(() => createToolbar({
-      state,
-      script,
-      t,
-      ...options
-    }), [
-      state,
-      script,
-      options,
-      t
-    ]);
-    const menu = (0, import_react_ui_menu.useMenuActions)(toolbarCreator);
-    return /* @__PURE__ */ import_react2.default.createElement(import_react_ui.ElevationProvider, {
-      elevation: role === "section" ? "positioned" : "base"
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_menu.MenuProvider, {
-      ...menu,
-      attendableId: (0, import_echo2.fullyQualifiedId)(script)
-    }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_menu.ToolbarMenu, {
-      classNames
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var TypescriptEditor = ({ classNames, id, inputMode = "vscode", toolbar, env, initialValue, extensions, scrollTo, selection }) => {
-  var _effect = (0, import_tracking3.useSignals)();
-  try {
-    const { themeMode } = (0, import_react_ui2.useThemeContext)();
-    const { parentRef, focusAttributes } = (0, import_react_ui_editor2.useTextEditor)(() => ({
-      id,
-      initialValue,
-      selection,
-      scrollTo,
-      extensions: [
-        extensions,
-        (0, import_react_ui_editor2.createBasicExtensions)({
-          highlightActiveLine: true,
-          indentWithTab: true,
-          lineNumbers: true,
-          lineWrapping: false,
-          monospace: true,
-          scrollPastEnd: true
-        }),
-        (0, import_react_ui_editor2.createThemeExtensions)({
-          themeMode,
-          syntaxHighlighting: true
-        }),
-        import_react_ui_editor2.InputModeExtensions[inputMode],
-        (0, import_react_ui_editor2.folding)(),
-        // Continues block comments when pressing Enter.
-        import_state.Prec.high(import_view.keymap.of(import_codemirror_continue.continueKeymap)),
-        // TODO(burdon): Factor out.
-        (0, import_lang_javascript.javascript)({
-          typescript: true
-        }),
-        // https://github.com/val-town/codemirror-ts
-        (0, import_react_ui_editor2.autocomplete)({
-          override: env ? [
-            (0, import_codemirror_ts.tsAutocomplete)()
-          ] : void 0
-        }),
-        import_view.keymap.of(import_lint.lintKeymap),
-        env && [
-          import_codemirror_ts.tsFacet.of({
-            env,
-            path: `/src/${id}.ts`
-          }),
-          (0, import_codemirror_ts.tsSync)(),
-          (0, import_codemirror_ts.tsLinter)(),
-          (0, import_codemirror_ts.tsHover)({
-            renderTooltip: createTooltipRenderer(themeMode)
-          })
-        ]
-      ].filter(import_util.isNonNullable)
-    }), [
-      id,
-      extensions,
-      themeMode,
-      inputMode,
-      selection,
-      scrollTo
-    ]);
-    return /* @__PURE__ */ import_react3.default.createElement("div", {
-      ref: parentRef,
-      "data-toolbar": toolbar ? "enabled" : "disabled",
-      className: (0, import_react_ui_theme.mx)(classNames),
-      ...focusAttributes
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var createTooltipRenderer = (themeMode) => {
-  const theme = themeMode === "dark" ? import_theme_one_dark.oneDarkHighlightStyle : import_language.defaultHighlightStyle;
-  const classFromKind = (_kind) => {
-    const kind = _kind.endsWith("Name") ? "name" : _kind;
-    const validTag = kind in import_highlight.tags;
-    if (!validTag) {
-      return "";
-    }
-    const tag = import_highlight.tags[kind];
-    if (typeof tag === "function") {
-      return "";
-    }
-    return theme.style([
-      tag
-    ]) ?? "";
-  };
-  return (info) => {
-    const div = document.createElement("div");
-    div.className = "p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg";
-    if (info.quickInfo?.displayParts) {
-      for (const part of info.quickInfo.displayParts) {
-        const span = div.appendChild(document.createElement("span"));
-        span.className = classFromKind(part.kind);
-        span.innerText = part.text;
-      }
-    }
-    return {
-      dom: div
-    };
-  };
-};
-var ScriptContainer = ({ role, script, settings = {
-  editorInputMode: "vscode"
-}, env }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const identity = (0, import_halo.useIdentity)();
-    const space = (0, import_echo.getSpace)(script);
-    const state = (0, import_chunk_AU2FOE26.useToolbarState)();
-    (0, import_chunk_AU2FOE26.useDeployState)({
-      state,
-      script
-    });
-    const extensions = (0, import_react.useMemo)(() => script.source.target ? [
-      (0, import_react_ui_editor.listener)({
-        onChange: (text) => {
-          if (script.source.target?.content !== text) {
-            script.changed = true;
-          }
-        }
-      }),
-      (0, import_react_ui_editor.createDataExtensions)({
-        id: script.id,
-        text: (0, import_echo.createDocAccessor)(script.source.target, [
-          "content"
-        ]),
-        space,
-        identity
-      })
-    ] : [], [
-      identity,
-      space,
-      script,
-      script.source.target
-    ]);
-    return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
-      toolbar: true
-    }, /* @__PURE__ */ import_react.default.createElement(ScriptToolbar, {
-      state,
-      role,
-      script
-    }), /* @__PURE__ */ import_react.default.createElement(TypescriptEditor, {
-      id: script.id,
-      env,
-      initialValue: script.source?.target?.content,
-      extensions,
-      classNames: (0, import_react_ui_editor.stackItemContentEditorClassNames)(role),
-      inputMode: settings.editorInputMode,
-      toolbar: true
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var ScriptContainer_default = ScriptContainer;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ScriptContainer
-});
-//# sourceMappingURL=ScriptContainer-CAC7AISY.cjs.map