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

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

@@ -1,7 +1,7 @@
 # Header component
 # Demonstrates: simple component, CSS classes
 cl {
-    def:pub Header -> any {
+    def:pub Header -> JsxElement {
         return
             <header className="header">
                 <div className="header-content">

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

@@ -6,7 +6,7 @@ cl import from ..context.BudgetContext {
 cl import from ..utils.formatters { formatCurrency }
 
 cl {
-    def:pub ProfitOverview -> any {
+    def:pub ProfitOverview -> JsxElement {
         budget = useBudgetContext();
 
         businessIncome = budget["businessIncome"];

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

@@ -6,7 +6,7 @@ cl import from ..context.BudgetContext {
 cl import from ..utils.formatters { formatCurrency }
 
 cl {
-    def:pub Summary -> any {
+    def:pub Summary -> JsxElement {
         budget = useBudgetContext();
 
         # Business/Personal breakdown

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

@@ -6,7 +6,7 @@ cl import from .TransactionItem {
 
 cl {
     # Props: transactions list and delete handler
-    def:pub TransactionList(transactions: list, onDelete: any) -> any {
+    def:pub TransactionList(transactions: list, onDelete: any) -> JsxElement {
         if transactions.length == 0 {
             return
                 <div className="empty-state">
@@ -25,7 +25,7 @@ cl {
                     Transactions ({transactions.length})
                 </h3>
                 {transactions.map(
-                    lambda tx: dict  -> any { return
+                    lambda tx: dict  -> JsxElement { return
                         <TransactionItem
                             key={tx["id"]}
                             id={tx["id"]}

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

@@ -7,7 +7,7 @@ cl import from "@jac/runtime" {
 }
 
 cl {
-    def:pub Navigation -> any {
+    def:pub Navigation -> JsxElement {
         location = useLocation();
         isLoggedIn = jacIsLoggedIn();
         navigate = useNavigate();
@@ -93,19 +93,13 @@ cl {
                                 <Link to="/nested" style={linkStyle("/nested")}>
                                     Nested Imports
                                 </Link>
-                                <Link
-                                    to="/features-test"
-                                    style={linkStyle("/features-test")}
-                                >
+                                <Link to="/features" style={linkStyle("/features")}>
                                     Features Test
                                 </Link>
                                 <Link to="/landing" style={linkStyle("/landing")}>
                                     Landing Page
                                 </Link>
-                                <Link
-                                    to="/budget-planner"
-                                    style={linkStyle("/budget-planner")}
-                                >
+                                <Link to="/budget" style={linkStyle("/budget")}>
                                     Budget Planner
                                 </Link>
                             </>

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

@@ -11,7 +11,7 @@ cl {
     glob:pub BudgetContext = createContext(None);
 
     # Provider component - wraps app and provides budget state
-    def:pub BudgetProvider(children: any) -> any {
+    def:pub BudgetProvider(children: any) -> JsxElement {
         budget = useBudget();
 
         return

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

@@ -29,16 +29,7 @@ walker:pub get_server_message {
     }
 }
 
-# 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
-
-# Node definition for storing test data
 node TestData {
     has message: str,
         count: int = 0,
@@ -156,387 +147,15 @@ walker process_complex_data {
     }
 }
 
-#
-# Combined example: auth + routing + CSS styling + asset serving + nested folder imports
-#
-cl import from react { useEffect, useRef }
-cl import from "@jac/runtime" {
-    Router,
-    Routes,
-    Route,
-    Link,
-    useNavigate,
-    Navigate,
-    jacIsLoggedIn
-}
-
-# Pure CSS + asset-in-CSS example
+# Global CSS styles
 cl import ".styles/styles.css";
 
-# Login Page
-cl import from .pages.loginPage { LoginPage }
-
-# Signup Page
-cl import from .pages.signupPage { SignupPage }
-
-# Simple 404 page
-cl import from .pages.notFound { NotFound }
-
-# Navigation component with active link styling and auth
-cl import from .components.navigation {
-    Navigation
-}
-
-# Page showing nested imports from different folders
-cl import from .pages.nestedDemo {
-    NestedImportsDemo
-}
-
-cl import from .pages.FeaturesTest { FeaturesTest }
-
-cl import from .pages.LandingPage { LandingPage }
-
-cl import from .pages.BudgetPlanner { BudgetPlanner }
-
-# Context provider
-cl import from .context.BudgetContext { BudgetProvider }
-
-# TypeScript component import
-cl import from ".components/Card.tsx" { Card }
-
-# Main app wrapped in Router (same API as with-router/ example)
+# App wrapper -- file-based routing is handled automatically via pages/ directory
 cl {
-    def:pub HomePage -> any {
-        # Check if user is logged in, redirect if not
-        if not jacIsLoggedIn() {
-            return
-                <Navigate to="/login" />;
-        }
-        has count: int = 0,
-            pingResult: str = "",
-            serverMessage: str = "",
-            lastTodoMessage: str = "";
-
-        can with count entry {
-            console.log("Home count changed: ", count);
-        }
-
-        # Call simple backend walkers
-        async def handlePing -> None {
-            result = root spawn ping_server();
-            if result.reports and result.reports.length > 0 {
-                pingResult = result.reports[0][0];
-            }
-        }
-
-        async def loadServerMessage -> None {
-            result = root spawn get_server_message();
-            if result.reports and result.reports.length > 0 {
-                serverMessage = result.reports[0][0];
-            }
-        }
-
-        # Create a sample Todo node in the graph with a hardcoded payload
-        async def handleCreateSampleTodo -> None {
-            result = root spawn create_todo(text="Sample todo from all-in-one app");
-            if result.reports and result.reports.length > 0 {
-                todo = result.reports[0][0];
-                lastTodoMessage = "Created Todo: " + todo.text;
-                console.log("Created Todo node:", todo);
-            }
-        }
-
-        async can with entry {
-            await loadServerMessage();
-        }
-
-        # Initialize a Web Worker and handle message-based communication
-        workerRef = useRef(None);
-        has message: str = "";
-
-        useEffect(
-            lambda -> None { workerRef.current = Reflect.construct(
-                Worker, ["/workers/worker.js"]
-            );workerRef.current.onmessage = lambda event: any  -> None { console.log(
-                "Message received from worker:", event.data
-            );message = event.data;};return (
-                lambda -> None { workerRef.current.terminate();}
-            ); },
-            []
-        );
-        handleClick = lambda -> None { workerRef.current.postMessage("");};
-
+    def:pub app(children: any = None) -> any {
         return
-            <div
-                style={{
-                    "padding": "2rem",
-                    "fontFamily": "system-ui, -apple-system, sans-serif"
-                }}
-            >
-                <h1>
-                    🍔 Router + Styling + Assets Demo
-                </h1>
-                <p>
-                    This home page combines
-                    {" "}
-                    <strong>
-                        React Router,
-                    </strong>
-                    {" "}
-                    <strong>
-                        pure CSS styling,
-                    </strong>
-                    {" "}
-                    <strong>
-                        staticassets
-                    </strong>
-                    {" "}
-                    and
-                    {" "}
-                    <strong>
-                        nested folder imports
-                    </strong>
-                </p>
-                <div className="container">
-                    <h2
-                        style={{
-                            "color": "white",
-                            "textShadow": "2px 2px 4px rgba(0,0,0,0.6)"
-                        }}
-                    >
-                        CSS Background Image
-                    </h2>
-                    <p
-                        style={{
-                            "color": "white",
-                            "maxWidth": "480px",
-                            "textShadow": "1px 1px 3px rgba(0,0,0,0.7)"
-                        }}
-                    >
-                        This section uses the burger image as a background via CSS, just like the
-                        {" "}
-                        <code>
-                            asset-serving/css-with-image
-                        </code>
-                        {" "}
-                        example.
-                    </p>
-                </div>
-                <Card
-                    title="TypeScript Card Component"
-                    description="This card is built with TypeScript and demonstrates type-safe component usage in Jac"
-                    variant="highlighted"
-                >
-                    <p style={{"margin": "0.5rem 0", "color": "#374151"}}>
-                        This is a TypeScript component imported and used in Jac code!
-                    </p>
-                </Card>
-                <div className="card">
-                    <h3>
-                        Direct &lt;img&gt; asset
-                    </h3>
-                    <img
-                        src="/static/assets/burger.png"
-                        alt="Burger asset served by Jac"
-                        className="burgerImage"
-                    />
-                    <p style={{"marginTop": "0.75rem", "color": "#555"}}>
-                        This image is served from the project
-                        {" "}
-                        <code>
-                            assets/
-                        </code>
-                        {" "}
-                        folder using the
-                        {" "}
-                        <code>
-                            /static/assets/
-                        </code>
-                        {" "}
-                        path.
-                    </p>
-                </div>
-                <div style={{"marginTop": "2rem"}}>
-                    <h3>
-                        Counter with pure CSS classes
-                    </h3>
-                    <p>
-                        You've clicked the burger
-                        {" "}
-                        <strong>
-                            {count}
-                        </strong>
-                        {" "}
-                        times.
-                    </p>
-                    <button
-                        onClick={lambda e: any  -> None { count = count + 1;}}
-                        style={{
-                            "padding": "0.6rem 1.4rem",
-                            "fontSize": "1rem",
-                            "backgroundColor": "#ff6b35",
-                            "color": "white",
-                            "border": "none",
-                            "borderRadius": "6px",
-                            "cursor": "pointer",
-                            "boxShadow": "0 2px 4px rgba(0,0,0,0.2)"
-                        }}
-                    >
-                        Click the Burger! 🍔
-                    </button>
-                </div>
-                <div style={{"marginTop": "2rem"}}>
-                    <h3>
-                        Backend Walkers
-                    </h3>
-                    <p>
-                        Basic example walkers:
-                        {" "}
-                        <code>
-                            ping_server
-                        </code>
-                        {" "}
-                        and
-                        {" "}
-                        <code>
-                            get_server_message
-                        </code>
-                    </p>
-                    <button
-                        onClick={lambda e: any  -> None { handlePing();}}
-                        style={{
-                            "padding": "0.5rem 1.2rem",
-                            "marginRight": "0.75rem",
-                            "backgroundColor": "#3b82f6",
-                            "color": "white",
-                            "border": "none",
-                            "borderRadius": "6px",
-                            "cursor": "pointer"
-                        }}
-                    >
-                        Ping Backend
-                    </button>
-                    <button
-                        onClick={lambda e: any  -> None { handleCreateSampleTodo();}}
-                        style={{
-                            "padding": "0.5rem 1.2rem",
-                            "backgroundColor": "#10b981",
-                            "color": "white",
-                            "border": "none",
-                            "borderRadius": "6px",
-                            "cursor": "pointer"
-                        }}
-                    >
-                        Create Sample Todo
-                    </button>
-                    {pingResult
-                    and (
-                        <span style={{"marginLeft": "0.5rem", "color": "#374151"}}>
-                            Result:
-                            {" "}
-                            <code>
-                                {pingResult}
-                            </code>
-                        </span>
-                    )}
-                    {serverMessage
-                    and (
-                        <p style={{"marginTop": "0.75rem", "color": "#374151"}}>
-                            Message:
-                            {" "}
-                            <code>
-                                {serverMessage}
-                            </code>
-                        </p>
-                    )}
-                    {lastTodoMessage
-                    and (
-                        <p style={{"marginTop": "0.5rem", "color": "#111827"}}>
-                            {lastTodoMessage}
-                        </p>
-                    )}
-                </div>
-                <div style={{"marginTop": "2rem"}}>
-                    <h3>
-                        Web Worker
-                    </h3>
-                    <p>
-                        This demonstrates how to communicate with a
-                        {" "}
-                        <strong>
-                            Python backend worker
-                        </strong>
-                        {" "}
-                        using Web Workers for asynchronous processing.
-                    </p>
-                    <p
-                        style={{
-                            "fontSize": "0.9rem",
-                            "color": "#666",
-                            "marginTop": "0.5rem"
-                        }}
-                    >
-                        File:
-                        {" "}
-                        <code>
-                            worker.py
-                        </code>
-                        {" "}
-                        — Runs in a separate thread to avoid blocking the UI.
-                    </p>
-                    <button
-                        onClick={lambda -> None { handleClick();}}
-                        style={{
-                            "padding": "0.5rem 1.2rem",
-                            "marginRight": "0.75rem",
-                            "backgroundColor": "#d73bf6ff",
-                            "color": "white",
-                            "border": "none",
-                            "borderRadius": "6px",
-                            "cursor": "pointer"
-                        }}
-                    >
-                        Call Python Worker
-                    </button>
-                    {message
-                    && (
-                        <p style={{marginTop: "1rem", fontWeight: "bold"}}>
-                            {message}
-                        </p>
-                    )}
-                </div>
+            <div style={{"fontFamily": "system-ui, -apple-system, sans-serif"}}>
+                {children}
             </div>;
     }
-
-    def:pub app -> any {
-        return
-            <Router>
-                <div style={{"fontFamily": "system-ui, -apple-system, sans-serif"}}>
-                    <Navigation />
-                    <div
-                        style={{
-                            "maxWidth": "960px",
-                            "margin": "0 auto",
-                            "padding": "0 1rem 3rem 1rem"
-                        }}
-                    >
-                        <Routes>
-                            <Route path="/" element={<HomePage />} />
-                            <Route path="/login" element={<LoginPage />} />
-                            <Route path="/signup" element={<SignupPage />} />
-                            <Route path="/nested" element={<NestedImportsDemo />} />
-                            <Route path="/features-test" element={<FeaturesTest />} />
-                            <Route path="/landing" element={<LandingPage />} />
-                            <Route
-                                path="/budget-planner"
-                                element={<BudgetProvider>
-                                    <BudgetPlanner />
-                                </BudgetProvider>}
-                            />
-                            <Route path="*" element={<NotFound />} />
-                        </Routes>
-                    </div>
-                </div>
-            </Router>;
-    }
 }