nest-scramble 3.0.5 → 3.0.6
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/LICENSE +21 -0
- package/README.md +6 -6
- package/examples/ui-configuration-example.ts +49 -0
- package/package.json +31 -3
- package/UI_FEATURES.md +0 -310
- package/build-and-publish.sh +0 -9
- package/coverage/lcov-report/base.css +0 -224
- package/coverage/lcov-report/block-navigation.js +0 -87
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/index.html +0 -236
- package/coverage/lcov-report/prettify.css +0 -1
- package/coverage/lcov-report/prettify.js +0 -2
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +0 -210
- package/coverage/lcov.info +0 -2930
- package/examples/futuristic-ui-example.ts +0 -222
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Mohamed Mustafa
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
---
|
|
14
14
|
|
|
15
|
-
## What's New in v3.0.
|
|
15
|
+
## What's New in v3.0.6
|
|
16
16
|
|
|
17
17
|
### Typed HTTP Client SDK Generation ✨
|
|
18
18
|
|
|
@@ -25,7 +25,7 @@ npx nest-scramble generate src --format client --output ./api-client.ts
|
|
|
25
25
|
**Generated output (`api-client.ts`):**
|
|
26
26
|
|
|
27
27
|
```typescript
|
|
28
|
-
// Auto-generated by nest-scramble v3.0.
|
|
28
|
+
// Auto-generated by nest-scramble v3.0.6 — do not edit manually
|
|
29
29
|
// Re-generate: npx nest-scramble generate src --format client
|
|
30
30
|
|
|
31
31
|
export class UsersApiClient {
|
|
@@ -65,7 +65,7 @@ const users = await client.getUsers(1, 10); // fully typed ✅
|
|
|
65
65
|
|
|
66
66
|
No extra runtime packages. Uses native `fetch`. Stays in sync with your controllers by re-running the command.
|
|
67
67
|
|
|
68
|
-
### Other v3.0.
|
|
68
|
+
### Other v3.0.6 changes
|
|
69
69
|
|
|
70
70
|
- Controller-based sidebar grouping is now the default (no config needed)
|
|
71
71
|
- Route param normalisation `:id` → `{id}` for full OpenAPI compliance
|
|
@@ -85,7 +85,7 @@ No `@ApiProperty` decorators. No runtime overhead. Nest-Scramble reads your Type
|
|
|
85
85
|
| Circular references | Auto-detected | Manual workarounds |
|
|
86
86
|
| Performance overhead | Zero | Decorator cost on every request |
|
|
87
87
|
| Postman collection | Built-in | Third-party export |
|
|
88
|
-
| Typed client SDK | ✅ v3.0.
|
|
88
|
+
| Typed client SDK | ✅ v3.0.6 | ✗ |
|
|
89
89
|
|
|
90
90
|
---
|
|
91
91
|
|
|
@@ -191,7 +191,7 @@ npx nest-scramble generate src -o openapi.json
|
|
|
191
191
|
# Generate Postman collection
|
|
192
192
|
npx nest-scramble generate src --format postman -o collection.json
|
|
193
193
|
|
|
194
|
-
# Generate typed TypeScript client (NEW in v3.0.4)
|
|
194
|
+
# Generate typed TypeScript client (NEW in v3.0.4, updated in v3.0.6)
|
|
195
195
|
npx nest-scramble generate src --format client -o api-client.ts
|
|
196
196
|
|
|
197
197
|
# Custom options
|
|
@@ -456,7 +456,7 @@ npm install nest-scramble@latest
|
|
|
456
456
|
- [x] Live mock server
|
|
457
457
|
- [x] Incremental scanning & watch mode
|
|
458
458
|
- [x] Transitive dependency tracking
|
|
459
|
-
- [x] Typed TypeScript client SDK (v3.0.
|
|
459
|
+
- [x] Typed TypeScript client SDK (v3.0.6)
|
|
460
460
|
- [ ] Insomnia / Bruno collection export
|
|
461
461
|
- [ ] `@ScrambleDoc()` lightweight metadata decorator
|
|
462
462
|
- [ ] GraphQL schema support
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* UI Configuration Example
|
|
3
|
+
*
|
|
4
|
+
* Demonstrates NestScrambleModule setup options for the built-in
|
|
5
|
+
* documentation interface.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { Module } from '@nestjs/common';
|
|
9
|
+
import { NestScrambleModule } from 'nest-scramble';
|
|
10
|
+
|
|
11
|
+
// ─── Example 1: Minimal setup ────────────────────────────────────────────────
|
|
12
|
+
@Module({
|
|
13
|
+
imports: [
|
|
14
|
+
NestScrambleModule.forRoot({
|
|
15
|
+
path: '/api-docs',
|
|
16
|
+
enableMock: true,
|
|
17
|
+
}),
|
|
18
|
+
],
|
|
19
|
+
})
|
|
20
|
+
export class AppModule {}
|
|
21
|
+
|
|
22
|
+
// ─── Example 2: Full configuration ───────────────────────────────────────────
|
|
23
|
+
@Module({
|
|
24
|
+
imports: [
|
|
25
|
+
NestScrambleModule.forRoot({
|
|
26
|
+
path: '/api-docs',
|
|
27
|
+
apiTitle: 'My API',
|
|
28
|
+
apiVersion: '1.0.0',
|
|
29
|
+
enableMock: true,
|
|
30
|
+
autoExportPostman: true,
|
|
31
|
+
postmanOutputPath: './postman-collection.json',
|
|
32
|
+
}),
|
|
33
|
+
],
|
|
34
|
+
})
|
|
35
|
+
export class AppFullModule {}
|
|
36
|
+
|
|
37
|
+
// ─── Example 3: Async configuration (e.g. reading from ConfigService) ────────
|
|
38
|
+
@Module({
|
|
39
|
+
imports: [
|
|
40
|
+
NestScrambleModule.forRootAsync({
|
|
41
|
+
useFactory: () => ({
|
|
42
|
+
path: '/docs',
|
|
43
|
+
apiTitle: 'My API',
|
|
44
|
+
enableMock: process.env.NODE_ENV !== 'production',
|
|
45
|
+
}),
|
|
46
|
+
}),
|
|
47
|
+
],
|
|
48
|
+
})
|
|
49
|
+
export class AppAsyncModule {}
|
package/package.json
CHANGED
|
@@ -1,32 +1,60 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nest-scramble",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.6",
|
|
4
4
|
"description": "A next-generation, decorator-free API documentation engine with Postman generation, live mocking, and typed client SDK generation for NestJS 10 and 11, engineered by Mohamed Mustafa",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
7
|
"bin": {
|
|
8
8
|
"nest-scramble": "dist/cli.js"
|
|
9
9
|
},
|
|
10
|
+
"files": [
|
|
11
|
+
"dist/",
|
|
12
|
+
"examples/",
|
|
13
|
+
"README.md",
|
|
14
|
+
"LICENSE"
|
|
15
|
+
],
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "https://github.com/Eng-MMustafa/nest-scramble.git"
|
|
19
|
+
},
|
|
20
|
+
"homepage": "https://github.com/Eng-MMustafa/nest-scramble#readme",
|
|
21
|
+
"bugs": {
|
|
22
|
+
"url": "https://github.com/Eng-MMustafa/nest-scramble/issues"
|
|
23
|
+
},
|
|
24
|
+
"publishConfig": {
|
|
25
|
+
"access": "public"
|
|
26
|
+
},
|
|
10
27
|
"scripts": {
|
|
11
28
|
"build": "rimraf dist && tsc",
|
|
12
29
|
"dev": "tsc --watch",
|
|
13
30
|
"test": "jest",
|
|
31
|
+
"test:ci": "jest --coverage --coverageReporters=lcov --coverageReporters=text",
|
|
14
32
|
"lint": "eslint src/**/*.ts",
|
|
15
33
|
"lint:fix": "eslint src/**/*.ts --fix",
|
|
16
34
|
"watch-generate": "node scripts/watch-generate.js"
|
|
17
35
|
},
|
|
18
36
|
"keywords": [
|
|
19
37
|
"nestjs",
|
|
38
|
+
"nestjs-10",
|
|
39
|
+
"nestjs-11",
|
|
20
40
|
"documentation",
|
|
41
|
+
"openapi",
|
|
42
|
+
"swagger",
|
|
21
43
|
"static-analysis",
|
|
22
44
|
"ast",
|
|
23
45
|
"postman",
|
|
24
46
|
"mocking",
|
|
47
|
+
"typed-client",
|
|
48
|
+
"sdk-generator",
|
|
25
49
|
"mohamed-mustafa",
|
|
26
50
|
"typescript",
|
|
27
|
-
"zero-config"
|
|
51
|
+
"zero-config",
|
|
52
|
+
"zero-decorator"
|
|
28
53
|
],
|
|
29
|
-
"author":
|
|
54
|
+
"author": {
|
|
55
|
+
"name": "Mohamed Mustafa",
|
|
56
|
+
"url": "https://github.com/Eng-MMustafa"
|
|
57
|
+
},
|
|
30
58
|
"license": "MIT",
|
|
31
59
|
"dependencies": {
|
|
32
60
|
"@faker-js/faker": "^8.4.1",
|
package/UI_FEATURES.md
DELETED
|
@@ -1,310 +0,0 @@
|
|
|
1
|
-
# 🚀 Nest-Scramble UI - World-Class Design Features
|
|
2
|
-
|
|
3
|
-
**Engineered by Mohamed Mustafa (@Eng-MMustafa)**
|
|
4
|
-
|
|
5
|
-
## ✨ Overview
|
|
6
|
-
|
|
7
|
-
The Nest-Scramble documentation UI has been elevated to a **bespoke, futuristic dashboard** that rivals high-end SaaS products. This document outlines all the advanced UI features and customization options.
|
|
8
|
-
|
|
9
|
-
## 🆕 Latest Documentation Updates
|
|
10
|
-
|
|
11
|
-
- **Controller-grouped sidebar**: Operations are grouped under their controller name automatically
|
|
12
|
-
- **Collapsible endpoint tree**: Each controller section can be expanded or collapsed in the sidebar
|
|
13
|
-
- **OpenAPI-safe route params**: Routes like `/users/:id` are emitted as `/users/{id}` for compatibility with OpenAPI renderers
|
|
14
|
-
- **Drop-in upgrade path**: Existing projects only need to update the package and restart the app
|
|
15
|
-
|
|
16
|
-
---
|
|
17
|
-
|
|
18
|
-
## 🎨 Futuristic Theme Features
|
|
19
|
-
|
|
20
|
-
### **Deep Space Dark Mode**
|
|
21
|
-
- **Background**: `#050505` - Ultra-deep space black
|
|
22
|
-
- **Animated Grid**: Pulsing background grid with subtle opacity animation
|
|
23
|
-
- **Color Palette**:
|
|
24
|
-
- **Cyber-Cyan**: `#00f2ff` (Primary accent)
|
|
25
|
-
- **Electric Purple**: `#a855f7` (Secondary accent)
|
|
26
|
-
- **Gradient Buttons**: Smooth cyan-to-purple gradients
|
|
27
|
-
|
|
28
|
-
### **Glassmorphism Design**
|
|
29
|
-
- Backdrop blur effects on all cards and panels
|
|
30
|
-
- Semi-transparent borders with subtle glow
|
|
31
|
-
- Layered depth with shadow insets
|
|
32
|
-
- Modern, frosted-glass aesthetic
|
|
33
|
-
|
|
34
|
-
### **Typography**
|
|
35
|
-
- **Fonts**: 'Inter' and 'Plus Jakarta Sans' via Google Fonts
|
|
36
|
-
- **Headers**: Gradient text with cyan-to-purple color fill
|
|
37
|
-
- **Code Blocks**: 'JetBrains Mono' and 'Fira Code' for optimal readability
|
|
38
|
-
|
|
39
|
-
### **Sidebar Navigation**
|
|
40
|
-
- Controller names are used as section titles automatically
|
|
41
|
-
- Endpoints render as nested items under each controller
|
|
42
|
-
- Sections are collapsible to keep large APIs easier to scan
|
|
43
|
-
- Search still works across all operations in the grouped tree
|
|
44
|
-
|
|
45
|
-
### **Interactive Elements**
|
|
46
|
-
- **Buttons**:
|
|
47
|
-
- Gradient backgrounds with hover animations
|
|
48
|
-
- Shimmer effect on hover
|
|
49
|
-
- Glow shadows with primary color
|
|
50
|
-
- Smooth lift animation (translateY)
|
|
51
|
-
|
|
52
|
-
- **Search Bar**:
|
|
53
|
-
- Spotlight-style UI (Cmd+K feel)
|
|
54
|
-
- Focus state with glowing border
|
|
55
|
-
- Dark glassmorphic background
|
|
56
|
-
|
|
57
|
-
- **Code Snippets**:
|
|
58
|
-
- Night Owl syntax theme
|
|
59
|
-
- Rounded corners with subtle borders
|
|
60
|
-
- Enhanced readability with proper spacing
|
|
61
|
-
|
|
62
|
-
### **Custom Branding**
|
|
63
|
-
- **Powered by Badge**: Fixed position badge with:
|
|
64
|
-
- Gradient background
|
|
65
|
-
- Pulsing glow animation
|
|
66
|
-
- "✨ Powered by Nest-Scramble" text
|
|
67
|
-
- Bottom-right placement
|
|
68
|
-
|
|
69
|
-
### **Scrollbar Styling**
|
|
70
|
-
- Custom gradient scrollbar thumb
|
|
71
|
-
- Smooth hover effects
|
|
72
|
-
- Matches the overall theme aesthetic
|
|
73
|
-
|
|
74
|
-
---
|
|
75
|
-
|
|
76
|
-
## 🎯 Configuration Options
|
|
77
|
-
|
|
78
|
-
### **Basic Setup**
|
|
79
|
-
|
|
80
|
-
```typescript
|
|
81
|
-
import { NestScrambleModule } from 'nest-scramble';
|
|
82
|
-
|
|
83
|
-
@Module({
|
|
84
|
-
imports: [
|
|
85
|
-
NestScrambleModule.forRoot({
|
|
86
|
-
// Theme selection
|
|
87
|
-
theme: 'futuristic', // or 'classic'
|
|
88
|
-
|
|
89
|
-
// Primary brand color
|
|
90
|
-
primaryColor: '#00f2ff',
|
|
91
|
-
|
|
92
|
-
// Custom favicon
|
|
93
|
-
customDomainIcon: 'https://your-domain.com/favicon.ico',
|
|
94
|
-
|
|
95
|
-
// API metadata
|
|
96
|
-
apiTitle: 'My Awesome API',
|
|
97
|
-
apiVersion: '2.0.0',
|
|
98
|
-
}),
|
|
99
|
-
],
|
|
100
|
-
})
|
|
101
|
-
export class AppModule {}
|
|
102
|
-
```
|
|
103
|
-
|
|
104
|
-
### **Available Options**
|
|
105
|
-
|
|
106
|
-
| Option | Type | Default | Description |
|
|
107
|
-
|--------|------|---------|-------------|
|
|
108
|
-
| `theme` | `'classic' \| 'futuristic'` | `'futuristic'` | UI theme selection |
|
|
109
|
-
| `primaryColor` | `string` | `'#00f2ff'` | Primary accent color (hex) |
|
|
110
|
-
| `customDomainIcon` | `string` | `''` | Custom favicon URL |
|
|
111
|
-
| `apiTitle` | `string` | Auto-detected | API documentation title |
|
|
112
|
-
| `apiVersion` | `string` | Auto-detected | API version number |
|
|
113
|
-
| `path` | `string` | `'/docs'` | Documentation route path |
|
|
114
|
-
| `enableMock` | `boolean` | `true` | Enable mock server |
|
|
115
|
-
|
|
116
|
-
### **Upgrade Note**
|
|
117
|
-
|
|
118
|
-
```bash
|
|
119
|
-
npm install nest-scramble@latest
|
|
120
|
-
```
|
|
121
|
-
|
|
122
|
-
After updating, restart your NestJS server and open `/docs` again. The grouped sidebar works automatically with existing controllers.
|
|
123
|
-
|
|
124
|
-
---
|
|
125
|
-
|
|
126
|
-
## 🎭 Easter Egg Features
|
|
127
|
-
|
|
128
|
-
### **Console Messages**
|
|
129
|
-
When users access the documentation, they'll see beautiful console messages:
|
|
130
|
-
|
|
131
|
-
```
|
|
132
|
-
✨ Engineered with passion by Mohamed Mustafa
|
|
133
|
-
Nest-Scramble is active.
|
|
134
|
-
🚀 GitHub: https://github.com/Eng-MMustafa/nest-scramble
|
|
135
|
-
```
|
|
136
|
-
|
|
137
|
-
### **Theme Toggle**
|
|
138
|
-
- Live theme switcher button (top-right)
|
|
139
|
-
- Persists preference in localStorage
|
|
140
|
-
- Smooth transitions between themes
|
|
141
|
-
|
|
142
|
-
---
|
|
143
|
-
|
|
144
|
-
## 🖥️ Terminal UI Enhancement
|
|
145
|
-
|
|
146
|
-
### **Gradient Dashboard**
|
|
147
|
-
The startup dashboard now features:
|
|
148
|
-
- **Cyan & Purple** gradient borders
|
|
149
|
-
- **Bold emojis** for visual hierarchy
|
|
150
|
-
- **Color-coded sections**:
|
|
151
|
-
- 🟢 Green bullets for endpoints
|
|
152
|
-
- 🔵 Cyan arrows for URLs
|
|
153
|
-
- 🟡 Yellow icons for metadata
|
|
154
|
-
- 🟣 Purple for theme indicator
|
|
155
|
-
|
|
156
|
-
### **Example Output**
|
|
157
|
-
|
|
158
|
-
```
|
|
159
|
-
╔═══════════════════════════════════════════════════════════════╗
|
|
160
|
-
║ ✨ NEST-SCRAMBLE by Mohamed Mustafa ║
|
|
161
|
-
║ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ║
|
|
162
|
-
║ ║
|
|
163
|
-
║ ● Documentation ║
|
|
164
|
-
║ → http://localhost:3000/docs ║
|
|
165
|
-
║ ║
|
|
166
|
-
║ ● OpenAPI Spec ║
|
|
167
|
-
║ → http://localhost:3000/docs-json ║
|
|
168
|
-
║ ║
|
|
169
|
-
║ ● Mock Server ║
|
|
170
|
-
║ → http://localhost:3000/scramble-mock ║
|
|
171
|
-
║ ║
|
|
172
|
-
║ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ║
|
|
173
|
-
║ 📦 Source Path: src ║
|
|
174
|
-
║ 🎯 Controllers: 5 ║
|
|
175
|
-
║ 🎨 Theme: Futuristic ║
|
|
176
|
-
╚═══════════════════════════════════════════════════════════════╝
|
|
177
|
-
```
|
|
178
|
-
|
|
179
|
-
---
|
|
180
|
-
|
|
181
|
-
## 🎨 CSS Architecture
|
|
182
|
-
|
|
183
|
-
### **Futuristic Theme**
|
|
184
|
-
- **Root Variables**: CSS custom properties for easy theming
|
|
185
|
-
- **Animations**:
|
|
186
|
-
- `gridPulse`: Background grid animation (10s)
|
|
187
|
-
- `badgePulse`: Branding badge glow (3s)
|
|
188
|
-
- **Transitions**: Smooth 0.3s cubic-bezier for all interactions
|
|
189
|
-
- **Responsive**: Mobile-optimized with proper viewport settings
|
|
190
|
-
|
|
191
|
-
### **Classic Theme**
|
|
192
|
-
- Clean, minimal design
|
|
193
|
-
- Light background with dark text
|
|
194
|
-
- Simplified color scheme
|
|
195
|
-
- Professional appearance for conservative environments
|
|
196
|
-
|
|
197
|
-
---
|
|
198
|
-
|
|
199
|
-
## 🚀 Advanced Features
|
|
200
|
-
|
|
201
|
-
### **1. Dynamic Color Branding**
|
|
202
|
-
Set your brand color once, and it propagates throughout:
|
|
203
|
-
- Button gradients
|
|
204
|
-
- Focus states
|
|
205
|
-
- Glow effects
|
|
206
|
-
- Scrollbar styling
|
|
207
|
-
- Link colors
|
|
208
|
-
|
|
209
|
-
### **2. Glassmorphism Effects**
|
|
210
|
-
- `backdrop-filter: blur(20px)` on cards
|
|
211
|
-
- Semi-transparent backgrounds
|
|
212
|
-
- Layered shadows for depth
|
|
213
|
-
- Modern, premium feel
|
|
214
|
-
|
|
215
|
-
### **3. Code Block Theming**
|
|
216
|
-
- Night Owl color scheme
|
|
217
|
-
- Syntax highlighting support
|
|
218
|
-
- Monospace font optimization
|
|
219
|
-
- Enhanced readability
|
|
220
|
-
|
|
221
|
-
### **4. Responsive Design**
|
|
222
|
-
- Mobile-first approach
|
|
223
|
-
- Flexible layouts
|
|
224
|
-
- Touch-optimized interactions
|
|
225
|
-
- Adaptive spacing
|
|
226
|
-
|
|
227
|
-
---
|
|
228
|
-
|
|
229
|
-
## 📊 Performance Optimizations
|
|
230
|
-
|
|
231
|
-
- **Font Preloading**: Google Fonts with `preconnect`
|
|
232
|
-
- **CSS-only Animations**: No JavaScript overhead
|
|
233
|
-
- **Minimal DOM Manipulation**: Efficient rendering
|
|
234
|
-
- **Optimized Selectors**: Fast CSS matching
|
|
235
|
-
|
|
236
|
-
---
|
|
237
|
-
|
|
238
|
-
## 🎯 Use Cases
|
|
239
|
-
|
|
240
|
-
### **Startup/SaaS Products**
|
|
241
|
-
```typescript
|
|
242
|
-
NestScrambleModule.forRoot({
|
|
243
|
-
theme: 'futuristic',
|
|
244
|
-
primaryColor: '#00f2ff',
|
|
245
|
-
apiTitle: 'StartupX API',
|
|
246
|
-
})
|
|
247
|
-
```
|
|
248
|
-
|
|
249
|
-
### **Enterprise/Corporate**
|
|
250
|
-
```typescript
|
|
251
|
-
NestScrambleModule.forRoot({
|
|
252
|
-
theme: 'classic',
|
|
253
|
-
primaryColor: '#0066cc',
|
|
254
|
-
apiTitle: 'Enterprise API Gateway',
|
|
255
|
-
})
|
|
256
|
-
```
|
|
257
|
-
|
|
258
|
-
### **Personal Projects**
|
|
259
|
-
```typescript
|
|
260
|
-
NestScrambleModule.forRoot({
|
|
261
|
-
theme: 'futuristic',
|
|
262
|
-
primaryColor: '#a855f7',
|
|
263
|
-
customDomainIcon: '/my-logo.png',
|
|
264
|
-
})
|
|
265
|
-
```
|
|
266
|
-
|
|
267
|
-
---
|
|
268
|
-
|
|
269
|
-
## 🔥 What Makes This "Dala3" (High-End)?
|
|
270
|
-
|
|
271
|
-
1. **✨ Attention to Detail**: Every pixel is crafted with care
|
|
272
|
-
2. **🎨 Modern Design Language**: Glassmorphism, gradients, animations
|
|
273
|
-
3. **⚡ Smooth Interactions**: Buttery 60fps animations
|
|
274
|
-
4. **🎯 User Experience**: Intuitive, delightful, professional
|
|
275
|
-
5. **🚀 Performance**: Optimized for speed and efficiency
|
|
276
|
-
6. **💎 Premium Feel**: Rivals products like Stripe, Vercel, Linear
|
|
277
|
-
|
|
278
|
-
---
|
|
279
|
-
|
|
280
|
-
## 🛠️ Technical Implementation
|
|
281
|
-
|
|
282
|
-
### **DocsController.ts**
|
|
283
|
-
- Dynamic CSS injection based on theme
|
|
284
|
-
- Separate methods for futuristic and classic themes
|
|
285
|
-
- Easter egg console script injection
|
|
286
|
-
- Theme toggle functionality
|
|
287
|
-
|
|
288
|
-
### **NestScrambleModule.ts**
|
|
289
|
-
- Enhanced options interface
|
|
290
|
-
- Smart defaults with auto-detection
|
|
291
|
-
- Gradient terminal dashboard
|
|
292
|
-
- Configuration validation
|
|
293
|
-
|
|
294
|
-
---
|
|
295
|
-
|
|
296
|
-
## 📝 License
|
|
297
|
-
|
|
298
|
-
MIT License - Developed by **Mohamed Mustafa** (@Eng-MMustafa)
|
|
299
|
-
|
|
300
|
-
---
|
|
301
|
-
|
|
302
|
-
## 🌟 Credits
|
|
303
|
-
|
|
304
|
-
**Lead Architect**: Mohamed Mustafa
|
|
305
|
-
**GitHub**: [@Eng-MMustafa](https://github.com/Eng-MMustafa)
|
|
306
|
-
**Project**: [nest-scramble](https://github.com/Eng-MMustafa/nest-scramble)
|
|
307
|
-
|
|
308
|
-
---
|
|
309
|
-
|
|
310
|
-
**Made with ✨ and passion for beautiful developer experiences.**
|