@sitecore/byoc - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18-alpha.1

build/react.js

@@ -12,6 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
-import React from "react";
-import { getComponent, getComponentProperties, isWebComponent, registered, } from "@sitecore/byoc";
-import { objectKeysToKebabCase, toKebabCase } from "@sitecore/byoc";
-export * from "@sitecore/byoc";
+import React from 'react';
+import { getComponent, getComponentProperties, isWebComponent, registered } from '@sitecore/byoc';
+import { objectKeysToKebabCase, toKebabCase } from '@sitecore/byoc';
+export * from '@sitecore/byoc';
 const NextComponents = new Map();
@@ -36,8 +36,12 @@ var NextClientsideRenderer = null;
             ssr: false,
-            loading: () => (React.createElement(RegularComponent, Object.assign({}, attributes, { componentName: componentName }))),
+            loading: () => React.createElement(RegularComponent, Object.assign({}, attributes, { componentName: componentName }))
         });
         NextComponents.set(componentName, Dynamic);
     }
+    // wrap clientFallback into a dynamic() call to make it render clientside hydration
+    const clientFallback = props.clientFallback;
+    if (clientFallback)
+        props = Object.assign({ clientFallback: () => NextDynamicFunction(() => Promise.resolve(() => clientFallback)) }, props);
     const External = NextComponents.get(componentName);
-    return (React.createElement(External, Object.assign({}, props, { fallback: Component ? React.createElement(Component, Object.assign({}, props)) : null })));
+    return React.createElement(External, Object.assign({}, props, { fallback: Component ? React.createElement(Component, Object.assign({}, props)) : null }));
 }
@@ -58,3 +62,5 @@ /**
 /**
- * Renders a registered external component in a React tree.
+ * Renders a registered external component in a React tree. If enableNextClientsideComponents was called previously,
+ * the component is rendered using NextComponent codepath, which allows rendering separate component on client and
+ * server.
  *
@@ -68,4 +74,6 @@ * @param {ComponentProps} props  - The properties for the component.
     }
-    if (NextDynamicFunction)
-        return NextComponent(props);
+    // _dynamic property ensures the component does not endlessly loop in pre-app-router setup
+    if (NextDynamicFunction && !props._dynamic) {
+        return NextComponent(Object.assign({ _dynamic: true }, props));
+    }
     return RegularComponent(props);
@@ -89,18 +97,16 @@ }
 export function RegularComponent(props) {
-    const { componentName, fallback, clientFallback } = props, attributes = __rest(props, ["componentName", "fallback", "clientFallback"]);
+    const { componentName, fallback, clientFallback, suppressHydrationWarning, _dynamic } = props, attributes = __rest(props, ["componentName", "fallback", "clientFallback", "suppressHydrationWarning", "_dynamic"]);
     const definition = getComponent(componentName);
     const Component = definition === null || definition === void 0 ? void 0 : definition.component;
-    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 usedFallback = fallback || (typeof window != 'undefined' ? clientFallback : null);
+    if ((!Component && fallback) || !componentName)
+        return (React.createElement("feaas-external", { "data-external-id": componentName, suppressHydrationWarning: true, hydrate: 'false' }, usedFallback));
     const parsed = getComponentProperties(componentName, attributes);
-    delete parsed["suppressHydrationWarning"];
-    var htmlTag = null;
     if (Component && isWebComponent(Component)) {
-        return React.createElement("byoc-" + toKebabCase(definition.id), Object.assign(Object.assign({}, objectKeysToKebabCase(parsed)), { suppressHydrationWarning: true }));
+        return (React.createElement("feaas-external", { "data-external-id": componentName, suppressHydrationWarning: true, hydrate: 'false' }, React.createElement('byoc-' + toKebabCase(definition.id), Object.assign(Object.assign({}, objectKeysToKebabCase(parsed)), { suppressHydrationWarning: true }))));
     }
     // execute component as a function to supress hydration errors inside
     return (React.createElement(React.Fragment, null,
-        React.createElement("feaas-external", Object.assign({}, objectKeysToKebabCase(parsed), { "data-external-id": componentName, suppressHydrationWarning: true, hydrate: "false" }), Component == null ? null : React.createElement(Component, Object.assign({}, parsed)))));
+        React.createElement("feaas-external", Object.assign({}, objectKeysToKebabCase(parsed), { "data-external-id": componentName, suppressHydrationWarning: true, hydrate: 'false' }), Component == null ? null : React.createElement(Component, Object.assign({}, parsed)))));
 }
 //# sourceMappingURL=react.js.map

dist/browser/react.esm.js

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

dist/node/react.esm.js

@@ -1,2 +0,2 @@
-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};
+import a from"react";import{getComponent as g,getComponentProperties as x,isWebComponent as j,registered as v}from"@sitecore/byoc";import{objectKeysToKebabCase as b,toKebabCase as C}from"@sitecore/byoc";export*from"@sitecore/byoc";var p=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[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])&&(r[n[o]]=e[n[o]]);return r},d=new Map,f=null,c=null;function E(e){var t;let{componentName:r}=e,n=p(e,["componentName"]),o=(t=g(r))===null||t===void 0?void 0:t.component;if(!d.get(r)){let l=c(()=>Promise.resolve(f),{ssr:!1,loading:()=>a.createElement(y,Object.assign({},n,{componentName:r}))});d.set(r,l)}let s=e.clientFallback;s&&(e=Object.assign({clientFallback:()=>c(()=>Promise.resolve(()=>s))},e));let m=d.get(r);return a.createElement(m,Object.assign({},e,{fallback:o?a.createElement(o,Object.assign({},e)):null}))}function _(e,t){return c=e,f=t,t}function h(e){if(Object.keys(e).length!=0)return c&&!e._dynamic?E(Object.assign({_dynamic:!0},e)):y(e)}function W(){return a.createElement(a.Fragment,null,a.createElement("byoc-registration",{components:JSON.stringify(Object.values(v)),suppressHydrationWarning:!0}),a.createElement(f,null))}function y(e){let{componentName:t,fallback:r,clientFallback:n,suppressHydrationWarning:o,_dynamic:s}=e,m=p(e,["componentName","fallback","clientFallback","suppressHydrationWarning","_dynamic"]),l=g(t),i=l==null?void 0:l.component,O=r||(typeof window!="undefined"?n:null);if(!i&&r||!t)return a.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},O);let u=x(t,m);return i&&j(i)?a.createElement("feaas-external",{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"},a.createElement("byoc-"+C(l.id),Object.assign(Object.assign({},b(u)),{suppressHydrationWarning:!0}))):a.createElement(a.Fragment,null,a.createElement("feaas-external",Object.assign({},b(u),{"data-external-id":t,suppressHydrationWarning:!0,hydrate:"false"}),i==null?null:a.createElement(i,Object.assign({},u))))}export{W as Bundle,h as Component,E as NextComponent,y as RegularComponent,_ 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.17",
+  "version": "0.0.18-alpha.1",
   "scripts": {
@@ -12,3 +12,4 @@ "test": "npx vitest",
     "build": "npm run types && npm run build:esbuild",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "postpublish": "node ../cdn/upload-package.js byoc $npm_package_version"
   },
@@ -52,3 +53,6 @@ "author": "",
     "json-schema": "^0.4.0"
+  },
+  "directories": {
+    "test": "test"
   }
 }

react.js

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

types/api.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="@types/react" />
 import { JSONSchema, ObjectSchema, UISchema } from './schema.js';
@@ -3,0 +2,0 @@ /** Normalized BYOC component */

types/react.d.ts

 /// <reference types="@types/react" />
-import React from "react";
-export * from "@sitecore/byoc";
+import React from 'react';
+export * from '@sitecore/byoc';
 export type ComponentProps = {
@@ -28,3 +28,5 @@ componentName: string;
 /**
- * Renders a registered external component in a React tree.
+ * Renders a registered external component in a React tree. If enableNextClientsideComponents was called previously,
+ * the component is rendered using NextComponent codepath, which allows rendering separate component on client and
+ * server.
  *
@@ -50,4 +52,4 @@ * @param {ComponentProps} props  - The properties for the component.
         interface IntrinsicElements {
-            "feaas-external": {
-                "data-external-id": string;
+            'feaas-external': {
+                'data-external-id': string;
                 children?: any;
@@ -54,0 +56,0 @@ dangerouslySetInnerHTML?: {

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

Number of package files

52

increased by1.96%

Lines of code

1814

increased by0.33%

Worsened metrics

Total package byte prevSize

352252

decreased by-1.61%

No dependency changes