frontend-hamroun 1.2.84 → 1.2.88

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

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

@@ -0,0 +1,17 @@
+declare function jsx(type: any, props: any, ...children: any[]): {
+    type: any;
+    props: any;
+};
+declare function jsx(type: any, props: any, ...args: any[]): {
+    type: any;
+    props: any;
+};
+declare function jsx(type: any, props: any, ...args: any[]): {
+    type: any;
+    props: any;
+};
+declare function hydrate(element: any, container: any): void;
+declare function hydrate(element: any, container: any): Promise<void>;
+declare function hydrate(element: any, container: any): Promise<void>;
+declare const Fragment: typeof Fragment;
+//# sourceMappingURL=client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["client.js"],"names":[],"mappings":"AAGA;;;EAMC;;;;;;;;;AAMD,6DAsCC;;;AAzCD,wCAA8C"}

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

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

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

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