@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.
@@ -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
+