@vizhub/runtime 4.4.0 → 4.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,1286 +0,0 @@
1
- import { magicSandbox as C } from "magic-sandbox";
2
- import { isVizId as X, getFileText as q, generateVizId as Z, fileCollectionToVizFiles as K, vizFilesToFileCollection as ee } from "@vizhub/viz-utils";
3
- import { transform as te } from "sucrase";
4
- const qe = () => (Math.random() + "").slice(2);
5
- function F(e = {}) {
6
- return {
7
- name: "sucrase",
8
- transform(t, n) {
9
- if (!n.match(/\.(?:js|[jt]sx)$/))
10
- return null;
11
- const r = te(t, {
12
- transforms: ["jsx", "typescript"],
13
- // For source maps
14
- filePath: n,
15
- sourceMapOptions: {
16
- compiledFilename: "bundle.js"
17
- },
18
- production: !0,
19
- ...e
20
- });
21
- return {
22
- code: r.code,
23
- map: r.sourceMap
24
- };
25
- }
26
- };
27
- }
28
- const J = {
29
- dependencies: {},
30
- vizhub: {},
31
- license: "MIT"
32
- }, ne = !1, $ = (e) => {
33
- const t = e["package.json"];
34
- try {
35
- const n = t ? JSON.parse(t) : J;
36
- return ne && console.log(
37
- "[packageJSON] pkg:",
38
- JSON.stringify(n, null, 2)
39
- ), n;
40
- } catch {
41
- return J;
42
- }
43
- }, W = (e) => $(e).dependencies || {}, V = (e) => ($(e).vizhub || {}).libraries || {}, U = ({ name: e, version: t }, n, r = "jsdelivr") => {
44
- const s = n[e] && n[e].path || "";
45
- return r === "jsdelivr" ? `https://cdn.jsdelivr.net/npm/${e}@${t}${s}` : `https://unpkg.com/${e}@${t}${s}`;
46
- }, re = (e) => {
47
- const t = e?.vizhub?.libraries;
48
- return t ? Object.entries(t).reduce(
49
- (n, [r, s]) => (s.global && (n[r] = s.global), n),
50
- {}
51
- ) : {};
52
- }, se = {
53
- d3: "d3",
54
- react: "React",
55
- "react-dom": "ReactDOM"
56
- }, G = (e) => {
57
- const t = re(e);
58
- return {
59
- ...se,
60
- ...t
61
- };
62
- }, S = (e) => {
63
- const [t, ...n] = e.split("/"), r = n.join("/");
64
- return { vizId: t, fileName: r };
65
- }, oe = `var EOL = {},
66
- EOF = {},
67
- QUOTE = 34,
68
- NEWLINE = 10,
69
- RETURN = 13;
70
-
71
- function objectConverter(columns) {
72
- return new Function(
73
- 'd',
74
- 'return {' +
75
- columns
76
- .map(function (name, i) {
77
- return (
78
- JSON.stringify(name) + ': d[' + i + '] || ""'
79
- );
80
- })
81
- .join(',') +
82
- '}',
83
- );
84
- }
85
-
86
- function customConverter(columns, f) {
87
- var object = objectConverter(columns);
88
- return function (row, i) {
89
- return f(object(row), i, columns);
90
- };
91
- }
92
-
93
- function dsv(delimiter) {
94
- var DELIMITER = delimiter.charCodeAt(0);
95
-
96
- function parse(text, f) {
97
- var convert,
98
- columns,
99
- rows = parseRows(text, function (row, i) {
100
- if (convert) return convert(row, i - 1);
101
- (columns = row),
102
- (convert = f
103
- ? customConverter(row, f)
104
- : objectConverter(row));
105
- });
106
- rows.columns = columns || [];
107
- return rows;
108
- }
109
-
110
- function parseRows(text, f) {
111
- var rows = [], // output rows
112
- N = text.length,
113
- I = 0, // current character index
114
- n = 0, // current line number
115
- t, // current token
116
- eof = N <= 0, // current token followed by EOF?
117
- eol = false; // current token followed by EOL?
118
-
119
- // Strip the trailing newline.
120
- if (text.charCodeAt(N - 1) === NEWLINE) --N;
121
- if (text.charCodeAt(N - 1) === RETURN) --N;
122
-
123
- function token() {
124
- if (eof) return EOF;
125
- if (eol) return (eol = false), EOL;
126
-
127
- // Unescape quotes.
128
- var i,
129
- j = I,
130
- c;
131
- if (text.charCodeAt(j) === QUOTE) {
132
- while (
133
- (I++ < N && text.charCodeAt(I) !== QUOTE) ||
134
- text.charCodeAt(++I) === QUOTE
135
- );
136
- if ((i = I) >= N) eof = true;
137
- else if ((c = text.charCodeAt(I++)) === NEWLINE)
138
- eol = true;
139
- else if (c === RETURN) {
140
- eol = true;
141
- if (text.charCodeAt(I) === NEWLINE) ++I;
142
- }
143
- return text.slice(j + 1, i - 1).replace(/""/g, '"');
144
- }
145
-
146
- // Find next delimiter or newline.
147
- while (I < N) {
148
- if ((c = text.charCodeAt((i = I++))) === NEWLINE)
149
- eol = true;
150
- else if (c === RETURN) {
151
- eol = true;
152
- if (text.charCodeAt(I) === NEWLINE) ++I;
153
- } else if (c !== DELIMITER) continue;
154
- return text.slice(j, i);
155
- }
156
-
157
- // Return last token before EOF.
158
- return (eof = true), text.slice(j, N);
159
- }
160
-
161
- while ((t = token()) !== EOF) {
162
- var row = [];
163
- while (t !== EOL && t !== EOF)
164
- row.push(t), (t = token());
165
- if (f && (row = f(row, n++)) == null) continue;
166
- rows.push(row);
167
- }
168
-
169
- return rows;
170
- }
171
-
172
- return {
173
- parse: parse,
174
- };
175
- }
176
-
177
- var csv = dsv(',');
178
-
179
- var csvParse = csv.parse;
180
-
181
- var tsv = dsv(' ');
182
-
183
- var tsvParse = tsv.parse;
184
-
185
- export { csvParse, tsvParse };`, ie = (e) => (
186
- // str.replace(/`/g, '\\`');
187
- e.replace(/\\/g, "\\\\").replace(/`/g, "\\`")
188
- ), ce = () => ({
189
- name: "transformDSV",
190
- // `id` here is of the form
191
- // `{vizId}/{fileName}`
192
- transform: async (e, t) => {
193
- const { fileName: n } = S(t), r = n.endsWith(".csv"), s = n.endsWith(".tsv");
194
- if (r || s)
195
- return {
196
- code: `
197
- ${oe}
198
- const data = ${r ? "csvParse" : "tsvParse"}(\`${ie(e)}\`);
199
- export default data;
200
- `,
201
- map: { mappings: "" }
202
- };
203
- }
204
- }), ae = (e) => {
205
- const t = /^@([a-zA-Z0-9_-]+)\/([a-zA-Z0-9_-]+)$/, n = e.match(t);
206
- return n ? {
207
- userName: n[1],
208
- idOrSlug: n[2]
209
- } : null;
210
- }, de = ({
211
- vizId: e,
212
- slugCache: t
213
- }) => ({
214
- name: "vizResolve",
215
- resolveId: async (n, r) => {
216
- if (n.startsWith("./") && !r?.startsWith("https://")) {
217
- let o = n.substring(2);
218
- if (!o.endsWith(".js") && !o.endsWith(".css") && !o.endsWith(".csv") && !o.endsWith(".svelte") && !o.endsWith(".png") && !o.endsWith(".jpg") && !o.endsWith(".jpeg") && !o.endsWith(".gif") && !o.endsWith(".svg") && !o.endsWith(".webp") && !o.endsWith(".bmp") && (o += ".js"), r) {
219
- const {
220
- vizId: c,
221
- fileName: i
222
- } = S(r), a = i.split("/").slice(0, -1).join("/"), d = a ? `${a}/${o}` : o;
223
- return `${c}/${d}`;
224
- }
225
- return e + "/" + o;
226
- }
227
- const s = ae(n);
228
- if (s) {
229
- let o;
230
- if (X(s.idOrSlug))
231
- o = s.idOrSlug;
232
- else {
233
- if (!t)
234
- throw new Error(
235
- "slugCache is required to import by slug in v3 runtime"
236
- );
237
- o = await t.get(
238
- `${s.userName}/${s.idOrSlug}`
239
- );
240
- }
241
- return o + "/index.js";
242
- }
243
- }
244
- }), le = [
245
- ".jpg",
246
- ".jpeg",
247
- ".png",
248
- ".gif",
249
- ".svg",
250
- ".webp",
251
- ".bmp"
252
- ], z = (e) => {
253
- const t = e.toLowerCase().split(".").pop();
254
- return t ? le.includes(`.${t}`) : !1;
255
- }, ue = (e) => {
256
- switch (e.toLowerCase().split(".").pop()) {
257
- case "jpg":
258
- case "jpeg":
259
- return "image/jpeg";
260
- case "png":
261
- return "image/png";
262
- case "gif":
263
- return "image/gif";
264
- case "svg":
265
- return "image/svg+xml";
266
- case "webp":
267
- return "image/webp";
268
- case "bmp":
269
- return "image/bmp";
270
- default:
271
- return "image/png";
272
- }
273
- }, pe = (e) => {
274
- const t = e.replace(/\s/g, "");
275
- return /^[A-Za-z0-9+/]*={0,2}$/.test(t);
276
- }, P = (e, t) => {
277
- const n = ue(e);
278
- return e.toLowerCase().split(".").pop() === "svg" && !pe(t) ? `data:${n};utf8,${encodeURIComponent(t)}` : `data:${n};base64,${t}`;
279
- }, me = (e, t) => e.replace(
280
- /<img([^>]*)\s+src=["']([^"']+)["']([^>]*)>/gi,
281
- (n, r, s, o) => {
282
- if (t[s] !== void 0 && z(s)) {
283
- const c = P(
284
- s,
285
- t[s]
286
- );
287
- return `<img${r} src="${c}"${o}>`;
288
- }
289
- return n;
290
- }
291
- ), fe = ({
292
- vizCache: e,
293
- trackCSSImport: t,
294
- vizId: n,
295
- files: r
296
- }) => ({
297
- name: "vizLoad",
298
- // `id` here is of the form
299
- // `{vizId}/{fileName}`
300
- load: async (s) => {
301
- const o = S(s), c = o.vizId, i = o.fileName;
302
- if (i.endsWith(".css"))
303
- return t(s), "";
304
- let a = null;
305
- if (c === n && r)
306
- a = r[i] || null;
307
- else {
308
- const d = await e.get(c);
309
- a = q(d, i);
310
- }
311
- if (a === null)
312
- throw new Error(
313
- `Imported file "${i}" not found.`
314
- );
315
- return z(i) ? `export default "${P(
316
- i,
317
- a
318
- )}";` : a;
319
- }
320
- }), D = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
321
- let I;
322
- const b = "https://cdn.jsdelivr.net/npm/svelte@5.37.1", Ge = `${b}/compiler/index.js`;
323
- async function A(e) {
324
- const t = R.get(e);
325
- if (t)
326
- return t;
327
- const n = [".js", "/index.js"];
328
- for (const s of n) {
329
- const o = `${e}${s}`;
330
- try {
331
- if ((await fetch(o, { method: "HEAD" })).ok)
332
- return R.set(e, o), o;
333
- } catch {
334
- continue;
335
- }
336
- }
337
- const r = `${e}.js`;
338
- return R.set(e, r), r;
339
- }
340
- const he = ({
341
- getSvelteCompiler: e
342
- }) => ({
343
- name: "transformSvelte",
344
- load: async (t) => {
345
- if (t === "virtual:esm-env")
346
- return `
347
- export const BROWSER = true;
348
- export const DEV = true;
349
- export const NODE = false;
350
- export const PROD = false;
351
- `;
352
- if (!t.startsWith(b))
353
- return;
354
- const n = D.get(t);
355
- if (n) return n;
356
- const r = await fetch(t).then(
357
- (s) => s.text()
358
- );
359
- return D.set(t, r), r;
360
- },
361
- // From https://github.com/sveltejs/sites/blob/master/packages/repl/src/lib/workers/bundler/index.js#L255C2-L271C5
362
- resolveId: async (t, n) => {
363
- if (t === "esm-env")
364
- return "virtual:esm-env";
365
- if (t === "svelte")
366
- return `${b}/src/index-client.js`;
367
- if (t.startsWith("svelte/")) {
368
- const r = t.slice(7), s = `${b}/src/${r}`;
369
- return await A(s);
370
- }
371
- if (t.startsWith("#client/")) {
372
- const r = t.slice(8), s = `${b}/src/internal/client/${r}`;
373
- return await A(s);
374
- }
375
- if (/^https?:/.test(t)) return t;
376
- if (t.startsWith(".") && n && n.startsWith(b)) {
377
- const r = new URL(t, n).href;
378
- return new URL(t, n).href, r;
379
- }
380
- },
381
- transform: async (t, n) => {
382
- const { fileName: r } = S(n);
383
- if (r.endsWith(".svelte")) {
384
- if (!I) {
385
- if (!e)
386
- throw new Error("Svelte compiler not available");
387
- I = await e();
388
- }
389
- const o = I(t, {
390
- filename: r,
391
- generate: "client",
392
- // Svelte 5 uses 'client' instead of 'dom'
393
- css: "external",
394
- // Extract CSS instead of auto-injecting
395
- dev: !1
396
- // Production mode
397
- });
398
- let c = o.js.code;
399
- return o.css && o.css.code && (c = `
400
- // Auto-inject CSS for Svelte component
401
- (function() {
402
- if (typeof document !== 'undefined') {
403
- const style = document.createElement('style');
404
- style.textContent = ${JSON.stringify(o.css.code)};
405
- document.head.appendChild(style);
406
- }
407
- })();
408
- ` + c), c;
409
- }
410
- }
411
- }), ge = async ({
412
- files: e,
413
- rollup: t,
414
- enableSourcemap: n = !0,
415
- vizCache: r,
416
- vizId: s,
417
- slugCache: o,
418
- getSvelteCompiler: c
419
- }) => {
420
- const i = /* @__PURE__ */ new Set(), a = (p) => {
421
- i.add(p);
422
- };
423
- if (!e["index.js"])
424
- throw new Error("Missing index.js");
425
- const l = {
426
- name: "replace",
427
- transform(p, w) {
428
- let y = !1, f = p;
429
- return f.includes("process.env.NODE_ENV") && (f = f.replace(
430
- /\bprocess\.env\.NODE_ENV\b/g,
431
- JSON.stringify("production")
432
- ), y = !0), y ? { code: f, map: null } : null;
433
- }
434
- }, u = {
435
- input: "./index.js",
436
- plugins: [
437
- ...s ? [de({ vizId: s, slugCache: o })] : [],
438
- ce(),
439
- F(),
440
- he({ getSvelteCompiler: c }),
441
- l,
442
- ...r ? [
443
- fe({
444
- vizCache: r,
445
- trackCSSImport: a,
446
- vizId: s,
447
- files: e
448
- })
449
- ] : []
450
- ],
451
- onwarn(p, w) {
452
- p.code !== "UNRESOLVED_IMPORT" && w(p);
453
- }
454
- }, m = {
455
- format: "umd",
456
- name: "Viz",
457
- sourcemap: !!n,
458
- compact: !0
459
- }, g = $(e);
460
- if (g) {
461
- const p = G(g);
462
- p && (u.external = Object.keys(p), m.globals = p);
463
- }
464
- u.external || (u.external = []), m.globals || (m.globals = {}), Array.isArray(u.external) && (u.external = u.external.filter(
465
- (p) => typeof p == "string" && !p.startsWith("#client/")
466
- ));
467
- const v = await t(u), { output: E } = await v.generate(m);
468
- return {
469
- src: E[0].code,
470
- cssFiles: Array.from(i)
471
- };
472
- }, ve = (e) => {
473
- if (e instanceof Error) {
474
- const t = e.stack || "", n = e.message || "Unknown error";
475
- return `${e.name || "Error"}: ${n}
476
- ${t}`;
477
- } else if ("error" in e && e.error instanceof Error) {
478
- const t = e.error, n = t.stack || "", r = t.message || "Unknown error", s = "filename" in e ? e.filename : "", o = "lineno" in e ? e.lineno : "", c = "colno" in e ? e.colno : "";
479
- let i = "";
480
- return s && o && (i = ` at ${s}:${o}`, c && (i += `:${c}`)), `${t.name || "Error"}: ${r}${i}
481
- ${n}`;
482
- } else if ("reason" in e) {
483
- const t = e.reason;
484
- if (t instanceof Error) {
485
- const n = t.stack || "", r = t.message || "Unknown error";
486
- return `Unhandled Promise Rejection - ${t.name || "Error"}: ${r}
487
- ${n}`;
488
- } else
489
- return `Unhandled Promise Rejection: ${String(t)}`;
490
- } else
491
- return `Unknown runtime error: ${String(e)}`;
492
- }, j = () => `
493
- // Global error handling for runtime errors
494
- (() => {
495
- const formatRuntimeError = ${ve.toString()};
496
-
497
- // Handle uncaught JavaScript errors
498
- window.addEventListener('error', (event) => {
499
- const formattedErrorMessage = formatRuntimeError(event);
500
- parent.postMessage({
501
- type: 'runtimeError',
502
- formattedErrorMessage
503
- }, "*");
504
- });
505
-
506
- // Handle unhandled promise rejections
507
- window.addEventListener('unhandledrejection', (event) => {
508
- const formattedErrorMessage = formatRuntimeError(event);
509
- parent.postMessage({
510
- type: 'runtimeError',
511
- formattedErrorMessage
512
- }, "*");
513
- });
514
- })();
515
- `;
516
- function we() {
517
- return Math.random().toString().slice(2, 7);
518
- }
519
- const ye = ({
520
- cdn: e,
521
- src: t,
522
- styles: n
523
- }) => {
524
- const s = `viz-container-${we()}`;
525
- return `<!DOCTYPE html>
526
- <html>
527
- <head>
528
- <meta charset="utf-8">${e}${n}
529
- <style>
530
- body {
531
- margin: 0;
532
- overflow: hidden;
533
- }
534
- #${s} {
535
- height: 100vh;
536
- }
537
- </style>
538
- </head>
539
- <body>
540
- <div id="${s}"></div>
541
- <script>${j()}<\/script>
542
- <script id="injected-script">${t}<\/script>
543
- <script>
544
- (() => {
545
- let cleanup;
546
- const render = () => {
547
- const container = document.getElementById('${s}');
548
- typeof cleanup === 'function' && cleanup();
549
- cleanup = (Viz.viz || Viz.main)(container, { state: window.state, setState, writeFile });
550
- };
551
- const setState = (next) => {
552
- window.state = next(window.state);
553
- render();
554
- };
555
- const writeFile = (fileName, content) => {
556
- parent.postMessage({ type: 'writeFile', fileName, content }, "*");
557
- };
558
- const run = () => {
559
- try {
560
- setState((state) => state || {});
561
- } catch (error) {
562
- console.error(error);
563
- parent.postMessage({ type: 'runError', error }, "*");
564
- }
565
- }
566
- run();
567
- const runJS = (src) => {
568
- document.getElementById('injected-script')?.remove();
569
- const script = document.createElement('script');
570
- script.textContent = src;
571
- script.id = 'injected-script';
572
- document.body.appendChild(script);
573
- run();
574
- };
575
- const runCSS = (css) => {
576
- let style = document.getElementById('injected-style');
577
- if (!style) {
578
- style = document.createElement('style');
579
- style.type = 'text/css';
580
- style.id = 'injected-style';
581
- document.head.appendChild(style);
582
- }
583
- style.textContent = css;
584
- };
585
- onmessage = (message) => {
586
- switch (message.data.type) {
587
- case 'runJS':
588
- runJS(message.data.js);
589
- parent.postMessage({ type: 'runDone' }, "*");
590
- break;
591
- case 'runCSS':
592
- runCSS(message.data.css);
593
- break;
594
- case 'ping':
595
- parent.postMessage({ type: 'pong' }, "*");
596
- break;
597
- default:
598
- break;
599
- }
600
- }
601
- })();
602
- <\/script>
603
- </body>
604
- </html>`;
605
- }, be = async ({
606
- files: e,
607
- rollup: t,
608
- enableSourcemap: n = !0,
609
- vizCache: r,
610
- vizId: s,
611
- slugCache: o,
612
- getSvelteCompiler: c
613
- }) => {
614
- const { src: i, cssFiles: a } = await ge({
615
- files: e,
616
- rollup: t,
617
- enableSourcemap: n,
618
- vizCache: r,
619
- vizId: s,
620
- slugCache: o,
621
- getSvelteCompiler: c
622
- });
623
- let d = [];
624
- if (a.length > 0)
625
- for (let v = 0; v < a.length; v++) {
626
- const E = a[v], p = S(E), w = p.vizId, y = p.fileName;
627
- let f = null;
628
- if (w === s && e)
629
- f = e[y] || null;
630
- else {
631
- const Q = await r.get(w);
632
- f = q(Q, y);
633
- }
634
- f && d.push(f);
635
- }
636
- const l = d.join(`
637
- `), u = `
638
- <style id="injected-style">${l}</style>`;
639
- let m = "";
640
- const g = Object.entries(
641
- W(e)
642
- );
643
- if (g.length > 0) {
644
- const v = V(e);
645
- m = g.map(([E, p], w) => {
646
- const y = U(
647
- { name: E, version: p },
648
- v
649
- );
650
- return `${w > 0 ? " " : `
651
- `}<script src="${y}"><\/script>`;
652
- }).join("");
653
- }
654
- return {
655
- html: ye({ cdn: m, src: i, styles: u }),
656
- css: l,
657
- js: i,
658
- runtimeVersion: "v3"
659
- };
660
- }, Ee = ({
661
- initialContents: e,
662
- handleCacheMiss: t
663
- }) => {
664
- const n = new Map(
665
- e.map((c) => [c.id, c])
666
- );
667
- return { get: async (c) => {
668
- const i = n.get(c);
669
- if (i !== void 0)
670
- return i;
671
- if (!t)
672
- throw new Error(
673
- `Unresolved import from vizId ${c}, cache miss handler not provided.`
674
- );
675
- const a = await t(c);
676
- if (a)
677
- return n.set(c, a), a;
678
- throw new Error(
679
- `Unresolved import from vizId ${c}`
680
- );
681
- }, set: (c) => {
682
- n.set(c.id, c);
683
- }, invalidate: (c) => {
684
- n.delete(c);
685
- } };
686
- }, Ye = ({
687
- initialMappings: e = {},
688
- handleCacheMiss: t
689
- }) => ({ get: async (o) => {
690
- const c = e[o];
691
- if (c !== void 0)
692
- return c;
693
- if (!t)
694
- throw new Error(
695
- `Unresolved slug ${o}, cache miss handler not provided.`
696
- );
697
- const i = await t(o);
698
- if (i)
699
- return e[o] = i, i;
700
- throw new Error(`Unresolved slug ${o}`);
701
- }, set: (o, c) => {
702
- e[o] = c;
703
- }, invalidate: (o) => {
704
- delete e[o];
705
- } }), xe = (e, t = "Sample Content for Exporting", n = Z()) => ({
706
- id: n,
707
- files: K(e),
708
- title: t
709
- }), Se = (e) => {
710
- if (Object.keys(e).length === 0)
711
- return null;
712
- const t = "index.html" in e, n = "index.js" in e, r = "index.jsx" in e;
713
- return t ? e["index.html"].includes('type="module"') ? "v4" : n || r ? "v2" : "v1" : !t && n ? "v3" : null;
714
- }, O = (e, t) => new RegExp(`<${t}\\b`, "i").test(e) && new RegExp(`</${t}>`, "i").test(e), $e = (e) => {
715
- const t = e.trim();
716
- return O(t, "html") && O(t, "head") && O(t, "body") ? t : `<html><head></head><body>${t}</body></html>`;
717
- }, je = (e, t) => e.replace(
718
- new RegExp(
719
- `<script[^>]*src=["'][^"']*${t.source}[^"']*["'][^>]*>\\s*<\/script>`,
720
- "gi"
721
- ),
722
- ""
723
- ), N = (e, t, n) => e.replace(
724
- new RegExp(t, "i"),
725
- `${n}${t}`
726
- ), Ce = (e, t) => {
727
- let n = $e(e);
728
- const r = Object.entries(W(t));
729
- if (r.length) {
730
- const c = V(t);
731
- r.forEach(([a]) => {
732
- n = je(n, new RegExp(`${a}@`));
733
- });
734
- const i = r.map(
735
- ([a, d]) => U({ name: a, version: d }, c)
736
- ).map((a) => `<script src="${a}"><\/script>`).join(`
737
- `);
738
- n = N(
739
- n,
740
- "</head>",
741
- i + `
742
- `
743
- );
744
- }
745
- if (t["bundle.js"] !== void 0 || t["index.js"] !== void 0) {
746
- const c = '<script src="bundle.js"><\/script>', i = /<script\b[^>]*\bsrc=["']bundle\.js["'][^>]*>\s*<\/script>/gi, a = [...n.matchAll(i)];
747
- a.length === 1 && (() => {
748
- const l = a[0].index ?? -1;
749
- if (l === -1) return !1;
750
- const u = n.search(/<body\b[^>]*>/i), m = n.search(/<\/body>/i);
751
- return u !== -1 && m !== -1 && l > u && l < m;
752
- })() || (n = n.replace(i, ""), n = N(n, "</body>", c));
753
- }
754
- const o = `<script>${j()}<\/script>
755
- `;
756
- return n = N(
757
- n,
758
- "</head>",
759
- o
760
- ), /^\s*<!DOCTYPE/i.test(n) ? n : `<!DOCTYPE html>${n}`;
761
- }, Re = (e) => {
762
- const t = e["index.html"];
763
- return !t && !e["index.js"] && !e["bundle.js"] ? "" : Ce(t || "<!DOCTYPE html><html><head></head><body></body></html>", e);
764
- };
765
- function Ie(e) {
766
- return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
767
- }
768
- var T, B;
769
- function Oe() {
770
- return B || (B = 1, T = {
771
- d3: "d3",
772
- "d3-array": "d3",
773
- "d3-axis": "d3",
774
- "d3-brush": "d3",
775
- "d3-chord": "d3",
776
- "d3-collection": "d3",
777
- "d3-color": "d3",
778
- "d3-contour": "d3",
779
- "d3-dispatch": "d3",
780
- "d3-drag": "d3",
781
- "d3-dsv": "d3",
782
- "d3-ease": "d3",
783
- "d3-fetch": "d3",
784
- "d3-force": "d3",
785
- "d3-format": "d3",
786
- "d3-geo": "d3",
787
- "d3-hierarchy": "d3",
788
- "d3-interpolate": "d3",
789
- "d3-path": "d3",
790
- "d3-polygon": "d3",
791
- "d3-quadtree": "d3",
792
- "d3-random": "d3",
793
- "d3-scale": "d3",
794
- "d3-scale-chromatic": "d3",
795
- "d3-selection": "d3",
796
- "d3-shape": "d3",
797
- "d3-tile": "d3",
798
- "d3-time": "d3",
799
- "d3-time-format": "d3",
800
- "d3-timer": "d3",
801
- "d3-transition": "d3",
802
- "d3-voronoi": "d3",
803
- "d3-zoom": "d3",
804
- react: "React",
805
- "react-dom": "ReactDOM",
806
- "react-dropdown-browser": "ReactDropdown",
807
- "react-dropdown": "ReactDropdown",
808
- three: "THREE",
809
- vega: "vega",
810
- "vega-embed": "vegaEmbed",
811
- "vega-lite": "vegaLite",
812
- "vega-lite-api": "vl",
813
- "vega-tooltip": "vegaTooltip",
814
- "vega-themes": "vegaThemes",
815
- "vizhub-vega-lite-config": "vizhubVegaLiteConfig",
816
- semiotic: "Semiotic",
817
- "viz.js": "Viz"
818
- }), T;
819
- }
820
- var Ne = Oe();
821
- const Te = /* @__PURE__ */ Ie(Ne), h = "\0virtual:", H = (e) => {
822
- let t = e.replace(/^\.\//, "");
823
- return t = t.replace(/\/+/g, "/"), t = t.replace(/\/$/, ""), t;
824
- }, ke = (e, t) => {
825
- const n = e.includes("/") ? e.slice(0, e.lastIndexOf("/")) : "", r = t.split("/"), s = n ? n.split("/") : [];
826
- for (const o of r)
827
- o === ".." ? s.pop() : o !== "." && o !== "" && s.push(o);
828
- return s.join("/");
829
- }, Y = (e) => ({
830
- name: "virtual-file-system",
831
- resolveId(t, n) {
832
- const r = n?.startsWith(
833
- h
834
- ) ? n.slice(h.length) : n;
835
- if (t.startsWith("./") || t.startsWith("../")) {
836
- const o = H(r ? ke(r, t) : t);
837
- if (e[o])
838
- return h + o;
839
- const c = [".js", ".jsx", ".ts", ".tsx"];
840
- for (const i of c) {
841
- const a = o + i;
842
- if (e[a])
843
- return h + a;
844
- }
845
- }
846
- if (e[t])
847
- return h + t;
848
- const s = [".js", ".jsx", ".ts", ".tsx"];
849
- for (const o of s) {
850
- const c = t + o;
851
- if (e[c])
852
- return h + c;
853
- }
854
- return null;
855
- },
856
- load(t) {
857
- if (t.startsWith(h)) {
858
- const n = t.slice(h.length);
859
- if (e[n])
860
- return z(n) ? `export default "${P(
861
- n,
862
- e[n]
863
- )}";` : e[n];
864
- }
865
- return null;
866
- }
867
- }), Le = async ({
868
- files: e,
869
- rollup: t,
870
- enableSourcemap: n = !0
871
- }) => {
872
- let r = "index.js";
873
- if (!e[r] && (r = "index.jsx", !e[r]))
874
- throw new Error(
875
- "Missing entry point, can't find index.js or index.jsx"
876
- );
877
- const o = {
878
- input: "./" + r,
879
- plugins: [Y(e), F()],
880
- onwarn(l, u) {
881
- l.code !== "UNRESOLVED_IMPORT" && u(l);
882
- }
883
- }, c = {
884
- format: "iife",
885
- sourcemap: n
886
- }, i = $(e);
887
- if (i) {
888
- const l = {
889
- // Pre-configured globals for v2 only
890
- ...Te,
891
- // Libraries from package.json
892
- ...G(i)
893
- };
894
- l && (o.external = Object.keys(l), c.globals = l);
895
- }
896
- const a = await t(o), { output: d } = await a.generate(c);
897
- return d[0].code;
898
- }, Me = async ({
899
- files: e,
900
- rollup: t,
901
- enableSourcemap: n
902
- }) => ({
903
- ...e,
904
- "bundle.js": await Le({
905
- files: e,
906
- rollup: t,
907
- enableSourcemap: n
908
- }),
909
- "index.html": Re(e)
910
- }), Fe = (e) => {
911
- const t = [], n = [], r = /<script\b([^>]*)>([\s\S]*?)<\/script>/gi;
912
- let s, o = 0;
913
- for (; (s = r.exec(e)) !== null; ) {
914
- const c = s[1], i = s[2];
915
- if (!/\btype\s*=\s*["']module["']/i.test(c))
916
- continue;
917
- const a = c.match(
918
- /\bsrc\s*=\s*["']([^"']+)["']/i
919
- );
920
- if (a)
921
- t.push(a[1]);
922
- else if (i.trim()) {
923
- const d = `__inline_script_${o++}.js`;
924
- n.push({
925
- id: d,
926
- content: i.trim()
927
- }), t.push(d);
928
- }
929
- }
930
- return { entryPoints: t, inlineScripts: n };
931
- }, We = () => ({
932
- name: "catch-all-prevent-fs",
933
- resolveId(e, t) {
934
- return { id: e, external: !0 };
935
- }
936
- }), Ve = async ({
937
- entryPoint: e,
938
- files: t,
939
- rollup: n,
940
- enableSourcemap: r = !0
941
- }) => {
942
- const o = {
943
- input: e.startsWith("./") ? e : `./${e}`,
944
- plugins: [
945
- Y(t),
946
- F({
947
- // Enable JSX runtime
948
- // so we don't need to import React
949
- // in every file that uses JSX
950
- jsxRuntime: "automatic"
951
- }),
952
- We()
953
- ],
954
- // external: (source: string) => {
955
- // DEBUG && console.log("external", source);
956
- // // Handle strings resolved by `virtualFileSystem`.
957
- // const isVirtualFile = source.startsWith("./");
958
- // // Handle external dependencies, e.g. from import maps.
959
- // const isLibrary = !source.startsWith("./");
960
- // const isExternal = !isVirtualFile || isLibrary;
961
- // DEBUG && console.log("isExternal", isExternal);
962
- // return isExternal;
963
- // },
964
- onwarn(a, d) {
965
- }
966
- }, c = await n(o), { output: i } = await c.generate({
967
- format: "es",
968
- sourcemap: r
969
- });
970
- return i[0].code;
971
- }, k = (e, t) => new RegExp(`<${t}\\b`, "i").test(e) && new RegExp(`</${t}>`, "i").test(e), Ue = (e) => {
972
- const t = e.trim();
973
- return k(t, "html") && k(t, "head") && k(t, "body") ? t : `<html><head></head><body>${t}</body></html>`;
974
- }, _ = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), L = (e, t, n) => e.replace(
975
- new RegExp(t, "i"),
976
- `${n}${t}`
977
- ), ze = (e) => {
978
- const t = W(e);
979
- if (Object.keys(t).length === 0) return null;
980
- const n = V(e), r = {};
981
- for (const [s, o] of Object.entries(t))
982
- r[s] = U(
983
- { name: s, version: o },
984
- n
985
- );
986
- return JSON.stringify({ imports: r }, null, 2);
987
- }, Pe = () => `
988
- // V4 Hot Reloading Support
989
- (() => {
990
- const runJS = (js) => {
991
- // Remove all existing bundled module scripts
992
- const existingScripts = document.querySelectorAll('script[type="module"]');
993
- existingScripts.forEach(script => {
994
- // Only remove scripts that contain bundled code (not import maps or external scripts)
995
- if (script.textContent && script.textContent.trim()) {
996
- script.remove();
997
- }
998
- });
999
-
1000
- // Create new script with updated bundled code
1001
- const script = document.createElement('script');
1002
- script.type = 'module';
1003
- script.textContent = js;
1004
- document.body.appendChild(script);
1005
- };
1006
-
1007
- const runCSS = (css) => {
1008
- let style = document.getElementById('v4-injected-style');
1009
- if (!style) {
1010
- style = document.createElement('style');
1011
- style.type = 'text/css';
1012
- style.id = 'v4-injected-style';
1013
- document.head.appendChild(style);
1014
- }
1015
- style.textContent = css;
1016
- };
1017
-
1018
- // Listen for hot reload messages
1019
- window.addEventListener('message', (message) => {
1020
- switch (message.data.type) {
1021
- case 'runJS':
1022
- try {
1023
- runJS(message.data.js);
1024
- parent.postMessage({ type: 'runDone' }, "*");
1025
- } catch (error) {
1026
- console.error('V4 Hot reload error:', error);
1027
- parent.postMessage({ type: 'runError', error }, "*");
1028
- }
1029
- break;
1030
- case 'runCSS':
1031
- runCSS(message.data.css);
1032
- break;
1033
- case 'ping':
1034
- parent.postMessage({ type: 'pong' }, "*");
1035
- break;
1036
- default:
1037
- break;
1038
- }
1039
- });
1040
- })();
1041
- `, Je = (e, t, n = [], r = !1) => {
1042
- if (!e["index.html"]) return "";
1043
- let s = Ue(e["index.html"]);
1044
- t.forEach((i, a) => {
1045
- if (n.some(
1046
- (l) => l.id === a
1047
- )) {
1048
- const l = n.find((g) => g.id === a)?.content || "", u = _(
1049
- l
1050
- ), m = new RegExp(
1051
- `<script\\b[^>]*\\btype=["']module["'][^>]*>\\s*${u}\\s*<\/script>`,
1052
- "gi"
1053
- );
1054
- s = s.replace(
1055
- m,
1056
- `<script type="module">
1057
- ${i}
1058
- <\/script>`
1059
- );
1060
- } else {
1061
- const l = new RegExp(
1062
- `<script\\b[^>]*\\bsrc=["']${_(a)}["'][^>]*>[^<]*<\/script>`,
1063
- "gi"
1064
- );
1065
- s = s.replace(
1066
- l,
1067
- `<script type="module">
1068
- ${i}
1069
- <\/script>`
1070
- );
1071
- }
1072
- });
1073
- const o = ze(e);
1074
- if (o && !/<script\b[^>]*type=["']importmap["'][^>]*>/i.test(
1075
- s
1076
- )) {
1077
- const a = `<script type="importmap">
1078
- ${o}
1079
- <\/script>
1080
- `;
1081
- s = L(
1082
- s,
1083
- "</head>",
1084
- a
1085
- );
1086
- }
1087
- const c = `<script>${j()}<\/script>
1088
- `;
1089
- if (s = L(
1090
- s,
1091
- "</head>",
1092
- c
1093
- ), r) {
1094
- const i = `<script>${Pe()}<\/script>
1095
- `;
1096
- s = L(
1097
- s,
1098
- "</body>",
1099
- i
1100
- );
1101
- }
1102
- return /^\s*<!DOCTYPE/i.test(s) ? s : `<!DOCTYPE html>${s}`;
1103
- }, De = async ({
1104
- files: e,
1105
- rollup: t,
1106
- enableSourcemap: n = !0
1107
- }) => {
1108
- const r = e["index.html"] || "", { entryPoints: s, inlineScripts: o } = Fe(r);
1109
- if (s.length === 0)
1110
- return { files: e, bundledJS: "" };
1111
- const c = { ...e };
1112
- for (const u of o)
1113
- c[u.id] = u.content;
1114
- const i = /* @__PURE__ */ new Map(), a = [];
1115
- for (const u of s) {
1116
- const m = await Ve({
1117
- entryPoint: u,
1118
- files: c,
1119
- rollup: t,
1120
- enableSourcemap: n
1121
- });
1122
- i.set(u, m), a.push(m);
1123
- }
1124
- const d = Je(
1125
- c,
1126
- i,
1127
- o,
1128
- !0
1129
- ), l = a.join(`
1130
- `);
1131
- return {
1132
- files: {
1133
- ...e,
1134
- "index.html": d
1135
- },
1136
- bundledJS: l
1137
- };
1138
- }, x = !1, Ae = (e) => {
1139
- const t = `<script>${j()}<\/script>`;
1140
- return e.includes("</head>") ? e.replace(
1141
- "</head>",
1142
- `${t}
1143
- </head>`
1144
- ) : e.includes("</body>") ? e.replace(
1145
- "</body>",
1146
- `${t}
1147
- </body>`
1148
- ) : e + t;
1149
- }, M = (e) => {
1150
- const t = { ...e };
1151
- for (const [n, r] of Object.entries(
1152
- t
1153
- ))
1154
- n.toLowerCase().endsWith(".html") && (t[n] = me(
1155
- r,
1156
- e
1157
- ));
1158
- return t;
1159
- }, Qe = async ({
1160
- files: e,
1161
- rollup: t,
1162
- enableSourcemap: n = !0,
1163
- vizCache: r,
1164
- vizId: s,
1165
- slugCache: o,
1166
- getSvelteCompiler: c
1167
- }) => {
1168
- try {
1169
- if (x && console.log(
1170
- "[build] files:",
1171
- e ? JSON.stringify(e).substring(0, 100) : void 0
1172
- ), x && console.log("[build] vizCache:", r), x && console.log("[build] vizId:", s), !e && !r)
1173
- throw new Error(
1174
- "Either files or vizCache is required"
1175
- );
1176
- if (!e && r && !s)
1177
- throw new Error(
1178
- "vizId is required when using vizCache"
1179
- );
1180
- if (!e && r && s && (e = ee(
1181
- (await r.get(s))?.files
1182
- )), !e)
1183
- throw new Error("Upable to extract viz files");
1184
- const i = Se(e);
1185
- if (x && console.log("[build] version:", i), i === "v1") {
1186
- const a = M(e);
1187
- return {
1188
- html: Ae(
1189
- C(a)
1190
- ),
1191
- runtimeVersion: i
1192
- };
1193
- }
1194
- if (i === "v2") {
1195
- if (!t)
1196
- throw new Error(
1197
- "Rollup is required for v2 runtime"
1198
- );
1199
- const a = await Me({
1200
- files: e,
1201
- rollup: t,
1202
- enableSourcemap: n
1203
- }), d = M(a);
1204
- return {
1205
- html: C(d),
1206
- runtimeVersion: i
1207
- };
1208
- }
1209
- if (i === "v3") {
1210
- if (!t)
1211
- throw new Error(
1212
- "Rollup is required for v3 runtime"
1213
- );
1214
- if (!r && !s) {
1215
- const a = xe(e);
1216
- s = a.id, r = Ee({
1217
- initialContents: [a],
1218
- handleCacheMiss: async () => {
1219
- throw new Error(
1220
- "Cache miss handler not implemented"
1221
- );
1222
- }
1223
- });
1224
- }
1225
- if (!r)
1226
- throw new Error(
1227
- "vizCache is required for v3 runtime"
1228
- );
1229
- if (!s)
1230
- throw new Error(
1231
- "vizId is required for v3 runtime if vizCache is provided"
1232
- );
1233
- return await be({
1234
- files: e,
1235
- rollup: t,
1236
- vizCache: r,
1237
- vizId: s,
1238
- slugCache: o,
1239
- getSvelteCompiler: c
1240
- });
1241
- }
1242
- if (i === "v4") {
1243
- if (!t)
1244
- throw new Error(
1245
- "Rollup is required for v4 runtime"
1246
- );
1247
- x && console.log("[build] v4Build", {
1248
- files: e,
1249
- rollup: t,
1250
- enableSourcemap: n
1251
- });
1252
- const a = await De({
1253
- files: e,
1254
- rollup: t,
1255
- enableSourcemap: n
1256
- }), d = M(
1257
- a.files
1258
- );
1259
- return {
1260
- html: C(d),
1261
- js: a.bundledJS,
1262
- runtimeVersion: i
1263
- };
1264
- }
1265
- throw new Error(
1266
- `Unsupported runtime version: ${i}`
1267
- );
1268
- } catch (i) {
1269
- throw i instanceof Error && i.message.indexOf(h) && (i.message = i.message.replace(
1270
- h,
1271
- ""
1272
- )), i;
1273
- }
1274
- };
1275
- export {
1276
- Ee as a,
1277
- Qe as b,
1278
- ge as c,
1279
- Se as d,
1280
- Ye as e,
1281
- xe as f,
1282
- qe as g,
1283
- Ge as s,
1284
- be as v
1285
- };
1286
- //# sourceMappingURL=build-B7w6NcTo.js.map