Skip to content

Commit 063d309

Browse files
committed
Implemented AI reporting Functionality
1 parent e5baf93 commit 063d309

17 files changed

Lines changed: 1782 additions & 26 deletions

docs/EASY_ECOSYSTEM_GUIDE.md

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
# EasyEditor Ecosystem: From Draft to Deployment
2+
3+
The Easy Ecosystem is a suite of integrated tools designed to streamline the lifecycle of technical documentation, project planning, and architectural design. By combining a powerful Markdown editor with AI acceleration, cloud synchronization, and native Git integration, it provides a seamless "all-in-one" experience for developers, architects, and technical writers.
4+
5+
---
6+
7+
## 🏗️ Core Components
8+
9+
The ecosystem is built on four pillars that work together to simplify your workflow:
10+
11+
### 1. EasyEditor (The Foundation)
12+
The core Markdown editor designed for speed and clarity. It supports GitHub Flavored Markdown (GFM), real-time side-by-side preview, and extensive formatting options.
13+
- **Key Feature:** Live rendering of advanced modules: **Mermaid**, **PlantUML**, and **KaTeX Mathematics**.
14+
- **Key Feature:** Library of dozens of professional templates for rapid document creation.
15+
16+
### 2. EasyNotes (The Bridge)
17+
A cloud-powered sidebar that manages your working drafts and keeps them synchronized across devices.
18+
- **Key Feature:** Multi-provider support (Google Drive, Dropbox, etc.).
19+
- **Key Feature:** Offline-first architecture — work anywhere, sync when online.
20+
- **Key Feature:** Premium encryption for secure cloud backups.
21+
22+
### 3. EasyAI (The Accelerator)
23+
An integrated AI panel that uses specialized "personas" to generate, refine, and fix content directly within your documents.
24+
- **Key Feature:** Specialized modes for Mermaid diagrams, User Stories, and ASCII art.
25+
- **Key Feature:** "Fix Code" and "Rewrite" modes that analyze your existing content to provide context-aware improvements.
26+
- **Key Feature:** Support for local LLMs (via Ollama) or cloud-based AI agents.
27+
28+
### 4. EasyGit (The Backbone)
29+
Native Git integration that brings professional version control to your Markdown files.
30+
- **Key Feature:** "One-Click Sync" (Save + Commit + Push).
31+
- **Key Feature:** Graphical history viewer and branch management.
32+
- **Key Feature:** Secure credential management for GitHub and other Git providers.
33+
34+
---
35+
36+
## 🔄 The "Draft to Deployment" Workflow
37+
38+
How the components sit together in a typical project lifecycle:
39+
40+
### Phase 1: Initiation (Drafting)
41+
Start your work in **EasyEditor** using one of the built-in **Templates**. Whether it's a "Daily Journal", "Project Plan", or "App Architecture", the templates give you a structured starting point.
42+
- **Pro Tip:** Use the **EasyNotes Sidebar** to create a new cloud-synced file so your initial draft is immediately backed up.
43+
44+
### Phase 2: Augmentation (AI Acceleration)
45+
Use **EasyAI** to transform your rough notes into high-quality technical assets.
46+
- Describe a system flow and use the **Mermaid Persona** to generate a sequence diagram.
47+
- Describe a feature and use the **User Story Persona** to generate an Agile backlog.
48+
- Use **Rewrite** to polish your tone or **Fix Code** to debug embedded code snippets.
49+
50+
### Phase 3: Collaboration (Version Control)
51+
Once your draft is solid, use **EasyGit** to move from "personal note" to "project asset".
52+
- **Clone** an existing repository or **Init** a new one.
53+
- Use the **Git Modal** to Stage, Commit, and Push your changes.
54+
- **EasyGit** handles the complexity of Git operations, ensuring your documentation lives alongside your code.
55+
56+
### Phase 4: Finalization (Deployment)
57+
Your content is now ready for its final destination.
58+
- **Markdown Export:** Save as a standard `.md` file for GitHub/GitLab.
59+
- **PDF Export:** Generate high-quality documents for stakeholders.
60+
- **Remote Push:** Deploy your documentation directly to a static site generator or platforms like **Backstage** (via TechDocs).
61+
62+
---
63+
64+
## 🗺️ Visual Workflow: From Draft to Backstage Documentation
65+
66+
The following diagram illustrates how your content flows through the ecosystem into a professional documentation library:
67+
68+
```mermaid
69+
graph TD
70+
subgraph "EasyNotes (The Bridge)"
71+
A[New Draft / Idea] -->|Cloud Sync| B(Synced Note)
72+
end
73+
74+
subgraph "EasyEditor (The Workspace)"
75+
B -->|Select Template| C[Architecture/Project Blueprint]
76+
C -->|Markdown Editor| D[Structured Documentation]
77+
D -->|KaTeX/Math| E[Scientific/Financial Sections]
78+
D -->|PlantUML/Nomnoml| F[System Architecture Diagrams]
79+
end
80+
81+
subgraph "EasyAI (The Accelerator)"
82+
E & F -->|Persona: Rewrite| G[Professional/Executive Tone]
83+
G -->|Persona: Mermaid| H[Backstage-Compatible Diagrams]
84+
end
85+
86+
subgraph "EasyGit (The Backbone)"
87+
H -->|Git Modal: Clone/Init| I[GitHub/GitLab Repository]
88+
I -->|One-Click Sync| J[Commit & Push]
89+
end
90+
91+
subgraph "Documentation Library (Final Destination)"
92+
J -->|GitHub Action / CI| K[Backstage / TechDocs]
93+
K -->|Explore| L[Company Knowledge Base]
94+
end
95+
96+
style A fill:#48bb78,color:#fff
97+
style J fill:#f56565,color:#fff
98+
style L fill:#4299e1,color:#fff
99+
```
100+
101+
---
102+
103+
## 🎨 Features & Templates
104+
105+
### Smart Templates
106+
The **Templates Modal** offers dozens of pre-configured structures, categorized for different professional needs:
107+
- **Architecture & Engineering:** AWS/Postgres layouts, Database Replication (Master-Slave), and LLM Training Pipelines.
108+
- **Project Management:** Kanban boards, Project Plans, Meeting Notes, and Bug Reports.
109+
- **Scientific & Technical:** Troubleshooting Guides (Process of Elimination), Study Notes, and Diagram Examples.
110+
- **Personal Productivity:** Daily Journals, Travel Logs, and Workout Trackers.
111+
112+
### Visual Diagrams & Mathematics
113+
Don't just write; visualize and calculate. EasyEditor supports:
114+
- **Mermaid.js:** Flowcharts, C4 diagrams, Gantt charts.
115+
- **PlantUML/Nomnoml:** Formal UML (Class, Sequence, State) and specialized architecture diagrams.
116+
- **KaTeX Mathematics:** Professional LaTeX math rendering for scientific and financial documentation.
117+
- *Inline:* `$E=mc^2$`
118+
- *Block:* `$$\sum_{i=1}^n i = \frac{n(n+1)}{2}$$`
119+
- **ASCII Art:** Portable text-based diagrams for maximum compatibility.
120+
121+
---
122+
123+
## 🚀 Getting Started
124+
125+
1. **Open a Repository:** To get the full power of Git, use `File -> Open Repository` to give the app folder-level permissions.
126+
2. **Connect Cloud:** Open **EasyNotes** and connect your Google Drive or Dropbox for seamless draft syncing.
127+
3. **Configure AI:** Set up your **EasyAI** agent (Ollama for local or OpenAI for cloud) to start accelerating your writing.
128+
4. **Master the UI:**
129+
- `Ctrl + Space`: Quick search/actions.
130+
- `Ctrl + S`: Universal save (Cloud + Local).
131+
- `Robot Icon`: Open EasyAI.
132+
- `Note Icon`: Open EasyNotes.
133+
- `Branch Icon`: Open EasyGit.
134+
135+
---
136+
137+
*EasyEditor: Where your ideas become documentation.*

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<body style="margin:0;padding:0;background:#1e1e2e">
1515
<div id="root">
1616
<div id="app-loader" style="display:flex;align-items:center;justify-content:center;height:100vh;background:#1e1e2e;color:#cdd6f4;font-family:system-ui,sans-serif;font-size:14px;gap:10px">
17-
<img src="./public/32x32.png" alt="" width="32" height="32" onerror="this.style.display='none'"/>
17+
<img src="/32x32.png" alt="" width="32" height="32" onerror="this.style.display='none'"/>
1818
<span>Loading EasyEditor...</span>
1919
</div>
2020
</div>

jest.config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export default {
88
'**/*.(test|spec).+(ts|tsx|js)'
99
],
1010
transform: {
11-
'^.+\\.(ts|tsx)$': 'ts-jest',
11+
'^.+\\.(ts|tsx)$': ['ts-jest', { tsconfig: 'tsconfig.app.json' }],
1212
},
1313
collectCoverageFrom: [
1414
'src/**/*.{ts,tsx}',

0 commit comments

Comments
 (0)