free-framework 4.8.11 → 5.0.0

package/templates/app-template/app/controllers/ProductController.free

@@ -0,0 +1,31 @@
+/**
+ * Product Controller (v5.0.0 [Convergence])
+ * Unified Logic for API and Web
+ */
+
+action index {
+    // Laravel-style Collection logic
+    const data = await ORM.all('Product');
+    return { success: true, data };
+}
+
+action show {
+    const item = await ORM.find('Product', { id: params.id });
+    return { success: !!item, data: item };
+}
+
+action store {
+    // Validation logic here
+    const newItem = await ORM.create('Product', body);
+    return { success: true, id: newItem.id };
+}
+
+action update {
+    await ORM.update('Product', { id: params.id }, body);
+    return { success: true };
+}
+
+action delete {
+    await ORM.delete('Product', { id: params.id });
+    return { success: true };
+}

package/templates/app-template/app/models/Product.free

@@ -0,0 +1,12 @@
+// Free Ultra Enterprise Model: Product
+// Optimized for SQLite / ORM v5.0.0
+
+model Product {
+    id integer primary_key autoincrement
+    uuid string unique
+    name string index
+    email string unique
+    status string default('active')
+    created_at timestamp default(now)
+    updated_at timestamp default(now)
+}

package/templates/app-template/public/free-runtime.js

@@ -0,0 +1 @@
+(()=>{var _=(s,i)=>()=>(i||s((i={exports:{}}).exports,i),i.exports);var g=_(()=>{(function(){console.log("\u{1F48E} Free Ultra Engine Activated");let s=document.getElementById("free-app-root"),i=document.createElement("div");i.id="free-loader",Object.assign(i.style,{position:"fixed",top:"0",left:"0",height:"3px",width:"0%",backgroundColor:"#00ff88",zIndex:"10000",transition:"width 0.3s ease, opacity 0.3s ease",boxShadow:"0 0 10px #00ff88"}),document.body.appendChild(i);function f(o){i.style.opacity="1",i.style.width=o+"%",o>=100&&setTimeout(()=>{i.style.opacity="0",setTimeout(()=>i.style.width="0%",300)},300)}async function d(o,t=!0){f(30);try{let e=await fetch(o,{headers:{"X-Free-Partial":"true"}});if(f(70),!e.ok)throw new Error("Navigation failed");let r=await e.json();s.style.opacity="0",s.style.transform="translateY(10px)",s.style.transition="opacity 0.2s ease, transform 0.2s ease",setTimeout(()=>{s.innerHTML=r.content,document.title=r.title,t&&history.pushState({url:o},r.title,o),u(),s.style.opacity="1",s.style.transform="translateY(0)",f(100),window.scrollTo(0,0)},200)}catch(e){console.error("SPA Error:",e),window.location.href=o}}function u(){document.querySelectorAll(".free-component[data-component]").forEach(t=>{if(t.getAttribute("data-hydrated"))return;let e=t.getAttribute("data-component"),r=JSON.parse(t.getAttribute("data-state")||"{}"),a=t.getAttribute("data-free-on-mount"),n=t.getAttribute("data-free-on-destroy");if(a&&window.__free_actions&&window.__free_actions[e]&&window.__free_actions[e][a])try{window.__free_actions[e][a](r)}catch(c){console.error(`[onMount] ${e}:`,c)}if(t.querySelectorAll("*").forEach(c=>{for(let l of c.attributes)if(l.name.startsWith("data-on-")){let w=l.name.replace("data-on-",""),m=l.value;c.addEventListener(w,h=>{let y=l.value;if(window.__free_actions&&window.__free_actions[e]&&window.__free_actions[e][y])try{window.__free_actions[e][y](r,h),t.setAttribute("data-state",JSON.stringify(r))}catch(p){console.error(`[Action] ${e} (${w}):`,p)}else console.warn(`Missing action handler for ${y} on ${w}`)})}}),t.setAttribute("data-hydrated","true"),n){let c=new MutationObserver(l=>{l.forEach(w=>{w.removedNodes.forEach(m=>{if(m===t){if(window.__free_actions&&window.__free_actions[e]&&window.__free_actions[e][n])try{window.__free_actions[e][n](r)}catch(h){console.error(`[onDestroy] ${e}:`,h)}c.disconnect()}})})});c.observe(t.parentNode,{childList:!0})}})}document.addEventListener("click",o=>{let t=o.target.closest("a");if(t&&t.href&&t.href.startsWith(window.location.origin)){let e=new URL(t.href);(e.pathname!==window.location.pathname||e.search!==window.location.search)&&(o.preventDefault(),d(t.href))}}),document.addEventListener("submit",async o=>{let t=o.target;if(t&&t.action&&t.action.startsWith(window.location.origin)){o.preventDefault(),f(30);let e=new FormData(t),r=Object.fromEntries(e.entries());try{let a=await fetch(t.action,{method:t.method||"POST",headers:{"Content-Type":"application/json","X-Free-Partial":"true"},body:JSON.stringify(r),redirect:"follow"});if(f(70),a.redirected){d(a.url);return}if(!a.ok){let n="An error occurred";try{n=(await a.json()).error||n}catch{}t.action.includes("/api/login")?d("/login?error="+encodeURIComponent(n)):d(window.location.pathname+"?error="+encodeURIComponent(n));return}try{let n=await a.json();n&&n.content?(s.style.opacity="0",setTimeout(()=>{s.innerHTML=n.content,n.title&&(document.title=n.title),u(),s.style.opacity="1",f(100)},200)):n&&n.success&&d(window.location.pathname+window.location.search)}catch{window.location.reload()}}catch(a){console.error("Form submit failed:",a),t.submit()}}},!0),window.addEventListener("popstate",o=>{o.state&&o.state.url&&d(o.state.url,!1)}),window.Free={navigate:d,async call(o,t={}){let e=document.querySelector('meta[name="csrf-token"]')?.getAttribute("content");try{let r=await fetch(`/_free/action/${o}`,{method:"POST",headers:{"Content-Type":"application/json","X-CSRF-Token":e},body:JSON.stringify(t)}),a=await r.json();if(!r.ok)throw new Error(a.error||"Action failed");return a}catch(r){throw console.error(`\u274C Action Error [${o}]:`,r.message),r}}},document.readyState==="loading"?document.addEventListener("DOMContentLoaded",u):u()})()});g();})();

package/templates/app-template/resources/components/ProductCard.free

@@ -0,0 +1,16 @@
+/**
+ * Component: ProductCard
+ * High-performance Interactive Island
+ */
+
+component ProductCard {
+    let status = state("idle");
+
+    div class="p-4 border border-zinc-800 rounded-xl" {
+        span { text "Status: " + status }
+        button class="ml-4 px-3 py-1 bg-white text-black text-xs font-bold" 
+                onClick={() => status = "active"} {
+            text "Activate"
+        }
+    }
+}

package/templates/app-template/resources/views/docs.free

@@ -40,17 +40,17 @@ component Docs {
                             li class="flex gap-3" { span class="text-white" { text "•" } text "Unified Syntax: The .free language unifies HTML, CSS, and Logic." }
                         }
                     }
-                    div class="card-pro bg-zinc-900/20" {
-                        pre {
-                            code {
-                                text "// Pure Performance\n"
-                                text "component Fast {\n"
-                                text "  h1 { text 'Zero Delay' }\n"
-                                text "  // Static by default\n"
-                                text "}"
+                        div class="card-pro bg-zinc-900/20" {
+                            pre {
+                                code {
+                                    text "// Pure Performance\n"
+                                    text "component Fast \{ \n"
+                                    text "  h1 \{ text 'Zero Delay' \}\n"
+                                    text "  // Static by default\n"
+                                    text "\}\n"
+                                }
                             }
                         }
-                    }
                 }
             }
 
@@ -110,10 +110,10 @@ component Docs {
                         pre {
                             code {
                                 text "get \"/dashboard\" -> Dashboard\n\n"
-                                text "post \"/api/login\" {\n"
-                                text "  const user = await ORM.find('User', { email: body.email });\n"
-                                text "  return { success: !!user };\n"
-                                text "}"
+                                text "post \"/api/login\" \{ \n"
+                                text "  const user = await ORM.find('User', \{ email: body.email \});\n"
+                                text "  return \{ success: !!user \};\n"
+                                text "\}"
                             }
                         }
                     }

package/templates/app-template/resources/views/home.free

@@ -1,67 +1,92 @@
 component Home {
-  main class="pt-32 pb-40 overflow-hidden" {
-    // Hero
-    section class="container-pro text-center pt-24 pb-20" {
-      div class="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-border bg-zinc-900/50 text-[11px] font-bold text-zinc-500 mb-8" {
-        span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse" { }
-        text "VERSION 4.8.10 IS NOW LIVE"
-      }
-
-      h1 class="hero-title" { 
-        text "The Engine for"
-        br { }
-        span class="text-zinc-600" { text "High-Performance." }
-      }
-      
-      p class="text-xl md:text-2xl text-zinc-500 max-w-3xl mx-auto mb-12 leading-relaxed font-medium" {
-        text "Experience the future of SSR with Islands Architecture, built-in Reactive state, and Enterprise-grade security. Small footprint, infinite power."
-      }
+  main class="min-h-screen bg-black text-white selection:bg-primary/30" {
+    
+    // Taskfy-themed Aura Background
+    div class="fixed inset-0 pointer-events-none opacity-20 overflow-hidden" {
+        div class="absolute -top-1/4 -left-1/4 w-1/2 h-1/2 bg-primary blur-[160px] rounded-full animate-pulse" { }
+        div class="absolute -bottom-1/4 -right-1/4 w-1/2 h-1/2 bg-blue-600 blur-[160px] rounded-full" { }
+    }
 
-      div class="flex flex-wrap justify-center gap-5" {
-        a href="https://omar-fathy.xyz/free-docs/guide.php" class="btn-pro" {
-          text "Read Encyclopedia"
-          svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" {
-            path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18 18.247 18.477 16.5 18c-1.746 0-3.332.477-4.5 1.253" { }
-          }
-        }
-        a href="https://github.com/dev-omartolba" class="btn-outline" {
-          text "View Source"
+    // Navigation Header
+    header class="fixed top-0 w-full z-50 px-8 py-6 backdrop-blur-md border-b border-white/5" {
+        div class="max-w-7xl mx-auto flex justify-between items-center" {
+            div class="text-xl font-black italic tracking-tighter" {
+                text "FREE "
+                span class="text-primary" { text "ULTRA" }
+            }
+            div class="flex gap-8 items-center text-[10px] font-bold uppercase tracking-widest text-zinc-500" {
+                a href="#" class="hover:text-white transition-colors" { text "Engine" }
+                a href="#" class="hover:text-white transition-colors" { text "Ecosystem" }
+                a href="https://omar-fathy.xyz/free-docs/guide.php" class="px-5 py-2 bg-white text-black rounded-lg hover:bg-primary hover:text-white transition-all shadow-xl shadow-white/5" { 
+                    text "Read Encyclopedia" 
+                }
+            }
         }
-      }
+    }
+
+    // Hero Section: The Taskfy Portal Entrance
+    section class="relative pt-48 pb-32 px-8 overflow-hidden" {
+        div class="max-w-5xl mx-auto text-center relative z-10" {
+            div class="inline-block px-4 py-1 rounded-full bg-primary/20 border border-primary/30 mb-8" {
+                span class="text-[9px] font-black tracking-[.4em] uppercase text-primary" { text "Aura v5.0.0 High-Octane" }
+            }
+            h1 class="text-7xl md:text-9xl font-black tracking-tighter leading-none mb-10" {
+                text "The Taskfy"
+                br { }
+                span class="italic text-transparent bg-clip-text bg-gradient-to-r from-primary to-blue-400" { text "Ecosystem." }
+            }
+            p class="text-xl md:text-2xl text-zinc-500 max-w-3xl mx-auto mb-16 font-medium leading-relaxed" {
+                text "Welcome to the future of high-performance engineering. Free Ultra merges Laravel's elegance, React's reactivity, and Node.js speed into one world-class engine."
+            }
 
-      div class="mt-24 max-w-4xl mx-auto relative" {
-        div class="absolute -inset-1 bg-gradient-to-r from-zinc-800 to-zinc-900 rounded-2xl blur opacity-20" { }
-        pre class="relative" {
-          code { text "$ npx free-framework@latest new my-project" }
+            div class="flex flex-wrap justify-center gap-6" {
+                a href="/taskfy" class="px-10 py-5 bg-primary text-white font-black uppercase tracking-widest text-xs rounded-2xl shadow-2xl shadow-primary/40 hover:scale-105 transition-all" {
+                    text "Enter Portal"
+                }
+                a href="https://github.com/dev-omartolba" class="px-10 py-5 border border-white/10 text-zinc-500 font-bold uppercase tracking-widest text-xs rounded-2xl hover:bg-white/5 transition-all" {
+                    text "Signal Terminal"
+                }
+            }
         }
-      }
     }
 
-    // Features
-    section class="container-pro pt-32" {
-      div class="grid md:grid-cols-3 gap-8" {
-        div class="card-pro" {
-          div class="w-10 h-10 rounded-lg bg-zinc-900 border border-border flex items-center justify-center mb-6" {
-            text "⚡"
-          }
-          h3 class="text-xl font-bold mb-3" { text "Speed" }
-          p class="text-base text-zinc-500 leading-relaxed" { text "Zero-overhead runtime powered by HyperExpress for sub-millisecond responses." }
+    // Infrastructure Visualizer
+    section class="py-32 px-8 relative" {
+        div class="max-w-7xl mx-auto grid md:grid-cols-3 gap-12" {
+            div class="p-10 rounded-3xl bg-zinc-950 border border-white/5 group hover:border-primary/50 transition-all" {
+                div class="text-primary text-4xl mb-6" { text "⚙️" }
+                h3 class="text-2xl font-black mb-4 italic tracking-tighter" { text "Convergence Core" }
+                p class="text-zinc-500 leading-relaxed" { 
+                    text "A unified runtime that automatically optimizes your components using industry-standard patterns from the Big Three." 
+                }
+            }
+            div class="p-10 rounded-3xl bg-zinc-950 border border-white/5 group hover:border-primary/50 transition-all transform md:translate-y-12" {
+                div class="text-primary text-4xl mb-6" { text "🛡️" }
+                h3 class="text-2xl font-black mb-4 italic tracking-tighter" { text "Aura Firewall" }
+                p class="text-zinc-500 leading-relaxed" { 
+                    text "Real-time threat detection and surgical request filtering embedded directly into the framework's heartbeat." 
+                }
+            }
+            div class="p-10 rounded-3xl bg-zinc-950 border border-white/5 group hover:border-primary/50 transition-all" {
+                div class="text-primary text-4xl mb-6" { text "🚀" }
+                h3 class="text-2xl font-black mb-4 italic tracking-tighter" { text "Hyper Speed" }
+                p class="text-zinc-500 leading-relaxed" { 
+                    text "Native Brotli compression and uWebSockets.js integration deliver sub-millisecond response times under heavy load." 
+                }
+            }
         }
-        div class="card-pro" {
-          div class="w-10 h-10 rounded-lg bg-zinc-900 border border-border flex items-center justify-center mb-6" {
-            text "🏝️"
-          }
-          h3 class="text-xl font-bold mb-3" { text "Islands" }
-          p class="text-base text-zinc-500 leading-relaxed" { text "Partial hydration logic that ships minimal JavaScript for maximum SEO benefits." }
-        }
-        div class="card-pro" {
-          div class="w-10 h-10 rounded-lg bg-zinc-900 border border-border flex items-center justify-center mb-6" {
-            text "🛡️"
-          }
-          h3 class="text-xl font-bold mb-3" { text "Security" }
-          p class="text-base text-zinc-500 leading-relaxed" { text "Built-in DDoS protection, CSRF guards, and secure-by-default environment." }
+    }
+
+    footer class="py-20 border-t border-white/5 text-center" {
+        p class="text-[10px] font-black uppercase tracking-[.6em] text-zinc-700" {
+            text "FREE ULTRA © 2026. ALL PROTOCOLS VERIFIED."
         }
-      }
+    }
+
+    style {
+        h1 { text-shadow: 0 20px 80px rgba(59, 130, 246, 0.2); }
+        .bg-primary { background-color: #3b82f6; }
+        .text-primary { color: #3b82f6; }
     }
   }
 }