@@ -466,7 +481,7 @@
empty storage
- `;return m=`
`}else{if(N.type==="audio")return A.className="mt-4 grid grid-cols-1 gap-1",`
+
`}else{if(N.type==="audio")return Q.className="mt-4 grid grid-cols-1 gap-1",`
+
${A.description}
+ `).join("")}}).catch(y=>{console.error("Error fetching data:",y)})};window.removeScript=p=>{let y=document.querySelector(`script[src="${p}"]`);y&&y.remove()};window.removeScripts=p=>{p.forEach(y=>{let x=document.querySelector(`script[src="${y}"]`);x&&x.remove()})};window.loadScript=async p=>new Promise((y,x)=>{if(document.querySelector(`script[src="${p}"]`)){y();return}let T=document.createElement("script");T.src=p,T.onload=y,T.onerror=()=>x(new Error(`Failed to load script: ${p}`)),document.body.appendChild(T)});window.loadScripts=async p=>Promise.all(p.map(loadScript));window.setPreprocessor=async(p,y)=>{let x={html:{markdown:"libraries/preprocessors/marked.min.js",jade:"libraries/preprocessors/jade.js",pug:"libraries/preprocessors/pug.js"},css:{sass:"libraries/preprocessors/sass.sync.min.js",less:"libraries/preprocessors/less.min.js",stylus:"libraries/preprocessors/stylus.min.js"},javascript:{typescript:"libraries/preprocessors/typescript.min.js",babel:"libraries/preprocessors/babel.min.js"}},A={html:project.html_pre_processor,css:project.css_pre_processor,javascript:project.javascript_pre_processor};try{let T=y!=="html"||y!=="css"||y!=="javascript",Q=T?x[p][y]:null;if(A[p]&&T){let D=x[p][A[p]];Array.isArray(D)?removeScripts(D):removeScript(D),Array.isArray(Q)?await loadScripts(Q):Q&&await loadScript(Q)}if(p==="html")project.html_pre_processor=y;else if(p==="css")project.css_pre_processor=y;else if(p==="javascript"){if(project.javascript_pre_processor=y,!window.editorManager||!window.editorManager.jsEditor)return;window.editorManager.setMode(project.javascript_pre_processor==="javascript"?"javascript":y,editorManager.jsEditor)}}catch(T){console.error("Error setting preprocessor:",T)}};window.initializePreprocessors=async()=>{await Promise.all([setPreprocessor("html",project.html_pre_processor),setPreprocessor("css",project.css_pre_processor),setPreprocessor("javascript",project.javascript_pre_processor)]),window.editorManager&&(dispatchChanges(editorManager.htmlEditor,project.html),dispatchChanges(editorManager.cssEditor,project.css),dispatchChanges(editorManager.jsEditor,project.javascript),renderPreview(!0))};window.loadBeautifyLibraries=async()=>{let p=["libraries/js-beautify/beautify.min.js","libraries/js-beautify/beautify-css.min.js","libraries/js-beautify/beautify-html.min.js"];await loadScripts(p)};window.removeBeautifyLibraries=async()=>{let p=["libraries/js-beautify/beautify.min.js","libraries/js-beautify/beautify-css.min.js","libraries/js-beautify/beautify-html.min.js"];removeScripts(p)};window.tidy=async()=>{await loadBeautifyLibraries();let p;switch(project.activePanel){case"html":p=html_beautify(project.html,{indent_size:2,max_preserve_newlines:1}),dispatchChanges(editorManager.htmlEditor,p);break;case"css":p=css_beautify(project.css,{indent_size:2,max_preserve_newlines:1}),project.css=p,dispatchChanges(editorManager.cssEditor,p);break;case"javascript":p=js_beautify(project.javascript,{indent_size:2,max_preserve_newlines:1}),project.javascript=p,dispatchChanges(editorManager.jsEditor,p);break;default:p="Unknown editor panel."}await removeBeautifyLibraries()};window.closeOpenDialog=()=>{document.querySelector("dialog[open] footer button:last-child").click()};window.generateId=()=>{let p="";for(;!/^[a-zA-Z]/.test(p);)p=Math.random().toString(36).substr(2,9);return p};window.resizeCanvas=p=>{data.selectedSize=p,getIFrameClientSize()};window.rotateCanvas=()=>{let p=document.getElementById("previewElm").firstElementChild;if(p.style.width==="100%")return!1;let y=parseInt(p.style.width),x=parseInt(p.style.height);[y,x]=[x,y];let A=previewElm.clientWidth,T=previewElm.clientHeight,Q=Math.min(A/y,T/x);p.style.width=`${y}px`,p.style.height=`${x}px`,p.style.transform=`scale(${Q})`,p.style.marginTop=`-${x/2}px`,p.style.marginLeft=`-${y/2}px`,data.selectedSize=y+"x"+x,getIFrameClientSize()};var Yc;window.getIFrameClientSize=()=>{let p=document.getElementById("iframe");data.iframeSize=`${p.clientWidth}px x ${p.clientHeight}px`;let y=document.getElementById("iframeClientSize");y.classList.contains("hidden")&&(Yc&&clearTimeout(Yc),y.classList.remove("hidden","opacity-0"),y.classList.add("opacity-100"),Yc=setTimeout(()=>{y.classList.remove("opacity-100"),y.classList.add("opacity-0"),setTimeout(()=>{y.classList.add("hidden")},300)},2e3))};window.compileCode=async p=>{try{if(p==="html")switch(project.html_pre_processor){case"html":return project.html;case"markdown":return marked.parse(project.html);case"jade":return jade.render(project.html,{pretty:!0});case"pug":let y=document.getElementById("appScript");return y.hasAttribute("type")&&y.getAttribute("type")==="module"?(console.error("Cannot import pug as script is a module!"),!1):wQ("pug").compile(project.html)({name:(void 0).name});default:return project.html}if(p==="css")switch(project.css_pre_processor){case"css":return project.css;case"stylus":return stylus.render(project.css);case"less":return new Promise((y,x)=>{less.render(project.css,(A,T)=>A?x(A):y(T.css))});case"sass":return new Promise((y,x)=>{Sass.compile(project.css,A=>A.status===0?y(A.text):x(new Error(A.message)))});default:return project.css}if(p==="javascript")switch(project.javascript_pre_processor){case"javascript":return project.javascript;case"babel":return typeof Babel>"u"&&await loadScript("libraries/preprocessors/babel.min.js"),Babel.transform(project.javascript,{presets:["env","react"]}).code;case"typescript":return ts.transpileModule(project.javascript,{compilerOptions:{module:ts.ModuleKind.CommonJS}}).outputText;default:return project.javascript}}catch(y){console.error("Error compiling code:",y)}};window.handleLogoChange=async p=>{let y=p.target.files[0];if(y)try{let x=await fileToBase64(y);project.logo=x}catch(x){console.error("Error converting image to base64:",x)}};window.fileToBase64=p=>new Promise((y,x)=>{let A=new FileReader;A.readAsDataURL(p),A.onload=()=>y(A.result),A.onerror=T=>x(T)});window.newProject=p=>{function y(A){return A.charAt(0).toUpperCase()+A.slice(1)}let x=y(p);setPreprocessor("html","html"),setPreprocessor("css","css"),p!=="typescript"&&setPreprocessor("javascript","javascript"),(p==="typescript"||p==="angular")&&setPreprocessor("javascript","typescript"),project.name=`${x} name`,project.version="0.0.1",project.title=`A Cool ${x} App`,project.description=`A modern ${x} application!`,project.author="kodeWeave",project.url="https://michaelsboost.com/",project.module=!0,project.preview=!0,p==="angular"&&(project.module=!1),project.pwa=!1,p==="javascript"&&(project.meta="",project.libraries=["https://cdnjs.cloudflare.com/ajax/libs/picocss/2.0.6/pico.min.css","https://michaelsboost.com/TailwindCSSMod/tailwind-mod-noreset.min.js"],project.html=`
\u{1F44B} Hello, ${x}! \u{1F30E}
Counter: 0