@finema/finework-layer 0.2.49 → 0.2.51
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.
- package/.playground/app/pages/layout-admin/test/[id]/index.vue +286 -0
- package/.playground/app/pages/layout-admin.vue +2 -2
- package/@finema finework-layer - LLM Documentation Guide.md +566 -0
- package/API_REFERENCE.md +780 -0
- package/ARCHITECTURE.md +592 -0
- package/CHANGELOG.md +8 -0
- package/COMPONENT_EXAMPLES.md +893 -0
- package/DOCUMENTATION_INDEX.md +354 -0
- package/EXAMPLES.md +597 -0
- package/QUICK_START.md +678 -0
- package/README.md +199 -33
- package/TROUBLESHOOTING.md +646 -0
- package/app/components/Button/Back.vue +1 -1
- package/app/components/Layout/Admin/Sidebar.vue +10 -3
- package/app/components/Layout/Admin/index.vue +20 -19
- package/package.json +1 -1
|
@@ -0,0 +1,354 @@
|
|
|
1
|
+
# @finema/finework-layer - Documentation Index
|
|
2
|
+
|
|
3
|
+
Welcome to the complete documentation for `@finema/finework-layer`! This index will help you find the right documentation for your needs.
|
|
4
|
+
|
|
5
|
+
## 🎯 Quick Navigation
|
|
6
|
+
|
|
7
|
+
### 👨💻 For Developers
|
|
8
|
+
|
|
9
|
+
| Document | Description | When to Use |
|
|
10
|
+
|----------|-------------|-------------|
|
|
11
|
+
| **[Quick Start Guide](./QUICK_START.md)** | Get up and running in 5 minutes | Starting a new project |
|
|
12
|
+
| **[Component Examples](./COMPONENT_EXAMPLES.md)** | Real-world component usage | Building features |
|
|
13
|
+
| **[API Reference](./API_REFERENCE.md)** | Complete API documentation | Looking up specific APIs |
|
|
14
|
+
| **[Troubleshooting](./TROUBLESHOOTING.md)** | Common issues and solutions | Debugging problems |
|
|
15
|
+
| **[Examples](./EXAMPLES.md)** | Complete page examples | Need copy-paste code |
|
|
16
|
+
|
|
17
|
+
### 🤖 For LLM/AI Assistants
|
|
18
|
+
|
|
19
|
+
| Document | Description | Purpose |
|
|
20
|
+
|----------|-------------|---------|
|
|
21
|
+
| **[LLM Guide](./LLM_GUIDE.md)** | Comprehensive guide for AI | Code generation reference |
|
|
22
|
+
| **[Architecture](./ARCHITECTURE.md)** | System design and patterns | Understanding structure |
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
26
|
+
## 📚 Documentation Structure
|
|
27
|
+
|
|
28
|
+
### 1. Getting Started
|
|
29
|
+
|
|
30
|
+
**Start Here:** [Quick Start Guide](./QUICK_START.md)
|
|
31
|
+
|
|
32
|
+
Learn how to:
|
|
33
|
+
- Install and configure the layer
|
|
34
|
+
- Create your first page
|
|
35
|
+
- Set up authentication
|
|
36
|
+
- Use components and composables
|
|
37
|
+
|
|
38
|
+
**Time Required:** 10-15 minutes
|
|
39
|
+
|
|
40
|
+
---
|
|
41
|
+
|
|
42
|
+
### 2. Learning by Example
|
|
43
|
+
|
|
44
|
+
**Start Here:** [Component Examples](./COMPONENT_EXAMPLES.md)
|
|
45
|
+
|
|
46
|
+
Explore:
|
|
47
|
+
- StatusBox usage patterns
|
|
48
|
+
- InfoItemList configurations
|
|
49
|
+
- Form handling examples
|
|
50
|
+
- Data loading patterns
|
|
51
|
+
- Complete page examples
|
|
52
|
+
|
|
53
|
+
**Best For:** Visual learners who prefer examples
|
|
54
|
+
|
|
55
|
+
---
|
|
56
|
+
|
|
57
|
+
### 3. Complete Examples
|
|
58
|
+
|
|
59
|
+
**Start Here:** [Examples](./EXAMPLES.md)
|
|
60
|
+
|
|
61
|
+
Get ready-to-use code for:
|
|
62
|
+
- CRUD operations
|
|
63
|
+
- Dashboard pages
|
|
64
|
+
- User management
|
|
65
|
+
- File uploads
|
|
66
|
+
- Advanced filtering
|
|
67
|
+
|
|
68
|
+
**Best For:** Quick implementation
|
|
69
|
+
|
|
70
|
+
---
|
|
71
|
+
|
|
72
|
+
### 4. API Reference
|
|
73
|
+
|
|
74
|
+
**Start Here:** [API Reference](./API_REFERENCE.md)
|
|
75
|
+
|
|
76
|
+
Detailed documentation for:
|
|
77
|
+
- All composables (useAuth, useRequestOptions, etc.)
|
|
78
|
+
- All components (StatusBox, InfoItemList, etc.)
|
|
79
|
+
- TypeScript interfaces
|
|
80
|
+
- Enums and constants
|
|
81
|
+
- Middleware options
|
|
82
|
+
|
|
83
|
+
**Best For:** Looking up specific APIs
|
|
84
|
+
|
|
85
|
+
---
|
|
86
|
+
|
|
87
|
+
### 5. Architecture & Design
|
|
88
|
+
|
|
89
|
+
**Start Here:** [Architecture](./ARCHITECTURE.md)
|
|
90
|
+
|
|
91
|
+
Understand:
|
|
92
|
+
- System architecture
|
|
93
|
+
- Data flow patterns
|
|
94
|
+
- Security architecture
|
|
95
|
+
- Performance optimizations
|
|
96
|
+
- Design patterns used
|
|
97
|
+
|
|
98
|
+
**Best For:** Understanding the big picture
|
|
99
|
+
|
|
100
|
+
---
|
|
101
|
+
|
|
102
|
+
### 6. Troubleshooting
|
|
103
|
+
|
|
104
|
+
**Start Here:** [Troubleshooting](./TROUBLESHOOTING.md)
|
|
105
|
+
|
|
106
|
+
Solutions for:
|
|
107
|
+
- Authentication issues
|
|
108
|
+
- Permission problems
|
|
109
|
+
- Data loading errors
|
|
110
|
+
- Component issues
|
|
111
|
+
- Build problems
|
|
112
|
+
- Performance issues
|
|
113
|
+
|
|
114
|
+
**Best For:** Solving problems
|
|
115
|
+
|
|
116
|
+
---
|
|
117
|
+
|
|
118
|
+
### 7. LLM Guide
|
|
119
|
+
|
|
120
|
+
**Start Here:** [LLM Guide](./LLM_GUIDE.md)
|
|
121
|
+
|
|
122
|
+
Comprehensive guide covering:
|
|
123
|
+
- Project structure
|
|
124
|
+
- Core concepts
|
|
125
|
+
- Authentication system
|
|
126
|
+
- Routing & middleware
|
|
127
|
+
- Components
|
|
128
|
+
- Best practices for code generation
|
|
129
|
+
|
|
130
|
+
**Best For:** AI assistants generating code
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
134
|
+
## 🎓 Learning Paths
|
|
135
|
+
|
|
136
|
+
### Path 1: Complete Beginner
|
|
137
|
+
|
|
138
|
+
1. Read [Quick Start Guide](./QUICK_START.md) (15 min)
|
|
139
|
+
2. Follow the first page example
|
|
140
|
+
3. Explore [Component Examples](./COMPONENT_EXAMPLES.md) (30 min)
|
|
141
|
+
4. Build a simple CRUD page using [Examples](./EXAMPLES.md)
|
|
142
|
+
5. Refer to [API Reference](./API_REFERENCE.md) as needed
|
|
143
|
+
|
|
144
|
+
**Total Time:** 2-3 hours
|
|
145
|
+
|
|
146
|
+
---
|
|
147
|
+
|
|
148
|
+
### Path 2: Experienced Developer
|
|
149
|
+
|
|
150
|
+
1. Skim [Quick Start Guide](./QUICK_START.md) (5 min)
|
|
151
|
+
2. Review [Architecture](./ARCHITECTURE.md) (20 min)
|
|
152
|
+
3. Check [API Reference](./API_REFERENCE.md) for specific APIs
|
|
153
|
+
4. Use [Examples](./EXAMPLES.md) for implementation patterns
|
|
154
|
+
|
|
155
|
+
**Total Time:** 30-45 minutes
|
|
156
|
+
|
|
157
|
+
---
|
|
158
|
+
|
|
159
|
+
### Path 3: AI Assistant / LLM
|
|
160
|
+
|
|
161
|
+
1. Read [LLM Guide](./LLM_GUIDE.md) completely
|
|
162
|
+
2. Reference [API Reference](./API_REFERENCE.md) for exact signatures
|
|
163
|
+
3. Use [Component Examples](./COMPONENT_EXAMPLES.md) for patterns
|
|
164
|
+
4. Check [Architecture](./ARCHITECTURE.md) for design decisions
|
|
165
|
+
|
|
166
|
+
**Total Time:** Full context loading
|
|
167
|
+
|
|
168
|
+
---
|
|
169
|
+
|
|
170
|
+
## 🔍 Find What You Need
|
|
171
|
+
|
|
172
|
+
### By Task
|
|
173
|
+
|
|
174
|
+
| Task | Document | Section |
|
|
175
|
+
|------|----------|---------|
|
|
176
|
+
| Install the layer | [Quick Start](./QUICK_START.md) | Installation |
|
|
177
|
+
| Create a page | [Quick Start](./QUICK_START.md) | Your First Page |
|
|
178
|
+
| Add authentication | [LLM Guide](./LLM_GUIDE.md) | Authentication System |
|
|
179
|
+
| Handle forms | [Component Examples](./COMPONENT_EXAMPLES.md) | Form Patterns |
|
|
180
|
+
| Load data | [Component Examples](./COMPONENT_EXAMPLES.md) | Data Loading Patterns |
|
|
181
|
+
| Check permissions | [API Reference](./API_REFERENCE.md) | useAuth() |
|
|
182
|
+
| Build CRUD | [Examples](./EXAMPLES.md) | CRUD Operations |
|
|
183
|
+
| Debug issues | [Troubleshooting](./TROUBLESHOOTING.md) | All sections |
|
|
184
|
+
| Understand architecture | [Architecture](./ARCHITECTURE.md) | All sections |
|
|
185
|
+
|
|
186
|
+
---
|
|
187
|
+
|
|
188
|
+
### By Component
|
|
189
|
+
|
|
190
|
+
| Component | Document | Section |
|
|
191
|
+
|-----------|----------|---------|
|
|
192
|
+
| StatusBox | [Component Examples](./COMPONENT_EXAMPLES.md) | StatusBox Component |
|
|
193
|
+
| InfoItemList | [Component Examples](./COMPONENT_EXAMPLES.md) | InfoItemList Component |
|
|
194
|
+
| ButtonActionIcon | [Component Examples](./COMPONENT_EXAMPLES.md) | Button Components |
|
|
195
|
+
| ButtonBack | [Component Examples](./COMPONENT_EXAMPLES.md) | Button Components |
|
|
196
|
+
| LayoutAdmin | [Component Examples](./COMPONENT_EXAMPLES.md) | Layout Components |
|
|
197
|
+
| LayoutUser | [Component Examples](./COMPONENT_EXAMPLES.md) | Layout Components |
|
|
198
|
+
|
|
199
|
+
---
|
|
200
|
+
|
|
201
|
+
### By Composable
|
|
202
|
+
|
|
203
|
+
| Composable | Document | Section |
|
|
204
|
+
|------------|----------|---------|
|
|
205
|
+
| useAuth | [API Reference](./API_REFERENCE.md) | useAuth() |
|
|
206
|
+
| useRequestOptions | [API Reference](./API_REFERENCE.md) | useRequestOptions() |
|
|
207
|
+
| useObjectLoader | [API Reference](./API_REFERENCE.md) | useObjectLoader() |
|
|
208
|
+
| useListLoader | [API Reference](./API_REFERENCE.md) | useListLoader() |
|
|
209
|
+
| useForm | [API Reference](./API_REFERENCE.md) | useForm() |
|
|
210
|
+
|
|
211
|
+
---
|
|
212
|
+
|
|
213
|
+
### By Problem
|
|
214
|
+
|
|
215
|
+
| Problem | Document | Section |
|
|
216
|
+
|---------|----------|---------|
|
|
217
|
+
| Token not found | [Troubleshooting](./TROUBLESHOOTING.md) | Authentication Issues |
|
|
218
|
+
| Access denied | [Troubleshooting](./TROUBLESHOOTING.md) | Permission Issues |
|
|
219
|
+
| Data not loading | [Troubleshooting](./TROUBLESHOOTING.md) | Data Loading Issues |
|
|
220
|
+
| Component not found | [Troubleshooting](./TROUBLESHOOTING.md) | Component Issues |
|
|
221
|
+
| Build fails | [Troubleshooting](./TROUBLESHOOTING.md) | Build Issues |
|
|
222
|
+
| Slow performance | [Troubleshooting](./TROUBLESHOOTING.md) | Performance Issues |
|
|
223
|
+
|
|
224
|
+
---
|
|
225
|
+
|
|
226
|
+
## 📖 Reading Order Recommendations
|
|
227
|
+
|
|
228
|
+
### For New Projects
|
|
229
|
+
|
|
230
|
+
1. **[Quick Start Guide](./QUICK_START.md)** - Setup and basics
|
|
231
|
+
2. **[Component Examples](./COMPONENT_EXAMPLES.md)** - Learn patterns
|
|
232
|
+
3. **[Examples](./EXAMPLES.md)** - Copy working code
|
|
233
|
+
4. **[API Reference](./API_REFERENCE.md)** - Reference as needed
|
|
234
|
+
5. **[Troubleshooting](./TROUBLESHOOTING.md)** - When stuck
|
|
235
|
+
|
|
236
|
+
---
|
|
237
|
+
|
|
238
|
+
### For Understanding the System
|
|
239
|
+
|
|
240
|
+
1. **[Architecture](./ARCHITECTURE.md)** - Big picture
|
|
241
|
+
2. **[LLM Guide](./LLM_GUIDE.md)** - Detailed concepts
|
|
242
|
+
3. **[API Reference](./API_REFERENCE.md)** - Specific details
|
|
243
|
+
4. **[Component Examples](./COMPONENT_EXAMPLES.md)** - Practical usage
|
|
244
|
+
|
|
245
|
+
---
|
|
246
|
+
|
|
247
|
+
### For Quick Reference
|
|
248
|
+
|
|
249
|
+
1. **[API Reference](./API_REFERENCE.md)** - API signatures
|
|
250
|
+
2. **[Component Examples](./COMPONENT_EXAMPLES.md)** - Usage patterns
|
|
251
|
+
3. **[Troubleshooting](./TROUBLESHOOTING.md)** - Problem solving
|
|
252
|
+
|
|
253
|
+
---
|
|
254
|
+
|
|
255
|
+
## 🎯 Common Use Cases
|
|
256
|
+
|
|
257
|
+
### Use Case 1: "I need to build a CRUD page"
|
|
258
|
+
|
|
259
|
+
1. Check [Examples](./EXAMPLES.md) → CRUD Operations
|
|
260
|
+
2. Copy the list page template
|
|
261
|
+
3. Copy the form page template
|
|
262
|
+
4. Customize for your data model
|
|
263
|
+
5. Refer to [API Reference](./API_REFERENCE.md) for specific APIs
|
|
264
|
+
|
|
265
|
+
---
|
|
266
|
+
|
|
267
|
+
### Use Case 2: "I need to add authentication"
|
|
268
|
+
|
|
269
|
+
1. Read [LLM Guide](./LLM_GUIDE.md) → Authentication System
|
|
270
|
+
2. Check [Component Examples](./COMPONENT_EXAMPLES.md) → Form Patterns
|
|
271
|
+
3. Use middleware in your pages
|
|
272
|
+
4. Refer to [API Reference](./API_REFERENCE.md) → useAuth()
|
|
273
|
+
|
|
274
|
+
---
|
|
275
|
+
|
|
276
|
+
### Use Case 3: "I'm getting an error"
|
|
277
|
+
|
|
278
|
+
1. Check [Troubleshooting](./TROUBLESHOOTING.md) → Find your error
|
|
279
|
+
2. Follow the solution steps
|
|
280
|
+
3. If not found, check browser console
|
|
281
|
+
4. Review [Architecture](./ARCHITECTURE.md) for understanding
|
|
282
|
+
|
|
283
|
+
---
|
|
284
|
+
|
|
285
|
+
### Use Case 4: "I need to understand how it works"
|
|
286
|
+
|
|
287
|
+
1. Read [Architecture](./ARCHITECTURE.md) → Overview
|
|
288
|
+
2. Read [LLM Guide](./LLM_GUIDE.md) → Core Concepts
|
|
289
|
+
3. Explore [Component Examples](./COMPONENT_EXAMPLES.md)
|
|
290
|
+
4. Review [API Reference](./API_REFERENCE.md)
|
|
291
|
+
|
|
292
|
+
---
|
|
293
|
+
|
|
294
|
+
## 📝 Documentation Maintenance
|
|
295
|
+
|
|
296
|
+
### Last Updated
|
|
297
|
+
- **Date:** 2025-11-07
|
|
298
|
+
- **Version:** 0.2.50
|
|
299
|
+
|
|
300
|
+
### Contributing to Documentation
|
|
301
|
+
|
|
302
|
+
If you find errors or want to improve the documentation:
|
|
303
|
+
|
|
304
|
+
1. Check existing documentation first
|
|
305
|
+
2. Make changes following the same format
|
|
306
|
+
3. Update the "Last Updated" date
|
|
307
|
+
4. Submit a pull request
|
|
308
|
+
|
|
309
|
+
---
|
|
310
|
+
|
|
311
|
+
## 🔗 External Resources
|
|
312
|
+
|
|
313
|
+
- [Nuxt 3 Documentation](https://nuxt.com)
|
|
314
|
+
- [Nuxt UI Documentation](https://ui.nuxt.com)
|
|
315
|
+
- [Vue 3 Documentation](https://vuejs.org)
|
|
316
|
+
- [TypeScript Documentation](https://www.typescriptlang.org)
|
|
317
|
+
- [Valibot Documentation](https://valibot.dev)
|
|
318
|
+
|
|
319
|
+
---
|
|
320
|
+
|
|
321
|
+
## 💡 Tips for Using This Documentation
|
|
322
|
+
|
|
323
|
+
1. **Use the search function** (Ctrl/Cmd + F) to find specific topics
|
|
324
|
+
2. **Bookmark frequently used pages** for quick access
|
|
325
|
+
3. **Start with examples** if you learn better by doing
|
|
326
|
+
4. **Read the architecture** if you want deep understanding
|
|
327
|
+
5. **Keep the API reference handy** for quick lookups
|
|
328
|
+
6. **Check troubleshooting first** when encountering issues
|
|
329
|
+
|
|
330
|
+
---
|
|
331
|
+
|
|
332
|
+
## 🆘 Still Need Help?
|
|
333
|
+
|
|
334
|
+
1. ✅ Searched all documentation
|
|
335
|
+
2. ✅ Checked troubleshooting guide
|
|
336
|
+
3. ✅ Reviewed examples
|
|
337
|
+
4. ✅ Consulted API reference
|
|
338
|
+
|
|
339
|
+
If you still need help:
|
|
340
|
+
- Check the browser console for errors
|
|
341
|
+
- Review network requests in DevTools
|
|
342
|
+
- Verify your configuration
|
|
343
|
+
- Create a minimal reproduction
|
|
344
|
+
|
|
345
|
+
---
|
|
346
|
+
|
|
347
|
+
**Happy Coding! 🚀**
|
|
348
|
+
|
|
349
|
+
---
|
|
350
|
+
|
|
351
|
+
**Maintained by:** Finema Team
|
|
352
|
+
**Version:** 0.2.50
|
|
353
|
+
**Last Updated:** 2025-11-07
|
|
354
|
+
|