frontend-hamroun 1.2.83 → 1.2.84

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

@@ -1,26 +1,404 @@
-import { useState } from 'frontend-hamroun';
+import { 
+  jsx, 
+  useState, 
+  useEffect, 
+  useMemo, 
+  useErrorBoundary,
+  useForm
+} from 'frontend-hamroun';
 
-export function App() {
-  // Initialize with a default state that works on both server and client
-  const [count, setCount] = useState(0);
-  
+// 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;
+}
+
+// Todo Item Component
+function TodoItem({ todo, onToggle, onDelete }: TodoItemProps) {
   return (
-    <div>
-      <h1>Server-Side Rendered App</h1>
-      <div>
+    <div className={`todo-item ${todo.completed ? 'completed' : ''}`}>
+      <input
+        type="checkbox"
+        checked={todo.completed}
+        onChange={() => onToggle(todo.id)}
+        className="todo-checkbox"
+      />
+      <span className="todo-text">{todo.text}</span>
+      <span className={`todo-priority priority-${todo.priority}`}>
+        {todo.priority === 'high' && '🔴'}
+        {todo.priority === 'medium' && '🟡'}
+        {todo.priority === 'low' && '🟢'}
+        {todo.priority}
+      </span>
+      <div className="todo-actions">
         <button 
-          onClick={() => setCount(count - 1)}
-          data-action="decrement"
-        >-</button>
-        <span style={{ margin: '0 10px' }}>{count}</span>
-        <button 
-          onClick={() => setCount(count + 1)}
-          data-action="increment"
-        >+</button>
+          onClick={() => onDelete(todo.id)}
+          className="btn btn-sm btn-danger"
+          title="Delete todo"
+        >
+          🗑️
+        </button>
+      </div>
+    </div>
+  );
+}
+
+// Theme Toggle Button Component
+function ThemeToggleButton({ theme, onToggle }: ThemeToggleButtonProps) {
+  return (
+    <button 
+      onClick={onToggle} 
+      className="btn btn-secondary theme-toggle"
+      title="Toggle theme"
+    >
+      {theme === 'light' ? '🌙' : '☀️'}
+    </button>
+  );
+}
+
+// App Footer Component
+function AppFooter({ theme }: AppFooterProps) {
+  return (
+    <footer className="app-footer">
+      <div className="container">
+        <p>Built with Frontend Hamroun • Hooks: useState, useEffect, useMemo, useErrorBoundary, useForm</p>
+        <p>Theme: <strong>{theme}</strong> • Environment: <strong>Client</strong></p>
+      </div>
+    </footer>
+  );
+}
+
+export function App() {
+  // 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 client-side concepts', completed: true, priority: 'low' }
+  ]);
+  const [theme, setTheme] = useState<string>('light');
+  const [taskFilter, setTaskFilter] = useState<string>('all');
+  
+  // Error boundary hook
+  const [error, resetError] = useErrorBoundary();
+  
+  // Form hook for adding new todos
+  const addTodoForm = useForm({
+    initialValues: {
+      text: '',
+      priority: 'medium' as 'high' | 'medium' | 'low'
+    },
+    validate: (values) => {
+      const errors: Record<string, string> = {};
+      if (!values.text.trim()) {
+        errors.text = 'Todo text is required';
+      }
+      return errors;
+    },
+    onSubmit: (values) => {
+      const newTodo: Todo = {
+        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: number) => {
+    console.log('Toggling todo:', id);
+    setTodos(prev => prev.map(todo => 
+      todo.id === id ? { ...todo, completed: !todo.completed } : todo
+    ));
+  };
+
+  const handleDeleteTodo = (id: number) => {
+    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 (
+      <div className="error-container">
+        <h2>Something went wrong!</h2>
+        <p>{(error as Error).message}</p>
+        <button onClick={resetError} className="btn btn-primary">
+          Try Again
+        </button>
       </div>
-      <script dangerouslySetInnerHTML={{
-        __html: `window.__INITIAL_STATE__ = ${JSON.stringify({ count: 0 })};`
-      }} />
+    );
+  }
+
+  return (
+    <div className={`app theme-${theme}`}>
+      
+      {/* Header */}
+      <header className="app-header">
+        <div className="container">
+          <h1 className="app-title">
+            📝 Todo App
+            <span className="subtitle">Built with Frontend Hamroun</span>
+          </h1>
+          
+          <div className="header-controls">
+            <ThemeToggleButton theme={theme} onToggle={toggleTheme} />
+            <div className="stats">
+              <span className="stat">
+                Total: <strong>{todoStats.total}</strong>
+              </span>
+              <span className="stat">
+                Active: <strong>{todoStats.active}</strong>
+              </span>
+              <span className="stat">
+                Done: <strong>{todoStats.completed}</strong>
+              </span>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      <main className="main-content">
+        <div className="container">
+          
+          {/* Add Todo Section */}
+          <section className="card add-todo-section">
+            <h2>➕ Add New Todo</h2>
+            
+            <form onSubmit={addTodoForm.handleSubmit} className="add-todo-form">
+              <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' : ''}`}
+              />
+              
+              <select 
+                name="priority"
+                value={addTodoForm.values.priority} 
+                onChange={addTodoForm.handleChange}
+                className="select priority-select"
+              >
+                <option value="low">🟢 Low Priority</option>
+                <option value="medium">🟡 Medium Priority</option>
+                <option value="high">🔴 High Priority</option>
+              </select>
+              
+              <button 
+                type="submit"
+                className={`btn btn-primary add-btn ${addTodoForm.isSubmitting ? 'loading' : ''}`}
+                disabled={addTodoForm.isSubmitting || !addTodoForm.values.text.trim()}
+              >
+                {addTodoForm.isSubmitting ? '⏳ Adding...' : '➕ Add Todo'}
+              </button>
+            </form>
+            
+            {addTodoForm.errors.text && addTodoForm.touched.text && (
+              <div className="error-message">{addTodoForm.errors.text}</div>
+            )}
+          </section>
+
+          {/* Filters Section */}
+          <section className="card filters-section">
+            <h2>🔍 Filter Todos</h2>
+            
+            <div className="filters">
+              {(['all', 'active', 'completed', 'high', 'medium', 'low'] as const).map(filterType => (
+                <button
+                  key={filterType}
+                  onClick={() => setTaskFilter(filterType)}
+                  className={`btn btn-sm filter-btn ${taskFilter === filterType ? 'btn-primary' : 'btn-outline'}`}
+                >
+                  {filterType === 'all' && '📋 All'}
+                  {filterType === 'active' && '⏳ Active'}
+                  {filterType === 'completed' && '✅ Completed'}
+                  {filterType === 'high' && '🔴 High Priority'}
+                  {filterType === 'medium' && '🟡 Medium Priority'}
+                  {filterType === 'low' && '🟢 Low Priority'}
+                </button>
+              ))}
+            </div>
+            
+            <div className="bulk-actions">
+              <button 
+                onClick={markAllComplete}
+                className="btn btn-success btn-sm"
+                disabled={todoStats.active === 0}
+              >
+                ✅ Mark All Complete
+              </button>
+              <button 
+                onClick={clearCompleted}
+                className="btn btn-warning btn-sm"
+                disabled={todoStats.completed === 0}
+              >
+                🗑️ Clear Completed
+              </button>
+            </div>
+          </section>
+
+          {/* Todos List Section */}
+          <section className="card todos-section">
+            <div className="section-header">
+              <h2>📋 Todo List</h2>
+              <div className="filter-info">
+                Showing <strong>{filteredTodos.length}</strong> of <strong>{todoStats.total}</strong> todos
+                {taskFilter !== 'all' && <span className="filter-badge">{taskFilter}</span>}
+              </div>
+            </div>
+
+            <div className="todos-list">
+              {filteredTodos.length > 0 ? (
+                filteredTodos.map(todo => (
+                  <TodoItem 
+                    key={todo.id} 
+                    todo={todo} 
+                    onToggle={handleToggleTodo}
+                    onDelete={handleDeleteTodo}
+                  />
+                ))
+              ) : (
+                <div className="empty-state">
+                  <p>
+                    {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.`}
+                  </p>
+                </div>
+              )}
+            </div>
+          </section>
+
+          {/* Actions Section */}
+          <section className="card actions-section">
+            <h2>⚙️ Actions</h2>
+            <div className="action-buttons">
+              <button onClick={simulateError} className="btn btn-danger">
+                💥 Test Error Boundary
+              </button>
+            </div>
+          </section>
+
+        </div>
+      </main>
+
+      {/* Footer */}
+      <AppFooter theme={theme} />
+
+      {/* Styles */}
+      <style>{`
+        /* ...existing styles... */
+        .error-message {
+          color: #e74c3c;
+          font-size: 0.875rem;
+          margin-top: 0.5rem;
+        }
+        
+        .input.error {
+          border-color: #e74c3c;
+        }
+      `}</style>
     </div>
   );
 }

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/dist/renderer-BL3gq8cW.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime.cjs"),r=require("./server-renderer-Chs-nmJm.cjs");let n=!1;async function t(i,s){console.log("Rendering to:",s.id),r.batchUpdates((async()=>{r.prepareRender();try{r.setRenderCallback(t,i,s);const c=await e.createElement(i);n||(s.innerHTML=""),s.appendChild(c)}finally{r.finishRender()}}))}exports.createContext=function(e){return{Provider:({value:e,children:r})=>r,Consumer:({children:r})=>r(e),_id:Symbol(),useSelector:r=>r(e)}},exports.hydrate=async function(e,r){n=!0;try{await t(e,r)}finally{n=!1}},exports.render=t,exports.useContext=function(e){return e};
-//# sourceMappingURL=renderer-BL3gq8cW.cjs.map

package/dist/renderer-BL3gq8cW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderer-BL3gq8cW.cjs","sources":["../src/renderer.ts","../src/context.ts"],"sourcesContent":["import { createElement } from './jsx-runtime.js';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks.js';\r\nimport { batchUpdates } from './batch.js';\r\n\r\nlet isHydrating = false;\r\n\r\nexport async function hydrate(element: any, container: HTMLElement) {\r\n  isHydrating = true;\r\n  try {\r\n    await render(element, container);\r\n  } finally {\r\n    isHydrating = false;\r\n  }\r\n}\r\n\r\nexport async function render(element: any, container: HTMLElement) {\r\n  console.log('Rendering to:', container.id);\r\n  \r\n  batchUpdates(async () => {\r\n    const rendererId = prepareRender();\r\n    try {\r\n      setRenderCallback(render, element, container);\r\n      const domNode = await createElement(element);\r\n      \r\n      if (!isHydrating) {\r\n        container.innerHTML = '';\r\n      }\r\n      container.appendChild(domNode);\r\n      \r\n    } finally {\r\n      finishRender();\r\n    }\r\n  });\r\n}\r\n","\r\n\r\nconst contexts = new Map<symbol, any>();\r\nlet currentRender: Function | null = null;\r\n\r\nexport interface Context<T> {\r\n  Provider: (props: { value: T; children?: any }) => any;\r\n  Consumer: (props: { children: (value: T) => any }) => any;\r\n  _id: symbol;\r\n  useSelector: <S>(selector: (state: T) => S) => S;\r\n}\r\n\r\nexport function createContext<T>(defaultValue: T): Context<T> {\r\n  const context = {\r\n    Provider: ({ value, children }: { value: T, children?: any }) => {\r\n      return children;\r\n    },\r\n    Consumer: ({ children }: { children: (value: T) => any }) => {\r\n      return children(defaultValue);\r\n    },\r\n    _id: Symbol(),\r\n    useSelector: <S>(selector: (state: T) => S) => {\r\n      return selector(defaultValue);\r\n    }\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\nexport function useContext<T>(context: any): T {\r\n  return context;\r\n}\r\n"],"names":["isHydrating","async","render","element","container","console","log","id","batchUpdates","prepareRender","domNode","createElement","innerHTML","appendChild","finishRender","defaultValue","Provider","value","children","Consumer","_id","Symbol","useSelector","selector","context"],"mappings":"8FAIA,IAAIA,GAAc,EAWIC,eAAAC,EAAOC,EAAcC,GACjCC,QAAAC,IAAI,gBAAiBF,EAAUG,IAEvCC,EAAAA,cAAaP,UACQQ,EAAAA,gBACf,wBACgBP,EAAQC,EAASC,GAC7B,MAAAM,QAAgBC,EAAAA,cAAcR,GAE/BH,IACHI,EAAUQ,UAAY,IAExBR,EAAUS,YAAYH,EAAO,CAE7B,QACaI,gBAAA,IAGnB,uBCrBO,SAA0BC,GAcxB,MAbS,CACdC,SAAU,EAAGC,QAAOC,cACXA,EAETC,SAAU,EAAGD,cACJA,EAASH,GAElBK,IAAKC,SACLC,YAAiBC,GACRA,EAASR,GAKtB,kBDrBsBd,eAAQE,EAAcC,GAC5BJ,GAAA,EACV,UACIE,EAAOC,EAASC,EAAS,CAC/B,QACcJ,GAAA,CAAA,CAElB,sCCgBO,SAAuBwB,GACrB,OAAAA,CACT"}

package/dist/renderer-Dyy-o05F.js

@@ -1,52 +0,0 @@
-import { createElement } from "./jsx-runtime.js";
-import { b as batchUpdates, p as prepareRender, s as setRenderCallback, f as finishRender } from "./server-renderer-C1WXH-zV.js";
-function createContext(defaultValue) {
-  const context = {
-    Provider: ({ value, children }) => {
-      return children;
-    },
-    Consumer: ({ children }) => {
-      return children(defaultValue);
-    },
-    _id: Symbol(),
-    useSelector: (selector) => {
-      return selector(defaultValue);
-    }
-  };
-  return context;
-}
-function useContext(context) {
-  return context;
-}
-let isHydrating = false;
-async function hydrate(element, container) {
-  isHydrating = true;
-  try {
-    await render(element, container);
-  } finally {
-    isHydrating = false;
-  }
-}
-async function render(element, container) {
-  console.log("Rendering to:", container.id);
-  batchUpdates(async () => {
-    const rendererId = prepareRender();
-    try {
-      setRenderCallback(render, element, container);
-      const domNode = await createElement(element);
-      if (!isHydrating) {
-        container.innerHTML = "";
-      }
-      container.appendChild(domNode);
-    } finally {
-      finishRender();
-    }
-  });
-}
-export {
-  createContext as c,
-  hydrate as h,
-  render as r,
-  useContext as u
-};
-//# sourceMappingURL=renderer-Dyy-o05F.js.map

package/dist/renderer-Dyy-o05F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderer-Dyy-o05F.js","sources":["../src/context.ts","../src/renderer.ts"],"sourcesContent":["\r\n\r\nconst contexts = new Map<symbol, any>();\r\nlet currentRender: Function | null = null;\r\n\r\nexport interface Context<T> {\r\n  Provider: (props: { value: T; children?: any }) => any;\r\n  Consumer: (props: { children: (value: T) => any }) => any;\r\n  _id: symbol;\r\n  useSelector: <S>(selector: (state: T) => S) => S;\r\n}\r\n\r\nexport function createContext<T>(defaultValue: T): Context<T> {\r\n  const context = {\r\n    Provider: ({ value, children }: { value: T, children?: any }) => {\r\n      return children;\r\n    },\r\n    Consumer: ({ children }: { children: (value: T) => any }) => {\r\n      return children(defaultValue);\r\n    },\r\n    _id: Symbol(),\r\n    useSelector: <S>(selector: (state: T) => S) => {\r\n      return selector(defaultValue);\r\n    }\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\nexport function useContext<T>(context: any): T {\r\n  return context;\r\n}\r\n","import { createElement } from './jsx-runtime.js';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks.js';\r\nimport { batchUpdates } from './batch.js';\r\n\r\nlet isHydrating = false;\r\n\r\nexport async function hydrate(element: any, container: HTMLElement) {\r\n  isHydrating = true;\r\n  try {\r\n    await render(element, container);\r\n  } finally {\r\n    isHydrating = false;\r\n  }\r\n}\r\n\r\nexport async function render(element: any, container: HTMLElement) {\r\n  console.log('Rendering to:', container.id);\r\n  \r\n  batchUpdates(async () => {\r\n    const rendererId = prepareRender();\r\n    try {\r\n      setRenderCallback(render, element, container);\r\n      const domNode = await createElement(element);\r\n      \r\n      if (!isHydrating) {\r\n        container.innerHTML = '';\r\n      }\r\n      container.appendChild(domNode);\r\n      \r\n    } finally {\r\n      finishRender();\r\n    }\r\n  });\r\n}\r\n"],"names":[],"mappings":";;AAYO,SAAS,cAAiB,cAA6B;AAC5D,QAAM,UAAU;AAAA,IACd,UAAU,CAAC,EAAE,OAAO,eAA6C;AACxD,aAAA;AAAA,IACT;AAAA,IACA,UAAU,CAAC,EAAE,eAAgD;AAC3D,aAAO,SAAS,YAAY;AAAA,IAC9B;AAAA,IACA,KAAK,OAAO;AAAA,IACZ,aAAa,CAAI,aAA8B;AAC7C,aAAO,SAAS,YAAY;AAAA,IAAA;AAAA,EAEhC;AAEO,SAAA;AACT;AAEO,SAAS,WAAc,SAAiB;AACtC,SAAA;AACT;AC3BA,IAAI,cAAc;AAEI,eAAA,QAAQ,SAAc,WAAwB;AACpD,gBAAA;AACV,MAAA;AACI,UAAA,OAAO,SAAS,SAAS;AAAA,EAAA,UAC/B;AACc,kBAAA;AAAA,EAAA;AAElB;AAEsB,eAAA,OAAO,SAAc,WAAwB;AACzD,UAAA,IAAI,iBAAiB,UAAU,EAAE;AAEzC,eAAa,YAAY;AACvB,UAAM,aAAa,cAAc;AAC7B,QAAA;AACgB,wBAAA,QAAQ,SAAS,SAAS;AACtC,YAAA,UAAU,MAAM,cAAc,OAAO;AAE3C,UAAI,CAAC,aAAa;AAChB,kBAAU,YAAY;AAAA,MAAA;AAExB,gBAAU,YAAY,OAAO;AAAA,IAAA,UAE7B;AACa,mBAAA;AAAA,IAAA;AAAA,EACf,CACD;AACH;"}

package/dist/server-renderer-C1WXH-zV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"server-renderer-C1WXH-zV.js","sources":["../src/batch.ts","../src/hooks.ts","../src/server-renderer.ts"],"sourcesContent":["export let isBatching = false;\r\nconst queue: Function[] = [];\r\n\r\nexport function batchUpdates(fn: Function) {\r\n  if (isBatching) {\r\n    queue.push(fn);\r\n    return;\r\n  }\r\n\r\n  isBatching = true;\r\n  try {\r\n    fn();\r\n    while (queue.length > 0) {\r\n      const nextFn = queue.shift();\r\n      nextFn?.();\r\n    }\r\n  } finally {\r\n    isBatching = false;\r\n  }\r\n}\r\n\r\nexport function getIsBatching() {\r\n  return isBatching;\r\n}\r\n","import { createElement } from './jsx-runtime.js';\r\nimport { batchUpdates, isBatching } from './batch.js';\r\nimport { diff } from './vdom.js';\r\nimport { createContext, useContext } from './context.js';\r\n\r\n// Current render ID counter\r\nlet currentRender = 0;\r\nlet isServerRender = false;\r\n\r\n// State storage\r\nconst states = new Map<number, any[]>();\r\nconst stateIndices = new Map<number, number>();\r\nconst effects = new Map<number, any[]>();\r\nconst memos = new Map<number, any[]>();\r\nconst refs = new Map<number, any[]>();\r\n\r\n// Server-side rendering detection\r\nconst isServer = typeof window === 'undefined';\r\nconst serverStates = new Map<number, Map<number, any>>();\r\n\r\n// Rendering callbacks\r\nlet globalRenderCallback: any = null;\r\nlet globalContainer: any = null;\r\nlet currentElement: any = null;\r\n\r\nexport function setRenderCallback(callback: any, element: any, container: any): void {\r\n  globalRenderCallback = callback;\r\n  globalContainer = container;\r\n  currentElement = element;\r\n}\r\n\r\nexport function prepareRender(isSSR: boolean = false): number {\r\n  currentRender++;\r\n  isServerRender = isSSR;\r\n  stateIndices.set(currentRender, 0);\r\n  return currentRender;\r\n}\r\n\r\nexport function finishRender(): void {\r\n  if (isServer || isServerRender) {\r\n    serverStates.delete(currentRender);\r\n  }\r\n  isServerRender = false;\r\n  currentRender = 0;\r\n}\r\n\r\nexport function useState<T>(initial: T): [T, (newValue: T | ((prev: T) => T)) => void] {\r\n  if (!currentRender && !isServerRender) {\r\n    throw new Error(\"useState must be called within a render\");\r\n  }\r\n\r\n  // Handle server-side rendering separately\r\n  if (isServer || isServerRender) {\r\n    if (!serverStates.has(currentRender)) {\r\n      serverStates.set(currentRender, new Map());\r\n    }\r\n    const componentState = serverStates.get(currentRender)!;\r\n    const index = stateIndices.get(currentRender) || 0;\r\n    \r\n    if (!componentState.has(index)) {\r\n      componentState.set(index, initial);\r\n    }\r\n    \r\n    const state = componentState.get(index);\r\n    // In SSR, setState is a no-op\r\n    const setState = (_newValue: T | ((prev: T) => T)) => {};\r\n    \r\n    stateIndices.set(currentRender, index + 1);\r\n    return [state, setState];\r\n  }\r\n\r\n  // Client-side implementation\r\n  if (!states.has(currentRender)) {\r\n    states.set(currentRender, []);\r\n  }\r\n  \r\n  const componentStates = states.get(currentRender)!;\r\n  const index = stateIndices.get(currentRender) || 0;\r\n  \r\n  if (index >= componentStates.length) {\r\n    componentStates.push(initial);\r\n  }\r\n  \r\n  const state = componentStates[index];\r\n  \r\n  const setState = (newValue: T | ((prev: T) => T)) => {\r\n    const nextValue = typeof newValue === 'function'\r\n      ? (newValue as ((prev: T) => T))(componentStates[index])\r\n      : newValue;\r\n      \r\n    if (componentStates[index] === nextValue) return;\r\n    \r\n    componentStates[index] = nextValue;\r\n    \r\n    if (isBatching) {\r\n      batchUpdates(() => rerender(currentRender));\r\n    } else {\r\n      rerender(currentRender);\r\n    }\r\n  };\r\n  \r\n  stateIndices.set(currentRender, index + 1);\r\n  return [state, setState];\r\n}\r\n\r\nexport function useEffect(callback: () => void | (() => void), deps?: any[]): void {\r\n  if (!currentRender && !isServerRender) throw new Error(\"useEffect must be called within a render\");\r\n\r\n  // Skip effects on server\r\n  if (isServer || isServerRender) {\r\n    const effectIndex = stateIndices.get(currentRender) || 0;\r\n    stateIndices.set(currentRender, effectIndex + 1);\r\n    return;\r\n  }\r\n\r\n  const effectIndex = stateIndices.get(currentRender) || 0;\r\n  \r\n  if (!effects.has(currentRender)) {\r\n    effects.set(currentRender, []);\r\n  }\r\n  \r\n  const componentEffects = effects.get(currentRender)!;\r\n  const prevEffect = componentEffects[effectIndex];\r\n  \r\n  if (!prevEffect || !deps || !prevEffect.deps || deps.some((dep, i) => dep !== prevEffect.deps[i])) {\r\n    if (prevEffect?.cleanup) {\r\n      prevEffect.cleanup();\r\n    }\r\n    \r\n    // Schedule effect execution after render is complete\r\n    queueMicrotask(() => {\r\n      const cleanup = callback() || undefined;\r\n      componentEffects[effectIndex] = { cleanup, deps: deps || [] };\r\n    });\r\n  }\r\n  \r\n  stateIndices.set(currentRender, effectIndex + 1);\r\n}\r\n\r\nexport function useMemo<T>(factory: () => T, deps?: any[]): T {\r\n  if (!currentRender && !isServerRender) throw new Error(\"useMemo must be called within a render\");\r\n  \r\n  const memoIndex = stateIndices.get(currentRender) || 0;\r\n  \r\n  if (!memos.has(currentRender)) {\r\n    memos.set(currentRender, []);\r\n  }\r\n  \r\n  const componentMemos = memos.get(currentRender)!;\r\n  const prevMemo = componentMemos[memoIndex];\r\n  \r\n  if (!prevMemo || (deps && deps.some((dep, i) => !Object.is(dep, prevMemo.deps[i])))) {\r\n    const value = factory();\r\n    componentMemos[memoIndex] = { value, deps: deps || [] };\r\n    stateIndices.set(currentRender, memoIndex + 1);\r\n    return value;\r\n  }\r\n  \r\n  stateIndices.set(currentRender, memoIndex + 1);\r\n  return prevMemo.value;\r\n}\r\n\r\nexport function useRef<T>(initial: T): { current: T } {\r\n  if (!currentRender && !isServerRender) throw new Error(\"useRef must be called within a render\");\r\n  \r\n  const refIndex = stateIndices.get(currentRender) || 0;\r\n  \r\n  if (!refs.has(currentRender)) {\r\n    refs.set(currentRender, []);\r\n  }\r\n  \r\n  const componentRefs = refs.get(currentRender)!;\r\n  \r\n  if (refIndex >= componentRefs.length) {\r\n    const ref = { current: initial };\r\n    componentRefs.push(ref);\r\n    stateIndices.set(currentRender, refIndex + 1);\r\n    return ref;\r\n  }\r\n  \r\n  const ref = componentRefs[refIndex];\r\n  stateIndices.set(currentRender, refIndex + 1);\r\n  return ref;\r\n}\r\n\r\nasync function rerender(rendererId: number): Promise<void> {\r\n  try {\r\n    // Clean up effects\r\n    const componentEffects = effects.get(rendererId);\r\n    if (componentEffects) {\r\n      componentEffects.forEach(effect => {\r\n        if (effect.cleanup) effect.cleanup();\r\n      });\r\n      effects.set(rendererId, []);\r\n    }\r\n    \r\n    // Trigger re-render\r\n    if (globalRenderCallback && globalContainer && currentElement) {\r\n      await globalRenderCallback(currentElement, globalContainer);\r\n    }\r\n  } catch (error) {\r\n    console.error('Error during rerender:', error);\r\n  }\r\n}\r\n\r\nexport function useErrorBoundary() {\r\n  const [error, setError] = useState(null);\r\n  return [error, () => setError(null)];\r\n}\r\n\r\n// Re-export from context to match index.js\r\nexport { createContext, useContext };\r\n","import { VNode } from './types.js';\r\nimport { prepareRender, finishRender } from './hooks.js';\r\n\r\nexport async function renderToString(element: any): Promise<string> {\r\n  const renderId = prepareRender(true); // Mark as SSR\r\n  \r\n  try {\r\n    const html = await renderNodeToString(element);\r\n    return html;\r\n  } finally {\r\n    finishRender();\r\n  }\r\n}\r\n\r\nasync function renderNodeToString(node: any): Promise<string> {\r\n  // Handle null, undefined, boolean\r\n  if (node == null || typeof node === 'boolean') {\r\n    return '';\r\n  }\r\n\r\n  // Handle primitives\r\n  if (typeof node === 'string' || typeof node === 'number') {\r\n    return escapeHtml(String(node));\r\n  }\r\n\r\n  // Handle arrays\r\n  if (Array.isArray(node)) {\r\n    const results = await Promise.all(node.map(child => renderNodeToString(child)));\r\n    return results.join('');\r\n  }\r\n\r\n  // Handle objects with type and props (React-like elements)\r\n  if (node && typeof node === 'object' && 'type' in node) {\r\n    const { type, props = {} } = node;\r\n\r\n    // Handle function components\r\n    if (typeof type === 'function') {\r\n      try {\r\n        const result = await type(props);\r\n        return await renderNodeToString(result);\r\n      } catch (error:any) {\r\n        console.error('Error rendering component:', error);\r\n        return `<!-- Error rendering component: ${error.message} -->`;\r\n      }\r\n    }\r\n\r\n    // Handle DOM elements\r\n    if (typeof type === 'string') {\r\n      return await renderDOMElement(type, props);\r\n    }\r\n  }\r\n\r\n  // Fallback for other objects\r\n  if (typeof node === 'object') {\r\n    return escapeHtml(JSON.stringify(node));\r\n  }\r\n\r\n  return escapeHtml(String(node));\r\n}\r\n\r\nasync function renderDOMElement(tagName: string, props: any): Promise<string> {\r\n  const { children, ...attrs } = props;\r\n  \r\n  // Self-closing tags\r\n  const voidElements = new Set([\r\n    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',\r\n    'link', 'meta', 'param', 'source', 'track', 'wbr'\r\n  ]);\r\n\r\n  // Build attributes string\r\n  const attributeString = Object.entries(attrs)\r\n    .filter(([key, value]) => {\r\n      // Filter out React-specific props and event handlers\r\n      if (key.startsWith('on') || key === 'key' || key === 'ref') return false;\r\n      if (value == null || value === false) return false;\r\n      return true;\r\n    })\r\n    .map(([key, value]) => {\r\n      // Handle className -> class\r\n      if (key === 'className') key = 'class';\r\n      \r\n      // Handle boolean attributes\r\n      if (value === true) return key;\r\n      \r\n      // Handle style objects\r\n      if (key === 'style' && typeof value === 'object' && value !== null) {\r\n        const styleString = Object.entries(value)\r\n          .map(([prop, val]) => `${kebabCase(prop)}:${val}`)\r\n          .join(';');\r\n        return `style=\"${escapeHtml(styleString)}\"`;\r\n      }\r\n      \r\n      return `${key}=\"${escapeHtml(String(value))}\"`;\r\n    })\r\n    .join(' ');\r\n\r\n  const openTag = `<${tagName}${attributeString ? ' ' + attributeString : ''}>`;\r\n  \r\n  // Self-closing elements\r\n  if (voidElements.has(tagName)) {\r\n    return openTag.slice(0, -1) + '/>';\r\n  }\r\n\r\n  // Elements with children\r\n  const closeTag = `</${tagName}>`;\r\n  \r\n  if (children != null) {\r\n    const childrenString = await renderNodeToString(children);\r\n    return openTag + childrenString + closeTag;\r\n  }\r\n  \r\n  return openTag + closeTag;\r\n}\r\n\r\nfunction escapeHtml(text: string): string {\r\n  const htmlEscapes: Record<string, string> = {\r\n    '&': '&amp;',\r\n    '<': '&lt;',\r\n    '>': '&gt;',\r\n    '\"': '&quot;',\r\n    \"'\": '&#x27;',\r\n    '/': '&#x2F;'\r\n  };\r\n  \r\n  return text.replace(/[&<>\"'/]/g, (match) => htmlEscapes[match]);\r\n}\r\n\r\nfunction kebabCase(str: string): string {\r\n  return str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\r\n}\r\n"],"names":["index","state","setState","effectIndex","ref"],"mappings":"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"}