fusee-framework 1.0.0 → 1.1.0

package/framework/core/evaluator.js

@@ -6,12 +6,15 @@ const DANGEROUS_SCHEMES = /^(javascript|data|vbscript|file):/i
 export function evaluateExpression(expr, context, extraContext = {}, unwrapSignals = true) {
     const keys = []
     const values = []
+    const identifiers = new Set(expr.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || [])
 
-    // Map global context
+    // Map global context (only what is used in expression)
     for (const k in context) {
-        keys.push(k)
-        const val = context[k]
-        values.push(unwrapSignals && typeof val === 'function' && val.isSignal ? val() : val)
+        if (identifiers.has(k)) {
+            keys.push(k)
+            const val = context[k]
+            values.push(unwrapSignals && typeof val === 'function' && val.isSignal ? val() : val)
+        }
     }
 
     // Map extra context (like $event)

package/framework/router/router.js

@@ -9,9 +9,11 @@ export function createRouter(routes) {
     window.addEventListener('hashchange', handler)
 
     if (document.readyState === 'loading') {
-        window.addEventListener('DOMContentLoaded', handler)
+        window.addEventListener('DOMContentLoaded', handler, { once: true })
     } else {
-        _resolve()
+        setTimeout(() => {
+            if (!_currentInstance) _resolve()
+        }, 0)
     }
 
     return {
@@ -41,7 +43,7 @@ export function mountOutlet(el) {
 }
 
 function _resolve() {
-    if (!_outlet) {
+    if (!_outlet || _routes.length === 0) {
         return
     }
 

package/framework/types/compiler.d.ts

@@ -13,13 +13,3 @@ export function compileNode(
     components: Record<string, ComponentFactory>,
     effects: (() => void)[]
 ): void
-
-function processTextNodes(root: HTMLElement, context: ComponentResult, effects: (() => void)[]): void
-function processAttrBindings(root: HTMLElement, context: ComponentResult, effects: (() => void)[]): void
-
-function bindComponents(
-    container: HTMLElement,
-    components: Record<string, ComponentFactory>,
-    context: ComponentResult,
-    effects: (() => void)[]
-): void

package/index.html

@@ -30,14 +30,23 @@
     }
 
     nav a {
-      color: #ff3333; /* Link-urile sunt acum roșii */
+      color: #ff3333;
+      /* Link-urile sunt acum roșii */
       text-decoration: none;
       font-weight: 500;
     }
 
     /* Temă Red Fusée */
-    #app h1 { color: #ff3333; text-shadow: 0 0 20px rgba(255, 51, 51, 0.4); margin-bottom: 1rem; }
-    #app p { color: #ff9999; opacity: 0.9; }
+    #app h1 {
+      color: #ff3333;
+      text-shadow: 0 0 20px rgba(255, 51, 51, 0.4);
+      margin-bottom: 1rem;
+    }
+
+    #app p {
+      color: #ff9999;
+      opacity: 0.9;
+    }
 
     nav a:hover {
       color: #fff;
@@ -159,6 +168,7 @@
   <nav>
     <a href="#/">Home</a>
     <a href="#/about">About</a>
+    <a href="#/test-for">Test f-for</a>
   </nav>
   <div id="app"></div>
   <script type="module" src="./app/main.js"></script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fusee-framework",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Fusée - Signals-first JS Framework | Peak Performance",
   "main": "framework/index.js",
   "types": "framework/types/index.d.ts",
@@ -26,6 +26,7 @@
   },
   "devDependencies": {
     "typescript": "^6.0.2",
+    "unplugin-auto-import": "^21.0.0",
     "vite": "^5.0.0"
   }
 }

package/tsconfig.json

@@ -23,11 +23,16 @@
     "declaration": true,
     "declarationDir": "./dist/types",
     
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "paths": {
+      "fusee-framework": ["./framework/types/index.d.ts"],
+      "fusee-framework/*": ["./framework/*"]
+    }
   },
   "include": [
     "app/**/*",
-    "framework/**/*"
+    "framework/**/*",
+    "auto-imports.d.ts"
   ],
   "exclude": [
     "node_modules",

package/vite.config.js

@@ -1,27 +1,30 @@
 import { defineConfig } from 'vite'
 import path from 'path'
+import AutoImport from 'unplugin-auto-import/vite'
+import { FuseePreset } from './framework/auto-import-preset.js'
 
 export default defineConfig({
-    // Directorul rădăcină al proiectului
     root: '.',
+    plugins: [
+        AutoImport({
+            imports: [FuseePreset],
+            dts: true,
+        })
+    ],
 
-    // Alias-uri pentru import-uri mai curate
-    // În loc de '../../framework/index.js' poți scrie '@fusee'
     resolve: {
         alias: {
-            '@fusee': path.resolve(__dirname, './framework'),
+            'fusee-framework': path.resolve(__dirname, './framework'),
             '@app': path.resolve(__dirname, './app'),
         }
     },
 
-    // Config pentru server-ul de development
     server: {
         port: 3000,
-        open: true,        // Deschide browserul automat
-        hmr: true,         // Hot Module Replacement
+        open: true,
+        hmr: true,
     },
 
-    // Config pentru build de producție
     build: {
         outDir: 'dist',
         emptyOutDir: true,