@plasmicapp/loader-react 1.0.169 → 1.0.172

package/dist/PlasmicRootProvider.d.ts

@@ -6,6 +6,7 @@ interface PlasmicRootContextValue {
     loader: InternalPlasmicComponentLoader;
     variation?: Record<string, string>;
     translator?: PlasmicTranslator;
+    Head?: React.ComponentType<any>;
 }
 export interface GlobalVariantSpec {
     name: string;
@@ -70,6 +71,11 @@ export declare function PlasmicRootProvider(props: {
      * Translator function to be used for text blocks
      */
     translator?: PlasmicTranslator;
+    /**
+     * Head component to use in PlasmicHead component (e.g. Head from next/head
+     * or Helmet from react-helmet).
+     */
+    Head?: React.ComponentType<any>;
     /**
      * Page path parameters (e.g. {slug: "foo"} if page path is
      * /products/[slug] and URI is /products/foo).

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

@@ -1168,6 +1168,9 @@ function matchesPagePath(pagePath, lookup) {
     params: params
   };
 }
+function isDynamicPagePath(path) {
+  return !!path.match(/\[[^/]*\]/);
+}
 
 function matchesCompMeta(lookup, meta) {
   if (lookup.projectId && meta.projectId !== lookup.projectId) {
@@ -1400,6 +1403,7 @@ function PlasmicRootProvider(props) {
       globalContextsProps = props.globalContextsProps,
       variation = props.variation,
       translator = props.translator,
+      Head = props.Head,
       pageParams = props.pageParams,
       pageQuery = props.pageQuery;
   var loader = props.loader.__internal;
@@ -1445,9 +1449,10 @@ function PlasmicRootProvider(props) {
       globalContextsProps: globalContextsProps,
       loader: loader,
       variation: variation,
-      translator: translator
+      translator: translator,
+      Head: Head
     };
-  }, [globalVariants, variation, globalContextsProps, loader, splits, translator]);
+  }, [globalVariants, variation, globalContextsProps, loader, splits, translator, Head]);
   return React.createElement(PlasmicQuery.PlasmicQueryDataProvider, {
     prefetchedCache: prefetchedQueryData,
     suspense: suspenseForQueryData
@@ -1871,7 +1876,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
   }();
 
   _proto.fetchPages = /*#__PURE__*/function () {
-    var _fetchPages = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4() {
+    var _fetchPages = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(opts) {
       var data;
       return runtime_1.wrap(function _callee4$(_context4) {
         while (1) {
@@ -1886,7 +1891,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
             case 3:
               data = _context4.sent;
               return _context4.abrupt("return", data.components.filter(function (comp) {
-                return comp.isPage && comp.path;
+                return comp.isPage && comp.path && ((opts == null ? void 0 : opts.includeDynamicPages) || !isDynamicPagePath(comp.path));
               }));
 
             case 5:
@@ -1897,7 +1902,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       }, _callee4, this);
     }));
 
-    function fetchPages() {
+    function fetchPages(_x2) {
       return _fetchPages.apply(this, arguments);
     }
 
@@ -1977,7 +1982,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       }, _callee6, this);
     }));
 
-    function fetchMissingData(_x2) {
+    function fetchMissingData(_x3) {
       return _fetchMissingData.apply(this, arguments);
     }
 
@@ -2018,7 +2023,7 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       }, _callee7, this);
     }));
 
-    function getActiveVariation(_x3) {
+    function getActiveVariation(_x4) {
       return _getActiveVariation2.apply(this, arguments);
     }
 
@@ -2300,12 +2305,12 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
   _proto2.fetchPages =
   /*#__PURE__*/
   function () {
-    var _fetchPages2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee11() {
+    var _fetchPages2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee11(opts) {
       return runtime_1.wrap(function _callee11$(_context11) {
         while (1) {
           switch (_context11.prev = _context11.next) {
             case 0:
-              return _context11.abrupt("return", this.__internal.fetchPages());
+              return _context11.abrupt("return", this.__internal.fetchPages(opts));
 
             case 1:
             case "end":
@@ -2315,7 +2320,7 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
       }, _callee11, this);
     }));
 
-    function fetchPages() {
+    function fetchPages(_x5) {
       return _fetchPages2.apply(this, arguments);
     }
 
@@ -2367,7 +2372,7 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
       }, _callee13, this);
     }));
 
-    function _getActiveVariation(_x4) {
+    function _getActiveVariation(_x6) {
       return _getActiveVariation3.apply(this, arguments);
     }
 
@@ -2405,7 +2410,7 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
       }, _callee14, this);
     }));
 
-    function getActiveVariation(_x5) {
+    function getActiveVariation(_x7) {
       return _getActiveVariation4.apply(this, arguments);
     }
 
@@ -2507,7 +2512,8 @@ function PlasmicComponent(props) {
   var loader = rootContext.loader,
       globalContextsProps = rootContext.globalContextsProps,
       variation = rootContext.variation,
-      translator = rootContext.translator;
+      translator = rootContext.translator,
+      Head = rootContext.Head;
   var Component = usePlasmicComponent({
     name: component,
     projectId: projectId,
@@ -2559,7 +2565,8 @@ function PlasmicComponent(props) {
         projectId: projectId
       });
       element = React.createElement(ReactWebRootProvider, {
-        translator: translator
+        translator: translator,
+        Head: Head
       }, React.createElement(MaybeWrap, {
         cond: !!GlobalContextsProvider,
         wrapper: function wrapper(children) {