@plasmicapp/loader-react 1.0.184 → 1.0.186

package/dist/loader-react.esm.js

@@ -5,6 +5,7 @@ import * as PlasmicQuery from '@plasmicapp/query';
 import { PlasmicQueryDataProvider, PlasmicPrepassContext } from '@plasmicapp/query';
 export { usePlasmicQueryData } from '@plasmicapp/query';
 import { getBundleSubset, Registry, PlasmicModulesFetcher, PlasmicTracker } from '@plasmicapp/loader-core';
+import * as PlasmicDataSourcesContext from '@plasmicapp/data-sources-context';
 import { getExternalIds, getActiveVariation } from '@plasmicapp/loader-splits';
 import React__default, { useState, useCallback, useEffect, useRef, useMemo, createElement, memo, useContext, createContext } from 'react';
 import ReactDOM from 'react-dom';
@@ -168,11 +169,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,
@@ -187,7 +184,7 @@ function prepComponentData(bundle) {
   var compPaths = usedComps.map(function (compMeta) {
     return compMeta.entry;
   });
-  var subBundle = getBundleSubset.apply(void 0, [bundle, 'entrypoint.css'].concat(compPaths, ['root-provider.js'], bundle.projects.map(function (x) {
+  var subBundle = getBundleSubset(bundle, ['entrypoint.css'].concat(compPaths, ['root-provider.js'], bundle.projects.map(function (x) {
     return x.globalContextsProviderFileName;
   }).filter(function (x) {
     return !!x;
@@ -197,7 +194,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) {
@@ -312,7 +309,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) {
@@ -1628,6 +1625,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,
@@ -1749,9 +1747,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,
@@ -1762,9 +1760,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) {
@@ -1790,7 +1786,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":
@@ -1825,7 +1821,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;
@@ -1851,7 +1847,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;
@@ -1860,24 +1859,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();
           }
@@ -2457,6 +2457,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