@lightspeed/crane 1.0.2 → 1.1.0

package/README.md

@@ -20,7 +20,7 @@ within the Lightspeed E-Commerce ecosystem.
 In order to use this utility, first a Lightspeed specific application needs to be created containing the necessary
 permissions granted, as well as an optional test site in order to verify the changes made in a custom application.
 
-```For both the test site and the permission, please contact you Partner Manager!```
+```For both the test site and the permission, please contact your Partner Manager!```
 
 ### Installation
 

package/dist/app.d.mts

@@ -20,7 +20,7 @@ interface AppBaseState<C, D> {
 
 interface VueBaseProps<CONTENT, DESIGN> {
     init: (app: App<Element>, contextValue: AppBaseContext, contentValue: CONTENT, designValue: DESIGN, defaultsValue: Record<string, unknown>) => void;
-    update: (app: App<Element>, contentValue: CONTENT, designValue: DESIGN) => void;
+    update: (app: App<Element>, contentValue: CONTENT, designValue: DESIGN, defaultsValue: Record<string, unknown>) => void;
     readonly context: Ref<AppBaseContext>;
     readonly content: Ref<CONTENT>;
     readonly design: Ref<DESIGN>;
@@ -73,6 +73,16 @@ declare function useTextElementDesign<DESIGN>(elementName: keyof DESIGN): {
     visible: boolean | undefined;
 };
 
+declare function useTextareaElementDesign<DESIGN>(elementName: keyof DESIGN): {
+    font: string | undefined;
+    size: number | GlobalTextSizeString | undefined;
+    bold: boolean | undefined;
+    italic: boolean | undefined;
+    color: Color | GlobalColorsString | undefined;
+    visible: boolean;
+    whiteSpace: string;
+};
+
 declare function useButtonElementDesign<DESIGN>(elementName: keyof DESIGN): {
     appearance: ButtonAppearance | undefined;
     font: string | undefined;
@@ -99,6 +109,10 @@ declare function useBackgroundElementDesign<DESIGN>(elementName: keyof DESIGN):
     background: Background | undefined;
 };
 
+declare function useLayoutElementDesign(): {
+    layout: string | undefined;
+};
+
 interface VueServerAppExtensions {
     init?: (app: App<Element>) => void;
     render?: <C, D>(app: App<Element>, context: AppBaseContext, data: AppBaseData<C, D>) => void;
@@ -127,4 +141,4 @@ declare function createVueClientApp<C, D>(appComponent: Component, extensions?:
     };
 };
 
-export { createVueClientApp, createVueServerApp, useBackgroundElementDesign, useButtonElementContent, useButtonElementDesign, useImageElementContent, useImageElementDesign, useInputboxElementContent, useSelectboxElementContent, useSelectboxElementDesign, useTextElementDesign, useTextareaElementContent, useToggleElementContent, useToggleElementDesign, useVueBaseProps };
+export { createVueClientApp, createVueServerApp, useBackgroundElementDesign, useButtonElementContent, useButtonElementDesign, useImageElementContent, useImageElementDesign, useInputboxElementContent, useLayoutElementDesign, useSelectboxElementContent, useSelectboxElementDesign, useTextElementDesign, useTextareaElementContent, useTextareaElementDesign, useToggleElementContent, useToggleElementDesign, useVueBaseProps };

package/dist/app.d.ts

@@ -20,7 +20,7 @@ interface AppBaseState<C, D> {
 
 interface VueBaseProps<CONTENT, DESIGN> {
     init: (app: App<Element>, contextValue: AppBaseContext, contentValue: CONTENT, designValue: DESIGN, defaultsValue: Record<string, unknown>) => void;
-    update: (app: App<Element>, contentValue: CONTENT, designValue: DESIGN) => void;
+    update: (app: App<Element>, contentValue: CONTENT, designValue: DESIGN, defaultsValue: Record<string, unknown>) => void;
     readonly context: Ref<AppBaseContext>;
     readonly content: Ref<CONTENT>;
     readonly design: Ref<DESIGN>;
@@ -73,6 +73,16 @@ declare function useTextElementDesign<DESIGN>(elementName: keyof DESIGN): {
     visible: boolean | undefined;
 };
 
+declare function useTextareaElementDesign<DESIGN>(elementName: keyof DESIGN): {
+    font: string | undefined;
+    size: number | GlobalTextSizeString | undefined;
+    bold: boolean | undefined;
+    italic: boolean | undefined;
+    color: Color | GlobalColorsString | undefined;
+    visible: boolean;
+    whiteSpace: string;
+};
+
 declare function useButtonElementDesign<DESIGN>(elementName: keyof DESIGN): {
     appearance: ButtonAppearance | undefined;
     font: string | undefined;
@@ -99,6 +109,10 @@ declare function useBackgroundElementDesign<DESIGN>(elementName: keyof DESIGN):
     background: Background | undefined;
 };
 
+declare function useLayoutElementDesign(): {
+    layout: string | undefined;
+};
+
 interface VueServerAppExtensions {
     init?: (app: App<Element>) => void;
     render?: <C, D>(app: App<Element>, context: AppBaseContext, data: AppBaseData<C, D>) => void;
@@ -127,4 +141,4 @@ declare function createVueClientApp<C, D>(appComponent: Component, extensions?:
     };
 };
 
-export { createVueClientApp, createVueServerApp, useBackgroundElementDesign, useButtonElementContent, useButtonElementDesign, useImageElementContent, useImageElementDesign, useInputboxElementContent, useSelectboxElementContent, useSelectboxElementDesign, useTextElementDesign, useTextareaElementContent, useToggleElementContent, useToggleElementDesign, useVueBaseProps };
+export { createVueClientApp, createVueServerApp, useBackgroundElementDesign, useButtonElementContent, useButtonElementDesign, useImageElementContent, useImageElementDesign, useInputboxElementContent, useLayoutElementDesign, useSelectboxElementContent, useSelectboxElementDesign, useTextElementDesign, useTextareaElementContent, useTextareaElementDesign, useToggleElementContent, useToggleElementDesign, useVueBaseProps };

package/dist/app.mjs

@@ -1 +1 @@
-import{getCurrentInstance as k,ref as b,computed as o,reactive as d,createSSRApp as x}from"vue";import{renderToString as C}from"vue/server-renderer";const w=new Map;function c(){const t=(r,a,i,u,g)=>{w.set(r._uid,{context:b(a),content:b(i),design:b(u),defaults:b(g)})},n=(r,a,i)=>{const u=w.get(r._uid);u!==void 0&&(u.content.value=a,u.design.value=i)},e=k()?.appContext.app._uid??-1,l=w.get(e);return{init:t,update:n,context:l?.context,content:l?.content,design:l?.design,defaults:l?.defaults}}function h(t){const n=c(),e=o(()=>{const a=n.content.value[t];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${t} is not inputbox`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function I(t){const n=c(),e=o(()=>{const a=n.content.value[t];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${t} is not textarea`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function _(t){return"title"in t&&"type"in t}function T(t){const n=c(),e=o(()=>{const u=n.content.value[t];if(u!==void 0){if(_(u))return u;throw new Error(`Element ${t} is not action link`)}}),l=o(()=>e.value?.title),r=o(()=>e.value?.link),a=o(()=>!!l.value),i=o(()=>!!r.value);return d({title:l,link:r,hasTitle:a,hasLink:i,performAction:()=>{if(e.value!==void 0)switch(e.value.type){case"HYPER_LINK":e.value.link&&window.open(e.value.link,"_blank");break;case"GO_TO_STORE_LINK":window.open("/products");break;case"MAIL_LINK":e.value.email&&window.open(`mailto:${e.value.email}`,"_self");break;case"TEL_LINK":e.value.phone&&window.open(`tel:${e.value.phone}`,"_self");break;case"SCROLL_TO_TILE":{if(typeof document>"u")return;const u=e.value.tileId;document.getElementById(`tile-${u}`)?.scrollIntoView();break}default:throw new Error("Unknown ButtonType: ")}}})}function z(t){return"bucket"in t&&"borderInfo"in t&&"set"in t}function m(t,n){const e=new RegExp(/^https?:\/\//);return t!=null&&e.test(t)?t:`${n}/${t}`}function D(t){const n=c(),e=o(()=>{const s=n.content.value[t];if(s!==void 0){if(z(s))return s;throw new Error(`Element ${t} is not image`)}}),l=o(()=>e.value===void 0?"":n.context.value.imageBuckets?.[e.value?.bucket]),r=o(()=>e.value!==void 0),a=o(()=>m(e.value?.set?.["cropped-webp-100x200"]?.url,l.value)),i=o(()=>m(e.value?.set?.["cropped-webp-1000x2000"]?.url,l.value)),u=o(()=>m(e.value?.set?.["webp-200x200"]?.url,l.value)),g=o(()=>m(e.value?.set?.["webp-2000x2000"]?.url,l.value));return d({hasContent:r,lowResolutionMobileImage:a,highResolutionMobileImage:i,lowResolutionDesktopImage:u,highResolutionDesktopImage:g})}function $(t){return"enabled"in t}function L(t){const n=c(),e=o(()=>{const a=n.content.value[t];if(a!==void 0){if($(a))return a;throw new Error(`Element ${t} is not toggle`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value?.enabled);return d({hasContent:l,value:r})}function S(t){const n=c(),e=o(()=>{const a=n.content.value[t];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${t} is not selectbox`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function y(t,n){if(n===void 0)return;if(!n.startsWith("global."))return n;const e=n.split(".").at(2);if(e!==void 0)return t.fontFamily[e]}function R(t,n){if(n===void 0)return;if(typeof n!="string"||!n.startsWith("global."))return n;const e=n.split(".").at(2);if(e!==void 0)return t.textSize[e]}function f(t,n){if(n===void 0)return;if(typeof n!="string"||!n.startsWith("global."))return n;const e=n.split(".").at(2);if(e!==void 0)return t.color[e]}function A(t){const n=c(),e=o(()=>{const s=n.design.value[t],v=n.defaults.value[t],p=n.context.value.globalDesign;return{font:s?.font?.replaceAll("_"," ")??y(p,v?.font),size:s?.size??R(p,v?.size),bold:s?.bold??v?.bold,italic:s?.italic??v?.italic,color:s?.color??f(p,v?.color),visible:s?.visible??v?.visible??!1}}),l=o(()=>e.value?.font),r=o(()=>e.value?.size),a=o(()=>e.value?.bold),i=o(()=>e.value?.italic),u=o(()=>e.value?.color),g=o(()=>e.value?.visible);return d({font:l,size:r,bold:a,italic:i,color:u,visible:g})}function B(t){const n=c(),e=o(()=>{const s=n.design.value[t],v=n.defaults.value[t],p=n.context.value.globalDesign;return{appearance:s?.appearance??v?.appearance,font:s?.font??y(p,v?.font),size:s?.size??v?.size,style:s?.style??v?.style,color:s?.color??f(p,v?.color),visible:s?.visible??v?.visible??!1}}),l=o(()=>e.value?.appearance),r=o(()=>e.value?.font),a=o(()=>e.value?.size),i=o(()=>e.value?.style),u=o(()=>e.value?.color),g=o(()=>e.value?.visible);return d({appearance:l,font:r,size:a,style:i,color:u,visible:g})}function O(t){const n=c(),e=o(()=>{const a=n.design.value[t],i=n.defaults.value[t],u=n.context.value.globalDesign;return{overlay:{type:a?.overlay?.type??i?.overlay?.type,solid:{color:a?.overlay?.solid?.color??f(u,i?.overlay?.solid?.color)},gradient:{fromColor:a?.overlay?.gradient?.fromColor??f(u,i?.overlay?.gradient?.fromColor),toColor:a?.overlay?.gradient?.toColor??f(u,i?.overlay?.gradient?.toColor)}},visible:a?.visible??i?.visible??!1}}),l=o(()=>e.value?.overlay),r=o(()=>e.value?.visible);return d({overlay:l,visible:r})}function G(t){const n=c(),e=o(()=>{const r=n.design.value[t],a=n.defaults.value[t];return{enabled:r?.enabled??a?.enabled}}),l=o(()=>e.value?.enabled);return d({enabled:l})}function K(t){const n=c(),e=o(()=>{const r=n.design.value[t],a=n.defaults.value[t];return{value:r?.value??a?.value}}),l=o(()=>e.value?.value);return d({value:l})}function M(t){const n=c(),e=o(()=>{const r=n.design.value[t],a=n.defaults.value[t],i=n.context.value.globalDesign;return{background:{type:r?.background?.type??a?.background?.type,solid:{color:r?.background?.solid?.color??f(i,a?.background?.solid?.color)},gradient:{fromColor:r?.background?.gradient?.fromColor??f(i,a?.background?.gradient?.fromColor),toColor:r?.background?.gradient?.toColor??f(i,a?.background?.gradient?.toColor)}}}}),l=o(()=>e.value?.background);return d({background:l})}function E(t){return{app:x(t)}}function N(t,n){return{init:()=>{const{app:e}=E(t);return n?.init?.(e),{render:async(l,r)=>(c().init(e,l,r.content,r.design,r.defaults),n?.render?.(e,l,r),{html:await C(e,{context:l}),state:{context:l,data:r}})}}}}function V(t,n){return{init:()=>{const{app:e}=E(t);return n?.init?.(e),{mount:(l,r)=>{c().init(e,r.context,r.data.content,r.data.design,r.data.defaults),n?.mount?.(e,l,r),e.mount(l)},update:l=>{c().update(e,l.data.content,l.data.design),n?.update?.(e,l)},unmount:()=>{n?.unmount?.(e),e.unmount()}}}}}export{V as createVueClientApp,N as createVueServerApp,M as useBackgroundElementDesign,T as useButtonElementContent,B as useButtonElementDesign,D as useImageElementContent,O as useImageElementDesign,h as useInputboxElementContent,S as useSelectboxElementContent,K as useSelectboxElementDesign,A as useTextElementDesign,I as useTextareaElementContent,L as useToggleElementContent,G as useToggleElementDesign,c as useVueBaseProps};
+import{getCurrentInstance as h,ref as b,computed as o,reactive as f,createSSRApp as C}from"vue";import{renderToString as I}from"vue/server-renderer";const y=new Map;function v(){const n=(a,i,r,u,d)=>{y.set(a._uid,{context:b(i),content:b(r),design:b(u),defaults:b(d)})},t=(a,i,r,u)=>{const d=y.get(a._uid);d!==void 0&&(d.content.value=i,d.design.value=r,d.defaults.value=u)},e=h()?.appContext.app._uid??-1,l=y.get(e);return{init:n,update:t,context:l?.context,content:l?.content,design:l?.design,defaults:l?.defaults}}function z(n){const t=v(),e=o(()=>{const i=t.content.value[n];if(i!==void 0){if(typeof i=="string")return i;throw new Error(`Element ${n} is not inputbox`)}}),l=o(()=>e.value!==void 0),a=o(()=>e.value);return f({hasContent:l,value:a})}function _(n){const t=v(),e=o(()=>{const i=t.content.value[n];if(i!==void 0){if(typeof i=="string")return i;throw new Error(`Element ${n} is not textarea`)}}),l=o(()=>e.value!==void 0),a=o(()=>e.value);return f({hasContent:l,value:a})}function D(n){return"title"in n&&"type"in n}function T(n){const t=v(),e=o(()=>{const u=t.content.value[n];if(u!==void 0){if(D(u))return u;throw new Error(`Element ${n} is not action link`)}}),l=o(()=>e.value?.title),a=o(()=>e.value?.link),i=o(()=>!!l.value),r=o(()=>!!a.value);return f({title:l,link:a,hasTitle:i,hasLink:r,performAction:()=>{if(e.value!==void 0)switch(e.value.type){case"HYPER_LINK":e.value.link&&window.open(e.value.link,"_blank");break;case"GO_TO_STORE_LINK":window.open("/products");break;case"MAIL_LINK":e.value.email&&window.open(`mailto:${e.value.email}`,"_self");break;case"TEL_LINK":e.value.phone&&window.open(`tel:${e.value.phone}`,"_self");break;case"SCROLL_TO_TILE":{if(typeof document>"u")return;const u=e.value.tileId;document.getElementById(`tile-${u}`)?.scrollIntoView();break}default:throw new Error("Unknown ButtonType: ")}}})}function S(n){return"bucket"in n&&"borderInfo"in n&&"set"in n}function m(n,t){const e=new RegExp(/^https?:\/\//);return n!=null&&e.test(n)?n:`${t}/${n}`}function L(n){const t=v(),e=o(()=>{const c=t.content.value[n];if(c!==void 0){if(S(c))return c;throw new Error(`Element ${n} is not image`)}}),l=o(()=>e.value===void 0?"":t.context.value.imageBuckets?.[e.value?.bucket]),a=o(()=>e.value!==void 0),i=o(()=>m(e.value?.set?.["cropped-webp-100x200"]?.url,l.value)),r=o(()=>m(e.value?.set?.["cropped-webp-1000x2000"]?.url,l.value)),u=o(()=>m(e.value?.set?.["webp-200x200"]?.url,l.value)),d=o(()=>m(e.value?.set?.["webp-2000x2000"]?.url,l.value));return f({hasContent:a,lowResolutionMobileImage:i,highResolutionMobileImage:r,lowResolutionDesktopImage:u,highResolutionDesktopImage:d})}function $(n){return"enabled"in n}function R(n){const t=v(),e=o(()=>{const i=t.content.value[n];if(i!==void 0){if($(i))return i;throw new Error(`Element ${n} is not toggle`)}}),l=o(()=>e.value!==void 0),a=o(()=>e.value?.enabled);return f({hasContent:l,value:a})}function A(n){const t=v(),e=o(()=>{const i=t.content.value[n];if(i!==void 0){if(typeof i=="string")return i;throw new Error(`Element ${n} is not selectbox`)}}),l=o(()=>e.value!==void 0),a=o(()=>e.value);return f({hasContent:l,value:a})}function E(n,t){if(t===void 0)return;if(!t.startsWith("global."))return t;const e=t.split(".").at(2);if(e!==void 0)return n.fontFamily[e]}function k(n,t){if(t===void 0)return;if(typeof t!="string"||!t.startsWith("global."))return t;const e=t.split(".").at(2);if(e!==void 0)return n.textSize[e]}function p(n,t){if(t===void 0)return;if(typeof t!="string"||!t.startsWith("global."))return t;const e=t.split(".").at(2);if(e!==void 0)return n.color[e]}function B(n){const t=v(),e=o(()=>{const c=t.design.value[n],s=t.defaults.value[n],g=t.context.value.globalDesign;return{font:c?.font?.replaceAll("_"," ")??E(g,s?.font),size:c?.size??k(g,s?.size),bold:c?.bold??s?.bold,italic:c?.italic??s?.italic,color:c?.color??p(g,s?.color),visible:c?.visible??s?.visible??!1}}),l=o(()=>e.value?.font),a=o(()=>e.value?.size),i=o(()=>e.value?.bold),r=o(()=>e.value?.italic),u=o(()=>e.value?.color),d=o(()=>e.value?.visible);return f({font:l,size:a,bold:i,italic:r,color:u,visible:d})}function O(n){const t=v(),e=o(()=>{const s=t.design.value[n],g=t.defaults.value[n],w=t.context.value.globalDesign;return{font:s?.font?.replaceAll("_"," ")??E(w,g?.font),size:s?.size??k(w,g?.size),bold:s?.bold??g?.bold,italic:s?.italic??g?.italic,color:s?.color??p(w,g?.color),visible:s?.visible??g?.visible??!1,whiteSpace:"pre-wrap"}}),l=o(()=>e.value?.font),a=o(()=>e.value?.size),i=o(()=>e.value?.bold),r=o(()=>e.value?.italic),u=o(()=>e.value?.color),d=o(()=>e.value?.visible),c=o(()=>e.value?.whiteSpace);return f({font:l,size:a,bold:i,italic:r,color:u,visible:d,whiteSpace:c})}function G(n){const t=v(),e=o(()=>{const c=t.design.value[n],s=t.defaults.value[n],g=t.context.value.globalDesign;return{appearance:c?.appearance??s?.appearance,font:c?.font??E(g,s?.font),size:c?.size??s?.size,style:c?.style??s?.style,color:c?.color??p(g,s?.color),visible:c?.visible??s?.visible??!1}}),l=o(()=>e.value?.appearance),a=o(()=>e.value?.font),i=o(()=>e.value?.size),r=o(()=>e.value?.style),u=o(()=>e.value?.color),d=o(()=>e.value?.visible);return f({appearance:l,font:a,size:i,style:r,color:u,visible:d})}function K(n){const t=v(),e=o(()=>{const i=t.design.value[n],r=t.defaults.value[n],u=t.context.value.globalDesign;return{overlay:{type:i?.overlay?.type??r?.overlay?.type,solid:{color:i?.overlay?.solid?.color??p(u,r?.overlay?.solid?.color)},gradient:{fromColor:i?.overlay?.gradient?.fromColor??p(u,r?.overlay?.gradient?.fromColor),toColor:i?.overlay?.gradient?.toColor??p(u,r?.overlay?.gradient?.toColor)}},visible:i?.visible??r?.visible??!1}}),l=o(()=>e.value?.overlay),a=o(()=>e.value?.visible);return f({overlay:l,visible:a})}function M(n){const t=v(),e=o(()=>{const a=t.design.value[n],i=t.defaults.value[n];return{enabled:a?.enabled??i?.enabled}}),l=o(()=>e.value?.enabled);return f({enabled:l})}function N(n){const t=v(),e=o(()=>{const a=t.design.value[n],i=t.defaults.value[n];return{value:a?.value??i?.value}}),l=o(()=>e.value?.value);return f({value:l})}function V(n){const t=v(),e=o(()=>{const a=t.design.value[n],i=t.defaults.value[n],r=t.context.value.globalDesign;return{background:{type:a?.background?.type??i?.background?.type,solid:{color:a?.background?.solid?.color??p(r,i?.background?.solid?.color)},gradient:{fromColor:a?.background?.gradient?.fromColor??p(r,i?.background?.gradient?.fromColor),toColor:a?.background?.gradient?.toColor??p(r,i?.background?.gradient?.toColor)}}}}),l=o(()=>e.value?.background);return f({background:l})}function W(){const n=v(),t=o(()=>n.design.value.layout),e=o(()=>t.value);return f({layout:e})}function x(n){return{app:C(n)}}function F(n,t){return{init:()=>{const{app:e}=x(n);return t?.init?.(e),{render:async(l,a)=>(v().init(e,l,a.content,a.design,a.defaults),t?.render?.(e,l,a),{html:await I(e,{context:l}),state:{context:l,data:a}})}}}}function P(n,t){return{init:()=>{const{app:e}=x(n);return t?.init?.(e),{mount:(l,a)=>{v().init(e,a.context,a.data.content,a.data.design,a.data.defaults),t?.mount?.(e,l,a),e.mount(l)},update:l=>{v().update(e,l.data.content,l.data.design,l.data.defaults),t?.update?.(e,l)},unmount:()=>{t?.unmount?.(e),e.unmount()}}}}}export{P as createVueClientApp,F as createVueServerApp,V as useBackgroundElementDesign,T as useButtonElementContent,G as useButtonElementDesign,L as useImageElementContent,K as useImageElementDesign,z as useInputboxElementContent,W as useLayoutElementDesign,A as useSelectboxElementContent,N as useSelectboxElementDesign,B as useTextElementDesign,_ as useTextareaElementContent,O as useTextareaElementDesign,R as useToggleElementContent,M as useToggleElementDesign,v as useVueBaseProps};

package/dist/cli.mjs

@@ -1,7 +1,12 @@
-import Re from"cac";import h from"node:fs";import $ from"node:path";import{fileURLToPath as _}from"node:url";import*as L from"fs";import{rename as Ue,unlink as Me,existsSync as N,statSync as Fe,writeFileSync as Xe,createReadStream as qe}from"fs";import*as D from"path";import{resolve as l,parse as P,dirname as ze,sep as Ke}from"path";import{red as Je,yellow as He,green as I}from"kolorist";import{glob as u,globSync as M}from"glob";import{build as F,defineConfig as X}from"vite";import{pathToFileURL as j}from"url";import{builtinModules as q}from"module";import z from"@vitejs/plugin-vue";import G from"vite-tsconfig-paths";import Ve from"vite-plugin-checker";import{viteExternalsPlugin as We}from"vite-plugin-externals";import Ze from"ajv/dist/2020.js";import Ye from"ajv-formats";import*as d from"process";import{readFile as K}from"fs/promises";import Qe from"axios";import{inc as et}from"semver";import tt from"tinycolor2";import ot from"prompts";function J(e,t){L.statSync(e).isDirectory()?(L.mkdirSync(t,{recursive:!0}),L.readdirSync(e).forEach(o=>{const s=D.resolve(e,o),n=D.resolve(t,o);J(s,n)})):L.copyFileSync(e,t)}function x(e,t,o,s){const n=D.join(e,s?.[o]??o);J(D.join(t,o),n)}function H(e,t=2){if(!+e)return"0 Bytes";const o=1024,s=t<0?0:t,n=["Bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"],i=Math.floor(Math.log(e)/Math.log(o));return`${parseFloat((e/Math.pow(o,i)).toFixed(s))} ${n[i]}`}const c={error:e=>console.log(Je(e)),warn:e=>console.log(He(e)),info:e=>console.log(I(e))},O="_temp",r="dist/sections",v="dist/templates",V=2*1024*1024;function k(e){return!!e}async function W(e){try{const t=e,o=process.cwd(),s=$.join(o,t),n=["templates"],i={_gitignore:".gitignore"};if(!h.existsSync(s))h.mkdirSync(s);else{c.error(`App with the name: ${e} already exists. If you'd like to override it, delete previous version first`);return}const a=$.resolve(_(import.meta.url),"../..","template");h.readdirSync(a).filter(w=>w!=="package.json").filter(w=>!n.includes(w)).forEach(async w=>x(s,a,w,i));const y=JSON.parse(h.readFileSync($.join(a,"package.json"),"utf-8"));y.name=e;const b=$.join(s,"package.json");h.writeFileSync(b,`${JSON.stringify(y,null,2)}
-`),c.info(`App ${e} created`)}catch(t){c.error(`Error while creating app: ${t.message}`)}}async function Z(e){try{const t=e,o=process.cwd(),s=$.join(o,"sections",t);if(!h.existsSync(s))h.mkdirSync(s);else{c.error(`Section with the name: ${e} already exists. If you'd like to override it, delete previous version first`);return}const n=$.resolve(_(import.meta.url),"../..","template/sections/example-section");h.readdirSync(n).forEach(async i=>x(s,n,i)),c.info(`Section ${e} created`)}catch(t){c.error(`Error while creating section: ${t.message}`)}}async function Y(e){try{const t=process.cwd(),o=$.join(t,"templates"),s={"template.ts":`${e}.ts`};if(!h.existsSync(o))h.mkdirSync(o);else if(h.existsSync($.join(o,`${e}.ts`))){c.error(`Template with the name: ${e} already exists. If you'd like to override it, delete previous version first`);return}const n=$.resolve(_(import.meta.url),"../..","template/templates");h.readdirSync(n).forEach(async i=>x(o,n,i,s)),c.info(`Template descriptor file [${e}.ts] has been created`)}catch(t){c.error(`Error while creating template descriptors: ${t.message}`)}}var f=(e=>(e[e.Server=0]="Server",e[e.Client=1]="Client",e[e.SectionSetting=2]="SectionSetting",e[e.SectionShowcase=3]="SectionShowcase",e[e.SectionAsset=4]="SectionAsset",e[e.TemplateDescriptor=5]="TemplateDescriptor",e[e.TemplateAsset=6]="TemplateAsset",e))(f||{}),g=(e=>(e[e.Server=0]="Server",e[e.Client=1]="Client",e[e.Misc=2]="Misc",e))(g||{});const st={[g.Server]:[z(),G()],[g.Client]:[z(),G(),ee(),We({vue:"EcVue"})],[g.Misc]:[G(),ee()]},Q={"process.env":{NODE_ENV:"production"}},E={[f.Server]:{pluginType:g.Server,define:Q,ssr:!0,ssrOptions:{noExternal:!0},outDir:e=>`./${r}/${e}/js/main/server`,externalOption:[...q,...q.map(e=>`node:${e}`)],entryFileNames:"[name].js"},[f.Client]:{pluginType:g.Client,define:Q,ssr:!1,outDir:e=>`./${r}/${e}/js/main/client`,entryFileNames:"[name].js",chunkFileNames:"[name].js",assetFileNames:"assets/[name].[ext]"},[f.SectionSetting]:{pluginType:g.Misc,ssr:!1,outDir:e=>`./${r}/${e}/js/settings`,entryFileNames:"[name].mjs"},[f.SectionShowcase]:{pluginType:g.Misc,ssr:!1,outDir:e=>`./${r}/${e}/js/showcases`,entryFileNames:"[name].mjs"},[f.SectionAsset]:{pluginType:g.Misc,ssr:!1,outDir:e=>`./${r}/${e}/assets`,assetFileNames:"[name].[ext]"},[f.TemplateDescriptor]:{pluginType:g.Misc,ssr:!1,outDir:()=>`./${v}/js`,entryFileNames:`[name]${O}.mjs`},[f.TemplateAsset]:{pluginType:g.Misc,ssr:!1,outDir:()=>`./${v}/assets`,assetFileNames:"[name].[ext]"}};function nt(e){switch(typeof e){case"string":return[l(process.cwd(),e)];case"object":return e.map(t=>l(process.cwd(),t));default:return[]}}function ee(){const e=process.env.npm_lifecycle_event;return Ve({typescript:!0,vueTsc:!1,eslint:{lintCommand:`eslint --max-warnings=0 "./sections/**/*.{js,ts,vue}" --cache --cache-location "./build/eslintcache/${e}.json"`}})}function te(e,t,o){const s=E[o].define,n=E[o].ssrOptions,i=E[o].externalOption,a=E[o].entryFileNames,y=E[o].chunkFileNames,b=E[o].assetFileNames;return{plugins:st[E[o].pluginType],...s!=null&&{define:s},...n!=null&&{ssr:n},resolve:{alias:{"@":"/src"}},build:{ssr:E[o].ssr,outDir:E[o].outDir(e),emptyOutDir:!0,rollupOptions:{...i!=null&&{external:i},preserveEntrySignatures:"strict",input:nt(t),output:{validate:!0,...a!=null&&{entryFileNames:a},...y!=null&&{chunkFileNames:y},...b!=null&&{assetFileNames:b}}}}}}const oe="https://json-schema.org/draft/2020-12/schema",se="https://lightspeedhq.com/template.schema.json",ne="Custom Template",ie="A custom template enclosing the necessary custom and default blocks",re="object",ae={metadata:{type:"object",properties:{name:{description:"Name of the template",type:"string",minLength:2,maxLength:60},description:{description:"Short description of the template",type:"string",minLength:2,maxLength:150},test_site_id:{description:"Site ID of the demo website",type:"integer"},cover_image:{type:"object",properties:{set:{description:"Name of the image set",type:"object",patternProperties:{".*":{type:"object",properties:{url:{description:"Path to the preview image relative to the 'assets' folder for a specific resolution",type:"string"}},required:["url"],additionalProperties:!1}}}},required:["set"],additionalProperties:!1}},required:["name","description","test_site_id","cover_image"],additionalProperties:!1},sections:{description:"List of sections contained by this template",type:"array",items:{type:"object",properties:{type:{description:"Type of the section",type:"string",enum:["custom","default"]}},allOf:[{if:{properties:{type:{const:"default"}}},then:{$ref:"template-default.schema.json#/$defs/default-section"}},{if:{properties:{type:{const:"custom"}}},then:{$ref:"template-custom.schema.json#/$defs/custom-section"}}]},minItems:1,uniqueItems:!1}},ce=["metadata","sections"],it={$schema:oe,$id:se,title:ne,description:ie,type:re,properties:ae,required:ce},pe={__proto__:null,$id:se,$schema:oe,default:it,description:ie,properties:ae,required:ce,title:ne,type:re},le="https://json-schema.org/draft/2020-12/schema",de="https://lightspeedhq.com/template-default.schema.json",fe="Default Section",ue="Default section for a Custom Template",me="object",ye={"default-section":{type:"object",properties:{type:{description:"Type of the section",type:"string",enum:["custom","default"]},id:{description:"Identification of the section",type:"string",pattern:"^((header|cover|announcement_bar|slider|special_offer|customer_review|company_info|shipping_payment|location|store|footer)(_\\d{3})?)$"}},required:["type","id"],additionalProperties:!1}},rt={$schema:le,$id:de,title:fe,description:ue,type:me,$defs:ye},at={__proto__:null,$defs:ye,$id:de,$schema:le,default:rt,description:ue,title:fe,type:me},he="https://json-schema.org/draft/2020-12/schema",ge="https://lightspeedhq.com/template-custom.schema.json",$e="Custom Section",Ee="Custom section for a Custom Template",Te="object",be={"custom-section":{type:"object",properties:{type:{description:"Type of the section",type:"string",enum:["custom","default"]},id:{description:"Identification of the section",type:"string"},content:{type:"object",patternProperties:{".*":{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]}},allOf:[{if:{properties:{type:{const:"INPUTBOX"}}},then:{$ref:"template-custom-content.schema.json#/$defs/input_box"}},{if:{properties:{type:{const:"TEXTAREA"}}},then:{$ref:"template-custom-content.schema.json#/$defs/text_area"}},{if:{properties:{type:{const:"BUTTON"}}},then:{$ref:"template-custom-content.schema.json#/$defs/button"}},{if:{properties:{type:{const:"IMAGE"}}},then:{$ref:"template-custom-content.schema.json#/$defs/image"}},{if:{properties:{type:{const:"TOGGLE"}}},then:{$ref:"template-custom-content.schema.json#/$defs/toggle"}},{if:{properties:{type:{const:"SELECTBOX"}}},then:{$ref:"template-custom-content.schema.json#/$defs/select_box"}}]}},minProperties:1},design:{type:"object",patternProperties:{".*":{type:"object",properties:{type:{description:"Type of the design configuration element",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]}},allOf:[{if:{properties:{type:{const:"TEXT"}}},then:{$ref:"template-custom-design.schema.json#/$defs/text"}},{if:{properties:{type:{const:"BUTTON"}}},then:{$ref:"template-custom-design.schema.json#/$defs/button"}},{if:{properties:{type:{const:"IMAGE"}}},then:{$ref:"template-custom-design.schema.json#/$defs/image"}},{if:{properties:{type:{const:"TOGGLE"}}},then:{$ref:"template-custom-design.schema.json#/$defs/toggle"}},{if:{properties:{type:{const:"SELECTBOX"}}},then:{$ref:"template-custom-design.schema.json#/$defs/select_box"}},{if:{properties:{type:{const:"BACKGROUND"}}},then:{$ref:"template-custom-design.schema.json#/$defs/background"}}]}},minProperties:1}},required:["type","id"],additionalProperties:!1}},ct={$schema:he,$id:ge,title:$e,description:Ee,type:Te,$defs:be},pt={__proto__:null,$defs:be,$id:ge,$schema:he,default:ct,description:Ee,title:$e,type:Te},we="https://json-schema.org/draft/2020-12/schema",je="https://lightspeedhq.com/template-custom-content.schema.json",Oe="Custom Section :: Content Configuration",ve="Content tab configuration of a Custom Section for a Custom Template",Se="object",Ce={input_box:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},label:{description:"Label of the content configuration element",type:"string"},placeholder:{description:"Placeholder of the content configuration element",type:"string"}},required:["type","label","placeholder"],additionalProperties:!1},text_area:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},label:{description:"Label of the content configuration element",type:"string"},placeholder:{description:"Placeholder of the content configuration element",type:"string"}},required:["type","label","placeholder"],additionalProperties:!1},button:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},label:{description:"Label of the content configuration element",type:"string"}},required:["type","label"],additionalProperties:!1},image:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},label:{description:"Label of the content configuration element",type:"string"}},required:["type","label"],additionalProperties:!1},toggle:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},label:{description:"Label of the content configuration element",type:"string"},description:{description:"Description of the content configuration element",type:"string"}},required:["type","label"],additionalProperties:!1},select_box:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},label:{description:"Label of the content configuration element",type:"string"},placeholder:{description:"Placeholder of the content configuration element",type:"string"},description:{description:"Description of the content configuration element",type:"string"},options:{description:"Individual options of the content configuration element",type:"array",items:{type:"object",properties:{value:{description:"Value of the option",type:"string"},label:{description:"Label of the option",type:"string"}},required:["value","label"],additionalProperties:!1},minItems:1}},required:["type","label","placeholder","options"],additionalProperties:!1}},lt={$schema:we,$id:je,title:Oe,description:ve,type:Se,$defs:Ce},dt={__proto__:null,$defs:Ce,$id:je,$schema:we,default:lt,description:ve,title:Oe,type:Se},Ae="https://json-schema.org/draft/2020-12/schema",Le="https://lightspeedhq.com/template-custom-design.schema.json",Ne="Custom Section :: Design Configuration",De="Design tab configuration of a Custom Section for a Custom Template",Pe="object",Ie={text:{type:"object",properties:{type:{description:"Type of the text",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},label:{description:"Label of the text",type:"string"},colors:{description:"Color options for the text",type:"array",items:{type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{3})$"},minItems:1,uniqueItems:!0},sizes:{description:"Size options for the text",type:"array",items:{type:"integer",minimum:0,exclusiveMaximum:100},minItems:1,uniqueItems:!0},defaults:{description:"Default values for the text",type:"object",properties:{font:{description:"Default font for the text",type:"string"},size:{description:"Default size for the text",type:"integer",minimum:1,exclusiveMaximum:50},bold:{description:"Default boldness for the text",type:"boolean"},italic:{description:"Default italic style for the text",type:"boolean"},color:{description:"Default color for the text",type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"},visible:{description:"Default visibility for the text",type:"boolean"}},required:["font","size","bold","italic","color","visible"],additionalProperties:!1}},required:["type","label","colors","sizes","defaults"],additionalProperties:!1},button:{type:"object",properties:{type:{description:"Type of the button",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},label:{description:"Label of the button",type:"string"},colors:{description:"Color options for the button",type:"array",items:{type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{3})$"},minItems:1,uniqueItems:!0},defaults:{description:"Default values for the button",type:"object",properties:{font:{description:"Default font for the button",type:"string"},size:{description:"Default size for the button",type:"string",enum:["SMALL","MEDIUM","LARGE"]},appearance:{description:"Default appearance for the button",type:"string",enum:["SOLID","OUTLINE","TEXT"]},shape:{description:"Default shape for the button",type:"string",enum:["ROUND_CORNER","RECTANGLE","PILL"]},color:{description:"Default color for the button",type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{3})$"}},required:["font","size","appearance","shape","color"],additionalProperties:!1}},required:["type","label","colors","defaults"],additionalProperties:!1},image:{type:"object",properties:{type:{description:"Type of the image",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},label:{description:"Label of the image",type:"string"},colors:{description:"Color options for the image",type:"array",items:{type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{3})$"},minItems:1,uniqueItems:!0},defaults:{description:"Default values for the image",type:"object",properties:{overlay:{description:"Default overlay for the image",type:"string",enum:["COLOR","GRADIENT","NONE"]},color:{description:"Default color for the image",type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{3})$"}},required:["overlay","color"],additionalProperties:!1}},required:["type","label","colors","defaults"],additionalProperties:!1},toggle:{type:"object",properties:{type:{description:"Type of the toggle",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},label:{description:"Label of the toggle",type:"string"},description:{description:"Description of the toggle",type:"string"},defaults:{description:"Default values for the toggle",type:"object",properties:{enabled:{description:"Default enabled status for the toggle",type:"boolean"}},required:["enabled"],additionalProperties:!1}},required:["type","label"],additionalProperties:!1},select_box:{type:"object",properties:{type:{description:"Type of the checkbox",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},label:{description:"Label of the checkbox",type:"string"},placeholder:{description:"Placeholder of the checkbox",type:"string"},description:{description:"Description of the checkbox",type:"string"},options:{description:"Individual options of the checkbox",type:"array",items:{type:"object",properties:{value:{description:"Value of the option",type:"string"},label:{description:"Label of the option",type:"string"}},required:["value","label"],additionalProperties:!1},minItems:1},defaults:{description:"Default values for the checkbox",type:"object",properties:{value:{description:"Default option for the checkbox",type:"string"}},required:["value"],additionalProperties:!1}},required:["type","label","placeholder","description","options","defaults"],additionalProperties:!1},background:{type:"object",properties:{type:{description:"Type of the background",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},label:{description:"Label of the background",type:"string"},colors:{description:"Color options for the background",type:"array",items:{type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{3})$"},minItems:1,uniqueItems:!0},defaults:{description:"Default values for the background",type:"object",properties:{style:{description:"Default style for the background",type:"string",enum:["COLOR","GRADIENT"]},color:{description:"Default color style for the background",type:"string"}},required:["style","color"],additionalProperties:!1}},required:["type","label","colors","defaults"],additionalProperties:!1}},ft={$schema:Ae,$id:Le,title:Ne,description:De,type:Pe,$defs:Ie},ut={__proto__:null,$defs:Ie,$id:Le,$schema:Ae,default:ft,description:De,title:Ne,type:Pe};async function mt(){const e=await u("**/server.{js,ts}",{ignore:["node_modules/**","dist/**"]});return Promise.all(e.map(async t=>{const o=ze(t).split(Ke).pop()??"default",s=await u(`**/${o}/client.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),n=await u(`**/${o}/settings/content.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),i=await u(`**/${o}/settings/design.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),a=await u(`**/${o}/settings/translations.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),y=await u(`**/${o}/showcases/*.{js,ts}`,{ignore:["node_modules/**","dist/**",`**/${o}/showcases/translations.{js,ts}`]}),b=await u(`**/${o}/showcases/translations.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),w=await u(`**/${o}/assets/*`,{ignore:["node_modules/**","dist/**"]});return{name:o,serverEntrypoint:t,clientEntrypoint:s.at(0),contentSettingsEntrypoint:n.at(0),designSettingsEntrypoint:i.at(0),settingsTranslationsEntrypoint:a.at(0),showcasesEntrypoints:y,showcasesTranslationsEntrypoint:b.at(0),assetsEntrypoints:w}}))}async function yt(){const e=await u("**/templates/**.{js,ts}",{ignore:["node_modules/**","dist/**"]}),t=await u("**/templates/assets/*",{ignore:["node_modules/**","dist/**"]});return{templates:e,assets:t}}async function B(e,t){try{const o=l(d.cwd(),t?`${e}${O}.mjs`:`${e}.mjs`);return(await import(j(o).href)).default}catch{throw new Error(`File [${e}${O}.mjs] is either invalid or undefined`)}}async function ht(){let e=new Ze({allErrors:!0,schemas:[pe,at,pt,dt,ut]});return Ye(e),e.compile(pe)}async function gt(e,t,o,s){if(e(t)&&s===void 0)new Promise(n=>{Ue(`${o}${O}.mjs`,`${o}.mjs`,function(i){i&&n(i)})});else throw new Promise(n=>{Me(`${o}${O}.mjs`,function(i){i&&n(i)})}),new Error(`Invalid file [${P(o).name}].
+import We from"cac";import h from"node:fs";import T from"node:path";import{fileURLToPath as P}from"node:url";import*as _ from"fs";import{rmSync as Ve,rename as Ye,unlink as Qe,existsSync as S,statSync as et,writeFileSync as tt,createReadStream as st}from"fs";import*as D from"path";import{resolve as m,parse as I,dirname as ot,sep as nt}from"path";import{red as it,yellow as rt,green as x}from"kolorist";import*as z from"node:process";import w from"node:process";import{glob as u,globSync as K}from"glob";import{build as J,defineConfig as H}from"vite";import{pathToFileURL as v}from"url";import{builtinModules as Z}from"module";import W from"@vitejs/plugin-vue";import R from"vite-tsconfig-paths";import at from"vite-plugin-checker";import{viteExternalsPlugin as ct}from"vite-plugin-externals";import pt from"ajv/dist/2020.js";import lt from"ajv-formats";import{readFile as V}from"fs/promises";import dt,{AxiosError as Y}from"axios";import{inc as mt}from"semver";import*as l from"process";import{ConcurrencyManager as ft}from"axios-concurrency";import ut from"tinycolor2";import yt from"prompts";function Q(e,t){_.statSync(e).isDirectory()?(_.mkdirSync(t,{recursive:!0}),_.readdirSync(e).forEach(s=>{const o=D.resolve(e,s),n=D.resolve(t,s);Q(o,n)})):_.copyFileSync(e,t)}function k(e,t,s,o){const n=D.join(e,o?.[s]??s);Q(D.join(t,s),n)}function ee(e,t=2){if(!+e)return"0 Bytes";const s=1024,o=t<0?0:t,n=["Bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"],i=Math.floor(Math.log(e)/Math.log(s));return`${parseFloat((e/Math.pow(s,i)).toFixed(o))} ${n[i]}`}const p={error:e=>console.log(it(e)),warn:e=>console.log(rt(e)),info:e=>console.log(x(e))},b="_temp",a="dist/sections",C="dist/templates",te=2*1024*1024;function B(e){return!!e}function se(){const e=["|","/","-","\\"];let t=0;return setInterval(()=>{process.stdout.write(`\r${e[t]}`),t=(t+1)%e.length},100)}function U(e){clearInterval(e),process.stdout.write("\r")}async function oe(e){try{const t=e,s=w.cwd(),o=T.join(s,t),n=["templates"],i={_gitignore:".gitignore"};h.existsSync(o)?(p.error(`App with the name: ${e} already exists. If you'd like to override it, delete previous version first`),w.exit(1)):h.mkdirSync(o);const c=T.resolve(P(import.meta.url),"../..","template");h.readdirSync(c).filter(g=>g!=="package.json").filter(g=>!n.includes(g)).forEach(async g=>k(o,c,g,i));const r=JSON.parse(h.readFileSync(T.join(c,"package.json"),"utf-8"));r.name=e;const E=T.join(o,"package.json");h.writeFileSync(E,`${JSON.stringify(r,null,2)}
+`),p.info(`App ${e} created`)}catch(t){p.error(`Error while creating app: ${t.message}`),w.exit(1)}}async function ne(e){try{const t=e,s=w.cwd(),o=T.join(s,"sections",t);h.existsSync(o)?(p.error(`Section with the name: ${e} already exists. If you'd like to override it, delete previous version first`),w.exit(1)):h.mkdirSync(o);const n=T.resolve(P(import.meta.url),"../..","template/sections/example-section");h.readdirSync(n).forEach(async i=>k(o,n,i)),p.info(`Section ${e} created`)}catch(t){p.error(`Error while creating section: ${t.message}`),w.exit(1)}}async function ie(e){try{const t=w.cwd(),s=T.join(t,"templates"),o={"template.ts":`${e}.ts`};h.existsSync(s)?h.existsSync(T.join(s,`${e}.ts`))&&(p.error(`Template with the name: ${e} already exists. If you'd like to override it, delete previous version first`),w.exit(1)):h.mkdirSync(s);const n=T.resolve(P(import.meta.url),"../..","template/templates");h.readdirSync(n).forEach(async i=>k(s,n,i,o)),p.info(`Template descriptor file [${e}.ts] has been created`)}catch(t){p.error(`Error while creating template descriptors: ${t.message}`),w.exit(1)}}var f=(e=>(e[e.Server=0]="Server",e[e.Client=1]="Client",e[e.SectionSetting=2]="SectionSetting",e[e.SectionShowcase=3]="SectionShowcase",e[e.SectionAsset=4]="SectionAsset",e[e.TemplateDescriptor=5]="TemplateDescriptor",e[e.TemplateAsset=6]="TemplateAsset",e))(f||{}),$=(e=>(e[e.Server=0]="Server",e[e.Client=1]="Client",e[e.Misc=2]="Misc",e))($||{});const ht={[$.Server]:[W(),R()],[$.Client]:[W(),R(),ae(),ct({vue:"EcVue"})],[$.Misc]:[R(),ae()]},re={"process.env":{NODE_ENV:"production"}},j={[f.Server]:{pluginType:$.Server,define:re,ssr:!0,ssrOptions:{noExternal:!0},outDir:e=>`./${a}/${e}/js/main/server`,externalOption:[...Z,...Z.map(e=>`node:${e}`)],entryFileNames:"[name].js"},[f.Client]:{pluginType:$.Client,define:re,ssr:!1,outDir:e=>`./${a}/${e}/js/main/client`,entryFileNames:"[name].js",chunkFileNames:"[name].js",assetFileNames:"assets/[name].[ext]"},[f.SectionSetting]:{pluginType:$.Misc,ssr:!1,outDir:e=>`./${a}/${e}/js/settings`,entryFileNames:"[name].mjs"},[f.SectionShowcase]:{pluginType:$.Misc,ssr:!1,outDir:e=>`./${a}/${e}/js/showcases`,entryFileNames:"[name].mjs"},[f.SectionAsset]:{pluginType:$.Misc,ssr:!1,outDir:e=>`./${a}/${e}/assets`,assetFileNames:"[name].[ext]"},[f.TemplateDescriptor]:{pluginType:$.Misc,ssr:!1,outDir:()=>`./${C}/js`,entryFileNames:`[name]${b}.mjs`},[f.TemplateAsset]:{pluginType:$.Misc,ssr:!1,outDir:()=>`./${C}/assets`,assetFileNames:"[name].[ext]"}};function gt(e){switch(typeof e){case"string":return[m(process.cwd(),e)];case"object":return e.map(t=>m(process.cwd(),t));default:return[]}}function ae(){const e=process.env.npm_lifecycle_event;return at({typescript:!0,vueTsc:!1,eslint:{lintCommand:`eslint --max-warnings=0 "./sections/**/*.{js,ts,vue}" --cache --cache-location "./build/eslintcache/${e}.json"`}})}function ce(e,t,s){const o=j[s].define,n=j[s].ssrOptions,i=j[s].externalOption,c=j[s].entryFileNames,r=j[s].chunkFileNames,E=j[s].assetFileNames;return{plugins:ht[j[s].pluginType],...o!=null&&{define:o},...n!=null&&{ssr:n},resolve:{alias:{"@":"/src"}},build:{ssr:j[s].ssr,outDir:j[s].outDir(e),emptyOutDir:!0,rollupOptions:{...i!=null&&{external:i},preserveEntrySignatures:"strict",input:gt(t),output:{validate:!0,...c!=null&&{entryFileNames:c},...r!=null&&{chunkFileNames:r},...E!=null&&{assetFileNames:E}}}}}}const pe="https://json-schema.org/draft/2020-12/schema",le="https://lightspeedhq.com/template.schema.json",de="Custom Template",me="A custom template enclosing the necessary custom and default blocks",fe="object",ue={metadata:{type:"object",properties:{name:{description:"Name of the template",type:"string",minLength:2,maxLength:60},description:{description:"Short description of the template",type:"string",minLength:2,maxLength:150},preview_url:{description:"Preview url of the demo website",type:"string",format:"uri",pattern:"^(https?)://([^.]+?\\.)company\\.site($|/[A-Za-z0-9\\-._~:/?#\\[\\]@!$&'()*+,;=]*)?$"},cover_image:{type:"object",properties:{set:{description:"Name of the image set",type:"object",patternProperties:{".*":{type:"object",properties:{url:{description:"Path to the preview image relative to the 'assets' folder for a specific resolution",type:"string"}},required:["url"],additionalProperties:!1}}}},required:["set"],additionalProperties:!1}},required:["name","description","cover_image"],additionalProperties:!1},sections:{description:"List of sections contained by this template",type:"array",items:{type:"object",properties:{type:{description:"Type of the section",type:"string",enum:["custom","default"]}},allOf:[{if:{properties:{type:{const:"default"}}},then:{$ref:"template-default.schema.json#/$defs/default-section"}},{if:{properties:{type:{const:"custom"}}},then:{$ref:"template-custom.schema.json#/$defs/custom-section"}}]},minItems:1,uniqueItems:!1}},ye=["metadata","sections"],$t={$schema:pe,$id:le,title:de,description:me,type:fe,properties:ue,required:ye},he={__proto__:null,$id:le,$schema:pe,default:$t,description:me,properties:ue,required:ye,title:de,type:fe},ge="https://json-schema.org/draft/2020-12/schema",$e="https://lightspeedhq.com/template-default.schema.json",Ee="Default Section",Te="Default section for a Custom Template",we="object",je={"default-section":{type:"object",properties:{type:{description:"Type of the section",type:"string",enum:["custom","default"]},id:{description:"Identification of the section",type:"string",pattern:"^((header|cover|announcement_bar|slider|special_offer|customer_review|company_info|shipping_payment|location|store|footer)(_\\d{3})?)$"}},required:["type","id"],additionalProperties:!1}},Et={$schema:ge,$id:$e,title:Ee,description:Te,type:we,$defs:je},Tt={__proto__:null,$defs:je,$id:$e,$schema:ge,default:Et,description:Te,title:Ee,type:we},Oe="https://json-schema.org/draft/2020-12/schema",ve="https://lightspeedhq.com/template-custom.schema.json",Se="Custom Section",be="Custom section for a Custom Template",Ce="object",Ae={"custom-section":{type:"object",properties:{type:{description:"Type of the section",type:"string",enum:["custom","default"]},id:{description:"Identification of the section",type:"string"},showcase_id:{description:"Showcase id of the section",type:"string"},showcase_overrides:{type:"object",description:"Overrides for the showcase",properties:{content:{type:"object",patternProperties:{".*":{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]}},allOf:[{if:{properties:{type:{const:"INPUTBOX"}}},then:{$ref:"template-custom-content.schema.json#/$defs/input_box"}},{if:{properties:{type:{const:"TEXTAREA"}}},then:{$ref:"template-custom-content.schema.json#/$defs/text_area"}},{if:{properties:{type:{const:"BUTTON"}}},then:{$ref:"template-custom-content.schema.json#/$defs/button"}},{if:{properties:{type:{const:"IMAGE"}}},then:{$ref:"template-custom-content.schema.json#/$defs/image"}},{if:{properties:{type:{const:"TOGGLE"}}},then:{$ref:"template-custom-content.schema.json#/$defs/toggle"}},{if:{properties:{type:{const:"SELECTBOX"}}},then:{$ref:"template-custom-content.schema.json#/$defs/select_box"}}]}},minProperties:1},design:{type:"object",patternProperties:{".*":{type:"object",properties:{type:{description:"Type of the design configuration element",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]}},allOf:[{if:{properties:{type:{const:"TEXT"}}},then:{$ref:"template-custom-design.schema.json#/$defs/text"}},{if:{properties:{type:{const:"BUTTON"}}},then:{$ref:"template-custom-design.schema.json#/$defs/button"}},{if:{properties:{type:{const:"IMAGE"}}},then:{$ref:"template-custom-design.schema.json#/$defs/image"}},{if:{properties:{type:{const:"TOGGLE"}}},then:{$ref:"template-custom-design.schema.json#/$defs/toggle"}},{if:{properties:{type:{const:"SELECTBOX"}}},then:{$ref:"template-custom-design.schema.json#/$defs/select_box"}},{if:{properties:{type:{const:"BACKGROUND"}}},then:{$ref:"template-custom-design.schema.json#/$defs/background"}}]}},minProperties:1},layoutId:{description:"Layout ID for the showcase",type:"string"},blockName:{description:"Section name for the showcase",type:"string"}},required:["content","design"]}},required:["type","id"],additionalProperties:!1}},wt={$schema:Oe,$id:ve,title:Se,description:be,type:Ce,$defs:Ae},jt={__proto__:null,$defs:Ae,$id:ve,$schema:Oe,default:wt,description:be,title:Se,type:Ce},Ne="https://json-schema.org/draft/2020-12/schema",Le="https://lightspeedhq.com/template-custom-content.schema.json",_e="Custom Section :: Content Configuration",De="Content tab configuration of a Custom Section for a Custom Template",Ie="object",xe={input_box:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},text:{type:"string"}},required:["type","text"],additionalProperties:!1},text_area:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},text:{type:"string"}},required:["type","text"],additionalProperties:!1},button:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},title:{type:"string"},buttonType:{type:"string",enum:["SCROLL_TO_TILE","HYPER_LINK","MAIL_LINK","TEL_LINK","GO_TO_STORE_LINK","GO_TO_PAGE"]},link:{type:"string",format:"uri"},linkTarget:{type:"string"},email:{type:"string"},phone:{type:"string"},tileId:{type:"string"}},required:["type","title"],additionalProperties:!1},image:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},imageData:{type:"object",properties:{set:{type:"object"},borderInfo:{type:"object"},bucket:{type:"string"}},required:["set"]}},required:["type"],additionalProperties:!1},toggle:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},enabled:{type:"boolean"}},required:["type"],additionalProperties:!1},select_box:{type:"object",properties:{type:{description:"Type of the content configuration element",type:"string",enum:["INPUTBOX","TEXTAREA","BUTTON","IMAGE","TOGGLE","SELECTBOX"]},value:{type:"string"}},required:["type"],additionalProperties:!1}},Ot={$schema:Ne,$id:Le,title:_e,description:De,type:Ie,$defs:xe},vt={__proto__:null,$defs:xe,$id:Le,$schema:Ne,default:Ot,description:De,title:_e,type:Ie},Ge="https://json-schema.org/draft/2020-12/schema",Pe="https://lightspeedhq.com/template-custom-design.schema.json",Re="Custom Section :: Design Configuration",ke="Design tab configuration of a Custom Section for a Custom Template",Be="object",Ue={text:{type:"object",properties:{type:{description:"Type of the text",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},font:{description:"Default font for the text",type:"string"},size:{description:"Default size for the text",type:"integer",minimum:1,exclusiveMaximum:50},bold:{description:"Default boldness for the text",type:"boolean"},italic:{description:"Default italic style for the text",type:"boolean"},color:{description:"Default color for the text",type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"},visible:{description:"Default visibility for the text",type:"boolean"}},additionalProperties:!1},button:{type:"object",properties:{type:{description:"Type of the button",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},font:{description:"Default font for the button",type:"string"},size:{description:"Default size for the button",type:"string",enum:["SMALL","MEDIUM","LARGE"]},appearance:{description:"Default appearance for the button",type:"string",enum:["SOLID","OUTLINE","TEXT"]},shape:{description:"Default shape for the button",type:"string",enum:["ROUND_CORNER","RECTANGLE","PILL"]},color:{description:"Default color for the button",type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"}},additionalProperties:!1},image:{type:"object",properties:{type:{description:"Type of the image",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},overlay:{description:"Default overlay for the image",type:"string",enum:["COLOR","GRADIENT","NONE"]}},if:{properties:{overlay:{const:"GRADIENT"}}},then:{properties:{color:{description:"Default color for the image",type:"array",items:{type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"},minItems:2,maxItems:2}}},else:{properties:{color:{description:"Default color for the image",type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"}}}},toggle:{type:"object",properties:{type:{description:"Type of the toggle",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},enabled:{description:"Default enabled status for the toggle",type:"boolean"}},additionalProperties:!1},select_box:{type:"object",properties:{type:{description:"Type of the checkbox",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},value:{description:"Default option for the checkbox",type:"string"}},additionalProperties:!1},background:{type:"object",properties:{type:{description:"Type of the background",type:"string",enum:["TEXT","BUTTON","IMAGE","TOGGLE","SELECTBOX","BACKGROUND"]},style:{description:"Default style for the background",type:"string",enum:["COLOR","GRADIENT"]}},if:{properties:{style:{const:"GRADIENT"}}},then:{properties:{color:{description:"Default colors for the image",type:"array",items:{type:"string",pattern:"^#([a-fA-F0-9]{8}|[a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"},minItems:2,maxItems:2}}},else:{properties:{color:{description:"Default color for the image",type:"string"}}}}},St={$schema:Ge,$id:Pe,title:Re,description:ke,type:Be,$defs:Ue},bt={__proto__:null,$defs:Ue,$id:Pe,$schema:Ge,default:St,description:ke,title:Re,type:Be};async function Ct(){const e=await u("**/server.{js,ts}",{ignore:["node_modules/**","dist/**","headers/**","footers/**"]});return Promise.all(e.map(async t=>{const s=ot(t).split(nt).pop()??"default",o=await u(`**/${s}/client.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),n=await u(`**/${s}/settings/content.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),i=await u(`**/${s}/settings/design.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),c=await u(`**/${s}/settings/layout.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),r=await u(`**/${s}/settings/translations.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),E=await u(`**/${s}/showcases/*.{js,ts}`,{ignore:["node_modules/**","dist/**",`**/${s}/showcases/translations.{js,ts}`]}),g=await u(`**/${s}/showcases/translations.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),G=await u(`**/${s}/assets/*`,{ignore:["node_modules/**","dist/**"]});return{name:s,serverEntrypoint:t,clientEntrypoint:o.at(0),contentSettingsEntrypoint:n.at(0),designSettingsEntrypoint:i.at(0),layoutSettingsEntrypoint:c.at(0),settingsTranslationsEntrypoint:r.at(0),showcasesEntrypoints:E,showcasesTranslationsEntrypoint:g.at(0),assetsEntrypoints:G}}))}async function At(){const e=await u("./templates/**.{js,ts}",{ignore:["node_modules/**","dist/**"]}),t=await u("./templates/assets/*",{ignore:["node_modules/**","dist/**"]});return{templates:e,assets:t}}async function M(e,t){try{const s=m(z.cwd(),t?`${e}${b}.mjs`:`${e}.mjs`);return(await import(v(s).href)).default}catch{throw new Error(`File [${e}${b}.mjs] is either invalid or undefined`)}}async function Nt(){let e=new pt({allErrors:!0,schemas:[he,Tt,jt,vt,bt]});return lt(e),e.compile(he)}async function Lt(e,t,s,o){if(e(t)&&o===void 0)new Promise(n=>{Ye(`${s}${b}.mjs`,`${s}.mjs`,function(i){i&&n(i)})});else throw new Promise(n=>{Qe(`${s}${b}.mjs`,function(i){i&&n(i)})}),new Error(`Invalid file [${I(s).name}].
 Note: Errors regarding failingKeyword: "then" can sometimes be false negatives. Please focus on fixing other errors first!
-Errors: ${JSON.stringify([...e.errors??[],...s??[]],null,2)}`)}async function $t(e){const t=[];for(const o of e.sections){const s=e.sections.indexOf(o);if(s===0&&o.id!=="header"&&t.push({instancePath:`/sections/${s}/id`,message:"The first section must be a default `header`"}),s===e.sections.length-1&&o.id!=="footer"&&t.push({instancePath:`/sections/${s}/id`,message:"The last section must be a default `footer`"}),o.type==="custom")if(!N(`${r}/${o.id}`))t.push({instancePath:`/sections/${s}/id`,message:"Custom section must have a corresponding block defined"});else{if(o.content!==void 0)if(!N(`${r}/${o.id}/js/settings/content.mjs`))t.push({instancePath:`/sections/${s}/content`,message:"Content descriptor is overridden, please provide a default descriptor in the block's settings folder"});else{const n=await B(`${r}/${o.id}/js/settings/content`,!1),i=new Set(Object.keys(n));Object.keys(o.content).every(a=>i.has(a))||t.push({instancePath:`/sections/${s}/content`,message:"Content descriptor must be a subset of the default content descriptor"})}if(o.design!==void 0)if(!N(`${r}/${o.id}/js/settings/design.mjs`))t.push({instancePath:`/sections/${s}/design`,message:"Design descriptor is overridden, please provide a default descriptor in the block's settings folder"});else{const n=await B(`${r}/${o.id}/js/settings/design`,!1),i=new Set(Object.keys(n));Object.keys(o.design).every(a=>i.has(a))||t.push({instancePath:`/sections/${s}/design`,message:"Design descriptor must be a subset of the default design descriptor"})}}}return t.length===0?void 0:t}function Et(e){const t=e.reduce((o,s)=>{const n=Fe(s);return n.size>V&&(o[s]=H(n.size)),o},{});if(Object.keys(t).length!==0){const o=Math.max(...Object.keys(t).map(s=>s.length));c.error(`Size of individual assets must not exceed threshold [${H(V)}]!`);for(let s in t)c.error(`File: ${s}`.padEnd(o+10)+`| ${t[s]}`);throw new Error("Invalid asset file size")}}async function Tt(){async function e(t,o,s){o.length!==0&&await F({configFile:!1,...X(te(t,o,s))})}try{const t=await mt().then(s=>s.map(n=>({name:n.name,serverEntrypoint:n.serverEntrypoint,clientEntrypoint:[n.clientEntrypoint].filter(k).flat(),settingsEntryPoints:[n.contentSettingsEntrypoint,n.designSettingsEntrypoint,n.settingsTranslationsEntrypoint].filter(k),showcaseEntryPoints:[...n.showcasesEntrypoints??[],n.showcasesTranslationsEntrypoint].filter(k),assetEntryPoints:n.assetsEntrypoints??[]})));for(const s of t)Et(s.assetEntryPoints),await F({configFile:!1,...X(te(s.name,s.serverEntrypoint,f.Server))}),await e(s.name,s.clientEntrypoint,f.Client),await e(s.name,s.settingsEntryPoints,f.SectionSetting),await e(s.name,s.showcaseEntryPoints,f.SectionShowcase),await e(s.name,s.assetEntryPoints,f.SectionAsset);const o=await yt();if(o.templates.length!==0){const s=await ht();await e(void 0,o.assets,f.TemplateAsset),await e(void 0,o.templates,f.TemplateDescriptor);for(const n of o.templates){const i=`${v}/js/${P(n).name}`,a=await B(i,!0);await gt(s,a,i,await $t(a))}}c.info("Build successful. For deploy run: npx @lightspeed/crane@latest deploy")}catch(t){c.error(`Error while building: ${t.message}`)}}function _e(e){if(e!==void 0)return e.startsWith("global.")?{type:"GLOBAL_FONT",font:e}:{type:"PRESET_FONT",font:e}}function T(e){if(e===void 0)return;if(e.startsWith("global."))return{type:"GLOBAL_COLOR",raw:e};const t=tt(e);return{type:"STRUCTURED_COLOR",raw:e,hex:t.toHex8String(),hsl:t.toHsl(),rgba:t.toRgb(),auto:!1}}function bt(e){if(e!==void 0)return typeof e=="string"&&e.startsWith("global.")?{type:"GLOBAL_TEXT_SIZE",size:e}:{type:"NUMERIC_TEXT_SIZE",size:e}}const wt={COLOR:"COLOR",GRADIENT:"GRADIENT"};function jt(e){switch(e){case"COLOR":return"solid";case"GRADIENT":return"gradient";default:throw new Error(`Unknown background type: ${e}. Right options: ${Object.keys(wt)}`)}}function Ot(e){const t=e.style,o=e.color,s=Array.isArray(o)?o:[o,o];return e.background={type:jt(t),solid:{color:T(s.at(0))},gradient:{fromColor:T(s.at(0)),toColor:T(s.at(1))}},e.style=void 0,e.color=void 0,e}const vt={SOLID:"SOLID",OUTLINE:"OUTLINE",TEXT:"TEXT"};function St(e){switch(e){case"SOLID":return"solid-button";case"OUTLINE":return"outline-button";case"TEXT":return"text-link";default:throw new Error(`Unknown button appearance: ${e}. Right options: ${Object.keys(vt)}`)}}const Ct={SMALL:"SMALL",MEDIUM:"MEDIUM",LARGE:"LARGE"};function At(e){switch(e){case"SMALL":return"small";case"MEDIUM":return"medium";case"LARGE":return"large";default:throw new Error(`Unknown button size: ${e}. Right options: ${Object.keys(Ct)}`)}}const Lt={ROUND_CORNER:"ROUND_CORNER",RECTANGLE:"RECTANGLE",PILL:"PILL"};function Nt(e){switch(e){case"ROUND_CORNER":return"round-corner";case"RECTANGLE":return"rectangle";case"PILL":return"pill";default:throw new Error(`Unknown button shape: ${e}. Right options: ${Object.keys(Lt)}`)}}function Dt(e){const t=e.appearance;t!==void 0&&(e.appearance=St(t));const o=e.size;o!==void 0&&(e.size=At(o));const s=e.shape;s!==void 0&&(e.style=Nt(s),e.shape=void 0);const n=e.font;e.font=_e(n);const i=e.color;return e.color=T(i),e}const Pt={COLOR:"COLOR",GRADIENT:"GRADIENT",NONE:"NONE"};function It(e){switch(e){case"COLOR":return"solid";case"GRADIENT":return"gradient";case"NONE":return"none";default:throw new Error(`Unknown image overlay type: ${e}. Right options: ${Object.keys(Pt)}`)}}function _t(e){const t=e.overlay,o=e.color,s=Array.isArray(o)?o:[o,o];return e.overlay={type:It(t),solid:{color:T(s.at(0))},gradient:{fromColor:T(s.at(0)),toColor:T(s.at(1))}},e.color=void 0,e}function Gt(e){const t=e.font;e.font=_e(t);const o=e.color;e.color=T(o);const s=e.size;return e.size=bt(s),e}function xt(e){const t=e.color;return e.color=T(t),e}function Ge(e){Object.keys(e).forEach(t=>{const o=e[t],s=o.type;xe(s,o.defaults)})}function kt(e){Object.keys(e).forEach(t=>{const o=e[t],s=o.type;xe(s,o)})}function xe(e,t){switch(e){case"TEXT":{Gt(t);break}case"BUTTON":{Dt(t);break}case"IMAGE":{_t(t);break}case"BACKGROUND":{Ot(t);break}case"COLOR_PICKER":{xt(t);break}case"TOGGLE":case"SELECTBOX":break;default:throw new Error(`Unknown design editor type: ${e}`)}return t}var m=(e=>(e[e.Server=0]="Server",e[e.Client=1]="Client",e[e.ClientAsset=2]="ClientAsset",e[e.Asset=3]="Asset",e[e.TemplateAsset=4]="TemplateAsset",e[e.Dependency=5]="Dependency",e))(m||{});const S={[m.Server]:{type:"server_js",isSingleton:!0,toPath:e=>`${r}/${e}/js/main/server/`,fileName:"server.js"},[m.Client]:{type:"client_js",isSingleton:!1,toPath:e=>`${r}/${e}/js/main/client/`,fileName:"client.js"},[m.ClientAsset]:{type:"assets",isSingleton:!1,toPath:e=>`${r}/${e}/js/main/client/assets/`,fileName:"*"},[m.Asset]:{type:"assets",isSingleton:!1,toPath:e=>`${r}/${e}/assets/`,fileName:"*"},[m.TemplateAsset]:{type:"template_assets",isSingleton:!1,toPath:()=>`${v}/assets/`,fileName:"*"},[m.Dependency]:{type:"dependencies",isSingleton:!0,toPath:()=>{},fileName:"package.json"}},Bt="https://blockbuster.ecwid.com",Rt="/api/v1/app/resource/upload",Ut="/api/v1/app/manifest";async function Mt(){const e=await K(l(d.cwd(),"crane.config.json")),t=JSON.parse(e.toString());return{appClientId:t.app_client_id,appSecretKey:btoa(t.app_secret_key)}}async function Ft(){const e=l(d.cwd(),"package.json"),t=await K(e),o=JSON.parse(t.toString());if(Xt(o))return o;throw new Error(`Package file located at path: ${e} does not contain a version field`)}function Xt(e){return typeof e=="object"&&e!==null&&"version"in e&&typeof e.version=="string"}async function qt(e){const t=et(e.version,"patch");if(t===null)throw Error("Error while incrementing app version");e.version=t,Xe(l(d.cwd(),"package.json"),`${JSON.stringify(e,null,2)}
-`)}async function zt(e,t){try{const o=l(d.cwd(),`${r}/${e}/js/settings/content.mjs`),s=(await import(j(o).href)).default;return C(s,t),s}catch{throw new Error(`Content descriptor for section [${e}] is either invalid or undefined`)}}async function Kt(e,t){try{const o=l(d.cwd(),`${r}/${e}/js/settings/design.mjs`),s=(await import(j(o).href)).default;return Ge(s),C(s,t),s}catch(o){const s=o;throw new Error(`Design settings is invalid or undefined. Error ${s.stack}`)}}async function Jt(e,t){try{const o=await u("*.mjs",{cwd:l(d.cwd(),`${r}/${e}/js/showcases/`),ignore:"**/translations.mjs"});return Promise.all(o.map(async s=>{const n=l(d.cwd(),`${r}/${e}/js/showcases/${s}`),i=(await import(j(n).href)).default;return kt(i.design),C(i,t),i}))}catch(o){throw new Error(`Showcases is invalid or undefined. Error ${o}`)}}async function ke(e){return await Be(`${r}/${e}/js/settings/translations.mjs`)}async function Ht(e){return await Be(`${r}/${e}/js/showcases/translations.mjs`)}async function Be(e){const t=l(d.cwd(),e),o=(await import(j(t).href)).default;return Wt(o)}function C(e,t){if(e&&typeof e=="object"){const o=e;for(let s in o){const n=o[s];typeof n=="string"&&n.startsWith("$")&&(o[s]=Vt(t,n)),typeof n=="object"&&C(n,t)}}}function Vt(e,t){if(!t)return;const o=e[t];return o===void 0?{en:t}:o}function Wt(e){const t={};for(let o in e){const s=e[o];for(let n in s){const i=t[n],a=s[n];if(i===void 0){const y={};y[o]=a,t[n]=y}else i[o]=a}}return t}async function Zt(){const e=await u("*/",{cwd:l(d.cwd(),`${r}/`)});return Promise.all(e.map(async t=>{const o=await ke(t),s=await Ht(t),n=await zt(t,o),i=await Kt(t,o),a=await Jt(t,s);return{id:t,name:{en:t},contentEditors:n,designEditors:i,showcases:a}}))}async function Yt(e){try{return(await import(j(l(d.cwd(),e)).href)).default}catch{throw new Error(`Template descriptor [${e}] is either invalid or undefined`)}}async function Qt(){const e=await u(`${v}/js/**.mjs`,{ignore:[`${v}/js/**${O}.mjs`]});return Promise.all(e.map(async t=>{const o=await Yt(t),s=o.sections.filter(n=>n.type==="custom");for(const n of s){const i=await ke(n.id);n.content!==void 0&&C(n.content,i),n.design!==void 0&&(Ge(n.design),C(n.design,i))}return{id:`${P(d.cwd()).name.replace(/[^a-zA-Z0-9]/g,"_")}_${P(t).name}`,descriptor:o}}))}function eo(e){const t=e.pathContext,o=t.toPath(e.currentSection),s=o===void 0?M(t.fileName):M(t.fileName,{cwd:l(d.cwd(),o),ignore:t.ignore});return t.isSingleton?s.splice(0):s}function A(e){const t=eo(e),o=e.pathContext.toPath(e.currentSection);return t.map(s=>e.config.axios.post(Rt,{file:qe(l(d.cwd(),o!==void 0?o+s:s))},{params:{appClientId:e.config.app.crane.appClientId,type:e.pathContext.type,version:e.config.app.packageJson.version,...e.currentSection!==void 0&&{block:e.currentSection},...e.pathContext.type!=="dependencies"&&{fileName:s}},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${e.config.app.crane.appSecretKey}`}}).then(n=>n.data))}function to(e){return[...e.app.sections.flatMap(t=>[...A({config:e,currentSection:t.id,pathContext:S[m.Server]}),...A({config:e,currentSection:t.id,pathContext:S[m.Client]}),...A({config:e,currentSection:t.id,pathContext:S[m.ClientAsset]}),...A({config:e,currentSection:t.id,pathContext:S[m.Asset]})]),...A({config:e,pathContext:S[m.Dependency]}),...A({config:e,pathContext:S[m.TemplateAsset]})]}async function oo(e){try{return e.axios.post(Ut,{version:e.app.packageJson.version,name:"Custom Block App",blocks:e.app.sections,templates:e.app.templates},{params:{appClientId:e.app.crane.appClientId},headers:{Authorization:`Bearer ${e.app.crane.appSecretKey}`}})}catch(t){c.error(`Error while deploying manifest file: ${t.message}`)}}async function so(e){try{if(!N(l(d.cwd(),r))){c.error(`Error while deploying: ${r} folder not found`);return}const t=e??Bt;c.info(`Custom application deployment [${t}] :: Started`);const o=Qe.create({baseURL:t});c.info("Loading configuration files ...");const s=await Promise.all([Mt(),Ft(),Zt(),Qt()]).then(([i,a,y,b])=>({axios:o,app:{crane:i,packageJson:a,sections:y,templates:b}}));c.info("Uploading asset files ..."),await Promise.all(to(s)),c.info("Uploading manifest files ..."),await oo(s);const n=s.app.sections.map(i=>i.id);c.info(`Custom application deployment [${t}] :: Successful
-Current app version: ${s.app.packageJson.version}
-Deployed sections: ${n.join(", ")}`),await qt(s.app.packageJson),s.app.templates.length>0&&c.info(`Deployed templates: ${s.app.templates.map(i=>i.id).join(", ")}`)}catch(t){c.error(`Error while deploying: ${t.message}`)}}const no="1.0.2",p=Re("crane");function io(){p.command("init","Initialize a new resource in the form of a directory.").option("--app <name>","Creates an app folder inside your current directory.").option("--section <name>","Creates the files necessary for one custom section with the given name, this can be repeated for each section.").option("--template <name>","Creates the directory and files necessary to build a custom template inside your app folder.").action(e=>{if(e.app)return W(e.app);if(e.section)return Z(e.section);if(e.template)return Y(e.template);p.outputHelp()}),p.command("build","Builds your resource code").action(Tt),p.command("deploy","Deploys your resource code into Ecwid"),p.on("command:*",()=>{console.error("Invalid command: %s",p.args.join(" ")),p.outputHelp(),process.exit(1)}),p.on("command:init",()=>{const e=p.options.section,t=p.options.app,o=p.options.template;U(t)?R("app",I("init --app <name>"),W):U(e)?R("section",I("init --section <name>"),Z):U(o)&&R("template",I("init --template <name>"),Y)}),p.on("command:deploy",()=>so(p.options.url)),p.help(),p.usage("<action> <resource>"),p.version(no),p.parse()}try{io()}catch{}async function R(e,t,o){const s=`You can use ${t} to directly specify the name of the ${e}.`;console.log(s);const n=await ot({type:"text",name:"name",message:`Please specify a name for your ${e}:`});if(n.name)return o(n.name);console.log("Please provide a name for the template."),p.outputHelp()}function U(e){return e&&(typeof e!="string"||e.trim().length==0)}
+Errors: ${JSON.stringify([...e.errors??[],...o??[]],null,2)}`)}async function _t(e){const t=[];for(const s of e.sections){const o=e.sections.indexOf(s);if(o===0&&s.id!=="header"&&t.push({instancePath:`/sections/${o}/id`,message:"The first section must be a default `header`"}),o===e.sections.length-1&&s.id!=="footer"&&t.push({instancePath:`/sections/${o}/id`,message:"The last section must be a default `footer`"}),s.type==="custom")if(!S(`${a}/${s.id}`))t.push({instancePath:`/sections/${o}/id`,message:"Custom section must have a corresponding block defined"});else{if(s.content!==void 0)if(!S(`${a}/${s.id}/js/settings/content.mjs`))t.push({instancePath:`/sections/${o}/content`,message:"Content descriptor is overridden, please provide a default descriptor in the block's settings folder"});else{const n=await M(`${a}/${s.id}/js/settings/content`,!1),i=new Set(Object.keys(n));Object.keys(s.content).every(c=>i.has(c))||t.push({instancePath:`/sections/${o}/content`,message:"Content descriptor must be a subset of the default content descriptor"})}if(s.design!==void 0)if(!S(`${a}/${s.id}/js/settings/design.mjs`))t.push({instancePath:`/sections/${o}/design`,message:"Design descriptor is overridden, please provide a default descriptor in the block's settings folder"});else{const n=await M(`${a}/${s.id}/js/settings/design`,!1),i=new Set(Object.keys(n));Object.keys(s.design).every(c=>i.has(c))||t.push({instancePath:`/sections/${o}/design`,message:"Design descriptor must be a subset of the default design descriptor"})}s.showcase_id!==void 0&&(S(`${a}/${s.id}/js/showcases/${s.showcase_id}.mjs`)||t.push({instancePath:`/sections/${o}/showcase-id`,message:"Custom section must have a corresponding showcase defined in case showcase_id is specified"}))}}return t.length===0?void 0:t}function Dt(e){const t=e.reduce((s,o)=>{const n=et(o);return n.size>te&&(s[o]=ee(n.size)),s},{});if(Object.keys(t).length!==0){const s=Math.max(...Object.keys(t).map(o=>o.length));p.error(`Size of individual assets must not exceed threshold [${ee(te)}]!`);for(let o in t)p.error(`File: ${o}`.padEnd(s+10)+`| ${t[o]}`);throw new Error("Invalid asset file size")}}async function It(){async function e(t,s,o){s.length!==0&&await J({configFile:!1,...H(ce(t,s,o))})}Ve("dist",{recursive:!0,force:!0});try{const t=await Ct().then(o=>o.map(n=>({name:n.name,serverEntrypoint:n.serverEntrypoint,clientEntrypoint:[n.clientEntrypoint].filter(B).flat(),settingsEntryPoints:[n.contentSettingsEntrypoint,n.designSettingsEntrypoint,n.layoutSettingsEntrypoint,n.settingsTranslationsEntrypoint].filter(B),showcaseEntryPoints:[...n.showcasesEntrypoints??[],n.showcasesTranslationsEntrypoint].filter(B),assetEntryPoints:n.assetsEntrypoints??[]})));for(const o of t)Dt(o.assetEntryPoints),await J({configFile:!1,...H(ce(o.name,o.serverEntrypoint,f.Server))}),await e(o.name,o.clientEntrypoint,f.Client),await e(o.name,o.settingsEntryPoints,f.SectionSetting),await e(o.name,o.showcaseEntryPoints,f.SectionShowcase),await e(o.name,o.assetEntryPoints,f.SectionAsset);const s=await At();if(s.templates.length!==0){const o=await Nt();await e(void 0,s.assets,f.TemplateAsset),await e(void 0,s.templates,f.TemplateDescriptor);for(const n of s.templates){const i=`${C}/js/${I(n).name}`,c=await M(i,!0);await Lt(o,c,i,await _t(c))}}p.info("Build successful. For deploy run: npx @lightspeed/crane@latest deploy")}catch(t){p.error(`Error while building: ${t.message}`),z.exit(1)}}function Me(e){if(e!==void 0)return e.startsWith("global.")?{type:"GLOBAL_FONT",font:e}:{type:"PRESET_FONT",font:e}}function O(e){if(e===void 0)return;if(e.startsWith("global."))return{type:"GLOBAL_COLOR",raw:e};const t=ut(e);return{type:"STRUCTURED_COLOR",raw:e,hex:t.toHex8String(),hsl:t.toHsl(),rgba:t.toRgb(),auto:!1}}function xt(e){if(e!==void 0)return typeof e=="string"&&e.startsWith("global.")?{type:"GLOBAL_TEXT_SIZE",size:e}:{type:"NUMERIC_TEXT_SIZE",size:e}}const Gt={COLOR:"COLOR",GRADIENT:"GRADIENT"};function Pt(e){switch(e){case"COLOR":return"solid";case"GRADIENT":return"gradient";default:throw new Error(`Unknown background type: ${e}. Right options: ${Object.keys(Gt)}`)}}function Rt(e){const t=e.style,s=e.color,o=Array.isArray(s)?s:[s,s];return e.background={type:Pt(t),solid:{color:O(o.at(0))},gradient:{fromColor:O(o.at(0)),toColor:O(o.at(1))}},e.style=void 0,e.color=void 0,e}const kt={SOLID:"SOLID",OUTLINE:"OUTLINE",TEXT:"TEXT"};function Bt(e){switch(e){case"SOLID":return"solid-button";case"OUTLINE":return"outline-button";case"TEXT":return"text-link";default:throw new Error(`Unknown button appearance: ${e}. Right options: ${Object.keys(kt)}`)}}const Ut={SMALL:"SMALL",MEDIUM:"MEDIUM",LARGE:"LARGE"};function Mt(e){switch(e){case"SMALL":return"small";case"MEDIUM":return"medium";case"LARGE":return"large";default:throw new Error(`Unknown button size: ${e}. Right options: ${Object.keys(Ut)}`)}}const Xt={ROUND_CORNER:"ROUND_CORNER",RECTANGLE:"RECTANGLE",PILL:"PILL"};function Ft(e){switch(e){case"ROUND_CORNER":return"round-corner";case"RECTANGLE":return"rectangle";case"PILL":return"pill";default:throw new Error(`Unknown button shape: ${e}. Right options: ${Object.keys(Xt)}`)}}function qt(e){const t=e.appearance;t!==void 0&&(e.appearance=Bt(t));const s=e.size;s!==void 0&&(e.size=Mt(s));const o=e.shape;o!==void 0&&(e.style=Ft(o),e.shape=void 0);const n=e.font;e.font=Me(n);const i=e.color;return e.color=O(i),e}const zt={COLOR:"COLOR",GRADIENT:"GRADIENT",NONE:"NONE"};function Kt(e){switch(e){case"COLOR":return"solid";case"GRADIENT":return"gradient";case"NONE":return"none";default:throw new Error(`Unknown image overlay type: ${e}. Right options: ${Object.keys(zt)}`)}}function Jt(e){const t=e.overlay,s=e.color,o=Array.isArray(s)?s:[s,s];return e.overlay={type:Kt(t),solid:{color:O(o.at(0))},gradient:{fromColor:O(o.at(0)),toColor:O(o.at(1))}},e.color=void 0,e}function Ht(e){const t=e.font;e.font=Me(t);const s=e.color;e.color=O(s);const o=e.size;return e.size=xt(o),e}function Zt(e){const t=e.color;return e.color=O(t),e}function Wt(e){Object.keys(e).forEach(t=>{const s=e[t],o=s.type;X(o,s.defaults)})}function Vt(e){e.forEach(t=>{t.type!==void 0&&t.defaults!==void 0&&(X(t.type,t.defaults),t.defaults.type=t.type)})}function Xe(e){Object.keys(e).forEach(t=>{const s=e[t],o=s.type;X(o,s)})}function X(e,t){switch(e){case"TEXT":{Ht(t);break}case"BUTTON":{qt(t);break}case"IMAGE":{Jt(t);break}case"BACKGROUND":{Rt(t);break}case"COLOR_PICKER":{Zt(t);break}case"TOGGLE":case"SELECTBOX":break;default:throw new Error(`Unknown design editor type: ${e}`)}return t}const Yt=200;var y=(e=>(e[e.Server=0]="Server",e[e.Client=1]="Client",e[e.ClientAsset=2]="ClientAsset",e[e.Asset=3]="Asset",e[e.TemplateAsset=4]="TemplateAsset",e[e.Dependency=5]="Dependency",e))(y||{});const A={[y.Server]:{type:"server_js",isSingleton:!0,toPath:e=>`${a}/${e}/js/main/server/`,fileName:"server.js"},[y.Client]:{type:"client_js",isSingleton:!1,toPath:e=>`${a}/${e}/js/main/client/`,fileName:"client.js"},[y.ClientAsset]:{type:"assets",isSingleton:!1,toPath:e=>`${a}/${e}/js/main/client/assets/`,fileName:"*"},[y.Asset]:{type:"assets",isSingleton:!1,toPath:e=>`${a}/${e}/assets/`,fileName:"*"},[y.TemplateAsset]:{type:"template_assets",isSingleton:!1,toPath:()=>`${C}/assets/`,fileName:"*"},[y.Dependency]:{type:"dependencies",isSingleton:!0,toPath:()=>{},fileName:"package.json"}},Qt="https://blockbuster.ecwid.com",es="/api/v1/custom-apps/resources/sections/upload",ts="/api/v1/custom-apps/resources/templates/upload",ss="/api/v1/custom-apps/manifests/sections",os="/api/v1/custom-apps/manifests/templates",ns=5,is=3;async function rs(){const e=await V(m(l.cwd(),"crane.config.json")),t=JSON.parse(e.toString());return{appClientId:t.app_client_id,appSecretKey:btoa(t.app_secret_key)}}async function as(){const e=m(l.cwd(),"package.json"),t=await V(e),s=JSON.parse(t.toString());if(cs(s))return s;throw new Error(`Package file located at path: ${e} does not contain a version field`)}function cs(e){return typeof e=="object"&&e!==null&&"version"in e&&typeof e.version=="string"}async function ps(e){const t=mt(e.version,"patch");if(t===null)throw Error("Error while incrementing app version");e.version=t,tt(m(l.cwd(),"package.json"),`${JSON.stringify(e,null,2)}
+`)}async function ls(e,t){try{const s=m(l.cwd(),`${a}/${e}/js/settings/content.mjs`),o=(await import(v(s).href)).default;return L(o,t),o}catch{throw new Error(`Content descriptor for section [${e}] is either invalid or undefined`)}}async function ds(e,t){try{const s=m(l.cwd(),`${a}/${e}/js/settings/design.mjs`),o=(await import(v(s).href)).default;return Wt(o),L(o,t),o}catch(s){const o=s;throw new Error(`Design settings is invalid or undefined. Error ${o.stack}`)}}async function ms(e,t){try{const s=await u("*.mjs",{cwd:m(l.cwd(),`${a}/${e}/js/showcases/`),ignore:"**/translations.mjs"});return Promise.all(s.map(async o=>{const n=m(l.cwd(),`${a}/${e}/js/showcases/${o}`),i=(await import(v(n).href)).default;return Xe(i.design),L(i,t),i}))}catch(s){throw new Error(`Showcases is invalid or undefined. Error ${s}`)}}async function fs(e){try{const t=m(l.cwd(),`${a}/${e}/js/settings/layout.mjs`);if(!S(t))return[];const s=(await import(v(t).href)).default;return s.forEach(o=>Vt(o.selectedDesignSettings)),s}catch{throw new Error(`Layout descriptor for section [${e}] is either invalid or undefined`)}}async function us(e){return await qe(`${a}/${e}/js/settings/translations.mjs`)}async function Fe(e){return await qe(`${a}/${e}/js/showcases/translations.mjs`)}async function qe(e){const t=m(l.cwd(),e),s=(await import(v(t).href)).default;return hs(s)}function L(e,t){if(e&&typeof e=="object"){const s=e;for(let o in s){const n=s[o];typeof n=="string"&&n.startsWith("$")&&(s[o]=ys(t,n)),typeof n=="object"&&L(n,t)}}}function ys(e,t){if(!t)return;const s=e[t];return s===void 0?{en:t}:s}function hs(e){const t={};for(let s in e){const o=e[s];for(let n in o){const i=t[n],c=o[n];if(i===void 0){const r={};r[s]=c,t[n]=r}else i[s]=c}}return t}async function gs(){const e=await u("*/",{cwd:m(l.cwd(),`${a}/`)});return Promise.all(e.map(async t=>{const s=await us(t),o=await Fe(t),n=await ls(t,s),i=await ds(t,s),c=await ms(t,o),r=await fs(t);return{id:t,name:{en:t},contentEditors:n,designEditors:i,layouts:r,showcases:c}}))}async function $s(e){try{return(await import(v(m(l.cwd(),e)).href)).default}catch{throw new Error(`Template descriptor [${e}] is either invalid or undefined`)}}async function Es(){const e=await u(`${C}/js/**.mjs`,{ignore:[`${C}/js/**${b}.mjs`]});return Promise.all(e.map(async t=>{const s=await $s(t),o=s.sections.filter(n=>n.type==="custom");for(const n of o){const i=await Fe(n.id);n.showcase_overrides!==void 0&&(L(n.showcase_overrides,i),Xe(n.showcase_overrides.design))}return{id:`${I(l.cwd()).name.replace(/[^a-zA-Z0-9]/g,"_")}_${I(t).name}`,descriptor:s}}))}function Ts(e){const t=e.pathContext,s=t.toPath(e.currentSection),o=s===void 0?K(t.fileName):K(t.fileName,{cwd:m(l.cwd(),s),ignore:t.ignore});return t.isSingleton?o.splice(0):o}function ws(e){return e instanceof Y&&(e.code==="ECONNRESET"||e.response?.status!==void 0&&e.response?.status>=500&&e.response?.status<600)}function ze(e,t){return e<is&&ws(t)}async function Ke(e){await new Promise(t=>{setTimeout(t,2**e*500)})}function Je(e,t,s,o){const n=e.config.app.templates.length>0?ts:es;return e.config.axios.post(n,{file:st(m(l.cwd(),s!==void 0?s+t:t))},{params:{appClientId:e.config.app.crane.appClientId,type:e.pathContext.type,version:e.config.app.packageJson.version,...e.currentSection!==void 0&&{block:e.currentSection},...e.pathContext.type!=="dependencies"&&{fileName:t}},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${e.config.app.crane.appSecretKey}`}}).then(i=>({status:i.status})).catch(async i=>ze(o,i)?(await Ke(o),Je(e,t,s,o+1)):{status:i.response?.status,message:i.message})}function N(e){const t=Ts(e),s=e.pathContext.toPath(e.currentSection);return t.map(o=>Je(e,o,s,0))}function js(e){return[...e.app.sections.flatMap(t=>[...N({config:e,currentSection:t.id,pathContext:A[y.Server]}),...N({config:e,currentSection:t.id,pathContext:A[y.Client]}),...N({config:e,currentSection:t.id,pathContext:A[y.ClientAsset]}),...N({config:e,currentSection:t.id,pathContext:A[y.Asset]})]),...N({config:e,pathContext:A[y.Dependency]}),...N({config:e,pathContext:A[y.TemplateAsset]})]}function Os(e){return e.includes(`
+`)}function vs(e,t,s){return e.split(`
+`).map((o,n)=>n>=s?t+o:o).join(`
+`)}function He(e,t){const s=[];if(e instanceof Y){e.response?.status!==void 0&&s.push(`  HTTP Status Code: ${e.response.status}`);const i=e.response?.data;if(i?.errorCode&&s.push(`  Error Code: ${i.errorCode}`),i?.errorMessage){const c=Os(i.errorMessage)?vs(i.errorMessage,"    ",1):i.errorMessage;s.push(`  Error Message: ${c}`)}}const o=s.length>0?s.join(`
+`):e?.message??"Unknown error";if(!t||t.length===0)return o;const n=s.length>0?`
+`:" ";return`${t}${n}${o}`}async function Ze(e,t=0){const s=e.app.templates.length>0?os:ss;return e.axios.post(s,{version:e.app.packageJson.version,name:"Custom Block App",blocks:e.app.sections,templates:e.app.templates},{params:{appClientId:e.app.crane.appClientId},headers:{Authorization:`Bearer ${e.app.crane.appSecretKey}`}}).catch(async o=>{if(ze(t,o))return await Ke(t),Ze(e,t+1);throw o})}async function Ss(e){try{S(m(l.cwd(),a))||(p.error(`Distribution folder [${a}] not found, please execute the build command first.`),l.exit(1));const t=e??Qt;p.info("Custom application deployment :: Started");const s=dt.create({baseURL:t});ft(s,ns),p.info("Loading configuration files ...");const o=await Promise.all([rs(),as(),gs(),Es()]).then(([r,E,g,G])=>({axios:s,app:{crane:r,packageJson:E,sections:g,templates:G}}));p.info("Uploading asset files ...");let n=se();const i=await Promise.all(js(o)).finally(()=>{U(n)});i.every(r=>r.status===Yt)||(i.map(r=>r.message).filter((r,E,g)=>g.indexOf(r)===E).forEach(r=>p.error(`Error while uploading asset files: ${r}`)),l.exit(1)),p.info("Uploading manifest files ..."),n=se(),await Ze(o).catch(r=>{U(n),p.error(He(r,"Error while deploying manifest file:")),l.exit(1)}).finally(()=>{U(n)});const c=o.app.sections.map(r=>r.id);p.info(`Custom application deployment :: Successful
+Current app version: ${o.app.packageJson.version}
+Deployed sections: ${c.join(", ")}`),await ps(o.app.packageJson),o.app.templates.length>0&&p.info(`Deployed templates: ${o.app.templates.map(r=>r.id).join(", ")}`)}catch(t){p.error(He(t,"Error while deploying:")),l.exit(1)}}const bs="1.1.0",d=We("crane");function Cs(){d.command("init","Initialize a new resource in the form of a directory.").option("--app <name>","Creates an app folder inside your current directory.").option("--section <name>","Creates the files necessary for one custom section with the given name, this can be repeated for each section.").option("--template <name>","Creates the directory and files necessary to build a custom template inside your app folder.").action(e=>{if(e.app)return oe(e.app);if(e.section)return ne(e.section);if(e.template)return ie(e.template);d.outputHelp()}),d.command("build","Builds your resource code").action(It),d.command("deploy","Deploys your resource code into Ecwid"),d.on("command:*",()=>{console.error("Invalid command: %s",d.args.join(" ")),d.outputHelp(),process.exit(1)}),d.on("command:init",()=>{const e=d.options.section,t=d.options.app,s=d.options.template;q(t)?F("app",x("init --app <name>"),oe):q(e)?F("section",x("init --section <name>"),ne):q(s)&&F("template",x("init --template <name>"),ie)}),d.on("command:deploy",()=>Ss(d.options.url)),d.help(),d.usage("<action> <resource>"),d.version(bs),d.parse()}try{Cs()}catch{}async function F(e,t,s){const o=`You can use ${t} to directly specify the name of the ${e}.`;console.log(o);const n=await yt({type:"text",name:"name",message:`Please specify a name for your ${e}:`});if(n.name)return s(n.name);console.log("Please provide a name for the template."),d.outputHelp()}function q(e){return e&&(typeof e!="string"||e.trim().length==0)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightspeed/crane",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "type": "module",
   "bin": "bin/crane.js",
   "main": "./dist/app.mjs",
@@ -54,7 +54,8 @@
     "@vitejs/plugin-vue": "^4.1.0",
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
-    "axios": "^1.4.0",
+    "axios": "^1.7.7",
+    "axios-concurrency": "^1.0.4",
     "cac": "^6.7.14",
     "eslint": "npm:eslint-customized-for-crane@8.57.0",
     "fs-extra": "^11.1.1",

package/template/footers/example-footer/ExampleFooter.vue

@@ -0,0 +1,17 @@
+<template>
+  <div
+    class="custom-footer"
+  >
+    <div>
+      the components will sit here
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+
+</style>

package/template/footers/example-footer/client.ts

@@ -0,0 +1,5 @@
+import { createVueClientApp } from '@lightspeed/crane';
+import ExampleFooter from './ExampleFooter.vue';
+import { Content, Design } from './type.ts';
+
+export default createVueClientApp<Content, Design>(ExampleFooter);

package/template/footers/example-footer/component/SampleComponent.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>

package/template/footers/example-footer/server.ts

@@ -0,0 +1,5 @@
+import { createVueServerApp } from '@lightspeed/crane';
+import ExampleFooter from './ExampleFooter.vue';
+import { Content, Design } from './type.ts';
+
+export default createVueServerApp<Content, Design>(ExampleFooter);

package/template/footers/example-footer/showcases/1.ts

@@ -0,0 +1,11 @@
+export default {
+  previewImage: {
+    set: {
+      ORIGINAL: {
+        url: 'example_footer_showcase_1_preview.jpg',
+      },
+    },
+  },
+  content: {},
+  design: {},
+} as const;

package/template/footers/example-footer/type.ts

@@ -0,0 +1,5 @@
+import ContentSettings from '../settings/content.ts';
+import DesignSettings from '../settings/design.ts';
+
+export type Content = InferContentType<typeof ContentSettings>;
+export type Design = InferDesignType<typeof DesignSettings>;

package/template/footers/settings/content.ts

@@ -0,0 +1 @@
+export default {} as const;

package/template/footers/settings/design.ts

@@ -0,0 +1 @@
+export default {} as const;

package/template/footers/settings/layout.ts

@@ -0,0 +1 @@
+export default [] as const;

package/template/footers/settings/translations.ts

@@ -0,0 +1,5 @@
+export default {
+  en: {},
+
+  nl: {},
+} as const;

package/template/headers/example-header/ExampleHeader.vue

@@ -0,0 +1,17 @@
+<template>
+  <div
+    class="custom-header"
+  >
+    <div>
+      the components will sit here
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style scoped lang="scss">
+
+</style>

package/template/headers/example-header/client.ts

@@ -0,0 +1,5 @@
+import { createVueClientApp } from '@lightspeed/crane';
+import ExampleHeader from './ExampleHeader.vue';
+import { Content, Design } from './type.ts';
+
+export default createVueClientApp<Content, Design>(ExampleHeader);

package/template/headers/example-header/component/SampleComponent.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped lang="scss">
+
+</style>

package/template/headers/example-header/server.ts

@@ -0,0 +1,5 @@
+import { createVueServerApp } from '@lightspeed/crane';
+import ExampleHeader from './ExampleHeader.vue';
+import { Content, Design } from './type.ts';
+
+export default createVueServerApp<Content, Design>(ExampleHeader);

package/template/headers/example-header/type.ts

@@ -0,0 +1,5 @@
+import ContentSettings from '../settings/content.ts';
+import DesignSettings from '../settings/design.ts';
+
+export type Content = InferContentType<typeof ContentSettings>;
+export type Design = InferDesignType<typeof DesignSettings>;

package/template/headers/settings/content.ts

@@ -0,0 +1 @@
+export default {} as const;

package/template/headers/settings/design.ts

@@ -0,0 +1 @@
+export default {} as const;

package/template/headers/settings/layout.ts

@@ -0,0 +1 @@
+export default [] as const;

package/template/headers/settings/translations.ts

@@ -0,0 +1,5 @@
+export default {
+  en: {},
+
+  nl: {},
+} as const;

package/template/package.json

@@ -7,7 +7,7 @@
     "deploy": "crane build && crane deploy"
   },
   "dependencies": {
-    "@lightspeed/crane": "1.0.2",
+    "@lightspeed/crane": "1.1.0",
     "@lightspeed/eslint-config-crane": "1.0.2",
     "vue": "^3.4.0"
   },

package/template/sections/example-section/component/image/Image.vue

@@ -10,8 +10,8 @@
       <div class="image-section__link-wrap">
         <div
           class="image-section__content-block"
-          :class="imagePositionClass"
-          :style="overlayStyle"
+          :class="`image-section__content-block-${imagePosition}`"
+          :style="[imagePosition === 'position-under' ? '' : overlayStyle]"
         >
           <img
             v-if="url !== undefined"
@@ -22,7 +22,7 @@
         <div
           v-if="textDesign.visible"
           class="image-section__text"
-          :class="textPositionClass"
+          :class="`image-section__text-${imagePosition}`"
         >
           <h1
             :style="textStyle"
@@ -37,7 +37,11 @@
 
 <script setup lang="ts">
 import { computed, toRefs } from 'vue';
-import { useImageElementDesign, useSelectboxElementDesign, useTextElementDesign } from '@lightspeed/crane';
+import {
+  useImageElementDesign,
+  useTextareaElementDesign,
+  useLayoutElementDesign,
+} from '@lightspeed/crane';
 import { Design } from '../../type.ts';
 import { ColorType } from '../../entity/color.ts';
 
@@ -52,9 +56,9 @@ const props = defineProps<{
 }>();
 
 const { url, text, link } = toRefs(props);
-const textDesign = useTextElementDesign<Design>('image_text');
+const textDesign = useTextareaElementDesign<Design>('image_text');
 const imageDesign = useImageElementDesign<Design>('image_content');
-const positionDesign = useSelectboxElementDesign<Design>('image_text_position');
+const layoutDesign = useLayoutElementDesign();
 
 const component = computed(() => {
   if (link.value !== undefined && link.value !== '') {
@@ -80,26 +84,25 @@ const overlayStyle = computed(() => {
   return {};
 });
 
+const imagePosition = computed(() => {
+  switch (layoutDesign.layout) {
+    case 'Caption_Under_Image':
+      return 'position-under';
+    case 'Caption_On_Image':
+      return 'position-on';
+    default:
+      return 'position-on';
+  }
+});
+
 const textStyle = computed(() => ({
   fontSize: `${textDesign.size}px`,
   fontFamily: textDesign.font,
   color: (textDesign.color as Color).hex,
   'font-style': textDesign.italic ? 'italic' : 'normal',
   'font-weight': textDesign.bold ? 'bold' : 'normal',
+  'white-space': textDesign.whiteSpace,
 }));
-
-const textPositionClass = computed(() => {
-  if (textDesign.visible && positionDesign.value === 'under') {
-    return 'image-section__text-position-under';
-  }
-  return 'image-section__text-position-on';
-});
-const imagePositionClass = computed(() => {
-  if (textDesign.visible && positionDesign.value === 'under') {
-    return 'image-section__content-block-position-under';
-  }
-  return 'image-section__content-block-position-on';
-});
 </script>
 
 <style lang="scss" scoped>

package/template/sections/example-section/component/title/Title.vue

@@ -18,13 +18,15 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { useInputboxElementContent, useTextareaElementContent, useTextElementDesign } from '@lightspeed/crane';
+import {
+  useInputboxElementContent, useTextareaElementContent, useTextElementDesign, useTextareaElementDesign,
+} from '@lightspeed/crane';
 import { Content, Design } from '../../type.ts';
 
 const titleContent = useInputboxElementContent<Content>('section_title');
 const descriptionContent = useTextareaElementContent<Content>('section_description');
 const titleDesign = useTextElementDesign<Design>('section_title');
-const descriptionDesign = useTextElementDesign<Design>('section_description');
+const descriptionDesign = useTextareaElementDesign<Design>('section_description');
 
 const showTitle = computed(() => titleDesign.visible && titleContent.hasContent);
 const showDescription = computed(() => descriptionDesign.visible && descriptionContent.hasContent);
@@ -43,6 +45,7 @@ const descriptionStyle = computed(() => ({
   color: (descriptionDesign.color as Color).hex,
   'font-style': descriptionDesign.italic ? 'italic' : 'normal',
   'font-weight': descriptionDesign.bold ? 'bold' : 'normal',
+  'white-space': descriptionDesign.whiteSpace,
 }));
 </script>
 

package/template/sections/example-section/settings/design.ts

@@ -37,7 +37,7 @@ export default {
       size: 16,
       bold: false,
       italic: true,
-      color: '#333',
+      color: '#FFFFFF',
       visible: true,
     },
   },
@@ -50,25 +50,6 @@ export default {
       color: '#333',
     },
   },
-  image_text_position: {
-    type: 'SELECTBOX',
-    label: '$label.image_text_position.label',
-    placeholder: '$label.image_text_position.placeholder',
-    description: '$label.image_text_position.description',
-    options: [
-      {
-        value: 'on',
-        label: '$label.image_text_position.on.label',
-      },
-      {
-        value: 'under',
-        label: '$label.image_text_position.under.label',
-      },
-    ],
-    defaults: {
-      value: 'on',
-    },
-  },
   background: {
     type: 'BACKGROUND',
     label: '$label.background.label',

package/template/sections/example-section/settings/layout.ts

@@ -0,0 +1,34 @@
+export default [
+  {
+    layoutId: 'Caption_On_Image',
+    selectedContentSettings: [],
+    selectedDesignSettings: [],
+  },
+  {
+    layoutId: 'Caption_Under_Image',
+    selectedContentSettings: [],
+    selectedDesignSettings: [
+      {
+        fieldName: 'section_title',
+      },
+      {
+        fieldName: 'section_description',
+      },
+      {
+        fieldName: 'image_text',
+        type: 'TEXT',
+        defaults: {
+          font: 'global.fontFamily.body',
+          size: 16,
+          bold: true,
+          italic: false,
+          color: '#000000',
+          visible: true,
+        },
+      },
+      {
+        fieldName: 'background',
+      },
+    ],
+  },
+] as const;

package/template/sections/example-section/settings/translations.ts

@@ -20,11 +20,6 @@ export default {
     '$label.image_link_3.label': 'Image 3 link',
     '$label.image_link_4.label': 'Image 4 link',
     '$label.image_link.placeholder': 'Enter an optional URL for the image',
-    '$label.image_text_position.label': 'Image caption position',
-    '$label.image_text_position.placeholder': 'Choose',
-    '$label.image_text_position.description': 'Select the position of the image caption',
-    '$label.image_text_position.on.label': 'On the image',
-    '$label.image_text_position.under.label': 'Below the image',
     '$label.background.label': 'Background',
   },
 
@@ -49,11 +44,6 @@ export default {
     '$label.image_link_3.label': 'Afbeelding 3 link',
     '$label.image_link_4.label': 'Afbeelding 4 link',
     '$label.image_link.placeholder': 'Voer een optionele URL in voor de afbeelding',
-    '$label.image_text_position.label': 'Positie van bijschrift afbeelding',
-    '$label.image_text_position.placeholder': 'Kies',
-    '$label.image_text_position.description': 'Selecteer de positie van het afbeeldingsbijschrift',
-    '$label.image_text_position.on.label': 'Op de afbeelding',
-    '$label.image_text_position.under.label': 'Onder de afbeelding',
     '$label.background.label': 'Achtergrond',
   },
 } as const;

package/template/sections/example-section/showcases/1.ts

@@ -8,6 +8,7 @@ export default {
     },
   },
   blockName: '$label.showcase_1.blockName',
+  layoutId: 'Caption_On_Image',
   content: {
     section_title: {
       type: 'INPUTBOX',
@@ -144,7 +145,6 @@ export default {
       size: 20,
       bold: false,
       italic: false,
-      color: '#FFFFFF',
     },
     background: {
       type: 'BACKGROUND',

package/template/sections/example-section/showcases/translations.ts

@@ -17,6 +17,7 @@ export default {
     '$label.showcase_2.image_text_3.text': 'Bianka\'s wardrobe',
     '$label.showcase_2.image_text_4.text': 'Story of Jane',
     '$label.showcase_2.image_link_1.text': '/products',
+    '$label.template_standard_showcase_1.section_title.text': 'Something really catchy',
   },
 
   nl: {
@@ -37,5 +38,6 @@ export default {
     '$label.showcase_2.image_text_3.text': 'Bianka\'s kledingkast',
     '$label.showcase_2.image_text_4.text': 'Verhaal van Jane',
     '$label.showcase_2.image_link_1.text': '/products',
+    '$label.template_standard_showcase_1.section_title.text': 'Iets heel pakkends',
   },
 } as const;

package/template/templates/template.ts

@@ -2,184 +2,184 @@ export default {
   metadata: {
     name: 'Example Template :: Standard Preset',
     description: 'Standard Preset for the Example template',
-    test_site_id: 1,
+    preview_url: 'https://template_preview.company.site',
     cover_image: {
       set: {
         ORIGINAL: {
           url: 'template_cover_image.png',
         },
-      }
-    }
+      },
+    },
   },
   sections: [
     {
       type: 'default',
-      id: 'header'
+      id: 'header',
     },
     {
       type: 'default',
-      id: 'slider_001'
+      id: 'slider_001',
     },
     {
       type: 'custom',
-      id: 'example-section'
+      id: 'example-section',
+      showcase_id: '1',
     },
     {
       type: 'custom',
       id: 'example-section',
-      content: {
-        section_title: {
-          type: 'INPUTBOX',
-          label: '$label.section_title.label',
-          placeholder: '$label.section_title.placeholder',
-        },
-        section_description: {
-          type: 'TEXTAREA',
-          label: '$label.section_description.label',
-          placeholder: '$label.section_description.placeholder',
-        },
-        image_content_1: {
-          type: 'IMAGE',
-          label: '$label.image_content_1.label',
-        },
-        image_text_1: {
-          type: 'TEXTAREA',
-          label: '$label.image_text_1.label',
-          placeholder: '$label.image_text.placeholder',
-        },
-        image_link_1: {
-          type: 'INPUTBOX',
-          label: '$label.image_link_1.label',
-          placeholder: '$label.image_link.placeholder',
-        },
-        image_content_2: {
-          type: 'IMAGE',
-          label: '$label.image_content_2.label',
-        },
-        image_text_2: {
-          type: 'TEXTAREA',
-          label: '$label.image_text_2.label',
-          placeholder: '$label.image_text.placeholder',
-        },
-        image_link_2: {
-          type: 'INPUTBOX',
-          label: '$label.image_link_2.label',
-          placeholder: '$label.image_link.placeholder',
-        },
-        image_content_3: {
-          type: 'IMAGE',
-          label: '$label.image_content_3.label',
-        },
-        image_text_3: {
-          type: 'TEXTAREA',
-          label: '$label.image_text_3.label',
-          placeholder: '$label.image_text.placeholder',
-        },
-        image_link_3: {
-          type: 'INPUTBOX',
-          label: '$label.image_link_3.label',
-          placeholder: '$label.image_link.placeholder',
-        },
-        image_content_4: {
-          type: 'IMAGE',
-          label: '$label.image_content_4.label',
-        },
-        image_text_4: {
-          type: 'TEXTAREA',
-          label: '$label.image_text_4.label',
-          placeholder: '$label.image_text.placeholder',
-        },
-        image_link_4: {
-          type: 'INPUTBOX',
-          label: '$label.image_link_4.label',
-          placeholder: '$label.image_link.placeholder',
-        },
-      },
-      design: {
-        section_title: {
-          type: 'TEXT',
-          label: '$label.section_title.label',
-          colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
-          sizes: [18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60],
-          defaults: {
-            font: 'global.fontFamily.body',
-            size: 40,
-            bold: true,
-            italic: false,
-            color: '#313131',
-            visible: true,
+      showcase_overrides: {
+        content: {
+          section_title: {
+            type: 'INPUTBOX',
+            text: '$label.template_standard_showcase_1.section_title.text',
           },
-        },
-        section_description: {
-          type: 'TEXT',
-          label: '$label.section_description.label',
-          colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
-          sizes: [12, 13, 14, 15, 16, 17, 18, 20],
-          defaults: {
-            font: 'global.fontFamily.body',
-            size: 18,
-            bold: false,
-            italic: true,
-            color: '#313131',
-            visible: true,
+          image_text_1: {
+            type: 'TEXTAREA',
+            text: '$label.showcase_2.image_text_1.text',
           },
-        },
-        image_text: {
-          type: 'TEXT',
-          label: '$label.image_text.label',
-          colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
-          sizes: [12, 13, 14, 15, 16, 17, 18, 20],
-          defaults: {
-            font: 'global.fontFamily.body',
-            size: 16,
-            bold: false,
-            italic: true,
-            color: '#333',
-            visible: true,
+          image_text_2: {
+            type: 'TEXTAREA',
+            text: '$label.showcase_2.image_text_2.text',
           },
-        },
-        image_content: {
-          type: 'IMAGE',
-          label: '$label.image_content.label',
-          colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
-          defaults: {
-            overlay: 'COLOR',
-            color: '#333',
+          image_text_3: {
+            type: 'TEXTAREA',
+            text: '$label.showcase_2.image_text_3.text',
           },
-        },
-        image_text_position: {
-          type: 'SELECTBOX',
-          label: '$label.image_text_position.label',
-          placeholder: '$label.image_text_position.placeholder',
-          description: '$label.image_text_position.description',
-          options: [
-            {
-              value: 'on',
-              label: '$label.image_text_position.on.label',
+          image_text_4: {
+            type: 'TEXTAREA',
+            text: '$label.showcase_2.image_text_4.text',
+          },
+          image_content_1: {
+            type: 'IMAGE',
+            imageData: {
+              set: {
+                LOW_RES: {
+                  url: 'new_tshirts_collection_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_LOW_RES: {
+                  url: 'new_tshirts_collection_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_HI_RES: {
+                  url: 'new_tshirts_collection_mobile_high.jpeg',
+                },
+                WEBP_LOW_RES: {
+                  url: 'new_tshirts_collection_pc_low.jpeg',
+                },
+                WEBP_HI_2X_RES: {
+                  url: 'new_tshirts_collection_pc_high.jpeg',
+                },
+              },
+              borderInfo: {},
+            },
+          },
+          image_content_2: {
+            type: 'IMAGE',
+            imageData: {
+              set: {
+                LOW_RES: {
+                  url: 'autumn_looks_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_LOW_RES: {
+                  url: 'autumn_looks_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_HI_RES: {
+                  url: 'autumn_looks_mobile_high.jpeg',
+                },
+                WEBP_LOW_RES: {
+                  url: 'autumn_looks_pc_low.jpeg',
+                },
+                WEBP_HI_2X_RES: {
+                  url: 'autumn_looks_pc_high.jpeg',
+                },
+              },
+              borderInfo: {},
             },
-            {
-              value: 'under',
-              label: '$label.image_text_position.under.label',
+          },
+          image_content_3: {
+            type: 'IMAGE',
+            imageData: {
+              set: {
+                LOW_RES: {
+                  url: 'bianka_wardrobe_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_LOW_RES: {
+                  url: 'bianka_wardrobe_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_HI_RES: {
+                  url: 'bianka_wardrobe_mobile_high.jpeg',
+                },
+                WEBP_LOW_RES: {
+                  url: 'bianka_wardrobe_pc_low.jpeg',
+                },
+                WEBP_HI_2X_RES: {
+                  url: 'bianka_wardrobe_pc_high.jpeg',
+                },
+              },
+              borderInfo: {},
             },
-          ],
-          defaults: {
-            value: 'on',
+          },
+          image_content_4: {
+            type: 'IMAGE',
+            imageData: {
+              set: {
+                LOW_RES: {
+                  url: 'story_of_jane_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_LOW_RES: {
+                  url: 'story_of_jane_mobile_low.jpeg',
+                },
+                MOBILE_WEBP_HI_RES: {
+                  url: 'story_of_jane_mobile_high.jpeg',
+                },
+                WEBP_LOW_RES: {
+                  url: 'story_of_jane_pc_low.jpeg',
+                },
+                WEBP_HI_2X_RES: {
+                  url: 'story_of_jane_pc_high.jpeg',
+                },
+              },
+              borderInfo: {},
+            },
+          },
+          image_link_1: {
+            type: 'TEXTAREA',
+            text: '$label.showcase_2.image_link_1.text',
           },
         },
-        background: {
-          type: 'BACKGROUND',
-          label: '$label.background.label',
-          colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
-          defaults: {
+        design: {
+          section_title: {
+            type: 'TEXT',
+            font: 'global.fontFamily.body',
+            size: 42,
+            bold: true,
+            italic: true,
+            color: '#222',
+          },
+          image_text: {
+            type: 'TEXT',
+            size: 22,
+            bold: false,
+            italic: true,
+          },
+          background: {
+            type: 'BACKGROUND',
             style: 'COLOR',
             color: 'global.color.background',
           },
+          image_content: {
+            type: 'IMAGE',
+            overlay: 'GRADIENT',
+            color: ['#FFFFFF', '#CCCCCC'],
+          },
         },
+        layoutId: 'Caption_Under_Image',
+        blockName: '$label.showcase_1.blockName',
       },
     },
     {
       type: 'default',
-      id: 'footer'
-    }
-  ]
-}
+      id: 'footer',
+    },
+  ],
+};

package/types.d.ts

@@ -104,6 +104,10 @@ interface TextDesignData {
     visible: boolean;
 }
 
+interface TextareaDesignData extends TextDesignData {
+    readonly whiteSpace: string;
+}
+
 type ButtonAppearance =
     'solid-button'
     | 'outline-button'