frontend-hamroun 1.2.83 → 1.2.85

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/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"}

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "frontend-hamroun/jsx-runtime";
+import { render, useState, useEffect, useMemo, useRef, useErrorBoundary, createContext, useContext } from 'frontend-hamroun';
+import './main.css';
+// Create a theme context
+const ThemeContext = createContext('light');
+// Create a component that will throw an error when clicked
+function BuggyComponent() {
+    const [shouldError, setShouldError] = useState(false);
+    if (shouldError) {
+        throw new Error("Test error from BuggyComponent");
+    }
+    return (_jsx("button", { onClick: () => setShouldError(true), className: "bg-red-600 text-white px-4 py-2 rounded mt-4 hover:bg-red-700", children: "Trigger Error" }));
+}
+function App() {
+    const [count, setCount] = useState(0);
+    const [theme, setTheme] = useState('light');
+    const renderCount = useRef(0);
+    const [error, resetError] = useErrorBoundary();
+    // Demonstrate useEffect
+    useEffect(() => {
+        document.title = `Count: ${count}`;
+        renderCount.current += 1;
+        return () => {
+            console.log('Cleanup effect');
+        };
+    }, [count]);
+    // Demonstrate useMemo
+    const doubled = useMemo(() => count * 2, [count]);
+    if (error) {
+        return (_jsxs("div", { className: "p-8 max-w-md mx-auto bg-red-50 rounded-lg shadow-lg", children: [_jsx("h1", { className: "text-2xl font-bold text-red-600 mb-4", children: "Something went wrong!" }), _jsx("button", { onClick: resetError, className: "bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded", children: "Try again" })] }));
+    }
+    return (_jsx(ThemeContext.Provider, { value: theme, children: _jsxs("div", { className: `p-8 max-w-4xl mx-auto rounded-lg shadow-lg transition-colors ${theme === 'dark'
+                ? 'bg-gray-800 text-white'
+                : 'bg-white text-gray-900'}`, children: [_jsx("h1", { className: "text-3xl font-bold mb-6", children: "Welcome to Frontend Hamroun" }), _jsxs("div", { className: "mb-6", children: [_jsx("button", { onClick: () => setCount(count - 1), className: "bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded", children: "-" }), _jsx("span", { className: "mx-4 text-xl", children: count }), _jsx("button", { onClick: () => setCount(count + 1), className: "bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded", children: "+" })] }), _jsxs("p", { className: "mb-2 text-lg", children: ["Doubled value: ", _jsx("span", { className: "font-semibold", children: doubled })] }), _jsxs("p", { className: "mb-4 text-lg", children: ["Render count: ", _jsx("span", { className: "font-semibold", children: renderCount.current })] }), _jsxs("button", { onClick: () => setTheme(theme === 'light' ? 'dark' : 'light'), className: `px-4 py-2 rounded mb-8 ${theme === 'dark'
+                        ? 'bg-yellow-400 text-gray-900 hover:bg-yellow-300'
+                        : 'bg-gray-800 text-white hover:bg-gray-700'}`, children: ["Toggle Theme (", theme, ")"] }), _jsxs("div", { className: "mt-8 border-t pt-6", children: [_jsx("h2", { className: "text-2xl font-bold mb-4", children: "Test Error Boundary" }), _jsx(BuggyComponent, {})] }), _jsxs("div", { className: "mt-8 border-t pt-6", children: [_jsx("h2", { className: "text-2xl font-bold mb-4", children: "Test Context" }), _jsx(ContextConsumer, {})] })] }) }));
+}
+// Component to test context
+function ContextConsumer() {
+    // Get the full context object for debugging
+    const themeContext = useContext(ThemeContext);
+    console.log('Theme context object:', themeContext);
+    // Access the current theme from the parent component instead
+    // This is a workaround until context is properly implemented
+    return (_jsxs("div", { className: `mt-4 p-4 rounded-md border ${themeContext === 'dark' ? 'border-gray-600' : 'border-gray-300'}`, children: [_jsxs("p", { className: "mb-2", children: [_jsx("strong", { children: "Note:" }), " Context API needs a fix in the framework."] }), _jsxs("p", { className: "mb-1", children: ["Context object type: ", typeof themeContext] }), _jsxs("p", { className: "mb-4", children: ["Context object keys: ", Object.keys(themeContext).join(', ') || 'none'] }), _jsx("button", { onClick: () => {
+                    // Since we can't get the value directly from context,
+                    // Let's add a button to demonstrate we can still use the Provider
+                    const newTheme = document.body.style.backgroundColor === 'rgb(51, 51, 51)'
+                        ? 'light' : 'dark';
+                    console.log('Manually changing theme to:', newTheme);
+                    // This won't work yet, but demonstrates the intent
+                    if (ThemeContext) {
+                        console.log('Provider exists, would set value to:', newTheme);
+                    }
+                }, className: "bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded", children: "Check Context Implementation" })] }));
+}
+render(_jsx(App, {}), document.getElementById('root'));

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

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

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

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

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    content: string[];
+    theme: {
+        extend: {};
+    };
+    plugins: never[];
+};
+export default _default;
+//# sourceMappingURL=tailwind.config.d.ts.map

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

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

package/templates/basic-app/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/basic-app/vite.config.d.ts.map

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

package/templates/basic-app/vite.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+export default defineConfig({
+    esbuild: {
+        jsxFactory: 'jsx',
+        jsxFragment: 'Fragment'
+    }
+});

package/templates/complete-app/api/hello.d.ts

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

package/templates/complete-app/api/hello.d.ts.map

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

package/templates/complete-app/client.d.ts

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

package/templates/complete-app/client.d.ts.map

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

package/templates/complete-app/lib/frontend-hamroun.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Simple JSX implementation for server-side rendering
+ */
+export function renderToString(vnode: any): any;
+export function jsx(type: any, props: any, ...children: any[]): {
+    type: any;
+    props: any;
+};
+export function requestLogger(req: any, res: any, next: any): void;
+export function errorHandler(err: any, req: any, res: any, next: any): void;
+export function notFoundHandler(req: any, res: any): void;
+export function rateLimit(options?: {
+    windowMs: number;
+    max: number;
+}): (req: any, res: any, next: any) => any;
+export function loadGoWasmFromFile(): void;
+export const Fragment: unique symbol;
+//# sourceMappingURL=frontend-hamroun.d.ts.map

package/templates/complete-app/lib/frontend-hamroun.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frontend-hamroun.d.ts","sourceRoot":"","sources":["frontend-hamroun.js"],"names":[],"mappings":"AAAA;;GAEG;AAGH,gDAuGC;AAGD;;;EAMC;AAkBD,mEAGC;AAGD,4EAGC;AAGD,0DAEC;AAGD;;;2CAuBC;AAID,2CAEC;AAHD,qCAAqD"}

package/templates/complete-app/pages/about.d.ts

@@ -0,0 +1,7 @@
+declare function AboutPage(props: any): import("frontend-hamroun").VNode;
+declare namespace AboutPage {
+    function getTitle(): string;
+    function getDescription(): string;
+}
+export default AboutPage;
+//# sourceMappingURL=about.d.ts.map

package/templates/complete-app/pages/about.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"about.d.ts","sourceRoot":"","sources":["about.js"],"names":[],"mappings":"AAoBA,yEA8FC;;IAGD,4BAA+D;IAC/D,kCAAoH"}

package/templates/complete-app/pages/index.d.ts

@@ -0,0 +1,7 @@
+declare function HomePage(props: any): import("frontend-hamroun").VNode;
+declare namespace HomePage {
+    function getTitle(props: any): string;
+    function getDescription(props: any): string;
+}
+export default HomePage;
+//# sourceMappingURL=index.d.ts.map

package/templates/complete-app/pages/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":"AAqFA,wEAmEC;;IAGD,sCAA+E;IAC/E,4CAAsJ"}

package/templates/complete-app/pages/wasm-demo.d.ts

@@ -0,0 +1,7 @@
+declare function WasmDemo(props: any): import("frontend-hamroun").VNode;
+declare namespace WasmDemo {
+    function getTitle(): string;
+    function getDescription(): string;
+}
+export default WasmDemo;
+//# sourceMappingURL=wasm-demo.d.ts.map

package/templates/complete-app/pages/wasm-demo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wasm-demo.d.ts","sourceRoot":"","sources":["wasm-demo.js"],"names":[],"mappings":"AAGA,wEA0RC;;IAGD,4BAA+D;IAC/D,kCAAiI"}