@dxos/plugin-script 0.6.13 → 0.6.14-main.1366248

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

@@ -0,0 +1,417 @@
+"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_FWHFEIHK_exports = {};
+__export(ScriptContainer_FWHFEIHK_exports, {
+  default: () => ScriptContainer_default
+});
+module.exports = __toCommonJS(ScriptContainer_FWHFEIHK_exports);
+var import_chunk_ACLCRWDB = require("./chunk-ACLCRWDB.cjs");
+var import_chunk_BJ4WIWCP = require("./chunk-BJ4WIWCP.cjs");
+var import_chunk_FY5KKL5N = require("./chunk-FY5KKL5N.cjs");
+var import_chunk_CPNHUAFN = require("./chunk-CPNHUAFN.cjs");
+var import_chunk_6LYX73ZT = require("./chunk-6LYX73ZT.cjs");
+var import_react = __toESM(require("react"));
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui_attention = require("@dxos/react-ui-attention");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_prettier = require("prettier");
+var import_estree = __toESM(require("prettier/plugins/estree"));
+var import_typescript = __toESM(require("prettier/plugins/typescript"));
+var import_react2 = __toESM(require("react"));
+var import_log = require("@dxos/log");
+var import_react_client = require("@dxos/react-client");
+var import_echo2 = require("@dxos/react-client/echo");
+var import_halo = require("@dxos/react-client/halo");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
+var import_react3 = __toESM(require("react"));
+var import_react_ui2 = require("@dxos/react-ui");
+var import_lang_javascript = require("@codemirror/lang-javascript");
+var import_codemirror_ts = require("@valtown/codemirror-ts");
+var import_react4 = __toESM(require("react"));
+var import_react_ui3 = require("@dxos/react-ui");
+var import_react_ui_editor2 = require("@dxos/react-ui-editor");
+var import_util = require("@dxos/util");
+var Toolbar = ({ classNames, deployed, error, functionUrl, view, templates: templates2, onDeploy, onFormat, onViewChange, onTemplateSelect }) => {
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_6LYX73ZT.SCRIPT_PLUGIN);
+  const [pending, setPending] = (0, import_react3.useState)(false);
+  const handleCopyLink = async () => {
+    if (!functionUrl) {
+      return;
+    }
+    await navigator.clipboard.writeText(functionUrl);
+  };
+  const handleDeploy = async () => {
+    if (!pending) {
+      setPending(true);
+      await onDeploy?.();
+      setPending(false);
+    }
+  };
+  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.ElevationProvider, {
+    elevation: "chrome"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Toolbar.Root, {
+    classNames: [
+      "p-1",
+      classNames
+    ],
+    style: {
+      contain: "layout"
+    }
+  }, templates2 && /* @__PURE__ */ import_react3.default.createElement(TemplateSelect, {
+    templates: templates2,
+    onTemplateSelect
+  }), onFormat && /* @__PURE__ */ import_react3.default.createElement(ToolbarIconButton, {
+    icon: "ph--magic-wand--regular",
+    text: t("format label"),
+    onClick: onFormat
+  }), /* @__PURE__ */ import_react3.default.createElement("div", {
+    role: "separator",
+    className: "grow"
+  }), error ? /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Trigger, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--warning-circle--regular",
+    size: 4
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Arrow, null), error))) : null, functionUrl && deployed && /* @__PURE__ */ import_react3.default.createElement(ToolbarIconButton, {
+    icon: "ph--link--regular",
+    text: t("copy link label"),
+    onClick: handleCopyLink
+  }), onDeploy && /* @__PURE__ */ import_react3.default.createElement(ToolbarIconButton, {
+    icon: pending ? "ph--spinner-gap--regular" : "ph--cloud-arrow-up--regular",
+    classNames: [
+      pending && "animate-spin"
+    ],
+    text: pending ? t("pending label") : t("deploy label"),
+    onClick: handleDeploy
+  }), /* @__PURE__ */ import_react3.default.createElement(ViewSelector, {
+    view,
+    onViewChange
+  })));
+};
+var ToolbarIconButton = ({ icon, text, classNames, disabled, onClick }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Root, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Toolbar.Button, {
+    variant: "ghost",
+    disabled,
+    onClick
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
+    icon,
+    size: 4,
+    classNames
+  }))), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Tooltip.Arrow, null), text)));
+};
+var TemplateSelect = ({ templates: templates2 = [], onTemplateSelect }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Select.Root, {
+    value: "",
+    onValueChange: onTemplateSelect
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Select.TriggerButton, null), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Select.Portal, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Select.Content, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Select.Viewport, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Select.Option, {
+    value: ""
+  }, "Template"), templates2.map(({ id, name }) => /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Select.Option, {
+    key: id,
+    value: id
+  }, name))))));
+};
+var ViewSelector = ({ view, onViewChange }) => {
+  return /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.ToggleGroup, {
+    type: "single",
+    value: view,
+    onValueChange: (value) => onViewChange?.(value)
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.ToggleGroupItem, {
+    value: "editor",
+    classNames: "bg-transparent text-subdued"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--code--regular",
+    size: 4
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.ToggleGroupItem, {
+    value: "split",
+    classNames: "bg-transparent text-subdued"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--square-split-vertical--regular",
+    size: 4
+  })), /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.ToggleGroupItem, {
+    value: "preview",
+    classNames: "bg-transparent text-subdued"
+  }, /* @__PURE__ */ import_react3.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--eye--regular",
+    size: 4
+  })));
+};
+var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection }) => {
+  const { themeMode } = (0, import_react_ui3.useThemeContext)();
+  const { parentRef, focusAttributes } = (0, import_react_ui_editor2.useTextEditor)(() => ({
+    id,
+    initialValue,
+    extensions: [
+      extensions,
+      (0, import_react_ui_editor2.createBasicExtensions)({
+        highlightActiveLine: true,
+        indentWithTab: true,
+        lineNumbers: true,
+        lineWrapping: false,
+        scrollPastEnd: true
+      }),
+      (0, import_react_ui_editor2.createThemeExtensions)({
+        themeMode,
+        syntaxHighlighting: true,
+        slots: {
+          content: {
+            className: import_react_ui_editor2.editorFullWidth
+          }
+        }
+      }),
+      import_react_ui_editor2.editorGutter,
+      // TODO(burdon): Factor out.
+      [
+        import_react_ui_editor2.editorMonospace,
+        (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)()
+          ] : []
+        }),
+        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)()
+        ] : [],
+        import_react_ui_editor2.InputModeExtensions.vscode
+      ]
+    ].filter(import_util.nonNullable),
+    selection,
+    scrollTo
+  }), [
+    id,
+    initialValue,
+    extensions,
+    themeMode,
+    selection,
+    scrollTo
+  ]);
+  return /* @__PURE__ */ import_react4.default.createElement("div", {
+    ref: parentRef,
+    className,
+    ...focusAttributes
+  });
+};
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx";
+var ScriptEditor = ({ classNames, script, env }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_6LYX73ZT.SCRIPT_PLUGIN);
+  const client = (0, import_react_client.useClient)();
+  const identity = (0, import_halo.useIdentity)();
+  const space = (0, import_echo2.getSpace)(script);
+  const [fn] = (0, import_echo2.useQuery)(space, import_echo2.Filter.schema(import_chunk_CPNHUAFN.FunctionType, (fn2) => fn2.source === script));
+  const extensions = (0, import_react2.useMemo)(() => [
+    (0, import_react_ui_editor.listener)({
+      onChange: (text) => {
+        if (script.source && script.source?.content !== text) {
+          script.changed = true;
+        }
+      }
+    }),
+    (0, import_react_ui_editor.createDataExtensions)({
+      id: script.id,
+      text: script.source && (0, import_echo2.createDocAccessor)(script.source, [
+        "content"
+      ]),
+      space,
+      identity
+    })
+  ], [
+    script,
+    script.source,
+    space,
+    identity
+  ]);
+  const [view, setView] = (0, import_react2.useState)("editor");
+  const initialValue = (0, import_react2.useMemo)(() => script.source?.content, [
+    script.source
+  ]);
+  const existingFunctionUrl = fn && (0, import_chunk_FY5KKL5N.getUserFunctionUrlInMetadata)((0, import_echo2.getMeta)(fn));
+  const [error, setError] = (0, import_react2.useState)();
+  const handleFormat = (0, import_react2.useCallback)(async () => {
+    if (!script.source) {
+      return;
+    }
+    try {
+      script.source.content = await (0, import_prettier.format)(script.source.content, {
+        parser: "typescript",
+        plugins: [
+          import_estree.default,
+          import_typescript.default
+        ],
+        semi: true,
+        singleQuote: true
+      });
+    } catch (err) {
+      import_log.log.catch(err, void 0, {
+        F: __dxlog_file,
+        L: 89,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+    }
+  }, [
+    script.source
+  ]);
+  const handleTemplateChange = (id) => {
+    const template = import_chunk_ACLCRWDB.templates.find((template2) => template2.id === id);
+    if (template) {
+      script.name = template.name;
+      script.source.content = template.source;
+      const metaKeys = (0, import_echo2.getMeta)(script).keys;
+      const oldPresetIndex = metaKeys.findIndex((key) => key.source === import_chunk_FY5KKL5N.USERFUNCTIONS_PRESET_META_KEY);
+      if (oldPresetIndex >= 0) {
+        metaKeys.splice(oldPresetIndex, 1);
+      }
+      if (template.presetId) {
+        metaKeys.push({
+          source: import_chunk_FY5KKL5N.USERFUNCTIONS_PRESET_META_KEY,
+          id: template.presetId
+        });
+      }
+    }
+  };
+  const handleDeploy = (0, import_react2.useCallback)(async () => {
+    if (!script.source || !identity || !space) {
+      return;
+    }
+    setError(void 0);
+    try {
+      const existingFunctionId = existingFunctionUrl?.split("/").at(-1);
+      const ownerDid = existingFunctionUrl?.split("/").at(-2) ?? (0, import_chunk_FY5KKL5N.publicKeyToDid)(identity.identityKey);
+      const bundler = new import_chunk_ACLCRWDB.Bundler({
+        platform: "browser",
+        sandboxedModules: [],
+        remoteModules: {}
+      });
+      const buildResult = await bundler.bundle(script.source.content);
+      if (buildResult.error || !buildResult.bundle) {
+        throw buildResult.error;
+      }
+      const { result, functionId, functionVersionNumber, errorMessage } = await (0, import_chunk_FY5KKL5N.uploadWorkerFunction)({
+        clientConfig: client.config,
+        halo: client.halo,
+        ownerDid,
+        functionId: existingFunctionId,
+        source: buildResult.bundle
+      });
+      if (result !== "success" || functionId === void 0 || functionVersionNumber === void 0) {
+        throw new Error(errorMessage);
+      }
+      import_log.log.info("function uploaded", {
+        functionId,
+        functionVersionNumber
+      }, {
+        F: __dxlog_file,
+        L: 137,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      if (fn) {
+        fn.version = functionVersionNumber;
+      }
+      const deployedFunction = fn ?? space.db.add((0, import_echo2.create)(import_chunk_CPNHUAFN.FunctionType, {
+        version: functionVersionNumber,
+        source: script
+      }));
+      const meta = (0, import_echo2.getMeta)(deployedFunction);
+      script.changed = false;
+      (0, import_chunk_FY5KKL5N.setUserFunctionUrlInMetadata)(meta, `/${ownerDid}/${functionId}`);
+      setView("split");
+    } catch (err) {
+      import_log.log.catch(err, void 0, {
+        F: __dxlog_file,
+        L: 149,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      setError(t("upload failed label"));
+    }
+  }, [
+    fn,
+    existingFunctionUrl,
+    script,
+    script.name,
+    script.source
+  ]);
+  const functionUrl = (0, import_react2.useMemo)(() => {
+    if (!existingFunctionUrl) {
+      return;
+    }
+    return (0, import_chunk_FY5KKL5N.getInvocationUrl)(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? "", {
+      spaceId: space?.id
+    });
+  }, [
+    existingFunctionUrl,
+    space
+  ]);
+  return /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "none",
+    className: (0, import_react_ui_theme2.mx)("flex flex-col w-full overflow-hidden divide-y divide-separator", classNames)
+  }, /* @__PURE__ */ import_react2.default.createElement(Toolbar, {
+    deployed: Boolean(existingFunctionUrl) && !script.changed,
+    functionUrl,
+    error,
+    view,
+    templates: import_chunk_ACLCRWDB.templates,
+    onDeploy: handleDeploy,
+    onFormat: handleFormat,
+    onViewChange: setView,
+    onTemplateSelect: handleTemplateChange
+  }), view !== "preview" && /* @__PURE__ */ import_react2.default.createElement(TypescriptEditor, {
+    id: script.id,
+    env,
+    initialValue,
+    extensions,
+    className: "flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all"
+  }), view !== "editor" && /* @__PURE__ */ import_react2.default.createElement(import_chunk_BJ4WIWCP.DebugPanel, {
+    functionUrl
+  }));
+};
+var ScriptContainer = ({ script, ...props }) => {
+  const attendableAttrs = (0, import_react_ui_attention.useAttendableAttributes)((0, import_echo.fullyQualifiedId)(script));
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "none",
+    className: (0, import_react_ui_theme.mx)("flex row-span-2 w-full overflow-hidden attention-surface"),
+    ...attendableAttrs
+  }, /* @__PURE__ */ import_react.default.createElement(ScriptEditor, {
+    ...props,
+    script
+  }));
+};
+var ScriptContainer_default = ScriptContainer;
+//# sourceMappingURL=ScriptContainer-FWHFEIHK.cjs.map

package/dist/lib/node/ScriptContainer-FWHFEIHK.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptEditor.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { ScriptEditor, type ScriptEditorProps } from './ScriptEditor';\n\nconst ScriptContainer = ({ script, ...props }: ScriptEditorProps) => {\n  const attendableAttrs = useAttendableAttributes(fullyQualifiedId(script));\n  return (\n    <div role='none' className={mx('flex row-span-2 w-full overflow-hidden attention-surface')} {...attendableAttrs}>\n      <ScriptEditor {...props} script={script} />\n    </div>\n  );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type DID } from 'iso-did/types';\nimport { format } from 'prettier';\nimport prettierPluginEstree from 'prettier/plugins/estree';\nimport prettierPluginTypescript from 'prettier/plugins/typescript';\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { useClient } from '@dxos/react-client';\nimport { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { DebugPanel } from './DebugPanel';\nimport { type TemplateSelectProps, Toolbar, type ViewType } from './Toolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { Bundler } from '../bundler';\nimport {\n  getInvocationUrl,\n  getUserFunctionUrlInMetadata,\n  publicKeyToDid,\n  setUserFunctionUrlInMetadata,\n  uploadWorkerFunction,\n  USERFUNCTIONS_PRESET_META_KEY,\n} from '../edge';\nimport { SCRIPT_PLUGIN } from '../meta';\nimport { templates } from '../templates';\nimport { FunctionType, type ScriptType } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<{\n  script: ScriptType;\n}> &\n  Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptEditor = ({ classNames, script, env }: ScriptEditorProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const client = useClient();\n  const identity = useIdentity();\n  const space = getSpace(script);\n  // TODO(dmaretskyi): Parametric query.\n  const [fn] = useQuery(\n    space,\n    Filter.schema(FunctionType, (fn) => fn.source === script),\n  );\n\n  const extensions = useMemo(\n    () => [\n      listener({\n        onChange: (text) => {\n          if (script.source && script.source?.content !== text) {\n            script.changed = true;\n          }\n        },\n      }),\n      createDataExtensions({\n        id: script.id,\n        text: script.source && createDocAccessor(script.source, ['content']),\n        space,\n        identity,\n      }),\n    ],\n    [script, script.source, space, identity],\n  );\n\n  const [view, setView] = useState<ViewType>('editor');\n  const initialValue = useMemo(() => script.source?.content, [script.source]);\n  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));\n  const [error, setError] = useState<string>();\n\n  const handleFormat = useCallback(async () => {\n    if (!script.source) {\n      return;\n    }\n\n    try {\n      script.source.content = await format(script.source.content, {\n        parser: 'typescript',\n        plugins: [prettierPluginEstree, prettierPluginTypescript],\n        semi: true,\n        singleQuote: true,\n      });\n    } catch (err: any) {\n      // TODO(wittjosiah): Show error in UI.\n      log.catch(err);\n    }\n  }, [script.source]);\n\n  const handleTemplateChange: TemplateSelectProps['onTemplateSelect'] = (id) => {\n    const template = templates.find((template) => template.id === id);\n    if (template) {\n      script.name = template.name;\n      script.source!.content = template.source;\n      const metaKeys = getMeta(script).keys;\n      const oldPresetIndex = metaKeys.findIndex((key) => key.source === USERFUNCTIONS_PRESET_META_KEY);\n      if (oldPresetIndex >= 0) {\n        metaKeys.splice(oldPresetIndex, 1);\n      }\n      if (template.presetId) {\n        metaKeys.push({ source: USERFUNCTIONS_PRESET_META_KEY, id: template.presetId });\n      }\n    }\n  };\n\n  const handleDeploy = useCallback(async () => {\n    if (!script.source || !identity || !space) {\n      return;\n    }\n\n    setError(undefined);\n\n    try {\n      const existingFunctionId = existingFunctionUrl?.split('/').at(-1);\n      const ownerDid = (existingFunctionUrl?.split('/').at(-2) as DID) ?? publicKeyToDid(identity.identityKey);\n\n      const bundler = new Bundler({ platform: 'browser', sandboxedModules: [], remoteModules: {} });\n      const buildResult = await bundler.bundle(script.source.content);\n      if (buildResult.error || !buildResult.bundle) {\n        throw buildResult.error;\n      }\n\n      const { result, functionId, functionVersionNumber, errorMessage } = await uploadWorkerFunction({\n        clientConfig: client.config,\n        halo: client.halo,\n        ownerDid,\n        functionId: existingFunctionId,\n        source: buildResult.bundle,\n      });\n      if (result !== 'success' || functionId === undefined || functionVersionNumber === undefined) {\n        throw new Error(errorMessage);\n      }\n\n      log.info('function uploaded', { functionId, functionVersionNumber });\n      if (fn) {\n        fn.version = functionVersionNumber;\n      }\n\n      const deployedFunction =\n        fn ?? space.db.add(create(FunctionType, { version: functionVersionNumber, source: script }));\n      const meta = getMeta(deployedFunction);\n      script.changed = false;\n      setUserFunctionUrlInMetadata(meta, `/${ownerDid}/${functionId}`);\n      setView('split');\n    } catch (err: any) {\n      log.catch(err);\n      setError(t('upload failed label'));\n    }\n  }, [fn, existingFunctionUrl, script, script.name, script.source]);\n\n  const functionUrl = useMemo(() => {\n    if (!existingFunctionUrl) {\n      return;\n    }\n\n    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? '', {\n      spaceId: space?.id,\n    });\n  }, [existingFunctionUrl, space]);\n\n  return (\n    <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>\n      <Toolbar\n        deployed={Boolean(existingFunctionUrl) && !script.changed}\n        functionUrl={functionUrl}\n        error={error}\n        view={view}\n        templates={templates}\n        onDeploy={handleDeploy}\n        onFormat={handleFormat}\n        onViewChange={setView}\n        onTemplateSelect={handleTemplateChange}\n      />\n\n      {view !== 'preview' && (\n        <TypescriptEditor\n          id={script.id}\n          env={env}\n          initialValue={initialValue}\n          extensions={extensions}\n          className='flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all'\n        />\n      )}\n\n      {view !== 'editor' && <DebugPanel functionUrl={functionUrl} />}\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport {\n  ElevationProvider,\n  Icon,\n  Select,\n  type ThemedClassName,\n  ToggleGroup,\n  ToggleGroupItem,\n  type ToolbarButtonProps,\n  Toolbar as NaturalToolbar,\n  Tooltip,\n  useTranslation,\n} from '@dxos/react-ui';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\nimport { type Template } from '../../templates';\n\nexport type ToolbarProps = ThemedClassName<\n  {\n    deployed?: boolean;\n    error?: string;\n    functionUrl?: string;\n    onDeploy?: () => Promise<void>;\n    onFormat?: () => Promise<void>;\n  } & TemplateSelectProps &\n    ViewSelectorProps\n>;\n\nexport const Toolbar = ({\n  classNames,\n  deployed,\n  error,\n  functionUrl,\n  view,\n  templates,\n  onDeploy,\n  onFormat,\n  onViewChange,\n  onTemplateSelect,\n}: ToolbarProps) => {\n  const { t } = useTranslation(SCRIPT_PLUGIN);\n  const [pending, setPending] = useState(false);\n\n  const handleCopyLink = async () => {\n    if (!functionUrl) {\n      return;\n    }\n\n    await navigator.clipboard.writeText(functionUrl);\n  };\n\n  const handleDeploy = async () => {\n    if (!pending) {\n      setPending(true);\n      await onDeploy?.();\n      setPending(false);\n    }\n  };\n\n  // TODO(burdon): Factor out common toolbar components with sheet/editor?\n  return (\n    <ElevationProvider elevation='chrome'>\n      <NaturalToolbar.Root classNames={['p-1', classNames]} style={{ contain: 'layout' }}>\n        {templates && <TemplateSelect templates={templates} onTemplateSelect={onTemplateSelect} />}\n        {onFormat && <ToolbarIconButton icon='ph--magic-wand--regular' text={t('format label')} onClick={onFormat} />}\n\n        <div role='separator' className='grow' />\n\n        {error ? (\n          <Tooltip.Root>\n            <Tooltip.Trigger>\n              <Icon icon='ph--warning-circle--regular' size={4} />\n            </Tooltip.Trigger>\n            <Tooltip.Portal>\n              <Tooltip.Content>\n                <Tooltip.Arrow />\n                {error}\n              </Tooltip.Content>\n            </Tooltip.Portal>\n          </Tooltip.Root>\n        ) : null}\n\n        {functionUrl && deployed && (\n          <ToolbarIconButton icon='ph--link--regular' text={t('copy link label')} onClick={handleCopyLink} />\n        )}\n\n        {onDeploy && (\n          <ToolbarIconButton\n            icon={pending ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular'}\n            classNames={[pending && 'animate-spin']}\n            text={pending ? t('pending label') : t('deploy label')}\n            onClick={handleDeploy}\n          />\n        )}\n\n        <ViewSelector view={view} onViewChange={onViewChange} />\n      </NaturalToolbar.Root>\n    </ElevationProvider>\n  );\n};\n\nconst ToolbarIconButton = ({\n  icon,\n  text,\n  classNames,\n  disabled,\n  onClick,\n}: { icon: string; text: string } & Pick<ToolbarButtonProps, 'classNames' | 'disabled' | 'onClick'>) => {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <NaturalToolbar.Button variant='ghost' disabled={disabled} onClick={onClick}>\n          <Icon icon={icon} size={4} classNames={classNames} />\n        </NaturalToolbar.Button>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content>\n          <Tooltip.Arrow />\n          {text}\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\nexport type ViewType = 'editor' | 'split' | 'preview';\n\nexport type TemplateSelectProps = {\n  templates?: Template[];\n  onTemplateSelect?: (id: string) => void;\n};\n\nexport const TemplateSelect = ({ templates = [], onTemplateSelect }: TemplateSelectProps) => {\n  return (\n    <Select.Root value={''} onValueChange={onTemplateSelect}>\n      <Select.TriggerButton />\n      <Select.Portal>\n        <Select.Content>\n          <Select.Viewport>\n            <Select.Option value={''}>Template</Select.Option>\n            {templates.map(({ id, name }) => (\n              <Select.Option key={id} value={id}>\n                {name}\n              </Select.Option>\n            ))}\n          </Select.Viewport>\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n};\n\nexport type ViewSelectorProps = {\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n};\n\nexport const ViewSelector = ({ view, onViewChange }: ViewSelectorProps) => {\n  return (\n    <ToggleGroup type='single' value={view} onValueChange={(value) => onViewChange?.(value as ViewType)}>\n      <ToggleGroupItem value='editor' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--code--regular' size={4} />\n      </ToggleGroupItem>\n      <ToggleGroupItem value='split' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--square-split-vertical--regular' size={4} />\n      </ToggleGroupItem>\n      <ToggleGroupItem value='preview' classNames='bg-transparent text-subdued'>\n        <Icon icon='ph--eye--regular' size={4} />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { useThemeContext } from '@dxos/react-ui';\nimport {\n  autocomplete,\n  createBasicExtensions,\n  createThemeExtensions,\n  editorFullWidth,\n  editorGutter,\n  editorMonospace,\n  InputModeExtensions,\n  useTextEditor,\n  type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { nonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n  id: string;\n  env?: VirtualTypeScriptEnvironment;\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}: 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        editorGutter,\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 ? [tsFacet.of({ env, path: `/src/${id}.ts` }), tsSync(), tsLinter(), tsHover()] : [],\n          InputModeExtensions.vscode,\n        ],\n      ].filter(nonNullable),\n      selection,\n      scrollTo,\n    }),\n    [id, initialValue, extensions, themeMode, selection, scrollTo],\n  );\n\n  return <div ref={parentRef} className={className} {...focusAttributes} />;\n};\n\nexport default TypescriptEditor;\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_echo", "import_react_ui_theme", "import_react_ui", "import_react_ui_editor", "Toolbar", "classNames", "deployed", "error", "functionUrl", "view", "templates", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "t", "useTranslation", "SCRIPT_PLUGIN", "pending", "setPending", "useState", "handleCopyLink", "navigator", "clipboard", "writeText", "handleDeploy", "React", "ElevationProvider", "elevation", "NaturalToolbar", "Root", "style", "contain", "TemplateSelect", "ToolbarIconButton", "icon", "text", "onClick", "div", "role", "className", "Tooltip", "Trigger", "Icon", "size", "Portal", "Content", "Arrow", "ViewSelector", "disabled", "asChild", "Button", "variant", "Select", "value", "onValueChange", "TriggerButton", "Viewport", "Option", "map", "id", "name", "key", "ToggleGroup", "type", "ToggleGroupItem", "TypescriptEditor", "env", "initialValue", "extensions", "scrollTo", "selection", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "editorGutter", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "of", "path", "tsSync", "tsLinter", "tsHover", "InputModeExtensions", "vscode", "filter", "nonNullable", "ref", "ScriptEditor", "script", "client", "useClient", "identity", "useIdentity", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "useMemo", "listener", "onChange", "changed", "createDataExtensions", "createDocAccessor", "setView", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "setError", "handleFormat", "useCallback", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "handleTemplateChange", "template", "find", "metaKeys", "keys", "oldPresetIndex", "findIndex", "USERFUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "undefined", "existingFunctionId", "split", "at", "ownerDid", "publicKeyToDid", "identityKey", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "result", "functionId", "functionVersionNumber", "errorMessage", "uploadWorkerFunction", "clientConfig", "config", "halo", "Error", "info", "version", "deployedFunction", "db", "add", "create", "meta", "setUserFunctionUrlInMetadata", "getInvocationUrl", "values", "runtime", "services", "edge", "url", "spaceId", "mx", "Boolean", "DebugPanel", "ScriptContainer", "props", "attendableAttrs", "useAttendableAttributes", "fullyQualifiedId"]
+}

package/dist/lib/node/{TypescriptEditor-M3WWFIP2.cjs → chunk-6LYX73ZT.cjs}

@@ -16,15 +16,26 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TypescriptEditor_M3WWFIP2_exports = {};
-__export(TypescriptEditor_M3WWFIP2_exports, {
-  TypescriptEditor: () => import_chunk_IMLDKD5Y.TypescriptEditor,
-  default: () => import_chunk_IMLDKD5Y.TypescriptEditor_default
+var chunk_6LYX73ZT_exports = {};
+__export(chunk_6LYX73ZT_exports, {
+  SCRIPT_PLUGIN: () => SCRIPT_PLUGIN,
+  meta_default: () => meta_default
 });
-module.exports = __toCommonJS(TypescriptEditor_M3WWFIP2_exports);
-var import_chunk_IMLDKD5Y = require("./chunk-IMLDKD5Y.cjs");
+module.exports = __toCommonJS(chunk_6LYX73ZT_exports);
+var SCRIPT_PLUGIN = "dxos.org/plugin/script";
+var meta_default = {
+  id: SCRIPT_PLUGIN,
+  name: "Scripts",
+  description: "Distributed functions.",
+  icon: "ph--code--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer",
+  tags: [
+    "experimental"
+  ]
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  TypescriptEditor
+  SCRIPT_PLUGIN,
+  meta_default
 });
-//# sourceMappingURL=TypescriptEditor-M3WWFIP2.cjs.map
+//# sourceMappingURL=chunk-6LYX73ZT.cjs.map

package/dist/lib/node/chunk-6LYX73ZT.cjs.map

@@ -0,0 +1,7 @@
+{
+  "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  icon: 'ph--code--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-explorer',\n  tags: ['experimental'],\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,gBAAgB;AAE7B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;AACT;",
+  "names": ["SCRIPT_PLUGIN", "id", "name", "description", "icon", "source", "tags"]
+}

package/dist/lib/node/{chunk-4GTXIELQ.cjs → chunk-ACLCRWDB.cjs}

@@ -16,12 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_4GTXIELQ_exports = {};
-__export(chunk_4GTXIELQ_exports, {
+var chunk_ACLCRWDB_exports = {};
+__export(chunk_ACLCRWDB_exports, {
   Bundler: () => Bundler,
-  initializeBundler: () => initializeBundler
+  initializeBundler: () => initializeBundler,
+  templates: () => templates
 });
-module.exports = __toCommonJS(chunk_4GTXIELQ_exports);
+module.exports = __toCommonJS(chunk_ACLCRWDB_exports);
 var import_esbuild_wasm = require("esbuild-wasm");
 var import_crypto = require("@dxos/crypto");
 var import_invariant = require("@dxos/invariant");
@@ -244,9 +245,46 @@ var httpPlugin = {
     });
   }
 };
+var chat_default = "//\n// Copyright 2024 DXOS.org\n//\n\n// @ts-ignore\nimport { transformServerSentEvents } from 'https://esm.sh/@dxos/script-toolbox';\n\n/**\n * Chatbot that answers questions based on the context data.\n */\nexport default async ({\n  event: {\n    data: { request },\n  },\n  context: { space, ai },\n}: any) => {\n  const textBody = await request.text();\n  let parsedRequest: any;\n  try {\n    parsedRequest = JSON.parse(textBody);\n  } catch (err) {\n    const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {\n      stream: true,\n      prompt: `\n     Using only the context data below to answer the user's question.\n     If you cannot answer the question from the provided content, then reply with \"I don't know.\"\n\n     CONTEXT:\n     ${await getContext({ space })}\n\n     QUESTION:\n     ${textBody}\n    `,\n    });\n    return new Response(transformServerSentEvents(answer));\n  }\n\n  const promptId = parsedRequest.trigger.promptId;\n  const promptObject = await space.crud.query({ id: promptId }).first();\n\n  if (parsedRequest.data.objects.length !== 1) {\n    return new Response('Message batches not supported.');\n  }\n\n  const messageId = parsedRequest.data.objects[0];\n  let message;\n  try {\n    message = await space.crud.query({ id: messageId }).first();\n  } catch (err) {\n    return new Response('Message not replicated yet.', { status: 409 });\n  }\n\n  if (message.text.includes('--------')) {\n    return new Response('Message was already processed.');\n  }\n\n  let prompt = promptObject.template;\n  for (const input of promptObject.inputs) {\n    let value: string | null = null;\n    if (input.type === ChainInputType.VALUE) {\n      value = String(input.value);\n    } else if (input.type === ChainInputType.RETRIEVER) {\n      value = await getContext({ space });\n    } else if (input.type === ChainInputType.PASS_THROUGH) {\n      value = message.text;\n    }\n    if (value) {\n      prompt = prompt.replaceAll(`{${input.name}}`, value);\n    }\n  }\n\n  const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {\n    stream: false,\n    prompt,\n  });\n  const response = { response: answer.response, prompt, message };\n  const textWithAnswer = message.text + '\\n--------\\n\\n' + answer.response;\n  await space.crud.update({ id: messageId }, { text: textWithAnswer });\n\n  return new Response(JSON.stringify(response));\n};\n\nconst getContext = async ({ space }: any) => {\n  let context = '';\n  const { objects: docs } = await space.crud.query({ __typename: 'dxos.org/type/Document' }).run();\n  for (const doc of docs) {\n    const { content } = await space.crud.query({ id: doc.content }).first();\n    context += content + '\\n\\n';\n  }\n  return context;\n};\n\nenum ChainInputType {\n  VALUE = 0,\n  PASS_THROUGH = 1,\n  RETRIEVER = 2,\n  FUNCTION = 3,\n  QUERY = 4,\n  RESOLVER = 5,\n  CONTEXT = 6,\n  SCHEMA = 7,\n}\n";
+var chess_default = "//\n// Copyright 2024 DXOS.org\n//\n\n// @ts-ignore\nimport { Chess } from 'https://esm.sh/chess.js@0.13.1';\n\n/**\n * Plays a random move in a chess game.\n */\nexport default async ({\n  event: {\n    data: { request },\n  },\n  context: { space },\n}: any) => {\n  const {\n    data: {\n      objects: [gameId],\n      player = 'b',\n    },\n  } = await request.json();\n\n  const { pgn } = await space.crud.query({ id: gameId }).first();\n  const game = new Chess();\n  game.load_pgn(pgn);\n  if (game.turn() !== player) {\n    return new Response('Invalid turn', { status: 409 });\n  }\n\n  const moves = game.moves();\n  const move = moves[Math.floor(Math.random() * moves.length)];\n  if (!move) {\n    return new Response('No legal moves', { status: 406 });\n  }\n\n  game.move(move);\n  const newPgn = game.pgn();\n  await space.crud.update({ id: gameId }, { pgn: newPgn });\n  return new Response(game.ascii());\n};\n";
+var echo_default = "//\n// Copyright 2024 DXOS.org\n//\n\n/**\n * Echos the request data.\n */\nexport default async ({\n  event: {\n    data: { request },\n  },\n}: any) => {\n  const data = await request.json();\n  return new Response(JSON.stringify(data ?? {}), { headers: { 'Content-Type': 'application/json' } });\n};\n";
+var email_default = "//\n// Copyright 2024 DXOS.org\n//\n\n/**\n * Stores a message into ECHO Mailbox object.\n */\nexport default async ({\n  event: {\n    data: { request },\n  },\n  context: { space },\n}: any) => {\n  const {\n    data: {\n      objects: [message],\n    },\n  } = await request.json();\n\n  const mailbox = await space.crud.query({ __typename: 'dxos.org/type/MailboxType' }).first();\n  if (!mailbox) {\n    return new Response('Mailbox not found.', { status: 500 });\n  }\n\n  await space.crud.push(\n    { id: mailbox.id },\n    {\n      sender: { email: message.from },\n      timestamp: new Date(message.created).toISOString(),\n      text: message.body,\n      properties: {\n        subject: message.subject,\n        to: [{ email: message.to }],\n      },\n    },\n  );\n  return new Response(JSON.stringify(message));\n};\n";
+var forex_default = "//\n// Copyright 2024 DXOS.org\n//\n\n/**\n * Returns the exchange rate between two currencies.\n */\nexport default async ({\n  event: {\n    data: { request },\n  },\n}: any) => {\n  const { args: [from = 'EUR', to = 'USD'] = [] } = await request.json();\n\n  const res = await fetch(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`);\n  const {\n    data: { rates },\n  } = await res.json();\n\n  return new Response(rates[to].toString());\n};\n";
+var removeHeader = (str) => str.split("\n").slice(4).join("\n");
+var templates = [
+  {
+    id: "dxos.org/script/echo",
+    name: "Echo",
+    source: removeHeader(echo_default)
+  },
+  {
+    id: "dxos.org/script/forex",
+    name: "Forex",
+    source: removeHeader(forex_default)
+  },
+  {
+    id: "dxos.org/script/gpt",
+    name: "Gpt",
+    source: removeHeader(chat_default),
+    presetId: "dxos.org/function/gpt"
+  },
+  {
+    id: "dxos.org/script/chess",
+    name: "Chess",
+    source: removeHeader(chess_default),
+    presetId: "dxos.org/function/chess"
+  },
+  {
+    id: "dxos.org/script/email",
+    name: "Email",
+    source: removeHeader(email_default),
+    presetId: "dxos.org/function/email"
+  }
+];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Bundler,
-  initializeBundler
+  initializeBundler,
+  templates
 });
-//# sourceMappingURL=chunk-4GTXIELQ.cjs.map
+//# sourceMappingURL=chunk-ACLCRWDB.cjs.map