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

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

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

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

@@ -1,7 +1,10 @@
 # Category filter component
 # Demonstrates: iteration with map, conditional classes, events
-
-cl import from ..constants.categories { CATEGORIES, CATEGORY_LABELS, CATEGORY_COLORS }
+cl import from ..constants.categories {
+    CATEGORIES,
+    CATEGORY_LABELS,
+    CATEGORY_COLORS
+}
 
 cl {
     # Filter buttons for categories
@@ -9,27 +12,36 @@ cl {
         # Add "ALL" to the beginning of categories
         allCategories = ["ALL"].concat(CATEGORIES);
 
-        return <div className="category-filter">
-            <h3 className="filter-title">Filter by Category</h3>
-            <div className="filter-buttons">
-                {allCategories.map(lambda cat: str -> any {
-                    isActive = selectedCategory == cat;
-                    color = CATEGORY_COLORS[cat] if cat != "ALL" else "#374151";
-
-                    return <button
-                        key={cat}
-                        className={("filter-btn active") if isActive else ("filter-btn")}
-                        style={{
-                            "borderColor": color,
-                            "backgroundColor": (color) if isActive else ("transparent"),
-                            "color": ("#fff") if isActive else (color)
-                        }}
-                        onClick={lambda: onSelect(cat)}
-                    >
-                        {(cat) if cat == "ALL" else (CATEGORY_LABELS[cat])}
-                    </button>;
-                })}
-            </div>
-        </div>;
+        return
+            <div className="category-filter">
+                <h3 className="filter-title">
+                    Filter by Category
+                </h3>
+                <div className="filter-buttons">
+                    {allCategories.map(
+                        lambda cat: str  -> any { isActive = selectedCategory == cat;color = CATEGORY_COLORS[
+                            cat
+                        ]
+                        if cat != "ALL"
+                        else "#374151";return
+                            <button
+                                key={cat}
+                                className={("filter-btn active")
+                                if isActive
+                                else ("filter-btn")}
+                                style={{
+                                    "borderColor": color,
+                                    "backgroundColor": (color)
+                                    if isActive
+                                    else ("transparent"),
+                                    "color": ("#fff") if isActive else (color)
+                                }}
+                                onClick={lambda : onSelect(cat)}
+                            >
+                                {(cat) if cat == "ALL" else (CATEGORY_LABELS[cat])}
+                            </button>; }
+                    )}
+                </div>
+            </div>;
     }
 }

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

@@ -1,13 +1,17 @@
 # Header component
 # Demonstrates: simple component, CSS classes
-
 cl {
-    def:pub Header() -> any {
-        return <header className="header">
-            <div className="header-content">
-                <h1 className="header-title">Budget Planner</h1>
-                <p className="header-subtitle">Track your income and expenses</p>
-            </div>
-        </header>;
+    def:pub Header -> any {
+        return
+            <header className="header">
+                <div className="header-content">
+                    <h1 className="header-title">
+                        Budget Planner
+                    </h1>
+                    <p className="header-subtitle">
+                        Track your income and expenses
+                    </p>
+                </div>
+            </header>;
     }
 }

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

@@ -1,11 +1,12 @@
 # Profit Overview component - monthly profit snapshot
 # Demonstrates: context usage, calculated displays, formatting
-
-cl import from ..context.BudgetContext { useBudgetContext }
+cl import from ..context.BudgetContext {
+    useBudgetContext
+}
 cl import from ..utils.formatters { formatCurrency }
 
 cl {
-    def:pub ProfitOverview() -> any {
+    def:pub ProfitOverview -> any {
         budget = useBudgetContext();
 
         businessIncome = budget["businessIncome"];
@@ -13,38 +14,51 @@ cl {
         taxReserve = budget["taxReserve"];
         netProfit = budget["netProfit"];
 
-        return <div className="profit-overview">
-            <h3 className="profit-title">Monthly Profit Snapshot</h3>
-
-            <div className="profit-breakdown">
-                <div className="profit-row income">
-                    <span className="profit-label">Business Income</span>
-                    <span className="profit-value positive">
-                        +{formatCurrency(businessIncome)}
-                    </span>
-                </div>
-
-                <div className="profit-row expense">
-                    <span className="profit-label">Business Expenses</span>
-                    <span className="profit-value negative">
-                        -{formatCurrency(businessExpenses)}
-                    </span>
-                </div>
-
-                <div className="profit-row tax">
-                    <span className="profit-label">Tax Reserve (20%)</span>
-                    <span className="profit-value negative">
-                        -{formatCurrency(taxReserve)}
-                    </span>
-                </div>
-
-                <div className="profit-row total">
-                    <span className="profit-label">Net Profit</span>
-                    <span className={("profit-value bold positive") if netProfit >= 0 else ("profit-value bold negative")}>
-                        {("+") if netProfit > 0 else ("")}{formatCurrency(netProfit)}
-                    </span>
+        return
+            <div className="profit-overview">
+                <h3 className="profit-title">
+                    Monthly Profit Snapshot
+                </h3>
+                <div className="profit-breakdown">
+                    <div className="profit-row income">
+                        <span className="profit-label">
+                            Business Income
+                        </span>
+                        <span className="profit-value positive">
+                            +{formatCurrency(businessIncome)}
+                        </span>
+                    </div>
+                    <div className="profit-row expense">
+                        <span className="profit-label">
+                            Business Expenses
+                        </span>
+                        <span className="profit-value negative">
+                            -{formatCurrency(businessExpenses)}
+                        </span>
+                    </div>
+                    <div className="profit-row tax">
+                        <span className="profit-label">
+                            Tax Reserve (20%)
+                        </span>
+                        <span className="profit-value negative">
+                            -{formatCurrency(taxReserve)}
+                        </span>
+                    </div>
+                    <div className="profit-row total">
+                        <span className="profit-label">
+                            Net Profit
+                        </span>
+                        <span
+                            className={("profit-value bold positive")
+                            if netProfit >= 0
+                            else ("profit-value bold negative")}
+                        >
+                            {("+") if netProfit > 0 else ("")}{formatCurrency(
+                                netProfit
+                            )}
+                        </span>
+                    </div>
                 </div>
-            </div>
-        </div>;
+            </div>;
     }
 }

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

@@ -1,11 +1,12 @@
 # Summary component - displays budget totals with business/personal breakdown
 # Demonstrates: context usage, conditional rendering, ternary operator, 6-card layout
-
-cl import from ..context.BudgetContext { useBudgetContext }
+cl import from ..context.BudgetContext {
+    useBudgetContext
+}
 cl import from ..utils.formatters { formatCurrency }
 
 cl {
-    def:pub Summary() -> any {
+    def:pub Summary -> any {
         budget = useBudgetContext();
 
         # Business/Personal breakdown
@@ -16,38 +17,60 @@ cl {
         taxReserve = budget["taxReserve"];
         netProfit = budget["netProfit"];
 
-        return <div className="summary">
-            <div className="summary-card business-income">
-                <span className="summary-label">Business Income</span>
-                <span className="summary-value">{formatCurrency(businessIncome)}</span>
-            </div>
-
-            <div className="summary-card business-expenses">
-                <span className="summary-label">Business Expenses</span>
-                <span className="summary-value">{formatCurrency(businessExpenses)}</span>
-            </div>
-
-            <div className="summary-card personal-income">
-                <span className="summary-label">Personal Income</span>
-                <span className="summary-value">{formatCurrency(personalIncome)}</span>
-            </div>
-
-            <div className="summary-card personal-expenses">
-                <span className="summary-label">Personal Expenses</span>
-                <span className="summary-value">{formatCurrency(personalExpenses)}</span>
-            </div>
-
-            <div className="summary-card tax-reserve">
-                <span className="summary-label">Tax Reserve (20%)</span>
-                <span className="summary-value">{formatCurrency(taxReserve)}</span>
-            </div>
-
-            <div className={("summary-card net-profit positive") if netProfit >= 0 else ("summary-card net-profit negative")}>
-                <span className="summary-label">Net Profit</span>
-                <span className="summary-value">
-                    {("+") if netProfit > 0 else ("")}{formatCurrency(netProfit)}
-                </span>
-            </div>
-        </div>;
+        return
+            <div className="summary">
+                <div className="summary-card business-income">
+                    <span className="summary-label">
+                        Business Income
+                    </span>
+                    <span className="summary-value">
+                        {formatCurrency(businessIncome)}
+                    </span>
+                </div>
+                <div className="summary-card business-expenses">
+                    <span className="summary-label">
+                        Business Expenses
+                    </span>
+                    <span className="summary-value">
+                        {formatCurrency(businessExpenses)}
+                    </span>
+                </div>
+                <div className="summary-card personal-income">
+                    <span className="summary-label">
+                        Personal Income
+                    </span>
+                    <span className="summary-value">
+                        {formatCurrency(personalIncome)}
+                    </span>
+                </div>
+                <div className="summary-card personal-expenses">
+                    <span className="summary-label">
+                        Personal Expenses
+                    </span>
+                    <span className="summary-value">
+                        {formatCurrency(personalExpenses)}
+                    </span>
+                </div>
+                <div className="summary-card tax-reserve">
+                    <span className="summary-label">
+                        Tax Reserve (20%)
+                    </span>
+                    <span className="summary-value">
+                        {formatCurrency(taxReserve)}
+                    </span>
+                </div>
+                <div
+                    className={("summary-card net-profit positive")
+                    if netProfit >= 0
+                    else ("summary-card net-profit negative")}
+                >
+                    <span className="summary-label">
+                        Net Profit
+                    </span>
+                    <span className="summary-value">
+                        {("+") if netProfit > 0 else ("")}{formatCurrency(netProfit)}
+                    </span>
+                </div>
+            </div>;
     }
 }

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

@@ -1,12 +1,13 @@
 # Transaction form component
 # Demonstrates: form handling, useState, events, select options
-
-cl import from ..context.BudgetContext { useBudgetContext }
+cl import from ..context.BudgetContext {
+    useBudgetContext
+}
 cl import from ..constants.categories { CATEGORIES, CATEGORY_LABELS }
 cl import from ..constants.clients { CLIENTS }
 
 cl {
-    def:pub TransactionForm() -> any {
+    def:pub TransactionForm -> any {
         [description, setDescription] = useState("");
         [amount, setAmount] = useState("");
         [category, setCategory] = useState("OTHER");
@@ -30,7 +31,9 @@ cl {
             }
 
             # Add the transaction
-            budget["addTransaction"](trimmedDesc, parsedAmount, category, txType, isBusiness, clientName);
+            budget["addTransaction"](
+                trimmedDesc, parsedAmount, category, txType, isBusiness, clientName
+            );
 
             # Reset form
             setDescription("");
@@ -41,118 +44,145 @@ cl {
         }
 
         # Filter categories based on type (income only has INCOME category)
-        availableCategories = CATEGORIES.filter(lambda cat: str -> bool {
-            if txType == "income" {
+        availableCategories = CATEGORIES.filter(
+            lambda cat: str  -> bool { if txType == "income" {
                 return cat == "INCOME";
-            }
-            return cat != "INCOME";
-        });
+            }return cat != "INCOME"; }
+        );
 
         # Show client dropdown only for business income
-        showClientDropdown = (txType == "income" and isBusiness);
-
-        return <form className="transaction-form" onSubmit={handleSubmit}>
-            <div className="form-row">
-                <div className="form-group type-toggle">
-                    <button
-                        type="button"
-                        className={("toggle-btn active") if txType == "expense" else ("toggle-btn")}
-                        onClick={lambda: setTxType("expense")}
-                    >
-                        Expense
-                    </button>
-                    <button
-                        type="button"
-                        className={("toggle-btn active income") if txType == "income" else ("toggle-btn")}
-                        onClick={lambda: setTxType("income")}
-                    >
-                        Income
-                    </button>
-                </div>
-
-                <div className="form-group business-toggle">
-                    <button
-                        type="button"
-                        className={("toggle-btn active") if isBusiness else ("toggle-btn")}
-                        onClick={lambda: setIsBusiness(true)}
-                    >
-                        Business
-                    </button>
-                    <button
-                        type="button"
-                        className={("toggle-btn active") if not isBusiness else ("toggle-btn")}
-                        onClick={lambda: setIsBusiness(false)}
-                    >
-                        Personal
-                    </button>
-                </div>
-            </div>
-
-            <div className="form-row">
-                <div className="form-group">
-                    <label htmlFor="description">Description</label>
-                    <input
-                        id="description"
-                        type="text"
-                        value={description}
-                        onChange={lambda e: any -> None { setDescription(e.target.value); }}
-                        placeholder="Enter description..."
-                        className="form-input"
-                    />
-                </div>
-
-                <div className="form-group">
-                    <label htmlFor="amount">Amount</label>
-                    <input
-                        id="amount"
-                        type="number"
-                        value={amount}
-                        onChange={lambda e: any -> None { setAmount(e.target.value); }}
-                        placeholder="0.00"
-                        min="0"
-                        step="0.01"
-                        className="form-input"
-                    />
+        showClientDropdown = txType == "income" and isBusiness;
+
+        return
+            <form className="transaction-form" onSubmit={handleSubmit}>
+                <div className="form-row">
+                    <div className="form-group type-toggle">
+                        <button
+                            type="button"
+                            className={("toggle-btn active")
+                            if txType == "expense"
+                            else ("toggle-btn")}
+                            onClick={lambda : setTxType("expense")}
+                        >
+                            Expense
+                        </button>
+                        <button
+                            type="button"
+                            className={("toggle-btn active income")
+                            if txType == "income"
+                            else ("toggle-btn")}
+                            onClick={lambda : setTxType("income")}
+                        >
+                            Income
+                        </button>
+                    </div>
+                    <div className="form-group business-toggle">
+                        <button
+                            type="button"
+                            className={("toggle-btn active")
+                            if isBusiness
+                            else ("toggle-btn")}
+                            onClick={lambda : setIsBusiness(true)}
+                        >
+                            Business
+                        </button>
+                        <button
+                            type="button"
+                            className={("toggle-btn active")
+                            if not isBusiness
+                            else ("toggle-btn")}
+                            onClick={lambda : setIsBusiness(false)}
+                        >
+                            Personal
+                        </button>
+                    </div>
                 </div>
-
-                <div className="form-group">
-                    <label htmlFor="category">Category</label>
-                    <select
-                        id="category"
-                        value={category}
-                        onChange={lambda e: any -> None { setCategory(e.target.value); }}
-                        className="form-select"
-                    >
-                        {availableCategories.map(lambda cat: str -> any {
-                            return <option key={cat} value={cat}>
-                                {CATEGORY_LABELS[cat]}
-                            </option>;
-                        })}
-                    </select>
-                </div>
-
-                {showClientDropdown and <div className="form-group">
-                    <label htmlFor="client">Client</label>
-                    <select
-                        id="client"
-                        value={clientName}
-                        onChange={lambda e: any -> None { setClientName(e.target.value); }}
-                        className="form-select"
-                    >
-                        <option value="">Select Client (Optional)</option>
-                        {CLIENTS.map(lambda client: str -> any {
-                            return <option key={client} value={client}>{client}</option>;
-                        })}
-                    </select>
-                </div>}
-
-                <div className="form-group">
-                    <label>Action</label>
-                    <button type="submit" className="submit-btn">
-                        Add {(txType[0].toUpperCase() + txType.slice(1))}
-                    </button>
+                <div className="form-row">
+                    <div className="form-group">
+                        <label htmlFor="description">
+                            Description
+                        </label>
+                        <input
+                            id="description"
+                            type="text"
+                            value={description}
+                            onChange={lambda e: any  -> None { setDescription(
+                                e.target.value
+                            );}}
+                            placeholder="Enter description..."
+                            className="form-input"
+                        />
+                    </div>
+                    <div className="form-group">
+                        <label htmlFor="amount">
+                            Amount
+                        </label>
+                        <input
+                            id="amount"
+                            type="number"
+                            value={amount}
+                            onChange={lambda e: any  -> None { setAmount(
+                                e.target.value
+                            );}}
+                            placeholder="0.00"
+                            min="0"
+                            step="0.01"
+                            className="form-input"
+                        />
+                    </div>
+                    <div className="form-group">
+                        <label htmlFor="category">
+                            Category
+                        </label>
+                        <select
+                            id="category"
+                            value={category}
+                            onChange={lambda e: any  -> None { setCategory(
+                                e.target.value
+                            );}}
+                            className="form-select"
+                        >
+                            {availableCategories.map(
+                                lambda cat: str  -> any { return
+                                    <option key={cat} value={cat}>
+                                        {CATEGORY_LABELS[cat]}
+                                    </option>; }
+                            )}
+                        </select>
+                    </div>
+                    {showClientDropdown
+                    and <div className="form-group">
+                        <label htmlFor="client">
+                            Client
+                        </label>
+                        <select
+                            id="client"
+                            value={clientName}
+                            onChange={lambda e: any  -> None { setClientName(
+                                e.target.value
+                            );}}
+                            className="form-select"
+                        >
+                            <option value="">
+                                Select Client (Optional)
+                            </option>
+                            {CLIENTS.map(
+                                lambda client: str  -> any { return
+                                    <option key={client} value={client}>
+                                        {client}
+                                    </option>; }
+                            )}
+                        </select>
+                    </div>}
+                    <div className="form-group">
+                        <label>
+                            Action
+                        </label>
+                        <button type="submit" className="submit-btn">
+                            Add {(txType[0].toUpperCase() + txType.slice(1))}
+                        </button>
+                    </div>
                 </div>
-            </div>
-        </form>;
+            </form>;
     }
 }