@vizhub/runtime 0.0.1 → 0.0.2

package/src/v2Runtime/bundle/hypothetical.js

@@ -1,232 +0,0 @@
-// Temporary file (fingers crossed)
-// See https://github.com/Permutatrix/rollup-plugin-hypothetical/pull/9
-import path from 'path-posix';
-
-function isAbsolute(p) {
-  return path.isAbsolute(p) || /^[A-Za-z]:\//.test(p);
-}
-
-function isExternal(p) {
-  return !/^(\.?\.?|[A-Za-z]:)\//.test(p);
-}
-
-function absolutify(p, cwd) {
-  if (cwd) {
-    return path.join(cwd, p);
-  } else {
-    return './' + p;
-  }
-}
-
-function forEachInObjectOrMap(object, map, callback) {
-  if (object && map) {
-    throw Error('Both an Object and a Map were supplied!');
-  }
-
-  if (map) {
-    map.forEach(callback);
-  } else if (object) {
-    for (var key in object) {
-      callback(object[key], key);
-    }
-  }
-  // if neither was supplied, do nothing.
-}
-
-export default function rollupPluginHypothetical(options) {
-  options = options || {};
-  var files0 = options.files;
-  var files0AsMap = options.filesMap;
-  var allowFallthrough = options.allowFallthrough || false;
-  var allowRelativeExternalFallthrough =
-    options.allowRelativeExternalFallthrough || false;
-  var allowExternalFallthrough =
-    options.allowExternalFallthrough;
-  if (allowExternalFallthrough === undefined) {
-    allowExternalFallthrough = true;
-  }
-  var leaveIdsAlone = options.leaveIdsAlone || false;
-  var impliedExtensions = options.impliedExtensions;
-  if (impliedExtensions === undefined) {
-    impliedExtensions = ['.js', '/'];
-  } else {
-    impliedExtensions = Array.prototype.slice.call(
-      impliedExtensions,
-    );
-  }
-  var cwd = options.cwd;
-  if (cwd !== false) {
-    if (cwd === undefined) {
-      cwd = process.cwd();
-    }
-    cwd = unixStylePath(cwd);
-  }
-
-  var files = new Map();
-  if (leaveIdsAlone) {
-    forEachInObjectOrMap(
-      files0,
-      files0AsMap,
-      function (contents, f) {
-        files.set(f, contents);
-      },
-    );
-  } else {
-    forEachInObjectOrMap(
-      files0,
-      files0AsMap,
-      function (contents, f) {
-        var unixStyleF = unixStylePath(f);
-        var pathIsExternal = isExternal(unixStyleF);
-        var p = path.normalize(unixStyleF);
-        if (pathIsExternal && !isExternal(p)) {
-          throw Error(
-            'Supplied external file path "' +
-              unixStyleF +
-              '" normalized to "' +
-              p +
-              '"!',
-          );
-        }
-        if (!isAbsolute(p) && !pathIsExternal) {
-          p = absolutify(p, cwd);
-        }
-        files.set(p, contents);
-      },
-    );
-  }
-
-  function basicResolve(importee) {
-    if (files.has(importee)) {
-      return importee;
-    } else if (!allowFallthrough) {
-      throw Error(dneMessage(importee));
-    }
-  }
-
-  var resolveId = leaveIdsAlone
-    ? basicResolve
-    : function (importee, importer) {
-        importee = unixStylePath(importee);
-
-        // the entry file is never external.
-        var importeeIsExternal =
-          Boolean(importer) && isExternal(importee);
-
-        var importeeIsRelativeToExternal =
-          importer &&
-          !importeeIsExternal &&
-          isExternal(importer) &&
-          !isAbsolute(importee);
-
-        if (importeeIsExternal) {
-          var normalizedImportee = path.normalize(importee);
-          if (!isExternal(normalizedImportee)) {
-            throw Error(
-              'External import "' +
-                importee +
-                '" normalized to "' +
-                normalizedImportee +
-                '"!',
-            );
-          }
-          importee = normalizedImportee;
-        } else if (importeeIsRelativeToExternal) {
-          var joinedImportee = path.join(
-            path.dirname(importer),
-            importee,
-          );
-          if (!isExternal(joinedImportee)) {
-            throw Error(
-              'Import "' +
-                importee +
-                '" relative to external import "' +
-                importer +
-                '" results in "' +
-                joinedImportee +
-                '"!',
-            );
-          }
-          importee = joinedImportee;
-        } else {
-          if (!isAbsolute(importee) && importer) {
-            importee = path.join(
-              path.dirname(importer),
-              importee,
-            );
-          } else {
-            importee = path.normalize(importee);
-          }
-          if (!isAbsolute(importee)) {
-            importee = absolutify(importee, cwd);
-          }
-        }
-
-        if (files.has(importee)) {
-          return importee;
-        } else if (impliedExtensions) {
-          for (
-            var i = 0, len = impliedExtensions.length;
-            i < len;
-            ++i
-          ) {
-            var extended = importee + impliedExtensions[i];
-            if (files.has(extended)) {
-              return extended;
-            }
-          }
-        }
-        if (
-          importeeIsExternal &&
-          !allowExternalFallthrough
-        ) {
-          throw Error(dneMessage(importee));
-        }
-        if (
-          importeeIsRelativeToExternal &&
-          !allowRelativeExternalFallthrough
-        ) {
-          throw Error(dneMessage(importee));
-        }
-        if (
-          !importeeIsExternal &&
-          !importeeIsRelativeToExternal &&
-          !allowFallthrough
-        ) {
-          throw Error(dneMessage(importee));
-        }
-        if (importeeIsRelativeToExternal) {
-          // we have to resolve this case specially because Rollup won't
-          // treat it as external if we don't.
-          // we have to trust that the user has informed Rollup that this import
-          // is supposed to be external... ugh.
-          return importee;
-        }
-      };
-
-  return {
-    resolveId: resolveId,
-    load: function (id) {
-      if (files.has(id)) {
-        return files.get(id);
-      } else {
-        id = resolveId(id);
-        return id && files.get(id);
-      }
-    },
-  };
-}
-
-function unixStylePath(p) {
-  return p.split('\\').join('/');
-}
-
-function dneMessage(id) {
-  return (
-    'Import failed: `' +
-    id +
-    '` not found. Double check that the file `' +
-    id +
-    '` exists.'
-  );
-}

package/src/v2Runtime/bundle/index.js

@@ -1,88 +0,0 @@
-import { rollup } from './rollup.browser';
-import bubleJSXOnly from './bubleJSXOnly';
-import hypothetical from './hypothetical';
-import { getLibraries } from './getLibraries';
-
-// if HTML parser encounter </script> it stops parsing current script
-// in order to avoid that, </script> should be split into parts.
-const escapeClosingScriptTag = (code) =>
-  code.split('</script>').join('" + "<" + "/script>" + "');
-
-const transformFilesToObject = (files) =>
-  files
-    .filter(
-      (file) => file.name.endsWith('.js'),
-      // TODO: add support for other file types
-      // file.name.endsWith('.svelte') ||
-      // file.name.endsWith('.jsx') ||
-      // file.name.endsWith('.ts') ||
-      // file.name.endsWith('.tsx') ||
-      // file.name.endsWith('.vue')
-    )
-    .reduce((accumulator, file) => {
-      accumulator['./' + file.name] = file.text;
-      return accumulator;
-    }, {});
-
-export const bundle = async (files) => {
-  const libraries = getLibraries(files);
-
-  const outputOptions = {
-    format: 'iife',
-    name: 'bundle',
-    sourcemap: 'inline',
-    globals: libraries,
-  };
-
-  const inputOptions = {
-    input: './index.js',
-    plugins: [
-      hypothetical({
-        files: transformFilesToObject(files),
-        cwd: false,
-      }),
-      bubleJSXOnly({
-        target: {
-          chrome: 71,
-        },
-      }),
-    ],
-    external: Object.keys(libraries),
-    // Suppress Rollup warnings
-    onwarn: () => {},
-  };
-  const rollupBundle = await rollup(inputOptions);
-  const { output } =
-    await rollupBundle.generate(outputOptions);
-
-  // Monkey patch magic-string internals
-  // to support characters outside of the Latin1 range, e.g. Cyrillic.
-  //
-  // Related reading:
-  //  - https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/btoa#Unicode_strings
-  //  - https://github.com/Rich-Harris/magic-string/blob/3466b0230dddc95eb378ed3e0d199e36fbd1f572/src/SourceMap.js#L3
-  //
-  if (output.length !== 1) {
-    throw new Error(
-      'Expected Rollup output length to be 1. This Error is a VizHub bug if it happens.',
-    );
-  }
-  const { code, map } = output[0];
-
-  const escapedCode = escapeClosingScriptTag(code);
-
-  const toString = map.toString.bind(map);
-  map.toString = () =>
-    unescape(encodeURIComponent(toString()));
-
-  // Inspired by https://github.com/rollup/rollup/issues/121
-  const codeWithSourceMap =
-    escapedCode + '\n//# sourceMappingURL=' + map.toUrl();
-
-  return [
-    {
-      name: 'bundle.js',
-      text: codeWithSourceMap,
-    },
-  ];
-};

package/src/v2Runtime/bundle/packageJson.ts

@@ -1,49 +0,0 @@
-import { FilesV2 } from 'entities';
-
-const EMPTY_PKG_JSON = {
-  dependencies: {},
-  vizhub: {},
-  license: 'MIT',
-};
-
-export const packageJSON = (files: FilesV2) => {
-  const packageJsonFile = files.find(
-    (file) => file.name === 'package.json',
-  );
-  if (!packageJsonFile) {
-    return EMPTY_PKG_JSON;
-  }
-  const packageJsonText = packageJsonFile.text;
-
-  try {
-    const pkg = packageJsonText
-      ? JSON.parse(packageJsonText)
-      : EMPTY_PKG_JSON;
-    return pkg;
-  } catch (error) {
-    console.log(error);
-    return EMPTY_PKG_JSON;
-  }
-};
-
-export const dependencies = (files: FilesV2) =>
-  packageJSON(files).dependencies || {};
-
-export const getConfiguredLibraries = (files: FilesV2) => {
-  const vizhubConfig = packageJSON(files).vizhub;
-  return vizhubConfig ? vizhubConfig.libraries : {};
-};
-
-export const dependencySource = (
-  { name, version },
-  libraries,
-) => {
-  const path = libraries[name]
-    ? libraries[name].path || ''
-    : '';
-  // unpkg uses file from unpkg or main field when no file specifid in url
-  return `https://unpkg.com/${name}@${version}${path}`;
-};
-
-export const getLicense = (files) =>
-  packageJSON(files).license || EMPTY_PKG_JSON.license;

package/src/v2Runtime/bundle.test.js

@@ -1,151 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { bundle } from './bundle';
-
-// From https://github.com/vizhub-core/vizhub/blob/main/vizhub-v2/packages/presenters/test/test.js
-
-// Convenience for testing.
-const removeSourceMap = (files) => {
-  files[0].text = files[0].text.split(
-    '\n//# sourceMappingURL',
-  )[0];
-  return files;
-};
-
-describe('v2 bundle', () => {
-  it('should bundle files using Rollup', async () => {
-    const files = [
-      {
-        name: 'index.js',
-        text: 'import { foo } from "./foo.js"; console.log(foo);',
-      },
-      { name: 'foo.js', text: 'export const foo = "bar";' },
-    ];
-    expect(removeSourceMap(await bundle(files))).toEqual([
-      {
-        name: 'bundle.js',
-        text: '(function () {\n\t\'use strict\';\n\n\tconst foo = "bar";\n\n\tconsole.log(foo);\n\n}());\n',
-      },
-    ]);
-  });
-
-  it('should refer to global d3 in bundle for d3 package', async () => {
-    const files = [
-      {
-        name: 'index.js',
-        text: 'import { select } from "d3"; console.log(select);',
-      },
-    ];
-    expect(removeSourceMap(await bundle(files))).toEqual([
-      {
-        name: 'bundle.js',
-        text: "(function (d3) {\n\t'use strict';\n\n\tconsole.log(d3.select);\n\n}(d3));\n",
-      },
-    ]);
-  });
-
-  it('should refer to global React in bundle for React package', async () => {
-    const files = [
-      {
-        name: 'index.js',
-        text: 'import React from "react"; console.log(React);',
-      },
-    ];
-    expect(removeSourceMap(await bundle(files))).toEqual([
-      {
-        name: 'bundle.js',
-        text: "(function (React) {\n\t'use strict';\n\n\tReact = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;\n\n\tconsole.log(React);\n\n}(React));\n",
-      },
-    ]);
-  });
-
-  it('should refer to global ReactDOM in bundle for ReactDOM package', async () => {
-    const files = [
-      {
-        name: 'index.js',
-        text: 'import ReactDOM from "react-dom"; console.log(ReactDOM);',
-      },
-    ];
-    expect(removeSourceMap(await bundle(files))).toEqual([
-      {
-        name: 'bundle.js',
-        text: "(function (ReactDOM) {\n\t'use strict';\n\n\tReactDOM = ReactDOM && Object.prototype.hasOwnProperty.call(ReactDOM, 'default') ? ReactDOM['default'] : ReactDOM;\n\n\tconsole.log(ReactDOM);\n\n}(ReactDOM));\n",
-      },
-    ]);
-  });
-
-  it('should transpile JSX', async () => {
-    const files = [
-      { name: 'index.js', text: '<div>Hello JSX!</div>' },
-    ];
-    expect(removeSourceMap(await bundle(files))).toEqual([
-      {
-        name: 'bundle.js',
-        text: "(function () {\n\t'use strict';\n\n\tReact.createElement( 'div', null, \"Hello JSX!\" );\n\n}());\n",
-      },
-    ]);
-  });
-
-  it('should not transpile ES6', async () => {
-    const files = [
-      {
-        name: 'index.js',
-        text: 'const fn = a => a * a; console.log(fn(4));',
-      },
-    ];
-    expect(removeSourceMap(await bundle(files))).toEqual([
-      {
-        name: 'bundle.js',
-        text: "(function () {\n\t'use strict';\n\n\tconst fn = a => a * a; console.log(fn(4));\n\n}());\n",
-      },
-    ]);
-  });
-
-  it('should allow generators', async () => {
-    const files = [
-      {
-        name: 'index.js',
-        text: 'console.log(function* () { yield 5; }().next().value)',
-      },
-    ];
-    expect(removeSourceMap(await bundle(files))).toEqual([
-      {
-        name: 'bundle.js',
-        text: "(function () {\n\t'use strict';\n\n\tconsole.log(function* () { yield 5; }().next().value);\n\n}());\n",
-      },
-    ]);
-  });
-
-  it('should allow characters outside of the Latin1 range', async () => {
-    const files = [
-      { name: 'index.js', text: 'console.log("Привет")' },
-    ];
-    expect(removeSourceMap(await bundle(files))).toEqual([
-      {
-        name: 'bundle.js',
-        text: '(function () {\n\t\'use strict\';\n\n\tconsole.log("Привет");\n\n}());\n',
-      },
-    ]);
-  });
-});
-//   TODO Svelt Support
-//   See https://github.com/vizhub-core/vizhub3/issues/185
-//   //describe('Svelte', () => {
-//   //  it('should bundle files using Rollup', async () => {
-//   //    const files = [
-//   //      {
-//   //        name: 'index.js',
-//   //        text:
-//   //          "import App from './App.svelte'; const app = new App({ target: document.body, }); export default app;",
-//   //      },
-//   //      { name: 'App.svelte', text: '<script>console.log(foo);</script>' },
-//   //    ];
-//   //    assert.deepEqual(removeSourceMap(await bundle(files)), [
-//   //      {
-//   //        name: 'bundle.js',
-//   //        text:
-//   //          'var bundle = (function () {\n\t\'use strict\';\n\n\tconst globals={};const noop={};const dispatch_dev={};const validate_slots={};const SvelteComponentDev={};const init={};const safe_not_equal={};\n\n\t/* code.svelte generated by Svelte v3.31.0 */\n\n\tconst { console: console_1 } = globals;\n\n\tfunction create_fragment(ctx) {\n\t\tconst block = {\n\t\t\tc: noop,\n\t\t\tl: function claim(nodes) {\n\t\t\t\tthrow new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");\n\t\t\t},\n\t\t\tm: noop,\n\t\t\tp: noop,\n\t\t\ti: noop,\n\t\t\to: noop,\n\t\t\td: noop\n\t\t};\n\n\t\tdispatch_dev("SvelteRegisterBlock", {\n\t\t\tblock,\n\t\t\tid: create_fragment.name,\n\t\t\ttype: "component",\n\t\t\tsource: "",\n\t\t\tctx\n\t\t});\n\n\t\treturn block;\n\t}\n\n\tfunction instance($$self, $$props) {\n\t\tlet { $$slots: slots = {}, $$scope } = $$props;\n\t\tvalidate_slots("Code", slots, []);\n\t\tconsole.log(foo);\n\t\tconst writable_props = [];\n\n\t\tObject.keys($$props).forEach(key => {\n\t\t\tif (!~writable_props.indexOf(key) && key.slice(0, 2) !== "$$") console_1.warn(`<Code> was created with unknown prop \'${key}\'`);\n\t\t});\n\n\t\treturn [];\n\t}\n\n\tclass Code extends SvelteComponentDev {\n\t\tconstructor(options) {\n\t\t\tsuper(options);\n\t\t\tinit(this, options, instance, create_fragment, safe_not_equal, {});\n\n\t\t\tdispatch_dev("SvelteRegisterComponent", {\n\t\t\t\tcomponent: this,\n\t\t\t\ttagName: "Code",\n\t\t\t\toptions,\n\t\t\t\tid: create_fragment.name\n\t\t\t});\n\t\t}\n\t}\n\n\tconst app = new Code({ target: document.body, });\n\n\treturn app;\n\n}());\n',
-//   //      },
-//   //    ]);
-//   //  });
-//   //});
-// });

package/src/v2Runtime/computeSrcDocV2.test.ts

@@ -1,163 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { primordialViz } from 'entities/test/fixtures';
-import { computeSrcDocV2 } from './computeSrcDocV2';
-import { setJSDOM } from './getComputedIndexHtml';
-import { JSDOM } from 'jsdom';
-
-setJSDOM(JSDOM);
-
-describe('v2 computeSrcDocV2', () => {
-  it('TODO should compute correct srcdoc', async () => {
-    expect(true).toEqual(true);
-    // console.log('`' + computeSrcDocV2(primordialViz.content) + '`');
-    expect(await computeSrcDocV2(primordialViz.content))
-      .toEqual(`<script>(function() {
-      var XHR = window.XMLHttpRequest;
-      window.XMLHttpRequest = function() {
-        this.xhr = new XHR();
-        return this;
-      }
-      window.XMLHttpRequest.prototype.open = function(method, url, async, user, password) {
-        if(__fileNames.indexOf(url) >= 0) {
-          this.file = url;
-          this.responseText = __files[url];
-          if(url.indexOf(".xml") === url.length - 4) {
-            try {
-              var oParser = new DOMParser();
-              var oDOM = oParser.parseFromString(this.responseText, "text/xml");
-              this.responseXML = oDOM;
-            } catch(e) {}
-          }
-          // we indicate that the request is done
-          this.readyState = 4;
-          this.status = 200;
-        } else {
-          // pass thru to the normal xhr
-          this.xhr.open(method, url, async, user, password);
-        }
-      };
-      window.XMLHttpRequest.prototype.setRequestHeader = function(header, value) {
-        if(this.file) return;
-        return this.xhr.setRequestHeader(header, value);
-      }
-      window.XMLHttpRequest.prototype.abort = function() {
-        return this.xhr.abort()
-      }
-      window.XMLHttpRequest.prototype.getAllResponseHeaders = function() {
-        return this.xhr.getAllResponseHeaders();
-      }
-      window.XMLHttpRequest.prototype.getResponseHeader = function(header) {
-        return this.xhr.getResponseHeader(header);
-      }
-      window.XMLHttpRequest.prototype.overrideMimeType = function(mime) {
-        return this.xhr.overrideMimeType(mime);
-      }
-      window.XMLHttpRequest.prototype.send = function(data) {
-        //we need to remap the fake XHR to the real one inside the onload/onreadystatechange functions
-        var that = this;
-        // unfortunately we need to do our copying of handlers in the next tick as
-        // it seems with normal XHR you can add them after firing off send... which seems
-        // unwise to do in the first place, but this is needed to support jQuery...
-        setTimeout(function() {
-          // we wire up all the listeners to the real XHR
-          that.xhr.onerror = this.onerror;
-          that.xhr.onprogress = this.onprogress;
-          if(that.responseType || that.responseType === '')
-              that.xhr.responseType = that.responseType
-          // if the onload callback is used we need to copy over
-          // the real response data to the fake object
-          if(that.onload) {
-            var onload = that.onload;
-            that.xhr.onload = that.onload = function() {
-              try{
-                that.response = this.response;
-                that.readyState = this.readyState;
-                that.status = this.status;
-                that.statusText = this.statusText;
-              } catch(e) { console.log("onload", e) }
-              try {
-                if(that.responseType == '') {
-                    that.responseXML = this.responseXML;
-                    that.responseText = this.responseText;
-                }
-                if(that.responseType == 'text') {
-                    that.responseText = this.responseText;
-                }
-              } catch(e) { console.log("onload responseText/XML", e) }
-              onload();
-            }
-          }
-          // if the readystate change callback is used we need
-          // to copy over the real response data to our fake xhr instance
-          if(that.onreadystatechange) {
-            var ready = that.onreadystatechange;
-            that.xhr.onreadystatechange = function() {
-              try{
-                that.readyState = this.readyState;
-                that.responseText = this.responseText;
-                that.responseXML = this.responseXML;
-                that.responseType = this.responseType;
-                that.status = this.status;
-                that.statusText = this.statusText;
-              } catch(e){
-                 console.log("e", e)
-              }
-              ready();
-            }
-          }
-          // if this request is for a local file, we short-circuit and just
-          // end the request, since all the data should be on our fake request object
-          if(that.file) {
-            if(that.onreadystatechange)
-              return that.onreadystatechange();
-            if(that.onload)
-              return that.onload(); //untested
-          }
-          // if this is a real request, we pass through the send call
-          that.xhr.send(data)
-        }, 0)
-      }
-  
-      var originalFetch = window.fetch;
-      window.fetch = function(input, init) {
-      
-        var url = input;
-        if (input instanceof Request) {
-          url = input.url
-        }
-      
-        // This is a hack that seems to fix a problem with the way Mapbox is requesting its TileJSON
-        // Not sure what blob:// protocol is anyway...
-        url = url.replace('blob://', 'http://')
-          
-        if(__fileNames.indexOf(url) >= 0) {
-      
-          var responseText = __files[url];
-          return Promise.resolve({
-            ok: true,
-            status: 200,
-            statusText: 'ok',
-            url: url,
-            text: function(){ return Promise.resolve(responseText) },
-            json: function(){ return Promise.resolve(responseText).then(JSON.parse) },
-            blob: function(){ return Promise.resolve(new Blob([responseText])) },
-            // Inspired by https://developers.google.com/web/updates/2012/06/How-to-convert-ArrayBuffer-to-and-from-String
-            arrayBuffer: function() {
-              var buffer = new ArrayBuffer(responseText.length * 2);
-              var bufferView = new Uint16Array(buffer);
-              for (var i = 0, length = responseText.length; i < length; i++) {
-                bufferView[i] = responseText.charCodeAt(i);
-              }
-              return Promise.resolve(buffer);
-            }
-          })
-        }
-      
-        return originalFetch(input, init)
-      }
-      
-    })()</script><meta charset="utf-8"><script>var __filesURI = "%7B%22README.md%22%3A%22Test%20%5BMarkdown%5D(https%3A%2F%2Fwww.markdownguide.org%2F).%5Cn%23%20Introduction%5Cn%5CnThis%20is%20a%20test.%22%7D";
-var __files = JSON.parse(decodeURIComponent(__filesURI));
-var __fileNames = ["README.md"];</script><body style="font-size:26em">Hello</body>`);
-  });
-});