jac-client 0.2.8__py3-none-any.whl → 0.2.11__py3-none-any.whl

jac_client/examples/all-in-one/pages/loginPage.jac

@@ -1,132 +1,127 @@
-cl import from "@jac-client/utils" {
-    Link,
-    useNavigate,
-    jacLogin
-}
+cl import from "@jac/runtime" { Link, useNavigate, jacLogin }
+
 cl {
     def:pub LoginPage -> any {
-    has username: str = "";
-    has password: str = "";
-    has error: str = "";
-    navigate = useNavigate();
+        has username: str = "",
+            password: str = "",
+            error: str = "";
 
-    async def handleLogin(e: any) -> None {
-        e.preventDefault();
-        error = "";
-        if not username or not password {
-            error = "Please fill in all fields";
-            return;
-        }
-        success = await jacLogin(username, password);
-        if success {
-            navigate("/");
-        } else {
-            error = "Invalid credentials";
-        }
-    }
+        navigate = useNavigate();
 
-    def handleUsernameChange(e: any) -> None {
-        username = e.target.value;
-    }
+        async def handleLogin(e: any) -> None {
+            e.preventDefault();
+            error = "";
+            if not username or not password {
+                error = "Please fill in all fields";
+                return;
+            }
+            success = await jacLogin(username, password);
+            if success {
+                navigate("/");
+            } else {
+                error = "Invalid credentials";
+            }
+        }
 
-    def handlePasswordChange(e: any) -> None {
-        password = e.target.value;
-    }
+        def handleUsernameChange(e: any) -> None {
+            username = e.target.value;
+        }
 
-    errorDisplay = None;
-    if error {
-        errorDisplay = <div
-            style={{"color": "#dc2626", "fontSize": "14px", "marginBottom": "12px"}}
-        >
-            {error}
-        </div>;
-    }
+        def handlePasswordChange(e: any) -> None {
+            password = e.target.value;
+        }
 
-    return <div
-        style={{
-            "minHeight": "calc(100vh - 56px)",
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "background": "#f5f5f5"
-        }}
-    >
-        <div
-            style={{
-                "background": "#ffffff",
-                "padding": "32px",
-                "borderRadius": "8px",
-                "width": "300px",
-                "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"
-            }}
-        >
-            <h2
-                style={{"marginBottom": "24px", "textAlign": "center"}}
+        errorDisplay = None;
+        if error {
+            errorDisplay = <div
+                style={{"color": "#dc2626", "fontSize": "14px", "marginBottom": "12px"}}
             >
-                Login
-            </h2>
-            <form
-                onSubmit={handleLogin}
+                {error}
+            </div>;
+        }
+
+        return
+            <div
+                style={{
+                    "minHeight": "calc(100vh - 56px)",
+                    "display": "flex",
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                    "background": "#f5f5f5"
+                }}
             >
-                <input
-                    type="text"
-                    value={username}
-                    onChange={handleUsernameChange}
-                    placeholder="Username"
-                    style={{
-                        "width": "100%",
-                        "padding": "10px",
-                        "marginBottom": "12px",
-                        "border": "1px solid #ddd",
-                        "borderRadius": "4px",
-                        "boxSizing": "border-box"
-                    }}
-                />
-                <input
-                    type="password"
-                    value={password}
-                    onChange={handlePasswordChange}
-                    placeholder="Password"
-                    style={{
-                        "width": "100%",
-                        "padding": "10px",
-                        "marginBottom": "12px",
-                        "border": "1px solid #ddd",
-                        "borderRadius": "4px",
-                        "boxSizing": "border-box"
-                    }}
-                />
-                {errorDisplay}
-                <button
-                    type="submit"
+                <div
                     style={{
-                        "width": "100%",
-                        "padding": "10px",
-                        "background": "#3b82f6",
-                        "color": "#ffffff",
-                        "border": "none",
-                        "borderRadius": "4px",
-                        "cursor": "pointer",
-                        "fontWeight": "600"
+                        "background": "#ffffff",
+                        "padding": "32px",
+                        "borderRadius": "8px",
+                        "width": "300px",
+                        "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"
                     }}
                 >
-                    Login
-                </button>
-            </form>
-            <p
-                style={{
-                    "textAlign": "center",
-                    "marginTop": "16px",
-                    "fontSize": "14px"
-                }}
-            >
-                Need an account?
-                {" "}
-                <Link to="/signup">
-                    Sign up
-                </Link>
-            </p>
-        </div>
-    </div>;
-}
+                    <h2 style={{"marginBottom": "24px", "textAlign": "center"}}>
+                        Login
+                    </h2>
+                    <form onSubmit={handleLogin}>
+                        <input
+                            type="text"
+                            value={username}
+                            onChange={handleUsernameChange}
+                            placeholder="Username"
+                            style={{
+                                "width": "100%",
+                                "padding": "10px",
+                                "marginBottom": "12px",
+                                "border": "1px solid #ddd",
+                                "borderRadius": "4px",
+                                "boxSizing": "border-box"
+                            }}
+                        />
+                        <input
+                            type="password"
+                            value={password}
+                            onChange={handlePasswordChange}
+                            placeholder="Password"
+                            style={{
+                                "width": "100%",
+                                "padding": "10px",
+                                "marginBottom": "12px",
+                                "border": "1px solid #ddd",
+                                "borderRadius": "4px",
+                                "boxSizing": "border-box"
+                            }}
+                        />
+                        {errorDisplay}
+                        <button
+                            type="submit"
+                            style={{
+                                "width": "100%",
+                                "padding": "10px",
+                                "background": "#3b82f6",
+                                "color": "#ffffff",
+                                "border": "none",
+                                "borderRadius": "4px",
+                                "cursor": "pointer",
+                                "fontWeight": "600"
+                            }}
+                        >
+                            Login
+                        </button>
+                    </form>
+                    <p
+                        style={{
+                            "textAlign": "center",
+                            "marginTop": "16px",
+                            "fontSize": "14px"
+                        }}
+                    >
+                        Need an account?
+                        {" "}
+                        <Link to="/signup">
+                            Sign up
+                        </Link>
+                    </p>
+                </div>
+            </div>;
+    }
 }

jac_client/examples/all-in-one/pages/nestedDemo.jac

@@ -1,61 +1,54 @@
 # Nested folder imports (same pattern as nested-basic/)
-cl import from ..components.button {
+cl import from ..components.nestedDemo.CustomButton.tsx {
     CustomButton
 }
 cl import from ..button { CustomButtonRoot }
-cl import from "@jac-client/utils" {
-
-    Navigate,
-    jacIsLoggedIn
-}
-
+cl import from "@jac/runtime" { Navigate, jacIsLoggedIn }
 
 cl {
     def:pub NestedImportsDemo -> any {
-    # Check if user is logged in, redirect if not
-    if not jacIsLoggedIn() {
-        return <Navigate to="/login" />;
-    }
+        # Check if user is logged in, redirect if not
+        if not jacIsLoggedIn() {
+            return
+                <Navigate to="/login" />;
+        }
 
-    return <div
-        style={{
-            "padding": "2rem",
-            "fontFamily": "system-ui, -apple-system, sans-serif"
-        }}
-    >
-        <h1>
-            📁 Nested Folder Imports
-        </h1>
-        <p>
-            This page mirrors the
-            {" "}
-            <code>
-                nested-folders/nested-basic
-            </code>
-            {" "}
-            example by importing components from both
-            {" "}
-            <code>
-                components.button
-            </code>
-            {" "}
-            and
-            {" "}
-            <code>
-                button
-            </code>
-        </p>
-        <p
-            style={{"marginTop": "0.75rem"}}
-        >
-            Both buttons below are rendered via relative imports:
-        </p>
-        <div
-            style={{"display": "flex", "gap": "1rem", "marginTop": "1.5rem"}}
-        >
-            <CustomButton />
-            <CustomButtonRoot />
-        </div>
-    </div>;
+        return
+            <div
+                style={{
+                    "padding": "2rem",
+                    "fontFamily": "system-ui, -apple-system, sans-serif"
+                }}
+            >
+                <h1>
+                    📁 Nested Folder Imports
+                </h1>
+                <p>
+                    This page mirrors the
+                    {" "}
+                    <code>
+                        nested-folders/nested-basic
+                    </code>
+                    {" "}
+                    example by importing components from both
+                    {" "}
+                    <code>
+                        components.button
+                    </code>
+                    {" "}
+                    and
+                    {" "}
+                    <code>
+                        button
+                    </code>
+                </p>
+                <p style={{"marginTop": "0.75rem"}}>
+                    Both buttons below are rendered via relative imports:
+                </p>
+                <div style={{"display": "flex", "gap": "1rem", "marginTop": "1.5rem"}}>
+                    <CustomButton />
+                    <CustomButtonRoot />
+                </div>
+            </div>;
     }
 }

jac_client/examples/all-in-one/pages/notFound.jac

@@ -1,24 +1,18 @@
-cl import from "@jac-client/utils" {
-    Link
-}
+cl import from "@jac/runtime" { Link }
+cl import "..styles/notFoundPage/NotFoundstyle.css";
 cl {
     def:pub NotFound -> any {
-    return <div
-        style={{
-            "padding": "2rem",
-            "textAlign": "center",
-            "fontFamily": "system-ui, -apple-system, sans-serif"
-        }}
-    >
-        <h1>
-            🔍 404 - Page Not Found
-        </h1>
-        <p>
-            The page you are looking for does not exist.
-        </p>
-        <Link to="/">
-            ← Back to Home
-        </Link>
-    </div>;
-}
+        return
+            <div className="not-found-container">
+                <h1>
+                    🔍 404 - Page Not Found
+                </h1>
+                <p>
+                    The page you are looking for does not exist.
+                </p>
+                <Link to="/">
+                    ← Back to Home
+                </Link>
+            </div>;
+    }
 }

jac_client/examples/all-in-one/pages/signupPage.jac

@@ -1,133 +1,127 @@
-cl import from "@jac-client/utils" {
-    Link,
-    useNavigate,
-    jacSignup
-}
+cl import from "@jac/runtime" { Link, useNavigate, jacSignup }
 
 cl {
     def:pub SignupPage -> any {
-    has username: str = "";
-    has password: str = "";
-    has error: str = "";
-    navigate = useNavigate();
+        has username: str = "",
+            password: str = "",
+            error: str = "";
 
-    async def handleSignup(e: any) -> None {
-        e.preventDefault();
-        error = "";
-        if not username or not password {
-            error = "Please fill in all fields";
-            return;
-        }
-        result = await jacSignup(username, password);
-        if result["success"] {
-            navigate("/");
-        } else {
-            error = result["error"] if result["error"] else "Signup failed";
-        }
-    }
+        navigate = useNavigate();
 
-    def handleUsernameChange(e: any) -> None {
-        username = e.target.value;
-    }
+        async def handleSignup(e: any) -> None {
+            e.preventDefault();
+            error = "";
+            if not username or not password {
+                error = "Please fill in all fields";
+                return;
+            }
+            result = await jacSignup(username, password);
+            if result["success"] {
+                navigate("/");
+            } else {
+                error = result["error"] if result["error"] else "Signup failed";
+            }
+        }
 
-    def handlePasswordChange(e: any) -> None {
-        password = e.target.value;
-    }
+        def handleUsernameChange(e: any) -> None {
+            username = e.target.value;
+        }
 
-    errorDisplay = None;
-    if error {
-        errorDisplay = <div
-            style={{"color": "#dc2626", "fontSize": "14px", "marginBottom": "12px"}}
-        >
-            {error}
-        </div>;
-    }
+        def handlePasswordChange(e: any) -> None {
+            password = e.target.value;
+        }
 
-    return <div
-        style={{
-            "minHeight": "calc(100vh - 56px)",
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "background": "#f5f5f5"
-        }}
-    >
-        <div
-            style={{
-                "background": "#ffffff",
-                "padding": "32px",
-                "borderRadius": "8px",
-                "width": "300px",
-                "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"
-            }}
-        >
-            <h2
-                style={{"marginBottom": "24px", "textAlign": "center"}}
+        errorDisplay = None;
+        if error {
+            errorDisplay = <div
+                style={{"color": "#dc2626", "fontSize": "14px", "marginBottom": "12px"}}
             >
-                Sign Up
-            </h2>
-            <form
-                onSubmit={handleSignup}
+                {error}
+            </div>;
+        }
+
+        return
+            <div
+                style={{
+                    "minHeight": "calc(100vh - 56px)",
+                    "display": "flex",
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                    "background": "#f5f5f5"
+                }}
             >
-                <input
-                    type="text"
-                    value={username}
-                    onChange={handleUsernameChange}
-                    placeholder="Username"
-                    style={{
-                        "width": "100%",
-                        "padding": "10px",
-                        "marginBottom": "12px",
-                        "border": "1px solid #ddd",
-                        "borderRadius": "4px",
-                        "boxSizing": "border-box"
-                    }}
-                />
-                <input
-                    type="password"
-                    value={password}
-                    onChange={handlePasswordChange}
-                    placeholder="Password"
-                    style={{
-                        "width": "100%",
-                        "padding": "10px",
-                        "marginBottom": "12px",
-                        "border": "1px solid #ddd",
-                        "borderRadius": "4px",
-                        "boxSizing": "border-box"
-                    }}
-                />
-                {errorDisplay}
-                <button
-                    type="submit"
+                <div
                     style={{
-                        "width": "100%",
-                        "padding": "10px",
-                        "background": "#3b82f6",
-                        "color": "#ffffff",
-                        "border": "none",
-                        "borderRadius": "4px",
-                        "cursor": "pointer",
-                        "fontWeight": "600"
+                        "background": "#ffffff",
+                        "padding": "32px",
+                        "borderRadius": "8px",
+                        "width": "300px",
+                        "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"
                     }}
                 >
-                    Sign Up
-                </button>
-            </form>
-            <p
-                style={{
-                    "textAlign": "center",
-                    "marginTop": "16px",
-                    "fontSize": "14px"
-                }}
-            >
-                Have an account?
-                {" "}
-                <Link to="/login">
-                    Login
-                </Link>
-            </p>
-        </div>
-    </div>;
-}
+                    <h2 style={{"marginBottom": "24px", "textAlign": "center"}}>
+                        Sign Up
+                    </h2>
+                    <form onSubmit={handleSignup}>
+                        <input
+                            type="text"
+                            value={username}
+                            onChange={handleUsernameChange}
+                            placeholder="Username"
+                            style={{
+                                "width": "100%",
+                                "padding": "10px",
+                                "marginBottom": "12px",
+                                "border": "1px solid #ddd",
+                                "borderRadius": "4px",
+                                "boxSizing": "border-box"
+                            }}
+                        />
+                        <input
+                            type="password"
+                            value={password}
+                            onChange={handlePasswordChange}
+                            placeholder="Password"
+                            style={{
+                                "width": "100%",
+                                "padding": "10px",
+                                "marginBottom": "12px",
+                                "border": "1px solid #ddd",
+                                "borderRadius": "4px",
+                                "boxSizing": "border-box"
+                            }}
+                        />
+                        {errorDisplay}
+                        <button
+                            type="submit"
+                            style={{
+                                "width": "100%",
+                                "padding": "10px",
+                                "background": "#3b82f6",
+                                "color": "#ffffff",
+                                "border": "none",
+                                "borderRadius": "4px",
+                                "cursor": "pointer",
+                                "fontWeight": "600"
+                            }}
+                        >
+                            Sign Up
+                        </button>
+                    </form>
+                    <p
+                        style={{
+                            "textAlign": "center",
+                            "marginTop": "16px",
+                            "fontSize": "14px"
+                        }}
+                    >
+                        Have an account?
+                        {" "}
+                        <Link to="/login">
+                            Login
+                        </Link>
+                    </p>
+                </div>
+            </div>;
+    }
 }