frontend-hamroun 1.2.83 → 1.2.85

package/templates/ssr-template/src/App.tsx

@@ -6,8 +6,33 @@ import {
   useErrorBoundary
 } from 'frontend-hamroun';
 
+// Todo item interface
+interface Todo {
+  id: number;
+  text: string;
+  completed: boolean;
+  priority: 'high' | 'medium' | 'low';
+}
+
+// Component prop interfaces
+interface TodoItemProps {
+  todo: Todo;
+  onToggle: (id: number) => void;
+  onDelete: (id: number) => void;
+}
+
+interface ThemeToggleButtonProps {
+  theme: string;
+  onToggle: () => void;
+}
+
+interface AppFooterProps {
+  theme: string;
+  isBrowser: boolean;
+}
+
 // Todo Item Component - simple props-based component
-function TodoItem({ todo, onToggle, onDelete }) {
+function TodoItem({ todo, onToggle, onDelete }: TodoItemProps) {
   return (
     <div className={`todo-item ${todo.completed ? 'completed' : ''}`}>
       <input
@@ -37,7 +62,7 @@ function TodoItem({ todo, onToggle, onDelete }) {
 }
 
 // Theme Toggle Button Component
-function ThemeToggleButton({ theme, onToggle }) {
+function ThemeToggleButton({ theme, onToggle }: ThemeToggleButtonProps) {
   return (
     <button 
       onClick={onToggle} 
@@ -50,7 +75,7 @@ function ThemeToggleButton({ theme, onToggle }) {
 }
 
 // App Footer Component
-function AppFooter({ theme, isBrowser }) {
+function AppFooter({ theme, isBrowser }: AppFooterProps) {
   return (
     <footer className="app-footer">
       <div className="container">
@@ -62,17 +87,17 @@ function AppFooter({ theme, isBrowser }) {
 }
 
 export function App() {
-  // State hooks
-  const [todos, setTodos] = useState([
+  // State hooks with proper typing
+  const [todos, setTodos] = useState<Todo[]>([
     { 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 SSR concepts', completed: true, priority: 'low' }
   ]);
-  const [newTask, setNewTask] = useState('');
-  const [taskFilter, setTaskFilter] = useState('all');
-  const [taskPriority, setTaskPriority] = useState('medium');
-  const [theme, setTheme] = useState('light');
-  const [isLoading, setIsLoading] = useState(false);
+  const [newTask, setNewTask] = useState<string>('');
+  const [taskFilter, setTaskFilter] = useState<string>('all');
+  const [taskPriority, setTaskPriority] = useState<'high' | 'medium' | 'low'>('medium');
+  const [theme, setTheme] = useState<string>('light');
+  const [isLoading, setIsLoading] = useState<boolean>(false);
   
   // Error boundary hook
   const [error, resetError] = useErrorBoundary();
@@ -147,22 +172,22 @@ export function App() {
   }, [todos]);
 
   // Todo action handlers
-  const handleToggleTodo = (id) => {
+  const handleToggleTodo = (id: number) => {
     console.log('Toggling todo:', id);
     setTodos(prev => prev.map(todo => 
       todo.id === id ? { ...todo, completed: !todo.completed } : todo
     ));
   };
 
-  const handleDeleteTodo = (id) => {
+  const handleDeleteTodo = (id: number) => {
     console.log('Deleting todo:', id);
     setTodos(prev => prev.filter(todo => todo.id !== id));
   };
 
-  const handleAddTodo = (text, priority) => {
+  const handleAddTodo = (text: string, priority: 'high' | 'medium' | 'low') => {
     if (!text || !text.trim()) return;
     
-    const newTodo = {
+    const newTodo: Todo = {
       id: Date.now(),
       text: text.trim(),
       completed: false,
@@ -185,7 +210,7 @@ export function App() {
     }
   };
 
-  const handleKeyPress = (e) => {
+  const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {
     if (e.key === 'Enter') {
       addTask();
     }
@@ -211,7 +236,7 @@ export function App() {
     return (
       <div className="error-container">
         <h2>Something went wrong!</h2>
-        <p>{error.message}</p>
+        <p>{(error as Error).message}</p>
         <button onClick={resetError} className="btn btn-primary">
           Try Again
         </button>
@@ -267,7 +292,7 @@ export function App() {
               
               <select 
                 value={taskPriority} 
-                onChange={(e) => setTaskPriority(e.target.value)}
+                onChange={(e) => setTaskPriority(e.target.value as 'high' | 'medium' | 'low')}
                 className="select priority-select"
                 disabled={isLoading}
               >
@@ -291,7 +316,7 @@ export function App() {
             <h2>🔍 Filter Todos</h2>
             
             <div className="filters">
-              {['all', 'active', 'completed', 'high', 'medium', 'low'].map(filterType => (
+              {(['all', 'active', 'completed', 'high', 'medium', 'low'] as const).map(filterType => (
                 <button
                   key={filterType}
                   onClick={() => setTaskFilter(filterType)}

package/templates/ssr-template/src/client.d.ts

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

package/templates/ssr-template/src/client.d.ts.map

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

package/templates/ssr-template/src/client.js

@@ -0,0 +1,3 @@
+import { hydrate, jsx } from 'frontend-hamroun';
+import { App } from './App.js';
+hydrate(jsx(App, {}), document.getElementById('root'));

package/templates/ssr-template/src/server.d.ts

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

package/templates/ssr-template/src/server.d.ts.map

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

package/templates/ssr-template/src/server.js

@@ -0,0 +1,29 @@
+import express from 'express';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { renderToString, jsx } from 'frontend-hamroun';
+import { App } from './App.js';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const app = express();
+const port = 3000;
+// Serve static files from dist directory
+app.use(express.static(path.join(__dirname)));
+app.get('/', async (req, res) => {
+    const html = await renderToString(jsx(App, {}));
+    res.send(`
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <title>SSR App</title>
+      </head>
+      <body>
+        <div id="root">${html}</div>
+        <script type="module" src="/client.js"></script>
+      </body>
+    </html>
+  `);
+});
+app.listen(port, () => {
+    console.log(`Server running at http://localhost:${port}`);
+});

package/templates/ssr-template/vite.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/templates/ssr-template/vite.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["vite.config.ts"],"names":[],"mappings":";AAGA,wBA4BG"}

package/templates/ssr-template/vite.config.js

@@ -0,0 +1,30 @@
+import { defineConfig } from 'vite';
+export default defineConfig({
+    esbuild: {
+        jsx: 'transform',
+        jsxFactory: 'jsx',
+        jsxFragment: 'Fragment',
+        jsxImportSource: 'frontend-hamroun',
+    },
+    ssr: {
+        noExternal: ['frontend-hamroun']
+    },
+    optimizeDeps: {
+        include: ['frontend-hamroun'],
+        exclude: []
+    },
+    build: {
+        target: 'esnext',
+        rollupOptions: {
+            output: {
+                format: 'es'
+            }
+        }
+    },
+    resolve: {
+        alias: {
+            'frontend-hamroun/jsx-dev-runtime': 'frontend-hamroun',
+            'frontend-hamroun/jsx-runtime': 'frontend-hamroun'
+        }
+    }
+});

package/templates/wasm/build-wasm.d.ts

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

package/templates/wasm/build-wasm.d.ts.map

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

package/templates/wasm/dist/assets/index-BNqTDBdE.d.ts

@@ -0,0 +1,30 @@
+declare function R(t: any): void;
+declare function L(): number;
+declare function _(): void;
+declare function q(t: any, i: any, ...args: any[]): {
+    type: any;
+    props: any;
+};
+declare function h(t: any): any;
+declare function N(t: any, i: any): Promise<void>;
+declare function d(t: any): void;
+declare function G(t: any, i: any): void;
+declare function e(t: any, i: any, ...args: any[]): {
+    type: any;
+    props: any;
+};
+declare function j(t: any, ...i: any[]): any;
+declare function J(): {
+    type: any;
+    props: any;
+};
+declare function k(): Promise<any>;
+declare function Y(): Promise<void>;
+declare let y: boolean;
+declare const w: any[];
+declare let m: number;
+declare const z: Map<any, any>;
+declare const T: boolean;
+declare const H: Map<any, any>;
+declare let O: boolean;
+//# sourceMappingURL=index-BNqTDBdE.d.ts.map

package/templates/wasm/dist/assets/index-BNqTDBdE.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BNqTDBdE.d.ts","sourceRoot":"","sources":["index-BNqTDBdE.js"],"names":[],"mappings":"AAA0tB,iCAA0G;AAAsD,6BAAqC;AAAA,2BAAgC;AAAA;;;EAA+K;AAAA,gCAAkwC;AAAS,kDAA2J;AAAA,iCAAyE;AAAA,yCAA4E;AAAA;;;EAA+K;AAAA,6CAAiP;AAAgD;;;EAwR/mG;AAAA,mCAAmF;AAAA,oCAclF;AAtS2rB,uBAAS;AAAA,uBAAW;AAA0G,sBAAQ;AAAM,+BAAS;AAAC,yBAAmB;AAAC,+BAAS;AAAu/C,uBAAS"}

package/templates/wasm/dist/wasm_exec.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=wasm_exec.d.ts.map

package/templates/wasm/dist/wasm_exec.d.ts.map

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

package/templates/wasm/esbuild.config.d.ts

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

package/templates/wasm/esbuild.config.d.ts.map

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

package/templates/wasm/go/wasm_exec.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=wasm_exec.d.ts.map

package/templates/wasm/go/wasm_exec.d.ts.map

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

package/templates/wasm/jsx-shim.d.ts

@@ -0,0 +1,5 @@
+import { jsx } from 'frontend-hamroun';
+import { jsxs } from 'frontend-hamroun';
+import { Fragment } from 'frontend-hamroun';
+export { jsx, jsxs, Fragment };
+//# sourceMappingURL=jsx-shim.d.ts.map

package/templates/wasm/jsx-shim.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-shim.d.ts","sourceRoot":"","sources":["jsx-shim.js"],"names":[],"mappings":"oBACoC,kBAAkB;qBAAlB,kBAAkB;yBAAlB,kBAAkB"}

package/templates/wasm/public/wasm_exec.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=wasm_exec.d.ts.map

package/templates/wasm/public/wasm_exec.d.ts.map

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

package/templates/wasm/src/App.d.ts

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

package/templates/wasm/src/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["App.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,GAAG,gBAkiB1B"}