thevoidforge 21.0.6 → 21.0.8

package/dist/wizard/lib/frontmatter.js

@@ -3,12 +3,15 @@
  * Handles the simple key: value format used in PRD frontmatter blocks.
  */
 export function parseFrontmatter(content) {
-    // Look for ```yaml ... ``` block in the frontmatter section
+    // Try ```yaml ... ``` block first (markdown code fence)
     const yamlBlockMatch = content.match(/```yaml\s*\n([\s\S]*?)```/);
-    if (!yamlBlockMatch) {
+    // Then try --- ... --- block (standard YAML frontmatter)
+    const dashBlockMatch = !yamlBlockMatch ? content.match(/^---\s*\n([\s\S]*?)\n---/) : null;
+    const match = yamlBlockMatch ?? dashBlockMatch;
+    if (!match) {
         return { frontmatter: {}, body: content };
     }
-    const yamlStr = yamlBlockMatch[1];
+    const yamlStr = match[1];
     const frontmatter = {};
     for (const line of yamlStr.split('\n')) {
         const trimmed = line.trim();

package/dist/wizard/ui/app.js

@@ -669,6 +669,50 @@
     }
   });
 
+  // PRD file upload + drag-and-drop
+  const dropzone = $('#prd-dropzone');
+  const fileInput = $('#prd-file-input');
+  const prdTextarea = $('#prd-paste');
+
+  if (dropzone && fileInput) {
+    function handlePrdFile(file) {
+      const reader = new FileReader();
+      reader.onload = function (e) {
+        prdTextarea.value = e.target.result;
+        showStatus(prdStatus, 'success', 'Loaded: ' + file.name + ' (' + file.size + ' bytes)');
+        dropzone.style.borderColor = 'var(--accent, #5b5bf7)';
+        setTimeout(function () { dropzone.style.borderColor = ''; }, 2000);
+      };
+      reader.onerror = function () {
+        showStatus(prdStatus, 'error', 'Failed to read file');
+      };
+      reader.readAsText(file);
+    }
+
+    dropzone.addEventListener('click', function () { fileInput.click(); });
+    dropzone.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') fileInput.click(); });
+
+    fileInput.addEventListener('change', function () {
+      if (fileInput.files && fileInput.files[0]) handlePrdFile(fileInput.files[0]);
+    });
+
+    dropzone.addEventListener('dragover', function (e) {
+      e.preventDefault();
+      dropzone.style.borderColor = 'var(--accent, #5b5bf7)';
+      dropzone.style.background = 'rgba(91, 91, 247, 0.05)';
+    });
+    dropzone.addEventListener('dragleave', function () {
+      dropzone.style.borderColor = '';
+      dropzone.style.background = '';
+    });
+    dropzone.addEventListener('drop', function (e) {
+      e.preventDefault();
+      dropzone.style.borderColor = '';
+      dropzone.style.background = '';
+      if (e.dataTransfer.files && e.dataTransfer.files[0]) handlePrdFile(e.dataTransfer.files[0]);
+    });
+  }
+
   let cachedPrompt = null;
   $('#copy-prd-prompt').addEventListener('click', async () => {
     const promptCopyStatus = $('#prompt-copy-status');

package/dist/wizard/ui/index.html

@@ -177,18 +177,26 @@
 
         <div class="tab-panel" id="tab-paste" role="tabpanel" aria-labelledby="tab-btn-paste">
           <div class="card">
-            <p>Already have a PRD, or prefer to generate one with a different AI? Paste the finished result below.</p>
+            <p>Already have a PRD? Drop the file here, upload it, or paste below.</p>
+
+            <div class="field">
+              <div id="prd-dropzone" style="border: 2px dashed var(--border, #333); border-radius: 8px; padding: 2rem; text-align: center; cursor: pointer; transition: border-color 0.2s, background 0.2s; margin-bottom: 12px;" role="button" tabindex="0" aria-label="Drop a PRD file here or click to upload">
+                <p style="margin: 0 0 8px 0; font-size: 1.1em;">Drop your PRD file here</p>
+                <p style="margin: 0; opacity: 0.6; font-size: 0.9em;">or click to browse (.md, .txt, .yaml)</p>
+                <input type="file" id="prd-file-input" accept=".md,.txt,.yaml,.yml,.markdown" style="display: none;">
+              </div>
+            </div>
 
             <div class="field">
               <label>PRD Generator Prompt</label>
-              <p class="field-hint" style="margin-bottom: 8px;">Copy this prompt into ChatGPT, Gemini, or any AI — then paste the output below.</p>
+              <p class="field-hint" style="margin-bottom: 8px;">Or copy this prompt into ChatGPT, Gemini, or any AI — then paste the output below.</p>
               <button class="btn btn-secondary" id="copy-prd-prompt" type="button">Copy Generator Prompt to Clipboard</button>
               <div class="status-row" id="prompt-copy-status" role="status" aria-live="polite"></div>
             </div>
 
             <div class="field">
               <label for="prd-paste">Your PRD</label>
-              <textarea id="prd-paste" rows="16" placeholder="Paste your PRD here. Include the YAML frontmatter block:&#10;&#10;```yaml&#10;name: &quot;My Project&quot;&#10;type: &quot;full-stack&quot;&#10;framework: &quot;next.js&quot;&#10;...&#10;```"></textarea>
+              <textarea id="prd-paste" rows="16" placeholder="Paste your PRD here. Start with YAML frontmatter:&#10;&#10;---&#10;name: My Project&#10;type: full-stack&#10;framework: next.js&#10;database: postgres&#10;deploy: vps&#10;---&#10;&#10;# My Project&#10;&#10;Description and requirements..."></textarea>
             </div>
             <button class="btn btn-secondary" id="validate-prd" type="button">Validate Frontmatter</button>
             <div class="status-row" id="prd-status" role="status" aria-live="polite"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thevoidforge",
-  "version": "21.0.6",
+  "version": "21.0.8",
   "description": "From nothing, everything. A methodology framework for building with Claude Code.",
   "type": "module",
   "engines": {