@plasmicapp/loader-react 1.0.16 → 1.0.21

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { PlasmicCanvasContext, PlasmicCanvasHost, PrimitiveType, PropType, repeatedElement, } from '@plasmicapp/host';
 export { convertBundlesToComponentRenderData } from './bundles';
 export { ComponentRenderData, InitOptions, initPlasmicLoader, PlasmicComponentLoader, } from './loader';
 export { PlasmicComponent } from './PlasmicComponent';

package/dist/loader-react.cjs.development.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+var host = require('@plasmicapp/host');
 var loaderCore = require('@plasmicapp/loader-core');
-var _registerComponent = _interopDefault(require('@plasmicapp/host/registerComponent'));
 var React = require('react');
 var React__default = _interopDefault(React);
 var ReactDOM = _interopDefault(require('react-dom'));
@@ -104,6 +104,36 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
+function getUsedComps(allComponents, entryCompIds) {
+  var q = [].concat(entryCompIds);
+  var seenIds = new Set(entryCompIds);
+  var componentMetaById = new Map(allComponents.map(function (meta) {
+    return [meta.id, meta];
+  }));
+  var usedComps = [];
+
+  while (q.length > 0) {
+    var _q$splice = q.splice(0, 1),
+        id = _q$splice[0];
+
+    var meta = componentMetaById.get(id);
+
+    if (!meta) {
+      continue;
+    }
+
+    usedComps.push(meta);
+    meta.usedComponents.forEach(function (usedCompId) {
+      if (!seenIds.has(usedCompId)) {
+        seenIds.add(usedCompId);
+        q.push(usedCompId);
+      }
+    });
+  }
+
+  return usedComps;
+}
+
 function prepComponentData(bundle) {
   for (var _len = arguments.length, compMetas = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     compMetas[_key - 1] = arguments[_key];
@@ -117,7 +147,10 @@ function prepComponentData(bundle) {
     };
   }
 
-  var compPaths = compMetas.map(function (compMeta) {
+  var usedComps = getUsedComps(bundle.components, compMetas.map(function (compMeta) {
+    return compMeta.id;
+  }));
+  var compPaths = usedComps.map(function (compMeta) {
     return compMeta.entry;
   });
   var subBundle = loaderCore.getBundleSubset.apply(void 0, [bundle, 'entrypoint.css'].concat(compPaths, ['root-provider.js'], bundle.globalGroups.map(function (g) {
@@ -1328,7 +1361,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       isCode: true
     }); // Import path is not used as we will use component substitution
 
-    _registerComponent(component, _extends({}, meta, {
+    host.registerComponent(component, _extends({}, meta, {
       importPath: (_meta$importPath = meta.importPath) != null ? _meta$importPath : ''
     }));
   };
@@ -2048,6 +2081,24 @@ function makeElement(loader, lookup, opts) {
   }));
 }
 
+Object.defineProperty(exports, 'PlasmicCanvasContext', {
+  enumerable: true,
+  get: function () {
+    return host.PlasmicCanvasContext;
+  }
+});
+Object.defineProperty(exports, 'PlasmicCanvasHost', {
+  enumerable: true,
+  get: function () {
+    return host.PlasmicCanvasHost;
+  }
+});
+Object.defineProperty(exports, 'repeatedElement', {
+  enumerable: true,
+  get: function () {
+    return host.repeatedElement;
+  }
+});
 exports.PlasmicComponent = PlasmicComponent;
 exports.PlasmicComponentLoader = PlasmicComponentLoader;
 exports.PlasmicRootProvider = PlasmicRootProvider;