@dxos/plugin-script 0.8.4-main.3c1ae3b → 0.8.4-main.3fbcb4aa9b

package/dist/lib/node-esm/chunk-535YDI5V.mjs

@@ -1,156 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  useCreateAndDeployScriptTemplates
-} from "./chunk-4VVV5L5A.mjs";
-import {
-  meta
-} from "./chunk-IBV2DR36.mjs";
-
-// src/components/DeploymentDialog/DeploymentDialog.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useEffect, useMemo } from "react";
-import { LayoutAction, createIntent } from "@dxos/app-framework";
-import { useIntentDispatcher } from "@dxos/app-framework/react";
-import { getSpace } from "@dxos/react-client/echo";
-import { Button, Dialog, IconButton, useTranslation } from "@dxos/react-ui";
-var DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;
-var DeploymentDialog = ({ accessToken, scriptTemplates }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    const space = useMemo(() => getSpace(accessToken), [
-      accessToken
-    ]);
-    const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);
-    const { dispatchPromise: dispatch } = useIntentDispatcher();
-    useEffect(() => {
-      if (status === "success") {
-        void dispatch(createIntent(LayoutAction.AddToast, {
-          part: "toast",
-          subject: {
-            id: `${meta.id}/deployment-success`,
-            icon: "ph--check--regular",
-            duration: Infinity,
-            title: [
-              "script deployment toast label",
-              {
-                ns: meta.id,
-                count: scriptTemplates.length
-              }
-            ],
-            description: [
-              "script deployment toast description",
-              {
-                ns: meta.id,
-                count: scriptTemplates.length
-              }
-            ],
-            closeLabel: [
-              "script deployment toast close label",
-              {
-                ns: meta.id,
-                count: scriptTemplates.length
-              }
-            ]
-          }
-        }));
-        void dispatch(createIntent(LayoutAction.UpdateDialog, {
-          part: "dialog",
-          options: {
-            state: false
-          }
-        }));
-      }
-      if (status === "error") {
-        void dispatch(createIntent(LayoutAction.UpdateDialog, {
-          part: "dialog",
-          options: {
-            state: false
-          }
-        }));
-        void dispatch(createIntent(LayoutAction.AddToast, {
-          part: "toast",
-          subject: {
-            id: `${meta.id}/deployment-error`,
-            icon: "ph--warning--regular",
-            duration: Infinity,
-            title: [
-              "script deployment error toast label",
-              {
-                ns: meta.id,
-                count: scriptTemplates.length
-              }
-            ],
-            description: [
-              "script deployment error toast description",
-              {
-                ns: meta.id,
-                count: scriptTemplates.length
-              }
-            ],
-            closeLabel: [
-              "script deployment error toast close label",
-              {
-                ns: meta.id,
-                count: scriptTemplates.length
-              }
-            ]
-          }
-        }));
-      }
-    }, [
-      status,
-      dispatch
-    ]);
-    return /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement("div", {
-      className: "flex justify-between items-center"
-    }, /* @__PURE__ */ React.createElement(Dialog.Title, null, t("deployment dialog title")), /* @__PURE__ */ React.createElement(Dialog.Close, {
-      asChild: true
-    }, /* @__PURE__ */ React.createElement(IconButton, {
-      icon: "ph--x--regular",
-      size: 4,
-      label: "Close",
-      iconOnly: true,
-      density: "fine",
-      variant: "ghost"
-    }))), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "plb-4"
-    }, /* @__PURE__ */ React.createElement("p", null, t("deployment dialog scripts found message", {
-      count: scriptTemplates.length
-    })), /* @__PURE__ */ React.createElement("ul", {
-      className: "pbs-2"
-    }, scriptTemplates.map((template) => {
-      return /* @__PURE__ */ React.createElement("li", {
-        key: template.id
-      }, template.name);
-    }))), /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "flex flex-row-reverse gap-1"
-    }, /* @__PURE__ */ React.createElement(Button, {
-      variant: "primary",
-      onClick: handleCreateAndDeployScripts,
-      disabled: status === "pending"
-    }, status === "pending" ? t("deployment dialog deploy functions pending button label", {
-      count: scriptTemplates.length
-    }) : t("deployment dialog deploy functions button label", {
-      count: scriptTemplates.length
-    })), /* @__PURE__ */ React.createElement(Dialog.Close, {
-      asChild: true,
-      disabled: status === "pending"
-    }, /* @__PURE__ */ React.createElement(Button, {
-      disabled: status === "pending"
-    }, t("deployment dialog skip button label")))));
-  } finally {
-    _effect.f();
-  }
-};
-
-// src/components/DeploymentDialog/index.ts
-var DeploymentDialog_default = DeploymentDialog;
-
-export {
-  DEPLOYMENT_DIALOG,
-  DeploymentDialog_default
-};
-//# sourceMappingURL=chunk-535YDI5V.mjs.map

package/dist/lib/node-esm/chunk-535YDI5V.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/DeploymentDialog/DeploymentDialog.tsx", "../../../src/components/DeploymentDialog/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo } from 'react';\n\nimport { LayoutAction, createIntent } from '@dxos/app-framework';\nimport { useIntentDispatcher } from '@dxos/app-framework/react';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Button, Dialog, IconButton, useTranslation } from '@dxos/react-ui';\nimport { type AccessToken } from '@dxos/types';\n\nimport { useCreateAndDeployScriptTemplates } from '../../hooks';\nimport { meta } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport const DEPLOYMENT_DIALOG = `${meta.id}/deployment/dialog`;\n\n// TODO(ZaymonFC):\n//  - Show activity and feedback to the user.\n//  - Only take an array of templateIds and get the name from the data.\n//  - Pending / onError states.\n\nexport type DeploymentDialogProps = {\n  accessToken: AccessToken.AccessToken;\n  scriptTemplates: Template[];\n};\n\nexport const DeploymentDialog = ({ accessToken, scriptTemplates }: DeploymentDialogProps) => {\n  const { t } = useTranslation(meta.id);\n  const space = useMemo(() => getSpace(accessToken), [accessToken]);\n\n  // TODO(ZaymonFC): Thinking further. All of this should get moved to intents to run async in the background.\n  //   Deployment shouldn't be tied to the lifecycle of the dialogue component.\n  const { handleCreateAndDeployScripts, status } = useCreateAndDeployScriptTemplates(space, scriptTemplates);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  useEffect(() => {\n    if (status === 'success') {\n      // TODO(ZaymonFC): We can probably re-use this toast for normal script deployment.\n      void dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${meta.id}/deployment-success`,\n            icon: 'ph--check--regular',\n            duration: Infinity,\n            title: ['script deployment toast label', { ns: meta.id, count: scriptTemplates.length }],\n            description: ['script deployment toast description', { ns: meta.id, count: scriptTemplates.length }],\n            closeLabel: ['script deployment toast close label', { ns: meta.id, count: scriptTemplates.length }],\n          },\n        }),\n      );\n      void dispatch(\n        createIntent(LayoutAction.UpdateDialog, {\n          part: 'dialog',\n          options: { state: false },\n        }),\n      );\n    }\n    if (status === 'error') {\n      void dispatch(\n        createIntent(LayoutAction.UpdateDialog, {\n          part: 'dialog',\n          options: { state: false },\n        }),\n      );\n      void dispatch(\n        createIntent(LayoutAction.AddToast, {\n          part: 'toast',\n          subject: {\n            id: `${meta.id}/deployment-error`,\n            icon: 'ph--warning--regular',\n            duration: Infinity,\n            title: ['script deployment error toast label', { ns: meta.id, count: scriptTemplates.length }],\n            description: ['script deployment error toast description', { ns: meta.id, count: scriptTemplates.length }],\n            closeLabel: ['script deployment error toast close label', { ns: meta.id, count: scriptTemplates.length }],\n          },\n        }),\n      );\n    }\n  }, [status, dispatch]);\n\n  return (\n    <Dialog.Content>\n      <div className='flex justify-between items-center'>\n        <Dialog.Title>{t('deployment dialog title')}</Dialog.Title>\n        <Dialog.Close asChild>\n          <IconButton icon='ph--x--regular' size={4} label='Close' iconOnly density='fine' variant='ghost' />\n        </Dialog.Close>\n      </div>\n      <div role='none' className='plb-4'>\n        {/* TODO: Implement deployment logic and UI. */}\n        <p>\n          {t('deployment dialog scripts found message', {\n            count: scriptTemplates.length,\n          })}\n        </p>\n        <ul className='pbs-2'>\n          {scriptTemplates.map((template) => {\n            return <li key={template.id}>{template.name}</li>;\n          })}\n        </ul>\n      </div>\n      <div role='none' className='flex flex-row-reverse gap-1'>\n        <Button variant='primary' onClick={handleCreateAndDeployScripts} disabled={status === 'pending'}>\n          {status === 'pending'\n            ? t('deployment dialog deploy functions pending button label', {\n                count: scriptTemplates.length,\n              })\n            : t('deployment dialog deploy functions button label', {\n                count: scriptTemplates.length,\n              })}\n        </Button>\n        <Dialog.Close asChild disabled={status === 'pending'}>\n          <Button disabled={status === 'pending'}>{t('deployment dialog skip button label')}</Button>\n        </Dialog.Close>\n      </div>\n    </Dialog.Content>\n  );\n};\n\nexport default DeploymentDialog;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { DEPLOYMENT_DIALOG, DeploymentDialog } from './DeploymentDialog';\n\nexport { DEPLOYMENT_DIALOG };\n\nexport default DeploymentDialog;\n"],
-  "mappings": "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",
-  "names": ["React", "useEffect", "useMemo", "LayoutAction", "createIntent", "useIntentDispatcher", "getSpace", "Button", "Dialog", "IconButton", "useTranslation", "DEPLOYMENT_DIALOG", "meta", "id", "DeploymentDialog", "accessToken", "scriptTemplates", "t", "useTranslation", "space", "useMemo", "getSpace", "handleCreateAndDeployScripts", "status", "useCreateAndDeployScriptTemplates", "dispatchPromise", "dispatch", "useIntentDispatcher", "useEffect", "createIntent", "LayoutAction", "AddToast", "part", "subject", "icon", "duration", "Infinity", "title", "ns", "count", "length", "description", "closeLabel", "UpdateDialog", "options", "state", "Dialog", "Content", "div", "className", "Title", "Close", "asChild", "IconButton", "size", "label", "iconOnly", "density", "variant", "role", "p", "ul", "map", "template", "li", "key", "name", "Button", "onClick", "disabled", "DeploymentDialog"]
-}

package/dist/lib/node-esm/chunk-55JZVM6K.mjs

@@ -1,16 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  meta
-} from "./chunk-IBV2DR36.mjs";
-
-// src/capabilities/capabilities.ts
-import { defineCapability } from "@dxos/app-framework";
-(function(ScriptCapabilities2) {
-  ScriptCapabilities2.Compiler = defineCapability(`${meta.id}/capability/compiler`);
-})(ScriptCapabilities || (ScriptCapabilities = {}));
-var ScriptCapabilities;
-
-export {
-  ScriptCapabilities
-};
-//# sourceMappingURL=chunk-55JZVM6K.mjs.map

package/dist/lib/node-esm/chunk-55JZVM6K.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/capabilities.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\n\nimport { type Compiler } from '../compiler';\nimport { meta } from '../meta';\n\nexport namespace ScriptCapabilities {\n  export const Compiler = defineCapability<Compiler>(`${meta.id}/capability/compiler`);\n}\n"],
-  "mappings": ";;;;;;AAIA,SAASA,wBAAwB;UAKhBC,qBAAAA;sBACFC,WAAWC,iBAA2B,GAAGC,KAAKC,EAAE,sBAAsB;AACrF,GAFiBJ,uBAAAA,qBAAAA,CAAAA,EAAAA;;",
-  "names": ["defineCapability", "ScriptCapabilities", "Compiler", "defineCapability", "meta", "id"]
-}

package/dist/lib/node-esm/chunk-6H4FYMCX.mjs

@@ -1,114 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/components/TypescriptEditor/TypescriptEditor.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
-import { javascript } from "@codemirror/lang-javascript";
-import { HighlightStyle } from "@codemirror/language";
-import { lintKeymap } from "@codemirror/lint";
-import { Prec } from "@codemirror/state";
-import { keymap } from "@codemirror/view";
-import { tags } from "@lezer/highlight";
-import { continueKeymap } from "@valtown/codemirror-continue";
-import { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";
-import React from "react";
-import { Domino, useThemeContext } from "@dxos/react-ui";
-import { InputModeExtensions, createBasicExtensions, createThemeExtensions, defaultStyles, useTextEditor } from "@dxos/react-ui-editor";
-import { mx } from "@dxos/react-ui-theme";
-import { isNonNullable } from "@dxos/util";
-var TypescriptEditor = ({ classNames, id, role = "article", inputMode = "vscode", env, options, initialValue, extensions, scrollTo, selection }) => {
-  var _effect = _useSignals();
-  try {
-    const { themeMode } = useThemeContext();
-    const { parentRef, focusAttributes } = useTextEditor(() => ({
-      id,
-      initialValue,
-      selection,
-      scrollTo,
-      extensions: [
-        extensions,
-        createBasicExtensions({
-          highlightActiveLine: true,
-          indentWithTab: true,
-          lineNumbers: true,
-          lineWrapping: false,
-          scrollPastEnd: role !== "section",
-          search: true,
-          ...options
-        }),
-        createThemeExtensions({
-          monospace: true,
-          themeMode,
-          syntaxHighlighting: true
-        }),
-        InputModeExtensions[inputMode],
-        javascript({
-          typescript: true
-        }),
-        autocompletion({
-          override: env ? [
-            tsAutocomplete()
-          ] : void 0
-        }),
-        // Continues block comments when pressing Enter.
-        Prec.high(keymap.of(continueKeymap)),
-        keymap.of(completionKeymap),
-        keymap.of(lintKeymap),
-        // https://github.com/val-town/codemirror-ts
-        env && [
-          tsFacet.of({
-            env,
-            path: `./src/${id}.ts`
-          }),
-          tsSync(),
-          tsLinter(),
-          tsHover({
-            renderTooltip: createTooltipRenderer(themeMode)
-          })
-        ]
-      ].filter(isNonNullable)
-    }), [
-      id,
-      extensions,
-      themeMode,
-      inputMode,
-      selection,
-      scrollTo,
-      env
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
-      ref: parentRef,
-      className: mx(classNames),
-      ...focusAttributes
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var createTooltipRenderer = (themeMode) => {
-  const theme = HighlightStyle.define(themeMode === "dark" ? defaultStyles.dark : defaultStyles.light);
-  const classFromKind = (_kind) => {
-    const kind = _kind.endsWith("Name") ? "name" : _kind;
-    const validTag = kind in tags;
-    if (!validTag) {
-      return "";
-    }
-    const tag = tags[kind];
-    if (typeof tag === "function") {
-      return "";
-    }
-    return theme.style([
-      tag
-    ]) ?? "";
-  };
-  return (info) => {
-    return {
-      dom: Domino.of("div").classNames("xs:max-is-80 max-is-lg p-1 bg-baseSurface rounded border border-separator").children(...info.quickInfo?.displayParts?.map(({ kind, text }) => Domino.of("span").classNames(classFromKind(kind)).text(text)) ?? []).build()
-    };
-  };
-};
-
-export {
-  TypescriptEditor
-};
-//# sourceMappingURL=chunk-6H4FYMCX.mjs.map

package/dist/lib/node-esm/chunk-6H4FYMCX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { autocompletion, completionKeymap } from '@codemirror/autocomplete';\nimport { javascript } from '@codemirror/lang-javascript';\nimport { HighlightStyle } from '@codemirror/language';\nimport { lintKeymap } from '@codemirror/lint';\nimport { Prec } from '@codemirror/state';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { type HoverInfo, tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { Domino, type ThemeMode, type ThemedClassName, useThemeContext } from '@dxos/react-ui';\nimport {\n  type BasicExtensionsOptions,\n  type EditorInputMode,\n  InputModeExtensions,\n  type UseTextEditorProps,\n  createBasicExtensions,\n  createThemeExtensions,\n  defaultStyles,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = ThemedClassName<\n  {\n    id: string;\n    role?: string;\n    inputMode?: EditorInputMode;\n    toolbar?: boolean;\n    env?: VirtualTypeScriptEnvironment;\n    options?: BasicExtensionsOptions;\n  } & Pick<UseTextEditorProps, 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>\n>;\n\nexport const TypescriptEditor = ({\n  classNames,\n  id,\n  role = 'article',\n  inputMode = 'vscode',\n  env,\n  options,\n  initialValue,\n  extensions,\n  scrollTo,\n  selection,\n}: TypescriptEditorProps) => {\n  const { themeMode } = useThemeContext();\n  const { parentRef, focusAttributes } = useTextEditor(\n    () => ({\n      id,\n      initialValue,\n      selection,\n      scrollTo,\n      extensions: [\n        extensions,\n        createBasicExtensions({\n          highlightActiveLine: true,\n          indentWithTab: true,\n          lineNumbers: true,\n          lineWrapping: false,\n          scrollPastEnd: role !== 'section',\n          search: true,\n          ...options,\n        }),\n        createThemeExtensions({\n          monospace: true,\n          themeMode,\n          syntaxHighlighting: true,\n        }),\n        InputModeExtensions[inputMode],\n\n        javascript({ typescript: true }),\n        autocompletion({ override: env ? [tsAutocomplete()] : undefined }),\n\n        // Continues block comments when pressing Enter.\n        Prec.high(keymap.of(continueKeymap)),\n        keymap.of(completionKeymap),\n        keymap.of(lintKeymap),\n\n        // https://github.com/val-town/codemirror-ts\n        env && [\n          tsFacet.of({ env, path: `./src/${id}.ts` }),\n          tsSync(),\n          tsLinter(),\n          tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n        ],\n      ].filter(isNonNullable),\n    }),\n    [id, extensions, themeMode, inputMode, selection, scrollTo, env],\n  );\n\n  // TODO(brudon): Use react-ui-editor's Editor component.\n  return <div ref={parentRef} className={mx(classNames)} {...focusAttributes} />;\n};\n\n// TODO(burdon): Factor out (react-ui-editor).\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n  const theme = HighlightStyle.define(themeMode === 'dark' ? defaultStyles.dark : defaultStyles.light);\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    return {\n      dom: Domino.of('div')\n        .classNames('xs:max-is-80 max-is-lg p-1 bg-baseSurface rounded border border-separator')\n        .children(\n          ...(info.quickInfo?.displayParts?.map(({ kind, text }) =>\n            Domino.of('span').classNames(classFromKind(kind)).text(text),\n          ) ?? []),\n        )\n        .build(),\n    };\n  };\n};\n\nexport default TypescriptEditor;\n"],
-  "mappings": ";;;;AAIA,SAASA,gBAAgBC,wBAAwB;AACjD,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,kBAAkB;AAC3B,SAASC,YAAY;AACrB,SAASC,cAAc;AACvB,SAASC,YAAY;AAErB,SAASC,sBAAsB;AAC/B,SAAyBC,gBAAgBC,SAASC,SAASC,UAAUC,cAAc;AACnF,OAAOC,WAAW;AAElB,SAASC,QAA8CC,uBAAuB;AAC9E,SAGEC,qBAEAC,uBACAC,uBACAC,eACAC,qBACK;AACP,SAASC,UAAU;AACnB,SAASC,qBAAqB;AAavB,IAAMC,mBAAmB,CAAC,EAC/BC,YACAC,IACAC,OAAO,WACPC,YAAY,UACZC,KACAC,SACAC,cACAC,YACAC,UACAC,UAAS,MACa;;;AACtB,UAAM,EAAEC,UAAS,IAAKC,gBAAAA;AACtB,UAAM,EAAEC,WAAWC,gBAAe,IAAKC,cACrC,OAAO;MACLb;MACAK;MACAG;MACAD;MACAD,YAAY;QACVA;QACAQ,sBAAsB;UACpBC,qBAAqB;UACrBC,eAAe;UACfC,aAAa;UACbC,cAAc;UACdC,eAAelB,SAAS;UACxBmB,QAAQ;UACR,GAAGhB;QACL,CAAA;QACAiB,sBAAsB;UACpBC,WAAW;UACXb;UACAc,oBAAoB;QACtB,CAAA;QACAC,oBAAoBtB,SAAAA;QAEpBuB,WAAW;UAAEC,YAAY;QAAK,CAAA;QAC9BC,eAAe;UAAEC,UAAUzB,MAAM;YAAC0B,eAAAA;cAAoBC;QAAU,CAAA;;QAGhEC,KAAKC,KAAKC,OAAOC,GAAGC,cAAAA,CAAAA;QACpBF,OAAOC,GAAGE,gBAAAA;QACVH,OAAOC,GAAGG,UAAAA;;QAGVlC,OAAO;UACLmC,QAAQJ,GAAG;YAAE/B;YAAKoC,MAAM,SAASvC,EAAAA;UAAQ,CAAA;UACzCwC,OAAAA;UACAC,SAAAA;UACAC,QAAQ;YAAEC,eAAeC,sBAAsBnC,SAAAA;UAAW,CAAA;;QAE5DoC,OAAOC,aAAAA;IACX,IACA;MAAC9C;MAAIM;MAAYG;MAAWP;MAAWM;MAAWD;MAAUJ;KAAI;AAIlE,WAAO,sBAAA,cAAC4C,OAAAA;MAAIC,KAAKrC;MAAWsC,WAAWC,GAAGnD,UAAAA;MAAc,GAAGa;;;;;AAC7D;AAGA,IAAMgC,wBAAwB,CAACnC,cAAAA;AAC7B,QAAM0C,QAAQC,eAAeC,OAAO5C,cAAc,SAAS6C,cAAcC,OAAOD,cAAcE,KAAK;AAEnG,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,WAAOZ,MAAMa,MAAM;MAACD;KAAI,KAAK;EAC/B;AAEA,SAAO,CAACE,SAAAA;AACN,WAAO;MACLC,KAAKC,OAAOjC,GAAG,KAAA,EACZnC,WAAW,2EAAA,EACXqE,SAAQ,GACHH,KAAKI,WAAWC,cAAcC,IAAI,CAAC,EAAEZ,MAAMa,KAAI,MACjDL,OAAOjC,GAAG,MAAA,EAAQnC,WAAW0D,cAAcE,IAAAA,CAAAA,EAAOa,KAAKA,IAAAA,CAAAA,KACpD,CAAA,CAAE,EAERC,MAAK;IACV;EACF;AACF;",
-  "names": ["autocompletion", "completionKeymap", "javascript", "HighlightStyle", "lintKeymap", "Prec", "keymap", "tags", "continueKeymap", "tsAutocomplete", "tsFacet", "tsHover", "tsLinter", "tsSync", "React", "Domino", "useThemeContext", "InputModeExtensions", "createBasicExtensions", "createThemeExtensions", "defaultStyles", "useTextEditor", "mx", "isNonNullable", "TypescriptEditor", "classNames", "id", "role", "inputMode", "env", "options", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "search", "createThemeExtensions", "monospace", "syntaxHighlighting", "InputModeExtensions", "javascript", "typescript", "autocompletion", "override", "tsAutocomplete", "undefined", "Prec", "high", "keymap", "of", "continueKeymap", "completionKeymap", "lintKeymap", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "div", "ref", "className", "mx", "theme", "HighlightStyle", "define", "defaultStyles", "dark", "light", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "dom", "Domino", "children", "quickInfo", "displayParts", "map", "text", "build"]
-}