react-visualizer 2.1.1 → 3.0.0

package/dist/OldReactVisualizer.js

@@ -0,0 +1,46 @@
+"use strict";
+const React = require("react");
+const makeVisualizerPage = require("./makeVisualizerPage");
+const ReactVisualizer = require("./ReactVisualizer");
+const urls = /* @__PURE__ */ new Map();
+function relativeUrl(from, to) {
+  return new URL(to, from).href;
+}
+class OldReactVisualizer extends React.PureComponent {
+  render() {
+    const currentHref = window.location.href;
+    let cdn = this.props.cdn ? this.props.cdn.replace(/\/$/, "") : "https://www.lactame.com/visualizer";
+    cdn = relativeUrl(currentHref, cdn);
+    let scripts = this.props.scripts || [];
+    scripts = scripts.map((script) => {
+      if (script.url || typeof script === "string") {
+        return {
+          url: relativeUrl(currentHref, script.url || script)
+        };
+      } else {
+        return script;
+      }
+    });
+    const page = makeVisualizerPage({
+      cdn,
+      fallbackVersion: this.props.fallbackVersion,
+      scripts
+    });
+    if (!urls.has(page)) {
+      urls.set(page, URL.createObjectURL(new Blob([page], { type: "text/html" })));
+    }
+    const url = urls.get(page);
+    return /* @__PURE__ */ React.createElement(
+      ReactVisualizer,
+      {
+        url,
+        viewURL: this.props.viewURL,
+        dataURL: this.props.dataURL,
+        config: this.props.config,
+        version: this.props.version,
+        style: this.props.style
+      }
+    );
+  }
+}
+module.exports = OldReactVisualizer;

package/dist/ReactVisualizer.js

@@ -0,0 +1,55 @@
+"use strict";
+const React = require("react");
+const configs = /* @__PURE__ */ new Map();
+function relativeUrl(from, to) {
+  return new URL(to, from).href;
+}
+function ReactVisualizer(props) {
+  const currentHref = window.location.href;
+  let viewURL = props.viewURL || "";
+  if (viewURL) viewURL = relativeUrl(currentHref, viewURL);
+  let dataURL = props.dataURL || "";
+  if (dataURL) dataURL = relativeUrl(currentHref, dataURL);
+  let config = props.config || "";
+  const version = props.version || "latest";
+  if (typeof config === "object" && config !== null) {
+    if (config.header && config.header.elements) {
+      config = JSON.parse(JSON.stringify(config));
+      const els = config.header.elements;
+      for (let i = 0; i < els.length; i++) {
+        if (els[i].url) els[i].url = relativeUrl(currentHref, els[i].url);
+      }
+    }
+    const configJson = JSON.stringify(config);
+    if (!configs.has(configJson))
+      configs.set(
+        configJson,
+        URL.createObjectURL(
+          new Blob([configJson], { type: "application/json" })
+        )
+      );
+    config = configs.get(configJson);
+  }
+  const style = props.style || {
+    width: "100%",
+    height: "100%",
+    position: "absolute",
+    border: "none"
+  };
+  let query = ["viewURL", viewURL, "dataURL", dataURL, "config", config];
+  query = query.map(function(v, i) {
+    if (i % 2 === 1)
+      return query[i - 1] + "=" + encodeURIComponent(query[i]);
+  }).filter(function(v) {
+    return v !== void 0;
+  });
+  query = query.join("&");
+  if (version !== "auto" || !viewURL) {
+    const v = version === "auto" ? "latest" : version;
+    query += "&v=" + v;
+  } else {
+    query += "&loadversion=true";
+  }
+  return /* @__PURE__ */ React.createElement("iframe", { allowFullScreen: true, src: props.url + "#?" + query, style });
+}
+module.exports = ReactVisualizer;

package/dist/index.js

@@ -1,110 +1,6 @@
-'use strict';
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var React = require('react');
-
-var page = require('./visualizer.js');
-var urls = new Map();
-var configs = new Map();
-
-function relativeUrl(from, to) {
-  return new URL(to, from).href;
-}
-
-var ReactVisualizer = function (_React$PureComponent) {
-  _inherits(ReactVisualizer, _React$PureComponent);
-
-  function ReactVisualizer() {
-    _classCallCheck(this, ReactVisualizer);
-
-    return _possibleConstructorReturn(this, (ReactVisualizer.__proto__ || Object.getPrototypeOf(ReactVisualizer)).apply(this, arguments));
-  }
-
-  _createClass(ReactVisualizer, [{
-    key: 'render',
-    value: function render() {
-      var currentHref = window.location.href;
-      var cdn = this.props.cdn ? this.props.cdn.replace(/\/$/, '') : 'https://www.lactame.com/visualizer';
-      cdn = relativeUrl(currentHref, cdn);
-      var fallbackVersion = this.props.fallbackVersion || 'latest';
-      var h = page.replace(/\{\{ cdn }}/g, cdn);
-      h = h.replace(/\{\{ fallbackVersion }}/g, fallbackVersion);
-      var scripts = this.props.scripts || [];
-      var scriptsStr = scripts.reduce(function (value, script) {
-        if (script.url || typeof script === 'string') {
-          var url = script.url;
-          if (url) {
-            url = relativeUrl(currentHref, url);
-          }
-          return value + ('<script src="' + (url || script) + '"></script>\n');
-        } else if (script.content) {
-          return value + ('<script>' + script.content + '</script>\n');
-        } else {
-          throw new Error('script must have url or content');
-        }
-      }, '');
-      h = h.replace('{{scripts}}', scriptsStr);
-
-      if (!urls.has(h)) {
-        urls.set(h, URL.createObjectURL(new Blob([h], { type: 'text/html' })));
-      }
-      var url = urls.get(h);
-      var viewURL = this.props.viewURL || '';
-      if (viewURL) viewURL = relativeUrl(currentHref, viewURL);
-      var dataURL = this.props.dataURL || '';
-      if (dataURL) dataURL = relativeUrl(currentHref, dataURL);
-      var config = this.props.config || '';
-      var version = this.props.version || 'latest';
-
-      if ((typeof config === 'undefined' ? 'undefined' : _typeof(config)) === 'object' && config !== null) {
-        if (config.header && config.header.elements) {
-          config = JSON.parse(JSON.stringify(config));
-          var els = config.header.elements;
-          for (var i = 0; i < els.length; i++) {
-            if (els[i].url) els[i].url = relativeUrl(currentHref, els[i].url);
-          }
-        }
-        var configJson = JSON.stringify(config);
-        if (!configs.has(configJson)) configs.set(configJson, URL.createObjectURL(new Blob([configJson], { type: 'application/json' })));
-        config = configs.get(configJson);
-      }
-
-      var style = this.props.style || {
-        width: '100%',
-        height: '100%',
-        position: 'absolute',
-        border: 'none'
-      };
-
-      var query = ['viewURL', viewURL, 'dataURL', dataURL, 'config', config];
-      query = query.map(function (v, i) {
-        if (i % 2 === 1) return query[i - 1] + '=' + encodeURIComponent(query[i]);
-      }).filter(function (v) {
-        return v !== undefined;
-      });
-      query = query.join('&');
-
-      if (version !== 'auto' || !viewURL) {
-        // Force version to be loaded
-        var v = version === 'auto' ? 'latest' : version;
-        query += '&v=' + v;
-      } else {
-        query += '&loadversion=true';
-      }
-      return React.createElement('iframe', { allowFullScreen: true, src: url + '#?' + query, style: style });
-    }
-  }]);
-
-  return ReactVisualizer;
-}(React.PureComponent);
-
-module.exports = ReactVisualizer;
+"use strict";
+module.exports = {
+  ReactVisualizer: require("./ReactVisualizer"),
+  makeVisualizerPage: require("./makeVisualizerPage"),
+  OldReactVisualizer: require("./OldReactVisualizer")
+};

package/dist/makeVisualizerPage.js

@@ -0,0 +1,22 @@
+"use strict";
+const template = require("./visualizer");
+function makeVisualizerPage(options = {}) {
+  const {
+    cdn = "https://www.lactame.com/visualizer",
+    fallbackVersion = "latest",
+    scripts = []
+  } = options;
+  const scriptsStr = scripts.reduce(function(value, script) {
+    if (script.url) {
+      return value + `<script src="${script.url}"><\/script>
+`;
+    } else if (script.content) {
+      return value + `<script>${script.content}<\/script>
+`;
+    } else {
+      throw new Error("script must have url or content");
+    }
+  }, "");
+  return template.replaceAll("{{ cdn }}", cdn).replaceAll("{{ fallbackVersion }}", fallbackVersion).replace("{{ scripts }}", scriptsStr);
+}
+module.exports = makeVisualizerPage;