fusee-framework 1.0.1 → 1.1.1

package/framework/index.js

@@ -2,3 +2,4 @@
 export { signal, computed, effect, batch, untrack } from './core/signal.js'
 export { defineComponent, onMount, onUnmount } from './core/component.js'
 export { createRouter, navigate, mountOutlet } from './router/router.js'
+export { mountTemplate } from './core/compiler.js'

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/framework/types/index.d.ts

@@ -4,6 +4,13 @@
 export * from './signal'
 export * from './component'
 export * from './router'
+export * from './compiler'
+
+declare global {
+    type Signal<T = any> = import('./signal').Signal<T>
+    type Computed<T = any> = import('./signal').Computed<T>
+    type SignalAccessor<T> = import('./signal').SignalAccessor<T>
+}
 
 // Re-export as namespace for convenience
 export as namespace Fusee

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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fusee-framework",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "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,20 +1,28 @@
 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({
     root: '.',
+    plugins: [
+        AutoImport({
+            imports: [FuseePreset],
+            dts: true,
+        })
+    ],
 
     resolve: {
         alias: {
-            '@fusee': path.resolve(__dirname, './framework'),
+            'fusee-framework': path.resolve(__dirname, './framework'),
             '@app': path.resolve(__dirname, './app'),
         }
     },
 
     server: {
         port: 3000,
-        open: true,        // Deschide browserul automat
-        hmr: true,         // Hot Module Replacement
+        open: true,
+        hmr: true,
     },
 
     build: {