@vizhub/runtime 0.3.7 → 0.4.0

package/dist/test/v4.test.js

@@ -1,100 +0,0 @@
-import puppeteer from "puppeteer";
-import { describe, it, beforeAll, afterAll } from "vitest";
-import { testInBrowser } from "./testInBrowser";
-import { jsScriptTagTypeModule, jsScriptTagTypeModules, fetchInterception, esmBuild, reactJsx, d3Usage, threeJsUsage, reactHooks, typeScriptSupport, } from "./fixtures/v4";
-let browser;
-beforeAll(async () => {
-    browser = await puppeteer.launch();
-});
-afterAll(async () => {
-    await browser.close();
-});
-describe("VizHub Runtime v4", () => {
-    it("should handle script type=module with import maps", async () => {
-        await testInBrowser({
-            browser,
-            files: jsScriptTagTypeModule,
-            expectedLog: "Hello, ES Module!",
-        });
-    });
-    it("should handle script type=module with file imports", async () => {
-        await testInBrowser({
-            browser,
-            files: jsScriptTagTypeModules,
-            expectedLog: "Hello, ES Module File!",
-        });
-    });
-    it("should handle fetch interception", async () => {
-        await testInBrowser({
-            browser,
-            files: fetchInterception,
-            expectedLog: "Fetch intercepted successfully",
-        });
-    });
-    it.skip("should handle ESM builds from npm packages", async () => {
-        await testInBrowser({
-            browser,
-            files: esmBuild,
-            expectedLog: new RegExp(/\d{4}-\d{2}-\d{2}/), // matches date format yyyy-MM-dd
-        });
-    });
-    it.skip("should handle React JSX", async () => {
-        await testInBrowser({
-            browser,
-            files: reactJsx,
-            expectedLog: "Hello React JSX!",
-            evaluateInBrowser: async (page) => {
-                return await page.evaluate(() => {
-                    return document.querySelector("#root div")
-                        ?.textContent;
-                });
-            },
-        });
-    });
-    it.skip("should handle D3 usage", async () => {
-        await testInBrowser({
-            browser,
-            files: d3Usage,
-            expectedLog: "D3 chart rendered successfully",
-            evaluateInBrowser: async (page) => {
-                return await page.evaluate(() => {
-                    return (document.querySelector("#chart svg circle") !==
-                        null);
-                });
-            },
-        });
-    });
-    it("should handle Three.js usage", async () => {
-        await testInBrowser({
-            browser,
-            files: threeJsUsage,
-            expectedLog: "Three.js imports: object function",
-        });
-    });
-    it.skip("should handle React hooks", async () => {
-        await testInBrowser({
-            browser,
-            files: reactHooks,
-            expectedLog: "React Hooks working: count is 0",
-            evaluateInBrowser: async (page) => {
-                return await page.evaluate(() => {
-                    return (document.querySelector("#root p")
-                        ?.textContent === "You clicked 0 times");
-                });
-            },
-        });
-    });
-    it.skip("should handle TypeScript support", async () => {
-        await testInBrowser({
-            browser,
-            files: typeScriptSupport,
-            expectedLog: "TypeScript is working",
-            evaluateInBrowser: async (page) => {
-                return await page.evaluate(() => {
-                    return (document.querySelector("#app h1")
-                        ?.textContent === "Hello, John Doe!");
-                });
-            },
-        });
-    });
-});

package/dist/types/buildHTML.d.ts

@@ -1,14 +0,0 @@
-import { FileCollection } from "@vizhub/viz-types";
-import type { RollupBuild, RollupOptions } from "rollup";
-import { VizCache } from "./v3/vizCache.js";
-import { SlugCache } from "./v3/slugCache.js";
-import { SvelteCompiler } from "./v3/transformSvelte.js";
-export declare const buildHTML: ({ files, rollup, enableSourcemap, vizCache, vizId, slugCache, getSvelteCompiler, }: {
-    files?: FileCollection;
-    rollup?: (options: RollupOptions) => Promise<RollupBuild>;
-    enableSourcemap?: boolean;
-    vizCache?: VizCache;
-    vizId?: string;
-    slugCache?: SlugCache;
-    getSvelteCompiler?: () => Promise<SvelteCompiler>;
-}) => Promise<string>;

package/dist/types/common/packageJson.d.ts

@@ -1,39 +0,0 @@
-import { FileCollection } from "@vizhub/viz-types";
-export type Licence = string;
-export interface PackageJson {
-    dependencies?: {
-        [key: string]: string;
-    };
-    vizhub?: {
-        libraries?: {
-            [key: string]: VizHubLibraryConfig;
-        };
-    };
-    license?: Licence | {
-        type: string;
-    };
-}
-export interface Dependency {
-    name: string;
-    version: string;
-}
-export interface VizHubLibraryConfig {
-    path?: string;
-    global?: string;
-}
-export interface VizHubLibraryConfigs {
-    [key: string]: VizHubLibraryConfig;
-}
-export declare const packageJSON: (files: FileCollection) => PackageJson;
-export declare const dependencies: (files: FileCollection) => {
-    [key: string]: string;
-};
-export declare const getConfiguredLibraries: (files: FileCollection) => {
-    [key: string]: VizHubLibraryConfig;
-};
-export declare const dependencySource: ({ name, version }: Dependency, libraries: VizHubLibraryConfigs, cdn?: string) => string;
-export declare const getLicense: (files: FileCollection) => string | {
-    type: string;
-} | undefined;
-export declare const getConfiguredGlobals: (pkg: PackageJson) => Record<string, string>;
-export declare const getGlobals: (pkg: PackageJson) => Record<string, string>;

package/dist/types/common/packageJson.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/common/sucrasePlugin.d.ts

@@ -1,2 +0,0 @@
-import type { Plugin } from "rollup";
-export declare function sucrasePlugin(): Plugin;

package/dist/types/common/virtualFileSystem.d.ts

@@ -1,3 +0,0 @@
-import { FileCollection } from "@vizhub/viz-types";
-import { Plugin } from "rollup";
-export declare const virtualFileSystem: (files: FileCollection) => Plugin;

package/dist/types/determineRuntimeVersion.d.ts

@@ -1,3 +0,0 @@
-import { FileCollection } from "@vizhub/viz-types";
-import type { runtimeVersion } from "./types";
-export declare const determineRuntimeVersion: (files: FileCollection) => runtimeVersion | null;

package/dist/types/determineRuntimeVersion.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/index.d.ts

@@ -1,4 +0,0 @@
-export { buildHTML } from "./buildHTML.js";
-export { createVizCache, VizCache } from "./v3/vizCache.js";
-export { createSlugCache, SlugCache, } from "./v3/slugCache.js";
-export { vizContentToFileCollection } from "./utils/vizContentToFileCollection.js";

package/dist/types/test/fixtures/v1/basicHTML.d.ts

@@ -1,3 +0,0 @@
-export declare const basicHTML: {
-    "index.html": string;
-};

package/dist/types/test/fixtures/v1/fetchProxy.d.ts

@@ -1,5 +0,0 @@
-export declare const fetchProxy: {
-    "index.html": string;
-    "index.js": string;
-    "data.csv": string;
-};

package/dist/types/test/fixtures/v1/index.d.ts

@@ -1,6 +0,0 @@
-export { basicHTML } from "./basicHTML";
-export { jsScriptTag } from "./jsScriptTag";
-export { fetchProxy } from "./fetchProxy";
-export { styleTest } from "./styleTest";
-export { xmlTest } from "./xmlTest";
-export { protocolTest } from "./protocolTest";

package/dist/types/test/fixtures/v1/jsScriptTag.d.ts

@@ -1,4 +0,0 @@
-export declare const jsScriptTag: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v1/protocolTest.d.ts

@@ -1,3 +0,0 @@
-export declare const protocolTest: {
-    "index.html": string;
-};

package/dist/types/test/fixtures/v1/styleTest.d.ts

@@ -1,4 +0,0 @@
-export declare const styleTest: {
-    "index.html": string;
-    "styles.css": string;
-};

package/dist/types/test/fixtures/v1/xmlTest.d.ts

@@ -1,4 +0,0 @@
-export declare const xmlTest: {
-    "index.html": string;
-    "data.xml": string;
-};

package/dist/types/test/fixtures/v2/basicBundle.d.ts

@@ -1,5 +0,0 @@
-export declare const basicBundle: {
-    "index.html": string;
-    "index.js": string;
-    "foo.js": string;
-};

package/dist/types/test/fixtures/v2/basicBundleNoExtension.d.ts

@@ -1,5 +0,0 @@
-export declare const basicBundleNoExtension: {
-    "index.html": string;
-    "index.js": string;
-    "foo.js": string;
-};

package/dist/types/test/fixtures/v2/d3Import.d.ts

@@ -1,4 +0,0 @@
-export declare const d3Import: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v2/d3ImportPkg.d.ts

@@ -1,5 +0,0 @@
-export declare const d3ImportPkg: {
-    "index.html": string;
-    "index.js": string;
-    "package.json": string;
-};

package/dist/types/test/fixtures/v2/d3RosettaImportPkg.d.ts

@@ -1,5 +0,0 @@
-export declare const d3RosettaImportPkg: {
-    "index.html": string;
-    "index.js": string;
-    "package.json": string;
-};

package/dist/types/test/fixtures/v2/es6Preserve.d.ts

@@ -1,4 +0,0 @@
-export declare const es6Preserve: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v2/generatorSupport.d.ts

@@ -1,4 +0,0 @@
-export declare const generatorSupport: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v2/index.d.ts

@@ -1,14 +0,0 @@
-export { basicBundle } from "./basicBundle";
-export { basicBundleNoExtension } from "./basicBundleNoExtension";
-export { d3Import } from "./d3Import";
-export { d3ImportPkg } from "./d3ImportPkg";
-export { reactImport } from "./reactImport";
-export { reactImportPkg } from "./reactImportPkg";
-export { reactDomImport } from "./reactDomImport";
-export { reactDomImportPkg } from "./reactDomImportPkg";
-export { jsxTranspile } from "./jsxTranspile";
-export { es6Preserve } from "./es6Preserve";
-export { generatorSupport } from "./generatorSupport";
-export { unicodeSupport } from "./unicodeSupport";
-export { d3RosettaImportPkg } from "./d3RosettaImportPkg";
-export * from "./sourceMapErrorFixture";

package/dist/types/test/fixtures/v2/jsxTranspile.d.ts

@@ -1,4 +0,0 @@
-export declare const jsxTranspile: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v2/reactDomImport.d.ts

@@ -1,4 +0,0 @@
-export declare const reactDomImport: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v2/reactDomImportPkg.d.ts

@@ -1,5 +0,0 @@
-export declare const reactDomImportPkg: {
-    "index.html": string;
-    "index.js": string;
-    "package.json": string;
-};

package/dist/types/test/fixtures/v2/reactImport.d.ts

@@ -1,4 +0,0 @@
-export declare const reactImport: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v2/reactImportPkg.d.ts

@@ -1,5 +0,0 @@
-export declare const reactImportPkg: {
-    "index.html": string;
-    "index.js": string;
-    "package.json": string;
-};

package/dist/types/test/fixtures/v2/sourceMapErrorFixture.d.ts

@@ -1,5 +0,0 @@
-export declare const sourceMapErrorFixture: {
-    "index.html": string;
-    "index.js": string;
-    "error.js": string;
-};

package/dist/types/test/fixtures/v2/unicodeSupport.d.ts

@@ -1,4 +0,0 @@
-export declare const unicodeSupport: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v3/basicIndexJS.d.ts

@@ -1,3 +0,0 @@
-export declare const basicIndexJS: {
-    "index.js": string;
-};

package/dist/types/test/fixtures/v3/cssImport.d.ts

@@ -1,4 +0,0 @@
-export declare const cssImport: {
-    "index.js": string;
-    "styles.css": string;
-};

package/dist/types/test/fixtures/v3/csvImport.d.ts

@@ -1,4 +0,0 @@
-export declare const csvImport: {
-    "index.js": string;
-    "data.csv": string;
-};

package/dist/types/test/fixtures/v3/csvStrangeChars.d.ts

@@ -1,4 +0,0 @@
-export declare const csvStrangeChars: {
-    "index.js": string;
-    "data.csv": string;
-};

package/dist/types/test/fixtures/v3/index.d.ts

@@ -1,9 +0,0 @@
-export { basicIndexJS } from "./basicIndexJS";
-export { sampleVizContent } from "./vizContent";
-export { jsExport } from "./jsExport";
-export { cssImport } from "./cssImport";
-export { csvImport } from "./csvImport";
-export { csvStrangeChars } from "./csvStrangeChars";
-export { sampleContent, sampleContentVizImport, sampleContentVizImportSlug, sampleContentWithCSS, sampleContentVizImportWithCSS, } from "./vizImport";
-export { svelte } from "./svelte";
-export { sourcemap } from "./sourcemap";

package/dist/types/test/fixtures/v3/jsExport.d.ts

@@ -1,4 +0,0 @@
-export declare const jsExport: {
-    "index.js": string;
-    "message.js": string;
-};

package/dist/types/test/fixtures/v3/sourcemap.d.ts

@@ -1,3 +0,0 @@
-export declare const sourcemap: {
-    "index.js": string;
-};

package/dist/types/test/fixtures/v3/svelte.d.ts

@@ -1,4 +0,0 @@
-export declare const svelte: {
-    "App.svelte": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v3/vizContent.d.ts

@@ -1,2 +0,0 @@
-import { VizContent } from "@vizhub/viz-types";
-export declare const sampleVizContent: VizContent;

package/dist/types/test/fixtures/v3/vizImport.d.ts

@@ -1,6 +0,0 @@
-import { VizContent } from "@vizhub/viz-types";
-export declare const sampleContent: VizContent;
-export declare const sampleContentVizImport: VizContent;
-export declare const sampleContentVizImportSlug: VizContent;
-export declare const sampleContentWithCSS: VizContent;
-export declare const sampleContentVizImportWithCSS: VizContent;

package/dist/types/test/fixtures/v4/d3Usage.d.ts

@@ -1,5 +0,0 @@
-export declare const d3Usage: {
-    "index.html": string;
-    "index.js": string;
-    "package.json": string;
-};

package/dist/types/test/fixtures/v4/esmBuild.d.ts

@@ -1,5 +0,0 @@
-export declare const esmBuild: {
-    "index.html": string;
-    "index.js": string;
-    "package.json": string;
-};

package/dist/types/test/fixtures/v4/fetchInterception.d.ts

@@ -1,5 +0,0 @@
-export declare const fetchInterception: {
-    "index.html": string;
-    "index.js": string;
-    "data.json": string;
-};

package/dist/types/test/fixtures/v4/index.d.ts

@@ -1,9 +0,0 @@
-export { jsScriptTagTypeModule } from "./jsScriptTagTypeModule";
-export { jsScriptTagTypeModules } from "./jsScriptTagTypeModules";
-export { fetchInterception } from "./fetchInterception";
-export { esmBuild } from "./esmBuild";
-export { reactJsx } from "./reactJsx";
-export { d3Usage } from "./d3Usage";
-export { threeJsUsage } from "./threeJsUsage";
-export { reactHooks } from "./reactHooks";
-export { typeScriptSupport } from "./typeScriptSupport";

package/dist/types/test/fixtures/v4/jsScriptTagTypeModule.d.ts

@@ -1,4 +0,0 @@
-export declare const jsScriptTagTypeModule: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v4/jsScriptTagTypeModules.d.ts

@@ -1,5 +0,0 @@
-export declare const jsScriptTagTypeModules: {
-    "index.html": string;
-    "index.js": string;
-    "greeter.js": string;
-};

package/dist/types/test/fixtures/v4/reactHooks.d.ts

@@ -1,6 +0,0 @@
-export declare const reactHooks: {
-    "index.html": string;
-    "index.jsx": string;
-    "Counter.jsx": string;
-    "package.json": string;
-};

package/dist/types/test/fixtures/v4/reactJsx.d.ts

@@ -1,6 +0,0 @@
-export declare const reactJsx: {
-    "index.html": string;
-    "index.jsx": string;
-    "App.jsx": string;
-    "package.json": string;
-};

package/dist/types/test/fixtures/v4/threeJsUsage.d.ts

@@ -1,4 +0,0 @@
-export declare const threeJsUsage: {
-    "index.html": string;
-    "index.js": string;
-};

package/dist/types/test/fixtures/v4/typeScriptSupport.d.ts

@@ -1,5 +0,0 @@
-export declare const typeScriptSupport: {
-    "index.html": string;
-    "index.ts": string;
-    "person.ts": string;
-};

package/dist/types/test/testInBrowser.d.ts

@@ -1,15 +0,0 @@
-import { Browser, Page } from "puppeteer";
-import { VizCache } from "../v3/vizCache";
-import { FileCollection, VizId } from "@vizhub/viz-types";
-import { SlugCache } from "../v3/slugCache";
-import { SvelteCompiler } from "../v3/transformSvelte";
-export declare function testInBrowser({ browser, files, vizCache, slugCache, vizId, expectedLog, evaluateInBrowser, getSvelteCompiler, }: {
-    browser: Browser;
-    files?: FileCollection;
-    vizCache?: VizCache;
-    slugCache?: SlugCache;
-    vizId?: VizId;
-    expectedLog: string | RegExp;
-    evaluateInBrowser?: (page: Page) => Promise<any>;
-    getSvelteCompiler?: () => Promise<SvelteCompiler>;
-}): Promise<void>;

package/dist/types/test/testStackTrace.d.ts

@@ -1,9 +0,0 @@
-import { Browser } from "puppeteer";
-import { FileCollection } from "@vizhub/viz-types";
-interface TestStackTraceOptions {
-    browser: Browser;
-    files: FileCollection;
-    expectedLineNumber: number;
-}
-export declare function testStackTrace({ browser, files, expectedLineNumber, }: TestStackTraceOptions): Promise<void>;
-export {};

package/dist/types/test/v1.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/test/v2.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/test/v3.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/test/v4.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/types.d.ts

@@ -1 +0,0 @@
-export type runtimeVersion = "v1" | "v2" | "v3" | "v4";

package/dist/types/utils/vizContentToFileCollection.d.ts

@@ -1,8 +0,0 @@
-import type { FileCollection, VizContent } from "@vizhub/viz-types";
-/**
- * Converts VizContent format to FileCollection format
- * VizContent has files as {id: {name, text}} structure
- * FileCollection is a simple {name: text} structure
- * TODO move to viz-utils
- */
-export declare const vizContentToFileCollection: (vizContent: VizContent) => FileCollection;

package/dist/types/utils/vizContentToFileCollection.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/v2/computeBundleJSV2.d.ts

@@ -1,7 +0,0 @@
-import type { RollupBuild, RollupOptions } from "rollup";
-import { FileCollection } from "@vizhub/viz-types";
-export declare const computeBundleJSV2: ({ files, rollup, enableSourcemap, }: {
-    files: FileCollection;
-    rollup: (options: RollupOptions) => Promise<RollupBuild>;
-    enableSourcemap?: boolean;
-}) => Promise<string>;

package/dist/types/v2/getComputedIndexHtml.d.ts

@@ -1,4 +0,0 @@
-import { FileCollection } from "@vizhub/viz-types";
-import type { JSDOM } from "jsdom";
-export declare const setJSDOM: (JSDOMInstance: typeof JSDOM) => void;
-export declare const getComputedIndexHtml: (files: FileCollection) => string;

package/dist/types/v2/getComputedIndexHtml.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-export { v2Build } from "./v2Build.js";

package/dist/types/v2/v2Build.d.ts

@@ -1,7 +0,0 @@
-import type { RollupBuild, RollupOptions } from "rollup";
-import { FileCollection } from "@vizhub/viz-types";
-export declare const v2Build: ({ files, rollup, enableSourcemap, }: {
-    files: FileCollection;
-    rollup: (options: RollupOptions) => Promise<RollupBuild>;
-    enableSourcemap?: boolean;
-}) => Promise<FileCollection>;

package/dist/types/v3/cleanRollupErrorMessage.d.ts

@@ -1,4 +0,0 @@
-export declare const cleanRollupErrorMessage: ({ rawMessage, vizId, }: {
-    rawMessage: string;
-    vizId: string;
-}) => string;

package/dist/types/v3/computeBundleJSV3.d.ts

@@ -1,17 +0,0 @@
-import type { RollupBuild, RollupOptions } from "rollup";
-import { FileCollection, VizId } from "@vizhub/viz-types";
-import { VizCache } from "./vizCache.js";
-import { SlugCache } from "./slugCache.js";
-import { SvelteCompiler } from "./transformSvelte.js";
-export declare const computeBundleJSV3: ({ files, rollup, enableSourcemap, vizCache, vizId, slugCache, getSvelteCompiler, }: {
-    files: FileCollection;
-    rollup: (options: RollupOptions) => Promise<RollupBuild>;
-    enableSourcemap?: boolean;
-    vizCache: VizCache;
-    vizId: VizId;
-    slugCache?: SlugCache;
-    getSvelteCompiler?: () => Promise<SvelteCompiler>;
-}) => Promise<{
-    src: string;
-    cssFiles: string[];
-}>;

package/dist/types/v3/createVizContent.d.ts

@@ -1,8 +0,0 @@
-import { FileCollection, VizContent } from "@vizhub/viz-types";
-/**
- * Creates a VizContent object with the given files
- * @param files An object with file names as keys and file content as values
- * @param title Optional title for the content
- * @returns A VizContent object with randomly generated IDs
- */
-export declare const createVizContent: (files: FileCollection, title?: string) => VizContent;

package/dist/types/v3/extractVizImport.d.ts

@@ -1,6 +0,0 @@
-import { VizId } from "@vizhub/viz-types";
-export type VizImport = {
-    userName: string;
-    idOrSlug: VizId | string;
-};
-export declare const extractVizImport: (str: string) => VizImport | null;

package/dist/types/v3/extractVizImport.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/v3/htmlTemplate.d.ts

@@ -1,5 +0,0 @@
-export declare const htmlTemplate: ({ cdn, src, styles, }: {
-    cdn: string;
-    src: string;
-    styles: string;
-}) => string;

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

@@ -1 +0,0 @@
-export { v3Build } from "./v3Build.js";

package/dist/types/v3/parseId.d.ts

@@ -1,6 +0,0 @@
-import { VizId } from "@vizhub/viz-types";
-import type { ResolvedVizFileId } from "./types";
-export declare const parseId: (id: ResolvedVizFileId) => {
-    vizId: VizId;
-    fileName: string;
-};

package/dist/types/v3/parseId.test.d.ts

@@ -1 +0,0 @@
-export {};