refactor: Cleanup git state - commit all staged changes

Major refactoring cleanup:
- Add new controller architecture (class-controller-*.php)
- Add new settings-v2 UI (views/settings-v2/)
- Add new CSS architecture (agentic-sidebar.css, tokens)
- Add esbuild build pipeline (scripts/build.js, package.json)
- Add composer dependencies (vendor/)
- Add frontend src directory (assets/js/src/index.jsx)
- Add documentation files
- Remove old/obsolete files (class-settings.php, old CSS)

This commits all pending changes from previous refactoring efforts.
This commit is contained in:
Dwindi Ramadhana
2026-06-17 05:27:58 +07:00
parent d3f142222c
commit 690991c526
7963 changed files with 941566 additions and 67372 deletions

154
docs/SMOKE_TESTS.md Normal file
View File

@@ -0,0 +1,154 @@
# Manual Smoke Tests
Run these tests after each refactor step to verify core functionality still works.
## Prerequisites
- Local development environment running
- Plugin activated
- Gutenberg editor accessible
- Test post created
---
## Test Flows
### 1. Chat Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Open a post in Gutenberg | Editor loads |
| 2 | Type a message in the sidebar chat | Message appears in input |
| 3 | Click send / press Enter | Streaming response begins |
| 4 | Wait for response to complete | Message appears in chat thread |
**Pass Criteria:** Chat thread shows user message and AI response.
---
### 2. Plan Generation Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Click "Plan" tab in sidebar | Plan tab is active |
| 2 | Type an outline request (e.g., "Write a blog post about X") | Text appears in input |
| 3 | Click "Generate Plan" | Loading indicator shows |
| 4 | Wait for plan to generate | Outline renders with sections |
**Pass Criteria:** Plan displays with at least one section heading.
---
### 3. Article Execution Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Generate a plan first | Plan is visible |
| 2 | Click "Execute" button | Streaming begins |
| 3 | Wait for article to complete | Content appears in Gutenberg blocks |
**Pass Criteria:** At least one paragraph block is added to the post.
---
### 4. Block Refinement Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Add a paragraph block with content | Block is visible |
| 2 | Select the block | Block is highlighted |
| 3 | Click "Refine" in sidebar | Inline editor shows |
| 4 | Click "Apply" | Block content updates |
**Pass Criteria:** Block content changes after refinement.
---
### 5. SEO Audit Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Click "SEO" tab in sidebar | SEO tab is active |
| 2 | Click "Run Audit" button | Loading indicator shows |
| 3 | Wait for audit to complete | Report displays with score |
**Pass Criteria:** Audit report shows a numeric score and at least one issue/recommendation.
---
### 6. Image Generation Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Add an image block or click image generation | Image dialog opens |
| 2 | Enter a prompt and click "Generate" | Loading indicator shows |
| 3 | Wait for generation | Image variants appear |
| 4 | Select a variant and click "Commit" | Image uploads and appears in post |
**Pass Criteria:** Image appears in Media Library and post content.
---
### 7. Settings Persistence Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Open plugin settings | Settings page loads |
| 2 | Change the AI model selection | Selection changes |
| 3 | Click "Save" | Success message appears |
| 4 | Reload the page | Setting persists |
**Pass Criteria:** Model selection is retained after page reload.
---
### 8. MEMANTO Memory Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Configure MEMANTO URL in settings | URL is saved |
| 2 | Use the agent in a chat | Chat completes without error |
| 3 | Check for memory recall | Agent references previous context |
**Pass Criteria:** No errors in chat, agent shows memory awareness.
---
### 9. Cost Tracking Flow
| Step | Action | Expected |
|------|--------|----------|
| 1 | Use any AI feature (chat, generate, etc.) | Feature works |
| 2 | Open plugin settings | Settings page loads |
| 3 | Click "Cost Log" tab | Cost entries display |
**Pass Criteria:** At least one cost entry appears with token/usage data.
---
## Quick Regression Checklist
After any code change, verify:
- [ ] Plugin activates without errors
- [ ] Gutenberg editor loads without JS errors
- [ ] At least one REST endpoint responds (e.g., `/wp-json/wp-agentic-writer/v1/ai-capabilities`)
- [ ] Settings page saves without errors
- [ ] No PHP fatal errors in debug.log
---
## Reporting Failures
If a test fails:
1. Note the exact steps to reproduce
2. Check browser console for JS errors
3. Check `debug.log` for PHP errors
4. Check Network tab for failed REST requests
5. Report in issue tracker with:
- Test name
- Steps to reproduce
- Error messages (console + network)
- WordPress version
- Plugin version