npm - claude-code-autoconfig - Versions diffs - 1.0.3 → 1.0.5 - Mend

claude-code-autoconfig 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/.claude/guide/autoconfig.guide.html +122 -1
package/bin/cli.js +22 -0
package/package.json +1 -1

package/.claude/guide/autoconfig.guide.html CHANGED Viewed

@@ -787,7 +787,30 @@
             text-align: center;
             padding: 40px;
         }
-    </style>
+        /* Migration link */
+        .migration-link {
+            margin: 10px 0 20px 0;
+        }
+        .migration-link a {
+            color: var(--accent-orange);
+            text-decoration: none;
+            font-size: 14px;
+            padding: 8px 16px;
+            background: rgba(255, 153, 51, 0.1);
+            border: 1px solid rgba(255, 153, 51, 0.3);
+            border-radius: 6px;
+            display: inline-block;
+            transition: all 0.2s ease;
+        }
+        .migration-link a:hover {
+            background: rgba(255, 153, 51, 0.2);
+            transform: translateY(-1px);
+        }
+        </style>
 </head>
 <body>
     <!-- File Preview Modal -->
@@ -812,6 +835,12 @@
                 <div class="slide-number">01 / Overview</div>
                 <h1>✨ Autoconfig Complete</h1>
                 <h2 class="typewriter" data-text="Here's what got installed. Hover over any file or folder to learn what it does."></h2>
+                <div class="migration-link" id="migrationLink" style="display: none;">
+                    <a href="#" id="showMigration">📦 View migrated files</a>
+                </div>
+                <div class="migration-link" id="backToInstallLink" style="display: none;">
+                    <a href="#" id="backToInstall">Back to install view</a>
+                </div>
                 <div class="slide-content">
                     <div class="tree-panel">
                         <div class="tree-side">
@@ -908,6 +937,29 @@
                             </div>
                         </div>
                     </div>
+                    <!-- Migration Tree Panel (hidden by default) -->
+                    <div class="tree-panel" id="migrationTreePanel" style="display: none;">
+                        <div class="tree-side">
+                            <div class="tree-item folder-row" data-folder="migration-root">
+                                <span class="tree-chevron">›</span>
+                                <span class="tree-folder-icon">📁</span>
+                                <span class="folder">.claude/migration/</span>
+                            </div>
+                            <div class="tree-item indent-1 folder-row" data-folder="backup-folder">
+                                <span class="tree-chevron">›</span>
+                                <span class="tree-folder-icon">📦</span>
+                                <span class="folder" id="backupFolderName">backup/</span>
+                            </div>
+                            <div id="backedUpTreeItems"></div>
+                        </div>
+                        <div class="info-side">
+                            <div class="info-panel" id="migrationInfoPanel">
+                                <div class="info-panel-title">Migration Backup</div>
+                                <div class="info-panel-desc">Your previous configuration files were backed up here before the new autoconfig was installed.<br><br>You can restore any file by copying it back from this folder.</div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
@@ -1735,6 +1787,75 @@ Use \`test_\` prefix for test databases, not \`dev_\`.`
                 }
             });
         });
+        // Migration detection and toggle view
+        const migrationLink = document.getElementById('migrationLink');
+        const backToInstallLink = document.getElementById('backToInstallLink');
+        const showMigrationBtn = document.getElementById('showMigration');
+        const backToInstallBtn = document.getElementById('backToInstall');
+        const mainTreePanel = document.querySelector('.slide[data-slide="0"] .tree-panel:not(#migrationTreePanel)');
+        const migrationTreePanel = document.getElementById('migrationTreePanel');
+        const backupFolderName = document.getElementById('backupFolderName');
+        const backedUpTreeItems = document.getElementById('backedUpTreeItems');
+        let migrationData = null;
+        // Check for migration
+        async function checkMigration() {
+            try {
+                const guidePath = window.location.pathname;
+                const claudeDir = guidePath.substring(0, guidePath.lastIndexOf('/guide/'));
+                const migrationPath = claudeDir + '/migration/latest.json';
+                const response = await fetch(migrationPath);
+                if (response.ok) {
+                    migrationData = await response.json();
+                    migrationLink.style.display = 'block';
+                    // Set backup folder name
+                    backupFolderName.textContent = migrationData.timestamp + '/';
+                    // Build tree items for backed up files
+                    const itemsHtml = migrationData.backedUpFiles.map(f => `
+                        <div class="tree-item indent-2">
+                            <span class="tree-spacer"></span>
+                            <span class="tree-file-icon">📄</span>
+                            <span class="file">${f}</span>
+                        </div>
+                    `).join('');
+                    backedUpTreeItems.innerHTML = itemsHtml;
+                }
+            } catch (e) {
+                // No migration - that's fine
+            }
+        }
+        function showMigrationView() {
+            mainTreePanel.style.display = 'none';
+            migrationTreePanel.style.display = 'flex';
+            migrationLink.style.display = 'none';
+            backToInstallLink.style.display = 'block';
+        }
+        function showInstallView() {
+            migrationTreePanel.style.display = 'none';
+            mainTreePanel.style.display = 'flex';
+            backToInstallLink.style.display = 'none';
+            migrationLink.style.display = 'block';
+        }
+        showMigrationBtn?.addEventListener('click', (e) => {
+            e.preventDefault();
+            showMigrationView();
+        });
+        backToInstallBtn?.addEventListener('click', (e) => {
+            e.preventDefault();
+            showInstallView();
+        });
+        // Check for migration on load
+        checkMigration();
     </script>
 </body>
 </html>

package/bin/cli.js CHANGED Viewed

@@ -89,6 +89,28 @@ if (fs.existsSync(claudeDest)) {
     }
   }
+  // Write migration metadata for the guide to read
+  const latestPath = path.join(migrationDir, 'latest.json');
+  const backedUpFiles = [];
+  function collectFiles(dir, prefix = '') {
+    const entries = fs.readdirSync(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      const relPath = prefix ? `${prefix}/${entry.name}` : entry.name;
+      if (entry.isDirectory()) {
+        collectFiles(path.join(dir, entry.name), relPath);
+      } else {
+        backedUpFiles.push(relPath);
+      }
+    }
+  }
+  collectFiles(migrationPath);
+  fs.writeFileSync(latestPath, JSON.stringify({
+    timestamp: timestamp,
+    backedUpFiles: backedUpFiles
+  }, null, 2));
   // Create/update migration README
   const readmePath = path.join(migrationDir, 'README.md');
   const readmeContent = `# Migration Backups

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-autoconfig",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Intelligent, self-configuring setup for Claude Code. One command analyzes your project, configures Claude, and shows you what it did.",
   "author": "ADAC 1001 <info@adac1001.com>",
   "license": "MIT",