mirror of
https://github.com/The-Low-Code-Foundation/OpenNoodl.git
synced 2026-01-11 14:52:55 +01:00
121 lines
3.5 KiB
Markdown
121 lines
3.5 KiB
Markdown
# Cache Clear & Restart Guide
|
|
|
|
## ✅ Caches Cleared
|
|
|
|
The following caches have been successfully cleared:
|
|
|
|
1. ✅ Webpack cache: `packages/noodl-editor/node_modules/.cache`
|
|
2. ✅ Electron cache: `~/Library/Application Support/Electron`
|
|
3. ✅ OpenNoodl cache: `~/Library/Application Support/OpenNoodl`
|
|
|
|
## 🔄 How to Restart with Clean Slate
|
|
|
|
### Step 1: Kill Any Running Processes
|
|
|
|
Make sure to **completely stop** any running `npm run dev` process:
|
|
|
|
- Press `Ctrl+C` in the terminal where `npm run dev` is running
|
|
- Wait for it to fully stop (both webpack-dev-server AND Electron)
|
|
|
|
### Step 2: Start Fresh
|
|
|
|
```bash
|
|
cd /Users/richardosborne/vscode_projects/OpenNoodl
|
|
npm run dev
|
|
```
|
|
|
|
### Step 3: What to Look For in Console
|
|
|
|
Once Electron opens, **open the Developer Tools** (View → Toggle Developer Tools or Cmd+Option+I) and check the Console tab.
|
|
|
|
#### Expected Log Output
|
|
|
|
You should see these logs IN THIS ORDER when the app starts:
|
|
|
|
1. **Module Load Markers** (proves new code is loaded):
|
|
|
|
```
|
|
🔥🔥🔥 useEventListener.ts MODULE LOADED WITH DEBUG LOGS - Version 2.0 🔥🔥🔥
|
|
🔥🔥🔥 useComponentsPanel.ts MODULE LOADED WITH FIXES - Version 2.0 🔥🔥🔥
|
|
```
|
|
|
|
2. **useComponentsPanel Hook Initialization**:
|
|
|
|
```
|
|
🔍 useComponentsPanel: About to call useEventListener with ProjectModel.instance: [ProjectModel object]
|
|
```
|
|
|
|
3. **useEventListener useEffect Running** (THE CRITICAL LOG):
|
|
|
|
```
|
|
🚨 useEventListener useEffect RUNNING! dispatcher: [ProjectModel] eventName: ["componentAdded", "componentRemoved", "componentRenamed", "rootNodeChanged"]
|
|
```
|
|
|
|
4. **Subscription Confirmation**:
|
|
```
|
|
📡 useEventListener subscribing to: ["componentAdded", "componentRemoved", "componentRenamed", "rootNodeChanged"] on dispatcher: [ProjectModel]
|
|
```
|
|
|
|
### Step 4: Test Component Rename
|
|
|
|
1. Right-click on any component in the Components Panel
|
|
2. Choose "Rename Component"
|
|
3. Type a new name and press Enter
|
|
|
|
#### Expected Behavior After Rename
|
|
|
|
You should see these logs:
|
|
|
|
```
|
|
🔔 useEventListener received event: componentRenamed data: {...}
|
|
🎉 Event received! Updating counter...
|
|
```
|
|
|
|
AND the UI should immediately update to show the new component name.
|
|
|
|
## 🚨 Troubleshooting
|
|
|
|
### If you DON'T see the 🔥 module load markers:
|
|
|
|
The old code is still loading. Try:
|
|
|
|
1. Completely close Electron (not just Dev Tools - the whole window)
|
|
2. Stop webpack-dev-server (Ctrl+C)
|
|
3. Check for any lingering Electron processes: `ps aux | grep -i electron | grep -v grep`
|
|
4. Kill them if found: `killall Electron`
|
|
5. Run `npm run dev` again
|
|
|
|
### If you see 🔥 markers but NOT the 🚨 useEffect marker:
|
|
|
|
This means:
|
|
|
|
- The modules are loading correctly
|
|
- BUT useEffect is not running (React dependency issue)
|
|
- This would be very surprising given our fix, so please report exactly what logs you DO see
|
|
|
|
### If you see 🚨 marker but no 🔔 event logs when renaming:
|
|
|
|
This means:
|
|
|
|
- useEffect is running and subscribing
|
|
- BUT ProjectModel is not emitting events
|
|
- This would indicate the ProjectModel event system isn't working
|
|
|
|
## 📝 What to Report Back
|
|
|
|
Please check the console and let me know:
|
|
|
|
1. ✅ or ❌ Do you see the 🔥 module load markers?
|
|
2. ✅ or ❌ Do you see the 🚨 useEffect RUNNING marker?
|
|
3. ✅ or ❌ Do you see the 📡 subscription marker?
|
|
4. ✅ or ❌ When you rename a component, do you see 🔔 event received logs?
|
|
5. ✅ or ❌ Does the UI update immediately after rename?
|
|
|
|
---
|
|
|
|
**Next Steps:**
|
|
|
|
- Once this works, we'll remove all the debug logging
|
|
- Document the fix in LEARNINGS.md
|
|
- Mark TASK-004B Phase 5 (Inline Rename) as complete
|