@sitecore/byoc - npm Package Compare versions

Comparing version 0.0.16 to 0.0.17

build/react.js

@@ -85,7 +85,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 export function RegularComponent(props) {
-    const { componentName, fallback } = props, attributes = __rest(props, ["componentName", "fallback"]);
+    const { componentName, fallback, clientFallback } = props, attributes = __rest(props, ["componentName", "fallback", "clientFallback"]);
     const definition = getComponent(componentName);
     const Component = definition === null || definition === void 0 ? void 0 : definition.component;
-    if ((!Component && fallback) || !componentName)
-        return (React.createElement("feaas-external", { "data-external-id": componentName, suppressHydrationWarning: true, hydrate: "false" }, fallback));
+    const usedFallback = fallback || (typeof window != "undefined" ? clientFallback : null);
+    if ((!Component && usedFallback) || !componentName)
+        return (React.createElement("feaas-external", { "data-external-id": componentName, suppressHydrationWarning: true, hydrate: "false" }, usedFallback));
     const parsed = getComponentProperties(componentName, attributes);
@@ -92,0 +93,0 @@ delete parsed["suppressHydrationWarning"];

dist/browser/react.esm.js

@@ -1,2 +0,2 @@
-import o from"react";import{getComponent as f,getComponentProperties as g,isWebComponent as d,registered as y}from"@sitecore/byoc";import{objectKeysToKebabCase as u,toKebabCase as O}from"@sitecore/byoc";export*from"@sitecore/byoc";var p=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]]);return a},s=new Map,c=null,m=null;function x(e){var t;let{componentName:a}=e,n=p(e,["componentName"]),r=(t=f(a))===null||t===void 0?void 0:t.component;if(!s.get(a)){let i=m(()=>Promise.resolve(c),{ssr:!1,loading:()=>o.createElement(b,Object.assign({},n,{componentName:a}))});s.set(a,i)}let l=s.get(a);return o.createElement(l,Object.assign({},e,{fallback:r?o.createElement(r,Object.assign({},e)):null}))}function N(e,t){return m=e,c=t,t}function h(e){if(Object.keys(e).length!=0)return m?x(e):b(e)}function W(){return o.createElement(o.Fragment,null,o.createElement("byoc-registration",{components:JSON.stringify(Object.values(y)),suppressHydrationWarning:!0}),o.createElement(c,null))}function b(e){let{componentName:t,fallback:a}=e,n=p(e,["componentName","fallback"]),r=f(t),l=r==null?void 0:r.component;if(!l&&a||!t)return o.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},a);let i=g(t,n);delete i.suppressHydrationWarning;var j=null;return l&&d(l)?o.createElement("byoc-"+O(r.id),Object.assign(Object.assign({},u(i)),{suppressHydrationWarning:!0})):o.createElement(o.Fragment,null,o.createElement("feaas-external",Object.assign({},u(i),{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"}),l==null?null:o.createElement(l,Object.assign({},i))))}export{W as Bundle,h as Component,x as NextComponent,b as RegularComponent,N as enableNextClientsideComponents};
+import r from"react";import{getComponent as d,getComponentProperties as y,isWebComponent as O,registered as x}from"@sitecore/byoc";import{objectKeysToKebabCase as p,toKebabCase as j}from"@sitecore/byoc";export*from"@sitecore/byoc";var b=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(a[n[o]]=e[n[o]]);return a},s=new Map,m=null,u=null;function v(e){var t;let{componentName:a}=e,n=b(e,["componentName"]),o=(t=d(a))===null||t===void 0?void 0:t.component;if(!s.get(a)){let l=u(()=>Promise.resolve(m),{ssr:!1,loading:()=>r.createElement(g,Object.assign({},n,{componentName:a}))});s.set(a,l)}let i=s.get(a);return r.createElement(i,Object.assign({},e,{fallback:o?r.createElement(o,Object.assign({},e)):null}))}function k(e,t){return u=e,m=t,t}function w(e){if(Object.keys(e).length!=0)return u?v(e):g(e)}function F(){return r.createElement(r.Fragment,null,r.createElement("byoc-registration",{components:JSON.stringify(Object.values(x)),suppressHydrationWarning:!0}),r.createElement(m,null))}function g(e){let{componentName:t,fallback:a,clientFallback:n}=e,o=b(e,["componentName","fallback","clientFallback"]),i=d(t),l=i==null?void 0:i.component,f=a||(typeof window!="undefined"?n:null);if(!l&&f||!t)return r.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},f);let c=y(t,o);delete c.suppressHydrationWarning;var C=null;return l&&O(l)?r.createElement("byoc-"+j(i.id),Object.assign(Object.assign({},p(c)),{suppressHydrationWarning:!0})):r.createElement(r.Fragment,null,r.createElement("feaas-external",Object.assign({},p(c),{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"}),l==null?null:r.createElement(l,Object.assign({},c))))}export{F as Bundle,w as Component,v as NextComponent,g as RegularComponent,k as enableNextClientsideComponents};
 //# sourceMappingURL=react.esm.js.map

dist/node/react.esm.js

@@ -1,2 +0,2 @@
-import o from"react";import{getComponent as f,getComponentProperties as g,isWebComponent as d,registered as y}from"@sitecore/byoc";import{objectKeysToKebabCase as u,toKebabCase as O}from"@sitecore/byoc";export*from"@sitecore/byoc";var p=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]]);return a},s=new Map,c=null,m=null;function x(e){var t;let{componentName:a}=e,n=p(e,["componentName"]),r=(t=f(a))===null||t===void 0?void 0:t.component;if(!s.get(a)){let i=m(()=>Promise.resolve(c),{ssr:!1,loading:()=>o.createElement(b,Object.assign({},n,{componentName:a}))});s.set(a,i)}let l=s.get(a);return o.createElement(l,Object.assign({},e,{fallback:r?o.createElement(r,Object.assign({},e)):null}))}function N(e,t){return m=e,c=t,t}function h(e){if(Object.keys(e).length!=0)return m?x(e):b(e)}function W(){return o.createElement(o.Fragment,null,o.createElement("byoc-registration",{components:JSON.stringify(Object.values(y)),suppressHydrationWarning:!0}),o.createElement(c,null))}function b(e){let{componentName:t,fallback:a}=e,n=p(e,["componentName","fallback"]),r=f(t),l=r==null?void 0:r.component;if(!l&&a||!t)return o.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},a);let i=g(t,n);delete i.suppressHydrationWarning;var j=null;return l&&d(l)?o.createElement("byoc-"+O(r.id),Object.assign(Object.assign({},u(i)),{suppressHydrationWarning:!0})):o.createElement(o.Fragment,null,o.createElement("feaas-external",Object.assign({},u(i),{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"}),l==null?null:o.createElement(l,Object.assign({},i))))}export{W as Bundle,h as Component,x as NextComponent,b as RegularComponent,N as enableNextClientsideComponents};
+import r from"react";import{getComponent as d,getComponentProperties as y,isWebComponent as O,registered as x}from"@sitecore/byoc";import{objectKeysToKebabCase as p,toKebabCase as j}from"@sitecore/byoc";export*from"@sitecore/byoc";var b=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(a[n[o]]=e[n[o]]);return a},s=new Map,m=null,u=null;function v(e){var t;let{componentName:a}=e,n=b(e,["componentName"]),o=(t=d(a))===null||t===void 0?void 0:t.component;if(!s.get(a)){let l=u(()=>Promise.resolve(m),{ssr:!1,loading:()=>r.createElement(g,Object.assign({},n,{componentName:a}))});s.set(a,l)}let i=s.get(a);return r.createElement(i,Object.assign({},e,{fallback:o?r.createElement(o,Object.assign({},e)):null}))}function k(e,t){return u=e,m=t,t}function w(e){if(Object.keys(e).length!=0)return u?v(e):g(e)}function F(){return r.createElement(r.Fragment,null,r.createElement("byoc-registration",{components:JSON.stringify(Object.values(x)),suppressHydrationWarning:!0}),r.createElement(m,null))}function g(e){let{componentName:t,fallback:a,clientFallback:n}=e,o=b(e,["componentName","fallback","clientFallback"]),i=d(t),l=i==null?void 0:i.component,f=a||(typeof window!="undefined"?n:null);if(!l&&f||!t)return r.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},f);let c=y(t,o);delete c.suppressHydrationWarning;var C=null;return l&&O(l)?r.createElement("byoc-"+j(i.id),Object.assign(Object.assign({},p(c)),{suppressHydrationWarning:!0})):r.createElement(r.Fragment,null,r.createElement("feaas-external",Object.assign({},p(c),{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"}),l==null?null:r.createElement(l,Object.assign({},c))))}export{F as Bundle,w as Component,v as NextComponent,g as RegularComponent,k as enableNextClientsideComponents};
 //# sourceMappingURL=react.esm.js.map

package.json

@@ -5,3 +5,3 @@ {
   "description": "Bring-Your-Own-Components runtime to register and retrieve react components",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "scripts": {
@@ -8,0 +8,0 @@ "test": "npx vitest",

react.js

@@ -1,2 +0,2 @@
-"use strict";var j=Object.create;var f=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})},p=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of C(t))!N.call(e,r)&&r!==n&&f(e,r,{get:()=>t[r],enumerable:!(o=v(t,r))||o.enumerable});return e},l=(e,t,n)=>(p(e,t,"default"),n&&p(n,t,"default")),W=(e,t,n)=>(n=e!=null?j(E(e)):{},p(t||!e||!e.__esModule?f(n,"default",{value:e,enumerable:!0}):n,e)),H=e=>p(f({},"__esModule",{value:!0}),e);var a={};h(a,{Bundle:()=>k,Component:()=>_,NextComponent:()=>x,RegularComponent:()=>y,enableNextClientsideComponents:()=>P});module.exports=H(a);var i=W(require("react"),1),s=require("@sitecore/byoc"),u=require("@sitecore/byoc");l(a,require("@sitecore/byoc"),module.exports);var O=function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]]);return n},b=new Map,g=null,d=null;function x(e){var t;let{componentName:n}=e,o=O(e,["componentName"]),r=(t=(0,s.getComponent)(n))===null||t===void 0?void 0:t.component;if(!b.get(n)){let m=d(()=>Promise.resolve(g),{ssr:!1,loading:()=>i.default.createElement(y,Object.assign({},o,{componentName:n}))});b.set(n,m)}let c=b.get(n);return i.default.createElement(c,Object.assign({},e,{fallback:r?i.default.createElement(r,Object.assign({},e)):null}))}function P(e,t){return d=e,g=t,t}function _(e){if(Object.keys(e).length!=0)return d?x(e):y(e)}function k(){return i.default.createElement(i.default.Fragment,null,i.default.createElement("byoc-registration",{components:JSON.stringify(Object.values(s.registered)),suppressHydrationWarning:!0}),i.default.createElement(g,null))}function y(e){let{componentName:t,fallback:n}=e,o=O(e,["componentName","fallback"]),r=(0,s.getComponent)(t),c=r==null?void 0:r.component;if(!c&&n||!t)return i.default.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},n);let m=(0,s.getComponentProperties)(t,o);delete m.suppressHydrationWarning;var w=null;return c&&(0,s.isWebComponent)(c)?i.default.createElement("byoc-"+(0,u.toKebabCase)(r.id),Object.assign(Object.assign({},(0,u.objectKeysToKebabCase)(m)),{suppressHydrationWarning:!0})):i.default.createElement(i.default.Fragment,null,i.default.createElement("feaas-external",Object.assign({},(0,u.objectKeysToKebabCase)(m),{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"}),c==null?null:i.default.createElement(c,Object.assign({},m))))}
+"use strict";var C=Object.create;var b=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var w=(e,t)=>{for(var n in t)b(e,n,{get:t[n],enumerable:!0})},p=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of N(t))!k.call(e,a)&&a!==n&&b(e,a,{get:()=>t[a],enumerable:!(r=E(t,a))||r.enumerable});return e},l=(e,t,n)=>(p(e,t,"default"),n&&p(n,t,"default")),F=(e,t,n)=>(n=e!=null?C(h(e)):{},p(t||!e||!e.__esModule?b(n,"default",{value:e,enumerable:!0}):n,e)),W=e=>p(b({},"__esModule",{value:!0}),e);var o={};w(o,{Bundle:()=>_,Component:()=>P,NextComponent:()=>v,RegularComponent:()=>O,enableNextClientsideComponents:()=>H});module.exports=W(o);var i=F(require("react"),1),c=require("@sitecore/byoc"),u=require("@sitecore/byoc");l(o,require("@sitecore/byoc"),module.exports);var j=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]]);return n},d=new Map,g=null,y=null;function v(e){var t;let{componentName:n}=e,r=j(e,["componentName"]),a=(t=(0,c.getComponent)(n))===null||t===void 0?void 0:t.component;if(!d.get(n)){let s=y(()=>Promise.resolve(g),{ssr:!1,loading:()=>i.default.createElement(O,Object.assign({},r,{componentName:n}))});d.set(n,s)}let m=d.get(n);return i.default.createElement(m,Object.assign({},e,{fallback:a?i.default.createElement(a,Object.assign({},e)):null}))}function H(e,t){return y=e,g=t,t}function P(e){if(Object.keys(e).length!=0)return y?v(e):O(e)}function _(){return i.default.createElement(i.default.Fragment,null,i.default.createElement("byoc-registration",{components:JSON.stringify(Object.values(c.registered)),suppressHydrationWarning:!0}),i.default.createElement(g,null))}function O(e){let{componentName:t,fallback:n,clientFallback:r}=e,a=j(e,["componentName","fallback","clientFallback"]),m=(0,c.getComponent)(t),s=m==null?void 0:m.component,x=n||(typeof window!="undefined"?r:null);if(!s&&x||!t)return i.default.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},x);let f=(0,c.getComponentProperties)(t,a);delete f.suppressHydrationWarning;var K=null;return s&&(0,c.isWebComponent)(s)?i.default.createElement("byoc-"+(0,u.toKebabCase)(m.id),Object.assign(Object.assign({},(0,u.objectKeysToKebabCase)(f)),{suppressHydrationWarning:!0})):i.default.createElement(i.default.Fragment,null,i.default.createElement("feaas-external",Object.assign({},(0,u.objectKeysToKebabCase)(f),{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"}),s==null?null:i.default.createElement(s,Object.assign({},f))))}
 //# sourceMappingURL=react.js.map

types/react.d.ts

@@ -7,2 +7,3 @@ /// <reference types="@types/react" />
     fallback?: any;
+    clientFallback?: any;
     [prop: string]: any;
@@ -9,0 +10,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

358001

increased by0.67%

Lines of code

1808

increased by0.44%

No dependency changes