@dxos/plugin-script 0.7.4 → 0.7.5-labs.401163d

package/dist/types/src/components/Toolbar/Toolbar.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { type Template } from '../../templates';
-export type ToolbarProps = ThemedClassName<{
-    deployed?: boolean;
-    error?: string;
-    functionUrl?: string;
-    onDeploy?: () => Promise<void>;
-    onFormat?: () => Promise<void>;
-} & TemplateSelectProps & ViewSelectorProps>;
-export declare const Toolbar: ({ classNames, deployed, error, functionUrl, view, templates, onDeploy, onFormat, onViewChange, onTemplateSelect, }: ToolbarProps) => React.JSX.Element;
-export type ViewType = 'editor' | 'split' | 'preview';
-export type TemplateSelectProps = {
-    templates?: Template[];
-    onTemplateSelect?: (id: string) => void;
-};
-export declare const TemplateSelect: ({ templates, onTemplateSelect }: TemplateSelectProps) => React.JSX.Element;
-export type ViewSelectorProps = {
-    view?: ViewType;
-    onViewChange?: (view: ViewType) => void;
-};
-export declare const ViewSelector: ({ view, onViewChange }: ViewSelectorProps) => React.JSX.Element;
-//# sourceMappingURL=Toolbar.d.ts.map

package/dist/types/src/components/Toolbar/Toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAIL,KAAK,eAAe,EAOrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,eAAe,CACxC;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC,GAAG,mBAAmB,GACrB,iBAAiB,CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,uHAWjB,YAAY,sBA4Dd,CAAC;AA0BF,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,cAAc,oCAA0C,mBAAmB,sBAkBvF,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,YAAY,2BAA4B,iBAAiB,sBAcrE,CAAC"}

package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAO7C,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/src/components/Toolbar/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Toolbar';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Toolbar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC"}

package/dist/types/src/edge/functions.d.ts

@@ -1,25 +0,0 @@
-import { type DID } from 'iso-did/types';
-import { type Client } from '@dxos/client';
-import { type ObjectMeta } from '@dxos/echo-schema';
-import type { PublicKey, SpaceId } from '@dxos/keys';
-import { type UploadFunctionResponseBody } from '@dxos/protocols';
-export declare const FUNCTIONS_PRESET_META_KEY = "dxos.org/service/function-preset";
-export type UploadWorkerArgs = {
-    client: Client;
-    name?: string;
-    source: string;
-    version: string;
-    functionId?: string;
-    spaceId: SpaceId;
-};
-export declare const uploadWorkerFunction: ({ client, name, version, source, spaceId, functionId, }: UploadWorkerArgs) => Promise<UploadFunctionResponseBody>;
-export declare const getUserFunctionUrlInMetadata: (meta: ObjectMeta) => string | undefined;
-export declare const setUserFunctionUrlInMetadata: (meta: ObjectMeta, functionUrl: string) => void;
-export declare const getInvocationUrl: (functionUrl: string, edgeUrl: string, options?: InvocationOptions) => string;
-export declare const incrementSemverPatch: (version: string) => string;
-export declare const publicKeyToDid: (key: PublicKey) => DID;
-export type InvocationOptions = {
-    spaceId?: SpaceId;
-    subjectId?: string;
-};
-//# sourceMappingURL=functions.d.ts.map

package/dist/types/src/edge/functions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/edge/functions.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAKlE,eAAO,MAAM,yBAAyB,qCAAqC,CAAC;AAE5E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,oBAAoB,4DAO9B,gBAAgB,KAAG,OAAO,CAAC,0BAA0B,CAiBvD,CAAC;AAEF,eAAO,MAAM,4BAA4B,SAAU,UAAU,uBAE5D,CAAC;AAEF,eAAO,MAAM,4BAA4B,SAAU,UAAU,eAAe,MAAM,SASjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,gBAAiB,MAAM,WAAW,MAAM,YAAW,iBAAiB,WAUhG,CAAC;AAsBF,eAAO,MAAM,oBAAoB,YAAa,MAAM,KAAG,MAKtD,CAAC;AAEF,eAAO,MAAM,cAAc,QAAS,SAAS,KAAG,GAE/C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/types/src/edge/index.d.ts

@@ -1,2 +0,0 @@
-export * from './functions';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/edge/index.ts"],"names":[],"mappings":"AAMA,cAAc,aAAa,CAAC"}

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

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

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

@@ -1,3 +0,0 @@
-export * from './schema';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

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

@@ -1,71 +0,0 @@
-import { JsonSchemaType, ref, S } from '@dxos/echo-schema';
-declare const ScriptType_base: import("@dxos/echo-schema").AbstractTypedObject<{
-    name?: string | undefined;
-    description?: string | undefined;
-    changed?: boolean | undefined;
-    source: import("@dxos/echo-schema").Ref<{
-        content: string;
-    } & {
-        id: string;
-    }>;
-} & {
-    id: string;
-}, S.Struct.Encoded<{
-    name: S.optional<typeof S.String>;
-    description: S.optional<typeof S.String>;
-    changed: S.optional<typeof S.Boolean>;
-    source: ref<{
-        content: string;
-    } & {
-        id: string;
-    }>;
-}>>;
-/**
- * Source script.
- */
-export declare class ScriptType extends ScriptType_base {
-}
-declare const FunctionType_base: import("@dxos/echo-schema").AbstractTypedObject<{
-    name: string;
-    source?: import("@dxos/echo-schema").Ref<{
-        name?: string | undefined;
-        description?: string | undefined;
-        changed?: boolean | undefined;
-        source: import("@dxos/echo-schema").Ref<{
-            content: string;
-        } & {
-            id: string;
-        }>;
-    } & {
-        id: string;
-    }>;
-    version: string;
-    inputSchema?: JsonSchemaType | undefined;
-    binding?: string | undefined;
-} & {
-    id: string;
-}, S.Struct.Encoded<{
-    name: typeof S.NonEmptyString;
-    version: typeof S.String;
-    source: S.optional<ref<{
-        name?: string | undefined;
-        description?: string | undefined;
-        changed?: boolean | undefined;
-        source: import("@dxos/echo-schema").Ref<{
-            content: string;
-        } & {
-            id: string;
-        }>;
-    } & {
-        id: string;
-    }>>;
-    inputSchema: S.optional<S.Schema<JsonSchemaType, JsonSchemaType, never>>;
-    binding: S.optional<typeof S.String>;
-}>>;
-/**
- * Function deployment.
- */
-export declare class FunctionType extends FunctionType_base {
-}
-export {};
-//# sourceMappingURL=schema.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/types/schema.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;AAGxE;;GAEG;AACH,qBAAa,UAAW,SAAQ,eAW9B;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEL;;GAEG;AAEH,qBAAa,YAAa,SAAQ,iBAgBhC;CAAG"}

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

@@ -1,8 +0,0 @@
-import type { GraphBuilderProvides, IntentResolverProvides, MetadataRecordsProvides, SettingsProvides, SurfaceProvides, TranslationsProvides } from '@dxos/app-framework';
-import { type SchemaProvides } from '@dxos/plugin-space';
-export declare enum ScriptAction {
-    CREATE = "dxos.org/plugin/script/create"
-}
-export type ScriptSettingsProps = {};
-export type ScriptPluginProvides = GraphBuilderProvides & IntentResolverProvides & MetadataRecordsProvides & SchemaProvides & SettingsProvides<ScriptSettingsProps> & SurfaceProvides & TranslationsProvides;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzD,oBAAY,YAAY;IACtB,MAAM,kCAA4B;CACnC;AAED,MAAM,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAErC,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GACrD,sBAAsB,GACtB,uBAAuB,GACvB,cAAc,GACd,gBAAgB,CAAC,mBAAmB,CAAC,GACrC,eAAe,GACf,oBAAoB,CAAC"}

package/src/bundler/bundler.test.ts

@@ -1,54 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-// @ts-ignore
-import wasmUrl from 'esbuild-wasm/esbuild.wasm?url';
-import { beforeAll, describe, expect, test } from 'vitest';
-
-import { isNode } from '@dxos/util';
-
-import { Bundler, initializeBundler } from './bundler';
-
-describe('Bundler', () => {
-  beforeAll(async () => {
-    if (!isNode()) {
-      await initializeBundler({ wasmUrl });
-    }
-  });
-
-  test('Basic', async () => {
-    const bundler = new Bundler({ platform: 'node', sandboxedModules: [], remoteModules: {} });
-    const result = await bundler.bundle('const x = 100'); // TODO(burdon): Test import.
-    expect(result.bundle).to.exist;
-    expect(result.error).to.not.exist;
-  });
-
-  test('Import', async () => {
-    const bundler = new Bundler({ platform: 'node', sandboxedModules: [], remoteModules: {} });
-    const result = await bundler.bundle(`
-      import { Filter } from './runtime.js';
-
-      const query = Filter.typename('dxos.org/type/Example');
-    `);
-    expect(result.bundle).to.exist;
-    expect(result.error).to.not.exist;
-  });
-
-  test('HTTPS Import', async () => {
-    const bundler = new Bundler({ platform: 'node', sandboxedModules: [], remoteModules: {} });
-    const result = await bundler.bundle(`
-      import { Octokit } from 'https://esm.sh/octokit';
-      const octokit = new Octokit();
-    `);
-    expect(result.bundle).to.exist;
-    expect(result.error).to.not.exist;
-  });
-
-  test('Error', async () => {
-    const bundler = new Bundler({ platform: 'node', sandboxedModules: [], remoteModules: {} });
-    const result = await bundler.bundle("import missing from './module'; missing();");
-    expect(result.bundle).to.not.exist;
-    expect(result.error).to.exist;
-  });
-});

package/src/bundler/bundler.ts

@@ -1,250 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type BuildOptions } from 'esbuild';
-import { build, initialize, type BuildResult, type Plugin } from 'esbuild-wasm';
-
-import { subtleCrypto } from '@dxos/crypto';
-import { invariant } from '@dxos/invariant';
-import { log } from '@dxos/log';
-
-export type Import = {
-  moduleUrl: string;
-  defaultImport: boolean;
-  namedImports: string[];
-};
-
-export type BundlerResult = {
-  timestamp: number;
-  sourceHash: Buffer;
-  imports?: Import[];
-  bundle?: string;
-  error?: any;
-};
-
-export type BundlerOptions = {
-  platform: BuildOptions['platform'];
-  sandboxedModules: string[];
-  remoteModules: Record<string, string>;
-};
-
-let initialized: Promise<void>;
-export const initializeBundler = async (options: { wasmUrl: string }) => {
-  await (initialized ??= initialize({
-    wasmURL: options.wasmUrl,
-  }));
-};
-
-/**
- * ESBuild bundler.
- */
-export class Bundler {
-  constructor(private readonly _options: BundlerOptions) {}
-
-  async bundle(source: string): Promise<BundlerResult> {
-    const { sandboxedModules: providedModules, ...options } = this._options;
-
-    const createResult = async (result?: Partial<BundlerResult>) => {
-      return {
-        timestamp: Date.now(),
-        sourceHash: Buffer.from(await subtleCrypto.digest('SHA-256', Buffer.from(source))),
-        ...result,
-      };
-    };
-
-    if (this._options.platform === 'browser') {
-      invariant(initialized, 'Compiler not initialized.');
-      await initialized;
-    }
-
-    const imports = analyzeSourceFileImports(source);
-
-    // https://esbuild.github.io/api/#build
-    try {
-      const result = await build({
-        platform: options.platform,
-        conditions: ['workerd', 'browser'],
-        metafile: true,
-        write: false,
-        entryPoints: ['memory:main.tsx'],
-        bundle: true,
-        format: 'esm',
-        plugins: [
-          {
-            name: 'memory',
-            setup: (build) => {
-              build.onResolve({ filter: /^\.\/runtime\.js$/ }, ({ path }) => {
-                return { path, external: true };
-              });
-
-              build.onResolve({ filter: /^dxos:functions$/ }, ({ path }) => {
-                return { path: './runtime.js', external: true };
-              });
-
-              build.onResolve({ filter: /^memory:/ }, ({ path }) => {
-                return { path: path.split(':')[1], namespace: 'memory' };
-              });
-
-              build.onLoad({ filter: /.*/, namespace: 'memory' }, ({ path }) => {
-                if (path === 'main.tsx') {
-                  return {
-                    contents: source,
-                    loader: 'tsx',
-                  };
-                }
-              });
-
-              for (const module of providedModules) {
-                build.onResolve({ filter: new RegExp(`^${module}$`) }, ({ path }) => {
-                  return { path, namespace: 'injected-module' };
-                });
-              }
-
-              build.onLoad({ filter: /.*/, namespace: 'injected-module' }, ({ path }) => {
-                const namedImports = imports.find((entry) => entry.moduleIdentifier === path)?.namedImports ?? [];
-                return {
-                  contents: `
-                  const { ${namedImports.join(',')} } = window.__DXOS_SANDBOX_MODULES__[${JSON.stringify(path)}];
-                  export { ${namedImports.join(',')} };
-                  export default window.__DXOS_SANDBOX_MODULES__[${JSON.stringify(path)}].default;
-                `,
-                  loader: 'tsx',
-                };
-              });
-            },
-          },
-          httpPlugin,
-        ],
-      });
-
-      log('compile complete', result.metafile);
-
-      return await createResult({
-        imports: this.analyzeImports(result),
-        bundle: result.outputFiles![0].text,
-      });
-    } catch (err) {
-      return await createResult({ error: err });
-    }
-  }
-
-  // TODO(dmaretskyi): In the future we can replace the compiler with SWC with plugins running in WASM.
-  analyzeImports(result: BuildResult): Import[] {
-    invariant(result.outputFiles);
-
-    // TODO(dmaretskyi): Support import aliases and wildcard imports.
-    const parsedImports = allMatches(IMPORT_REGEX, result.outputFiles[0].text);
-    return Object.values(result.metafile!.outputs)[0].imports.map((entry): Import => {
-      const namedImports: string[] = [];
-
-      const parsedImport = parsedImports.find((capture) => capture?.[4] === entry.path);
-      if (parsedImport?.[2]) {
-        NAMED_IMPORTS_REGEX.lastIndex = 0;
-        const namedImportsMatch = NAMED_IMPORTS_REGEX.exec(parsedImport[2]);
-        if (namedImportsMatch) {
-          namedImportsMatch[1].split(',').forEach((importName) => {
-            namedImports.push(importName.trim());
-          });
-        }
-      }
-
-      return {
-        moduleUrl: entry.path,
-        defaultImport: !!parsedImport?.[1],
-        namedImports,
-      };
-    });
-  }
-
-  analyzeSourceFileImports(code: string) {
-    // TODO(dmaretskyi): Support import aliases and wildcard imports.
-    const parsedImports = allMatches(IMPORT_REGEX, code);
-    return parsedImports.map((capture) => {
-      return {
-        defaultImportName: capture[1],
-        namedImports: capture[2]?.split(',').map((importName) => importName.trim()),
-        wildcardImportName: capture[3],
-        moduleIdentifier: capture[4],
-        quotes: capture[5],
-      };
-    });
-  }
-}
-
-// https://regex101.com/r/FEN5ks/1
-// https://stackoverflow.com/a/73265022
-// $1 = default import name (can be non-existent)
-// $2 = destructured exports (can be non-existent)
-// $3 = wildcard import name (can be non-existent)
-// $4 = module identifier
-// $5 = quotes used (either ' or ")
-const IMPORT_REGEX =
-  /import(?:(?:(?:[ \n\t]+([^ *\n\t{},]+)[ \n\t]*(?:,|[ \n\t]+))?([ \n\t]*{(?:[ \n\t]*[^ \n\t"'{}]+[ \n\t]*,?)+})?[ \n\t]*)|[ \n\t]*\*[ \n\t]*as[ \n\t]+([^ \n\t{}]+)[ \n\t]+)from[ \n\t]*(?:['"])([^'"\n]+)(['"])/gm;
-
-const NAMED_IMPORTS_REGEX = /[ \n\t]*{((?:[ \n\t]*[^ \n\t"'{}]+[ \n\t]*,?)+)}[ \n\t]*/gm;
-
-const allMatches = (regex: RegExp, str: string) => {
-  regex.lastIndex = 0;
-
-  let match;
-  const matches = [];
-  while ((match = regex.exec(str))) {
-    matches.push(match);
-  }
-
-  return matches;
-};
-
-type ParsedImport = {
-  defaultImportName?: string;
-  namedImports: string[];
-  wildcardImportName?: string;
-  moduleIdentifier: string;
-  quotes: string;
-};
-
-const analyzeSourceFileImports = (code: string): ParsedImport[] => {
-  // TODO(dmaretskyi): Support import aliases and wildcard imports.
-  const parsedImports = allMatches(IMPORT_REGEX, code);
-  return parsedImports.map((capture) => {
-    return {
-      defaultImportName: capture[1],
-      namedImports: capture[2]
-        ?.trim()
-        .slice(1, -1)
-        .split(',')
-        .map((importName) => importName.trim()),
-      wildcardImportName: capture[3],
-      moduleIdentifier: capture[4],
-      quotes: capture[5],
-    };
-  });
-};
-
-const httpPlugin: Plugin = {
-  name: 'http',
-  setup: (build) => {
-    // Intercept import paths starting with "http:" and "https:" so esbuild doesn't attempt to map them to a file system location.
-    // Tag them with the "http-url" namespace to associate them with this plugin.
-    build.onResolve({ filter: /^https?:\/\// }, (args) => ({
-      path: args.path,
-      namespace: 'http-url',
-    }));
-
-    // We also want to intercept all import paths inside downloaded files and resolve them against the original URL.
-    // All of these files will be in the "http-url" namespace.
-    // Make sure to keep the newly resolved URL in the "http-url" namespace so imports inside it will also be resolved as URLs recursively.
-    build.onResolve({ filter: /.*/, namespace: 'http-url' }, (args) => ({
-      path: new URL(args.path, args.importer).toString(),
-      namespace: 'http-url',
-    }));
-
-    // When a URL is loaded, we want to actually download the content from the internet.
-    // This has just enough logic to be able to handle the example import from unpkg.com but in reality this would probably need to be more complex.
-    build.onLoad({ filter: /.*/, namespace: 'http-url' }, async (args) => {
-      const response = await fetch(args.path);
-      return { contents: await response.text(), loader: 'jsx' };
-    });
-  },
-};

package/src/components/ScriptBlock/ScriptBlock.stories.tsx

@@ -1,52 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react';
-import React, { useMemo } from 'react';
-
-import { TextType } from '@dxos/plugin-markdown/types';
-import { create, createObject } from '@dxos/react-client/echo';
-import { withClientProvider } from '@dxos/react-client/testing';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { ScriptBlock } from './ScriptBlock';
-import { ScriptType } from '../../types';
-// @ts-ignore
-import mainUrl from '../FrameContainer/frame?url';
-
-const typename = 'example.com/type/contact';
-
-const code = [
-  "import { Filter, useQuery, useSpaces} from '@dxos/react-client/echo';",
-  "import { Chart, Explorer, Globe } from '@dxos/plugin-explorer';",
-  '',
-  'export default () => {',
-  '  const spaces = useSpaces();',
-  '  const space = spaces[1]',
-  `  const objects = useQuery(space, Filter.typename('${typename}'));`,
-  '  return <Chart items={objects} accessor={object => ({ x: object.lat, y: object.lng })} />',
-  '}',
-].join('\n');
-
-const DefaultStory = () => {
-  // TODO(burdon): Review what's the right way to create automerge-backed objects.
-  const object = useMemo(() => createObject(create(ScriptType, { source: create(TextType, { content: code }) })), []);
-
-  // TODO(dmaretskyi): Not sure how to provide `containerUrl` here since the html now lives in composer-app.
-  // TODO(burdon): Normalize html/frame.tsx with composer-app to test locally.
-  return <ScriptBlock script={object} containerUrl={mainUrl} />;
-};
-
-export const Default = {};
-
-const meta: Meta = {
-  title: 'plugins/plugin-script/ScriptBlock',
-  component: ScriptBlock,
-  render: DefaultStory,
-  decorators: [withClientProvider({ createSpace: true }), withTheme, withLayout({ fullscreen: true, tooltips: true })],
-};
-
-export default meta;

package/src/components/ScriptBlock/ScriptBlock.tsx

@@ -1,102 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-// @ts-ignore
-import wasmUrl from 'esbuild-wasm/esbuild.wasm?url';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-
-import { createDocAccessor, DocAccessor } from '@dxos/react-client/echo';
-import { Toolbar, Button, Icon } from '@dxos/react-ui';
-
-import { Bundler, type BundlerResult, initializeBundler } from '../../bundler';
-import { type ScriptType } from '../../types';
-import { FrameContainer } from '../FrameContainer';
-import { ScriptEditor } from '../ScriptEditor';
-
-// Keep in sync with packages/apps/composer-app/script-frame/main.tsx .
-const PROVIDED_MODULES = [
-  'react',
-  'react-dom/client',
-  '@dxos/client',
-  '@dxos/react-client',
-  '@dxos/react-client/echo',
-  '@dxos/plugin-explorer',
-];
-
-export type ScriptBlockProps = {
-  script: ScriptType;
-  hideSelector?: boolean;
-
-  // Url to the page used to host the script in the iframe.
-  containerUrl: string;
-};
-
-/**
- * @deprecated
- */
-// TODO(burdon): Cache compiled results in context.
-export const ScriptBlock = ({ script, hideSelector, containerUrl }: ScriptBlockProps) => {
-  const source = useMemo(() => script.source && createDocAccessor(script.source, ['content']), [script.source]);
-  const [result, setResult] = useState<BundlerResult>();
-  const bundler = useMemo(
-    () => new Bundler({ platform: 'browser', sandboxedModules: PROVIDED_MODULES, remoteModules: {} }),
-    [],
-  );
-  useEffect(() => {
-    // TODO(burdon): Create useCompiler hook (with initialization).
-    void initializeBundler({ wasmUrl });
-  }, []);
-  useEffect(() => {
-    // TODO(burdon): Throttle and listen for update.
-    const t = setTimeout(async () => {
-      if (!source) {
-        return;
-      }
-
-      const result = await bundler.bundle(DocAccessor.getValue(source));
-      setResult(result);
-    });
-
-    return () => clearTimeout(t);
-  }, [source]);
-
-  const handleExec = useCallback(
-    async (auto = true) => {
-      if (!source) {
-        return;
-      }
-      const result = await bundler.bundle(DocAccessor.getValue(source));
-      setResult(result);
-    },
-    [source],
-  );
-
-  return (
-    <div className='flex flex-col grow overflow-hidden'>
-      {!hideSelector && (
-        <Toolbar.Root>
-          <div className='grow' />
-          {result?.bundle && !result?.error && (
-            <div title={String(result.error)}>
-              <Icon icon='ph--check--regular' size={5} classNames='text-green-500' />
-            </div>
-          )}
-          {result?.error && (
-            <div title={String(result.error)}>
-              <Icon icon='ph--warning--regular' size={5} classNames='text-orange-500' />
-            </div>
-          )}
-          <Button variant='ghost' onClick={() => handleExec()}>
-            <Icon icon='ph--play--regular' size={5} />
-          </Button>
-        </Toolbar.Root>
-      )}
-
-      <div className='flex'>
-        <ScriptEditor script={script} />
-        {result && <FrameContainer key={script.id} result={result} containerUrl={containerUrl} />}
-      </div>
-    </div>
-  );
-};

package/src/components/ScriptBlock/index.ts

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