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

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

@@ -1,426 +0,0 @@
-#
-# Combined example: routing + CSS styling + asset serving + nested folder imports
-#
-cl import from react { useState, useEffect }
-cl import from "@jac-client/utils" { Router, Routes, Route, Link, useLocation }
-
-# Pure CSS + asset-in-CSS example
-cl import ".styles.css";
-
-# Nested folder imports (same pattern as nested-basic/)
-cl import from .components.button {
-    CustomButton
-}
-cl import from .button { CustomButtonRoot }
-
-#
-# Basic backend walkers
-#
-node Todo {
-    has text: str;
-    has done: bool = False;
-}
-
-walker create_todo {
-    has text: str;
-
-    can create with `root entry {
-        new_todo = here ++> Todo(text=self.text);
-        report new_todo ;
-    }
-}
-
-walker ping_server {
-    can ping with `root entry {
-        report "pong from backend!" ;
-    }
-}
-
-walker get_server_message {
-    can info with `root entry {
-        report "hello from a basic walker!" ;
-    }
-}
-
-cl {
-    # Home page demonstrating CSS styling + direct asset usage + basic walkers
-    def Home()  -> any {
-        let [count, setCount] = useState(0);
-        let [pingResult, setPingResult] = useState("");
-        let [serverMessage, setServerMessage] = useState("");
-        let [lastTodoMessage, setLastTodoMessage] = useState("");
-
-        useEffect(
-            lambda   -> None{ console.log("Home count changed: ", count);} , [count]
-        );
-
-        # Call simple backend walkers
-        async def handlePing()  -> None {
-            result = root spawn ping_server();
-            if result.reports and result.reports.length > 0 {
-                setPingResult(result.reports[0][0]);
-            }
-        }
-
-        async def loadServerMessage()  -> None {
-            result = root spawn get_server_message();
-            if result.reports and result.reports.length > 0 {
-                setServerMessage(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];
-                setLastTodoMessage("Created Todo: " + todo.text);
-                console.log("Created Todo node:", todo);
-            }
-        }
-
-        useEffect(lambda   -> None{ loadServerMessage();} , []);
-
-        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>
-                    static assets
-                </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>
-            <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{ setCount(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>;
-    }
-
-    # Page showing nested imports from different folders
-    def NestedImportsDemo()  -> any {
-        return <div
-            style={{
-                "padding": "2rem",
-                "fontFamily": "system-ui, -apple-system, sans-serif"
-            }}
-        >
-            <h1>
-                📁 Nested Folder Imports
-            </h1>
-            <p>
-                This page mirrors the
-                {" "}
-                <code>
-                    nested-folders/nested-basic
-                </code>
-                {" "}
-                example by importing components from both
-                {" "}
-                <code>
-                    components.button
-                </code>
-                {" "}
-                and
-                {" "}
-                <code>
-                    button
-                </code>
-            </p>
-            <p
-                style={{"marginTop": "0.75rem"}}
-            >
-                Both buttons below are rendered via relative imports:
-            </p>
-            <div
-                style={{"display": "flex", "gap": "1rem", "marginTop": "1.5rem"}}
-            >
-                <CustomButton />
-                <CustomButtonRoot />
-            </div>
-        </div>;
-    }
-
-    # Simple 404 page
-    def NotFound()  -> any {
-        return <div
-            style={{
-                "padding": "2rem",
-                "textAlign": "center",
-                "fontFamily": "system-ui, -apple-system, sans-serif"
-            }}
-        >
-            <h1>
-                🔍 404 - Page Not Found
-            </h1>
-            <p>
-                The page you are looking for does not exist.
-            </p>
-            <Link to="/">
-                ← Back to Home
-            </Link>
-        </div>;
-    }
-
-    # Navigation component with active link styling (same pattern as routing docs)
-    def Navigation()  -> any {
-        let location = useLocation();
-
-        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"
-            };
-        }
-
-        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"
-                }}
-            >
-                <Link
-                    to="/"
-                    style={linkStyle("/")}
-                >
-                    Home
-                </Link>
-                <Link
-                    to="/nested"
-                    style={linkStyle("/nested")}
-                >
-                    Nested Imports
-                </Link>
-            </div>
-        </nav>;
-    }
-
-    # Main app wrapped in Router (same API as with-router/ example)
-    def 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={<Home />}
-                        />
-                        <Route
-                            path="/nested"
-                            element={<NestedImportsDemo />}
-                        />
-                        <Route
-                            path="*"
-                            element={<NotFound />}
-                        />
-                    </Routes>
-                </div>
-            </div>
-        </Router>;
-    }
-}

jac_client/examples/all-in-one/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "all-in-one",
-  "version": "1.0.0",
-  "main": "index.js",
-  "scripts": {
-    "build": "npm run compile && vite build",
-    "dev": "vite dev",
-    "preview": "vite preview",
-    "compile": "babel src --out-dir build --extensions \".jsx,.js\" --out-file-extension .js"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": "Jac application: all-in-one",
-  "type": "module",
-  "devDependencies": {
-    "@babel/cli": "^7.28.3",
-    "@babel/core": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
-    "@babel/preset-react": "^7.28.5",
-    "vite": "^6.4.1"
-  },
-  "dependencies": {
-    "antd": "^6.0.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-router-dom": "^6.30.1"
-  }
-}

jac_client/examples/all-in-one/styles.css

@@ -1,26 +0,0 @@
-.container {
-    background-image: url('/static/assets/burger.png');
-    background-size: cover;
-    background-position: center;
-    min-height: 300px;
-    border-radius: 10px;
-    padding: 20px;
-    margin: 20px 0;
-}
-
-.card {
-    background: white;
-    border-radius: 10px;
-    padding: 20px;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-    max-width: 400px;
-    margin: 20px auto;
-}
-
-.burgerImage {
-    width: 200px;
-    height: auto;
-    border-radius: 10px;
-    display: block;
-    margin: 0 auto;
-}

jac_client/examples/all-in-one/vite.config.js

@@ -1,28 +0,0 @@
-
-import { defineConfig } from "vite";
-import path from "path";
-import { fileURLToPath } from "url";
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
-export default defineConfig({
-  root: ".", // base folder
-  build: {
-    rollupOptions: {
-      input: "build/main.js", // your compiled entry file
-      output: {
-        entryFileNames: "client.[hash].js", // name of the final js file
-        assetFileNames: "[name].[ext]",
-      },
-    },
-    outDir: "dist", // final bundled output
-    emptyOutDir: true,
-  },
-  publicDir: false,
-  resolve: {
-    alias: {
-      "@jac-client/utils": path.resolve(__dirname, "src/client_runtime.js"),
-      "@jac-client/assets": path.resolve(__dirname, "src/assets"),
-    },
-  },
-});

jac_client/examples/asset-serving/css-with-image/.babelrc

@@ -1,9 +0,0 @@
-
-{
-    "presets": [[
-        "@babel/preset-env",
-        {
-            "modules": false
-        }
-    ], "@babel/preset-react"]
-}

jac_client/examples/asset-serving/css-with-image/README.md

@@ -1,91 +0,0 @@
-# Relative Imports Example
-
-This example demonstrates how to import static assets using relative path imports.
-
-## Features
-
-- Imports image using relative path (`./assets/burger.png`)
-- Component-scoped asset organization
-- Vite processes and optimizes the asset
-- Familiar import syntax
-
-## Project Structure
-
-```
-relative-imports/
-├── app.jac          # Main application file
-├── assets/          # Static assets directory
-│   └── burger.png   # Burger image
-├── src/             # Source files (generated)
-├── build/           # Build output (generated)
-└── dist/            # Distribution output (generated)
-```
-
-## Running the Example
-
-1. Make sure node modules are installed:
-```bash
-npm install
-```
-
-2. Run the Jac server:
-```bash
-jac serve app.jac
-```
-
-3. Open your browser and navigate to:
-```
-http://localhost:8000/page/app
-```
-
-## How It Works
-
-### Import Syntax
-
-```jac
-cl import from "./assets/burger.png" { default as burgerImage }
-<img src={burgerImage} />
-```
-
-### Path Resolution
-
-- Relative paths are resolved from the current file location
-- `./assets/burger.png` resolves relative to `app.jac`
-- Vite processes the import during build
-- Assets are optimized and bundled
-
-### Use Cases
-
-**Component-Scoped Assets:**
-```jac
-# In a component file
-cl import from "./images/icon.svg" { default as icon }
-```
-
-**Parent Directory Assets:**
-```jac
-# Access assets from parent directory
-cl import from "../shared/assets/logo.png" { default as logo }
-```
-
-**Nested Assets:**
-```jac
-# Assets in subdirectories
-cl import from "./assets/images/hero.jpg" { default as hero }
-```
-
-### Benefits
-
-- **Familiar Syntax**: Standard relative import pattern
-- **Component Organization**: Assets organized by component/feature
-- **Flexibility**: Easy to reorganize without changing alias config
-- **Modular**: Works well with component-based architecture
-
-## Best Practices
-
-1. Use relative imports for component-specific assets
-2. Organize assets near the components that use them
-3. Keep relative paths simple and clear
-4. Use consistent naming conventions
-
-Happy coding with Jac! 🍔

jac_client/examples/asset-serving/css-with-image/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "relative-imports",
-  "version": "1.0.0",
-  "main": "index.js",
-  "scripts": {
-    "build": "npm run compile && vite build",
-    "dev": "vite dev",
-    "preview": "vite preview",
-    "compile": "babel src --out-dir build --extensions \".jsx,.js\" --out-file-extension .js"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": "Jac application: relative-imports",
-  "type": "module",
-  "devDependencies": {
-    "vite": "^6.4.1",
-    "@babel/cli": "^7.28.3",
-    "@babel/core": "^7.28.5",
-    "@babel/preset-env": "^7.28.5",
-    "@babel/preset-react": "^7.28.5"
-  },
-  "dependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-router-dom": "^6.30.1"
-  }
-}

jac_client/examples/asset-serving/css-with-image/styles.css

@@ -1,26 +0,0 @@
-.container {
-    background-image: url('/static/assets/burger.png');
-    background-size: cover;
-    background-position: center;
-    min-height: 300px;
-    border-radius: 10px;
-    padding: 20px;
-    margin: 20px 0;
-}
-
-.card {
-    background: white;
-    border-radius: 10px;
-    padding: 20px;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
-    max-width: 400px;
-    margin: 20px auto;
-}
-
-.burgerImage {
-    width: 200px;
-    height: auto;
-    border-radius: 10px;
-    display: block;
-    margin: 0 auto;
-}