@plasmicapp/loader-react 1.0.63 → 1.0.67

package/dist/PlasmicRootProvider.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { ComponentRenderData, InternalPlasmicComponentLoader, PlasmicComponentLoader } from './loader';
 interface PlasmicRootContextValue {
     globalVariants?: GlobalVariantSpec[];
+    globalContextsProps?: Record<string, any>;
     loader: InternalPlasmicComponentLoader;
 }
 export interface GlobalVariantSpec {
@@ -48,6 +49,12 @@ export declare function PlasmicRootProvider(props: {
      * (throwing promises).
      */
     suspenseForQueryData?: boolean;
+    /**
+     * Override your Global Contexts Provider props. This is a map from
+     * globalContextComponentNameProps to object of props to use for that
+     * component.
+     */
+    globalContextsProps?: Record<string, any>;
 }): JSX.Element;
 export declare function usePlasmicRootContext(): PlasmicRootContextValue | undefined;
 export {};

package/dist/component-lookup.d.ts

@@ -13,6 +13,7 @@ export declare class ComponentLookup {
         meta: GlobalGroupMeta;
         context: any;
     }[];
+    getGlobalContextsProvider(projectId: string | undefined): any;
     getRootProvider(): any;
     getCss(): AssetModule[];
     getRemoteFonts(): FontMeta[];

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

@@ -174,7 +174,11 @@ 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.globalGroups.map(function (g) {
+  var subBundle = loaderCore.getBundleSubset.apply(void 0, [bundle, 'entrypoint.css'].concat(compPaths, ['root-provider.js'], bundle.projects.map(function (x) {
+    return x.globalContextsProviderFileName;
+  }).filter(function (x) {
+    return !!x;
+  }), bundle.globalGroups.map(function (g) {
     return g.contextFile;
   })));
   var remoteFontUrls = [];
@@ -1183,6 +1187,21 @@ var ComponentLookup = /*#__PURE__*/function () {
     });
   };
 
+  _proto.getGlobalContextsProvider = function getGlobalContextsProvider(projectId) {
+    var projectMeta = projectId ? this.bundle.projects.find(function (x) {
+      return x.id === projectId;
+    }) : this.bundle.projects.find(function (x) {
+      return !!x.globalContextsProviderFileName;
+    });
+
+    if (!projectMeta || !projectMeta.globalContextsProviderFileName || !this.registry.hasModule(projectMeta.globalContextsProviderFileName)) {
+      return undefined;
+    }
+
+    var entry = this.registry.load(projectMeta.globalContextsProviderFileName);
+    return entry["default"];
+  };
+
   _proto.getRootProvider = function getRootProvider() {
     var entry = this.registry.load('root-provider.js');
     return entry["default"];
@@ -1217,7 +1236,8 @@ function PlasmicRootProvider(props) {
       skipCss = props.skipCss,
       skipFonts = props.skipFonts,
       prefetchedQueryData = props.prefetchedQueryData,
-      suspenseForQueryData = props.suspenseForQueryData;
+      suspenseForQueryData = props.suspenseForQueryData,
+      globalContextsProps = props.globalContextsProps;
   var loader = props.loader.__internal;
 
   if (prefetchedData) {
@@ -1227,9 +1247,10 @@ function PlasmicRootProvider(props) {
   var value = React.useMemo(function () {
     return {
       globalVariants: globalVariants,
+      globalContextsProps: globalContextsProps,
       loader: loader
     };
-  }, [globalVariants, loader]);
+  }, [globalVariants, globalContextsProps, loader]);
   return React.createElement(PlasmicQuery.PlasmicQueryDataProvider, {
     prefetchedCache: prefetchedQueryData,
     suspense: suspenseForQueryData
@@ -2143,14 +2164,24 @@ function PlasmicComponent(props) {
     // "root-most PlasmicComponent"; we won't risk invalidating the sub-tree
     // here because there were no children before the data came in.
     var ReactWebRootProvider = lookup.getRootProvider();
-    element = React.createElement(ReactWebRootProvider, null, React.createElement(PlasmicComponentContext.Provider, {
+    var GlobalContextsProvider = lookup.getGlobalContextsProvider(projectId);
+    element = React.createElement(ReactWebRootProvider, null, React.createElement(MaybeWrap, {
+      cond: !!GlobalContextsProvider,
+      wrapper: function wrapper(children) {
+        return React.createElement(GlobalContextsProvider, Object.assign({}, rootContext.globalContextsProps), children);
+      }
+    }, React.createElement(PlasmicComponentContext.Provider, {
       value: true
-    }, element));
+    }, element)));
   }
 
   return element;
 }
 
+function MaybeWrap(props) {
+  return props.cond ? props.wrapper(props.children) : props.children;
+}
+
 /**
  * Performs a prepass over Plasmic content, kicking off the necessary
  * data fetches, and populating the fetched data into a cache.  This