@lightspeed/crane 0.0.1-beta.23 → 0.0.1-beta.24

package/dist/app.mjs

@@ -1 +1 @@
-import{getCurrentInstance as k,ref as b,computed as o,reactive as d,createSSRApp as E}from"vue";import{renderToString as C}from"vue/server-renderer";const m=new Map;function c(){const n=(r,a,i,u,g)=>{m.set(r._uid,{context:b(a),content:b(i),design:b(u),defaults:b(g)})},t=(r,a,i)=>{const u=m.get(r._uid);u!==void 0&&(u.content.value=a,u.design.value=i)},e=k()?.appContext.app._uid??-1,l=m.get(e);return{init:n,update:t,context:l?.context,content:l?.content,design:l?.design,defaults:l?.defaults}}function x(n){const t=c(),e=o(()=>{const a=t.content.value[n];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${n} is not inputbox`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function h(n){const t=c(),e=o(()=>{const a=t.content.value[n];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${n} is not textarea`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function I(n){return"title"in n&&"type"in n}function $(n){const t=c(),e=o(()=>{const u=t.content.value[n];if(u!==void 0){if(I(u))return u;throw new Error(`Element ${n} 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 _(n){return"bucket"in n&&"borderInfo"in n&&"set"in n}function T(n){const t=c(),e=o(()=>{const s=t.content.value[n];if(s!==void 0){if(_(s))return s;throw new Error(`Element ${n} is not image`)}}),l=o(()=>e.value===void 0?"":t.context.value.imageBuckets?.[e.value?.bucket]),r=o(()=>e.value!==void 0),a=o(()=>`${l.value}/${e.value?.set?.["cropped-webp-100x200"]?.url}`),i=o(()=>`${l.value}/${e.value?.set?.["cropped-webp-1000x2000"]?.url}`),u=o(()=>`${l.value}/${e.value?.set?.["webp-200x200"]?.url}`),g=o(()=>`${l.value}/${e.value?.set?.["webp-2000x2000"]?.url}`);return d({hasContent:r,lowResolutionMobileImage:a,highResolutionMobileImage:i,lowResolutionDesktopImage:u,highResolutionDesktopImage:g})}function z(n){return"enabled"in n}function D(n){const t=c(),e=o(()=>{const a=t.content.value[n];if(a!==void 0){if(z(a))return a;throw new Error(`Element ${n} is not toggle`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value?.enabled);return d({hasContent:l,value:r})}function L(n){const t=c(),e=o(()=>{const a=t.content.value[n];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${n} is not selectbox`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function y(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 S(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 f(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 R(n){const t=c(),e=o(()=>{const s=t.design.value[n],v=t.defaults.value[n],p=t.context.value.globalDesign;return{font:s?.font??y(p,v?.font),size:s?.size??S(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(n){const t=c(),e=o(()=>{const s=t.design.value[n],v=t.defaults.value[n],p=t.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 A(n){const t=c(),e=o(()=>{const a=t.design.value[n],i=t.defaults.value[n],u=t.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 O(n){const t=c(),e=o(()=>{const r=t.design.value[n],a=t.defaults.value[n];return{enabled:r?.enabled??a?.enabled}}),l=o(()=>e.value?.enabled);return d({enabled:l})}function G(n){const t=c(),e=o(()=>{const r=t.design.value[n],a=t.defaults.value[n];return{value:r?.value??a?.value}}),l=o(()=>e.value?.value);return d({value:l})}function K(n){const t=c(),e=o(()=>{const r=t.design.value[n],a=t.defaults.value[n],i=t.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 w(n){return{app:E(n)}}function M(n,t){return{init:()=>{const{app:e}=w(n);return t?.init?.(e),{render:async(l,r)=>(c().init(e,l,r.content,r.design,r.defaults),t?.render?.(e,l,r),{html:await C(e,{context:l}),state:{context:l,data:r}})}}}}function N(n,t){return{init:()=>{const{app:e}=w(n);return t?.init?.(e),{mount:(l,r)=>{c().init(e,r.context,r.data.content,r.data.design,r.data.defaults),t?.mount?.(e,l,r),e.mount(l)},update:l=>{c().update(e,l.data.content,l.data.design),t?.update?.(e,l)},unmount:()=>{t?.unmount?.(e),e.unmount()}}}}}export{N as createVueClientApp,M as createVueServerApp,K as useBackgroundElementDesign,$ as useButtonElementContent,B as useButtonElementDesign,T as useImageElementContent,A as useImageElementDesign,x as useInputboxElementContent,L as useSelectboxElementContent,G as useSelectboxElementDesign,R as useTextElementDesign,h as useTextareaElementContent,D as useToggleElementContent,O as useToggleElementDesign,c as useVueBaseProps};
+import{getCurrentInstance as k,ref as b,computed as o,reactive as d,createSSRApp as E}from"vue";import{renderToString as C}from"vue/server-renderer";const m=new Map;function c(){const n=(r,a,i,u,g)=>{m.set(r._uid,{context:b(a),content:b(i),design:b(u),defaults:b(g)})},t=(r,a,i)=>{const u=m.get(r._uid);u!==void 0&&(u.content.value=a,u.design.value=i)},e=k()?.appContext.app._uid??-1,l=m.get(e);return{init:n,update:t,context:l?.context,content:l?.content,design:l?.design,defaults:l?.defaults}}function x(n){const t=c(),e=o(()=>{const a=t.content.value[n];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${n} is not inputbox`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function h(n){const t=c(),e=o(()=>{const a=t.content.value[n];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${n} is not textarea`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function I(n){return"title"in n&&"type"in n}function $(n){const t=c(),e=o(()=>{const u=t.content.value[n];if(u!==void 0){if(I(u))return u;throw new Error(`Element ${n} 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.buttonType){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 T(n){return"bucket"in n&&"borderInfo"in n&&"set"in n}function _(n){const t=c(),e=o(()=>{const s=t.content.value[n];if(s!==void 0){if(T(s))return s;throw new Error(`Element ${n} is not image`)}}),l=o(()=>e.value===void 0?"":t.context.value.imageBuckets?.[e.value?.bucket]),r=o(()=>e.value!==void 0),a=o(()=>`${l.value}/${e.value?.set?.["cropped-webp-100x200"]?.url}`),i=o(()=>`${l.value}/${e.value?.set?.["cropped-webp-1000x2000"]?.url}`),u=o(()=>`${l.value}/${e.value?.set?.["webp-200x200"]?.url}`),g=o(()=>`${l.value}/${e.value?.set?.["webp-2000x2000"]?.url}`);return d({hasContent:r,lowResolutionMobileImage:a,highResolutionMobileImage:i,lowResolutionDesktopImage:u,highResolutionDesktopImage:g})}function z(n){return"enabled"in n}function D(n){const t=c(),e=o(()=>{const a=t.content.value[n];if(a!==void 0){if(z(a))return a;throw new Error(`Element ${n} is not toggle`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value?.enabled);return d({hasContent:l,value:r})}function L(n){const t=c(),e=o(()=>{const a=t.content.value[n];if(a!==void 0){if(typeof a=="string")return a;throw new Error(`Element ${n} is not selectbox`)}}),l=o(()=>e.value!==void 0),r=o(()=>e.value);return d({hasContent:l,value:r})}function y(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 S(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 f(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 R(n){const t=c(),e=o(()=>{const s=t.design.value[n],v=t.defaults.value[n],p=t.context.value.globalDesign;return{font:s?.font??y(p,v?.font),size:s?.size??S(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(n){const t=c(),e=o(()=>{const s=t.design.value[n],v=t.defaults.value[n],p=t.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 A(n){const t=c(),e=o(()=>{const a=t.design.value[n],i=t.defaults.value[n],u=t.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 O(n){const t=c(),e=o(()=>{const r=t.design.value[n],a=t.defaults.value[n];return{enabled:r?.enabled??a?.enabled}}),l=o(()=>e.value?.enabled);return d({enabled:l})}function G(n){const t=c(),e=o(()=>{const r=t.design.value[n],a=t.defaults.value[n];return{value:r?.value??a?.value}}),l=o(()=>e.value?.value);return d({value:l})}function K(n){const t=c(),e=o(()=>{const r=t.design.value[n],a=t.defaults.value[n],i=t.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 w(n){return{app:E(n)}}function M(n,t){return{init:()=>{const{app:e}=w(n);return t?.init?.(e),{render:async(l,r)=>(c().init(e,l,r.content,r.design,r.defaults),t?.render?.(e,l,r),{html:await C(e,{context:l}),state:{context:l,data:r}})}}}}function N(n,t){return{init:()=>{const{app:e}=w(n);return t?.init?.(e),{mount:(l,r)=>{c().init(e,r.context,r.data.content,r.data.design,r.data.defaults),t?.mount?.(e,l,r),e.mount(l)},update:l=>{c().update(e,l.data.content,l.data.design),t?.update?.(e,l)},unmount:()=>{t?.unmount?.(e),e.unmount()}}}}}export{N as createVueClientApp,M as createVueServerApp,K as useBackgroundElementDesign,$ as useButtonElementContent,B as useButtonElementDesign,_ as useImageElementContent,A as useImageElementDesign,x as useInputboxElementContent,L as useSelectboxElementContent,G as useSelectboxElementDesign,R as useTextElementDesign,h as useTextareaElementContent,D as useToggleElementContent,O as useToggleElementDesign,c as useVueBaseProps};

package/dist/cli.mjs

@@ -1,5 +1,7 @@
-import D from"cac";import a from"node:fs";import l from"node:path";import{fileURLToPath as v}from"node:url";import{red as I,yellow as A,green as _}from"kolorist";import{resolve as i,dirname as U,sep as F}from"path";import{glob as d}from"glob";import{build as g,defineConfig as E}from"vite";import{builtinModules as S}from"module";import k from"@vitejs/plugin-vue";import $ from"vite-tsconfig-paths";import B from"vite-plugin-checker";import{viteExternalsPlugin as G}from"vite-plugin-externals";import{writeFileSync as x,createReadStream as h}from"fs";import{readFile as C}from"fs/promises";import z from"axios";import{inc as M}from"semver";import*as c from"process";import P from"tinycolor2";function N(t,e){a.statSync(t).isDirectory()?(a.mkdirSync(e,{recursive:!0}),a.readdirSync(t).forEach(n=>{const o=l.resolve(t,n),r=l.resolve(e,n);N(o,r)})):a.copyFileSync(t,e)}function j(t,e,n,o){const r=l.join(t,o?.[n]??n);N(l.join(e,n),r)}const f={error:t=>console.log(I(t)),warn:t=>console.log(A(t)),info:t=>console.log(_(t))};async function K(t){try{const e=t,n=process.cwd(),o=l.join(n,e),r=["templates"],s={_gitignore:".gitignore"};a.existsSync(o)||a.mkdirSync(o);const p=l.resolve(v(import.meta.url),"../..","template");a.readdirSync(p).filter(w=>w!=="package.json").filter(w=>!r.includes(w)).forEach(async w=>j(o,p,w,s));const u=JSON.parse(a.readFileSync(l.join(p,"package.json"),"utf-8"));u.name=t;const L=l.join(o,"package.json");a.writeFileSync(L,`${JSON.stringify(u,null,2)}
-`),f.info(`App ${t} created`)}catch(e){f.error(`Error while creating app: ${e.message}`)}}async function X(t){try{const e=t,n=process.cwd(),o=l.join(n,"sections",e);a.existsSync(o)||a.mkdirSync(o);const r=l.resolve(v(import.meta.url),"../..","template/sections/block-example");a.readdirSync(r).forEach(async s=>j(o,r,s)),f.info(`Block ${t} created`)}catch(e){f.error(`Error while creating block: ${e.message}`)}}async function J(t){try{const e=process.cwd(),n=l.join(e,"templates"),o={"template.json":`${t}.json`};a.existsSync(n)||a.mkdirSync(n);const r=l.resolve(v(import.meta.url),"../..","template/templates");a.readdirSync(r).forEach(async s=>j(n,r,s,o)),f.info(`Template descriptor file [${t}.json] has been created`)}catch(e){f.error(`Error while creating template descriptors: ${e.message}`)}}function T(){const t=process.env.npm_lifecycle_event;return B({typescript:!0,vueTsc:!1,eslint:{lintCommand:`eslint --max-warnings=0 "./sections/**/*.{js,ts,vue}" --cache --cache-location "./build/eslintcache/${t}.json"`}})}function W(t,e){return{plugins:[k(),$(),T(),G({vue:"EcVue"})],define:{"process.env":{NODE_ENV:"production"}},resolve:{alias:{"@":"/src"}},build:{outDir:`./dist/${t}`,emptyOutDir:!1,rollupOptions:{preserveEntrySignatures:"strict",input:i(process.cwd(),e),output:{validate:!0,entryFileNames:"js/[name].js",chunkFileNames:"js/[name].js",assetFileNames:"assets/[name].[ext]"}}}}}function H(t,e){return{plugins:[k(),$()],define:{"process.env":{NODE_ENV:"production"}},resolve:{alias:{"@":"/src"}},ssr:{noExternal:!0},build:{ssr:!0,outDir:`./dist/${t}`,emptyOutDir:!0,rollupOptions:{external:[...S,...S.map(n=>`node:${n}`)],preserveEntrySignatures:"strict",input:i(process.cwd(),e),output:{validate:!0,entryFileNames:"js/[name].js"}}}}}function O(t,e){return{plugins:[$(),T()],resolve:{alias:{"@":"/src"}},build:{outDir:`./dist/${t}`,emptyOutDir:!1,rollupOptions:{preserveEntrySignatures:"strict",input:i(process.cwd(),e),output:{validate:!0,entryFileNames:"js/settings/[name].mjs"}}}}}async function V(){const t=await d("**/server.{js,ts}",{ignore:["node_modules/**","dist/**"]});return Promise.all(t.map(async e=>{const n=U(e).split(F).pop()??"default",o=await d(`**/${n}/client.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),r=await d(`**/${n}/settings/content.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),s=await d(`**/${n}/settings/design.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),p=await d(`**/${n}/settings/translations.{js,ts}`,{ignore:["node_modules/**","dist/**"]});return{name:n,serverEntrypoint:e,clientEntrypoint:o.at(0),contentSettingsEntrypoint:r.at(0),designSettingsEntrypoint:s.at(0),translationsEntrypoint:p.at(0)}}))}async function Z(){try{const t=await V();for(const e of t){const{name:n,serverEntrypoint:o,clientEntrypoint:r,contentSettingsEntrypoint:s,designSettingsEntrypoint:p,translationsEntrypoint:u}=e;await g({configFile:!1,...E(H(n,o))}),r!==void 0&&await g({configFile:!1,...E(W(n,r))}),s!==void 0&&await g({configFile:!1,...E(O(n,s))}),p!==void 0&&await g({configFile:!1,...E(O(n,p))}),u!==void 0&&await g({configFile:!1,...E(O(n,u))})}f.info("Build successful. For deploy run: npm run deploy")}catch(t){f.error(`Error while building: ${t.message}`)}}function R(t){if(t!==void 0)return t.startsWith("global.")?{type:"GLOBAL_FONT",font:t}:{type:"PRESET_FONT",font:t}}function y(t){if(t===void 0)return;if(t.startsWith("global."))return{type:"GLOBAL_COLOR",raw:t};const e=P(t);return{type:"STRUCTURED_COLOR",raw:t,hex:e.toHex8String(),hsl:e.toHsl(),rgba:e.toRgb(),auto:!1}}function q(t){if(t!==void 0)return typeof t=="string"&&t.startsWith("global.")?{type:"GLOBAL_TEXT_SIZE",size:t}:{type:"NUMERIC_TEXT_SIZE",size:t}}const Q={COLOR:"COLOR",GRADIENT:"GRADIENT"};function Y(t){switch(t){case"COLOR":return"solid";case"GRADIENT":return"gradient";default:throw new Error(`Unknown background type: ${t}. Right options: ${Object.keys(Q)}`)}}function tt(t){const e=t.style,n=t.color,o=Array.isArray(n)?n:[n,n];return t.background={type:Y(e),solid:{color:y(o.at(0))},gradient:{fromColor:y(o.at(0)),toColor:y(o.at(1))}},t.style=void 0,t.color=void 0,t}const et={SOLID:"SOLID",OUTLINE:"OUTLINE",TEXT:"TEXT"};function nt(t){switch(t){case"SOLID":return"solid-button";case"OUTLINE":return"outline-button";case"TEXT":return"text-link";default:throw new Error(`Unknown button appearance: ${t}. Right options: ${Object.keys(et)}`)}}const ot={SMALL:"SMALL",MEDIUM:"MEDIUM",LARGE:"LARGE"};function rt(t){switch(t){case"SMALL":return"small";case"MEDIUM":return"medium";case"LARGE":return"large";default:throw new Error(`Unknown button size: ${t}. Right options: ${Object.keys(ot)}`)}}const st={ROUND_CORNER:"ROUND_CORNER",RECTANGLE:"RECTANGLE",PILL:"PILL"};function it(t){switch(t){case"ROUND_CORNER":return"round-corner";case"RECTANGLE":return"rectangle";case"PILL":return"pill";default:throw new Error(`Unknown button shape: ${t}. Right options: ${Object.keys(st)}`)}}function at(t){const e=t.appearance;e!==void 0&&(t.appearance=nt(e));const n=t.size;n!==void 0&&(t.size=rt(n));const o=t.shape;o!==void 0&&(t.style=it(o),t.shape=void 0);const r=t.font;t.font=R(r);const s=t.color;return t.color=y(s),t}const ct={COLOR:"COLOR",GRADIENT:"GRADIENT",NONE:"NONE"};function pt(t){switch(t){case"COLOR":return"solid";case"GRADIENT":return"gradient";case"NONE":return"none";default:throw new Error(`Unknown image overlay type: ${t}. Right options: ${Object.keys(ct)}`)}}function lt(t){const e=t.overlay,n=t.color,o=Array.isArray(n)?n:[n,n];return t.overlay={type:pt(e),solid:{color:y(o.at(0))},gradient:{fromColor:y(o.at(0)),toColor:y(o.at(1))}},t.color=void 0,t}function ut(t){const e=t.font;t.font=R(e);const n=t.color;t.color=y(n);const o=t.size;return t.size=q(o),t}function dt(t){Object.keys(t).forEach(e=>{const n=t[e],o=n.type;switch(o){case"TEXT":{n.defaults=ut(n.defaults);break}case"BUTTON":{n.defaults=at(n.defaults);break}case"IMAGE":{n.defaults=lt(n.defaults);break}case"BACKGROUND":{n.defaults=tt(n.defaults);break}case"TOGGLE":case"SELECTBOX":break;default:throw new Error(`Unknown design editor type: ${o}`)}})}const ft="https://blockbuster.ecwid.com";async function mt(){const t=await C(i(c.cwd(),"crane.config.json")),e=JSON.parse(t.toString());return{appClientId:e.app_client_id,appSecretKey:btoa(e.app_secret_key)}}async function yt(){const t=await C(i(c.cwd(),"package.json")),e=JSON.parse(t.toString()),n=M(e.version,"patch");return e.version=n,x(i(c.cwd(),"package.json"),`${JSON.stringify(e,null,2)}
-`),e.version}async function wt(t,e){try{const n=(await import(i(c.cwd(),`dist/${t}/js/settings/content.mjs`))).default;return b(n,e),n}catch{throw new Error("Content settings is invalid or undefined")}}async function gt(t,e){try{const n=(await import(i(c.cwd(),`dist/${t}/js/settings/design.mjs`))).default;return dt(n),b(n,e),n}catch(n){throw new Error(`Design settings is invalid or undefined. Error ${n}`)}}async function Et(t){const e=(await import(i(c.cwd(),`dist/${t}/js/settings/translations.mjs`))).default;return vt(e)}function b(t,e){if(t&&typeof t=="object"){const n=t;for(let o in n){const r=n[o];typeof r=="string"&&r.startsWith("$")&&(n[o]=ht(e,r)),typeof r=="object"&&b(r,e)}}}function ht(t,e){if(!e)return;const n=t[e];return n===void 0?{en:e}:n}function vt(t){const e={};for(let n in t){const o=t[n];for(let r in o){const s=e[r],p=o[r];if(s===void 0){const u={};u[n]=p,e[r]=u}else s[n]=p}}return e}async function $t(){const t=await d("*/",{cwd:i(c.cwd(),"dist/")});return Promise.all(t.map(async e=>{const n=await Et(e),o=await wt(e,n),r=await gt(e,n);return{id:e,name:{en:e},contentEditors:o,designEditors:r}}))}async function jt(t,e,n,o){const r=(await d("server.js",{cwd:i(c.cwd(),`dist/${o}/js/`)})).at(0);r!==void 0&&await t.post("/api/v1/app/resource/upload",{file:h(i(c.cwd(),`dist/${o}/js/server.js`))},{params:{appClientId:e.appClientId,type:"server_js",version:n,block:o,fileName:r},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${e.appSecretKey}`}})}async function Ot(t,e,n,o){(await d("*.js",{cwd:i(c.cwd(),`dist/${o}/js/`),ignore:"**/server.js"})).forEach(async r=>{await t.post("/api/v1/app/resource/upload",{file:h(i(c.cwd(),`dist/${o}/js/${r}`))},{params:{appClientId:e.appClientId,type:"client_js",version:n,block:o,fileName:r},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${e.appSecretKey}`}})})}async function bt(t,e,n,o){(await d("*",{cwd:i(c.cwd(),`dist/${o}/assets/`)})).forEach(async r=>{await t.post("/api/v1/app/resource/upload",{file:h(i(c.cwd(),`dist/${o}/assets/${r}`))},{params:{appClientId:e.appClientId,type:"assets",version:n,block:o,fileName:r},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${e.appSecretKey}`}})})}async function St(t,e,n){(await d("package.json")).at(0)!==void 0&&await t.post("/api/v1/app/resource/upload",{file:h(i(c.cwd(),"package.json"))},{params:{appClientId:e.appClientId,type:"dependencies",version:n},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${e.appSecretKey}`}})}async function kt(t,e,n,o){o.forEach(async r=>{await jt(t,e,n,r.id),await Ot(t,e,n,r.id),await bt(t,e,n,r.id),await St(t,e,n)})}async function Ct(t,e,n,o){await t.post("/api/v1/app/manifest",{version:n,name:"Custom Block App",blocks:o},{params:{appClientId:e.appClientId},headers:{Authorization:`Bearer ${e.appSecretKey}`}})}async function Nt(t){try{const e=t??ft,n=z.create({baseURL:e}),o=await mt(),r=await yt(),s=await $t();await Ct(n,o,r,s),await kt(n,o,r,s);const p=s.map(u=>u.id);f.info(`Deploy to ${e} successful
-Current app version: ${r}
-Deployed blocks: ${p.join(", ")}`)}catch(e){f.error(`Error while deploying: ${e.message}`)}}const Tt="0.0.1-beta.22",m=D("crane");function Rt(){m.command("create-app <appName>","Create app with custom blocks").action(K),m.command("create-block <blockName>","Create custom block").action(X),m.command("create-template <templateName>","Create custom template descriptor").action(J),m.command("build","Build app with custom blocks").action(Z),m.command("deploy","Deploy app with custom blocks").option("--url <url>","Custom deploy url").action(t=>Nt(t.url)),m.help(),m.version(Tt),m.parse()}try{Rt()}catch{m.outputHelp(),process.exit(1)}
+import Te from"cac";import p from"node:fs";import u from"node:path";import{fileURLToPath as C}from"node:url";import{red as we,yellow as Oe,green as je}from"kolorist";import{resolve as r,parse as G,dirname as ve,sep as Ce}from"path";import{rename as Le,unlink as De,existsSync as L,writeFileSync as Ne,createReadStream as O}from"fs";import{glob as l}from"glob";import{build as y,defineConfig as g}from"vite";import{builtinModules as _}from"module";import R from"@vitejs/plugin-vue";import b from"vite-tsconfig-paths";import Ae from"vite-plugin-checker";import{viteExternalsPlugin as Se}from"vite-plugin-externals";import Ie from"ajv/dist/2020.js";import ke from"ajv-formats";import{readFile as B}from"fs/promises";import Ge from"axios";import{inc as _e}from"semver";import*as c from"process";import Re from"tinycolor2";function P(e,t){p.statSync(e).isDirectory()?(p.mkdirSync(t,{recursive:!0}),p.readdirSync(e).forEach(o=>{const s=u.resolve(e,o),i=u.resolve(t,o);P(s,i)})):p.copyFileSync(e,t)}function D(e,t,o,s){const i=u.join(e,s?.[o]??o);P(u.join(t,o),i)}const m={error:e=>console.log(we(e)),warn:e=>console.log(Oe(e)),info:e=>console.log(je(e))};async function Be(e){try{const t=e,o=process.cwd(),s=u.join(o,t),i=["templates"],n={_gitignore:".gitignore"};p.existsSync(s)||p.mkdirSync(s);const a=u.resolve(C(import.meta.url),"../..","template");p.readdirSync(a).filter(f=>f!=="package.json").filter(f=>!i.includes(f)).forEach(async f=>D(s,a,f,n));const d=JSON.parse(p.readFileSync(u.join(a,"package.json"),"utf-8"));d.name=e;const E=u.join(s,"package.json");p.writeFileSync(E,`${JSON.stringify(d,null,2)}
+`),m.info(`App ${e} created`)}catch(t){m.error(`Error while creating app: ${t.message}`)}}async function Pe(e){try{const t=e,o=process.cwd(),s=u.join(o,"sections",t);p.existsSync(s)||p.mkdirSync(s);const i=u.resolve(C(import.meta.url),"../..","template/sections/block-example");p.readdirSync(i).forEach(async n=>D(s,i,n)),m.info(`Block ${e} created`)}catch(t){m.error(`Error while creating block: ${t.message}`)}}async function Ue(e){try{const t=process.cwd(),o=u.join(t,"templates"),s={"template.ts":`${e}.ts`};p.existsSync(o)||p.mkdirSync(o);const i=u.resolve(C(import.meta.url),"../..","template/templates");p.readdirSync(i).forEach(async n=>D(o,i,n,s)),m.info(`Template descriptor file [${e}.ts] has been created`)}catch(t){m.error(`Error while creating template descriptors: ${t.message}`)}}function T(){const e=process.env.npm_lifecycle_event;return Ae({typescript:!0,vueTsc:!1,eslint:{lintCommand:`eslint --max-warnings=0 "./sections/**/*.{js,ts,vue}" --cache --cache-location "./build/eslintcache/${e}.json"`}})}function xe(e,t){return{plugins:[R(),b(),T(),Se({vue:"EcVue"})],define:{"process.env":{NODE_ENV:"production"}},resolve:{alias:{"@":"/src"}},build:{outDir:`./dist/sections/${e}`,emptyOutDir:!1,rollupOptions:{preserveEntrySignatures:"strict",input:r(process.cwd(),t),output:{validate:!0,entryFileNames:"js/[name].js",chunkFileNames:"js/[name].js",assetFileNames:"assets/[name].[ext]"}}}}}function Xe(e,t){return{plugins:[R(),b()],define:{"process.env":{NODE_ENV:"production"}},resolve:{alias:{"@":"/src"}},ssr:{noExternal:!0},build:{ssr:!0,outDir:`./dist/sections/${e}`,emptyOutDir:!0,rollupOptions:{external:[..._,..._.map(o=>`node:${o}`)],preserveEntrySignatures:"strict",input:r(process.cwd(),t),output:{validate:!0,entryFileNames:"js/[name].js"}}}}}function N(e,t){return{plugins:[b(),T()],resolve:{alias:{"@":"/src"}},build:{outDir:`./dist/sections/${e}`,emptyOutDir:!1,rollupOptions:{preserveEntrySignatures:"strict",input:r(process.cwd(),t),output:{validate:!0,entryFileNames:"js/settings/[name].mjs"}}}}}function Fe(e,t){return{plugins:[b(),T()],resolve:{alias:{"@":"/src"}},build:{outDir:"./dist/template",emptyOutDir:!1,rollupOptions:{preserveEntrySignatures:"strict",input:r(process.cwd(),e),output:{validate:!0,entryFileNames:`js/[name]${t}.mjs`}}}}}function U(e,t){return{plugins:[b(),T()],resolve:{alias:{"@":"/src"}},build:{outDir:`./dist/sections/${e}`,emptyOutDir:!1,rollupOptions:{preserveEntrySignatures:"strict",input:r(process.cwd(),t),output:{validate:!0,entryFileNames:"js/showcases/[name].mjs"}}}}}function qe(e,t){return{plugins:[b(),T()],resolve:{alias:{"@":"/src"}},build:{outDir:`./dist/sections/${e}`,emptyOutDir:!1,rollupOptions:{preserveEntrySignatures:"strict",input:r(process.cwd(),t),output:{validate:!0,assetFileNames:"assets/[name].[ext]"}}}}}const x="https://json-schema.org/draft/2020-12/schema",X="https://lightspeedhq.com/template.schema.json",F="Custom Template",q="A custom template enclosing the necessary custom and default blocks",M="object",z={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},url:{type:"object",properties:{demo_website:{description:"URL to the demo website",type:"string",format:"uri",pattern:"^(https?|wss?|ftp)://"},cover_image:{description:"URL to the cover image",type:"string",format:"uri",pattern:"^(https?|wss?|ftp)://"}},required:["demo_website","cover_image"]}},required:["name","description","url"]},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}},K=["metadata","sections"],Me={$schema:x,$id:X,title:F,description:q,type:M,properties:z,required:K},J={__proto__:null,$id:X,$schema:x,default:Me,description:q,properties:z,required:K,title:F,type:M},V="https://json-schema.org/draft/2020-12/schema",W="https://lightspeedhq.com/template-default.schema.json",H="Default Section",Z="Default section for a Custom Template",Q="object",Y={"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}},ze={$schema:V,$id:W,title:H,description:Z,type:Q,$defs:Y},Ke={__proto__:null,$defs:Y,$id:W,$schema:V,default:ze,description:Z,title:H,type:Q},ee="https://json-schema.org/draft/2020-12/schema",te="https://lightspeedhq.com/template-custom.schema.json",oe="Custom Section",se="Custom section for a Custom Template",ie="object",ne={"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}},Je={$schema:ee,$id:te,title:oe,description:se,type:ie,$defs:ne},Ve={__proto__:null,$defs:ne,$id:te,$schema:ee,default:Je,description:se,title:oe,type:ie},re="https://json-schema.org/draft/2020-12/schema",ae="https://lightspeedhq.com/template-custom-content.schema.json",ce="Custom Section :: Content Configuration",pe="Content tab configuration of a Custom Section for a Custom Template",le="object",de={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}},We={$schema:re,$id:ae,title:ce,description:pe,type:le,$defs:de},He={__proto__:null,$defs:de,$id:ae,$schema:re,default:We,description:pe,title:ce,type:le},ue="https://json-schema.org/draft/2020-12/schema",fe="https://lightspeedhq.com/template-custom-design.schema.json",me="Custom Section :: Design Configuration",ye="Design tab configuration of a Custom Section for a Custom Template",ge="object",he={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:50},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]{3})$"}},required:["font","size","bold","italic","color"],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}},Ze={$schema:ue,$id:fe,title:me,description:ye,type:ge,$defs:he},Qe={__proto__:null,$defs:he,$id:fe,$schema:ue,default:Ze,description:ye,title:me,type:ge},w="_temp";async function Ye(){const e=await l("**/server.{js,ts}",{ignore:["node_modules/**","dist/**"]});return Promise.all(e.map(async t=>{const o=ve(t).split(Ce).pop()??"default",s=await l(`**/${o}/client.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),i=await l(`**/${o}/settings/content.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),n=await l(`**/${o}/settings/design.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),a=await l(`**/${o}/settings/translations.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),d=await l(`**/${o}/showcases/*.{js,ts}`,{ignore:["node_modules/**","dist/**","translations.{js,ts}"]}),E=await l(`**/${o}/showcases/translations.{js,ts}`,{ignore:["node_modules/**","dist/**"]}),f=await l(`**/${o}/assets/*`,{ignore:["node_modules/**","dist/**"]});return{name:o,serverEntrypoint:t,clientEntrypoint:s.at(0),contentSettingsEntrypoint:i.at(0),designSettingsEntrypoint:n.at(0),settingsTranslationsEntrypoint:a.at(0),showcasesEntrypoints:d,showcasesTranslationsEntrypoint:E.at(0),assetsEntrypoints:f}}))}async function et(){return{entryPoints:await l("**/templates/**.{js,ts}",{ignore:["node_modules/**","dist/**"]})}}async function A(e,t){try{return(await import(r(process.cwd(),t?`${e}${w}.mjs`:`${e}.mjs`))).default}catch{throw new Error(`File [${e}${w}.mjs] is either invalid or undefined`)}}async function tt(){let e=new Ie({allErrors:!0,schemas:[J,Ke,Ve,He,Qe]});return ke(e),e.compile(J)}async function ot(e,t,o,s){if(e(t)&&s===void 0)new Promise(i=>{Le(`${o}${w}.mjs`,`${o}.mjs`,function(n){n&&i(n)})});else throw new Promise(i=>{De(`${o}${w}.mjs`,function(n){n&&i(n)})}),new Error(`Invalid file [${G(o).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 st(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(!L(`dist/sections/${o.id}`))t.push({instancePath:`/sections/${s}/id`,message:"Custom section must have a corresponding block defined"});else{if(o.content!==void 0)if(!L(`dist/sections/${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 i=await A(`dist/sections/${o.id}/js/settings/content`,!1),n=new Set(Object.keys(i));Object.keys(o.content).every(a=>n.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(!L(`dist/sections/${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 i=await A(`dist/sections/${o.id}/js/settings/design`,!1),n=new Set(Object.keys(i));Object.keys(o.design).every(a=>n.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}async function it(){try{const e=await Ye();for(const s of e){const{name:i,serverEntrypoint:n,clientEntrypoint:a,contentSettingsEntrypoint:d,designSettingsEntrypoint:E,settingsTranslationsEntrypoint:f,showcasesEntrypoints:S,showcaseTranslationsEntrypoint:I,assetsEntrypoints:k}=s;if(await y({configFile:!1,...g(Xe(i,n))}),a!==void 0&&await y({configFile:!1,...g(xe(i,a))}),d!==void 0&&await y({configFile:!1,...g(N(i,d))}),E!==void 0&&await y({configFile:!1,...g(N(i,E))}),f!==void 0&&await y({configFile:!1,...g(N(i,f))}),S!==void 0)for(const v of S)await y({configFile:!1,...g(U(i,v))});if(I!==void 0&&await y({configFile:!1,...g(U(i,I))}),k!==void 0)for(const v of k)await y({configFile:!1,...g(qe(i,v))})}const t=await tt(),o=await et();for(const s of o.entryPoints){await y({configFile:!1,...g(Fe(s,w))});const i=`dist/template/js/${G(s).name}`,n=await A(i,!0);await ot(t,n,i,await st(n))}m.info("Build successful. For deploy run: npm run deploy")}catch(e){m.error(`Error while building: ${e.message}`)}}function $e(e){if(e!==void 0)return e.startsWith("global.")?{type:"GLOBAL_FONT",font:e}:{type:"PRESET_FONT",font:e}}function h(e){if(e===void 0)return;if(e.startsWith("global."))return{type:"GLOBAL_COLOR",raw:e};const t=Re(e);return{type:"STRUCTURED_COLOR",raw:e,hex:t.toHex8String(),hsl:t.toHsl(),rgba:t.toRgb(),auto:!1}}function nt(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 rt={COLOR:"COLOR",GRADIENT:"GRADIENT"};function at(e){switch(e){case"COLOR":return"solid";case"GRADIENT":return"gradient";default:throw new Error(`Unknown background type: ${e}. Right options: ${Object.keys(rt)}`)}}function ct(e){const t=e.style,o=e.color,s=Array.isArray(o)?o:[o,o];return e.background={type:at(t),solid:{color:h(s.at(0))},gradient:{fromColor:h(s.at(0)),toColor:h(s.at(1))}},e.style=void 0,e.color=void 0,e}const pt={SOLID:"SOLID",OUTLINE:"OUTLINE",TEXT:"TEXT"};function lt(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(pt)}`)}}const dt={SMALL:"SMALL",MEDIUM:"MEDIUM",LARGE:"LARGE"};function ut(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(dt)}`)}}const ft={ROUND_CORNER:"ROUND_CORNER",RECTANGLE:"RECTANGLE",PILL:"PILL"};function mt(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(ft)}`)}}function yt(e){const t=e.appearance;t!==void 0&&(e.appearance=lt(t));const o=e.size;o!==void 0&&(e.size=ut(o));const s=e.shape;s!==void 0&&(e.style=mt(s),e.shape=void 0);const i=e.font;e.font=$e(i);const n=e.color;return e.color=h(n),e}const gt={COLOR:"COLOR",GRADIENT:"GRADIENT",NONE:"NONE"};function ht(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(gt)}`)}}function $t(e){const t=e.overlay,o=e.color,s=Array.isArray(o)?o:[o,o];return e.overlay={type:ht(t),solid:{color:h(s.at(0))},gradient:{fromColor:h(s.at(0)),toColor:h(s.at(1))}},e.color=void 0,e}function Et(e){const t=e.font;e.font=$e(t);const o=e.color;e.color=h(o);const s=e.size;return e.size=nt(s),e}function bt(e){const t=e.color;return e.color=h(t),e}function Tt(e){Object.keys(e).forEach(t=>{const o=e[t],s=o.type;Ee(s,o.defaults)})}function wt(e){Object.keys(e).forEach(t=>{const o=e[t],s=o.type;Ee(s,o)})}function Ee(e,t){switch(e){case"TEXT":{Et(t);break}case"BUTTON":{yt(t);break}case"IMAGE":{$t(t);break}case"BACKGROUND":{ct(t);break}case"COLOR_PICKER":{bt(t);break}case"TOGGLE":case"SELECTBOX":break;default:throw new Error(`Unknown design editor type: ${e}`)}return t}const Ot="https://blockbuster.ecwid.com";async function jt(){const e=await B(r(c.cwd(),"crane.config.json")),t=JSON.parse(e.toString());return{appClientId:t.app_client_id,appSecretKey:btoa(t.app_secret_key)}}async function vt(){const e=await B(r(c.cwd(),"package.json")),t=JSON.parse(e.toString()),o=_e(t.version,"patch");return t.version=o,Ne(r(c.cwd(),"package.json"),`${JSON.stringify(t,null,2)}
+`),t.version}async function Ct(e,t){try{const o=(await import(r(c.cwd(),`dist/sections/${e}/js/settings/content.mjs`))).default;return j(o,t),o}catch{throw new Error(`Content descriptor for section [${e}] is either invalid or undefined`)}}async function Lt(e,t){try{const o=(await import(r(c.cwd(),`dist/sections/${e}/js/settings/design.mjs`))).default;return Tt(o),j(o,t),o}catch(o){const s=o;throw new Error(`Design settings is invalid or undefined. Error ${s.stack}`)}}async function Dt(e,t){try{const o=await l("*.mjs",{cwd:r(c.cwd(),`dist/sections/${e}/js/showcases/`),ignore:"**/translations.mjs"});return Promise.all(o.map(async s=>{const i=(await import(r(c.cwd(),`dist/sections/${e}/js/showcases/${s}`))).default;return wt(i.design),j(i,t),i}))}catch(o){throw new Error(`Showcases is invalid or undefined. Error ${o}`)}}async function Nt(e){return await be(`dist/sections/${e}/js/settings/translations.mjs`)}async function At(e){return await be(`dist/sections/${e}/js/showcases/translations.mjs`)}async function be(e){const t=(await import(r(c.cwd(),e))).default;return It(t)}function j(e,t){if(e&&typeof e=="object"){const o=e;for(let s in o){const i=o[s];typeof i=="string"&&i.startsWith("$")&&(o[s]=St(t,i)),typeof i=="object"&&j(i,t)}}}function St(e,t){if(!t)return;const o=e[t];return o===void 0?{en:t}:o}function It(e){const t={};for(let o in e){const s=e[o];for(let i in s){const n=t[i],a=s[i];if(n===void 0){const d={};d[o]=a,t[i]=d}else n[o]=a}}return t}async function kt(){const e=await l("*/",{cwd:r(c.cwd(),"dist/sections/")});return Promise.all(e.map(async t=>{const o=await Nt(t),s=await At(t),i=await Ct(t,o),n=await Lt(t,o),a=await Dt(t,s);return{id:t,name:{en:t},contentEditors:i,designEditors:n,showcases:a}}))}async function Gt(e,t,o,s){const i=(await l("server.js",{cwd:r(c.cwd(),`dist/sections/${s}/js/`)})).at(0);i!==void 0&&await e.post("/api/v1/app/resource/upload",{file:O(r(c.cwd(),`dist/sections/${s}/js/server.js`))},{params:{appClientId:t.appClientId,type:"server_js",version:o,block:s,fileName:i},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${t.appSecretKey}`}})}async function _t(e,t,o,s){(await l("*.js",{cwd:r(c.cwd(),`dist/sections/${s}/js/`),ignore:"**/server.js"})).forEach(async i=>{await e.post("/api/v1/app/resource/upload",{file:O(r(c.cwd(),`dist/sections/${s}/js/${i}`))},{params:{appClientId:t.appClientId,type:"client_js",version:o,block:s,fileName:i},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${t.appSecretKey}`}})})}async function Rt(e,t,o,s){(await l("*",{cwd:r(c.cwd(),`dist/sections/${s}/assets/`)})).forEach(async i=>{await e.post("/api/v1/app/resource/upload",{file:O(r(c.cwd(),`dist/sections/${s}/assets/${i}`))},{params:{appClientId:t.appClientId,type:"assets",version:o,block:s,fileName:i},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${t.appSecretKey}`}})})}async function Bt(e,t,o){(await l("package.json")).at(0)!==void 0&&await e.post("/api/v1/app/resource/upload",{file:O(r(c.cwd(),"package.json"))},{params:{appClientId:t.appClientId,type:"dependencies",version:o},headers:{"Content-Type":"multipart/form-data",Authorization:`Bearer ${t.appSecretKey}`}})}async function Pt(e,t,o,s){for(const i of s)await Gt(e,t,o,i.id),await _t(e,t,o,i.id),await Rt(e,t,o,i.id),await Bt(e,t,o)}async function Ut(e,t,o,s){await e.post("/api/v1/app/manifest",{version:o,name:"Custom Block App",blocks:s},{params:{appClientId:t.appClientId},headers:{Authorization:`Bearer ${t.appSecretKey}`}})}async function xt(e){try{const t=e??Ot,o=Ge.create({baseURL:t}),s=await jt(),i=await vt(),n=await kt();await Pt(o,s,i,n),await Ut(o,s,i,n);const a=n.map(d=>d.id);m.info(`Deploy to ${t} successful
+Current app version: ${i}
+Deployed blocks: ${a.join(", ")}`)}catch(t){m.error(`Error while deploying: ${t.message}`)}}const Xt="0.0.1-beta.24",$=Te("crane");function Ft(){$.command("create-app <appName>","Create app with custom blocks").action(Be),$.command("create-block <blockName>","Create custom block").action(Pe),$.command("create-template <templateName>","Create custom template descriptor").action(Ue),$.command("build","Build app with custom blocks").action(it),$.command("deploy","Deploy app with custom blocks").option("--url <url>","Custom deploy url").action(e=>xt(e.url)),$.help(),$.version(Xt),$.parse()}try{Ft()}catch{$.outputHelp(),process.exit(1)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightspeed/crane",
-  "version": "0.0.1-beta.23",
+  "version": "0.0.1-beta.24",
   "type": "module",
   "bin": "bin/crane.js",
   "main": "./dist/app.mjs",
@@ -36,6 +36,8 @@
   "dependencies": {
     "@lightspeed/eslint-config-crane": "0.0.1-beta.2",
     "@vitejs/plugin-vue": "^4.1.0",
+    "ajv": "^8.12.0",
+    "ajv-formats": "^2.1.1",
     "axios": "^1.4.0",
     "cac": "^6.7.14",
     "eslint": "~8.15.0",

package/template/package.json

@@ -7,7 +7,7 @@
     "deploy": "crane build && crane deploy"
   },
   "dependencies": {
-    "@lightspeed/crane": "0.0.1-beta.23",
+    "@lightspeed/crane": "0.0.1-beta.24",
     "@lightspeed/eslint-config-crane": "0.0.1-beta.2",
     "vue": "^3.4.0"
   }

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

@@ -82,4 +82,13 @@ export default {
       color: 'global.color.background',
     },
   },
+  color: {
+    type: 'COLOR_PICKER',
+    label: '$label.colorpicker.label',
+    description: '$label.colorpicker.description',
+    colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
+    defaults: {
+      color: 'global.color.background',
+    },
+  },
 } as const;

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

@@ -0,0 +1,88 @@
+export default {
+  showcaseId: '1',
+  previewImage: {
+    set: {
+      ORIGINAL: {
+        url: 'showcase_preview_1.png',
+      },
+    },
+  },
+  blockName: '$label.showcase_1.blockName',
+  content: {
+    inputbox: {
+      type: 'INPUTBOX',
+      text: '$label.showcase_1.inputbox.text',
+    },
+    textarea: {
+      type: 'TEXTAREA',
+      text: '$label.showcase_1.textarea.text',
+    },
+    button: {
+      type: 'BUTTON',
+      title: '$label.showcase_1.button.title',
+      buttonType: 'MAIL_LINK',
+      email: 'from@showcase.one.com',
+    },
+    image: {
+      type: 'IMAGE',
+      imageData: {
+        set: {
+          ORIGINAL: {
+            url: 'showcase_preview_1.png',
+          },
+        },
+        borderInfo: {},
+      },
+    },
+    toggle: {
+      type: 'TOGGLE',
+      enabled: true,
+    },
+    selectbox: {
+      type: 'SELECTBOX',
+      value: 'one',
+    },
+  },
+  design: {
+    inputbox: {
+      type: 'TEXT',
+      font: 'global.fontFamily.body',
+      size: 18,
+      bold: true,
+      italic: false,
+      color: '#333',
+      visible: false,
+    },
+    button: {
+      type: 'BUTTON',
+      font: 'global.fontFamily.body',
+      size: 'MEDIUM',
+      appearance: 'OUTLINE',
+      shape: 'PILL',
+      color: '#333',
+      visible: false,
+    },
+    background: {
+      type: 'BACKGROUND',
+      style: 'COLOR',
+      color: 'global.color.background',
+    },
+    image: {
+      type: 'IMAGE',
+      overlay: 'COLOR',
+      color: '#333',
+    },
+    toggle: {
+      type: 'TOGGLE',
+      enabled: true,
+    },
+    color: {
+      type: 'COLOR_PICKER',
+      color: 'global.color.background',
+    },
+    selectbox: {
+      type: 'SELECTBOX',
+      value: 'one',
+    },
+  },
+} as const;

package/template/sections/block-example/showcases/2.ts

@@ -0,0 +1,88 @@
+export default {
+  showcaseId: '2',
+  previewImage: {
+    set: {
+      ORIGINAL: {
+        url: 'showcase_preview_1.png',
+      },
+    },
+  },
+  blockName: '$label.showcase_2.blockName',
+  content: {
+    inputbox: {
+      type: 'INPUTBOX',
+      text: '$label.showcase_2.inputbox.text',
+    },
+    textarea: {
+      type: 'TEXTAREA',
+      text: '$label.showcase_2.textarea.text',
+    },
+    button: {
+      type: 'BUTTON',
+      title: '$label.showcase_2.button.title',
+      buttonType: 'MAIL_LINK',
+      email: 'from@showcase.two.com',
+    },
+    image: {
+      type: 'IMAGE',
+      imageData: {
+        set: {
+          ORIGINAL: {
+            url: 'showcase_preview_2.png',
+          },
+        },
+        borderInfo: {},
+      },
+    },
+    toggle: {
+      type: 'TOGGLE',
+      enabled: false,
+    },
+    selectbox: {
+      type: 'SELECTBOX',
+      value: 'two',
+    },
+  },
+  design: {
+    inputbox: {
+      type: 'TEXT',
+      font: 'global.fontFamily.body',
+      size: 18,
+      bold: true,
+      italic: false,
+      color: '#333',
+      visible: false,
+    },
+    button: {
+      type: 'BUTTON',
+      font: 'global.fontFamily.body',
+      size: 'MEDIUM',
+      appearance: 'OUTLINE',
+      shape: 'PILL',
+      color: '#333',
+      visible: false,
+    },
+    background: {
+      type: 'BACKGROUND',
+      style: 'COLOR',
+      color: 'global.color.background',
+    },
+    image: {
+      type: 'IMAGE',
+      overlay: 'COLOR',
+      color: '#333',
+    },
+    toggle: {
+      type: 'TOGGLE',
+      enabled: true,
+    },
+    color: {
+      type: 'COLOR_PICKER',
+      color: 'global.color.background',
+    },
+    selectbox: {
+      type: 'SELECTBOX',
+      value: 'one',
+    },
+  },
+} as const;

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

@@ -0,0 +1,23 @@
+export default {
+  en: {
+    '$label.showcase_1.blockName': 'Name of block 1',
+    '$label.showcase_1.inputbox.text': 'Input text 1',
+    '$label.showcase_1.textarea.text': 'Textarea 1',
+    '$label.showcase_1.button.title': 'Button 1',
+    '$label.showcase_2.blockName': 'Name of block 2',
+    '$label.showcase_2.inputbox.text': 'Input text 2',
+    '$label.showcase_2.textarea.text': 'Textarea 2',
+    '$label.showcase_2.button.title': 'Button 2',
+  },
+
+  ru: {
+    '$label.showcase_1.blockName': 'Имя блока 1',
+    '$label.showcase_1.inputbox.text': 'Введите текст 1',
+    '$label.showcase_1.textarea.text': 'Многострочный текст 1',
+    '$label.showcase_1.button.title': 'Кнопка 1',
+    '$label.showcase_2.blockName': 'Имя блока 2',
+    '$label.showcase_2.inputbox.text': 'Введите текст 2',
+    '$label.showcase_2.textarea.text': 'Многострочный текст 2',
+    '$label.showcase_2.button.title': 'Кнопка 2',
+  },
+} as const;

package/template/templates/template.ts

@@ -0,0 +1,158 @@
+export default {
+  metadata: {
+    name: 'Example Template :: Standard Preset',
+    description: 'Standard Preset for the Example template',
+    url: {
+      demo_website: 'https://www.example.com',
+      cover_image: 'https://www.example.com/cover.jpg'
+    }
+  },
+  sections: [
+    {
+      type: 'default',
+      id: 'header'
+    },
+    {
+      type: 'default',
+      id: 'slider_001'
+    },
+    {
+      type: 'custom',
+      id: 'block-example'
+    },
+    {
+      type: 'custom',
+      id: 'block-example',
+      content: {
+        inputbox: {
+          type: 'INPUTBOX',
+          label: '$label.example.label',
+          placeholder: '$label.example.placeholder'
+        },
+        textarea: {
+          type: 'TEXTAREA',
+          label: '$label.example.label',
+          placeholder: '$label.example.placeholder'
+        },
+        button: {
+          type: 'BUTTON',
+          label: '$label.example.label'
+        },
+        image: {
+          type: 'IMAGE',
+          label: '$label.example.label'
+        },
+        toggle: {
+          type: 'TOGGLE',
+          label: '$label.example.label',
+          description: '$label.example.description'
+        },
+        selectbox: {
+          type: 'SELECTBOX',
+          label: '$label.example.label',
+          placeholder: '$label.example.placeholder',
+          description: '$label.example.description',
+          options: [
+            {
+              value: 'one',
+              label: '$label.example.one.label'
+            },
+            {
+              value: 'two',
+              label: '$label.example.two.label'
+            }
+          ]
+        }
+      },
+      design: {
+        inputbox: {
+          type: 'TEXT',
+          label: '$label.example.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: true,
+            italic: false,
+            color: '#333'
+          }
+        },
+        textarea: {
+          type: 'TEXT',
+          label: '$label.example.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'
+          }
+        },
+        button: {
+          type: 'BUTTON',
+          label: '$label.example.label',
+          colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
+          defaults: {
+            font: 'global.fontFamily.body',
+            size: 'MEDIUM',
+            appearance: 'OUTLINE',
+            shape: 'PILL',
+            color: '#333'
+          }
+        },
+        image: {
+          type: 'IMAGE',
+          label: '$label.example.label',
+          colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
+          defaults: {
+            overlay: 'COLOR',
+            color: '#333'
+          }
+        },
+        toggle: {
+          type: 'TOGGLE',
+          label: '$label.example.label',
+          description: '$label.example.description',
+          defaults: {
+            enabled: true
+          }
+        },
+        selectbox: {
+          type: 'SELECTBOX',
+          label: '$label.example.label',
+          placeholder: '$label.example.placeholder',
+          description: '$label.example.description',
+          options: [
+            {
+              value: 'one',
+              label: '$label.example.one.label'
+            },
+            {
+              value: 'two',
+              label: '$label.example.two.label'
+            }
+          ],
+          defaults: {
+            value: 'two'
+          }
+        },
+        background: {
+          type: 'BACKGROUND',
+          label: '$label.example.label',
+          colors: ['#FFFFFF66', '#0000004D', '#00000099', '#64C7FF66', '#F9947266', '#C794CD66', '#FFD17466'],
+          defaults: {
+            style: 'COLOR',
+            color: 'global.color.background'
+          }
+        }
+      }
+    },
+    {
+      type: 'default',
+      id: 'footer'
+    }
+  ]
+}

package/types.d.ts

@@ -16,7 +16,7 @@ type ButtonType =
 
 interface ButtonContentData {
     readonly title: string;
-    readonly type: ButtonType;
+    readonly buttonType: ButtonType;
     readonly link?: string;
     readonly email?: string;
     readonly phone?: string;
@@ -235,6 +235,7 @@ type MapEditorDesignTypes = {
     readonly TOGGLE: string;
     readonly SELECTBOX: string;
     readonly BACKGROUND: string;
+    readonly COLOR_PICKER: string;
 };
 
 interface TextDesignEditor {
@@ -273,13 +274,19 @@ interface BackgroundDesignEditor {
     defaults: Record<string, unknown>;
 }
 
+interface ColorPickerDesignEditor {
+    readonly type: 'COLOR_PICKER';
+    defaults: Record<string, unknown>;
+}
+
 type DesignEditor =
     TextDesignEditor
     | ButtonDesignEditor
     | ImageDesignEditor
     | ToggleDesignEditor
     | SelectboxDesignEditor
-    | BackgroundDesignEditor;
+    | BackgroundDesignEditor
+    | ColorPickerDesignEditor;
 
 type InferDesignType<T extends Record<string, DesignEditor>> = {
     readonly [P in keyof T]: MapEditorDesignTypes[T[P]['type']]

package/template/templates/template.json

@@ -1,159 +0,0 @@
-{
-  "$schema": "template.schema.json",
-  "metadata": {
-    "name": "Example Template :: Standard Preset",
-    "description": "Standard Preset for the Example template",
-    "url": {
-      "demo_website": "https://www.example.com",
-      "cover_image": "https://www.example.com/cover.jpg"
-    }
-  },
-  "sections": [
-    {
-      "type": "default",
-      "id": "header"
-    },
-    {
-      "type": "default",
-      "id": "slider_001"
-    },
-    {
-      "type": "custom",
-      "id": "example-block"
-    },
-    {
-      "type": "custom",
-      "id": "example-block",
-      "content": {
-        "inputbox": {
-          "type": "INPUTBOX",
-          "label": "$label.example.label",
-          "placeholder": "$label.example.placeholder"
-        },
-        "textarea": {
-          "type": "TEXTAREA",
-          "label": "$label.example.label",
-          "placeholder": "$label.example.placeholder"
-        },
-        "button": {
-          "type": "BUTTON",
-          "label": "$label.example.label"
-        },
-        "image": {
-          "type": "IMAGE",
-          "label": "$label.example.label"
-        },
-        "toggle": {
-          "type": "TOGGLE",
-          "label": "$label.example.label",
-          "description": "$label.example.description"
-        },
-        "selectBox": {
-          "type": "SELECTBOX",
-          "label": "$label.example.label",
-          "placeholder": "$label.example.placeholder",
-          "description": "$label.example.description",
-          "options": [
-            {
-              "value": "one",
-              "label": "$label.example.one.label"
-            },
-            {
-              "value": "two",
-              "label": "$label.example.two.label"
-            }
-          ]
-        }
-      },
-      "design": {
-        "inputbox": {
-          "type": "TEXT",
-          "label": "$label.example.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": true,
-            "italic": false,
-            "color": "#333"
-          }
-        },
-        "textarea": {
-          "type": "TEXT",
-          "label": "$label.example.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"
-          }
-        },
-        "button": {
-          "type": "BUTTON",
-          "label": "$label.example.label",
-          "colors": ["#FFFFFF66", "#0000004D", "#00000099", "#64C7FF66", "#F9947266", "#C794CD66", "#FFD17466"],
-          "defaults": {
-            "font": "global.fontFamily.body",
-            "size": "MEDIUM",
-            "appearance": "OUTLINE",
-            "shape": "PILL",
-            "color": "#333"
-          }
-        },
-        "image": {
-          "type": "IMAGE",
-          "label": "$label.example.label",
-          "colors": ["#FFFFFF66", "#0000004D", "#00000099", "#64C7FF66", "#F9947266", "#C794CD66", "#FFD17466"],
-          "defaults": {
-            "overlay": "COLOR",
-            "color": "#333"
-          }
-        },
-        "toggle": {
-          "type": "TOGGLE",
-          "label": "$label.example.label",
-          "description": "$label.example.description",
-          "defaults": {
-            "enabled": true
-          }
-        },
-        "selectbox": {
-          "type": "SELECTBOX",
-          "label": "$label.example.label",
-          "placeholder": "$label.example.placeholder",
-          "description": "$label.example.description",
-          "options": [
-            {
-              "value": "one",
-              "label": "$label.example.one.label"
-            },
-            {
-              "value": "two",
-              "label": "$label.example.two.label"
-            }
-          ],
-          "defaults": {
-            "value": "two"
-          }
-        },
-        "background": {
-          "type": "BACKGROUND",
-          "label": "$label.example.label",
-          "colors": ["#FFFFFF66", "#0000004D", "#00000099", "#64C7FF66", "#F9947266", "#C794CD66", "#FFD17466"],
-          "defaults": {
-            "style": "COLOR",
-            "color": "global.color.background"
-          }
-        }
-      }
-    },
-    {
-      "type": "default",
-      "id": "footer"
-    }
-  ]
-}