@gem-sdk/core 1.14.0-next.230 → 1.14.0-next.232
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/ComponentWrapperPreview.js +1 -1
- package/dist/cjs/components/Render.liquid.js +7 -7
- package/dist/cjs/components/RenderCustomCode.js +3 -3
- package/dist/esm/components/ComponentWrapperPreview.js +1 -1
- package/dist/esm/components/Render.liquid.js +7 -7
- package/dist/esm/components/RenderCustomCode.js +3 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js");const ComponentWrapperPreview=({children:e,...t})=>{if("section"===t.type)return null;let n={};if(t.editorConfigs){let e=t.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(n["data-placeholder-not-append-before-after"]=!0),e.toolbar?.parent&&(n["data-toolbar-parent"]=!0),e.component?.noDelete&&(n["data-component-no-delete"]=!0),e.component?.noDuplicate&&(n["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(n["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(n["data-component-no-setting"]=!0),e.component?.isThirdParty&&(n["data-component-is-third-party"]=!0),e.toolbar?.hide&&(n["data-toolbar-hide"]=!0),e.slots?.children&&(n["data-slots-children"]=!0)}let
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js"),RenderCustomCode=require("./RenderCustomCode.js");const ComponentWrapperPreview=({children:e,...t})=>{if("section"===t.type)return null;let n={};if(t.editorConfigs){let e=t.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(n["data-placeholder-not-append-before-after"]=!0),e.toolbar?.parent&&(n["data-toolbar-parent"]=!0),e.component?.noDelete&&(n["data-component-no-delete"]=!0),e.component?.noDuplicate&&(n["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(n["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(n["data-component-no-setting"]=!0),e.component?.isThirdParty&&(n["data-component-is-third-party"]=!0),e.toolbar?.hide&&(n["data-toolbar-hide"]=!0),e.slots?.children&&(n["data-slots-children"]=!0)}let a=composeAdvanceStyle.composeAdvanceStyle(t.advanced,t.tag),o=t.advanced,d={...n,"data-uid":t.uid,"data-component-type":"component","data-component-tag":t.tag,"data-component-label":t.label};return constant.disableWrap.includes(t.tag)&&react.isValidElement(e)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:t.uid,advanced:o}),jsxRuntime.jsx(e.type,{className:o?.cssClass,...e.props,style:a,builderAttrs:d,advanced:o})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RenderCustomCode.default,{uid:t.uid,advanced:o}),jsxRuntime.jsx("div",{style:a,className:`${t.uid} ${t.advanced?.cssClass?t.advanced?.cssClass:""}`,...d,children:e})]})};exports.default=ComponentWrapperPreview;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("swr");var render=require("../helpers/render.js");require("../helpers/convert.js");var composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js");const componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:e,builder:r,components:t,parentId:n,extraFiles:d={},pageContext:s,...
|
|
2
|
-
${render.RenderIf(
|
|
3
|
-
</div>`;let{cssCode:u,jsCode:p}=RenderCustomCode(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),require("swr");var render=require("../helpers/render.js");require("../helpers/convert.js");var composeAdvanceStyle=require("../helpers/compose-advance-style.js"),constant=require("./constant.js");const componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:e,builder:r,components:t,parentId:n,extraFiles:d={},pageContext:s,...l})=>{let i=r[e],a=t[i?.tag];if(!a)return console.log("Miss component: ",i),{liquid:"",extraFiles:d};if(!i||i?.type==="section")return{liquid:"",extraFiles:d};{let d={extraFiles:{}},c=composeAdvanceStyle.composeAdvanceStyle(i.advanced,i.tag),o="";o=constant.disableWrap.includes(i.tag)?render.RenderIf(i?.childrens?.length,()=>a({builderProps:{uid:e,builderData:i},styles:i.styles,setting:i.settings,style:c,advanced:i.advanced,parentId:componentsRenderWithParentId.includes(i.tag)?n:null,pageContext:s,...l,rawChildren:i.childrens.map(e=>({...r[e],uid:e,builder:r,components:t,customProps:d,pageContext:s})),children:constant.customRenderChildren.includes(i.tag)?"":WrapRenderChildren({uid:e,customProps:d},i.childrens.map(e=>RenderChildren({uid:e,builder:r,components:t,customProps:d,parentTag:i.tag,pageContext:s})))}),()=>a({builderProps:{uid:e,builderData:i},styles:i.styles,setting:i.settings,advanced:i.advanced,style:c,isText:!!componentTexts.includes(i.tag)||null,parentId:componentsRenderWithParentId.includes(i.tag)?n:null,pageContext:s,...l})):render.template`<div style="${c}" class="${i.uid} ${i?.childrens?.length||"IconListItemHoz"!==i.tag?"":"hidden"}">
|
|
2
|
+
${render.RenderIf(i?.childrens?.length,()=>a({builderProps:{uid:e,builderData:i},styles:i.styles,setting:i.settings,advanced:{cssClass:i?.advanced?.cssClass},pageContext:s,...l,rawChildren:i.childrens.map(e=>({...r[e],uid:e,builder:r,components:t,customProps:d,pageContext:s})),children:constant.customRenderChildren.includes(i.tag)?"":WrapRenderChildren({uid:e,customProps:d},i.childrens.map(e=>RenderChildren({uid:e,builder:r,components:t,customProps:d,parentTag:i.tag,pageContext:s})))}),()=>a({builderProps:{uid:e,builderData:i},styles:i.styles,setting:i.settings,advanced:{cssClass:i?.advanced?.cssClass},pageContext:s,isText:!!componentTexts.includes(i.tag)||null,...l}))}
|
|
3
|
+
</div>`;let{cssCode:u,jsCode:p}=RenderCustomCode(i);return u&&(o+=u),p&&(o+=p),{liquid:o,extraFiles:d.extraFiles}}},RenderCustomCode=e=>{let{css:r,javascript:t,rootClassName:n}=e.advanced?.editorData||{},d=r?.replaceAll(n,e.uid),s=t?.replaceAll(n,e.uid),l=render.RenderIf(!!r,render.template`
|
|
4
4
|
<style
|
|
5
5
|
id="${`custom-css-${e?.uid}`}"
|
|
6
|
-
>${
|
|
7
|
-
`),
|
|
6
|
+
>${d}</style>
|
|
7
|
+
`),i=render.RenderIf(!!t,render.template`
|
|
8
8
|
<script
|
|
9
9
|
id="${`custom-js-${e?.uid}`}"
|
|
10
10
|
>
|
|
11
11
|
try {
|
|
12
|
-
${
|
|
12
|
+
${s}
|
|
13
13
|
} catch(err){}
|
|
14
14
|
</script>
|
|
15
|
-
`);return{cssCode:
|
|
15
|
+
`);return{cssCode:l,jsCode:i}},RenderChildren=e=>{let r=Render(e);for(let t in r.extraFiles)if(Object.prototype.hasOwnProperty.call(r.extraFiles,t)){let n=r.extraFiles[t];e.customProps.extraFiles[t]=n}let t=new TextEncoder,n=r?.liquid?t.encode(r.liquid).length:0;if(Math.ceil(n/1024)>=180){let t=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[t]=r.liquid,`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id %}`}return r.liquid},WrapRenderChildren=({uid:e,customProps:r},t)=>{let n="";if(t?.length)for(let d=0;d<t.length;d++){let s=t[d];if(s){let t=n+s,l=new TextEncoder,i=t?l.encode(t).length:0;if(Math.ceil(i/1024)>=180){let t=`gp-section-snippet-${e+d}`;r.extraFiles[t]=s,n+=`{% render '${t}', product: product, variant: variant, product_form_id: product_form_id %}`}else n+=s}}return n};exports.RenderChildren=RenderChildren,exports.WrapRenderChildren=WrapRenderChildren,exports.default=Render;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Head=require("next/head"),Script=require("next/script"),react=require("react");require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var shop=require("../hooks/shop.js");require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../helpers/convert.js");const RenderCustomCode=({
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Head=require("next/head"),Script=require("next/script"),react=require("react");require("zustand"),require("swr"),require("@gem-sdk/adapter-shopify"),require("swr/mutation");var shop=require("../hooks/shop.js");require("vanilla-lazyload"),require("../hooks/useCartUI.js"),require("../helpers/convert.js");const RenderCustomCode=({uid:e,advanced:r})=>{let s=shop.useEditorMode(),{css:t,javascript:i,rootClassName:u}=r?.editorData||{},a=t?.replace(u,e),o=i?.replace(u,e),n={css:`custom-css-${e}`,javascript:`custom-js-${e}`},c=react.useMemo(()=>`
|
|
2
2
|
try {
|
|
3
|
-
${
|
|
3
|
+
${o}
|
|
4
4
|
} catch(err){}
|
|
5
|
-
`,[
|
|
5
|
+
`,[o]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Head,{children:!!t&&jsxRuntime.jsx("style",{id:n.css,dangerouslySetInnerHTML:{__html:a}})}),!!i&&"edit"!==s&&jsxRuntime.jsx(Script,{id:n.javascript,dangerouslySetInnerHTML:{__html:c}})]})};exports.default=RenderCustomCode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{isValidElement as a}from"react";import{composeAdvanceStyle as n}from"../helpers/compose-advance-style.js";import{disableWrap as
|
|
1
|
+
import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{isValidElement as a}from"react";import{composeAdvanceStyle as n}from"../helpers/compose-advance-style.js";import{disableWrap as d}from"./constant.js";import r from"./RenderCustomCode.js";let ComponentWrapperPreview=({children:p,...c})=>{if("section"===c.type)return null;let i={};if(c.editorConfigs){let e=c.editorConfigs;e.placeholder?.notAppendBeforeAfter&&(i["data-placeholder-not-append-before-after"]=!0),e.toolbar?.parent&&(i["data-toolbar-parent"]=!0),e.component?.noDelete&&(i["data-component-no-delete"]=!0),e.component?.noDuplicate&&(i["data-component-no-duplicate"]=!0),e.component?.noDragDrop&&(i["data-component-no-drag-drop"]=!0),e.component?.noSetting&&(i["data-component-no-setting"]=!0),e.component?.isThirdParty&&(i["data-component-is-third-party"]=!0),e.toolbar?.hide&&(i["data-toolbar-hide"]=!0),e.slots?.children&&(i["data-slots-children"]=!0)}let l=n(c.advanced,c.tag),s=c.advanced,m={...i,"data-uid":c.uid,"data-component-type":"component","data-component-tag":c.tag,"data-component-label":c.label};return d.includes(c.tag)&&a(p)?e(t,{children:[o(r,{uid:c.uid,advanced:s}),o(p.type,{className:s?.cssClass,...p.props,style:l,builderAttrs:m,advanced:s})]}):e(t,{children:[o(r,{uid:c.uid,advanced:s}),o("div",{style:l,className:`${c.uid} ${c.advanced?.cssClass?c.advanced?.cssClass:""}`,...m,children:p})]})};export{ComponentWrapperPreview as default};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import"react";import"swr";import{RenderIf as e,template as t}from"../helpers/render.js";import"../helpers/convert.js";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as n,customRenderChildren as
|
|
2
|
-
${e(u?.childrens?.length,()=>h({builderProps:{uid:
|
|
3
|
-
</div>`;let{cssCode:C,jsCode:v}=RenderCustomCode(u);return C&&(m+=C),v&&(m+=v),{liquid:m,extraFiles:c.extraFiles}}},RenderCustomCode=r=>{let{css:n,javascript:s}=r.advanced?.editorData||{},d=e(!!n,t`
|
|
1
|
+
import"react";import"swr";import{RenderIf as e,template as t}from"../helpers/render.js";import"../helpers/convert.js";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as n,customRenderChildren as d}from"./constant.js";let componentsRenderWithParentId=["CarouselItem"],componentTexts=["Text","Heading"],Render=({uid:s,builder:i,components:l,parentId:a,extraFiles:c={},pageContext:o,...p})=>{let u=i[s],h=l[u?.tag];if(!h)return console.log("Miss component: ",u),{liquid:"",extraFiles:c};if(!u||u?.type==="section")return{liquid:"",extraFiles:c};{let c={extraFiles:{}},g=r(u.advanced,u.tag),m="";m=n.includes(u.tag)?e(u?.childrens?.length,()=>h({builderProps:{uid:s,builderData:u},styles:u.styles,setting:u.settings,style:g,advanced:u.advanced,parentId:componentsRenderWithParentId.includes(u.tag)?a:null,pageContext:o,...p,rawChildren:u.childrens.map(e=>({...i[e],uid:e,builder:i,components:l,customProps:c,pageContext:o})),children:d.includes(u.tag)?"":WrapRenderChildren({uid:s,customProps:c},u.childrens.map(e=>RenderChildren({uid:e,builder:i,components:l,customProps:c,parentTag:u.tag,pageContext:o})))}),()=>h({builderProps:{uid:s,builderData:u},styles:u.styles,setting:u.settings,advanced:u.advanced,style:g,isText:!!componentTexts.includes(u.tag)||null,parentId:componentsRenderWithParentId.includes(u.tag)?a:null,pageContext:o,...p})):t`<div style="${g}" class="${u.uid} ${u?.childrens?.length||"IconListItemHoz"!==u.tag?"":"hidden"}">
|
|
2
|
+
${e(u?.childrens?.length,()=>h({builderProps:{uid:s,builderData:u},styles:u.styles,setting:u.settings,advanced:{cssClass:u?.advanced?.cssClass},pageContext:o,...p,rawChildren:u.childrens.map(e=>({...i[e],uid:e,builder:i,components:l,customProps:c,pageContext:o})),children:d.includes(u.tag)?"":WrapRenderChildren({uid:s,customProps:c},u.childrens.map(e=>RenderChildren({uid:e,builder:i,components:l,customProps:c,parentTag:u.tag,pageContext:o})))}),()=>h({builderProps:{uid:s,builderData:u},styles:u.styles,setting:u.settings,advanced:{cssClass:u?.advanced?.cssClass},pageContext:o,isText:!!componentTexts.includes(u.tag)||null,...p}))}
|
|
3
|
+
</div>`;let{cssCode:C,jsCode:v}=RenderCustomCode(u);return C&&(m+=C),v&&(m+=v),{liquid:m,extraFiles:c.extraFiles}}},RenderCustomCode=r=>{let{css:n,javascript:d,rootClassName:s}=r.advanced?.editorData||{},i=n?.replaceAll(s,r.uid),l=d?.replaceAll(s,r.uid),a=e(!!n,t`
|
|
4
4
|
<style
|
|
5
5
|
id="${`custom-css-${r?.uid}`}"
|
|
6
|
-
>${
|
|
7
|
-
`),
|
|
6
|
+
>${i}</style>
|
|
7
|
+
`),c=e(!!d,t`
|
|
8
8
|
<script
|
|
9
9
|
id="${`custom-js-${r?.uid}`}"
|
|
10
10
|
>
|
|
11
11
|
try {
|
|
12
|
-
${
|
|
12
|
+
${l}
|
|
13
13
|
} catch(err){}
|
|
14
14
|
</script>
|
|
15
|
-
`);return{cssCode:
|
|
15
|
+
`);return{cssCode:a,jsCode:c}},RenderChildren=e=>{let t=Render(e);for(let r in t.extraFiles)if(Object.prototype.hasOwnProperty.call(t.extraFiles,r)){let n=t.extraFiles[r];e.customProps.extraFiles[r]=n}let r=new TextEncoder,n=t?.liquid?r.encode(t.liquid).length:0;if(Math.ceil(n/1024)>=180){let r=`gp-section-snippet-${e.uid}`;return e.customProps.extraFiles[r]=t.liquid,`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id %}`}return t.liquid},WrapRenderChildren=({uid:e,customProps:t},r)=>{let n="";if(r?.length)for(let d=0;d<r.length;d++){let s=r[d];if(s){let r=n+s,i=new TextEncoder,l=r?i.encode(r).length:0;if(Math.ceil(l/1024)>=180){let r=`gp-section-snippet-${e+d}`;t.extraFiles[r]=s,n+=`{% render '${r}', product: product, variant: variant, product_form_id: product_form_id %}`}else n+=s}}return n};export{RenderChildren,WrapRenderChildren,Render as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as r,Fragment as t,jsx as e}from"react/jsx-runtime";import o from"next/head";import s from"next/script";import{useMemo as m}from"react";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useEditorMode as a}from"../hooks/shop.js";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../helpers/convert.js";let RenderCustomCode=({uid:i,advanced:p})=>{let d=a(),{css:n,javascript:c,rootClassName:l}=p?.editorData||{},u=n?.replace(l,i),h=c?.replace(l,i),f={css:`custom-css-${i}`,javascript:`custom-js-${i}`},j=m(()=>`
|
|
2
2
|
try {
|
|
3
|
-
${
|
|
3
|
+
${h}
|
|
4
4
|
} catch(err){}
|
|
5
|
-
`,[
|
|
5
|
+
`,[h]);return r(t,{children:[e(o,{children:!!n&&e("style",{id:f.css,dangerouslySetInnerHTML:{__html:u}})}),!!c&&"edit"!==d&&e(s,{id:f.javascript,dangerouslySetInnerHTML:{__html:j}})]})};export{RenderCustomCode as default};
|