@vizhub/runtime 0.3.2 → 0.3.3

package/dist/cjs/v3/computeBundleJSV3.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.computeBundleJSV3 = void 0;
-const sucrasePlugin_1 = require("../common/sucrasePlugin");
-const packageJson_1 = require("../common/packageJson");
-const transformDSV_1 = require("./transformDSV");
-const vizResolve_1 = require("./vizResolve");
-const vizLoad_1 = require("./vizLoad");
-const transformSvelte_1 = require("./transformSvelte");
+const sucrasePlugin_js_1 = require("../common/sucrasePlugin.js");
+const packageJson_js_1 = require("../common/packageJson.js");
+const index_js_1 = require("./transformDSV/index.js");
+const vizResolve_js_1 = require("./vizResolve.js");
+const vizLoad_js_1 = require("./vizLoad.js");
+const transformSvelte_js_1 = require("./transformSvelte.js");
 const computeBundleJSV3 = async ({ files, rollup, enableSourcemap = true, vizCache, vizId, slugCache, getSvelteCompiler, }) => {
     // Track CSS imports
     const cssFilesSet = new Set();
@@ -20,11 +20,11 @@ const computeBundleJSV3 = async ({ files, rollup, enableSourcemap = true, vizCac
     const inputOptions = {
         input: "./index.js",
         plugins: [
-            (0, vizResolve_1.vizResolve)({ vizId, slugCache }),
-            (0, transformDSV_1.transformDSV)(),
-            (0, sucrasePlugin_1.sucrasePlugin)(),
-            (0, transformSvelte_1.transformSvelte)({ getSvelteCompiler }),
-            (0, vizLoad_1.vizLoad)({ vizCache, trackCSSImport }),
+            (0, vizResolve_js_1.vizResolve)({ vizId, slugCache }),
+            (0, index_js_1.transformDSV)(),
+            (0, sucrasePlugin_js_1.sucrasePlugin)(),
+            (0, transformSvelte_js_1.transformSvelte)({ getSvelteCompiler }),
+            (0, vizLoad_js_1.vizLoad)({ vizCache, trackCSSImport }),
         ],
         onwarn(warning, warn) {
             // Suppress "treating module as external dependency" warnings
@@ -34,8 +34,8 @@ const computeBundleJSV3 = async ({ files, rollup, enableSourcemap = true, vizCac
         },
     };
     const bundle = await rollup(inputOptions);
-    const pkg = (0, packageJson_1.packageJSON)(files);
-    const globals = (0, packageJson_1.getGlobals)(pkg);
+    const pkg = (0, packageJson_js_1.packageJSON)(files);
+    const globals = (0, packageJson_js_1.getGlobals)(pkg);
     const outputOptions = {
         format: "umd",
         name: "Viz",

package/dist/cjs/v3/createVizContent.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createVizContent = void 0;
-const uuid_1 = require("uuid");
+const viz_utils_1 = require("@vizhub/viz-utils");
 /**
  * Creates a VizContent object with the given files
  * @param files An object with file names as keys and file content as values
@@ -9,7 +9,7 @@ const uuid_1 = require("uuid");
  * @returns A VizContent object with randomly generated IDs
  */
 const createVizContent = (files, title = "Sample Content for Exporting") => {
-    const contentId = (0, uuid_1.v4)().replace(/-/g, "");
+    const contentId = (0, viz_utils_1.generateVizId)();
     const contentFiles = {};
     Object.entries(files).forEach(([fileName, fileContent]) => {
         const fileId = Math.floor(Math.random() * 10000000).toString();

package/dist/cjs/v3/setupV3Runtime.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupV3Runtime = void 0;
-const parseId_1 = require("./parseId");
-const cleanRollupErrorMessage_1 = require("./cleanRollupErrorMessage");
 const viz_utils_1 = require("@vizhub/viz-utils");
+const parseId_js_1 = require("./parseId.js");
+const cleanRollupErrorMessage_js_1 = require("./cleanRollupErrorMessage.js");
 // Flag for debugging.
 const debug = false;
 // Nothing happening.
@@ -85,7 +85,7 @@ const setupV3Runtime = ({ vizId, iframe, setSrcdocErrorMessage, getLatestContent
                 pendingBuildPromise = null;
             }
             if (error) {
-                setSrcdocErrorMessage((0, cleanRollupErrorMessage_1.cleanRollupErrorMessage)({
+                setSrcdocErrorMessage((0, cleanRollupErrorMessage_js_1.cleanRollupErrorMessage)({
                     rawMessage: error.message,
                     vizId,
                 }));
@@ -140,7 +140,7 @@ const setupV3Runtime = ({ vizId, iframe, setSrcdocErrorMessage, getLatestContent
             const srcdoc = message.srcdoc;
             const error = message.error;
             if (error) {
-                setSrcdocErrorMessage((0, cleanRollupErrorMessage_1.cleanRollupErrorMessage)({
+                setSrcdocErrorMessage((0, cleanRollupErrorMessage_js_1.cleanRollupErrorMessage)({
                     rawMessage: error.message,
                     vizId,
                 }));
@@ -278,7 +278,7 @@ const setupV3Runtime = ({ vizId, iframe, setSrcdocErrorMessage, getLatestContent
             if (iframe.contentWindow) {
                 // For each cssFiles
                 for (const cssFile of cssFiles) {
-                    const { vizId, fileName } = (0, parseId_1.parseId)(cssFile);
+                    const { vizId, fileName } = (0, parseId_js_1.parseId)(cssFile);
                     getLatestContent(vizId).then((content) => {
                         const src = (0, viz_utils_1.getFileText)(content, fileName);
                         if (src === null) {

package/dist/cjs/v3/transformDSV/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformDSV = void 0;
-const parseId_1 = require("../parseId");
-const dsvParseSrc_1 = require("./dsvParseSrc");
+const parseId_js_1 = require("../parseId.js");
+const dsvParseSrc_js_1 = require("./dsvParseSrc.js");
 const DEBUG = false;
 // Escape backticks in a string so that it can be
 // used in a template literal. Also need to escape backslashes.
@@ -17,7 +17,7 @@ const transformDSV = () => ({
     // `{vizId}/{fileName}`
     transform: async (text, id) => {
         DEBUG && console.log("[transformDSV]: load() " + id);
-        const { vizId, fileName } = (0, parseId_1.parseId)(id);
+        const { vizId, fileName } = (0, parseId_js_1.parseId)(id);
         DEBUG &&
             console.log("  [transformDSV] vizId: " + vizId);
         DEBUG &&
@@ -31,7 +31,7 @@ const transformDSV = () => ({
             const parseFunction = isCSV ? "csvParse" : "tsvParse";
             return {
                 code: `
-            ${dsvParseSrc_1.dsvParseSrc}
+            ${dsvParseSrc_js_1.dsvParseSrc}
             const data = ${parseFunction}(\`${escapeBackticks(text)}\`);
             export default data;
           `,

package/dist/cjs/v3/v3Build.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.v3Build = void 0;
-const computeBundleJSV3_1 = require("./computeBundleJSV3");
-const htmlTemplate_1 = require("./htmlTemplate");
-const parseId_1 = require("./parseId");
 const viz_utils_1 = require("@vizhub/viz-utils");
+const computeBundleJSV3_js_1 = require("./computeBundleJSV3.js");
+const htmlTemplate_js_1 = require("./htmlTemplate.js");
+const parseId_js_1 = require("./parseId.js");
 const v3Build = async ({ files, rollup, enableSourcemap = true, vizCache, vizId, slugCache, getSvelteCompiler, }) => {
-    const { src, cssFiles } = await (0, computeBundleJSV3_1.computeBundleJSV3)({
+    const { src, cssFiles } = await (0, computeBundleJSV3_js_1.computeBundleJSV3)({
         files,
         rollup,
         enableSourcemap,
@@ -23,12 +23,12 @@ const v3Build = async ({ files, rollup, enableSourcemap = true, vizCache, vizId,
             const id = cssFiles[i];
             const indent = i > 0 ? "    " : "\n    ";
             const styleElementId = "injected-style" + id;
-            const { vizId, fileName } = (0, parseId_1.parseId)(id);
+            const { vizId, fileName } = (0, parseId_js_1.parseId)(id);
             const content = await vizCache.get(vizId);
             const src = (0, viz_utils_1.getFileText)(content, fileName);
             styles += `${indent}<style id="${styleElementId}">${src}</style>`;
         }
     }
-    return (0, htmlTemplate_1.htmlTemplate)({ cdn: "", src, styles });
+    return (0, htmlTemplate_js_1.htmlTemplate)({ cdn: "", src, styles });
 };
 exports.v3Build = v3Build;

package/dist/cjs/v3/vizResolve.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.vizResolve = void 0;
-const extractVizImport_1 = require("./extractVizImport");
-const parseId_1 = require("./parseId");
 const viz_utils_1 = require("@vizhub/viz-utils");
+const extractVizImport_js_1 = require("./extractVizImport.js");
+const parseId_js_1 = require("./parseId.js");
 const debug = false;
 const vizResolve = ({ vizId, slugCache, }) => ({
     name: "vizResolve",
@@ -35,7 +35,7 @@ const vizResolve = ({ vizId, slugCache, }) => ({
             // the entry point, so it should be resolved relative
             // to the importer's directory
             if (importer) {
-                const { vizId: importerVizId, fileName: importerFileName, } = (0, parseId_1.parseId)(importer);
+                const { vizId: importerVizId, fileName: importerFileName, } = (0, parseId_js_1.parseId)(importer);
                 // Get the directory of the importing file
                 const importerDir = importerFileName
                     .split("/")
@@ -52,7 +52,7 @@ const vizResolve = ({ vizId, slugCache, }) => ({
         // Handle viz import resolution
         // e.g. `import { foo } from '@curran/98e6d6509a1e407897d4f238a330efec'`
         // e.g. `import { foo } from '@curran/scatter-plot'`
-        const vizImport = (0, extractVizImport_1.extractVizImport)(id);
+        const vizImport = (0, extractVizImport_js_1.extractVizImport)(id);
         if (vizImport) {
             let vizId;
             if ((0, viz_utils_1.isVizId)(vizImport.idOrSlug)) {

package/dist/esm/v3/computeBundleJSV3.js

@@ -1,9 +1,9 @@
-import { sucrasePlugin } from "../common/sucrasePlugin";
-import { getGlobals, packageJSON, } from "../common/packageJson";
-import { transformDSV } from "./transformDSV";
-import { vizResolve } from "./vizResolve";
-import { vizLoad } from "./vizLoad";
-import { transformSvelte, } from "./transformSvelte";
+import { sucrasePlugin } from "../common/sucrasePlugin.js";
+import { getGlobals, packageJSON, } from "../common/packageJson.js";
+import { transformDSV } from "./transformDSV/index.js";
+import { vizResolve } from "./vizResolve.js";
+import { vizLoad } from "./vizLoad.js";
+import { transformSvelte, } from "./transformSvelte.js";
 export const computeBundleJSV3 = async ({ files, rollup, enableSourcemap = true, vizCache, vizId, slugCache, getSvelteCompiler, }) => {
     // Track CSS imports
     const cssFilesSet = new Set();

package/dist/esm/v3/createVizContent.js

@@ -1,4 +1,4 @@
-import { v4 as uuidv4 } from "uuid";
+import { generateVizId } from "@vizhub/viz-utils";
 /**
  * Creates a VizContent object with the given files
  * @param files An object with file names as keys and file content as values
@@ -6,7 +6,7 @@ import { v4 as uuidv4 } from "uuid";
  * @returns A VizContent object with randomly generated IDs
  */
 export const createVizContent = (files, title = "Sample Content for Exporting") => {
-    const contentId = uuidv4().replace(/-/g, "");
+    const contentId = generateVizId();
     const contentFiles = {};
     Object.entries(files).forEach(([fileName, fileContent]) => {
         const fileId = Math.floor(Math.random() * 10000000).toString();

package/dist/esm/v3/setupV3Runtime.js

@@ -1,6 +1,6 @@
-import { parseId } from "./parseId";
-import { cleanRollupErrorMessage } from "./cleanRollupErrorMessage";
 import { getFileText } from "@vizhub/viz-utils";
+import { parseId } from "./parseId.js";
+import { cleanRollupErrorMessage } from "./cleanRollupErrorMessage.js";
 // Flag for debugging.
 const debug = false;
 // Nothing happening.

package/dist/esm/v3/transformDSV/index.js

@@ -1,5 +1,5 @@
-import { parseId } from "../parseId";
-import { dsvParseSrc } from "./dsvParseSrc";
+import { parseId } from "../parseId.js";
+import { dsvParseSrc } from "./dsvParseSrc.js";
 const DEBUG = false;
 // Escape backticks in a string so that it can be
 // used in a template literal. Also need to escape backslashes.

package/dist/esm/v3/v3Build.js

@@ -1,7 +1,7 @@
-import { computeBundleJSV3 } from "./computeBundleJSV3";
-import { htmlTemplate } from "./htmlTemplate";
-import { parseId } from "./parseId";
 import { getFileText } from "@vizhub/viz-utils";
+import { computeBundleJSV3 } from "./computeBundleJSV3.js";
+import { htmlTemplate } from "./htmlTemplate.js";
+import { parseId } from "./parseId.js";
 export const v3Build = async ({ files, rollup, enableSourcemap = true, vizCache, vizId, slugCache, getSvelteCompiler, }) => {
     const { src, cssFiles } = await computeBundleJSV3({
         files,

package/dist/esm/v3/vizResolve.js

@@ -1,6 +1,6 @@
-import { extractVizImport } from "./extractVizImport";
-import { parseId } from "./parseId";
 import { isVizId } from "@vizhub/viz-utils";
+import { extractVizImport } from "./extractVizImport.js";
+import { parseId } from "./parseId.js";
 const debug = false;
 export const vizResolve = ({ vizId, slugCache, }) => ({
     name: "vizResolve",

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

@@ -1,8 +1,8 @@
 import type { RollupBuild, RollupOptions } from "rollup";
-import { VizCache } from "./vizCache";
 import { FileCollection, VizId } from "@vizhub/viz-types";
-import { SlugCache } from "./slugCache";
-import { SvelteCompiler } from "./transformSvelte";
+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>;

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

@@ -1,4 +1,4 @@
-import { VizContent, VizId } from "@vizhub/viz-types";
+import type { VizContent, VizId } from "@vizhub/viz-types";
 import type { PackageJson } from "../common/packageJson";
 export type V3BuildResult = {
     src: string | undefined;

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

@@ -1,8 +1,8 @@
 import { RollupBuild, RollupOptions } from "rollup";
-import { VizCache } from "./vizCache";
+import { VizCache } from "./vizCache.js";
 import { FileCollection, VizId } from "@vizhub/viz-types";
-import { SlugCache } from "./slugCache";
-import { SvelteCompiler } from "./transformSvelte";
+import { SlugCache } from "./slugCache.js";
+import { SvelteCompiler } from "./transformSvelte.js";
 export declare const v3Build: ({ files, rollup, enableSourcemap, vizCache, vizId, slugCache, getSvelteCompiler, }: {
     files: FileCollection;
     rollup: (options: RollupOptions) => Promise<RollupBuild>;

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

@@ -1,6 +1,6 @@
 import { InputPluginOption } from "rollup";
 import { VizId } from "@vizhub/viz-types";
-import { SlugCache } from "./slugCache";
+import { SlugCache } from "./slugCache.js";
 export declare const vizResolve: ({ vizId, slugCache, }: {
     vizId: VizId;
     slugCache?: SlugCache;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizhub/runtime",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Flexible runtime environment for data visualization sandboxes",
   "type": "module",
   "main": "./dist/cjs/index.js",