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

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

@@ -0,0 +1,157 @@
+# Features Test Page - Backend Logic
+# This file is intentionally kept empty to demonstrate the separation of concerns
+# where UI logic resides in .cl.jac files and backend walker logic in app.jac
+
+# All walker implementations for this feature are in main.jac
+# 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
+}
+
+# Node definition for storing test data
+node TestData {
+    has message: str,
+        count: int = 0,
+        created_at: str = "";
+}
+
+# Walker: Create test data
+walker create_test_data {
+    has message: str;
+
+    can create with `root entry {
+        new_data = here ++> TestData(
+            message=self.message,
+            count=1,
+            created_at=datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+        );
+        report new_data;
+    }
+}
+
+# Walker: Read all test data
+walker read_test_data {
+    can read with `root entry {
+        visit [-->(`?TestData)];
+    }
+
+    can report_data with exit {
+        report here;
+    }
+}
+
+# Walker: Update test data
+walker update_test_data {
+    has new_message: str;
+
+    can update with TestData entry {
+        here.message = self.new_message;
+        here.count = here.count + 1;
+        report here;
+    }
+}
+
+# Walker: Delete test data
+walker delete_test_data {
+    can delete with TestData entry {
+        del here;
+        report {"status": "deleted"};
+    }
+}
+
+# Walker: String manipulation test
+walker test_string_methods {
+    has input_text: str;
+
+    can process with `root entry {
+        result = {
+            "original": self.input_text,
+            "uppercase": self.input_text.upper(),
+            "lowercase": self.input_text.lower(),
+            "capitalized": self.input_text.capitalize(),
+            "reversed": self.input_text[::-1],
+            "length": len(self.input_text),
+            "words": self.input_text.split(),
+            "trimmed": self.input_text.strip(),
+            "replaced": self.input_text.replace("test", "demo")
+        };
+        report result;
+    }
+}
+
+# Walker: Array/List operations test
+walker test_list_operations {
+    has numbers: list;
+
+    can process with `root entry {
+        result = {
+            "original": self.numbers,
+            "sorted": sorted(self.numbers),
+            "reversed": list(reversed(self.numbers)),
+            "sum": sum(self.numbers),
+            "max": max(self.numbers) if len(self.numbers) > 0 else 0,
+            "min": min(self.numbers) if len(self.numbers) > 0 else 0,
+            "length": len(self.numbers),
+            "doubled": [x * 2 for x in self.numbers]
+        };
+        report result;
+    }
+}
+
+# Walker: Complex data processing
+walker process_complex_data {
+    has items: list;
+
+    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")
+                }
+            );
+        }
+
+        result = {
+            "original_count": len(self.items),
+            "processed_count": len(processed),
+            "items": processed,
+            "total_value": sum([p["value"] for p in processed])
+        };
+
+        report result;
+    }
+}
+
+# Re-export client components from the standalone client module
+cl {
+    import from .features_test_ui {
+        FeaturesTest as FeaturesTestUI,
+        TestButton as TestButtonUI,
+        TestCard as TestCardUI,
+        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} />;
+    }
+}

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

@@ -0,0 +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/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 incomeafter 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 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
+                        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

@@ -0,0 +1,65 @@
+# Budget Planner Page
+# Main application page with budget tracking features
+
+# Local JAC file imports
+cl import from ..context.BudgetContext { useBudgetContext }
+cl import from ..components.Header { Header }
+cl import from ..components.Summary { Summary }
+cl import from ..components.ProfitOverview { ProfitOverview }
+cl import from ..components.TransactionForm { TransactionForm }
+cl import from ..components.TransactionList { TransactionList }
+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; }
+        );
+    }
+
+    # 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"]]
+        }; }
+    );
+
+    return
+        <div className="app-container">
+            <Header />
+            <main className="main-content">
+                <div className="left-panel">
+                    <Summary />
+                    <ProfitOverview />
+                    <TransactionForm />
+                    <CategoryFilter selectedCategory={filter} onSelect={setFilter} />
+                    <TransactionList
+                        transactions={sorted}
+                        onDelete={budget["deleteTransaction"]}
+                    />
+                </div>
+                <div className="right-panel"></div>
+            </main>
+        </div>;
+}
+# <PieChart
+#     data={chartData}
+#     title="Expense Breakdown"
+#     colors={CATEGORY_COLORS}
+# />