npm - @vizhub/runtime - Versions diffs - 0.0.1 → 0.0.2 - Mend

@vizhub/runtime 0.0.1 → 0.0.2

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.

Files changed (52) hide show

package/dist/assets/setupV3Runtime-BVr5lyKp.js +240 -0
package/{src/v2Runtime/bundle/rollup.browser.js → dist/index.js} +9286 -12810
package/package.json +12 -6
package/src/computeSrcDoc.ts +0 -68
package/src/index.ts +0 -7
package/src/useRuntime.ts +0 -394
package/src/v2Runtime/bundle/bubleJSXOnly.ts +0 -34
package/src/v2Runtime/bundle/getLibraries.js +0 -31
package/src/v2Runtime/bundle/hypothetical.js +0 -232
package/src/v2Runtime/bundle/index.js +0 -88
package/src/v2Runtime/bundle/packageJson.ts +0 -49
package/src/v2Runtime/bundle.test.js +0 -151
package/src/v2Runtime/computeSrcDocV2.test.ts +0 -163
package/src/v2Runtime/computeSrcDocV2.ts +0 -34
package/src/v2Runtime/getComputedIndexHtml.test.ts +0 -33
package/src/v2Runtime/getComputedIndexHtml.ts +0 -106
package/src/v2Runtime/getText.ts +0 -19
package/src/v2Runtime/magicSandbox.js +0 -291
package/src/v2Runtime/packageJson.js +0 -42
package/src/v2Runtime/transformFiles.test.js +0 -18
package/src/v2Runtime/transformFiles.ts +0 -15
package/src/v2Runtime/v3FilesToV2Files.test.ts +0 -20
package/src/v2Runtime/v3FilesToV2Files.ts +0 -14
package/src/v3Runtime/build.test.ts +0 -474
package/src/v3Runtime/build.ts +0 -270
package/src/v3Runtime/cleanRollupErrorMessage.ts +0 -15
package/src/v3Runtime/computeSrcDocV3.ts +0 -151
package/src/v3Runtime/extractVizImport.test.ts +0 -41
package/src/v3Runtime/extractVizImport.ts +0 -34
package/src/v3Runtime/generateRollupErrorMessage.ts +0 -84
package/src/v3Runtime/importFromViz.ts +0 -36
package/src/v3Runtime/index.ts +0 -1
package/src/v3Runtime/parseId.ts +0 -14
package/src/v3Runtime/setupV3Runtime.ts +0 -478
package/src/v3Runtime/transformDSV/d3-dsv-custom-build/bundle-modified-src.js +0 -121
package/src/v3Runtime/transformDSV/d3-dsv-custom-build/bundle-modified.js +0 -121
package/src/v3Runtime/transformDSV/d3-dsv-custom-build/bundle.js +0 -239
package/src/v3Runtime/transformDSV/d3-dsv-custom-build/index.js +0 -1
package/src/v3Runtime/transformDSV/d3-dsv-custom-build/package-lock.json +0 -475
package/src/v3Runtime/transformDSV/d3-dsv-custom-build/package.json +0 -19
package/src/v3Runtime/transformDSV/d3-dsv-custom-build/rollup.config.js +0 -9
package/src/v3Runtime/transformDSV/index.ts +0 -71
package/src/v3Runtime/transformSvelte.ts +0 -111
package/src/v3Runtime/types.ts +0 -158
package/src/v3Runtime/urlLoad.ts +0 -33
package/src/v3Runtime/virtual.ts +0 -27
package/src/v3Runtime/vizCache.test.ts +0 -126
package/src/v3Runtime/vizCache.ts +0 -60
package/src/v3Runtime/vizLoad.ts +0 -68
package/src/v3Runtime/vizLoadSvelte.ts +0 -46
package/src/v3Runtime/vizResolve.ts +0 -100
package/src/v3Runtime/worker.ts +0 -231

package/src/v2Runtime/computeSrcDocV2.ts DELETED Viewed

@@ -1,34 +0,0 @@
-import { Content, FilesV2, getFileText } from 'entities';
-import magicSandbox from './magicSandbox';
-import { getComputedIndexHtml } from './getComputedIndexHtml';
-import { transformFiles } from './transformFiles';
-import { bundle } from './bundle';
-import { v3FilesToV2Files } from './v3FilesToV2Files';
-// Inspired by https://github.com/vizhub-core/vizhub/blob/main/vizhub-v2/packages/presenters/src/computeSrcDoc.js
-export const computeSrcDocV2 = async (content: Content) => {
-  // Migrate V3 files to V2 files.
-  let filesV2: FilesV2 = v3FilesToV2Files(content.files);
-  // Since we do not include `bundle.js` in the migrated content,
-  // we need to add it back in, computed from the files on the fly.
-  // ... but only if there is an `index.js` file.
-  const indexJS = getFileText(content, 'index.js');
-  if (indexJS) {
-    const filesV2BundleJSOnly = await bundle(filesV2);
-    // Bundle the files using Rollup.
-    // This will add a `bundle.js` file to the files.
-    // Includes ES module bundling and JSX support.
-    filesV2 = [...filesV2, ...filesV2BundleJSOnly];
-  }
-  // Compute the index.html file from the files.
-  const template = getComputedIndexHtml(filesV2);
-  // Transform files to match what MagicSandbox expects.
-  const files = transformFiles(filesV2);
-  // Use MagicSandbox to inject the bundle.js script tag.
-  return magicSandbox(template, files);
-};

package/src/v2Runtime/getComputedIndexHtml.test.ts DELETED Viewed

@@ -1,33 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-  getComputedIndexHtml,
-  setJSDOM,
-} from './getComputedIndexHtml';
-import { JSDOM } from 'jsdom';
-setJSDOM(JSDOM);
-describe('v2 getComputedIndexHtml', () => {
-  it('should return empty string if missing index.html', async () => {
-    const files = [];
-    expect(getComputedIndexHtml(files)).toEqual(``);
-  });
-  it('should preserve existing index.html if no bundle and no package.json', async () => {
-    const text =
-      '<html><body><h1>Hello World</h1></body></html>';
-    const files = [{ name: 'index.html', text }];
-    expect(getComputedIndexHtml(files)).toEqual(text);
-  });
-  it('should add bundle.js, no package.json', async () => {
-    const text =
-      '<html><body><script src="bundle.js"></script></body></html>';
-    const files = [
-      { name: 'index.html', text },
-      { name: 'index.js', text: 'console.log("Hello")' },
-    ];
-    // console.log(JSON.stringify(getComputedIndexHtml(files), null, 2));
-    expect(getComputedIndexHtml(files)).toEqual(text);
-  });
-});

package/src/v2Runtime/getComputedIndexHtml.ts DELETED Viewed

@@ -1,106 +0,0 @@
-// From https://github.com/vizhub-core/vizhub/blob/main/vizhub-v2/packages/presenters/src/getComputedIndexHtml.js
-import {
-  dependencies,
-  getConfiguredLibraries,
-  dependencySource,
-} from './packageJson';
-import { FilesV2 } from 'entities';
-import { getText } from './getText';
-// const isPackageJSONEnabled = true;
-let parser;
-// If we're in the browser, use native DOMParser.
-if (typeof window !== 'undefined') {
-  parser = new DOMParser();
-}
-// Expose a way to inject a DOMParser implementation
-// when we're in a Node environment (tests, API server).
-export const setJSDOM = (JSDOM) => {
-  parser = new new JSDOM().window.DOMParser();
-};
-const injectBundleScript = (htmlTemplate, files) => {
-  const doc = parser.parseFromString(
-    htmlTemplate,
-    'text/html',
-  );
-  // console.log('doc', doc);
-  if (
-    getText(files, 'bundle.js') &&
-    !doc.querySelector('[src="bundle.js"]')
-  ) {
-    const bundleScriptTag = doc.createElement('script');
-    // This will be fed through MagicSandbox.
-    bundleScriptTag.src = 'bundle.js';
-    doc.body.appendChild(bundleScriptTag);
-    return `<!DOCTYPE html>${doc.documentElement.outerHTML}`;
-  } else {
-    return htmlTemplate;
-  }
-};
-const injectDependenciesScript = (htmlTemplate, files) => {
-  const deps = Object.entries(dependencies(files) || {});
-  if (deps.length === 0) return htmlTemplate;
-  if (!parser)
-    throw new Error(
-      'DOM parser is not defined. Did you forget to call setJSDOM()?',
-    );
-  const doc = parser.parseFromString(
-    htmlTemplate,
-    'text/html',
-  );
-  const libraries = getConfiguredLibraries(files);
-  deps
-    .map(([name, version]) =>
-      dependencySource({ name, version }, libraries),
-    )
-    .forEach((url) => {
-      const scriptTag = doc.createElement('script');
-      scriptTag.src = url;
-      doc.head.appendChild(scriptTag);
-    });
-  return `<!DOCTYPE html>${doc.documentElement.outerHTML}`;
-};
-// Compute the index.html file from the files.
-// Includes:
-// - bundle.js script tag
-// - dependencies script tag(s)
-export const getComputedIndexHtml = (files: FilesV2) => {
-  try {
-    // Isolate the index.html file.
-    const htmlTemplate = getText(files, 'index.html');
-    // If there is no index.html file, return an empty string.
-    if (!htmlTemplate) {
-      return '';
-    }
-    // Inject bundle.js script tag if needed.
-    const htmlWithBundleScriptTemplate = injectBundleScript(
-      htmlTemplate,
-      files,
-    );
-    // Inject dependencies script tag(s) if needed, based on package.json.
-    const indexHtml = injectDependenciesScript(
-      htmlWithBundleScriptTemplate,
-      files,
-    );
-    return indexHtml;
-  } catch (err) {
-    console.log(err);
-  }
-};

package/src/v2Runtime/getText.ts DELETED Viewed

@@ -1,19 +0,0 @@
-import { FilesV2 } from 'entities';
-// From https://github.com/vizhub-core/vizhub/blob/main/vizhub-v2/packages/presenters/src/accessors.js#L23
-const getFileIndex = (files: FilesV2, name: string) => {
-  for (let i = 0; i < files.length; i++) {
-    if (files[i].name === name) {
-      return i;
-    }
-  }
-  return -1;
-};
-const getFile = (files: FilesV2, name: string) =>
-  files[getFileIndex(files, name)];
-export const getText = (files: FilesV2, name: string) => {
-  const file = getFile(files, name);
-  return file ? file.text || '' : '';
-};

package/src/v2Runtime/magicSandbox.js DELETED Viewed

@@ -1,291 +0,0 @@
-// This function was originally part of Blockbuider.
-// The original code can be found at https://github.com/enjalot/blockbuilder/blob/master/public/js/utils/parseCode.js
-// The original author is Ian Johnson (@enjalot).
-// Contributors include:
-//  - Geoffery Miller (@georules)
-//  - Paweł Kowalski (@pavelloz)
-//  - Erik Hazzard (@erikhazzard)
-//  - Curran Kelleher (@curran)
-//  - Micah Stubbs (@micahstubbs)
-// This is from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#escaping
-function escapeRegExp(string) {
-  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
-}
-export default function (template, files) {
-  // We parse the user's code to handle some cases where people expect
-  // to be able to use relative urls to load files associated with the block
-  // (things like external script files, style files or using XHR to grab data)
-  // We use RegExps and override the XMLHttpRequest object inside the iframe.
-  // obviously this could have some unintended side-effects,
-  // but it is presumed that the scenarios where these would fail
-  // fall far outside the customary use of blocks.
-  // Lets replace relative URL that ignores protocol with http
-  // this should work, but its probably an iframe problem
-  // http://stackoverflow.com/questions/550038/is-it-valid-to-replace-http-with-in-a-script-src-http
-  var find = '<link.*?href=["\']//.*?["\'].*?>';
-  var re = new RegExp(find, 'g');
-  var matches = template.match(re);
-  if (matches) {
-    matches.forEach(function (match, i) {
-      var proto = match.replace('//', 'https://');
-      template = template.replace(match, proto);
-    });
-  }
-  find = '<script.*?src=["\']//.*?["\'].*?>';
-  re = new RegExp(find, 'g');
-  matches = template.match(re);
-  if (matches) {
-    matches.forEach(function (match, i) {
-      var proto = match.replace('//', 'https://');
-      template = template.replace(match, proto);
-    });
-  }
-  var referencedFiles = {};
-  var fileNames = Object.keys(files);
-  fileNames.forEach(function (file) {
-    if (!files[file] || !files[file].content) return;
-    if (file === 'index.html') return;
-    if (file === 'thumbnail.png') return; // lets ignore the thumbnail if its there
-    if (file.indexOf('.js') > 0) {
-      // We first try to find instances of loading js files through a <script> tag.
-      // We can't fall back on the raw_url because you can't load scripts with MIME type text.
-      // This does have the benefit of live reloading when changing a script file.
-      var find =
-        '<script.*?src=["\']' +
-        escapeRegExp(file) +
-        '["\'].*?>';
-      var re = new RegExp(find, 'g');
-      var matches = template.match(re);
-      if (matches) {
-        // if we found one, replace it with the code and return.
-        template = template.replace(
-          re,
-          '<script>' + files[file].content,
-        );
-        // this won't work for code that has non-ascii characters in it... which is quite a lot of d3 code
-        // template = template.replace(re, '<script src="data:text/javascript;base64,' + btoa(files[file].content) + '">')
-        // this works with non-ascii characters but would take more acrobatics to support the defer keyword
-        // and also seems like it would make debugging the inserted scripts more complicated
-        // template = template.replace(re, '<script src="data:text/javascript;base64,' + b64EncodeUnicode(files[file].content) + '">')
-        return;
-      }
-    }
-    if (file.indexOf('.css') > 0) {
-      // We support loading of css files with relative paths if they are included in the gist.
-      // This has the added benefit of live reloading the iframe when editing the style
-      find =
-        '<link.*?href=["\']' +
-        escapeRegExp(file) +
-        '["\'].*?>';
-      re = new RegExp(find, 'g');
-      matches = template.match(re);
-      if (matches) {
-        // if we found one, replace it with the code and return.
-        template = template.replace(
-          re,
-          '<style>' + files[file].content + '</style>',
-        );
-        return;
-      }
-    }
-    // don't try to make html files loadable in this way
-    // it has the chance of screwing up the rest of the actual file, and unlikely
-    // someone wants to load an html file via ajax...
-    if (file.indexOf('.html') >= 0) return;
-    /*
-      var find = "[\"\']" + file + "[\"\']"
-      var re = new RegExp(find, 'g')
-      template = template.replace(re, "'" + rawUrl + "'")
-      */
-    // we keep a list of all the files we might allow people to XHR request.
-    // it would be possible to optimize by using the above commented out regex
-    // but if a user programatically generates
-    referencedFiles[file] = files[file].content;
-  });
-  // We need to have the file names and their contents available inside the iframe
-  // if we want to be able to return them in our short-circuited XHR requests.
-  var filesString = encodeURIComponent(
-    JSON.stringify(referencedFiles),
-  );
-  var fileNamesString = JSON.stringify(
-    Object.keys(referencedFiles),
-  );
-  template =
-    '<meta charset="utf-8"><script>' +
-    // 'var __files = ' + filesString + ';' +
-    'var __filesURI = "' +
-    filesString +
-    '";\n' +
-    'var __files = JSON.parse(decodeURIComponent(__filesURI));\n' +
-    'var __fileNames = ' +
-    fileNamesString +
-    ';' +
-    '</script>' +
-    template;
-  // We override the XMLHttpRequest API in order to serve our local copies of files
-  // without going to the server. This allows us to live-update the iframe as soon
-  // as the file changes.
-  // I was able to figure this out thanks to this page:
-  // http://ajaxref.com/ch7/xhrhijackfullprototype.html
-  var xmlOverride = `<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...
-        if(typeof url === 'string') {
-          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>`;
-  template = xmlOverride + template;
-  return template;
-}

package/src/v2Runtime/packageJson.js DELETED Viewed

@@ -1,42 +0,0 @@
-import { getText } from './getText';
-const EMPTY_PKG_JSON = {
-  dependencies: {},
-  vizhub: {},
-  license: 'MIT',
-};
-export const packageJSON = (files) => {
-  const packageJsonText = getText(files, 'package.json');
-  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) =>
-  packageJSON(files).dependencies || {};
-export const getConfiguredLibraries = (files) => {
-  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/transformFiles.test.js DELETED Viewed

@@ -1,18 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-  primordialViz,
-  sampleReadmeText,
-} from 'entities/test/fixtures';
-import { transformFiles } from './transformFiles';
-describe('v2 transformFiles', () => {
-  it('should transform files and exclude `index.html`', () => {
-    expect(
-      transformFiles(primordialViz.content.files),
-    ).toEqual({
-      'README.md': {
-        content: sampleReadmeText,
-      },
-    });
-  });
-});

package/src/v2Runtime/transformFiles.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import { FileV2, FilesV2 } from 'entities';
-// Transform files to the format expected by magicSandbox.
-export const transformFiles = (files: FilesV2) =>
-  Object.values(files)
-    // Filter out index.html, which is handled separately.
-    .filter((file: FileV2) => file.name !== 'index.html')
-    .reduce((accumulator, file) => {
-      accumulator[file.name] = {
-        content: file.text,
-      };
-      return accumulator;
-    }, {});

package/src/v2Runtime/v3FilesToV2Files.test.ts DELETED Viewed

@@ -1,20 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { primordialViz } from 'entities/test/fixtures';
-import { v3FilesToV2Files } from './v3FilesToV2Files';
-describe('v2 v3FilesToV2Files', () => {
-  it('should compute correctly', () => {
-    expect(
-      v3FilesToV2Files(primordialViz.content.files),
-    ).toEqual([
-      {
-        name: 'index.html',
-        text: '<body style="font-size:26em">Hello</body>',
-      },
-      {
-        name: 'README.md',
-        text: 'Test [Markdown](https://www.markdownguide.org/).\n# Introduction\n\nThis is a test.',
-      },
-    ]);
-  });
-});

package/src/v2Runtime/v3FilesToV2Files.ts DELETED Viewed

@@ -1,14 +0,0 @@
-import { Files, FilesV2 } from 'entities';
-// Migrates V3 files to V2 files.
-export const v3FilesToV2Files = (files: Files): FilesV2 => {
-  const v2Files: FilesV2 = [];
-  for (const fileId in files) {
-    const file = files[fileId];
-    v2Files.push({
-      name: file.name,
-      text: file.text,
-    });
-  }
-  return v2Files;
-};