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

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

@@ -0,0 +1,101 @@
+# Landing Page - Ledgerly Brand
+# Professional landing page with hero, features, and CTA sections
+# Demonstrates: routing with Link, dark theme design, responsive layout
+cl import from "@jac-client/utils" {
+    Link,
+
+}
+
+
+
+cl {
+    def:pub LandingPage() -> any {
+    return <div className="landing-container">
+        <section className="hero-section">
+            <h1 className="brand-name">Ledgerly</h1>
+            <p className="tagline">Know your real income</p>
+
+            <h2 className="headline">
+                Track Business & Personal Finances Separately
+            </h2>
+            <p className="subheadline">
+                Built for freelancers who need to see their true income
+                after taxes and business expenses.
+            </p>
+
+            <div style={{"display": "flex", "gap": "15px", "justifyContent": "center"}}>
+                <Link to="/app">
+                    <button className="cta-button">
+                        Let's Plan
+                    </button>
+                </Link>
+                <Link to="/features">
+                    <button className="cta-button" style={{
+                        "backgroundColor": "#8b5cf6",
+                        "border": "2px solid #8b5cf6"
+                    }}>
+                        Test Features
+                    </button>
+                </Link>
+            </div>
+        </section>
+
+        <section className="features-section">
+            <h2 className="features-title">Built for Freelancers</h2>
+
+            <div className="features-grid">
+                <div className="feature-card">
+                    <div className="feature-icon">💼</div>
+                    <h3 className="feature-title">Business vs Personal</h3>
+                    <p className="feature-description">
+                        Tag every transaction as business or personal.
+                        See your income streams separately and understand where your money really comes from.
+                    </p>
+                </div>
+
+                <div className="feature-card">
+                    <div className="feature-icon">📊</div>
+                    <h3 className="feature-title">Auto Tax Reserve</h3>
+                    <p className="feature-description">
+                        Automatically calculate 20% tax reserve on business income.
+                        Know your true net profit after taxes without surprises.
+                    </p>
+                </div>
+
+                <div className="feature-card">
+                    <div className="feature-icon">🏷️</div>
+                    <h3 className="feature-title">Client Tagging</h3>
+                    <p className="feature-description">
+                        Tag business income by client name. Track which clients
+                        are generating the most revenue for your business.
+                    </p>
+                </div>
+            </div>
+        </section>
+
+        <section className="cta-section">
+            <h2 className="cta-section-title">Ready to know your real income?</h2>
+            <p className="cta-section-text">
+                Start tracking your freelance finances the smart way.
+            </p>
+
+            <div style={{"display": "flex", "gap": "15px", "justifyContent": "center"}}>
+                <Link to="/app">
+                    <button className="cta-button">
+                        Get Started Free
+                    </button>
+                </Link>
+                <Link to="/features">
+                    <button className="cta-button" style={{
+                        "backgroundColor": "#8b5cf6",
+                        "border": "2px solid #8b5cf6"
+                    }}>
+                        Explore Features
+                    </button>
+                </Link>
+            </div>
+        </section>
+    </div>;
+}
+
+}

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

@@ -0,0 +1,132 @@
+cl import from "@jac-client/utils" {
+    Link,
+    useNavigate,
+    jacLogin
+}
+cl {
+    def:pub LoginPage -> any {
+    has username: str = "";
+    has password: str = "";
+    has error: str = "";
+    navigate = useNavigate();
+
+    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 handleUsernameChange(e: any) -> None {
+        username = e.target.value;
+    }
+
+    def handlePasswordChange(e: any) -> None {
+        password = e.target.value;
+    }
+
+    errorDisplay = None;
+    if error {
+        errorDisplay = <div
+            style={{"color": "#dc2626", "fontSize": "14px", "marginBottom": "12px"}}
+        >
+            {error}
+        </div>;
+    }
+
+    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"}}
+            >
+                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

@@ -0,0 +1,61 @@
+# Nested folder imports (same pattern as nested-basic/)
+cl import from ..components.button {
+    CustomButton
+}
+cl import from ..button { CustomButtonRoot }
+cl import from "@jac-client/utils" {
+
+    Navigate,
+    jacIsLoggedIn
+}
+
+
+cl {
+    def:pub NestedImportsDemo -> any {
+    # 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>;
+    }
+}

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

@@ -0,0 +1,24 @@
+cl import from "@jac-client/utils" {
+    Link
+}
+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>;
+}
+}

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

@@ -0,0 +1,133 @@
+cl import from "@jac-client/utils" {
+    Link,
+    useNavigate,
+    jacSignup
+}
+
+cl {
+    def:pub SignupPage -> any {
+    has username: str = "";
+    has password: str = "";
+    has error: str = "";
+    navigate = useNavigate();
+
+    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 handleUsernameChange(e: any) -> None {
+        username = e.target.value;
+    }
+
+    def handlePasswordChange(e: any) -> None {
+        password = e.target.value;
+    }
+
+    errorDisplay = None;
+    if error {
+        errorDisplay = <div
+            style={{"color": "#dc2626", "fontSize": "14px", "marginBottom": "12px"}}
+        >
+            {error}
+        </div>;
+    }
+
+    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"}}
+            >
+                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>;
+}
+}

jac_client/examples/all-in-one/utils/formatters.jac

@@ -0,0 +1,52 @@
+# Utility functions for formatting
+# Demonstrates: def:pub exports, string methods
+
+cl {
+    # Format number as currency - demonstrates string methods
+    def:pub formatCurrency(amount: float) -> str {
+        # Use toFixed for decimal formatting
+        formatted = amount.toFixed(2);
+        return "$" + formatted;
+    }
+
+    # Format ISO date string to readable format
+    def:pub formatDate(dateStr: str) -> str {
+        date = Reflect.construct(Date, [dateStr]);
+        return date.toLocaleDateString("en-US", {
+            "month": "short",
+            "day": "numeric",
+            "year": "numeric"
+        });
+    }
+
+    # Capitalize first letter of string
+    def:pub capitalize(text: str) -> str {
+        if text.length == 0 {
+            return text;
+        }
+        return text[0].toUpperCase() + text.slice(1).toLowerCase();
+    }
+
+    # Truncate string with ellipsis
+    def:pub truncate(text: str, maxLength: int) -> str {
+        if text.length <= maxLength {
+            return text;
+        }
+        return text.slice(0, maxLength) + "...";
+    }
+
+    # Format large numbers with K/M suffix
+    def:pub formatCompact(num: float) -> str {
+        if num >= 1000000 {
+            divided = num / 1000000;
+            rounded = (Math.round(divided * 10) / 10);
+            return (rounded.toString().concat("M"));
+        }
+        if num >= 1000 {
+            divided = num / 1000;
+            rounded = (Math.round(divided * 10) / 10);
+            return rounded.toString().concat("K");
+        }
+        return Math.round(num).toString();
+    }
+}

jac_client/examples/asset-serving/css-with-image/src/app.jac

@@ -1,10 +1,10 @@
 # Pages
-cl import from react { useState, useEffect }
+cl import from react { useEffect }
 cl import ".styles.css";
 
 cl {
     def:pub app -> any {
-        [count, setCount] = useState(0);
+        has count: int = 0;
         useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
         return <div
             style={{
@@ -37,7 +37,7 @@ cl {
                 times!
             </p>
             <button
-                onClick={lambda  e: any  -> None{ setCount(count + 1);} }
+                onClick={lambda  e: any  -> None{ count = count + 1;} }
                 style={{
                     padding: "10px 20px",
                     fontSize: "16px",

jac_client/examples/asset-serving/image-asset/src/app.jac

@@ -1,9 +1,9 @@
 # Pages
-cl import from react { useState, useEffect }
+cl import from react { useEffect }
 
 cl {
     def:pub app -> any {
-        [count, setCount] = useState(0);
+        has count: int = 0;
         useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
         return <div
             style={{
@@ -36,7 +36,7 @@ cl {
                 times!
             </p>
             <button
-                onClick={lambda  e: any  -> None{ setCount(count + 1);} }
+                onClick={lambda  e: any  -> None{ count = count + 1;} }
                 style={{
                     padding: "10px 20px",
                     fontSize: "16px",

jac_client/examples/asset-serving/import-alias/src/app.jac

@@ -1,5 +1,5 @@
 # Pages
-cl import from react { useState, useEffect }
+cl import from react { useEffect }
 # Import image using the @jac-client/assets alias
 cl import from "@jac-client/assets/burger.png" {
     default as burgerImage
@@ -7,7 +7,7 @@ cl import from "@jac-client/assets/burger.png" {
 
 cl {
     def:pub app -> any {
-        [count, setCount] = useState(0);
+        has count: int = 0;
         useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
         return <div
             style={{
@@ -49,7 +49,7 @@ cl {
                 times!
             </p>
             <button
-                onClick={lambda  e: any  -> None{ setCount(count + 1);} }
+                onClick={lambda  e: any  -> None{ count = count + 1;} }
                 style={{
                     padding: "10px 20px",
                     fontSize: "16px",

jac_client/examples/basic/src/app.jac

@@ -1,8 +1,8 @@
 # Pages
-cl import from react { useState, useEffect }
+cl import from react { useEffect }
 cl {
     def:pub app -> any {
-        [count, setCount] = useState(0);
+        has count: int = 0;
         useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
         return <div>
             <h1>
@@ -12,7 +12,7 @@ cl {
                 Count: {count}
             </p>
             <button
-                onClick={lambda  e: any  -> None{ setCount(count + 1);} }
+                onClick={lambda  e: any  -> None{ count = count + 1;} }
             >
                 Increment
             </button>