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

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

@@ -6,14 +6,16 @@
 # This demonstrates that you can have separate .jac files for different purposes
 # Features Test - Backend Walkers
 # This file demonstrates walker functionality for testing various JAC features
-
-import from datetime { datetime, timedelta }
+import from datetime {
+    datetime,
+    timedelta
+}
 
 # Node definition for storing test data
 node TestData {
-    has message: str;
-    has count: int = 0;
-    has created_at: str = "";
+    has message: str,
+        count: int = 0,
+        created_at: str = "";
 }
 
 # Walker: Create test data
@@ -106,12 +108,14 @@ walker process_complex_data {
     can process with `root entry {
         processed = [];
         for item in self.items {
-            processed.append({
-                "id": item.get("id", 0),
-                "name": item.get("name", "").upper(),
-                "value": item.get("value", 0) * 2,
-                "processed_at": datetime.now().strftime("%H:%M:%S")
-            });
+            processed.append(
+                {
+                    "id": item.get("id", 0),
+                    "name": item.get("name", "").upper(),
+                    "value": item.get("value", 0) * 2,
+                    "processed_at": datetime.now().strftime("%H:%M:%S")
+                }
+            );
         }
 
         result = {
@@ -129,5 +133,8 @@ walker process_complex_data {
 cl {
     import from .budget_planner_ui { BudgetPlanner as BudgetPlannerUI }
 
-    def:pub BudgetPlanner -> any { return <BudgetPlannerUI />; }
+    def:pub BudgetPlanner -> any {
+        return
+            <BudgetPlannerUI />;
+    }
 }

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

@@ -6,14 +6,16 @@
 # This demonstrates that you can have separate .jac files for different purposes
 # Features Test - Backend Walkers
 # This file demonstrates walker functionality for testing various JAC features
-
-import from datetime { datetime, timedelta }
+import from datetime {
+    datetime,
+    timedelta
+}
 
 # Node definition for storing test data
 node TestData {
-    has message: str;
-    has count: int = 0;
-    has created_at: str = "";
+    has message: str,
+        count: int = 0,
+        created_at: str = "";
 }
 
 # Walker: Create test data
@@ -106,12 +108,14 @@ walker process_complex_data {
     can process with `root entry {
         processed = [];
         for item in self.items {
-            processed.append({
-                "id": item.get("id", 0),
-                "name": item.get("name", "").upper(),
-                "value": item.get("value", 0) * 2,
-                "processed_at": datetime.now().strftime("%H:%M:%S")
-            });
+            processed.append(
+                {
+                    "id": item.get("id", 0),
+                    "name": item.get("name", "").upper(),
+                    "value": item.get("value", 0) * 2,
+                    "processed_at": datetime.now().strftime("%H:%M:%S")
+                }
+            );
         }
 
         result = {
@@ -134,8 +138,20 @@ cl {
         ResultDisplay as ResultDisplayUI
     }
 
-    def:pub FeaturesTest -> any { return <FeaturesTestUI />; }
-    def:pub TestButton(text: str, onClick: any, variant: str) -> any { return <TestButtonUI text={text} onClick={onClick} variant={variant} />; }
-    def:pub TestCard(title: str, children: any, color: str) -> any { return <TestCardUI title={title} children={children} color={color} />; }
-    def:pub ResultDisplay(data: any, label: str) -> any { return <ResultDisplayUI data={data} label={label} />; }
+    def:pub FeaturesTest -> any {
+        return
+            <FeaturesTestUI />;
+    }
+    def:pub TestButton(text: str, onClick: any, variant: str) -> any {
+        return
+            <TestButtonUI text={text} onClick={onClick} variant={variant} />;
+    }
+    def:pub TestCard(title: str, children: any, color: str) -> any {
+        return
+            <TestCardUI title={title} children={children} color={color} />;
+    }
+    def:pub ResultDisplay(data: any, label: str) -> any {
+        return
+            <ResultDisplayUI data={data} label={label} />;
+    }
 }

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

@@ -1,101 +1,124 @@
 # 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" {
+cl import from "@jac/runtime" {
     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.
+    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>
-                </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.
+                    <h2 className="headline">
+                        Track Business & Personal Finances Separately
+                    </h2>
+                    <p className="subheadline">
+                        Built for freelancers who need to see their true incomeafter taxes and business expenses.
                     </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.
+                    <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 clientsare 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>
-            </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>;
-}
-
+                    <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/budget_planner_ui.cl.jac

@@ -12,59 +12,54 @@ cl import from ..components.CategoryFilter { CategoryFilter }
 cl import from ..constants.categories { CATEGORY_COLORS }
 
 # cl import from "..components.PieChart.tsx" { PieChart }
+cl def:pub BudgetPlanner -> any {
+    [filter, setFilter] = useState("ALL");
+    budget = useBudgetContext();
 
+    # Filter transactions based on selected category
+    filtered = budget["transactions"];
+    if filter != "ALL" {
+        filtered = filtered.filter(
+            lambda tx: dict  -> bool { return tx["category"] == filter; }
+        );
+    }
 
-cl def:pub BudgetPlanner() -> any {
-        [filter, setFilter] = useState("ALL");
-        budget = useBudgetContext();
-
-        # Filter transactions based on selected category
-        filtered = budget["transactions"];
-        if filter != "ALL" {
-            filtered = filtered.filter(lambda tx: dict -> bool {
-                return tx["category"] == filter;
-            });
-        }
-
-        # Sort by date (newest first)
-        sorted = filtered.slice().sort(lambda a: dict, b: dict -> int {
-            return Reflect.construct(Date, [b["date"]]).getTime() - Reflect.construct(Date, [a["date"]]).getTime();
-        });
+    # Sort by date (newest first)
+    sorted = filtered.slice().sort(
+        lambda a: dict , b: dict  -> int { return Reflect.construct(Date, [b["date"]]).getTime() - Reflect.construct(
+            Date, [a["date"]]
+        ).getTime(); }
+    );
 
-        # Prepare chart data with colors
-        chartData = budget["expensesByCategory"].map(lambda item: dict -> dict {
-            return {
-                "name": item["name"],
-                "value": item["value"],
-                "color": CATEGORY_COLORS[item["name"]]
-            };
-        });
+    # Prepare chart data with colors
+    chartData = budget["expensesByCategory"].map(
+        lambda item: dict  -> dict { return {
+            "name": item["name"],
+            "value": item["value"],
+            "color": CATEGORY_COLORS[item["name"]]
+        }; }
+    );
 
-        return <div className="app-container">
+    return
+        <div className="app-container">
             <Header />
-
             <main className="main-content">
                 <div className="left-panel">
                     <Summary />
                     <ProfitOverview />
                     <TransactionForm />
-                    <CategoryFilter
-                        selectedCategory={filter}
-                        onSelect={setFilter}
-                    />
+                    <CategoryFilter selectedCategory={filter} onSelect={setFilter} />
                     <TransactionList
                         transactions={sorted}
                         onDelete={budget["deleteTransaction"]}
                     />
                 </div>
-
-                <div className="right-panel">
-                    # <PieChart
-                    #     data={chartData}
-                    #     title="Expense Breakdown"
-                    #     colors={CATEGORY_COLORS}
-                    # />
-                </div>
+                <div className="right-panel"></div>
             </main>
         </div>;
-    }
+}
+# <PieChart
+#     data={chartData}
+#     title="Expense Breakdown"
+#     colors={CATEGORY_COLORS}
+# />