@webflow/react - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

CHANGELOG.md

 # @webflow/react
 
+## 1.2.0
+
+### Minor Changes
+
+- Add support for custom renderers in code component libraries
+
+### Patch Changes
+
+- Updated dependencies
+  - @webflow/data-types@1.2.0
+
 ## 1.1.0
@@ -4,0 +15,0 @@

dist/index.cjs

@@ -1,1 +0,1 @@
-'use strict';var dataTypes=require('@webflow/data-types'),a=require('react'),P=require('react-dom/client'),x=require('react-dom/server');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var a__namespace=/*#__PURE__*/_interopNamespace(a);var P__default=/*#__PURE__*/_interopDefault(P);var x__default=/*#__PURE__*/_interopDefault(x);function l(e,o){return o.reduceRight((t,m)=>m(t),e)}var i={mode:"publish",interactive:true,locale:null},d=a__namespace.createContext(i),C=({webflowContext:e,children:o})=>{let t=a__namespace.useMemo(()=>({mode:e?.mode??i.mode,interactive:e?.interactive??i.interactive,locale:e?.locale??i.locale}),[e?.mode,e?.interactive,e?.locale]);return a__namespace.createElement(d.Provider,{value:t},o)};function T(){return a__namespace.useContext(d)}var R=class extends a__namespace.Component{constructor(o){super(o);}componentDidCatch(o,t){this.props.onError?.({error:o,message:t.digest||o.message,stack:t.componentStack??void 0});}render(){return this.props.children}};function c({Component:e,props:o,options:t}){return a__namespace.default.createElement(R,{children:a__namespace.default.createElement(C,{children:a__namespace.default.createElement(e,o),webflowContext:t?.webflowContext}),onError:t?.onError})}var v=e=>{function o(r){return P__default.default.createRoot(r)}function t(r,p,s){return P__default.default.hydrateRoot(r,c({Component:e,props:p,options:s}))}function m(r,p,s){r.render(c({Component:e,props:p,options:s}));}function n(r){return a__namespace.default.createElement("slot",{name:r})}return {mount:o,hydrate:t,render:m,createSlot:n}};var E=e=>{function o(n,r,p){return x__default.default.renderToPipeableStream(c({Component:e,props:n,options:r}),p)}function t(n,r,p){return x__default.default.renderToString(c({Component:e,props:n,options:r}),p)}function m(n){return a__namespace.default.createElement("slot",{name:n})}return {renderToStream:o,renderToString:t,createSlot:m}};var K=(e,o)=>{o?.name&&!e.displayName&&(e.displayName=o.name);let t=e;o?.decorators&&o.decorators.length>0&&(t=l(e,o.decorators));let{decorators:m,...n}=o??{};return {...n,component:t,framework:dataTypes.Framework.React}};exports.ClientRenderer=v;exports.ServerRenderer=E;exports.applyDecorators=l;exports.declareComponent=K;exports.useWebflowContext=T;
+'use strict';var dataTypes=require('@webflow/data-types'),a=require('react'),P=require('react-dom/client'),x=require('react-dom/server');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var a__namespace=/*#__PURE__*/_interopNamespace(a);var P__default=/*#__PURE__*/_interopDefault(P);var x__default=/*#__PURE__*/_interopDefault(x);function d(e,t){return t.reduceRight((o,p)=>p(o),e)}var R={mode:"publish",interactive:true,locale:null},l=a__namespace.createContext(R),C=({webflowContext:e,children:t})=>{let o=a__namespace.useMemo(()=>({mode:e?.mode??R.mode,interactive:e?.interactive??R.interactive,locale:e?.locale??R.locale}),[e?.mode,e?.interactive,e?.locale]);return a__namespace.createElement(l.Provider,{value:o},t)};function T(){return a__namespace.useContext(l)}var s=class extends a__namespace.Component{constructor(t){super(t);}componentDidCatch(t,o){this.props.onError?.({error:t,message:o.digest||t.message,stack:o.componentStack??void 0});}render(){return this.props.children}};function i({Component:e,props:t,options:o}){return a__namespace.default.createElement(s,{children:a__namespace.default.createElement(C,{children:a__namespace.default.createElement(e,t),webflowContext:o?.webflowContext}),onError:o?.onError})}var S=e=>{function t(r){return P__default.default.createRoot(r)}function o(r,n,m){return P__default.default.hydrateRoot(r,i({Component:e,props:n,options:m}))}function p(r,n,m){r.render(i({Component:e,props:n,options:m}));}function c(r){return a__namespace.default.createElement("slot",{name:r})}return {mount:t,hydrate:o,render:p,createSlot:c}};var D=e=>{function t(r,n,m){return x__default.default.renderToPipeableStream(p(r,n),m)}function o(r,n,m){return x__default.default.renderToString(p(r,n),m)}function p(r,n){return i({Component:e,props:r,options:n})}function c(r){return a__namespace.default.createElement("slot",{name:r})}return {createElement:p,createSlot:c,renderToString:o,renderToStream:t}};var K=(e,t)=>{t?.name&&!e.displayName&&(e.displayName=t.name);let o=e;t?.decorators&&t.decorators.length>0&&(o=d(e,t.decorators));let{decorators:p,...c}=t??{};return {...c,component:o,framework:dataTypes.Framework.React}};exports.ClientRenderer=S;exports.ServerRenderer=D;exports.applyDecorators=d;exports.declareComponent=K;exports.useWebflowContext=T;

dist/index.js

@@ -1,1 +0,1 @@
-import {Framework}from'@webflow/data-types';import*as a from'react';import a__default from'react';import P from'react-dom/client';import x from'react-dom/server';function l(e,o){return o.reduceRight((t,m)=>m(t),e)}var i={mode:"publish",interactive:true,locale:null},d=a.createContext(i),C=({webflowContext:e,children:o})=>{let t=a.useMemo(()=>({mode:e?.mode??i.mode,interactive:e?.interactive??i.interactive,locale:e?.locale??i.locale}),[e?.mode,e?.interactive,e?.locale]);return a.createElement(d.Provider,{value:t},o)};function T(){return a.useContext(d)}var R=class extends a.Component{constructor(o){super(o);}componentDidCatch(o,t){this.props.onError?.({error:o,message:t.digest||o.message,stack:t.componentStack??void 0});}render(){return this.props.children}};function c({Component:e,props:o,options:t}){return a__default.createElement(R,{children:a__default.createElement(C,{children:a__default.createElement(e,o),webflowContext:t?.webflowContext}),onError:t?.onError})}var v=e=>{function o(r){return P.createRoot(r)}function t(r,p,s){return P.hydrateRoot(r,c({Component:e,props:p,options:s}))}function m(r,p,s){r.render(c({Component:e,props:p,options:s}));}function n(r){return a__default.createElement("slot",{name:r})}return {mount:o,hydrate:t,render:m,createSlot:n}};var E=e=>{function o(n,r,p){return x.renderToPipeableStream(c({Component:e,props:n,options:r}),p)}function t(n,r,p){return x.renderToString(c({Component:e,props:n,options:r}),p)}function m(n){return a__default.createElement("slot",{name:n})}return {renderToStream:o,renderToString:t,createSlot:m}};var K=(e,o)=>{o?.name&&!e.displayName&&(e.displayName=o.name);let t=e;o?.decorators&&o.decorators.length>0&&(t=l(e,o.decorators));let{decorators:m,...n}=o??{};return {...n,component:t,framework:Framework.React}};export{v as ClientRenderer,E as ServerRenderer,l as applyDecorators,K as declareComponent,T as useWebflowContext};
+import {Framework}from'@webflow/data-types';import*as a from'react';import a__default from'react';import P from'react-dom/client';import x from'react-dom/server';function d(e,t){return t.reduceRight((o,p)=>p(o),e)}var R={mode:"publish",interactive:true,locale:null},l=a.createContext(R),C=({webflowContext:e,children:t})=>{let o=a.useMemo(()=>({mode:e?.mode??R.mode,interactive:e?.interactive??R.interactive,locale:e?.locale??R.locale}),[e?.mode,e?.interactive,e?.locale]);return a.createElement(l.Provider,{value:o},t)};function T(){return a.useContext(l)}var s=class extends a.Component{constructor(t){super(t);}componentDidCatch(t,o){this.props.onError?.({error:t,message:o.digest||t.message,stack:o.componentStack??void 0});}render(){return this.props.children}};function i({Component:e,props:t,options:o}){return a__default.createElement(s,{children:a__default.createElement(C,{children:a__default.createElement(e,t),webflowContext:o?.webflowContext}),onError:o?.onError})}var S=e=>{function t(r){return P.createRoot(r)}function o(r,n,m){return P.hydrateRoot(r,i({Component:e,props:n,options:m}))}function p(r,n,m){r.render(i({Component:e,props:n,options:m}));}function c(r){return a__default.createElement("slot",{name:r})}return {mount:t,hydrate:o,render:p,createSlot:c}};var D=e=>{function t(r,n,m){return x.renderToPipeableStream(p(r,n),m)}function o(r,n,m){return x.renderToString(p(r,n),m)}function p(r,n){return i({Component:e,props:r,options:n})}function c(r){return a__default.createElement("slot",{name:r})}return {createElement:p,createSlot:c,renderToString:o,renderToStream:t}};var K=(e,t)=>{t?.name&&!e.displayName&&(e.displayName=t.name);let o=e;t?.decorators&&t.decorators.length>0&&(o=d(e,t.decorators));let{decorators:p,...c}=t??{};return {...c,component:o,framework:Framework.React}};export{S as ClientRenderer,D as ServerRenderer,d as applyDecorators,K as declareComponent,T as useWebflowContext};

package.json

 {
   "name": "@webflow/react",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
@@ -28,3 +28,3 @@ "main": "./dist/index.cjs",
   "dependencies": {
-    "@webflow/data-types": "1.1.0"
+    "@webflow/data-types": "1.2.0"
   },
@@ -31,0 +31,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

13398

1.63%

Dependency changes

• + Added

  @webflow/data-types@1.2.0
  (transitive)

• - Removed

  @webflow/data-types@1.1.0
  (transitive)

• Updated

  @webflow/data-types@1.2.0