free-framework 4.6.8 → 4.7.1
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/compiler/generator.js
CHANGED
|
@@ -194,44 +194,51 @@ if (server.namedMiddlewares['auth']) server.namedMiddlewares['AuthGuard'] = serv
|
|
|
194
194
|
" };\n" +
|
|
195
195
|
" const props = result || (res.context && res.context.props ? res.context.props : {});\n" +
|
|
196
196
|
" const pageHtml = helpers.renderComponent('" + viewName + "', props);\n" +
|
|
197
|
-
"\n" +
|
|
198
197
|
" if (req.headers['x-free-partial']) {\n" +
|
|
199
198
|
" return res.json({ title: 'Free Ultra | " + viewName + "', content: pageHtml, url: req.url });\n" +
|
|
200
199
|
" }\n" +
|
|
201
|
-
"\n" +
|
|
202
200
|
" const headerHtml = helpers.renderComponent('Header', props);\n" +
|
|
203
|
-
" const fullHTML = `<!DOCTYPE html
|
|
204
|
-
"
|
|
205
|
-
"
|
|
206
|
-
"
|
|
207
|
-
"
|
|
208
|
-
"
|
|
209
|
-
"
|
|
210
|
-
"
|
|
211
|
-
"
|
|
212
|
-
"
|
|
213
|
-
"
|
|
214
|
-
"
|
|
215
|
-
"
|
|
216
|
-
"
|
|
217
|
-
"
|
|
201
|
+
" const fullHTML = `<!DOCTYPE html>\n" +
|
|
202
|
+
"<html lang=\"en\">\n" +
|
|
203
|
+
"<head>\n" +
|
|
204
|
+
" <meta charset=\"UTF-8\">\n" +
|
|
205
|
+
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n" +
|
|
206
|
+
" <title>Free Ultra | " + viewName + "</title>\n" +
|
|
207
|
+
" <meta name=\"csrf-token\" content=\"${res.context.csrfToken || ''}\">\n" +
|
|
208
|
+
" <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n" +
|
|
209
|
+
" <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n" +
|
|
210
|
+
" <link href=\"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap\" rel=\"stylesheet\">\n" +
|
|
211
|
+
" <link rel=\"stylesheet\" href=\"/css/app.css\">\n" +
|
|
212
|
+
" <style>\n" +
|
|
213
|
+
" :root { --primary:#00ff88; --secondary:#00bdff; --dark:#050505; }\n" +
|
|
214
|
+
" body { margin:0; font-family:'Outfit', system-ui, sans-serif; background:var(--dark); color:white; overflow-x:hidden; scroll-behavior:smooth; }\n" +
|
|
215
|
+
" " + scopedCSS + "\n" +
|
|
216
|
+
" </style>\n" +
|
|
217
|
+
" <script src=\"/free-runtime.js\" defer></script>\n" +
|
|
218
|
+
"</head>\n" +
|
|
219
|
+
"<body>\n" +
|
|
220
|
+
" ${headerHtml}\n" +
|
|
221
|
+
" <main id=\"free-app-root\">\n" +
|
|
222
|
+
" ${pageHtml}\n" +
|
|
223
|
+
" </main>\n" +
|
|
224
|
+
"</body>\n" +
|
|
225
|
+
"</html>`;\n" +
|
|
218
226
|
" res.header('Content-Type', 'text/html').send(fullHTML);\n" +
|
|
219
227
|
" } else {\n" +
|
|
220
|
-
" // API route - return JSON\n" +
|
|
221
228
|
" res.json({ success: true, result });\n" +
|
|
222
229
|
" }\n" +
|
|
223
|
-
"});\n";
|
|
230
|
+
" });\n";
|
|
224
231
|
}
|
|
225
232
|
});
|
|
226
233
|
|
|
227
234
|
output += `\nif (require.main === module) {
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
235
|
+
ORM.migrate(modelsRegistry).then(() => {
|
|
236
|
+
server.start(process.env.PORT || 4000);
|
|
237
|
+
}).catch(err => console.error(err));
|
|
231
238
|
}
|
|
232
239
|
|
|
233
|
-
module.exports = {
|
|
234
|
-
`;
|
|
240
|
+
module.exports = {...modelsRegistry, server, modelsRegistry, ORM};
|
|
241
|
+
`;
|
|
235
242
|
|
|
236
243
|
return output;
|
|
237
244
|
}
|
package/package.json
CHANGED
|
@@ -2,6 +2,81 @@
|
|
|
2
2
|
@tailwind components;
|
|
3
3
|
@tailwind utilities;
|
|
4
4
|
|
|
5
|
+
:root {
|
|
6
|
+
--primary: #00ff88;
|
|
7
|
+
--primary-glow: rgba(0, 255, 136, 0.4);
|
|
8
|
+
--secondary: #00bdff;
|
|
9
|
+
--dark: #050505;
|
|
10
|
+
--surface: rgba(255, 255, 255, 0.03);
|
|
11
|
+
--glass-border: rgba(255, 255, 255, 0.1);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
body {
|
|
15
|
+
@apply bg-black text-gray-100 selection:bg-primary selection:text-black;
|
|
16
|
+
background-image:
|
|
17
|
+
radial-gradient(circle at 20% 20%, rgba(0, 255, 136, 0.05) 0%, transparent 40%),
|
|
18
|
+
radial-gradient(circle at 80% 80%, rgba(0, 189, 255, 0.05) 0%, transparent 40%);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.glass {
|
|
22
|
+
@apply backdrop-blur-xl bg-white/5 border border-white/10;
|
|
23
|
+
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.8);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.nav-link {
|
|
27
|
+
@apply relative py-2 transition-all duration-300 hover:text-primary;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.nav-link::after {
|
|
31
|
+
content: '';
|
|
32
|
+
@apply absolute bottom-0 left-0 w-0 h-0.5 bg-primary transition-all duration-300;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.nav-link:hover::after {
|
|
36
|
+
@apply w-full;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.btn-premium {
|
|
40
|
+
@apply px-8 py-4 rounded-full font-bold transition-all duration-500 relative overflow-hidden flex items-center gap-2;
|
|
41
|
+
background: linear-gradient(135deg, var(--primary), var(--secondary));
|
|
42
|
+
color: #000;
|
|
43
|
+
box-shadow: 0 0 20px var(--primary-glow);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.btn-premium:hover {
|
|
47
|
+
@apply scale-105;
|
|
48
|
+
box-shadow: 0 0 40px var(--primary-glow);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.hero-text {
|
|
52
|
+
@apply text-7xl md:text-9xl font-black tracking-tighter leading-none;
|
|
53
|
+
background: linear-gradient(180deg, #fff 0%, #888 100%);
|
|
54
|
+
-webkit-background-clip: text;
|
|
55
|
+
-webkit-text-fill-color: transparent;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@keyframes float {
|
|
59
|
+
0% {
|
|
60
|
+
transform: translateY(0px);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
50% {
|
|
64
|
+
transform: translateY(-20px);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
100% {
|
|
68
|
+
transform: translateY(0px);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.animate-float {
|
|
73
|
+
animation: float 6s ease-in-out infinite;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.feature-card {
|
|
77
|
+
@apply p-8 rounded-3xl glass transition-all duration-500 hover:-translate-y-2 hover:border-primary/30;
|
|
78
|
+
}
|
|
79
|
+
|
|
5
80
|
/* --------------------------------------------------------------------------
|
|
6
81
|
* Free Framework Enterprise Styles
|
|
7
82
|
* --------------------------------------------------------------------------
|
|
@@ -1,18 +1,29 @@
|
|
|
1
1
|
component Header {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
header class="fixed top-0 left-0 w-full z-50 transition-all duration-300 border-b border-white/5 backdrop-blur-md bg-black/30" {
|
|
3
|
+
nav class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between" {
|
|
4
|
+
div class="flex items-center gap-8" {
|
|
5
|
+
a href="/" class="flex items-center gap-2 group" {
|
|
6
|
+
div class="w-10 h-10 rounded-xl bg-gradient-to-tr from-primary to-secondary flex items-center justify-center shadow-lg shadow-primary/20 group-hover:rotate-12 transition-transform duration-500" {
|
|
7
|
+
span class="text-black font-black text-xl" { text "F" }
|
|
8
|
+
}
|
|
9
|
+
span class="text-2xl font-black tracking-tighter text-white" { text "FREE ULTRA" }
|
|
10
|
+
}
|
|
4
11
|
|
|
5
|
-
div {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
12
|
+
div class="hidden md:flex items-center gap-6 ml-8" {
|
|
13
|
+
a href="/" class="nav-link font-medium" { text "Home" }
|
|
14
|
+
a href="/dashboard" class="nav-link font-medium" { text "Dashboard" }
|
|
15
|
+
a href="/docs" class="nav-link font-medium" { text "Documentation" }
|
|
9
16
|
}
|
|
17
|
+
}
|
|
10
18
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
19
|
+
div class="flex items-center gap-4" {
|
|
20
|
+
span class="hidden sm:inline-flex items-center px-3 py-1 rounded-full bg-primary/10 border border-primary/20 text-primary text-xs font-bold tracking-widest uppercase animate-pulse" {
|
|
21
|
+
text "v4.7.0 ACTIVE"
|
|
22
|
+
}
|
|
23
|
+
a href="/login" class="px-5 py-2 rounded-full border border-white/10 hover:bg-white/5 transition-colors font-semibold" {
|
|
24
|
+
text "Sign In"
|
|
16
25
|
}
|
|
26
|
+
}
|
|
17
27
|
}
|
|
28
|
+
}
|
|
18
29
|
}
|
|
@@ -10,17 +10,66 @@ component Home {
|
|
|
10
10
|
.hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(to right, #1f2937, #111827); color: white; }
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
main class="pt-32 pb-20 px-6" {
|
|
14
|
+
// Hero Section
|
|
15
|
+
section class="relative max-w-7xl mx-auto flex flex-col items-center text-center py-20 md:py-32" {
|
|
16
|
+
div class="absolute -top-20 w-72 h-72 bg-primary/20 rounded-full blur-[120px] -z-10 animate-pulse" { }
|
|
17
|
+
div class="absolute top-40 -right-20 w-96 h-96 bg-secondary/10 rounded-full blur-[150px] -z-10" { }
|
|
18
|
+
|
|
19
|
+
h1 class="hero-text mb-8" {
|
|
20
|
+
text "Build Faster."
|
|
21
|
+
br { }
|
|
22
|
+
span class="text-primary" { text "Deploy Sharper." }
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
p class="text-xl md:text-2xl text-gray-400 max-w-2xl mb-12 font-medium leading-relaxed" {
|
|
26
|
+
text "The Enterprise Node.js Ecosystem you've been waiting for. Powered by Islands Architecture, built-in ORM, and Extreme SSR Performance."
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
div class="flex flex-wrap justify-center gap-6" {
|
|
30
|
+
a href="/docs" class="btn-premium" {
|
|
31
|
+
span { text "Get Started" }
|
|
32
|
+
svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" {
|
|
33
|
+
path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="Arrow-right" { }
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
a href="https://github.com/dev-omartolba" class="px-8 py-4 rounded-full glass font-bold hover:bg-white/10 transition-all flex items-center gap-2" {
|
|
37
|
+
text "View Source"
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
div class="mt-20 w-full glass rounded-[40px] p-4 animate-float" {
|
|
42
|
+
div class="rounded-[32px] overflow-hidden border border-white/5 bg-black/40" {
|
|
43
|
+
div class="px-4 py-3 border-b border-white/5 flex gap-2" {
|
|
44
|
+
div class="w-3 h-3 rounded-full bg-red-500/50" { }
|
|
45
|
+
div class="w-3 h-3 rounded-full bg-yellow-500/50" { }
|
|
46
|
+
div class="w-3 h-3 rounded-full bg-green-500/50" { }
|
|
47
|
+
}
|
|
48
|
+
pre class="p-8 text-left text-primary font-mono text-lg" {
|
|
49
|
+
code { text "npx free-framework new my-app" }
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
19
53
|
}
|
|
20
54
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
55
|
+
// Features Section
|
|
56
|
+
section class="max-w-7xl mx-auto py-32" {
|
|
57
|
+
h2 class="text-4xl md:text-6xl font-black mb-20 text-center" { text "Why Free Ultra?" }
|
|
58
|
+
|
|
59
|
+
div class="grid md:grid-cols-3 gap-8" {
|
|
60
|
+
div class="feature-card" {
|
|
61
|
+
h3 class="text-2xl font-bold mb-4 text-primary" { text "HyperExpress Core" }
|
|
62
|
+
p class="text-gray-400" { text "Built on top of uWebSockets.js, providing the fastest HTTP/WebSocket performance in the Node.js ecosystem." }
|
|
63
|
+
}
|
|
64
|
+
div class="feature-card" {
|
|
65
|
+
h3 class="text-2xl font-bold mb-4 text-secondary" { text "Islands Architecture" }
|
|
66
|
+
p class="text-gray-400" { text "Ships zero Javascript by default. Only hydrate the components that need interactivity for ultimate SEO and speed." }
|
|
67
|
+
}
|
|
68
|
+
div class="feature-card" {
|
|
69
|
+
h3 class="text-2xl font-bold mb-4 text-white" { text "Pro-Grade ORM" }
|
|
70
|
+
p class="text-gray-400" { text "A built-in migration system and elegant Model layer that makes database management a breeze." }
|
|
71
|
+
}
|
|
72
|
+
}
|
|
24
73
|
}
|
|
25
74
|
}
|
|
26
75
|
}
|