jac-client 0.2.10__py3-none-any.whl → 0.2.12__py3-none-any.whl

jac_client/examples/all-in-one/components/TransactionItem.jac

@@ -1,7 +1,9 @@
 # Single transaction item component
 # Demonstrates: NEW PROPS PATTERN (direct parameters, NOT props dict)
-
-cl import from ..utils.formatters { formatCurrency, formatDate }
+cl import from ..utils.formatters {
+    formatCurrency,
+    formatDate
+}
 cl import from ..constants.categories { CATEGORY_COLORS, CATEGORY_LABELS }
 
 cl {
@@ -21,35 +23,40 @@ cl {
         color = CATEGORY_COLORS[category];
         label = CATEGORY_LABELS[category];
 
-        return <div className="transaction-item">
-            <div className="tx-left">
-                <span
-                    className="tx-category"
-                    style={{"backgroundColor": color}}
-                >
-                    {label}
-                </span>
-                <div className="tx-details">
-                    <span className="tx-description">
-                        {description}
-                        {(clientName != None and isIncome) and <span className="tx-client"> • {clientName}</span>}
+        return
+            <div className="transaction-item">
+                <div className="tx-left">
+                    <span className="tx-category" style={{"backgroundColor": color}}>
+                        {label}
                     </span>
-                    <span className="tx-date">{formatDate(date)}</span>
+                    <div className="tx-details">
+                        <span className="tx-description">
+                            {description}{(clientName != None and isIncome)
+                            and <span className="tx-client">
+                                • {clientName}
+                            </span>}
+                        </span>
+                        <span className="tx-date">
+                            {formatDate(date)}
+                        </span>
+                    </div>
                 </div>
-            </div>
-
-            <div className="tx-right">
-                <span className={("tx-amount income") if isIncome else ("tx-amount expense")}>
-                    {("+") if isIncome else ("-")}{formatCurrency(amount)}
-                </span>
-                <button
-                    className="delete-btn"
-                    onClick={lambda:onDelete(id)}
-                    title="Delete transaction"
-                >
-                    X
-                </button>
-            </div>
-        </div>;
+                <div className="tx-right">
+                    <span
+                        className={("tx-amount income")
+                        if isIncome
+                        else ("tx-amount expense")}
+                    >
+                        {("+") if isIncome else ("-")}{formatCurrency(amount)}
+                    </span>
+                    <button
+                        className="delete-btn"
+                        onClick={lambda : onDelete(id)}
+                        title="Delete transaction"
+                    >
+                        X
+                    </button>
+                </div>
+            </div>;
     }
 }

jac_client/examples/all-in-one/components/TransactionList.jac

@@ -1,37 +1,44 @@
 # Transaction list component
 # Demonstrates: rendering lists with map, passing props to child components
-
-cl import from .TransactionItem { TransactionItem }
+cl import from .TransactionItem {
+    TransactionItem
+}
 
 cl {
     # Props: transactions list and delete handler
     def:pub TransactionList(transactions: list, onDelete: any) -> any {
         if transactions.length == 0 {
-            return <div className="empty-state">
-                <p>No transactions yet.</p>
-                <p>Add your first income or expense above!</p>
-            </div>;
+            return
+                <div className="empty-state">
+                    <p>
+                        No transactions yet.
+                    </p>
+                    <p>
+                        Add your first income or expense above!
+                    </p>
+                </div>;
         }
 
-        return <div className="transaction-list">
-            <h3 className="list-title">
-                Transactions ({transactions.length})
-            </h3>
-
-            {transactions.map(lambda tx: dict -> any {
-                return <TransactionItem
-                    key={tx["id"]}
-                    id={tx["id"]}
-                    description={tx["description"]}
-                    amount={tx["amount"]}
-                    category={tx["category"]}
-                    txType={tx["type"]}
-                    date={tx["date"]}
-                    isBusiness={tx["isBusinessTransaction"] || false}
-                    clientName={tx["clientName"] || None}
-                    onDelete={onDelete}
-                />;
-            })}
-        </div>;
+        return
+            <div className="transaction-list">
+                <h3 className="list-title">
+                    Transactions ({transactions.length})
+                </h3>
+                {transactions.map(
+                    lambda tx: dict  -> any { return
+                        <TransactionItem
+                            key={tx["id"]}
+                            id={tx["id"]}
+                            description={tx["description"]}
+                            amount={tx["amount"]}
+                            category={tx["category"]}
+                            txType={tx["type"]}
+                            date={tx["date"]}
+                            isBusiness={tx["isBusinessTransaction"] || false}
+                            clientName={tx["clientName"] || None}
+                            onDelete={onDelete}
+                        />; }
+                )}
+            </div>;
     }
 }

jac_client/examples/all-in-one/components/button.jac

@@ -1,7 +1,8 @@
 cl import from antd { Button }
 
 cl def:pub CustomButton -> any {
-    return <Button>
-        Nested Button
-    </Button>;
+    return
+        <Button>
+            Nested Button
+        </Button>;
 }

jac_client/examples/all-in-one/components/navigation.jac

@@ -1,132 +1,126 @@
-cl import from "@jac-client/utils" {
-
+cl import from "@jac/runtime" {
     Link,
     useNavigate,
     useLocation,
     jacLogout,
     jacIsLoggedIn
 }
+
 cl {
     def:pub Navigation -> any {
-    location = useLocation();
-    isLoggedIn = jacIsLoggedIn();
-    navigate = useNavigate();
-
-    def linkStyle(path: str) -> dict {
-        isActive = location.pathname == path;
-        return {
-            "padding": "0.5rem 1rem",
-            "textDecoration": "none",
-            "color": "#0066cc" if isActive else "#333",
-            "fontWeight": "bold" if isActive else "normal",
-            "backgroundColor": "#e3f2fd" if isActive else "transparent",
-            "borderRadius": "4px",
-            "display": "inline-block"
-        };
-    }
+        location = useLocation();
+        isLoggedIn = jacIsLoggedIn();
+        navigate = useNavigate();
 
-    def handleLogout(e: any) -> None {
-        e.preventDefault();
-        jacLogout();
-        navigate("/login");
-    }
-
-    authButtons = None;
-    if isLoggedIn {
-        authButtons = <button
-            onClick={handleLogout}
-            style={{
+        def linkStyle(path: str) -> dict {
+            isActive = location.pathname == path;
+            return {
                 "padding": "0.5rem 1rem",
-                "background": "#ef4444",
-                "color": "#ffffff",
-                "border": "none",
+                "textDecoration": "none",
+                "color": "#0066cc" if isActive else "#333",
+                "fontWeight": "bold" if isActive else "normal",
+                "backgroundColor": "#e3f2fd" if isActive else "transparent",
                 "borderRadius": "4px",
-                "cursor": "pointer",
-                "fontWeight": "600"
-            }}
-        >
-            Logout
-        </button>;
-    } else {
-        authButtons = <>
-            <Link
-                to="/login"
-                style={linkStyle("/login")}
-            >
-                Login
-            </Link>
-            <Link
-                to="/signup"
-                style={linkStyle("/signup")}
-            >
-                Sign Up
-            </Link>
-        </>;
-    }
+                "display": "inline-block"
+            };
+        }
+
+        def handleLogout(e: any) -> None {
+            e.preventDefault();
+            jacLogout();
+            navigate("/login");
+        }
 
-    return <nav
-        style={{
-            "padding": "1rem",
-            "backgroundColor": "#f5f5f5",
-            "marginBottom": "2rem",
-            "boxShadow": "0 2px 4px rgba(0,0,0,0.1)"
-        }}
-    >
-        <div
-            style={{
-                "maxWidth": "1200px",
-                "margin": "0 auto",
-                "display": "flex",
-                "gap": "1rem",
-                "alignItems": "center",
-                "justifyContent": "space-between"
-            }}
-        >
-            <div
-                style={{"display": "flex", "gap": "1rem", "alignItems": "center"}}
+        authButtons = None;
+        if isLoggedIn {
+            authButtons = <button
+                onClick={handleLogout}
+                style={{
+                    "padding": "0.5rem 1rem",
+                    "background": "#ef4444",
+                    "color": "#ffffff",
+                    "border": "none",
+                    "borderRadius": "4px",
+                    "cursor": "pointer",
+                    "fontWeight": "600"
+                }}
             >
-                {isLoggedIn
-                and (
-                    <>
-                        <Link
-                            to="/"
-                            style={linkStyle("/")}
-                        >
-                            Home
-                        </Link>
-                        <Link
-                            to="/nested"
-                            style={linkStyle("/nested")}
-                        >
-                            Nested Imports
-                        </Link>
-                        <Link
-                            to="/features-test"
-                            style={linkStyle("/features-test")}
-                        >
-                            Features Test
-                        </Link>
-                        <Link
-                            to="/landing"
-                            style={linkStyle("/landing")}
-                        >
-                            Landing Page
-                        </Link>
-                        <Link
-                            to="/budget-planner"
-                            style={linkStyle("/budget-planner")}
-                        >
-                            Budget Planner
-                        </Link>
-                    </>
-                )}
-            </div>
-            <div
-                style={{"display": "flex", "gap": "1rem", "alignItems": "center"}}
+                Logout
+            </button>;
+        } else {
+            authButtons = <>
+                <Link to="/login" style={linkStyle("/login")}>
+                    Login
+                </Link>
+                <Link to="/signup" style={linkStyle("/signup")}>
+                    Sign Up
+                </Link>
+            </>;
+        }
+
+        return
+            <nav
+                style={{
+                    "padding": "1rem",
+                    "backgroundColor": "#f5f5f5",
+                    "marginBottom": "2rem",
+                    "boxShadow": "0 2px 4px rgba(0,0,0,0.1)"
+                }}
             >
-                {authButtons}
-            </div>
-        </div>
-    </nav>;
-}
+                <div
+                    style={{
+                        "maxWidth": "1200px",
+                        "margin": "0 auto",
+                        "display": "flex",
+                        "gap": "1rem",
+                        "alignItems": "center",
+                        "justifyContent": "space-between"
+                    }}
+                >
+                    <div
+                        style={{
+                            "display": "flex",
+                            "gap": "1rem",
+                            "alignItems": "center"
+                        }}
+                    >
+                        {isLoggedIn
+                        and (
+                            <>
+                                <Link to="/" style={linkStyle("/")}>
+                                    Home
+                                </Link>
+                                <Link to="/nested" style={linkStyle("/nested")}>
+                                    Nested Imports
+                                </Link>
+                                <Link
+                                    to="/features-test"
+                                    style={linkStyle("/features-test")}
+                                >
+                                    Features Test
+                                </Link>
+                                <Link to="/landing" style={linkStyle("/landing")}>
+                                    Landing Page
+                                </Link>
+                                <Link
+                                    to="/budget-planner"
+                                    style={linkStyle("/budget-planner")}
+                                >
+                                    Budget Planner
+                                </Link>
+                            </>
+                        )}
+                    </div>
+                    <div
+                        style={{
+                            "display": "flex",
+                            "gap": "1rem",
+                            "alignItems": "center"
+                        }}
+                    >
+                        {authButtons}
+                    </div>
+                </div>
+            </nav>;
+    }
 }

jac_client/examples/all-in-one/constants/categories.jac

@@ -1,37 +1,36 @@
 # Category constants and enums for Budget Planner
 # Demonstrates: enum:pub, glob:pub exports
-
 cl {
     # Category enum - demonstrates enum:pub export
-    enum:pub Category {
-        INCOME,
-        FOOD,
-        TRANSPORT,
-        UTILITIES,
-        ENTERTAINMENT,
-        OTHER
-    }
+    enum:pub Category { INCOME, FOOD, TRANSPORT, UTILITIES, ENTERTAINMENT, OTHER }
 
     # Category colors - demonstrates glob:pub export
     glob:pub CATEGORY_COLORS: dict = {
-        "INCOME": "#10b981",
-        "FOOD": "#f59e0b",
-        "TRANSPORT": "#3b82f6",
-        "UTILITIES": "#8b5cf6",
-        "ENTERTAINMENT": "#ec4899",
-        "OTHER": "#6b7280"
-    };
+             "INCOME": "#10b981",
+             "FOOD": "#f59e0b",
+             "TRANSPORT": "#3b82f6",
+             "UTILITIES": "#8b5cf6",
+             "ENTERTAINMENT": "#ec4899",
+             "OTHER": "#6b7280"
+         };
 
     # Category labels for display
     glob:pub CATEGORY_LABELS: dict = {
-        "INCOME": "Income",
-        "FOOD": "Food & Dining",
-        "TRANSPORT": "Transport",
-        "UTILITIES": "Utilities",
-        "ENTERTAINMENT": "Entertainment",
-        "OTHER": "Other"
-    };
+             "INCOME": "Income",
+             "FOOD": "Food & Dining",
+             "TRANSPORT": "Transport",
+             "UTILITIES": "Utilities",
+             "ENTERTAINMENT": "Entertainment",
+             "OTHER": "Other"
+         };
 
     # All category keys as a list
-    glob:pub CATEGORIES: list = ["INCOME", "FOOD", "TRANSPORT", "UTILITIES", "ENTERTAINMENT", "OTHER"];
+    glob:pub CATEGORIES: list = [
+             "INCOME",
+             "FOOD",
+             "TRANSPORT",
+             "UTILITIES",
+             "ENTERTAINMENT",
+             "OTHER"
+         ];
 }

jac_client/examples/all-in-one/constants/clients.jac

@@ -1,13 +1,12 @@
 # Client list for freelancer income tracking
 # Demonstrates: glob exports, array constants
-
 cl {
     glob:pub CLIENTS = [
-        "Acme Corp",
-        "TechStart Inc",
-        "Design Studio Co",
-        "Marketing Agency",
-        "Freelance Marketplace",
-        "Other"
-    ];
+             "Acme Corp",
+             "TechStart Inc",
+             "Design Studio Co",
+             "Marketing Agency",
+             "Freelance Marketplace",
+             "Other"
+         ];
 }

jac_client/examples/all-in-one/context/BudgetContext.jac

@@ -1,7 +1,9 @@
 # Budget Context for global state management
 # Demonstrates: createContext, useContext, Context.Provider
-
-cl import from react { createContext, useContext }
+cl import from react {
+    createContext,
+    useContext
+}
 cl import from ..hooks.useBudget { useBudget }
 
 cl {
@@ -12,13 +14,14 @@ cl {
     def:pub BudgetProvider(children: any) -> any {
         budget = useBudget();
 
-        return <BudgetContext.Provider value={budget}>
-            {children}
-        </BudgetContext.Provider>;
+        return
+            <BudgetContext.Provider value={budget}>
+                {children}
+            </BudgetContext.Provider>;
     }
 
     # Custom hook to access budget context
-    def:pub useBudgetContext() -> dict {
+    def:pub useBudgetContext -> dict {
         context = useContext(BudgetContext);
         if context == None {
             console.error("useBudgetContext must be used within BudgetProvider");

jac_client/examples/all-in-one/hooks/useBudget.jac

@@ -1,16 +1,25 @@
 # Custom hook for budget operations
 # Demonstrates: custom hooks, useState, array methods
-
-cl import from react { useCallback, useMemo }
+cl import from react {
+    useCallback,
+    useMemo
+}
 
 cl {
     # Main budget management hook
-    def:pub useBudget() -> dict {
+    def:pub useBudget -> dict {
         # Simple useState - no complex localStorage hook
         [transactions, setTransactions] = useState([]);
 
         # Add a new transaction
-        def addTransaction(description: str, amount: float, category: str, txType: str, isBusiness: bool, clientName: str) -> None {
+        def addTransaction(
+            description: str,
+            amount: float,
+            category: str,
+            txType: str,
+            isBusiness: bool,
+            clientName: str
+        ) -> None {
             newTx = {
                 "id": Date.now().toString(),
                 "description": description,
@@ -26,9 +35,9 @@ cl {
 
         # Delete a transaction by ID
         def deleteTransaction(id: str) -> None {
-            filtered = transactions.filter(lambda tx: dict -> bool {
-                return tx["id"] != id;
-            });
+            filtered = transactions.filter(
+                lambda tx: dict  -> bool { return tx["id"] != id; }
+            );
             setTransactions(filtered);
         }
 
@@ -75,7 +84,7 @@ cl {
         netProfit = businessIncome - businessExpenses - taxReserve;
 
         # Get expense breakdown by category (for chart)
-        def getExpensesByCategory() -> list {
+        def getExpensesByCategory -> list {
             categoryTotals = {};
             for tx in transactions {
                 if tx["type"] == "expense" {
@@ -89,10 +98,7 @@ cl {
             }
             result = [];
             for key in Object.keys(categoryTotals) {
-                result = result.concat([{
-                    "name": key,
-                    "value": categoryTotals[key]
-                }]);
+                result = result.concat([{"name": key, "value": categoryTotals[key]}]);
             }
             return result;
         }

jac_client/examples/all-in-one/hooks/useLocalStorage.jac

@@ -1,35 +1,36 @@
 # Custom hook for localStorage persistence
 # Demonstrates: custom hooks, try/except error handling, useEffect
-
-cl import from react { useEffect }
+cl import from react {
+    useEffect
+}
 
 cl {
     # Custom hook for syncing state with localStorage
     def useLocalStorage(key: str, initialValue: list) -> list {
         # Initialize state with value from localStorage or default
-        [storedValue, setStoredValue] = useState(lambda -> any {
-            try {
+        [storedValue, setStoredValue] = useState(
+            lambda -> any { try {
                 item = window.localStorage.getItem(key);
                 if item {
                     return JSON.parse(item);
-                }else{
+                } else {
                     return initialValue;
                 }
-
-            } except Exception as e  {
+            } except Exception as e {
                 console.log("Error reading from localStorage");
                 return initialValue;
-            }
-        });
+            }}
+        );
 
         # Update localStorage when state changes
-        useEffect(lambda -> None {
-            try {
+        useEffect(
+            lambda -> None { try {
                 window.localStorage.setItem(key, JSON.stringify(storedValue));
             } except Exception as e {
                 console.log("Error saving to localStorage");
-            }
-        }, [key, storedValue]);
+            }},
+            [key, storedValue]
+        );
 
         return [storedValue, setStoredValue];
     }