@plasmicapp/loader-react 1.0.184 → 1.0.186

package/dist/bundles.d.ts

@@ -1,5 +1,7 @@
 import { ComponentMeta, LoaderBundleOutput } from '@plasmicapp/loader-core';
 import type { ComponentRenderData } from './loader';
-export declare function prepComponentData(bundle: LoaderBundleOutput, ...compMetas: ComponentMeta[]): ComponentRenderData;
+export declare function prepComponentData(bundle: LoaderBundleOutput, compMetas: ComponentMeta[], opts?: {
+    target?: 'browser' | 'server';
+}): ComponentRenderData;
 export declare function mergeBundles(target: LoaderBundleOutput, from: LoaderBundleOutput): LoaderBundleOutput;
 export declare const convertBundlesToComponentRenderData: (bundles: LoaderBundleOutput[], compMetas: ComponentMeta[]) => ComponentRenderData | null;

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

@@ -7,6 +7,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var PlasmicHost = require('@plasmicapp/host');
 var PlasmicQuery = require('@plasmicapp/query');
 var loaderCore = require('@plasmicapp/loader-core');
+var PlasmicDataSourcesContext = require('@plasmicapp/data-sources-context');
 var loaderSplits = require('@plasmicapp/loader-splits');
 var React = require('react');
 var React__default = _interopDefault(React);
@@ -171,11 +172,7 @@ function getUsedComps(allComponents, entryCompIds) {
   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];
-  }
-
+function prepComponentData(bundle, compMetas, opts) {
   if (compMetas.length === 0) {
     return {
       entryCompMetas: bundle.components,
@@ -190,7 +187,7 @@ function prepComponentData(bundle) {
   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.projects.map(function (x) {
+  var subBundle = loaderCore.getBundleSubset(bundle, ['entrypoint.css'].concat(compPaths, ['root-provider.js'], bundle.projects.map(function (x) {
     return x.globalContextsProviderFileName;
   }).filter(function (x) {
     return !!x;
@@ -200,7 +197,7 @@ function prepComponentData(bundle) {
     return c.entry;
   }), bundle.globalGroups.map(function (g) {
     return g.contextFile;
-  })));
+  })), opts);
   var remoteFontUrls = [];
   subBundle.projects.forEach(function (p) {
     return remoteFontUrls.push.apply(remoteFontUrls, p.remoteFonts.map(function (f) {
@@ -315,7 +312,7 @@ var convertBundlesToComponentRenderData = function convertBundlesToComponentRend
   var mergedBundles = bundles.reduce(function (prev, cur) {
     return mergeBundles(prev, cur);
   });
-  return prepComponentData.apply(void 0, [mergedBundles].concat(compMetas));
+  return prepComponentData(mergedBundles, compMetas);
 };
 
 function createCommonjsModule(fn, module) {
@@ -1631,6 +1628,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       // Also inject @plasmicapp/query and @plasmicapp/host to use the
       // same contexts here and in loader-downloaded code.
       '@plasmicapp/query': PlasmicQuery,
+      '@plasmicapp/data-sources-context': PlasmicDataSourcesContext,
       '@plasmicapp/host': PlasmicHost,
       '@plasmicapp/loader-runtime-registry': {
         components: this.substitutedComponents,
@@ -1752,9 +1750,9 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
     var _maybeFetchComponentData = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
       var _this2 = this;
 
-      var _len2,
+      var _parseFetchComponentD,
           specs,
-          _key2,
+          opts,
           returnWithSpecsToFetch,
           _this$maybeGetCompMet,
           existingMetas,
@@ -1765,9 +1763,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
-              for (_len2 = _args2.length, specs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                specs[_key2] = _args2[_key2];
-              }
+              _parseFetchComponentD = parseFetchComponentDataArgs.apply(void 0, _args2), specs = _parseFetchComponentD.specs, opts = _parseFetchComponentD.opts;
 
               returnWithSpecsToFetch = /*#__PURE__*/function () {
                 var _ref = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(specsToFetch) {
@@ -1793,7 +1789,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
                           return _context.abrupt("return", null);
 
                         case 5:
-                          return _context.abrupt("return", prepComponentData.apply(void 0, [_this2.bundle].concat(existingMetas2)));
+                          return _context.abrupt("return", prepComponentData(_this2.bundle, existingMetas2, opts));
 
                         case 6:
                         case "end":
@@ -1828,7 +1824,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
                 break;
               }
 
-              return _context2.abrupt("return", prepComponentData.apply(void 0, [this.bundle].concat(existingMetas)));
+              return _context2.abrupt("return", prepComponentData(this.bundle, existingMetas, opts));
 
             case 9:
               _context2.next = 11;
@@ -1854,7 +1850,10 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
 
   _proto.fetchComponentData = /*#__PURE__*/function () {
     var _fetchComponentData = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
-      var data,
+      var _parseFetchComponentD2,
+          specs,
+          opts,
+          data,
           _this$maybeGetCompMet2,
           missingSpecs,
           _args3 = arguments;
@@ -1863,24 +1862,25 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         while (1) {
           switch (_context3.prev = _context3.next) {
             case 0:
-              _context3.next = 2;
-              return this.maybeFetchComponentData.apply(this, _args3);
+              _parseFetchComponentD2 = parseFetchComponentDataArgs.apply(void 0, _args3), specs = _parseFetchComponentD2.specs, opts = _parseFetchComponentD2.opts;
+              _context3.next = 3;
+              return this.maybeFetchComponentData(specs, opts);
 
-            case 2:
+            case 3:
               data = _context3.sent;
 
               if (data) {
-                _context3.next = 6;
+                _context3.next = 7;
                 break;
               }
 
-              _this$maybeGetCompMet2 = this.maybeGetCompMetas.apply(this, _args3), missingSpecs = _this$maybeGetCompMet2.missing;
+              _this$maybeGetCompMet2 = this.maybeGetCompMetas.apply(this, specs), missingSpecs = _this$maybeGetCompMet2.missing;
               throw new Error("Unable to find components " + missingSpecs.map(getLookupSpecName).join(', '));
 
-            case 6:
+            case 7:
               return _context3.abrupt("return", data);
 
-            case 7:
+            case 8:
             case "end":
               return _context3.stop();
           }
@@ -2460,6 +2460,28 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
   return PlasmicComponentLoader;
 }();
 
+function parseFetchComponentDataArgs() {
+  var specs;
+  var opts;
+
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
+  if (Array.isArray(args[0])) {
+    specs = args[0];
+    opts = args[1];
+  } else {
+    specs = args;
+    opts = undefined;
+  }
+
+  return {
+    specs: specs,
+    opts: opts
+  };
+}
+
 /**
  * Hook that fetches and returns a React component for rendering the argument
  * Plasmic component.  Returns undefined if the component data is still