npm - claude-code-autoconfig - Versions diffs - 1.0.4 → 1.0.6 - Mend

claude-code-autoconfig 1.0.4 → 1.0.6

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/commands/autoconfig.md +32 -0
package/.claude/guide/autoconfig.guide.html +63 -115
package/package.json +1 -1

package/.claude/commands/autoconfig.md CHANGED Viewed

@@ -4,6 +4,38 @@
 Analyze this project and configure Claude Code with real context.
+## Step 0: Migrate Existing Feedback (if CLAUDE.md exists)
+If a CLAUDE.md already exists, read it and look for **team feedback** that should be preserved:
+**Feedback patterns to look for:**
+- Corrections: "Don't use X", "Always use Y instead", "Never do Z"
+- Preferences: "We prefer...", "Team convention is...", "Boris's setup uses..."
+- Warnings: "Be careful with...", "Watch out for...", "This is deprecated"
+- Custom guidance: Anything that sounds like learned behavior or team-specific knowledge
+- Notes about past mistakes or things Claude got wrong
+**NOT feedback (standard config - will be regenerated):**
+- Project name and description
+- Tech stack listing
+- Build/test/run commands
+- File structure descriptions
+- Standard conventions from frameworks
+**If feedback is found:**
+1. Extract the feedback sections
+2. Append them to `.claude/feedback/FEEDBACK.md` with a header:
+   ```markdown
+   ## [Date]: Migrated from CLAUDE.md
+   The following feedback was preserved from the previous CLAUDE.md during autoconfig:
+   [extracted feedback here]
+   ```
+3. Notify the user: "Migrated team feedback from CLAUDE.md to .claude/feedback/FEEDBACK.md"
+**If no feedback found:** Proceed silently.
 ## Step 1: Detect Environment
 **Operating System:**

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

@@ -810,83 +810,9 @@
             transform: translateY(-1px);
         }
-        /* Migration modal content */
-        .migration-content {
-            display: flex;
-            gap: 20px;
-        }
-        .migration-column {
-            flex: 1;
-        }
-        .migration-column h4 {
-            font-size: 14px;
-            color: var(--accent-orange);
-            margin-bottom: 12px;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-        }
-        .migration-column.new h4 {
-            color: var(--accent-green);
-        }
-        .migration-list {
-            list-style: none;
-            font-family: 'SF Mono', 'Fira Code', monospace;
-            font-size: 13px;
-        }
-        .migration-list li {
-            padding: 6px 0;
-            color: var(--text-secondary);
-            border-bottom: 1px solid var(--bg-elevated);
-        }
-        .migration-list li:last-child {
-            border-bottom: none;
-        }
-        .migration-arrow {
-            color: var(--text-dim);
-            font-size: 24px;
-            display: flex;
-            align-items: center;
-            padding: 0 10px;
-        }
-    </style>
+        </style>
 </head>
 <body>
-    <!-- Migration Modal -->
-    <div class="modal-overlay" id="migrationModal">
-        <div class="modal-content" style="max-width: 700px;">
-            <div class="modal-header">
-                <span class="modal-title">📦 Migration Summary</span>
-                <button class="modal-close" id="migrationModalClose">&times;</button>
-            </div>
-            <div class="modal-body">
-                <p style="color: var(--text-secondary); margin-bottom: 20px;">
-                    Your previous configuration was backed up before installing the new autoconfig files.
-                </p>
-                <div class="migration-content">
-                    <div class="migration-column">
-                        <h4>⬅️ Backed Up</h4>
-                        <ul class="migration-list" id="backedUpList"></ul>
-                    </div>
-                    <div class="migration-arrow">→</div>
-                    <div class="migration-column new">
-                        <h4>➡️ New Files</h4>
-                        <ul class="migration-list" id="newFilesList"></ul>
-                    </div>
-                </div>
-                <p style="color: var(--text-dim); margin-top: 20px; font-size: 13px;">
-                    Backups are stored in <code style="background: var(--bg-elevated); padding: 2px 6px; border-radius: 4px;">.claude/migration/</code>
-                </p>
-            </div>
-        </div>
-    </div>
     <!-- File Preview Modal -->
     <div class="modal-overlay" id="fileModal">
         <div class="modal-content">
@@ -912,6 +838,9 @@
                 <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">
@@ -1008,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>
@@ -1836,74 +1788,70 @@ Use \`test_\` prefix for test databases, not \`dev_\`.`
             });
         });
-        // Migration detection and modal
-        const migrationModal = document.getElementById('migrationModal');
-        const migrationModalClose = document.getElementById('migrationModalClose');
+        // Migration detection and toggle view
         const migrationLink = document.getElementById('migrationLink');
+        const backToInstallLink = document.getElementById('backToInstallLink');
         const showMigrationBtn = document.getElementById('showMigration');
-        const backedUpList = document.getElementById('backedUpList');
-        const newFilesList = document.getElementById('newFilesList');
-        // New files that autoconfig installs
-        const newAutoconfigFiles = [
-            'commands/autoconfig.md',
-            'commands/commit-and-push.md',
-            'commands/enable-retro.md',
-            'commands/show-guide.md',
-            'commands/sync-claude-md.md',
-            'commands/test.md',
-            'feedback/FEEDBACK.md',
-            'guide/autoconfig.guide.html',
-            'settings.json',
-            '.mcp.json'
-        ];
+        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 {
-                // Try to fetch migration/latest.json relative to guide location
                 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) {
-                    const migration = await response.json();
-                    // Show migration link
+                    migrationData = await response.json();
                     migrationLink.style.display = 'block';
-                    // Populate backed up files
-                    backedUpList.innerHTML = migration.backedUpFiles
-                        .map(f => `<li>${f}</li>`)
-                        .join('');
+                    // Set backup folder name
+                    backupFolderName.textContent = migrationData.timestamp + '/';
-                    // Populate new files
-                    newFilesList.innerHTML = newAutoconfigFiles
-                        .map(f => `<li>${f}</li>`)
-                        .join('');
+                    // 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 or can't read file - that's fine
+                // No migration - that's fine
             }
         }
-        function openMigrationModal() {
-            migrationModal.classList.add('visible');
+        function showMigrationView() {
+            mainTreePanel.style.display = 'none';
+            migrationTreePanel.style.display = 'flex';
+            migrationLink.style.display = 'none';
+            backToInstallLink.style.display = 'block';
         }
-        function closeMigrationModal() {
-            migrationModal.classList.remove('visible');
+        function showInstallView() {
+            migrationTreePanel.style.display = 'none';
+            mainTreePanel.style.display = 'flex';
+            backToInstallLink.style.display = 'none';
+            migrationLink.style.display = 'block';
         }
         showMigrationBtn?.addEventListener('click', (e) => {
             e.preventDefault();
-            openMigrationModal();
+            showMigrationView();
         });
-        migrationModalClose?.addEventListener('click', closeMigrationModal);
-        migrationModal?.addEventListener('click', (e) => {
-            if (e.target === migrationModal) closeMigrationModal();
+        backToInstallBtn?.addEventListener('click', (e) => {
+            e.preventDefault();
+            showInstallView();
         });
         // Check for migration on load

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-autoconfig",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "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",