@dxos/plugin-script 0.7.4 → 0.7.5-labs.a279d8c

package/dist/lib/node-esm/ScriptContainer-3PKDW34A.mjs

@@ -1,426 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  Bundler,
-  templates
-} from "./chunk-4SRPREUK.mjs";
-import {
-  DebugPanel
-} from "./chunk-OFYGBUNI.mjs";
-import {
-  FUNCTIONS_PRESET_META_KEY,
-  getInvocationUrl,
-  getUserFunctionUrlInMetadata,
-  incrementSemverPatch,
-  setUserFunctionUrlInMetadata,
-  uploadWorkerFunction
-} from "./chunk-36DLLQ6E.mjs";
-import {
-  FunctionType
-} from "./chunk-GMVPKT6A.mjs";
-import {
-  SCRIPT_PLUGIN
-} from "./chunk-SLTZMY34.mjs";
-
-// packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
-import React4 from "react";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
-import { useAttendableAttributes } from "@dxos/react-ui-attention";
-import { mx as mx2 } from "@dxos/react-ui-theme";
-
-// packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx
-import { format } from "prettier";
-import prettierPluginEstree from "prettier/plugins/estree";
-import prettierPluginTypescript from "prettier/plugins/typescript";
-import React3, { useCallback, useMemo, useState as useState2 } from "react";
-import { log } from "@dxos/log";
-import { useClient } from "@dxos/react-client";
-import { create, createDocAccessor, Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { createDataExtensions, listener } from "@dxos/react-ui-editor";
-import { mx } from "@dxos/react-ui-theme";
-
-// packages/plugins/experimental/plugin-script/src/components/Toolbar/Toolbar.tsx
-import React, { useState } from "react";
-import { ElevationProvider, Icon, Select, ToggleGroup, ToggleGroupItem, Toolbar as NaturalToolbar, Tooltip, useTranslation } from "@dxos/react-ui";
-var Toolbar = ({ classNames, deployed, error, functionUrl, view, templates: templates2, onDeploy, onFormat, onViewChange, onTemplateSelect }) => {
-  const { t } = useTranslation(SCRIPT_PLUGIN);
-  const [pending, setPending] = 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__ */ React.createElement(ElevationProvider, {
-    elevation: "chrome"
-  }, /* @__PURE__ */ React.createElement(NaturalToolbar.Root, {
-    classNames: [
-      "p-1",
-      classNames
-    ],
-    style: {
-      contain: "layout"
-    }
-  }, templates2 && /* @__PURE__ */ React.createElement(TemplateSelect, {
-    templates: templates2,
-    onTemplateSelect
-  }), onFormat && /* @__PURE__ */ React.createElement(ToolbarIconButton, {
-    icon: "ph--magic-wand--regular",
-    text: t("format label"),
-    onClick: onFormat
-  }), /* @__PURE__ */ React.createElement("div", {
-    role: "separator",
-    className: "grow"
-  }), error ? /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--warning-circle--regular",
-    size: 4
-  })), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), error))) : null, functionUrl && deployed && /* @__PURE__ */ React.createElement(ToolbarIconButton, {
-    icon: "ph--link--regular",
-    text: t("copy link label"),
-    onClick: handleCopyLink
-  }), onDeploy && /* @__PURE__ */ React.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__ */ React.createElement(ViewSelector, {
-    view,
-    onViewChange
-  })));
-};
-var ToolbarIconButton = ({ icon, text, classNames, disabled, onClick }) => {
-  return /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(NaturalToolbar.Button, {
-    variant: "ghost",
-    disabled,
-    onClick
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon,
-    size: 4,
-    classNames
-  }))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, null, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), text)));
-};
-var TemplateSelect = ({ templates: templates2 = [], onTemplateSelect }) => {
-  return /* @__PURE__ */ React.createElement(Select.Root, {
-    value: "",
-    onValueChange: onTemplateSelect
-  }, /* @__PURE__ */ React.createElement(Select.TriggerButton, null), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
-    value: ""
-  }, "Template"), templates2.map(({ id, name }) => /* @__PURE__ */ React.createElement(Select.Option, {
-    key: id,
-    value: id
-  }, name))))));
-};
-var ViewSelector = ({ view, onViewChange }) => {
-  return /* @__PURE__ */ React.createElement(ToggleGroup, {
-    type: "single",
-    value: view,
-    onValueChange: (value) => onViewChange?.(value)
-  }, /* @__PURE__ */ React.createElement(ToggleGroupItem, {
-    value: "editor",
-    classNames: "bg-transparent text-subdued"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--code--regular",
-    size: 4
-  })), /* @__PURE__ */ React.createElement(ToggleGroupItem, {
-    value: "split",
-    classNames: "bg-transparent text-subdued"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--square-split-vertical--regular",
-    size: 4
-  })), /* @__PURE__ */ React.createElement(ToggleGroupItem, {
-    value: "preview",
-    classNames: "bg-transparent text-subdued"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--eye--regular",
-    size: 4
-  })));
-};
-
-// packages/plugins/experimental/plugin-script/src/components/TypescriptEditor/TypescriptEditor.tsx
-import { javascript } from "@codemirror/lang-javascript";
-import { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover } from "@valtown/codemirror-ts";
-import React2 from "react";
-import { useThemeContext } from "@dxos/react-ui";
-import { autocomplete, createBasicExtensions, createThemeExtensions, editorFullWidth, editorGutter, editorMonospace, InputModeExtensions, useTextEditor } from "@dxos/react-ui-editor";
-import { nonNullable } from "@dxos/util";
-var TypescriptEditor = ({ id, env, className, initialValue, extensions, scrollTo, selection }) => {
-  const { themeMode } = useThemeContext();
-  const { parentRef, focusAttributes } = useTextEditor(() => ({
-    id,
-    initialValue,
-    extensions: [
-      extensions,
-      createBasicExtensions({
-        highlightActiveLine: true,
-        indentWithTab: true,
-        lineNumbers: true,
-        lineWrapping: false,
-        scrollPastEnd: true
-      }),
-      createThemeExtensions({
-        themeMode,
-        syntaxHighlighting: true,
-        slots: {
-          content: {
-            className: editorFullWidth
-          }
-        }
-      }),
-      editorGutter,
-      // TODO(burdon): Factor out.
-      [
-        editorMonospace,
-        javascript({
-          typescript: true
-        }),
-        // https://github.com/val-town/codemirror-ts
-        autocomplete({
-          override: env ? [
-            tsAutocomplete()
-          ] : []
-        }),
-        env ? [
-          tsFacet.of({
-            env,
-            path: `/src/${id}.ts`
-          }),
-          tsSync(),
-          tsLinter(),
-          tsHover()
-        ] : [],
-        InputModeExtensions.vscode
-      ]
-    ].filter(nonNullable),
-    selection,
-    scrollTo
-  }), [
-    id,
-    extensions,
-    themeMode,
-    selection,
-    scrollTo
-  ]);
-  return /* @__PURE__ */ React2.createElement("div", {
-    ref: parentRef,
-    className,
-    ...focusAttributes
-  });
-};
-
-// packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptEditor.tsx";
-var ScriptEditor = ({ classNames, script, env }) => {
-  const { t } = useTranslation2(SCRIPT_PLUGIN);
-  const client = useClient();
-  const identity = useIdentity();
-  const space = getSpace(script);
-  const [fn] = useQuery(space, Filter.schema(FunctionType, {
-    source: script
-  }));
-  const extensions = useMemo(() => [
-    listener({
-      onChange: (text) => {
-        if (script.source && script.source?.content !== text) {
-          script.changed = true;
-        }
-      }
-    }),
-    createDataExtensions({
-      id: script.id,
-      text: script.source && createDocAccessor(script.source, [
-        "content"
-      ]),
-      space,
-      identity
-    })
-  ], [
-    script,
-    script.source,
-    space,
-    identity
-  ]);
-  const [view, setView] = useState2("editor");
-  const existingFunctionUrl = fn && getUserFunctionUrlInMetadata(getMeta(fn));
-  const [error, setError] = useState2();
-  const handleFormat = useCallback(async () => {
-    if (!script.source) {
-      return;
-    }
-    try {
-      script.source.content = await format(script.source.content, {
-        parser: "typescript",
-        plugins: [
-          prettierPluginEstree,
-          prettierPluginTypescript
-        ],
-        semi: true,
-        singleQuote: true
-      });
-    } catch (err) {
-      log.catch(err, void 0, {
-        F: __dxlog_file,
-        L: 83,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-    }
-  }, [
-    script.source
-  ]);
-  const handleTemplateChange = (id) => {
-    const template = templates.find((template2) => template2.id === id);
-    if (template) {
-      script.name = template.name;
-      script.source.content = template.source;
-      const metaKeys = getMeta(script).keys;
-      const oldPresetIndex = metaKeys.findIndex((key) => key.source === FUNCTIONS_PRESET_META_KEY);
-      if (oldPresetIndex >= 0) {
-        metaKeys.splice(oldPresetIndex, 1);
-      }
-      if (template.presetId) {
-        metaKeys.push({
-          source: FUNCTIONS_PRESET_META_KEY,
-          id: template.presetId
-        });
-      }
-    }
-  };
-  const handleDeploy = useCallback(async () => {
-    if (!script.source || !identity || !space) {
-      return;
-    }
-    setError(void 0);
-    try {
-      const existingFunctionId = existingFunctionUrl?.split("/").at(-1);
-      const bundler = new Bundler({
-        platform: "browser",
-        sandboxedModules: [],
-        remoteModules: {}
-      });
-      const buildResult = await bundler.bundle(script.source.content);
-      if (buildResult.error || !buildResult.bundle) {
-        throw buildResult.error;
-      }
-      const { functionId, version, meta } = await uploadWorkerFunction({
-        client,
-        spaceId: space.id,
-        version: fn ? incrementSemverPatch(fn.version) : "0.0.1",
-        functionId: existingFunctionId,
-        source: buildResult.bundle
-      });
-      if (functionId === void 0 || version === void 0) {
-        throw new Error(`Upload didn't return expected data: functionId=${functionId}, version=${version}`);
-      }
-      log.info("function uploaded", {
-        functionId,
-        version
-      }, {
-        F: __dxlog_file,
-        L: 130,
-        S: void 0,
-        C: (f, a) => f(...a)
-      });
-      if (fn) {
-        fn.version = version;
-      }
-      const deployedFunction = fn ?? space.db.add(create(FunctionType, {
-        name: functionId,
-        version,
-        source: script
-      }));
-      script.changed = false;
-      if (meta.inputSchema) {
-        deployedFunction.inputSchema = meta.inputSchema;
-      } else {
-        log.verbose("no input schema in function metadata", {
-          functionId
-        }, {
-          F: __dxlog_file,
-          L: 142,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-      }
-      setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${space.id}/${functionId}`);
-      setView("split");
-    } catch (err) {
-      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,
-    space?.id ?? null
-  ]);
-  const functionUrl = useMemo(() => {
-    if (!existingFunctionUrl) {
-      return;
-    }
-    return getInvocationUrl(existingFunctionUrl, client.config.values.runtime?.services?.edge?.url ?? "", {
-      spaceId: space?.id
-    });
-  }, [
-    existingFunctionUrl,
-    space
-  ]);
-  return /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: mx("flex flex-col w-full overflow-hidden divide-y divide-separator", classNames)
-  }, /* @__PURE__ */ React3.createElement(Toolbar, {
-    deployed: Boolean(existingFunctionUrl) && !script.changed,
-    functionUrl,
-    error,
-    view,
-    templates,
-    onDeploy: handleDeploy,
-    onFormat: handleFormat,
-    onViewChange: setView,
-    onTemplateSelect: handleTemplateChange
-  }), view !== "preview" && /* @__PURE__ */ React3.createElement(TypescriptEditor, {
-    id: script.id,
-    env,
-    initialValue: script.source?.content,
-    extensions,
-    className: "flex is-full bs-full overflow-hidden ch-focus-ring-inset-over-all"
-  }), view !== "editor" && /* @__PURE__ */ React3.createElement(DebugPanel, {
-    functionUrl
-  }));
-};
-
-// packages/plugins/experimental/plugin-script/src/components/ScriptContainer.tsx
-var ScriptContainer = ({ script, ...props }) => {
-  const attendableAttrs = useAttendableAttributes(fullyQualifiedId(script));
-  return /* @__PURE__ */ React4.createElement("div", {
-    role: "none",
-    className: mx2("flex row-span-2 w-full overflow-hidden attention-surface"),
-    ...attendableAttrs
-  }, /* @__PURE__ */ React4.createElement(ScriptEditor, {
-    ...props,
-    script
-  }));
-};
-var ScriptContainer_default = ScriptContainer;
-export {
-  ScriptContainer_default as default
-};
-//# sourceMappingURL=ScriptContainer-3PKDW34A.mjs.map

package/dist/lib/node-esm/ScriptContainer-3PKDW34A.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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 { 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  setUserFunctionUrlInMetadata,\n  uploadWorkerFunction,\n  FUNCTIONS_PRESET_META_KEY,\n  incrementSemverPatch,\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  const [fn] = useQuery(space, Filter.schema(FunctionType, { source: script }));\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 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 === FUNCTIONS_PRESET_META_KEY);\n      if (oldPresetIndex >= 0) {\n        metaKeys.splice(oldPresetIndex, 1);\n      }\n      if (template.presetId) {\n        metaKeys.push({ source: FUNCTIONS_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\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 { functionId, version, meta } = await uploadWorkerFunction({\n        client,\n        spaceId: space.id,\n        version: fn ? incrementSemverPatch(fn.version) : '0.0.1',\n        functionId: existingFunctionId,\n        source: buildResult.bundle,\n      });\n      if (functionId === undefined || version === undefined) {\n        throw new Error(`Upload didn't return expected data: functionId=${functionId}, version=${version}`);\n      }\n\n      log.info('function uploaded', { functionId, version });\n      if (fn) {\n        fn.version = version;\n      }\n\n      const deployedFunction = fn ?? space.db.add(create(FunctionType, { name: functionId, version, source: script }));\n\n      script.changed = false;\n\n      if (meta.inputSchema) {\n        deployedFunction.inputSchema = meta.inputSchema;\n      } else {\n        log.verbose('no input schema in function metadata', { functionId });\n      }\n\n      setUserFunctionUrlInMetadata(getMeta(deployedFunction), `/${space.id}/${functionId}`);\n\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, space?.id ?? null]);\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={script.source?.content}\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, 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": ["React", "fullyQualifiedId", "useAttendableAttributes", "mx", "format", "prettierPluginEstree", "prettierPluginTypescript", "React", "useCallback", "useMemo", "useState", "log", "useClient", "create", "createDocAccessor", "Filter", "getMeta", "getSpace", "useQuery", "useIdentity", "useTranslation", "createDataExtensions", "listener", "mx", "React", "useState", "ElevationProvider", "Icon", "Select", "ToggleGroup", "ToggleGroupItem", "Toolbar", "NaturalToolbar", "Tooltip", "useTranslation", "Toolbar", "classNames", "deployed", "error", "functionUrl", "view", "templates", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "t", "useTranslation", "SCRIPT_PLUGIN", "pending", "setPending", "useState", "handleCopyLink", "navigator", "clipboard", "writeText", "handleDeploy", "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", "javascript", "tsSync", "tsFacet", "tsLinter", "tsAutocomplete", "tsHover", "React", "useThemeContext", "autocomplete", "createBasicExtensions", "createThemeExtensions", "editorFullWidth", "editorGutter", "editorMonospace", "InputModeExtensions", "useTextEditor", "nonNullable", "TypescriptEditor", "id", "env", "className", "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", "React", "div", "ref", "ScriptEditor", "classNames", "script", "env", "t", "useTranslation", "SCRIPT_PLUGIN", "client", "useClient", "identity", "useIdentity", "space", "getSpace", "fn", "useQuery", "Filter", "schema", "FunctionType", "source", "extensions", "useMemo", "listener", "onChange", "text", "content", "changed", "createDataExtensions", "id", "createDocAccessor", "view", "setView", "useState", "existingFunctionUrl", "getUserFunctionUrlInMetadata", "getMeta", "error", "setError", "handleFormat", "useCallback", "format", "parser", "plugins", "prettierPluginEstree", "prettierPluginTypescript", "semi", "singleQuote", "err", "log", "catch", "handleTemplateChange", "template", "templates", "find", "name", "metaKeys", "keys", "oldPresetIndex", "findIndex", "key", "FUNCTIONS_PRESET_META_KEY", "splice", "presetId", "push", "handleDeploy", "undefined", "existingFunctionId", "split", "at", "bundler", "Bundler", "platform", "sandboxedModules", "remoteModules", "buildResult", "bundle", "functionId", "version", "meta", "uploadWorkerFunction", "spaceId", "incrementSemverPatch", "Error", "info", "deployedFunction", "db", "add", "create", "inputSchema", "verbose", "setUserFunctionUrlInMetadata", "functionUrl", "getInvocationUrl", "config", "values", "runtime", "services", "edge", "url", "React", "div", "role", "className", "mx", "Toolbar", "deployed", "Boolean", "onDeploy", "onFormat", "onViewChange", "onTemplateSelect", "TypescriptEditor", "initialValue", "DebugPanel", "ScriptContainer", "script", "props", "attendableAttrs", "useAttendableAttributes", "fullyQualifiedId", "React", "div", "role", "className", "mx", "ScriptEditor"]
-}

package/dist/lib/node-esm/chunk-36DLLQ6E.mjs

@@ -1,125 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// packages/plugins/experimental/plugin-script/src/edge/functions.ts
-import { EdgeHttpClient } from "@dxos/edge-client";
-import { invariant } from "@dxos/invariant";
-import { log } from "@dxos/log";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/edge/functions.ts";
-var FUNCTIONS_META_KEY = "dxos.org/service/function";
-var FUNCTIONS_PRESET_META_KEY = "dxos.org/service/function-preset";
-var uploadWorkerFunction = async ({ client, name, version, source, spaceId, functionId }) => {
-  const edgeUrl = client.config.values.runtime?.services?.edge?.url;
-  invariant(edgeUrl, "Edge is not configured.", {
-    F: __dxlog_file,
-    L: 38,
-    S: void 0,
-    A: [
-      "edgeUrl",
-      "'Edge is not configured.'"
-    ]
-  });
-  const edgeClient = new EdgeHttpClient(edgeUrl);
-  const edgeIdentity = createEdgeIdentity(client);
-  edgeClient.setIdentity(edgeIdentity);
-  const response = await edgeClient.uploadFunction({
-    spaceId,
-    functionId
-  }, {
-    name,
-    version,
-    script: source
-  });
-  log("Uploaded", {
-    functionId,
-    source,
-    name,
-    identityKey: edgeIdentity.identityKey,
-    response
-  }, {
-    F: __dxlog_file,
-    L: 44,
-    S: void 0,
-    C: (f, a) => f(...a)
-  });
-  return response;
-};
-var getUserFunctionUrlInMetadata = (meta) => {
-  return meta.keys.find((key) => key.source === FUNCTIONS_META_KEY)?.id;
-};
-var setUserFunctionUrlInMetadata = (meta, functionUrl) => {
-  const key = meta.keys.find((key2) => key2.source === FUNCTIONS_META_KEY);
-  if (key) {
-    if (key.id !== functionUrl) {
-      throw new Error("Metadata mismatch");
-    }
-  } else {
-    meta.keys.push({
-      source: FUNCTIONS_META_KEY,
-      id: functionUrl
-    });
-  }
-};
-var getInvocationUrl = (functionUrl, edgeUrl, options = {}) => {
-  const baseUrl = new URL("functions/", edgeUrl);
-  const relativeUrl = functionUrl.replace(/^\//, "");
-  const url = new URL(`./${relativeUrl}`, baseUrl.toString());
-  options.spaceId && url.searchParams.set("spaceId", options.spaceId);
-  options.subjectId && url.searchParams.set("subjectId", options.subjectId);
-  url.protocol = "https";
-  return url.toString();
-};
-var createEdgeIdentity = (client) => {
-  const identity = client.halo.identity.get();
-  const device = client.halo.device;
-  if (!identity || !device) {
-    throw new Error("Identity not available");
-  }
-  return {
-    identityKey: identity.identityKey.toHex(),
-    peerKey: device.deviceKey.toHex(),
-    presentCredentials: async ({ challenge }) => {
-      const identityService = client.services.services.IdentityService;
-      const authCredential = await identityService.createAuthCredential();
-      return identityService.signPresentation({
-        presentation: {
-          credentials: [
-            authCredential
-          ]
-        },
-        nonce: challenge
-      });
-    }
-  };
-};
-var incrementSemverPatch = (version) => {
-  const [major, minor, patch] = version.split(".");
-  const patchNum = Number(patch);
-  invariant(!Number.isNaN(patchNum), "Unexpected function version format.", {
-    F: __dxlog_file,
-    L: 105,
-    S: void 0,
-    A: [
-      "!Number.isNaN(patchNum)",
-      "'Unexpected function version format.'"
-    ]
-  });
-  return [
-    major,
-    minor,
-    String(patchNum + 1)
-  ].join(".");
-};
-var publicKeyToDid = (key) => {
-  return `did:key:${key.toHex()}`;
-};
-
-export {
-  FUNCTIONS_PRESET_META_KEY,
-  uploadWorkerFunction,
-  getUserFunctionUrlInMetadata,
-  setUserFunctionUrlInMetadata,
-  getInvocationUrl,
-  incrementSemverPatch,
-  publicKeyToDid
-};
-//# sourceMappingURL=chunk-36DLLQ6E.mjs.map

package/dist/lib/node-esm/chunk-36DLLQ6E.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/edge/functions.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { type DID } from 'iso-did/types';\n\nimport { type Client } from '@dxos/client';\nimport { type ObjectMeta } from '@dxos/echo-schema';\nimport { EdgeHttpClient, type EdgeIdentity } from '@dxos/edge-client';\nimport { invariant } from '@dxos/invariant';\nimport type { PublicKey, SpaceId } from '@dxos/keys';\nimport { log } from '@dxos/log';\nimport { type UploadFunctionResponseBody } from '@dxos/protocols';\n\n// TODO: use URL scheme for source?\nconst FUNCTIONS_META_KEY = 'dxos.org/service/function';\n\nexport const FUNCTIONS_PRESET_META_KEY = 'dxos.org/service/function-preset';\n\nexport type UploadWorkerArgs = {\n  client: Client;\n  name?: string;\n  source: string;\n  version: string;\n  functionId?: string;\n  spaceId: SpaceId;\n};\n\nexport const uploadWorkerFunction = async ({\n  client,\n  name,\n  version,\n  source,\n  spaceId,\n  functionId,\n}: UploadWorkerArgs): Promise<UploadFunctionResponseBody> => {\n  const edgeUrl = client.config.values.runtime?.services?.edge?.url;\n  invariant(edgeUrl, 'Edge is not configured.');\n  const edgeClient = new EdgeHttpClient(edgeUrl);\n  const edgeIdentity = createEdgeIdentity(client);\n  edgeClient.setIdentity(edgeIdentity);\n  const response = await edgeClient.uploadFunction({ spaceId, functionId }, { name, version, script: source });\n\n  log('Uploaded', {\n    functionId,\n    source,\n    name,\n    identityKey: edgeIdentity.identityKey,\n    response,\n  });\n\n  return response;\n};\n\nexport const getUserFunctionUrlInMetadata = (meta: ObjectMeta) => {\n  return meta.keys.find((key) => key.source === FUNCTIONS_META_KEY)?.id;\n};\n\nexport const setUserFunctionUrlInMetadata = (meta: ObjectMeta, functionUrl: string) => {\n  const key = meta.keys.find((key) => key.source === FUNCTIONS_META_KEY);\n  if (key) {\n    if (key.id !== functionUrl) {\n      throw new Error('Metadata mismatch');\n    }\n  } else {\n    meta.keys.push({ source: FUNCTIONS_META_KEY, id: functionUrl });\n  }\n};\n\nexport const getInvocationUrl = (functionUrl: string, edgeUrl: string, options: InvocationOptions = {}) => {\n  const baseUrl = new URL('functions/', edgeUrl);\n\n  // Leading slashes cause the URL to be treated as an absolute path.\n  const relativeUrl = functionUrl.replace(/^\\//, '');\n  const url = new URL(`./${relativeUrl}`, baseUrl.toString());\n  options.spaceId && url.searchParams.set('spaceId', options.spaceId);\n  options.subjectId && url.searchParams.set('subjectId', options.subjectId);\n  url.protocol = 'https';\n  return url.toString();\n};\n\nconst createEdgeIdentity = (client: Client): EdgeIdentity => {\n  const identity = client.halo.identity.get();\n  const device = client.halo.device;\n  if (!identity || !device) {\n    throw new Error('Identity not available');\n  }\n  return {\n    identityKey: identity.identityKey.toHex(),\n    peerKey: device.deviceKey.toHex(),\n    presentCredentials: async ({ challenge }) => {\n      const identityService = client.services.services.IdentityService!;\n      const authCredential = await identityService.createAuthCredential();\n      return identityService.signPresentation({\n        presentation: { credentials: [authCredential] },\n        nonce: challenge,\n      });\n    },\n  };\n};\n\nexport const incrementSemverPatch = (version: string): string => {\n  const [major, minor, patch] = version.split('.');\n  const patchNum = Number(patch);\n  invariant(!Number.isNaN(patchNum), 'Unexpected function version format.');\n  return [major, minor, String(patchNum + 1)].join('.');\n};\n\nexport const publicKeyToDid = (key: PublicKey): DID => {\n  return `did:key:${key.toHex()}`;\n};\n\nexport type InvocationOptions = {\n  spaceId?: SpaceId;\n  subjectId?: string;\n};\n"],
-  "mappings": ";;;AAQA,SAASA,sBAAyC;AAClD,SAASC,iBAAiB;AAE1B,SAASC,WAAW;;AAIpB,IAAMC,qBAAqB;AAEpB,IAAMC,4BAA4B;AAWlC,IAAMC,uBAAuB,OAAO,EACzCC,QACAC,MACAC,SACAC,QACAC,SACAC,WAAU,MACO;AACjB,QAAMC,UAAUN,OAAOO,OAAOC,OAAOC,SAASC,UAAUC,MAAMC;AAC9DjB,YAAUW,SAAS,2BAAA;;;;;;;;;AACnB,QAAMO,aAAa,IAAInB,eAAeY,OAAAA;AACtC,QAAMQ,eAAeC,mBAAmBf,MAAAA;AACxCa,aAAWG,YAAYF,YAAAA;AACvB,QAAMG,WAAW,MAAMJ,WAAWK,eAAe;IAAEd;IAASC;EAAW,GAAG;IAAEJ;IAAMC;IAASiB,QAAQhB;EAAO,CAAA;AAE1GP,MAAI,YAAY;IACdS;IACAF;IACAF;IACAmB,aAAaN,aAAaM;IAC1BH;EACF,GAAA;;;;;;AAEA,SAAOA;AACT;AAEO,IAAMI,+BAA+B,CAACC,SAAAA;AAC3C,SAAOA,KAAKC,KAAKC,KAAK,CAACC,QAAQA,IAAItB,WAAWN,kBAAAA,GAAqB6B;AACrE;AAEO,IAAMC,+BAA+B,CAACL,MAAkBM,gBAAAA;AAC7D,QAAMH,MAAMH,KAAKC,KAAKC,KAAK,CAACC,SAAQA,KAAItB,WAAWN,kBAAAA;AACnD,MAAI4B,KAAK;AACP,QAAIA,IAAIC,OAAOE,aAAa;AAC1B,YAAM,IAAIC,MAAM,mBAAA;IAClB;EACF,OAAO;AACLP,SAAKC,KAAKO,KAAK;MAAE3B,QAAQN;MAAoB6B,IAAIE;IAAY,CAAA;EAC/D;AACF;AAEO,IAAMG,mBAAmB,CAACH,aAAqBtB,SAAiB0B,UAA6B,CAAC,MAAC;AACpG,QAAMC,UAAU,IAAIC,IAAI,cAAc5B,OAAAA;AAGtC,QAAM6B,cAAcP,YAAYQ,QAAQ,OAAO,EAAA;AAC/C,QAAMxB,MAAM,IAAIsB,IAAI,KAAKC,WAAAA,IAAeF,QAAQI,SAAQ,CAAA;AACxDL,UAAQ5B,WAAWQ,IAAI0B,aAAaC,IAAI,WAAWP,QAAQ5B,OAAO;AAClE4B,UAAQQ,aAAa5B,IAAI0B,aAAaC,IAAI,aAAaP,QAAQQ,SAAS;AACxE5B,MAAI6B,WAAW;AACf,SAAO7B,IAAIyB,SAAQ;AACrB;AAEA,IAAMtB,qBAAqB,CAACf,WAAAA;AAC1B,QAAM0C,WAAW1C,OAAO2C,KAAKD,SAASE,IAAG;AACzC,QAAMC,SAAS7C,OAAO2C,KAAKE;AAC3B,MAAI,CAACH,YAAY,CAACG,QAAQ;AACxB,UAAM,IAAIhB,MAAM,wBAAA;EAClB;AACA,SAAO;IACLT,aAAasB,SAAStB,YAAY0B,MAAK;IACvCC,SAASF,OAAOG,UAAUF,MAAK;IAC/BG,oBAAoB,OAAO,EAAEC,UAAS,MAAE;AACtC,YAAMC,kBAAkBnD,OAAOU,SAASA,SAAS0C;AACjD,YAAMC,iBAAiB,MAAMF,gBAAgBG,qBAAoB;AACjE,aAAOH,gBAAgBI,iBAAiB;QACtCC,cAAc;UAAEC,aAAa;YAACJ;;QAAgB;QAC9CK,OAAOR;MACT,CAAA;IACF;EACF;AACF;AAEO,IAAMS,uBAAuB,CAACzD,YAAAA;AACnC,QAAM,CAAC0D,OAAOC,OAAOC,KAAAA,IAAS5D,QAAQ6D,MAAM,GAAA;AAC5C,QAAMC,WAAWC,OAAOH,KAAAA;AACxBnE,YAAU,CAACsE,OAAOC,MAAMF,QAAAA,GAAW,uCAAA;;;;;;;;;AACnC,SAAO;IAACJ;IAAOC;IAAOM,OAAOH,WAAW,CAAA;IAAII,KAAK,GAAA;AACnD;AAEO,IAAMC,iBAAiB,CAAC5C,QAAAA;AAC7B,SAAO,WAAWA,IAAIqB,MAAK,CAAA;AAC7B;",
-  "names": ["EdgeHttpClient", "invariant", "log", "FUNCTIONS_META_KEY", "FUNCTIONS_PRESET_META_KEY", "uploadWorkerFunction", "client", "name", "version", "source", "spaceId", "functionId", "edgeUrl", "config", "values", "runtime", "services", "edge", "url", "edgeClient", "edgeIdentity", "createEdgeIdentity", "setIdentity", "response", "uploadFunction", "script", "identityKey", "getUserFunctionUrlInMetadata", "meta", "keys", "find", "key", "id", "setUserFunctionUrlInMetadata", "functionUrl", "Error", "push", "getInvocationUrl", "options", "baseUrl", "URL", "relativeUrl", "replace", "toString", "searchParams", "set", "subjectId", "protocol", "identity", "halo", "get", "device", "toHex", "peerKey", "deviceKey", "presentCredentials", "challenge", "identityService", "IdentityService", "authCredential", "createAuthCredential", "signPresentation", "presentation", "credentials", "nonce", "incrementSemverPatch", "major", "minor", "patch", "split", "patchNum", "Number", "isNaN", "String", "join", "publicKeyToDid"]
-}