Folder Maker

Create a clean folder structure in seconds

Folder Language

Structure Preset

Root Folder Name (Optional)

Preview

${t.presets[this.currentPreset].name}

${t.presets[this.currentPreset].guidance}

`; // Trust note document.getElementById("ui-trust-note").innerHTML = `

${t.trustNote}

${t.githubNote}

`; // Explanation box const exp = document.getElementById("explanation-block"); exp.innerHTML = `

${t.explanationTitle}

${t.explanationIntro}

${item}

`; this.updateTree(); } sanitize(name) { if (!name) return ""; return name .replace(/[\\/:*?"<>|]/g, "") .replace(/[\s\-_.]+/g, "_") .replace(/^_+|_+$/g, ""); } getLocalizedFolderName(key) { const folderInfo = TRANSLATIONS[this.folderLang].toc.folders[key]; return this.sanitize(folderInfo ? folderInfo.title : key); } getFinalRoot() { const sanitized = this.sanitize(this.rootName); if (sanitized) return sanitized; const presetName = TRANSLATIONS[this.folderLang].presets[this.currentPreset].name; return this.sanitize(`${presetName}_ROOT`); } updateTree() { const root = this.getFinalRoot(); const structure = PRESETS[this.currentPreset].structure; const container = document.getElementById("tree-preview"); if (!container) return; container.innerHTML = ""; const rootEl = document.createElement("div"); rootEl.className = "tree-folder"; rootEl.textContent = root + "/"; container.appendChild(rootEl); this.renderNode(structure, container, 0); } renderNode(node, container, level) { const keys = Object.keys(node); keys.forEach((key, index) => { const isLast = index === keys.length - 1; const localizedName = this.getLocalizedFolderName(key); const nodeEl = document.createElement("div"); nodeEl.className = `tree-node ${isLast ? "last" : ""}`; const nameEl = document.createElement("span"); nameEl.className = "tree-folder"; nameEl.textContent = localizedName + "/"; nodeEl.appendChild(nameEl); container.appendChild(nodeEl); const hasSubfolders = Object.keys(node[key]).length > 0; const tocNode = document.createElement("div"); tocNode.className = `tree-node ${!hasSubfolders ? "last" : ""}`; const tocFile = document.createElement("span"); tocFile.className = "tree-file"; tocFile.textContent = "_INDEX.md"; tocNode.appendChild(tocFile); nodeEl.appendChild(tocNode); if (hasSubfolders) { this.renderNode(node[key], nodeEl, level + 1); } }); } generateINDEX(folderKey) { const t = TRANSLATIONS[this.folderLang].toc; const info = t.folders[folderKey] || { title: folderKey, purpose: "", howTo: "" }; return `# ${info.title} ## ${t.purpose} ${info.purpose} ## ${t.howToUse} ${info.howTo} ## ${t.optionalTools} ${info.tools || t.toolsText} ## ${t.notes} --- `; } async generateZip() { const zip = new JSZip(); const root = this.getFinalRoot(); const structure = PRESETS[this.currentPreset].structure; const rootFolder = zip.folder(root); const addStructure = (node, folder) => { Object.keys(node).forEach((key) => { const localizedName = this.getLocalizedFolderName(key); const subFolder = folder.folder(localizedName); subFolder.file("_INDEX.md", this.generateINDEX(key)); if (Object.keys(node[key]).length > 0) { addStructure(node[key], subFolder); } }); }; addStructure(structure, rootFolder); const content = await zip.generateAsync({ type: "blob" }); const url = window.URL.createObjectURL(content); const a = document.createElement("a"); a.href = url; a.download = `folder_structure_${this.currentPreset.toLowerCase()}.zip`; a.click(); window.URL.revokeObjectURL(url); } } // Start App window.app = new FolderMaker(); });