@sitecore/byoc - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

build/react.js

@@ -61,3 +61,3 @@ var __rest = (this && this.__rest) || function (s, e) {
     if (Object.keys(props).length == 0) {
-        return;
+        return React.createElement(React.Fragment, null);
     }
@@ -64,0 +64,0 @@ // _dynamic property ensures the component does not endlessly loop in pre-app-router setup

dist/browser/react.esm.js

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

dist/node/react.esm.js

@@ -1,2 +0,2 @@
-import n from"react";import{getComponent as y,getComponentProperties as j,isWebComponent as x,registered as v}from"@sitecore/byoc";import{objectKeysToKebabCase as E,toKebabCase as C}from"@sitecore/byoc";export*from"@sitecore/byoc";var d=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,t=Object.getOwnPropertySymbols(e);a<t.length;a++)r.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(o[t[a]]=e[t[a]]);return o},p=null,i=null;function N(e){var r;let{componentName:o,clientFallback:t}=e,a=d(e,["componentName","clientFallback"]),m=(r=y(o))===null||r===void 0?void 0:r.component,u=n.useMemo(()=>i(()=>Promise.resolve(p),{ssr:!1,loading:()=>n.createElement(O,Object.assign({},a,{componentName:o}))}),[]);return n.createElement(u,Object.assign({},e,{fallback:m?n.createElement(m,Object.assign({},e)):t?n.createElement(i(()=>Promise.resolve(()=>t),{ssr:!1})):e.fallback}))}function k(e,r){return i=e,p=r,r}function F(e){if(Object.keys(e).length!=0)return i&&!e._dynamic?N(Object.assign({_dynamic:!0},e)):O(e)}function W(){return n.createElement(n.Fragment,null,n.createElement("byoc-registration",{components:JSON.stringify(Object.values(v)),suppressHydrationWarning:!0}),n.createElement(p,null))}function O(e){let{componentName:r,className:o,fallback:t,suppressHydrationWarning:a,_dynamic:m}=e,u=d(e,["componentName","className","fallback","suppressHydrationWarning","_dynamic"]),l=y(r),s=l==null?void 0:l.component,g=j(r,u),c=Object.assign(Object.assign({"data-external-id":r},E(g)),{suppressHydrationWarning:!0,class:o});return Object.keys(c).forEach(f=>{let b=c[f];b&&typeof b=="object"&&f!="class"&&Object.assign(c,{[f]:JSON.stringify(b)})}),!s&&t||!r?n.createElement("feaas-external",Object.assign({},c,{hydrate:"false"}),t):s&&x(s)?n.createElement("byoc-"+C(l.id),c):n.createElement(n.Fragment,null,n.createElement("feaas-external",Object.assign({},c,{hydrate:"false"}),s==null?null:n.createElement(s,Object.assign({},g))))}export{W as Bundle,F as Component,N as NextComponent,O as RegularComponent,k as enableNextClientsideComponents};
+import t from"react";import{getComponent as y,getComponentProperties as j,isWebComponent as x,registered as E}from"@sitecore/byoc";import{objectKeysToKebabCase as v,toKebabCase as C}from"@sitecore/byoc";export*from"@sitecore/byoc";var d=function(e,r){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(o[n[a]]=e[n[a]]);return o},p=null,i=null;function N(e){var r;let{componentName:o,clientFallback:n}=e,a=d(e,["componentName","clientFallback"]),m=(r=y(o))===null||r===void 0?void 0:r.component,u=t.useMemo(()=>i(()=>Promise.resolve(p),{ssr:!1,loading:()=>t.createElement(O,Object.assign({},a,{componentName:o}))}),[]);return t.createElement(u,Object.assign({},e,{fallback:m?t.createElement(m,Object.assign({},e)):n?t.createElement(i(()=>Promise.resolve(()=>n),{ssr:!1})):e.fallback}))}function k(e,r){return i=e,p=r,r}function F(e){return Object.keys(e).length==0?t.createElement(t.Fragment,null):i&&!e._dynamic?N(Object.assign({_dynamic:!0},e)):O(e)}function W(){return t.createElement(t.Fragment,null,t.createElement("byoc-registration",{components:JSON.stringify(Object.values(E)),suppressHydrationWarning:!0}),t.createElement(p,null))}function O(e){let{componentName:r,className:o,fallback:n,suppressHydrationWarning:a,_dynamic:m}=e,u=d(e,["componentName","className","fallback","suppressHydrationWarning","_dynamic"]),s=y(r),l=s==null?void 0:s.component,g=j(r,u),c=Object.assign(Object.assign({"data-external-id":r},v(g)),{suppressHydrationWarning:!0,class:o});return Object.keys(c).forEach(f=>{let b=c[f];b&&typeof b=="object"&&f!="class"&&Object.assign(c,{[f]:JSON.stringify(b)})}),!l&&n||!r?t.createElement("feaas-external",Object.assign({},c,{hydrate:"false"}),n):l&&x(l)?t.createElement("byoc-"+C(s.id),c):t.createElement(t.Fragment,null,t.createElement("feaas-external",Object.assign({},c,{hydrate:"false"}),l==null?null:t.createElement(l,Object.assign({},g))))}export{W as Bundle,F as Component,N as NextComponent,O 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.1.5",
+  "version": "0.1.6",
   "scripts": {
@@ -8,0 +8,0 @@ "test": "npx vitest",

react.js

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

types/react.d.ts

@@ -35,3 +35,3 @@ /// <reference types="@types/react" />
  */
-export declare function Component(props: ComponentProps): React.JSX.Element | undefined;
+export declare function Component(props: ComponentProps): React.JSX.Element;
 /**
@@ -38,0 +38,0 @@ * Pass list of server side component registrations to clients, and embed clientside components to the page.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

369429

increased by0.14%

No dependency changes