${o.description}
- `).join("")}}).catch(e=>{console.error("Error fetching data:",e)})};window.removeScript=t=>{let e=document.querySelector(`script[src="${t}"]`);e&&e.remove()};window.removeScripts=t=>{t.forEach(e=>{let a=document.querySelector(`script[src="${e}"]`);a&&a.remove()})};window.loadScript=async t=>new Promise((e,a)=>{if(document.querySelector(`script[src="${t}"]`)){e();return}let s=document.createElement("script");s.src=t,s.onload=e,s.onerror=()=>a(new Error(`Failed to load script: ${t}`)),document.body.appendChild(s)});window.loadScripts=async t=>Promise.all(t.map(loadScript));window.executeQuery=(t,e=!0)=>{if(!t){clearAllSelections();return}let a=t.split(",").map(n=>n.trim());function o(n){switch(n){case"f":foldAllLayers(!0);break;case"u":foldAllLayers(!1);break;case"h":hideAllLayers(!0);break;case"s":hideAllLayers(!1);break;case"e":emptyChildren();break;default:console.warn("Unknown command:",n)}}function s(n,d,p,c){switch(d){case"first-child":return p===0;case"last-child":return p===c-1;case"nth-child":return p+1===parseInt(d.split("(")[1],10);case"nth-last-child":return c-p===parseInt(d.split("(")[1],10);case"only-child":return c===1;case"empty":return!(n.children&&n.children.length>0);case"first-of-type":return n.tagOccurrences.index===0;case"last-of-type":return n.tagOccurrences.reverseIndex===0;case"nth-of-type":return n.tagOccurrences.index===parseInt(d.split("(")[1],10)-1;case"nth-last-of-type":return n.tagOccurrences.reverseIndex===parseInt(d.split("(")[1],10)-1;case"only-of-type":return n.tagOccurrences.total===1;default:return!1}}function r(n,d,p){let c=0;function g(h){c++,h.forEach((u,$)=>{let w=!1,[x,v]=d.split(":"),m=v||null,[y,I,T,A]=[null,[],null,null],F=/\[([^\]]+)\]/.exec(x);F&&([T,A]=F[1].split("="));let U=/\.([^.\[]+)/g,W;for(;(W=U.exec(x))!==null;)I.push(W[1]);if(y=x.split(/[\.\[]/)[0],y&&u.tag!==y?w=!1:w=!0,I.length>0)if(!u.props||!u.props.class)w=!1;else{let V=u.props.class.split(" ");w=I.every(Q=>V.includes(Q))}if(T&&(A?u.props&&u.props[T]!==A&&(w=!1):(!u.props||!u.props.hasOwnProperty(T))&&(w=!1)),w&&m){let V=h.length;s(u,m,$,V)||(w=!1)}w&&(u.state.selected=!0,data.selectedLayerIds.includes(u.id)||data.selectedLayerIds.push(u.id)),u.children&&u.children.length>0&&g(u.children)}),c--,c===0&&p&&typeof p=="function"&&p()}g(n)}function l(n,d){if(data.selectedLayerIds.length>0){let p=data.selectedLayerIds.map(c=>findLayerById(c,project.html));if(p.length>0){let c=p.flatMap(g=>g.layer.children||[]);r(c,n)}typeof d=="function"&&d()}}function i(n){let d=n.indexOf("=");if(d!==-1&&(n=n.slice(0,d).toLowerCase()+n.slice(d)),n.startsWith("t="))e&&clearAllSelections(),r(project.html,n.slice(2));else if(n.startsWith("r="))clearAllSelections(),r(project.html,n.slice(2),()=>{deleteLayers()});else if(n.startsWith("e="))clearAllSelections(),r(project.html,n.slice(2),()=>{emptyChildren()});else if(n.startsWith("c="))if(data.selectedLayerIds.length>0)if(data.replaceCurrentSelection){let p=[...data.selectedLayerIds];l(n.slice(2),()=>{p.forEach(c=>{let{layer:g}=findLayerById(c,project.html);g.state.selected=!1})})}else l(n.slice(2));else console.error("no layers selected");else n.startsWith("mv=")?data.selectedLayerIds.length>0&&(e&&clearAllSelections(),cutLayers(()=>{r(project.html,n.slice(3),()=>{pasteLayers()})})):n.startsWith("rs=")?data.selectedLayerIds.length>0&&(e&&clearAllSelections(),clearStyles(project.html,n.slice(3),()=>{renderPreview(),saveState()})):o(n)}a.forEach(i)};window.toggleCollapse=t=>{project.activePanel!=="layers"&&(project.activePanel="layers");let e=null,a=null;function o(r,l=null){if(r.id===t)return e=r,a=l,!0;if(r.children){for(let i=0;i
{i!==e&&(i.state.collapsed=l)})}for(let r=0;r{project.activePanel!=="layers"&&(project.activePanel="layers");function e(a){a.state.collapsed=t,a.children&&a.children.forEach(o=>e(o))}project.html.forEach(a=>e(a))};window.hideAllLayers=(t=!1)=>{project.activePanel!=="layers"&&(project.activePanel="layers");function e(a){a.state.visible=!t,renderPreview(),a.children&&a.children.forEach(o=>e(o))}project.html.forEach(a=>e(a))};window.toggleVisible=t=>{project.activePanel!=="layers"&&(project.activePanel="layers");let e=null,a=null;function o(r,l=null){if(r.id===t)return e=r,a=l,!0;if(r.children){for(let i=0;i{i!==e&&(i.state.visible=l)})}for(let r=0;r{project.activePanel!=="layers"&&(project.activePanel="layers");let e=null,a=null;function o(l,i=null){if(l.id===t)return e=l,a=i,!0;if(l.children){for(let n=0;n{if(n!==e){let d=data.selectedLayerIds.indexOf(n.id);i?d===-1&&(data.selectedLayerIds.push(n.id),n.state.selected=!0):d>-1&&(data.selectedLayerIds.splice(d,1),n.state.selected=!1)}})}for(let l=0;l{let d=r(n);d&&(d.state.selected=!1)}),data.selectedLayerIds=[]),i){data.selectedLayerIds.push(t);let n=data.selectedLayerIds[data.selectedLayerIds.length-1],d=r(n);data.stylesTarget=d.style,data.breakpointKey=null}else{let n=data.selectedLayerIds.indexOf(t);n>-1&&data.selectedLayerIds.splice(n,1)}e.state.selected=i,data.shiftKey&&s(a?a.children:project.html,i)}function r(l){let i=null;for(let n=0;n{t.forEach(e=>{e.state.selected&&data.selectedLayerIds.push(e.id),e.children&&e.children.length>0&&collectSelectedIDs(e.children)})};window.clearAllSelections=()=>{data.selectedLayerIds=[],data.stylesTarget=null,clearSelection(project.html)};window.clearSelection=t=>{t.forEach(e=>{e.state.selected=!1,e.children&&clearSelection(e.children)})};window.clearSelectionExcept=(t,e)=>{e.forEach(a=>{a.id!==t?a.state.selected=!1:a.state.selected=!0,a.children&&clearSelectionExcept(t,a.children)})};window.findLayerById=(t,e,a=null)=>{for(let o of e){if(o.id===t)return{layer:o,parent:a};if(o.children){let s=findLayerById(t,o.children,o);if(s)return s}}return null};window.canAcceptChildren=t=>!["audio","datalist","iframe","img","input","meter","option","progress","select","textarea","video"].includes(t.tag);window.addBlock=t=>{saveState();let e=(a,o)=>{a.forEach(s=>{s.id=generateId(),s.children&&e(s.children)}),o&&typeof o=="function"&&o()};if(data.selectedLayerIds.length>0)data.selectedLayerIds.forEach(a=>{let o=findLayerById(a,project.html);if(o){let{layer:s}=o;if(canAcceptChildren(s)){s.children=s.children||[];let r=html2json(t);e(r,()=>{r.forEach(l=>{s.children.push(l)})})}}});else{let a=html2json(t);e(a,()=>{a.forEach(o=>project.html.push(o))})}clearAllSelections(),saveState(),renderPreview()};window.selectLayersByStyleRef=(t,e)=>{for(let a of e)a.state.selected=!1,a.style===t&&(data.selectedLayerIds.push(a.id),a.state.selected=!0),a.children&&a.children.length>0&&selectLayersByStyleRef(t,a.children)};window.deleteLayers=()=>{saveState(),data.editorNavState=!0,data.selectedLayerIds.forEach(t=>{removeLayerById(t,project.html)}),data.selectedLayerIds=[],data.editorNavState=null,saveState()};window.removeLayerById=(t,e)=>{for(let a of e){if(a.id===t){let o=e.findIndex(s=>s.id===t);e.splice(o,1),renderPreview();return}if(a.children){let o=a.children.findIndex(s=>s.id===t);if(o!==-1){a.children.splice(o,1),renderPreview();return}else removeLayerById(t,a.children)}}};window.cloneLayers=()=>{saveState(),data.selectedLayerIds.forEach(t=>{let{layer:e,parent:a}=findLayerById(t,project.html);if(e){let o=cloneLayerObject(e);if(a&&Array.isArray(a.children)){let s=a.children.findIndex(r=>r.id===e.id);s!==-1?a.children.splice(s+1,0,o):console.error("Selected layer not found in parent's children:",e)}else if(!a){let s=project.html.findIndex(r=>r.id===e.id);s!==-1?project.html.splice(s+1,0,o):console.error("Selected layer not found in root layer structure:",e)}}else console.error("Layer not found for ID:",t)}),clearAllSelections(),saveState(),renderPreview()};window.cloneLayerObject=t=>{let e=JSON.parse(JSON.stringify(t));return e.id=generateId(),e.children&&(e.children=e.children.map(a=>cloneLayerObject(a))),e};window.cutLayers=t=>{saveState(),data.editorNavState=!0,copyLayers(),data.selectedLayerIds.forEach(e=>{removeLayerById(e,project.html)}),data.selectedLayerIds=[],saveState(),data.editorNavState=null,t&&typeof t=="function"&&t()};window.copyLayers=()=>{data.clipboard=data.selectedLayerIds.map(t=>{let{layer:e}=findLayerById(t,project.html);return cloneLayerObject(e)})};window.pasteLayers=()=>{if(saveState(),data.clipboard.length>0){let t=data.clipboard.map(e=>cloneLayerObject(e));data.selectedLayerIds.length>0?data.selectedLayerIds.forEach(e=>{let{layer:a}=findLayerById(e,project.html);a&&canAcceptChildren(a)&&(a.children=a.children||[],a.children.push(...t))}):project.html.push(...t),data.clipboard=[],clearAllSelections(),saveState(),renderPreview()}};window.removeAttributeFromLayers=t=>{saveState(),data.selectedLayerIds.forEach(e=>{let{layer:a}=findLayerById(e,project.html);a&&delete a.props[t]}),saveState(),renderPreview()};window.removeProp=t=>{Modal.render({title:`Are you sure you want to delete the ${t} attribute?`,content:`
+ `).join("")}}).catch(e=>{console.error("Error fetching data:",e)})};window.removeScript=t=>{let e=document.querySelector(`script[src="${t}"]`);e&&e.remove()};window.removeScripts=t=>{t.forEach(e=>{let a=document.querySelector(`script[src="${e}"]`);a&&a.remove()})};window.loadScript=async t=>new Promise((e,a)=>{if(document.querySelector(`script[src="${t}"]`)){e();return}let s=document.createElement("script");s.src=t,s.onload=e,s.onerror=()=>a(new Error(`Failed to load script: ${t}`)),document.body.appendChild(s)});window.loadScripts=async t=>Promise.all(t.map(loadScript));window.executeQuery=(t,e=!0)=>{if(!t){clearAllSelections();return}let a=t.split(",").map(n=>n.trim());function o(n){switch(n){case"f":foldAllLayers(!0);break;case"u":foldAllLayers(!1);break;case"h":hideAllLayers(!0);break;case"s":hideAllLayers(!1);break;case"e":emptyChildren();break;default:console.warn("Unknown command:",n)}}function s(n,d,p,c){switch(d){case"first-child":return p===0;case"last-child":return p===c-1;case"nth-child":return p+1===parseInt(d.split("(")[1],10);case"nth-last-child":return c-p===parseInt(d.split("(")[1],10);case"only-child":return c===1;case"empty":return!(n.children&&n.children.length>0);case"first-of-type":return n.tagOccurrences.index===0;case"last-of-type":return n.tagOccurrences.reverseIndex===0;case"nth-of-type":return n.tagOccurrences.index===parseInt(d.split("(")[1],10)-1;case"nth-last-of-type":return n.tagOccurrences.reverseIndex===parseInt(d.split("(")[1],10)-1;case"only-of-type":return n.tagOccurrences.total===1;default:return!1}}function r(n,d,p){let c=0;function g(h){c++,h.forEach((u,$)=>{let w=!1,[x,v]=d.split(":"),m=v||null,[y,I,T,A]=[null,[],null,null],q=/\[([^\]]+)\]/.exec(x);q&&([T,A]=q[1].split("="));let U=/\.([^.\[]+)/g,W;for(;(W=U.exec(x))!==null;)I.push(W[1]);if(y=x.split(/[\.\[]/)[0],y&&u.tag!==y?w=!1:w=!0,I.length>0)if(!u.props||!u.props.class)w=!1;else{let V=u.props.class.split(" ");w=I.every(Q=>V.includes(Q))}if(T&&(A?u.props&&u.props[T]!==A&&(w=!1):(!u.props||!u.props.hasOwnProperty(T))&&(w=!1)),w&&m){let V=h.length;s(u,m,$,V)||(w=!1)}w&&(u.state.selected=!0,data.selectedLayerIds.includes(u.id)||data.selectedLayerIds.push(u.id)),u.children&&u.children.length>0&&g(u.children)}),c--,c===0&&p&&typeof p=="function"&&p()}g(n)}function i(n,d){if(data.selectedLayerIds.length>0){let p=data.selectedLayerIds.map(c=>findLayerById(c,project.html));if(p.length>0){let c=p.flatMap(g=>g.layer.children||[]);r(c,n)}typeof d=="function"&&d()}}function l(n){let d=n.indexOf("=");if(d!==-1&&(n=n.slice(0,d).toLowerCase()+n.slice(d)),n.startsWith("t="))e&&clearAllSelections(),r(project.html,n.slice(2));else if(n.startsWith("r="))clearAllSelections(),r(project.html,n.slice(2),()=>{deleteLayers()});else if(n.startsWith("e="))clearAllSelections(),r(project.html,n.slice(2),()=>{emptyChildren()});else if(n.startsWith("c="))if(data.selectedLayerIds.length>0)if(data.replaceCurrentSelection){let p=[...data.selectedLayerIds];i(n.slice(2),()=>{p.forEach(c=>{let{layer:g}=findLayerById(c,project.html);g.state.selected=!1})})}else i(n.slice(2));else console.error("no layers selected");else n.startsWith("mv=")?data.selectedLayerIds.length>0&&(e&&clearAllSelections(),cutLayers(()=>{r(project.html,n.slice(3),()=>{pasteLayers()})})):n.startsWith("rs=")?data.selectedLayerIds.length>0&&(e&&clearAllSelections(),clearStyles(project.html,n.slice(3),()=>{renderPreview(),saveState()})):o(n)}a.forEach(l)};window.toggleCollapse=t=>{project.activePanel!=="layers"&&(project.activePanel="layers");let e=null,a=null;function o(r,i=null){if(r.id===t)return e=r,a=i,!0;if(r.children){for(let l=0;l{l!==e&&(l.state.collapsed=i)})}for(let r=0;r{project.activePanel!=="layers"&&(project.activePanel="layers");function e(a){a.state.collapsed=t,a.children&&a.children.forEach(o=>e(o))}project.html.forEach(a=>e(a))};window.hideAllLayers=(t=!1)=>{project.activePanel!=="layers"&&(project.activePanel="layers");function e(a){a.state.visible=!t,renderPreview(),a.children&&a.children.forEach(o=>e(o))}project.html.forEach(a=>e(a))};window.toggleVisible=t=>{project.activePanel!=="layers"&&(project.activePanel="layers");let e=null,a=null;function o(r,i=null){if(r.id===t)return e=r,a=i,!0;if(r.children){for(let l=0;l{l!==e&&(l.state.visible=i)})}for(let r=0;r{project.activePanel!=="layers"&&(project.activePanel="layers");let e=null,a=null;function o(i,l=null){if(i.id===t)return e=i,a=l,!0;if(i.children){for(let n=0;n{if(n!==e){let d=data.selectedLayerIds.indexOf(n.id);l?d===-1&&(data.selectedLayerIds.push(n.id),n.state.selected=!0):d>-1&&(data.selectedLayerIds.splice(d,1),n.state.selected=!1)}})}for(let i=0;i{let d=r(n);d&&(d.state.selected=!1)}),data.selectedLayerIds=[]),l){data.selectedLayerIds.push(t);let n=data.selectedLayerIds[data.selectedLayerIds.length-1],d=r(n);data.stylesTarget=d.style,data.breakpointKey=null}else{let n=data.selectedLayerIds.indexOf(t);n>-1&&data.selectedLayerIds.splice(n,1)}e.state.selected=l,data.shiftKey&&s(a?a.children:project.html,l)}function r(i){let l=null;for(let n=0;n{t.forEach(e=>{e.state.selected&&data.selectedLayerIds.push(e.id),e.children&&e.children.length>0&&collectSelectedIDs(e.children)})};window.clearAllSelections=()=>{data.selectedLayerIds=[],data.stylesTarget=null,clearSelection(project.html)};window.clearSelection=t=>{t.forEach(e=>{e.state.selected=!1,e.children&&clearSelection(e.children)})};window.clearSelectionExcept=(t,e)=>{e.forEach(a=>{a.id!==t?a.state.selected=!1:a.state.selected=!0,a.children&&clearSelectionExcept(t,a.children)})};window.findLayerById=(t,e,a=null)=>{for(let o of e){if(o.id===t)return{layer:o,parent:a};if(o.children){let s=findLayerById(t,o.children,o);if(s)return s}}return null};window.canAcceptChildren=t=>!["audio","datalist","iframe","img","input","meter","option","progress","select","textarea","video"].includes(t.tag);window.addBlock=t=>{saveState();let e=(a,o)=>{a.forEach(s=>{s.id=generateId(),s.children&&e(s.children)}),o&&typeof o=="function"&&o()};if(data.selectedLayerIds.length>0)data.selectedLayerIds.forEach(a=>{let o=findLayerById(a,project.html);if(o){let{layer:s}=o;if(canAcceptChildren(s)){s.children=s.children||[];let r=html2json(t);e(r,()=>{r.forEach(i=>{s.children.push(i)})})}}});else{let a=html2json(t);e(a,()=>{a.forEach(o=>project.html.push(o))})}clearAllSelections(),saveState(),renderPreview()};window.selectLayersByStyleRef=(t,e)=>{for(let a of e)a.state.selected=!1,a.style===t&&(data.selectedLayerIds.push(a.id),a.state.selected=!0),a.children&&a.children.length>0&&selectLayersByStyleRef(t,a.children)};window.deleteLayers=()=>{saveState(),data.editorNavState=!0,data.selectedLayerIds.forEach(t=>{removeLayerById(t,project.html)}),data.selectedLayerIds=[],data.editorNavState=null,saveState()};window.removeLayerById=(t,e)=>{for(let a of e){if(a.id===t){let o=e.findIndex(s=>s.id===t);e.splice(o,1),renderPreview();return}if(a.children){let o=a.children.findIndex(s=>s.id===t);if(o!==-1){a.children.splice(o,1),renderPreview();return}else removeLayerById(t,a.children)}}};window.cloneLayers=()=>{saveState(),data.selectedLayerIds.forEach(t=>{let{layer:e,parent:a}=findLayerById(t,project.html);if(e){let o=cloneLayerObject(e);if(a&&Array.isArray(a.children)){let s=a.children.findIndex(r=>r.id===e.id);s!==-1?a.children.splice(s+1,0,o):console.error("Selected layer not found in parent's children:",e)}else if(!a){let s=project.html.findIndex(r=>r.id===e.id);s!==-1?project.html.splice(s+1,0,o):console.error("Selected layer not found in root layer structure:",e)}}else console.error("Layer not found for ID:",t)}),clearAllSelections(),saveState(),renderPreview()};window.cloneLayerObject=t=>{let e=JSON.parse(JSON.stringify(t));return e.id=generateId(),e.children&&(e.children=e.children.map(a=>cloneLayerObject(a))),e};window.cutLayers=t=>{saveState(),data.editorNavState=!0,copyLayers(),data.selectedLayerIds.forEach(e=>{removeLayerById(e,project.html)}),data.selectedLayerIds=[],saveState(),data.editorNavState=null,t&&typeof t=="function"&&t()};window.copyLayers=()=>{data.clipboard=data.selectedLayerIds.map(t=>{let{layer:e}=findLayerById(t,project.html);return cloneLayerObject(e)})};window.pasteLayers=()=>{if(saveState(),data.clipboard.length>0){let t=data.clipboard.map(e=>cloneLayerObject(e));data.selectedLayerIds.length>0?data.selectedLayerIds.forEach(e=>{let{layer:a}=findLayerById(e,project.html);a&&canAcceptChildren(a)&&(a.children=a.children||[],a.children.push(...t))}):project.html.push(...t),data.clipboard=[],clearAllSelections(),saveState(),renderPreview()}};window.removeAttributeFromLayers=t=>{saveState(),data.selectedLayerIds.forEach(e=>{let{layer:a}=findLayerById(e,project.html);a&&delete a.props[t]}),saveState(),renderPreview()};window.removeProp=t=>{Modal.render({title:`Are you sure you want to delete the ${t} attribute?`,content:`
You will still be able to undo.
`,onConfirm(){removeAttributeFromLayers(t)}})};window.emptyChildren=()=>{saveState(),data.selectedLayerIds.length>0&&data.selectedLayerIds.forEach(t=>{let{layer:e}=findLayerById(t,project.html);e.children&&(e.children=[]),e.text&&(e.text="")}),saveState(),renderPreview()};window.updateElement=(t,e,a)=>{data.selectedLayerIds.forEach(o=>{let{layer:s}=findLayerById(o,project.html);s&&(t!=="props"?t==="text"&&!a?s.text="":s[`${t}`]=a:s.props[`${e}`]=a)}),renderPreview()};window.updateImageMedia=(t,e)=>{let a=findLayerById(t,project.html).layer.props.src,o=`
@@ -2122,7 +2122,7 @@
You can grab your own high-res image by searching
Pixabay.com or
Pexels.com.
-
`;Modal.render({title:"Are you sure you want to replace the image source?",content:o,onLoad(){let s=document.getElementById("search-input");s.focus();let r=async()=>{if(s.value){let i=await searchOpenverseImage(s.value);l(i)}else return document.getElementById("search-results").innerHTML="",!1};s.oninput=r,document.getElementById("search-btn").onclick=r;function l(i){let n=document.getElementById("search-results");n.innerHTML=i.map(d=>`
+ `;Modal.render({title:"Are you sure you want to replace the image source?",content:o,onLoad(){let s=document.getElementById("search-input");s.focus();let r=async()=>{if(s.value){let l=await searchOpenverseImage(s.value);i(l)}else return document.getElementById("search-results").innerHTML="",!1};s.oninput=r,document.getElementById("search-btn").onclick=r;function i(l){let n=document.getElementById("search-results");n.innerHTML=l.map(d=>`
No results found.
":(n.innerHTML=c.map(h=>`
+ `;Modal.render({title:"Are you sure you want to replace the audio element?",content:r,onLoad(){let i=document.getElementById("search-input"),l=document.getElementById("search-btn"),n=document.getElementById("search-results");i.focus();let d=async()=>{if(i.value){let c=await searchOpenverseAudio(i.value);p(c)}else return n.innerHTML="",!1};i.oninput=d,l.onclick=d;function p(c){c.length===0?n.innerHTML="No results found.
":(n.innerHTML=c.map(h=>`
-
All current data will be lost.
-
Please select a framework to start your new project.
-
-
`,onLoad(){document.getElementById("olphbh94a").focus()},onClose(){data.commandPalette=null},onConfirm(){let s=document.getElementById("olphbh94a").value.trim();executeQuery(s,data.replaceCurrentSelection),data.commandPalette=null}}))};window.updateVersionPart=(t,e)=>{let a=project.version.split(".");t==="major"?a[0]=e:t==="minor"?a[1]=e:t==="patch"&&(a[2]=e),project.version=a.join(".")};window.generateId=()=>{let t="";for(;!/^[a-zA-Z]/.test(t);)t=Math.random().toString(36).substr(2,9);return t};window.resizeCanvas=t=>{data.selectedSize=t,getIFrameClientSize()};window.rotateCanvas=()=>{let t=document.getElementById("previewElm").firstElementChild;if(t.style.width==="100%")return!1;let e=parseInt(t.style.width),a=parseInt(t.style.height);[e,a]=[a,e],data.selectedSize=e+"x"+a,getIFrameClientSize()};var ce;window.getIFrameClientSize=()=>{let t=document.getElementById("iframe");if(t.style.width!=="100%"){let a=parseInt(t.style.width),o=parseInt(t.style.height),s=previewElm.clientWidth,r=previewElm.clientHeight,i=Math.min(s/a,r/o);t.style.width=`${a}px`,t.style.height=`${o}px`,t.style.transform=`scale(${i})`,t.style.marginTop=`-${o/2}px`,t.style.marginLeft=`-${a/2}px`}data.iframeSize=`${t.clientWidth}px x ${t.clientHeight}px`;let e=document.getElementById("iframeClientSize");e.classList.contains("hidden")&&(ce&&clearTimeout(ce),e.classList.remove("hidden","opacity-0"),e.classList.add("opacity-100"),ce=setTimeout(()=>{e.classList.remove("opacity-100"),e.classList.add("opacity-0"),setTimeout(()=>{e.classList.add("hidden")},300)},2e3))};window.handleLogoChange=async t=>{let e=t.target.files[0];if(e)try{let a=await fileToBase64(e);project.logo=a}catch(a){console.error("Error converting image to base64:",a)}};window.fileToBase64=t=>new Promise((e,a)=>{let o=new FileReader;o.readAsDataURL(t),o.onload=()=>e(o.result),o.onerror=s=>a(s)});window.importJSON=(t,e=null)=>{t!==null&&(App.initialRender=!0,data.selectedLayerIds=[],project.name=t.name,project.version=t.version,project.title=t.title,project.description=t.description,project.author=t.author,project.url=t.url,project.logo=t.logo,project.dark=t.dark,project.pwa=t.pwa,project.activePanel=t.activePanel,project.meta=t.meta,project.libraries=t.libraries,project.css=t.css,project.html=t.html,t.components&&(project.components=t.components,collectComponents(project.html)),App.initialRender=null,collectSelectedIDs(project.html),App.render("#app"),renderPreview(!0),typeof e=="function"&&e())};window.newProject=()=>{let t={name:"App name",version:"0.0.1",title:"An attractive title",description:"The most attractive description ever!",author:"Polyrise",url:"https://michaelsboost.com/",meta:"",libraries:[],css:{rootVariables:{},styles:{},animations:{},breakpoints:{}},components:[],html:[],logo:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iNTEyIgogICBoZWlnaHQ9IjUxMiIKICAgdmlld0JveD0iMCAwIDEzNS40NjY2NiAxMzUuNDY2NjciCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHhtbDpzcGFjZT0icHJlc2VydmUiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMKICAgICBpZD0iZGVmczEiIC8+PGcKICAgICBpZD0iZzI0Ij48cGF0aAogICAgICAgaWQ9InBhdGgyMiIKICAgICAgIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiMxMzNhZDQ7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjk2LjE3NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiCiAgICAgICBkPSJNIDkuNTgyODc3NSw2Ny43MzMzMzIgViAxMzUuMjAwNTMgTCAyNS4zODc1OTcsMTI2LjAzMTA3IFYgMTA2Ljk2MDQgNjcuNzMzMzMyIFogbSA4NS45Njg5MTE1LDAgLTU3Ljc2OTA4MywzMi4yOTcyNTggdiAxOC44MTA3MyBMIDEyNS44ODIyNCw2Ny43MzMzMzIgWiIgLz48cGF0aAogICAgICAgc3R5bGU9ImRpc3BsYXk6aW5saW5lO2ZpbGw6IzA0YTJmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2Utd2lkdGg6MTQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kIgogICAgICAgaWQ9InBhdGgyMyIKICAgICAgIGQ9Im0gNDkuNTY4NTI3LDM1LjgxOTU1MyAtMTYuOTcwNDc4LDkuNzk3OTEgMCwtMTkuNTk1ODIgeiIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KDIuMjE3MjY1MiwwLDAsMi4xNDcwMjkzLC0zNC40OTUyNjksLTkuMjYyMTYyKSIgLz48cGF0aAogICAgICAgaWQ9InBhdGgyNCIKICAgICAgIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiM4NjAwZWY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlLXdpZHRoOjk2LjE3NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQiCiAgICAgICBkPSJNIDkuNTgyODc3NSwwLjI2NjEzMzYyIFYgNjcuNzMzMzMyIEggMjUuMzg3NTk3IFYgNDIuODU2ODE1IDI4LjMyNjk1MyBsIDcwLjMyNTkzOSwzOS4zMTU5NDYgLTAuMTYxNzQ3LDAuMDkwNDMgaCAzMC4zMzA0NTEgbCAwLjAwMiwtMC4wMDEgeiIgLz48L2c+PC9zdmc+Cg==",lang:"en",dark:!0,previewDark:!0,pwa:!1,activePanel:"layers"};Modal.render({title:"Are you sure you want to start a new project?",content:`
+
+
All current data will be lost.
+
\u2728 Click the image to start with a template! \u{1F680}
+
+
- ${Object.keys(e).map(o=>{if(o==="none")return;let s=generateId(),r=o.charAt(0).toUpperCase()+o.slice(1).toLowerCase();return`
-
-
-
-
- `}).join("")}
-
-
`;Modal.render({title:"Are you sure you want to start a new project?",content:a,onConfirm(){let o=document.querySelector('input[name="framework"]:checked');o&&(string=o.value,string&&(t.libraries=e[`${string}`].libraries,t.meta=e[`${string}`].meta,importJSON(t),data.menuDialog=null,App.render("#app")))}})};window.emptyStorage=()=>{Modal.render({title:"Are you sure you want to empty storage?",content:'
All current data will be lost.
',onConfirm(){localStorage.removeItem("Polyrise"),sessionStorage.removeItem("Polyrise"),document.cookie.split(";").forEach(function(t){t.trim().startsWith("Polyrise")&&(document.cookie=t.trim().split("=")[0]+"=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/")}),"caches"in window&&caches.keys().then(function(t){t.forEach(function(e){e==="Polyrise-cache"&&caches.delete(e)})}),"serviceWorker"in navigator&&navigator.serviceWorker.getRegistrations().then(function(t){t.forEach(function(e){e.scope.includes("Polyrise")&&e.unregister()})}),location.reload()}})};window.importProject=()=>{Modal.render({title:"Are you sure you want to load a new project?",content:'
All current data will be lost.
',onClose:function(){data.menuDialog=!0},onConfirm:function(){let t=document.createElement("input");t.type="file",t.accept=".json",t.addEventListener("change",e=>{let a=e.target.files[0];if(!a){console.error("No file selected.");return}let o=new FileReader;o.onload=s=>{try{importJSON(JSON.parse(s.target.result))}catch(r){console.error("Error parsing JSON file:",r)}},o.readAsText(a),t.remove()}),t.click()}})};window.getFileNameAndType=t=>{let e=t.substring(t.lastIndexOf("/")+1),a=e.split(".").pop().toLowerCase(),s={jpeg:"image/jpeg",jpg:"image/jpeg",png:"image/png",gif:"image/gif",bmp:"image/bmp",webp:"image/webp",svg:"image/svg+xml",mp3:"audio/mpeg",wav:"audio/wav",ogg:"audio/ogg",mp4:"video/mp4",webm:"video/webm",ogv:"video/ogg"}[a]||"application/octet-stream";return{fileName:e,fileType:s}};window.fetchResources=t=>{try{let n=function(x){return x.startsWith("data:")&&x.includes("base64,")},d=function(x){let v=x.match(/^data:(.*);base64,/);if(v){let m=v[1];return p(m)}return"unknown"},p=function(x){return{"image/jpeg":"jpg","image/png":"png","image/gif":"gif","image/svg+xml":"svg","image/webp":"webp","image/tiff":"tiff","image/bmp":"bmp","image/x-icon":"ico","audio/mpeg":"mp3","audio/wav":"wav","audio/ogg":"ogg","audio/aac":"aac","audio/webm":"webm","audio/flac":"flac","video/mp4":"mp4","video/webm":"webm","video/ogg":"ogv","video/avi":"avi","video/mpeg":"mpg","video/quicktime":"mov","video/x-msvideo":"avi","video/x-matroska":"mkv",unknown:"bin"}[x]||"bin"},c=function(x){return x.substring(x.lastIndexOf("/")+1)},g=function(){return`file-${i++}`},h=function(x){let v=[],m=/background-image\s*:\s*url\(([^)]+)\)/g,y;for(;(y=m.exec(x))!==null;){let I=y[1].replace(/['"]/g,"");if(n(I)){let T=d(I),A=`${g()}.${T}`;o.push({url:I,fileName:A}),x=x.replace(I,`../imgs/${A}`)}else{let T=c(I);o.push({url:I,fileName:T}),x=x.replace(I,`../imgs/${T}`)}v.push(I)}return x},e=new DOMParser().parseFromString(json2html(t.html),"text/html"),a=e.body,o=[],s=[],r=[],l=[],i=1;a.querySelectorAll("img").forEach(x=>{if(x.hasAttribute("src")){let v=x.getAttribute("src");if(n(v)){let m=d(v),y=`${g()}.${m}`;o.push({url:v,fileName:y}),x.src=`imgs/${y}`}else{let m=c(v);o.push({url:v,fileName:m}),x.src=`imgs/${getFileNameAndType(v).fileName}`}}x.hasAttribute("srcset")&&x.srcset.split(",").forEach(v=>{let m=v.trim().split(" ")[0];if(n(m)){let y=d(src),I=`${g()}.${y}`;o.push({url:m,fileName:I}),x.src=`imgs/${I}`}else{let y=c(m);o.push({url:m,fileName:y}),x.src=`imgs/${getFileNameAndType(x.getAttribute("src")).fileName}`}})}),a.querySelectorAll("audio").forEach(x=>{x.querySelectorAll("source").forEach(v=>{if(v.hasAttribute("src")){let m=v.getAttribute("src");if(n(m)){let y=d(m),I=`${g()}.${y}`;s.push({url:m,fileName:I}),v.src=`audios/${I}`}else{let y=c(m);s.push({url:m,fileName:y}),v.src=`audios/${getFileNameAndType(m).fileName}`}}})}),a.querySelectorAll("svg").forEach(x=>{r.push({content:x.outerHTML,fileName:`vector-${r.length+1}.svg`})}),a.querySelectorAll("video").forEach(x=>{x.querySelectorAll("source").forEach(v=>{if(v.hasAttribute("src")){let m=v.getAttribute("src");if(n(m)){let y=d(m),I=`${g()}.${y}`;l.push({url:m,fileName:I}),v.src=`vids/${I}`}else{let y=c(m);l.push({url:m,fileName:y}),v.src=`vids/${getFileNameAndType(m).fileName}`}}})});let u=json2css(t.css)||"",w=h(u);return{html:e.body.innerHTML,stylesObj:w,imageResources:o,audioResources:s,vectorResources:r,videoResources:l}}catch(e){return console.error("Error fetching resources:",e),null}};window.getBase64Media=async t=>{let a=await(await fetch(t)).blob();return new Promise((o,s)=>{let r=new FileReader;r.onloadend=()=>o(r.result.split(",")[1]),r.onerror=s,r.readAsDataURL(a)})};window.renderStyles=t=>{let e="";e+=`:root {
+
All current data will be lost.
',onConfirm(){localStorage.removeItem("Polyrise"),sessionStorage.removeItem("Polyrise"),document.cookie.split(";").forEach(function(t){t.trim().startsWith("Polyrise")&&(document.cookie=t.trim().split("=")[0]+"=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/")}),"caches"in window&&caches.keys().then(function(t){t.forEach(function(e){e==="Polyrise-cache"&&caches.delete(e)})}),"serviceWorker"in navigator&&navigator.serviceWorker.getRegistrations().then(function(t){t.forEach(function(e){e.scope.includes("Polyrise")&&e.unregister()})}),location.reload()}})};window.importProject=()=>{Modal.render({title:"Are you sure you want to load a new project?",content:'All current data will be lost.
',onClose:function(){data.menuDialog=!0},onConfirm:function(){let t=document.createElement("input");t.type="file",t.accept=".json",t.addEventListener("change",e=>{let a=e.target.files[0];if(!a){console.error("No file selected.");return}let o=new FileReader;o.onload=s=>{try{importJSON(JSON.parse(s.target.result))}catch(r){console.error("Error parsing JSON file:",r)}},o.readAsText(a),t.remove()}),t.click()}})};window.getFileNameAndType=t=>{let e=t.substring(t.lastIndexOf("/")+1),a=e.split(".").pop().toLowerCase(),s={jpeg:"image/jpeg",jpg:"image/jpeg",png:"image/png",gif:"image/gif",bmp:"image/bmp",webp:"image/webp",svg:"image/svg+xml",mp3:"audio/mpeg",wav:"audio/wav",ogg:"audio/ogg",mp4:"video/mp4",webm:"video/webm",ogv:"video/ogg"}[a]||"application/octet-stream";return{fileName:e,fileType:s}};window.fetchResources=t=>{try{let n=function(x){return x.startsWith("data:")&&x.includes("base64,")},d=function(x){let v=x.match(/^data:(.*);base64,/);if(v){let m=v[1];return p(m)}return"unknown"},p=function(x){return{"image/jpeg":"jpg","image/png":"png","image/gif":"gif","image/svg+xml":"svg","image/webp":"webp","image/tiff":"tiff","image/bmp":"bmp","image/x-icon":"ico","audio/mpeg":"mp3","audio/wav":"wav","audio/ogg":"ogg","audio/aac":"aac","audio/webm":"webm","audio/flac":"flac","video/mp4":"mp4","video/webm":"webm","video/ogg":"ogv","video/avi":"avi","video/mpeg":"mpg","video/quicktime":"mov","video/x-msvideo":"avi","video/x-matroska":"mkv",unknown:"bin"}[x]||"bin"},c=function(x){return x.substring(x.lastIndexOf("/")+1)},g=function(){return`file-${l++}`},h=function(x){let v=[],m=/background-image\s*:\s*url\(([^)]+)\)/g,y;for(;(y=m.exec(x))!==null;){let I=y[1].replace(/['"]/g,"");if(n(I)){let T=d(I),A=`${g()}.${T}`;o.push({url:I,fileName:A}),x=x.replace(I,`../imgs/${A}`)}else{let T=c(I);o.push({url:I,fileName:T}),x=x.replace(I,`../imgs/${T}`)}v.push(I)}return x},e=new DOMParser().parseFromString(json2html(t.html),"text/html"),a=e.body,o=[],s=[],r=[],i=[],l=1;a.querySelectorAll("img").forEach(x=>{if(x.hasAttribute("src")){let v=x.getAttribute("src");if(n(v)){let m=d(v),y=`${g()}.${m}`;o.push({url:v,fileName:y}),x.src=`imgs/${y}`}else{let m=c(v);o.push({url:v,fileName:m}),x.src=`imgs/${getFileNameAndType(v).fileName}`}}x.hasAttribute("srcset")&&x.srcset.split(",").forEach(v=>{let m=v.trim().split(" ")[0];if(n(m)){let y=d(src),I=`${g()}.${y}`;o.push({url:m,fileName:I}),x.src=`imgs/${I}`}else{let y=c(m);o.push({url:m,fileName:y}),x.src=`imgs/${getFileNameAndType(x.getAttribute("src")).fileName}`}})}),a.querySelectorAll("audio").forEach(x=>{x.querySelectorAll("source").forEach(v=>{if(v.hasAttribute("src")){let m=v.getAttribute("src");if(n(m)){let y=d(m),I=`${g()}.${y}`;s.push({url:m,fileName:I}),v.src=`audios/${I}`}else{let y=c(m);s.push({url:m,fileName:y}),v.src=`audios/${getFileNameAndType(m).fileName}`}}})}),a.querySelectorAll("svg").forEach(x=>{r.push({content:x.outerHTML,fileName:`vector-${r.length+1}.svg`})}),a.querySelectorAll("video").forEach(x=>{x.querySelectorAll("source").forEach(v=>{if(v.hasAttribute("src")){let m=v.getAttribute("src");if(n(m)){let y=d(m),I=`${g()}.${y}`;i.push({url:m,fileName:I}),v.src=`vids/${I}`}else{let y=c(m);i.push({url:m,fileName:y}),v.src=`vids/${getFileNameAndType(m).fileName}`}}})});let u=json2css(t.css)||"",w=h(u);return{html:e.body.innerHTML,stylesObj:w,imageResources:o,audioResources:s,vectorResources:r,videoResources:i}}catch(e){return console.error("Error fetching resources:",e),null}};window.getBase64Media=async t=>{let a=await(await fetch(t)).blob();return new Promise((o,s)=>{let r=new FileReader;r.onloadend=()=>o(r.result.split(",")[1]),r.onerror=s,r.readAsDataURL(a)})};window.renderStyles=t=>{let e="";e+=`:root {
`;for(let[a,o]of Object.entries(t.rootVariables||{}))e+=` --${a}: ${o};
`;e+=`}
-`;for(let[a,o]of Object.entries(t.styles)){if(!o||!Object.keys(o.variables||{}).length&&!Object.keys(o.base||{}).length&&!Object.keys(o.pseudos||{}).length&&!Object.keys(o.animations||{}).length&&!Object.keys(o.breakpoints||{}).length)continue;let s=o.variables||{},r=o.base||{},l=o.pseudos||[],i=o.animations||{},n=o.breakpoints||{};a==="html"||a==="body"?e+=`${a} {
+`;for(let[a,o]of Object.entries(t.styles)){if(!o||!Object.keys(o.variables||{}).length&&!Object.keys(o.base||{}).length&&!Object.keys(o.pseudos||{}).length&&!Object.keys(o.animations||{}).length&&!Object.keys(o.breakpoints||{}).length)continue;let s=o.variables||{},r=o.base||{},i=o.pseudos||[],l=o.animations||{},n=o.breakpoints||{};a==="html"||a==="body"?e+=`${a} {
`:e+=`.${a} {
`;for(let[d,p]of Object.entries(s))e+=` --${d}: ${p};
`;for(let[d,p]of Object.entries(r))e+=` ${d}: ${p};
`;e+=`}
-`;for(let{selector:d,styles:p}of l){e+=`.${a}${d} {
+`;for(let{selector:d,styles:p}of i){e+=`.${a}${d} {
`;for(let[c,g]of Object.entries(p))e+=` ${c}: ${g};
`;e+=`}
-`}for(let[d,p]of Object.entries(i)){e+=`@keyframes ${d} {
+`}for(let[d,p]of Object.entries(l)){e+=`@keyframes ${d} {
`;for(let[c,g]of Object.entries(p.keyframes)){e+=` ${c} {
`;for(let[h,u]of Object.entries(g))e+=` ${h}: ${u};
`;e+=` }
@@ -2445,7 +2385,7 @@
`;for(let[h,u]of Object.entries(g))e+=` ${h}: ${u};
`;e+=` }
`}e+=`}
-`}}return e};window.downloadJSON=async()=>{try{await loadScript("libraries/jszip/FileSaver.min.js");let t=new Blob([JSON.stringify(project,null,2)],{type:"application/json"});saveAs(t,`${project.name.split(" ").join("").toLowerCase()}-Polyrise.json`)}catch(t){console.error("Error:",t)}finally{removeScript("libraries/jszip/FileSaver.min.js")}};window.downloadQuickCommands=()=>{let t={black:"#000000",white:"#ffffff","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","yellow-50":"#fefce8","yellow-100":"#fef9c3","yellow-200":"#fef08a","yellow-300":"#fde047","yellow-400":"#facc15","yellow-500":"#eab308","yellow-600":"#ca8a04","yellow-700":"#a16207","yellow-800":"#854d0e","yellow-900":"#713f12","green-50":"#f0fdf4","green-100":"#dcfce7","green-200":"#bbf7d0","green-300":"#86efac","green-400":"#4ade80","green-500":"#22c55e","green-600":"#16a34a","green-700":"#15803d","green-800":"#166534","green-900":"#14532d","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","purple-50":"#f5f3ff","purple-100":"#ede9fe","purple-200":"#ddd6fe","purple-300":"#c4b5fd","purple-400":"#a78bfa","purple-500":"#8b5cf6","purple-600":"#7c3aed","purple-700":"#6d28d9","purple-800":"#5b21b6","purple-900":"#4c1d95","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843"};function e(a){let o={};for(let[s,r]of Object.entries(a))if(s.startsWith("border-")&&!s.includes("-opacity")){let l=s.split("-").slice(1).join("-"),i=t[l]||"transparent";o[s]=`--tw-border-opacity: 1; border-top-color: ${i}; border-right-color: ${i}; border-bottom-color: ${i}; border-left-color: ${i};`}else o[s]=r;return o}window.saveAsJson=async(a,o)=>{try{await loadScript("libraries/jszip/FileSaver.min.js");let s=new Blob([JSON.stringify(a,null,2)],{type:"application/json"});saveAs(s,o)}catch(s){console.error("Error:",s)}finally{removeScript("libraries/jszip/FileSaver.min.js")}},generateCssQuickCommands("libraries/tailwind/tailwind-mod.min.css").then(a=>{let o=e(a);saveAsJson(o,"cssQuickCommands.json")})};window.getFile=async(t,e=null)=>{try{let a=await fetch(t);if(!a.ok)throw new Error("Network response was not ok");let o=await a.text();if(e&&typeof e=="function")e(null,o);else return o}catch(a){if(console.warn("Request error:",a),e&&typeof e=="function")e(a,null);else throw a}};window.minifyCSS=t=>{t=String(t);let e=t.replace(/\/\*[\s\S]*?\*\//g,"");return e=e.replace(/\s{2,}/g," ").replace(/\n/g,""),e=e.replace(/\s*([{}:;])\s*/g,"$1"),e=e.replace(/;}/g,"}"),e};window.downloadProject=async()=>{try{await loadScripts(["libraries/jszip/jszip.min.js","libraries/jszip/FileSaver.min.js"]);let t=document.getElementById("iframe");if(!t)return;let e=t.contentDocument||t.contentWindow.document,{html:a,stylesObj:o,imageResources:s,audioResources:r,vectorResources:l,videoResources:i}=fetchResources(project),n=new JSZip;n.file(`${project.name.split(" ").join("").toLowerCase()}-Polyrise.json`,JSON.stringify(project,null,2));let d={name:project.name,version:project.version,title:project.title,description:project.description,author:project.author,url:project.url,meta:project.meta,libraries:project.libraries,html_pre_processor:"html",css_pre_processor:"css",javascript_pre_processor:"javascript",html:json2html(project.html),css:json2css(project.css),javascript:"",logo:project.logo,console:!1,dark:project.dark,module:!0,autorun:!0,pwa:project.pwa,preview:!0,activePanel:"html",columns:!1,columnsRight:!0};n.file(`${project.name.split(" ").join("").toLowerCase()}-kodeWeave.json`,JSON.stringify(d,null,2));let p=`The MIT License (MIT)
+`}}return e};window.downloadJSON=async()=>{try{await loadScript("libraries/jszip/FileSaver.min.js");let t=new Blob([JSON.stringify(project,null,2)],{type:"application/json"});saveAs(t,`${project.name.split(" ").join("").toLowerCase()}-Polyrise.json`)}catch(t){console.error("Error:",t)}finally{removeScript("libraries/jszip/FileSaver.min.js")}};window.downloadQuickCommands=()=>{let t={black:"#000000",white:"#ffffff","gray-50":"#f9fafb","gray-100":"#f3f4f6","gray-200":"#e5e7eb","gray-300":"#d1d5db","gray-400":"#9ca3af","gray-500":"#6b7280","gray-600":"#4b5563","gray-700":"#374151","gray-800":"#1f2937","gray-900":"#111827","red-50":"#fef2f2","red-100":"#fee2e2","red-200":"#fecaca","red-300":"#fca5a5","red-400":"#f87171","red-500":"#ef4444","red-600":"#dc2626","red-700":"#b91c1c","red-800":"#991b1b","red-900":"#7f1d1d","yellow-50":"#fefce8","yellow-100":"#fef9c3","yellow-200":"#fef08a","yellow-300":"#fde047","yellow-400":"#facc15","yellow-500":"#eab308","yellow-600":"#ca8a04","yellow-700":"#a16207","yellow-800":"#854d0e","yellow-900":"#713f12","green-50":"#f0fdf4","green-100":"#dcfce7","green-200":"#bbf7d0","green-300":"#86efac","green-400":"#4ade80","green-500":"#22c55e","green-600":"#16a34a","green-700":"#15803d","green-800":"#166534","green-900":"#14532d","blue-50":"#eff6ff","blue-100":"#dbeafe","blue-200":"#bfdbfe","blue-300":"#93c5fd","blue-400":"#60a5fa","blue-500":"#3b82f6","blue-600":"#2563eb","blue-700":"#1d4ed8","blue-800":"#1e40af","blue-900":"#1e3a8a","indigo-50":"#eef2ff","indigo-100":"#e0e7ff","indigo-200":"#c7d2fe","indigo-300":"#a5b4fc","indigo-400":"#818cf8","indigo-500":"#6366f1","indigo-600":"#4f46e5","indigo-700":"#4338ca","indigo-800":"#3730a3","indigo-900":"#312e81","purple-50":"#f5f3ff","purple-100":"#ede9fe","purple-200":"#ddd6fe","purple-300":"#c4b5fd","purple-400":"#a78bfa","purple-500":"#8b5cf6","purple-600":"#7c3aed","purple-700":"#6d28d9","purple-800":"#5b21b6","purple-900":"#4c1d95","pink-50":"#fdf2f8","pink-100":"#fce7f3","pink-200":"#fbcfe8","pink-300":"#f9a8d4","pink-400":"#f472b6","pink-500":"#ec4899","pink-600":"#db2777","pink-700":"#be185d","pink-800":"#9d174d","pink-900":"#831843"};function e(a){let o={};for(let[s,r]of Object.entries(a))if(s.startsWith("border-")&&!s.includes("-opacity")){let i=s.split("-").slice(1).join("-"),l=t[i]||"transparent";o[s]=`--tw-border-opacity: 1; border-top-color: ${l}; border-right-color: ${l}; border-bottom-color: ${l}; border-left-color: ${l};`}else o[s]=r;return o}window.saveAsJson=async(a,o)=>{try{await loadScript("libraries/jszip/FileSaver.min.js");let s=new Blob([JSON.stringify(a,null,2)],{type:"application/json"});saveAs(s,o)}catch(s){console.error("Error:",s)}finally{removeScript("libraries/jszip/FileSaver.min.js")}},generateCssQuickCommands("libraries/tailwind/tailwind-mod.min.css").then(a=>{let o=e(a);saveAsJson(o,"cssQuickCommands.json")})};window.getFile=async(t,e=null)=>{try{let a=await fetch(t);if(!a.ok)throw new Error("Network response was not ok");let o=await a.text();if(e&&typeof e=="function")e(null,o);else return o}catch(a){if(console.warn("Request error:",a),e&&typeof e=="function")e(a,null);else throw a}};window.minifyCSS=t=>{t=String(t);let e=t.replace(/\/\*[\s\S]*?\*\//g,"");return e=e.replace(/\s{2,}/g," ").replace(/\n/g,""),e=e.replace(/\s*([{}:;])\s*/g,"$1"),e=e.replace(/;}/g,"}"),e};window.downloadProject=async()=>{try{await loadScripts(["libraries/jszip/jszip.min.js","libraries/jszip/FileSaver.min.js"]);let t=document.getElementById("iframe");if(!t)return;let e=t.contentDocument||t.contentWindow.document,{html:a,stylesObj:o,imageResources:s,audioResources:r,vectorResources:i,videoResources:l}=fetchResources(project),n=new JSZip;n.file(`${project.name.split(" ").join("").toLowerCase()}-Polyrise.json`,JSON.stringify(project,null,2));let d={name:project.name,version:project.version,title:project.title,description:project.description,author:project.author,url:project.url,meta:project.meta,libraries:project.libraries,html_pre_processor:"html",css_pre_processor:"css",javascript_pre_processor:"javascript",html:json2html(project.html),css:json2css(project.css),javascript:"",logo:project.logo,console:!1,dark:project.dark,module:!0,autorun:!0,pwa:project.pwa,preview:!0,activePanel:"html",columns:!1,columnsRight:!0};n.file(`${project.name.split(" ").join("").toLowerCase()}-kodeWeave.json`,JSON.stringify(d,null,2));let p=`The MIT License (MIT)
Copyright (c) ${new Date().getFullYear()} ${project.author}
Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -2476,7 +2416,7 @@ This site was made with [${O.name}](https://michaelsboost.com/${O.name.toString(
${O.summary} ${O.description}
**Website:**
-[${O.name}](https://michaelsboost.com/${O.name.toString().split(" ").join("-")}/)`;n.file("README.md",c);let g="",h=[],u="",$=null,w=project.libraries.map(async P=>{let B=await getFile(P),q=P.split("/"),N=q[q.length-1];N==="tailwind-mod-noreset.min.js"&&($=!0),N.endsWith(".css")&&(g+=B+`
+[${O.name}](https://michaelsboost.com/${O.name.toString().split(" ").join("-")}/)`;n.file("README.md",c);let g="",h=[],u="",$=null,w=project.libraries.map(async P=>{let B=await getFile(P),F=P.split("/"),N=F[F.length-1];N==="tailwind-mod-noreset.min.js"&&($=!0),N.endsWith(".css")&&(g+=B+`
`,h.push(N),u+=`libraries/${N} `,n.folder("libraries").file(N,B)),N.endsWith(".js")&&n.folder("libraries").file(N,B)});await Promise.all(w);let x="",v="",m="",y="",I="",T="";e.getElementById("vyhibnq91")&&(m=!0,y=`
${$?"":"@tailwind base;"}
@tailwind components;
@@ -2493,7 +2433,7 @@ ${O.summary} ${O.description}
extend: {},
},
plugins: [],
-};`);let F=`module.exports = {
+};`);let q=`module.exports = {
plugins: [
require('postcss-import'),
require('autoprefixer'),${m?`
@@ -2504,7 +2444,7 @@ ${O.summary} ${O.description}
}],
}),
],
-};`;n.file("postcss.config.cjs",F);let U=`{
+};`;n.file("postcss.config.cjs",q);let U=`{
"name": "${project.name.split(" ").join("").toLowerCase()}",
"private": true,
"version": "${project.version}",
@@ -2521,7 +2461,7 @@ ${O.summary} ${O.description}
"postcss-import": "^16.1.0"${m?`,
"tailwindcss": "^3.4.4"`:""}
}
-}`;if(n.file("package.json",U),project.logo)try{let P="";project.logo.startsWith("data:")?P=project.logo:P=await getBase64Media(project.logo);let B;if(project.logo.startsWith("data:image/png"))B="png";else if(project.logo.startsWith("data:image/jpeg"))B="jpeg";else if(project.logo.startsWith("data:image/svg+xml"))B="svg";else{console.error("Unsupported logo MIME type:",project.logo);return}let q=`logo.${B}`;n.folder("imgs").file(q,P.split(",")[1],{base64:!0});let N=["192x192","256x256","384x384","512x512"],ae=N.map(Z=>({src:`./imgs/logo-${Z}.png`,sizes:Z,type:"image/png",purpose:"any"})),oe=Z=>new Promise((se,de)=>{let f=document.createElement("canvas");f.width=parseInt(Z.split("x")[0]),f.height=parseInt(Z.split("x")[1]);let S=f.getContext("2d"),j=new Image;j.src=P,j.onload=function(){S.drawImage(j,0,0,f.width,f.height);let k=f.toDataURL("image/png").replace(/^data:image\/png;base64,/,"");n.folder("imgs").file(`logo-${Z}.png`,k,{base64:!0}),se()},j.onerror=de,f.remove()});await Promise.all(N.map(oe)),n.file("manifest.json",JSON.stringify({theme_color:"#13171f",background_color:"#13171f",display:"standalone",start_url:"./index.html",lang:"en-US",name:project.name,short_name:project.name,description:project.description,icons:ae},null,2))}catch(P){console.error("Error adding logo to ZIP:",P);return}let W="";if(project.pwa){W=`
+}`;if(n.file("package.json",U),project.logo)try{let P="";project.logo.startsWith("data:")?P=project.logo:P=await getBase64Media(project.logo);let B;if(project.logo.startsWith("data:image/png"))B="png";else if(project.logo.startsWith("data:image/jpeg"))B="jpeg";else if(project.logo.startsWith("data:image/svg+xml"))B="svg";else{console.error("Unsupported logo MIME type:",project.logo);return}let F=`logo.${B}`;n.folder("imgs").file(F,P.split(",")[1],{base64:!0});let N=["192x192","256x256","384x384","512x512"],ae=N.map(Z=>({src:`./imgs/logo-${Z}.png`,sizes:Z,type:"image/png",purpose:"any"})),oe=Z=>new Promise((se,de)=>{let f=document.createElement("canvas");f.width=parseInt(Z.split("x")[0]),f.height=parseInt(Z.split("x")[1]);let S=f.getContext("2d"),j=new Image;j.src=P,j.onload=function(){S.drawImage(j,0,0,f.width,f.height);let k=f.toDataURL("image/png").replace(/^data:image\/png;base64,/,"");n.folder("imgs").file(`logo-${Z}.png`,k,{base64:!0}),se()},j.onerror=de,f.remove()});await Promise.all(N.map(oe)),n.file("manifest.json",JSON.stringify({theme_color:"#13171f",background_color:"#13171f",display:"standalone",start_url:"./index.html",lang:"en-US",name:project.name,short_name:project.name,description:project.description,icons:ae},null,2))}catch(P){console.error("Error adding logo to ZIP:",P);return}let W="";if(project.pwa){W=`
'\n },\n 'bootstrap 5': {\n source: 'imgs/frameworks/bootstrap-5.svg',\n libraries: [\n \"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css\",\n \"https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js\"\n ],\n meta: ''\n },\n 'bulma': {\n source: 'imgs/frameworks/bulma.svg',\n libraries: [\n \"https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.4/css/bulma.min.css\"\n ],\n meta: ''\n },\n 'foundation': {\n source: 'imgs/frameworks/foundation.svg',\n libraries: [\n \"https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/css/foundation.min.css\",\n \"https://cdnjs.cloudflare.com/ajax/libs/foundation/6.6.3/js/foundation.min.js\"\n ],\n meta: ''\n },\n 'materialize': {\n source: 'imgs/frameworks/materialize.svg',\n libraries: [\n \"https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css\",\n \"https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js\"\n ],\n meta: ''\n },\n 'pico.css': {\n source: 'imgs/frameworks/pico-css.svg',\n libraries: [\n \"https://cdnjs.cloudflare.com/ajax/libs/picocss/2.0.6/pico.min.css\",\n \"https://michaelsboost.com/TailwindCSSMod/tailwind-mod-noreset.min.js\"\n ],\n meta: ''\n },\n 'poly ui': {\n source: 'imgs/frameworks/polyui.svg',\n libraries: [\n \"https://treehouse-code-samples.s3.amazonaws.com/poly/css/polyui.css\"\n ],\n meta: ''\n },\n 'semantic': {\n source: 'imgs/frameworks/semantic-ui.svg',\n libraries: [\n \"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.2/semantic.min.css\",\n \"https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.2/semantic.min.js\"\n ],\n meta: ''\n },\n 'tailwind': {\n source: 'imgs/frameworks/tailwind.svg',\n libraries: [\n \"https://michaelsboost.com/TailwindCSSMod/tailwind-mod.min.js\"\n ],\n meta: ''\n },\n 'uikit': {\n source: 'imgs/frameworks/uikit.svg',\n libraries: [\n \"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.17.2/css/uikit.min.css\",\n \"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.17.2/js/uikit.min.js\",\n \"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.17.2/js/uikit-icons.min.js\"\n ],\n meta: ''\n }\n };\n\n let modalContent = `\n \n All current data will be lost.
',\n onConfirm() {\n // Clear local storage\n localStorage.removeItem('Polyrise');\n \n // Clear session storage specific to Polyrise (if you use a specific key)\n sessionStorage.removeItem('Polyrise');\n \n // Clear cookies specific to Polyrise\n document.cookie.split(\";\").forEach(function(c) {\n if (c.trim().startsWith('Polyrise')) {\n document.cookie = c.trim().split(\"=\")[0] + \n '=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/';\n }\n });\n \n // Clear service worker caches specific to Polyrise\n if ('caches' in window) {\n caches.keys().then(function(names) {\n names.forEach(function(name) {\n if (name === 'Polyrise-cache') {\n caches.delete(name);\n }\n });\n });\n }\n \n // Unregister service workers specific to Polyrise\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.getRegistrations().then(function(registrations) {\n registrations.forEach(function(registration) {\n if (registration.scope.includes('Polyrise')) {\n registration.unregister();\n }\n });\n });\n }\n \n location.reload();\n }\n });\n}\nwindow.importProject = () => {\n Modal.render({\n title: \"Are you sure you want to load a new project?\",\n content: `All current data will be lost.
`,\n onClose: function () {\n data.menuDialog = true;\n },\n onConfirm: function() {\n const input = document.createElement('input');\n input.type = 'file';\n input.accept = '.json';\n\n input.addEventListener('change', (event) => {\n const file = event.target.files[0];\n \n if (!file) {\n console.error('No file selected.');\n return;\n }\n \n const reader = new FileReader();\n \n reader.onload = event => {\n try {\n importJSON(JSON.parse(event.target.result));\n } catch (error) {\n console.error('Error parsing JSON file:', error);\n }\n };\n \n reader.readAsText(file);\n input.remove();\n });\n \n input.click();\n }\n });\n}\nwindow.getFileNameAndType = url => {\n // Extract the file name with extension from the URL\n const fileName = url.substring(url.lastIndexOf('/') + 1);\n \n // Extract the file extension\n const fileExtension = fileName.split('.').pop().toLowerCase();\n \n // Map file extensions to MIME types\n const mimeTypes = {\n 'jpeg': 'image/jpeg',\n 'jpg': 'image/jpeg',\n 'png': 'image/png',\n 'gif': 'image/gif',\n 'bmp': 'image/bmp',\n 'webp': 'image/webp',\n 'svg': 'image/svg+xml',\n 'mp3': 'audio/mpeg',\n 'wav': 'audio/wav',\n 'ogg': 'audio/ogg',\n 'mp4': 'video/mp4',\n 'webm': 'video/webm',\n 'ogv': 'video/ogg'\n };\n \n // Get the MIME type based on the file extension\n const fileType = mimeTypes[fileExtension] || 'application/octet-stream';\n \n return {\n fileName,\n fileType\n };\n}\nwindow.fetchResources = obj => {\n try {\n const doc = new DOMParser().parseFromString(json2html(obj.html), 'text/html');\n const body = doc.body;\n\n const imageResources = [];\n const audioResources = [];\n const vectorResources = [];\n const videoResources = [];\n\n let fileCounter = 1;\n\n // Helper function to check if a string is Base64\n function isBase64(str) {\n return str.startsWith('data:') && str.includes('base64,');\n }\n\n // Helper function to extract file type from Base64 string\n function getBase64FileType(str) {\n const mimeMatch = str.match(/^data:(.*);base64,/);\n if (mimeMatch) {\n const mimeType = mimeMatch[1];\n return mimeTypeToExtension(mimeType);\n }\n return 'unknown';\n }\n\n // Helper function to map MIME types to file extensions\n function mimeTypeToExtension(mimeType) {\n const typeMap = {\n // Images\n 'image/jpeg': 'jpg',\n 'image/png': 'png',\n 'image/gif': 'gif',\n 'image/svg+xml': 'svg',\n 'image/webp': 'webp',\n 'image/tiff': 'tiff',\n 'image/bmp': 'bmp',\n 'image/x-icon': 'ico',\n\n // Audio\n 'audio/mpeg': 'mp3',\n 'audio/wav': 'wav',\n 'audio/ogg': 'ogg',\n 'audio/aac': 'aac',\n 'audio/webm': 'webm',\n 'audio/flac': 'flac',\n\n // Video\n 'video/mp4': 'mp4',\n 'video/webm': 'webm',\n 'video/ogg': 'ogv',\n 'video/avi': 'avi',\n 'video/mpeg': 'mpg',\n 'video/quicktime': 'mov',\n 'video/x-msvideo': 'avi',\n 'video/x-matroska': 'mkv',\n\n // Fallback for unknown types\n 'unknown': 'bin'\n };\n return typeMap[mimeType] || 'bin';\n }\n\n // Helper function to extract file name from URL\n function getFileName(url) {\n return url.substring(url.lastIndexOf('/') + 1);\n }\n\n // Generate a file name for Base64 resources\n function getBase64FileName() {\n return `file-${fileCounter++}`;\n }\n\n // Function to extract and process background images from CSS\n function extractBackgroundImageUrls(css) {\n const urls = [];\n const regex = /background-image\\s*:\\s*url\\(([^)]+)\\)/g;\n let match;\n while ((match = regex.exec(css)) !== null) {\n let url = match[1].replace(/['\"]/g, \"\"); // Remove quotes around URLs\n if (isBase64(url)) {\n const fileType = getBase64FileType(url);\n const fileName = `${getBase64FileName()}.${fileType}`;\n imageResources.push({ url: url, fileName: fileName });\n css = css.replace(url, `../imgs/${fileName}`);\n } else {\n const fileName = getFileName(url);\n imageResources.push({ url: url, fileName: fileName });\n css = css.replace(url, `../imgs/${fileName}`);\n }\n urls.push(url);\n }\n return css;\n }\n\n // Extract image URLs and filenames\n body.querySelectorAll('img').forEach(img => {\n if (img.hasAttribute('src')) {\n const src = img.getAttribute('src');\n\n if (isBase64(src)) {\n const fileType = getBase64FileType(src);\n const fileName = `${getBase64FileName()}.${fileType}`;\n imageResources.push({ url: src, fileName: fileName });\n img.src = `imgs/${fileName}`;\n } else {\n const fileName = getFileName(src);\n imageResources.push({ url: src, fileName: fileName });\n img.src = `imgs/${getFileNameAndType(src).fileName}`;\n }\n }\n\n if (img.hasAttribute('srcset')) {\n img.srcset.split(',').forEach(srcset => {\n const url = srcset.trim().split(' ')[0];\n if (isBase64(url)) {\n const fileType = getBase64FileType(src);\n const fileName = `${getBase64FileName()}.${fileType}`;\n imageResources.push({ url: url, fileName: fileName });\n img.src = `imgs/${fileName}`;\n } else {\n const fileName = getFileName(url);\n imageResources.push({ url: url, fileName: fileName });\n img.src = `imgs/${getFileNameAndType(img.getAttribute('src')).fileName}`;\n }\n });\n }\n });\n\n // Extract audio URLs and filenames\n body.querySelectorAll('audio').forEach(audio => {\n audio.querySelectorAll('source').forEach(source => {\n if (source.hasAttribute('src')) {\n const src = source.getAttribute('src');\n\n if (isBase64(src)) {\n const fileType = getBase64FileType(src);\n const fileName = `${getBase64FileName()}.${fileType}`;\n audioResources.push({ url: src, fileName: fileName });\n source.src = `audios/${fileName}`;\n } else {\n const fileName = getFileName(src);\n audioResources.push({ url: src, fileName: fileName });\n source.src = `audios/${getFileNameAndType(src).fileName}`;\n }\n }\n });\n });\n\n // Extract vectors\n body.querySelectorAll('svg').forEach(svg => {\n vectorResources.push({ content: svg.outerHTML, fileName: `vector-${vectorResources.length + 1}.svg` });\n });\n\n // Extract video URLs and filenames\n body.querySelectorAll('video').forEach(video => {\n video.querySelectorAll('source').forEach(source => {\n if (source.hasAttribute('src')) {\n const src = source.getAttribute('src');\n\n if (isBase64(src)) {\n const fileType = getBase64FileType(src);\n const fileName = `${getBase64FileName()}.${fileType}`;\n videoResources.push({ url: src, fileName: fileName });\n source.src = `vids/${fileName}`;\n } else {\n const fileName = getFileName(src);\n videoResources.push({ url: src, fileName: fileName });\n source.src = `vids/${getFileNameAndType(src).fileName}`;\n }\n }\n });\n });\n\n // Process CSS background images\n const css = json2css(obj.css) || '';\n const updatedCss = extractBackgroundImageUrls(css);\n const stylesObj = updatedCss;\n\n return {\n html: doc.body.innerHTML,\n stylesObj,\n imageResources,\n audioResources,\n vectorResources,\n videoResources\n };\n } catch (error) {\n console.error('Error fetching resources:', error);\n return null; // Or handle the error in an appropriate way\n }\n}\nwindow.getBase64Media = async mediaUrl => {\n const response = await fetch(mediaUrl);\n const blob = await response.blob();\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.onloadend = () => resolve(reader.result.split(',')[1]);\n reader.onerror = reject;\n reader.readAsDataURL(blob);\n });\n}\nwindow.renderStyles = styles => {\n let css = '';\n\n // Define :root variables\n css += `:root {\\n`;\n for (const [variable, value] of Object.entries(styles.rootVariables || {})) {\n css += ` --${variable}: ${value};\\n`;\n }\n css += '}\\n';\n\n // Define styles for each class\n for (const [classId, style] of Object.entries(styles.styles)) {\n if (!style || (!Object.keys(style.variables || {}).length && \n !Object.keys(style.base || {}).length && \n !Object.keys(style.pseudos || {}).length && \n !Object.keys(style.animations || {}).length && \n !Object.keys(style.breakpoints || {}).length)) {\n continue; // Skip empty styles\n }\n const variables = style.variables || {};\n const baseStyles = style.base || {};\n const pseudos = style.pseudos || [];\n const animations = style.animations || {};\n const breakpoints = style.breakpoints || {};\n\n if (classId === \"html\" || classId === \"body\") {\n css += `${classId} {\\n`;\n } else {\n css += `.${classId} {\\n`;\n }\n \n for (const [variable, value] of Object.entries(variables)) {\n css += ` --${variable}: ${value};\\n`;\n }\n for (const [property, value] of Object.entries(baseStyles)) {\n css += ` ${property}: ${value};\\n`;\n }\n css += '}\\n';\n\n for (const { selector, styles: pseudoStyles } of pseudos) {\n css += `.${classId}${selector} {\\n`;\n for (const [property, value] of Object.entries(pseudoStyles)) {\n css += ` ${property}: ${value};\\n`;\n }\n css += '}\\n';\n }\n\n for (const [animationName, animation] of Object.entries(animations)) {\n css += `@keyframes ${animationName} {\\n`;\n for (const [key, frameStyles] of Object.entries(animation.keyframes)) {\n css += ` ${key} {\\n`;\n for (const [property, value] of Object.entries(frameStyles)) {\n css += ` ${property}: ${value};\\n`;\n }\n css += ' }\\n';\n }\n css += '}\\n';\n\n css += `.${classId} {\\n`;\n for (const [property, value] of Object.entries(animation.properties)) {\n css += ` ${property}: ${value};\\n`;\n }\n css += '}\\n';\n }\n\n for (const [breakpoint, breakpointStyles] of Object.entries(breakpoints)) {\n css += `@media (max-width: ${breakpoint}) {\\n`;\n css += ` .${classId} {\\n`;\n for (const [variable, value] of Object.entries(breakpointStyles.variables || {})) {\n css += ` --${variable}: ${value};\\n`;\n }\n for (const [property, value] of Object.entries(breakpointStyles.base || {})) {\n css += ` ${property}: ${value};\\n`;\n }\n css += ' }\\n';\n\n for (const { selector, styles: pseudoStyles } of breakpointStyles.pseudos || []) {\n css += ` .${classId}${selector} {\\n`;\n for (const [property, value] of Object.entries(pseudoStyles)) {\n css += ` ${property}: ${value};\\n`;\n }\n css += ' }\\n';\n }\n\n css += '}\\n';\n }\n }\n\n return css;\n}\nwindow.downloadJSON = async () => {\n try {\n await loadScript(\"libraries/jszip/FileSaver.min.js\");\n let blob = new Blob([JSON.stringify(project, null, 2)], {type: \"application/json\"});\n saveAs(blob, `${project.name.split(' ').join('').toLowerCase()}-Polyrise.json`);\n\n } catch (error) {\n console.error('Error:', error);\n } finally {\n // Clean up scripts after use\n removeScript(\"libraries/jszip/FileSaver.min.js\");\n }\n}\nwindow.downloadQuickCommands = () => {\n const colorMappings = {\n 'black': '#000000',\n 'white': '#ffffff',\n 'gray-50': '#f9fafb',\n 'gray-100': '#f3f4f6',\n 'gray-200': '#e5e7eb',\n 'gray-300': '#d1d5db',\n 'gray-400': '#9ca3af',\n 'gray-500': '#6b7280',\n 'gray-600': '#4b5563',\n 'gray-700': '#374151',\n 'gray-800': '#1f2937',\n 'gray-900': '#111827',\n 'red-50': '#fef2f2',\n 'red-100': '#fee2e2',\n 'red-200': '#fecaca',\n 'red-300': '#fca5a5',\n 'red-400': '#f87171',\n 'red-500': '#ef4444',\n 'red-600': '#dc2626',\n 'red-700': '#b91c1c',\n 'red-800': '#991b1b',\n 'red-900': '#7f1d1d',\n 'yellow-50': '#fefce8',\n 'yellow-100': '#fef9c3',\n 'yellow-200': '#fef08a',\n 'yellow-300': '#fde047',\n 'yellow-400': '#facc15',\n 'yellow-500': '#eab308',\n 'yellow-600': '#ca8a04',\n 'yellow-700': '#a16207',\n 'yellow-800': '#854d0e',\n 'yellow-900': '#713f12',\n 'green-50': '#f0fdf4',\n 'green-100': '#dcfce7',\n 'green-200': '#bbf7d0',\n 'green-300': '#86efac',\n 'green-400': '#4ade80',\n 'green-500': '#22c55e',\n 'green-600': '#16a34a',\n 'green-700': '#15803d',\n 'green-800': '#166534',\n 'green-900': '#14532d',\n 'blue-50': '#eff6ff',\n 'blue-100': '#dbeafe',\n 'blue-200': '#bfdbfe',\n 'blue-300': '#93c5fd',\n 'blue-400': '#60a5fa',\n 'blue-500': '#3b82f6',\n 'blue-600': '#2563eb',\n 'blue-700': '#1d4ed8',\n 'blue-800': '#1e40af',\n 'blue-900': '#1e3a8a',\n 'indigo-50': '#eef2ff',\n 'indigo-100': '#e0e7ff',\n 'indigo-200': '#c7d2fe',\n 'indigo-300': '#a5b4fc',\n 'indigo-400': '#818cf8',\n 'indigo-500': '#6366f1',\n 'indigo-600': '#4f46e5',\n 'indigo-700': '#4338ca',\n 'indigo-800': '#3730a3',\n 'indigo-900': '#312e81',\n 'purple-50': '#f5f3ff',\n 'purple-100': '#ede9fe',\n 'purple-200': '#ddd6fe',\n 'purple-300': '#c4b5fd',\n 'purple-400': '#a78bfa',\n 'purple-500': '#8b5cf6',\n 'purple-600': '#7c3aed',\n 'purple-700': '#6d28d9',\n 'purple-800': '#5b21b6',\n 'purple-900': '#4c1d95',\n 'pink-50': '#fdf2f8',\n 'pink-100': '#fce7f3',\n 'pink-200': '#fbcfe8',\n 'pink-300': '#f9a8d4',\n 'pink-400': '#f472b6',\n 'pink-500': '#ec4899',\n 'pink-600': '#db2777',\n 'pink-700': '#be185d',\n 'pink-800': '#9d174d',\n 'pink-900': '#831843'\n }; \n\n function updateBorderColors(data) {\n const updatedData = {};\n for (const [key, value] of Object.entries(data)) {\n if (key.startsWith('border-') && !key.includes('-opacity')) {\n const colorKey = key.split('-').slice(1).join('-');\n const color = colorMappings[colorKey] || 'transparent';\n updatedData[key] = `--tw-border-opacity: 1; border-top-color: ${color}; border-right-color: ${color}; border-bottom-color: ${color}; border-left-color: ${color};`;\n } else {\n updatedData[key] = value;\n }\n }\n return updatedData;\n }\n \n\n window.saveAsJson = async (data, filename) => {\n try {\n await loadScript(\"libraries/jszip/FileSaver.min.js\");\n const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' });\n saveAs(blob, filename);\n \n } catch (error) {\n console.error('Error:', error);\n } finally {\n // Clean up scripts after use\n removeScript(\"libraries/jszip/FileSaver.min.js\");\n }\n }\n\n // Generate the CSS quick commands and save to a JSON file\n generateCssQuickCommands('libraries/tailwind/tailwind-mod.min.css').then(cssQuickCommands => {\n const updatedData = updateBorderColors(cssQuickCommands);\n saveAsJson(updatedData, 'cssQuickCommands.json');\n });\n}\nwindow.getFile = async (url, callback = null) => {\n try {\n const response = await fetch(url);\n if (!response.ok) throw new Error(\"Network response was not ok\");\n const fileContent = await response.text();\n if (callback && typeof callback === 'function') {\n callback(null, fileContent); // Call the callback with the file content\n } else {\n return fileContent; // Return the file content\n }\n } catch (error) {\n console.warn(\"Request error:\", error);\n if (callback && typeof callback === 'function') {\n callback(error, null); // Call the callback with the error\n } else {\n throw error; // Re-throw to handle in caller\n }\n }\n}\nwindow.minifyCSS = source => {\n // Convert the source to a string if it isn't one\n source = String(source);\n // Remove comments\n let minified = source.replace(/\\/\\*[\\s\\S]*?\\*\\//g, '');\n // Remove whitespace and newlines\n minified = minified.replace(/\\s{2,}/g, ' ').replace(/\\n/g, '');\n // Remove spaces around selectors, properties, and values\n minified = minified.replace(/\\s*([{}:;])\\s*/g, '$1');\n // Remove the last semicolon before the closing brace\n minified = minified.replace(/;}/g, '}');\n return minified;\n}\nwindow.downloadProject = async () => {\n try {\n await loadScripts([\n \"libraries/jszip/jszip.min.js\",\n \"libraries/jszip/FileSaver.min.js\"\n ]);\n\n // Extract srcset URLs\n const iframe = document.getElementById('iframe');\n if (!iframe) return;\n const idoc = iframe.contentDocument || iframe.contentWindow.document;\n const { html, stylesObj, imageResources, audioResources, vectorResources, videoResources } = fetchResources(project);\n\n const zip = new JSZip();\n\n // Project file\n zip.file(`${project.name.split(' ').join('').toLowerCase()}-Polyrise.json`, JSON.stringify(project, null, 2));\n\n // kodeWeave project file\n const kodeWeaveProject = {\n name: project.name,\n version: project.version,\n title: project.title,\n description: project.description,\n author: project.author,\n url: project.url,\n meta: project.meta,\n libraries: project.libraries,\n html_pre_processor: \"html\",\n css_pre_processor: \"css\",\n javascript_pre_processor: \"javascript\",\n html: json2html(project.html),\n css: json2css(project.css),\n javascript: '',\n logo: project.logo,\n console: false,\n dark: project.dark,\n module: true,\n autorun: true,\n pwa: project.pwa,\n preview: true,\n activePanel: 'html',\n columns: false,\n columnsRight: true\n };\n zip.file(`${project.name.split(' ').join('').toLowerCase()}-kodeWeave.json`, JSON.stringify(kodeWeaveProject, null, 2));\n\n let licenseStr = `The MIT License (MIT)\nCopyright (c) ${new Date().getFullYear()} ${project.author}\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.`;\n zip.file(\"LICENSE.md\", licenseStr);\n\n let READMEStr = `# ${project.name}\n\n**Description:**\n${project.description}\n\n**Built With ${app.name}!**\nThis site was made with [${app.name}](https://michaelsboost.com/${app.name.toString().split(' ').join('-')}/).\n\n**${app.name} Description:**\n${app.summary} ${app.description}\n\n**Website:**\n[${app.name}](https://michaelsboost.com/${app.name.toString().split(' ').join('-')}/)`;\n zip.file(\"README.md\", READMEStr);\n\n let cssContent = '';\n let cssBuildItems = [];\n let cssBuildItemsString = '';\n let TailwindNoReset = null;\n const promises = project.libraries.map(async library => {\n const data = await getFile(library);\n const parts = library.split(\"/\");\n const name = parts[parts.length - 1];\n\n // Check if the library is one of the Tailwind files to ignore\n if (name === \"tailwind-mod-noreset.min.js\") {\n TailwindNoReset = true;\n }\n \n // Assuming libraries have .css extensions for simplicity\n if (name.endsWith('.css')) {\n cssContent += data + '\\n';\n cssBuildItems.push(name);\n cssBuildItemsString += `libraries/${name} `;\n zip.folder('libraries').file(name, data);\n }\n \n // Assuming libraries have .js extensions for simplicity\n if (name.endsWith('.js')) {\n zip.folder('libraries').file(name, data);\n }\n });\n await Promise.all(promises);\n\n // Checks css for html\n let cssBuild = '';\n let css4html = '';\n let twFound = '';\n let tailwindDirectives = '';\n let tailwindStyles = '';\n let cssImport = '';\n \n // Find out if user is using tailwind\n if (idoc.getElementById('vyhibnq91')) {\n twFound = true;\n tailwindDirectives = `\n ${!TailwindNoReset ? `@tailwind base;` : ''}\n@tailwind components;\n@tailwind utilities;\n`\n\n if (twFound) {\n cssBuildItems.map(async library => {\n cssImport += `@import '../libraries/${library}';\n`;\n });\n cssImport += tailwindDirectives;\n } else {\n cssImport = cssContent;\n }\n tailwindStyles = idoc.getElementById('vyhibnq91').textContent;\n }\n\n let css = stylesObj;\n if (tailwindStyles) css += tailwindStyles;\n if (cssContent) {\n css4html = `