baraqex 1.0.26 → 1.0.28
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "baraqex",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.28",
|
|
4
4
|
"description": "A wrapper package for frontend-hamroun framework",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"gradient-string": "^2.0.2",
|
|
56
56
|
"inquirer": "^9.2.12",
|
|
57
57
|
"jest": "^29.5.0",
|
|
58
|
-
"nanospinner": "^1.
|
|
58
|
+
"nanospinner": "^1.2.2",
|
|
59
59
|
"ora": "^7.0.1",
|
|
60
60
|
"supertest": "^6.3.3",
|
|
61
61
|
"terminal-link": "^3.0.0",
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
# Frontend Hamroun SSR Template
|
|
2
|
+
|
|
3
|
+
🚀 Advanced SSR template with hooks, modern design, and interactive components.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- ✅ Server-Side Rendering (SSR)
|
|
8
|
+
- ✅ Client-Side Hydration
|
|
9
|
+
- ✅ React-like Hooks (useState, useEffect, useRef, useMemo)
|
|
10
|
+
- ✅ Modern TypeScript Support
|
|
11
|
+
- ✅ Interactive Components (Counter, Timer, Todo List)
|
|
12
|
+
- ✅ Theme Switching (Light/Dark)
|
|
13
|
+
- ✅ Responsive Design
|
|
14
|
+
- ✅ Performance Optimized
|
|
15
|
+
|
|
16
|
+
## Getting Started
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
# Install dependencies
|
|
20
|
+
npm install
|
|
21
|
+
|
|
22
|
+
# Build the application
|
|
23
|
+
npm run build
|
|
24
|
+
|
|
25
|
+
# Start the development server
|
|
26
|
+
npm run dev
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
Visit http://localhost:3000 to see your app.
|
|
30
|
+
|
|
31
|
+
## Project Structure
|
|
32
|
+
|
|
33
|
+
```
|
|
34
|
+
src/
|
|
35
|
+
├── App.tsx # Main application component
|
|
36
|
+
├── server.ts # Express server with SSR
|
|
37
|
+
└── client.tsx # Client-side hydration
|
|
38
|
+
dist/ # Built files
|
|
39
|
+
esbuild.config.js # Build configuration
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
## Available Scripts
|
|
43
|
+
|
|
44
|
+
- `npm run dev` - Build and start development server
|
|
45
|
+
- `npm run build` - Build for production
|
|
46
|
+
- `npm run start` - Start the server
|
|
47
|
+
- `npm run clean` - Clean and reinstall dependencies
|
|
48
|
+
|
|
49
|
+
## Custom Hooks
|
|
50
|
+
|
|
51
|
+
The template includes several custom hooks:
|
|
52
|
+
|
|
53
|
+
- `useTimer` - Timer/stopwatch functionality
|
|
54
|
+
- `useCounter` - Counter with step controls
|
|
55
|
+
- `useTodos` - Todo list management
|
|
56
|
+
- `useTheme` - Theme switching
|
|
57
|
+
|
|
58
|
+
## Learn More
|
|
59
|
+
|
|
60
|
+
- [Frontend Hamroun Documentation](https://github.com/hamroun96/frontend-hamroun)
|
|
61
|
+
- [TypeScript Documentation](https://www.typescriptlang.org/)
|
|
62
|
+
- [Express.js Documentation](https://expressjs.com/)
|