frontend-hamroun 1.2.84 → 1.2.88

package/dist/wasm.js

@@ -0,0 +1,158 @@
+/**
+ * Go WebAssembly Integration Utilities
+ *
+ * This module provides tools for loading and interacting with Go WASM modules
+ * in browser and server environments.
+ */
+const DEFAULT_GO_WASM_PATH = '/wasm_exec.js';
+/**
+ * Load a Go WASM module from a URL
+ */
+export async function loadGoWasm(wasmUrl, options = {}) {
+    const { importObject = {}, goWasmPath = DEFAULT_GO_WASM_PATH, loadGo = true, onLoad, debug = false } = options;
+    // In browser environment, load the Go WASM runtime
+    if (typeof window !== 'undefined' && loadGo) {
+        await loadGoRuntime(goWasmPath);
+    }
+    try {
+        // Create Go instance for WASM
+        // @ts-ignore - Go is loaded from the global scope
+        const go = typeof Go !== 'undefined' ? new Go() : null;
+        // Fetch and instantiate the WASM module
+        if (debug)
+            console.log(`[WASM] Loading module from ${wasmUrl}`);
+        const response = await fetch(wasmUrl);
+        if (!response.ok) {
+            throw new Error(`Failed to fetch WASM module: ${response.statusText}`);
+        }
+        const buffer = await response.arrayBuffer();
+        const module = await WebAssembly.compile(buffer);
+        // Create imports object, combining Go runtime with custom imports
+        const finalImportObject = go ? {
+            ...go.importObject,
+            ...importObject
+        } : importObject;
+        // Instantiate the WASM module
+        const instance = await WebAssembly.instantiate(module, finalImportObject);
+        // Initialize Go runtime if available
+        if (go) {
+            go.run(instance);
+        }
+        // Extract exported functions
+        const exports = instance.exports;
+        const functions = {};
+        // Generate wrapper functions for all exports that are functions
+        for (const key in exports) {
+            if (typeof exports[key] === 'function') {
+                // Type assertion to ensure the exports[key] is callable
+                const exportedFn = exports[key];
+                functions[key] = (...args) => exportedFn(...args);
+                if (debug) {
+                    const originalFn = functions[key];
+                    functions[key] = (...args) => {
+                        console.log(`[WASM] Calling ${key}(${args.join(', ')})`);
+                        const result = originalFn(...args);
+                        console.log(`[WASM] ${key} returned:`, result);
+                        return result;
+                    };
+                }
+            }
+        }
+        // Add any globally exported functions from Go
+        if (typeof window !== 'undefined') {
+            for (const key in window) {
+                if (key.startsWith('go') && typeof window[key] === 'function') {
+                    // Type assertion to ensure the window[key] is callable
+                    const globalFn = window[key];
+                    functions[key] = (...args) => globalFn(...args);
+                    if (debug) {
+                        const originalFn = functions[key];
+                        functions[key] = (...args) => {
+                            console.log(`[WASM] Calling global ${key}(${args.join(', ')})`);
+                            const result = originalFn(...args);
+                            console.log(`[WASM] ${key} returned:`, result);
+                            return result;
+                        };
+                    }
+                }
+            }
+        }
+        const wasmInstance = {
+            instance,
+            module,
+            exports,
+            functions
+        };
+        // Run onLoad callback if provided
+        if (onLoad) {
+            onLoad(wasmInstance);
+        }
+        return wasmInstance;
+    }
+    catch (error) {
+        console.error('[WASM] Failed to load Go WASM module:', error);
+        throw error;
+    }
+}
+/**
+ * Load the Go WASM runtime script
+ */
+async function loadGoRuntime(path = DEFAULT_GO_WASM_PATH) {
+    if (typeof window === 'undefined')
+        return;
+    // Check if Go runtime is already loaded
+    if (typeof window.Go !== 'undefined') {
+        return;
+    }
+    // Load the Go WASM runtime script
+    return new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = path;
+        script.onload = () => resolve();
+        script.onerror = () => reject(new Error(`Failed to load Go WASM runtime from ${path}`));
+        document.head.appendChild(script);
+    });
+}
+/**
+ * Create a TypeScript-friendly wrapper for Go WASM functions
+ */
+export function createTypedWasmFunction(instance, functionName) {
+    if (!instance.functions[functionName]) {
+        throw new Error(`WASM function "${functionName}" not found`);
+    }
+    return instance.functions[functionName];
+}
+/**
+ * Helper to convert JavaScript values to Go-compatible formats
+ */
+export const goValues = {
+    // Convert JS string to Go string (returns memory pointer)
+    stringToGo: (instance, str) => {
+        if (!instance.functions.__stringToGo) {
+            throw new Error('__stringToGo function not found in WASM module');
+        }
+        return instance.functions.__stringToGo(str);
+    },
+    // Convert Go string (memory pointer) to JS string
+    stringFromGo: (instance, ptr) => {
+        if (!instance.functions.__stringFromGo) {
+            throw new Error('__stringFromGo function not found in WASM module');
+        }
+        return instance.functions.__stringFromGo(ptr);
+    },
+    // Convert JS object to Go (returns memory pointer)
+    objectToGo: (instance, obj) => {
+        if (!instance.functions.__objectToGo) {
+            throw new Error('__objectToGo function not found in WASM module');
+        }
+        return instance.functions.__objectToGo(JSON.stringify(obj));
+    },
+    // Convert Go object (memory pointer) to JS object
+    objectFromGo: (instance, ptr) => {
+        if (!instance.functions.__objectFromGo) {
+            throw new Error('__objectFromGo function not found in WASM module');
+        }
+        const str = instance.functions.__objectFromGo(ptr);
+        return JSON.parse(str);
+    }
+};

package/package.json

@@ -1,65 +1,65 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.2.84",
-  "description": "A lightweight full-stack JavaScript framework",
-  "type": "module",
-  "main": "dist/index.cjs",
+  "version": "1.2.88",
+  "description": "A lightweight frontend JavaScript framework with React-like syntax",
+  "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "type": "module",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
-    },
-    "./client": {
-      "import": "./dist/index.client.js",
-      "require": "./dist/index.client.cjs",
-      "types": "./dist/index.client.d.ts"
-    },
-    "./server": {
-      "import": "./dist/server-renderer.js",
-      "require": "./dist/server-renderer.cjs",
-      "types": "./dist/server-renderer.d.ts"
+      "default": "./dist/index.js"
     },
     "./jsx-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
       "import": "./dist/jsx-runtime.js",
-      "require": "./dist/jsx-runtime.cjs",
-      "types": "./dist/jsx-runtime.d.ts"
+      "default": "./dist/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./dist/jsx-runtime.d.ts",
+      "import": "./dist/jsx-runtime.js",
+      "default": "./dist/jsx-runtime.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "default": "./dist/types.d.ts"
     }
   },
-  "bin": {
-    "frontend-hamroun": "./bin/cli.js"
-  },
   "files": [
     "dist",
-    "bin",
     "templates",
+    "bin",
     "README.md",
     "LICENSE"
   ],
+  "bin": {
+    "frontend-hamroun": "./bin/cli.js"
+  },
   "scripts": {
-    "build": "tsc && vite build",
-    "dev": "vite",
+    "build": "npm run clean && npm run build:main && npm run build:rollup",
+    "build:main": "tsc --project tsconfig.json",
+    "build:rollup": "rollup -c",
+    "dev": "tsc --watch",
     "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
     "lint": "eslint src --ext .ts,.tsx",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix",
-    "format": "prettier --write src/**/*.{ts,tsx}",
-    "type-check": "tsc --noEmit",
-    "prepublishOnly": "npm run build",
-    "clean": "rimraf dist"
+    "prepare": "npm run build",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run build"
   },
   "keywords": [
-    "javascript",
     "frontend",
     "framework",
-    "ssr",
-    "reactive",
+    "react",
+    "jsx",
+    "hooks",
+    "spa",
+    "client-side",
     "lightweight"
   ],
-  "author": "Hamroun",
+  "author": "Frontend Hamroun Team",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -69,59 +69,30 @@
     "url": "https://github.com/hamroun/frontend-hamroun/issues"
   },
   "homepage": "https://github.com/hamroun/frontend-hamroun#readme",
-  "devDependencies": {
-    "@types/cors": "^2.8.18",
-    "@types/express": "^5.0.2",
-    "@types/jest": "^29.5.5",
-    "@types/jsonwebtoken": "^9.0.9",
-    "@types/node": "^20.6.3",
-    "@types/pg": "^8.15.2",
-    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "@typescript-eslint/parser": "^6.7.2",
-    "eslint": "^8.49.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "jest": "^29.7.0",
-    "prettier": "^3.0.3",
-    "rimraf": "^5.0.1",
-    "terser": "^5.19.4",
-    "ts-jest": "^29.1.1",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.0"
-  },
-  "dependencies": {
-    "bcryptjs": "^3.0.2",
-    "boxen": "^7.1.1",
-    "chalk": "^5.3.0",
-    "commander": "^11.0.0",
-    "express": "^5.1.0",
-    "figlet": "^1.6.0",
-    "fs-extra": "^11.1.1",
-    "gradient-string": "^2.0.2",
-    "inquirer": "^9.2.11",
-    "jsonwebtoken": "^9.0.2",
-    "mongodb": "^6.16.0",
-    "mysql2": "^3.14.1",
-    "nanospinner": "^1.1.0",
-    "ora": "^7.0.1",
-    "pg": "^8.16.0",
-    "terminal-link": "^3.0.0",
-    "update-notifier": "^7.0.0"
-  },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "typescript": "^4.0.0 || ^5.0.0"
   },
   "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
+    "typescript": {
       "optional": true
     }
   },
-  "engines": {
-    "node": ">=18.0.0",
-    "npm": ">=8.0.0"
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "eslint": "^8.0.0",
+    "jest": "^29.0.0",
+    "rimraf": "^5.0.0",
+    "rollup": "^3.0.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "typescript": "^5.0.0"
+  },
+  "dependencies": {
+    "commander": "^11.0.0",
+    "inquirer": "^9.0.0",
+    "chalk": "^5.0.0",
+    "boxen": "^7.0.0",
+    "nanospinner": "^1.1.0"
   }
-}
+}

package/templates/basic-app/build.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=build.d.ts.map

package/templates/basic-app/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["build.js"],"names":[],"mappings":""}

package/templates/basic-app/dev.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dev.d.ts.map

package/templates/basic-app/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["dev.js"],"names":[],"mappings":""}

package/templates/basic-app/esbuild.config.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=esbuild.config.d.ts.map

package/templates/basic-app/esbuild.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esbuild.config.d.ts","sourceRoot":"","sources":["esbuild.config.js"],"names":[],"mappings":""}

package/templates/basic-app/postcss.config.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    namespace plugins {
+        let tailwindcss: {};
+        let autoprefixer: {};
+    }
+}
+export default _default;
+//# sourceMappingURL=postcss.config.d.ts.map

package/templates/basic-app/postcss.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"postcss.config.d.ts","sourceRoot":"","sources":["postcss.config.js"],"names":[],"mappings":""}

package/templates/basic-app/server.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=server.d.ts.map

package/templates/basic-app/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["server.js"],"names":[],"mappings":""}

package/templates/basic-app/src/App.d.ts

@@ -0,0 +1,2 @@
+export declare function App(): JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/templates/basic-app/src/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["App.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,GAAG,gBA2TlB"}

package/templates/basic-app/src/App.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs } from "frontend-hamroun/jsx-runtime";
+import { useState, useEffect, useMemo, useErrorBoundary, useForm } from 'frontend-hamroun';
+// Todo Item Component
+function TodoItem({ todo, onToggle, onDelete }) {
+    return (_jsxs("div", { className: `todo-item ${todo.completed ? 'completed' : ''}`, children: [_jsx("input", { type: "checkbox", checked: todo.completed, onChange: () => onToggle(todo.id), className: "todo-checkbox" }), _jsx("span", { className: "todo-text", children: todo.text }), _jsxs("span", { className: `todo-priority priority-${todo.priority}`, children: [todo.priority === 'high' && '🔴', todo.priority === 'medium' && '🟡', todo.priority === 'low' && '🟢', todo.priority] }), _jsx("div", { className: "todo-actions", children: _jsx("button", { onClick: () => onDelete(todo.id), className: "btn btn-sm btn-danger", title: "Delete todo", children: "\uD83D\uDDD1\uFE0F" }) })] }));
+}
+// Theme Toggle Button Component
+function ThemeToggleButton({ theme, onToggle }) {
+    return (_jsx("button", { onClick: onToggle, className: "btn btn-secondary theme-toggle", title: "Toggle theme", children: theme === 'light' ? '🌙' : '☀️' }));
+}
+// App Footer Component
+function AppFooter({ theme }) {
+    return (_jsx("footer", { className: "app-footer", children: _jsxs("div", { className: "container", children: [_jsx("p", { children: "Built with Frontend Hamroun \u2022 Hooks: useState, useEffect, useMemo, useErrorBoundary, useForm" }), _jsxs("p", { children: ["Theme: ", _jsx("strong", { children: theme }), " \u2022 Environment: ", _jsx("strong", { children: "Client" })] })] }) }));
+}
+export function App() {
+    // State hooks with proper typing
+    const [todos, setTodos] = useState([
+        { id: 1, text: 'Learn Frontend Hamroun hooks', completed: false, priority: 'high' },
+        { id: 2, text: 'Build a todo app', completed: false, priority: 'medium' },
+        { id: 3, text: 'Master client-side concepts', completed: true, priority: 'low' }
+    ]);
+    const [theme, setTheme] = useState('light');
+    const [taskFilter, setTaskFilter] = useState('all');
+    // Error boundary hook
+    const [error, resetError] = useErrorBoundary();
+    // Form hook for adding new todos
+    const addTodoForm = useForm({
+        initialValues: {
+            text: '',
+            priority: 'medium'
+        },
+        validate: (values) => {
+            const errors = {};
+            if (!values.text.trim()) {
+                errors.text = 'Todo text is required';
+            }
+            return errors;
+        },
+        onSubmit: (values) => {
+            const newTodo = {
+                id: Date.now(),
+                text: values.text.trim(),
+                completed: false,
+                priority: values.priority
+            };
+            setTodos(prev => [...prev, newTodo]);
+            addTodoForm.resetForm();
+        }
+    });
+    // Mount effect
+    useEffect(() => {
+        console.log('Todo App mounted');
+        // Load saved todos from localStorage
+        const savedTodos = localStorage.getItem('todos');
+        const savedTheme = localStorage.getItem('theme');
+        if (savedTodos) {
+            try {
+                setTodos(JSON.parse(savedTodos));
+            }
+            catch (e) {
+                console.error('Failed to load saved todos');
+            }
+        }
+        if (savedTheme) {
+            setTheme(savedTheme);
+        }
+        return () => {
+            console.log('Todo App unmounting');
+        };
+    }, []);
+    // Theme effect
+    useEffect(() => {
+        document.body.className = `theme-${theme}`;
+        document.documentElement.setAttribute('data-theme', theme);
+        localStorage.setItem('theme', theme);
+    }, [theme]);
+    // Save todos effect
+    useEffect(() => {
+        if (todos.length === 0)
+            return;
+        localStorage.setItem('todos', JSON.stringify(todos));
+    }, [todos]);
+    // Memoized filtered todos
+    const filteredTodos = useMemo(() => {
+        console.log('Filtering todos - memoized computation');
+        return todos.filter(todo => {
+            if (taskFilter === 'completed')
+                return todo.completed;
+            if (taskFilter === 'active')
+                return !todo.completed;
+            if (taskFilter === 'high')
+                return todo.priority === 'high';
+            if (taskFilter === 'medium')
+                return todo.priority === 'medium';
+            if (taskFilter === 'low')
+                return todo.priority === 'low';
+            return true;
+        });
+    }, [todos, taskFilter]);
+    // Memoized todo stats
+    const todoStats = useMemo(() => {
+        const total = todos.length;
+        const completed = todos.filter(t => t.completed).length;
+        const active = total - completed;
+        const highPriority = todos.filter(t => t.priority === 'high' && !t.completed).length;
+        return { total, completed, active, highPriority };
+    }, [todos]);
+    // Todo action handlers
+    const handleToggleTodo = (id) => {
+        console.log('Toggling todo:', id);
+        setTodos(prev => prev.map(todo => todo.id === id ? { ...todo, completed: !todo.completed } : todo));
+    };
+    const handleDeleteTodo = (id) => {
+        console.log('Deleting todo:', id);
+        setTodos(prev => prev.filter(todo => todo.id !== id));
+    };
+    // Event handlers
+    const clearCompleted = () => {
+        setTodos(prev => prev.filter(todo => !todo.completed));
+    };
+    const markAllComplete = () => {
+        setTodos(prev => prev.map(todo => ({ ...todo, completed: true })));
+    };
+    const toggleTheme = () => {
+        setTheme(prev => prev === 'light' ? 'dark' : 'light');
+    };
+    const simulateError = () => {
+        throw new Error('Simulated error for testing error boundary');
+    };
+    if (error) {
+        return (_jsxs("div", { className: "error-container", children: [_jsx("h2", { children: "Something went wrong!" }), _jsx("p", { children: error.message }), _jsx("button", { onClick: resetError, className: "btn btn-primary", children: "Try Again" })] }));
+    }
+    return (_jsxs("div", { className: `app theme-${theme}`, children: [_jsx("header", { className: "app-header", children: _jsxs("div", { className: "container", children: [_jsxs("h1", { className: "app-title", children: ["\uD83D\uDCDD Todo App", _jsx("span", { className: "subtitle", children: "Built with Frontend Hamroun" })] }), _jsxs("div", { className: "header-controls", children: [_jsx(ThemeToggleButton, { theme: theme, onToggle: toggleTheme }), _jsxs("div", { className: "stats", children: [_jsxs("span", { className: "stat", children: ["Total: ", _jsx("strong", { children: todoStats.total })] }), _jsxs("span", { className: "stat", children: ["Active: ", _jsx("strong", { children: todoStats.active })] }), _jsxs("span", { className: "stat", children: ["Done: ", _jsx("strong", { children: todoStats.completed })] })] })] })] }) }), _jsx("main", { className: "main-content", children: _jsxs("div", { className: "container", children: [_jsxs("section", { className: "card add-todo-section", children: [_jsx("h2", { children: "\u2795 Add New Todo" }), _jsxs("form", { onSubmit: addTodoForm.handleSubmit, className: "add-todo-form", children: [_jsx("input", { type: "text", name: "text", value: addTodoForm.values.text, onChange: addTodoForm.handleChange, onBlur: addTodoForm.handleBlur, placeholder: "What needs to be done?", className: `input todo-input ${addTodoForm.errors.text && addTodoForm.touched.text ? 'error' : ''}` }), _jsxs("select", { name: "priority", value: addTodoForm.values.priority, onChange: addTodoForm.handleChange, className: "select priority-select", children: [_jsx("option", { value: "low", children: "\uD83D\uDFE2 Low Priority" }), _jsx("option", { value: "medium", children: "\uD83D\uDFE1 Medium Priority" }), _jsx("option", { value: "high", children: "\uD83D\uDD34 High Priority" })] }), _jsx("button", { type: "submit", className: `btn btn-primary add-btn ${addTodoForm.isSubmitting ? 'loading' : ''}`, disabled: addTodoForm.isSubmitting || !addTodoForm.values.text.trim(), children: addTodoForm.isSubmitting ? '⏳ Adding...' : '➕ Add Todo' })] }), addTodoForm.errors.text && addTodoForm.touched.text && (_jsx("div", { className: "error-message", children: addTodoForm.errors.text }))] }), _jsxs("section", { className: "card filters-section", children: [_jsx("h2", { children: "\uD83D\uDD0D Filter Todos" }), _jsx("div", { className: "filters", children: ['all', 'active', 'completed', 'high', 'medium', 'low'].map(filterType => (_jsxs("button", { onClick: () => setTaskFilter(filterType), className: `btn btn-sm filter-btn ${taskFilter === filterType ? 'btn-primary' : 'btn-outline'}`, children: [filterType === 'all' && '📋 All', filterType === 'active' && '⏳ Active', filterType === 'completed' && '✅ Completed', filterType === 'high' && '🔴 High Priority', filterType === 'medium' && '🟡 Medium Priority', filterType === 'low' && '🟢 Low Priority'] }, filterType))) }), _jsxs("div", { className: "bulk-actions", children: [_jsx("button", { onClick: markAllComplete, className: "btn btn-success btn-sm", disabled: todoStats.active === 0, children: "\u2705 Mark All Complete" }), _jsx("button", { onClick: clearCompleted, className: "btn btn-warning btn-sm", disabled: todoStats.completed === 0, children: "\uD83D\uDDD1\uFE0F Clear Completed" })] })] }), _jsxs("section", { className: "card todos-section", children: [_jsxs("div", { className: "section-header", children: [_jsx("h2", { children: "\uD83D\uDCCB Todo List" }), _jsxs("div", { className: "filter-info", children: ["Showing ", _jsx("strong", { children: filteredTodos.length }), " of ", _jsx("strong", { children: todoStats.total }), " todos", taskFilter !== 'all' && _jsx("span", { className: "filter-badge", children: taskFilter })] })] }), _jsx("div", { className: "todos-list", children: filteredTodos.length > 0 ? (filteredTodos.map(todo => (_jsx(TodoItem, { todo: todo, onToggle: handleToggleTodo, onDelete: handleDeleteTodo }, todo.id)))) : (_jsx("div", { className: "empty-state", children: _jsx("p", { children: taskFilter === 'all' ? '🎉 No todos yet. Add one above!' :
+                                                taskFilter === 'completed' ? '📝 No completed todos yet.' :
+                                                    taskFilter === 'active' ? '🎯 No active todos. Great job!' :
+                                                        `🔍 No ${taskFilter} priority todos found.` }) })) })] }), _jsxs("section", { className: "card actions-section", children: [_jsx("h2", { children: "\u2699\uFE0F Actions" }), _jsx("div", { className: "action-buttons", children: _jsx("button", { onClick: simulateError, className: "btn btn-danger", children: "\uD83D\uDCA5 Test Error Boundary" }) })] })] }) }), _jsx(AppFooter, { theme: theme }), _jsx("style", { children: `
+        /* ...existing styles... */
+        .error-message {
+          color: #e74c3c;
+          font-size: 0.875rem;
+          margin-top: 0.5rem;
+        }
+        
+        .input.error {
+          border-color: #e74c3c;
+        }
+      ` })] }));
+}

package/templates/basic-app/src/client.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=client.d.ts.map

package/templates/basic-app/src/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["client.tsx"],"names":[],"mappings":""}

package/templates/basic-app/src/client.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "frontend-hamroun/jsx-runtime";
+import { hydrate } from 'frontend-hamroun';
+import { App } from './App';
+document.addEventListener('DOMContentLoaded', () => {
+    hydrate(_jsx(App, {}), document.getElementById('root'));
+});

package/templates/basic-app/src/components/Counter.d.ts

@@ -0,0 +1,4 @@
+export declare function Counter({ initial }: {
+    initial?: number | undefined;
+}): JSX.Element;
+//# sourceMappingURL=Counter.d.ts.map

package/templates/basic-app/src/components/Counter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["Counter.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,CAAC,EAAE,OAAW,EAAE;;CAAA,eAetC"}

package/templates/basic-app/src/components/Counter.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "frontend-hamroun/jsx-runtime";
+import { useState, useEffect } from 'frontend-hamroun';
+export function Counter({ initial = 0 }) {
+    const [count, setCount] = useState(initial);
+    useEffect(() => {
+        document.title = `Count: ${count}`;
+    }, [count]);
+    return (_jsxs("div", { children: [_jsx("h2", { children: "Counter Component" }), _jsx("button", { onClick: () => setCount(count - 1), children: "-" }), _jsx("span", { style: { margin: '0 10px' }, children: count }), _jsx("button", { onClick: () => setCount(count + 1), children: "+" })] }));
+}

package/templates/basic-app/src/jsx-shim.d.ts

@@ -0,0 +1,8 @@
+import { jsx as createElement, Fragment } from 'frontend-hamroun';
+declare global {
+    interface Window {
+        createElement: typeof createElement;
+        Fragment: typeof Fragment;
+    }
+}
+//# sourceMappingURL=jsx-shim.d.ts.map

package/templates/basic-app/src/jsx-shim.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-shim.d.ts","sourceRoot":"","sources":["jsx-shim.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,aAAa,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,aAAa,EAAE,OAAO,aAAa,CAAC;QACpC,QAAQ,EAAE,OAAO,QAAQ,CAAC;KAC3B;CACF"}

package/templates/basic-app/src/main.d.ts

@@ -0,0 +1,2 @@
+import './main.css';
+//# sourceMappingURL=main.d.ts.map

package/templates/basic-app/src/main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["main.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,CAAC"}