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

jac_client/examples/asset-serving/css-with-image/main.jac

@@ -1,88 +1,92 @@
 # Pages
-cl import from react { useEffect }
 cl import ".styles.css";
 
 cl {
     def:pub app -> any {
         has count: int = 0;
-        useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
-        return <div
-            style={{
-                padding: "20px",
-                textAlign: "center",
-                fontFamily: "Arial, sans-serif"
-            }}
-        >
-            <h1>
-                🍔 Burger Counter App
-            </h1>
-            <img
-                src="/static/assets/burger.png"
-                alt="Delicious Burger"
-                style={{
-                    width: "200px",
-                    height: "auto",
-                    margin: "20px 0",
-                    borderRadius: "10px",
-                    boxShadow: "0 4px 8px rgba(0,0,0,0.2)"
-                }}
-            />
-            <p
-                style={{fontSize: "18px", margin: "20px 0"}}
-            >
-                You've clicked the burger
-                <strong>
-                    {count}
-                </strong>
-                times!
-            </p>
-            <button
-                onClick={lambda  e: any  -> None{ count = count + 1;} }
+
+        can with count entry {
+            console.log("Count: ", count);
+        }
+
+        return
+            <div
                 style={{
-                    padding: "10px 20px",
-                    fontSize: "16px",
-                    backgroundColor: "#ff6b35",
-                    color: "white",
-                    border: "none",
-                    borderRadius: "5px",
-                    cursor: "pointer",
-                    boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
+                    padding: "20px",
+                    textAlign: "center",
+                    fontFamily: "Arial, sans-serif"
                 }}
             >
-                Click the Burger! 🍔
-            </button>
-            <h2
-                style={{marginTop: "40px", marginBottom: "20px"}}
-            >
-                CSS Asset Examples
-            </h2>
-            <div className="container">
-                <h3
-                    style={{color: "white", textShadow: "2px 2px 4px rgba(0,0,0,0.5)"}}
-                >
-                    Background Image Example
-                </h3>
-                <p
-                    style={{color: "white", textShadow: "2px 2px 4px rgba(0,0,0,0.5)"}}
-                >
-                    This container uses the burger image as a background via CSS
-                </p>
-            </div>
-            <div className="card">
-                <h3>
-                    Image in Card
-                </h3>
+                <h1>
+                    🍔 Burger Counter App
+                </h1>
                 <img
                     src="/static/assets/burger.png"
-                    alt="Burger in Card"
-                    className="burgerImage"
+                    alt="Delicious Burger"
+                    style={{
+                        width: "200px",
+                        height: "auto",
+                        margin: "20px 0",
+                        borderRadius: "10px",
+                        boxShadow: "0 4px 8px rgba(0,0,0,0.2)"
+                    }}
                 />
-                <p
-                    style={{marginTop: "15px", color: "#666"}}
-                >
-                    This image is displayed within a styled card using CSS classes
+                <p style={{fontSize: "18px", margin: "20px 0"}}>
+                    You've clicked the burger
+                    <strong>
+                        {count}
+                    </strong>
+                    times!
                 </p>
-            </div>
-        </div>;
+                <button
+                    onClick={lambda e: any  -> None { count = count + 1;}}
+                    style={{
+                        padding: "10px 20px",
+                        fontSize: "16px",
+                        backgroundColor: "#ff6b35",
+                        color: "white",
+                        border: "none",
+                        borderRadius: "5px",
+                        cursor: "pointer",
+                        boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
+                    }}
+                >
+                    Click the Burger! 🍔
+                </button>
+                <h2 style={{marginTop: "40px", marginBottom: "20px"}}>
+                    CSS Asset Examples
+                </h2>
+                <div className="container">
+                    <h3
+                        style={{
+                            color: "white",
+                            textShadow: "2px 2px 4px rgba(0,0,0,0.5)"
+                        }}
+                    >
+                        Background Image Example
+                    </h3>
+                    <p
+                        style={{
+                            color: "white",
+                            textShadow: "2px 2px 4px rgba(0,0,0,0.5)"
+                        }}
+                    >
+                        This container uses the burger image as a background via CSS
+                    </p>
+                </div>
+                <div className="card">
+                    <h3>
+                        Image in Card
+                    </h3>
+                    <img
+                        src="/static/assets/burger.png"
+                        alt="Burger in Card"
+                        className="burgerImage"
+                    />
+                    <p style={{marginTop: "15px", color: "#666"}}>
+                        This image is displayed within a styled card using CSS classes
+                    </p>
+                </div>
+            </div>;
     }
 }

jac_client/examples/asset-serving/image-asset/main.jac

@@ -1,55 +1,56 @@
 # Pages
-cl import from react { useEffect }
-
 cl {
     def:pub app -> any {
         has count: int = 0;
-        useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
-        return <div
-            style={{
-                padding: "20px",
-                textAlign: "center",
-                fontFamily: "Arial, sans-serif"
-            }}
-        >
-            <h1>
-                🍔 Burger Counter App
-            </h1>
-            <img
-                src="/static/assets/burger.png"
-                alt="Delicious Burger"
-                style={{
-                    width: "200px",
-                    height: "auto",
-                    margin: "20px 0",
-                    borderRadius: "10px",
-                    boxShadow: "0 4px 8px rgba(0,0,0,0.2)"
-                }}
-            />
-            <p
-                style={{fontSize: "18px", margin: "20px 0"}}
-            >
-                You've clicked the burger
-                <strong>
-                    {count}
-                </strong>
-                times!
-            </p>
-            <button
-                onClick={lambda  e: any  -> None{ count = count + 1;} }
+
+        can with count entry {
+            console.log("Count: ", count);
+        }
+
+        return
+            <div
                 style={{
-                    padding: "10px 20px",
-                    fontSize: "16px",
-                    backgroundColor: "#ff6b35",
-                    color: "white",
-                    border: "none",
-                    borderRadius: "5px",
-                    cursor: "pointer",
-                    boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
+                    padding: "20px",
+                    textAlign: "center",
+                    fontFamily: "Arial, sans-serif"
                 }}
             >
-                Click the Burger! 🍔
-            </button>
-        </div>;
+                <h1>
+                    🍔 Burger Counter App
+                </h1>
+                <img
+                    src="/static/assets/burger.png"
+                    alt="Delicious Burger"
+                    style={{
+                        width: "200px",
+                        height: "auto",
+                        margin: "20px 0",
+                        borderRadius: "10px",
+                        boxShadow: "0 4px 8px rgba(0,0,0,0.2)"
+                    }}
+                />
+                <p style={{fontSize: "18px", margin: "20px 0"}}>
+                    You've clicked the burger
+                    <strong>
+                        {count}
+                    </strong>
+                    times!
+                </p>
+                <button
+                    onClick={lambda e: any  -> None { count = count + 1;}}
+                    style={{
+                        padding: "10px 20px",
+                        fontSize: "16px",
+                        backgroundColor: "#ff6b35",
+                        color: "white",
+                        border: "none",
+                        borderRadius: "5px",
+                        cursor: "pointer",
+                        boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
+                    }}
+                >
+                    Click the Burger! 🍔
+                </button>
+            </div>;
     }
 }

jac_client/examples/asset-serving/import-alias/main.jac

@@ -1,5 +1,4 @@
 # Pages
-cl import from react { useEffect }
 # Import image using the @jac-client/assets alias
 cl import from "@jac-client/assets/burger.png" {
     default as burgerImage
@@ -8,104 +7,103 @@ cl import from "@jac-client/assets/burger.png" {
 cl {
     def:pub app -> any {
         has count: int = 0;
-        useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
-        return <div
-            style={{
-                padding: "20px",
-                textAlign: "center",
-                fontFamily: "Arial, sans-serif"
-            }}
-        >
-            <h1>
-                🍔 Import Alias Example
-            </h1>
-            <p
-                style={{color: "#666", marginBottom: "20px"}}
-            >
-                Using
-                <code>
-                    @jac-client/assets
-                </code>
-                alias to import assets
-            </p>
-            <img
-                src={burgerImage}
-                alt="Delicious Burger"
-                style={{
-                    width: "200px",
-                    height: "auto",
-                    margin: "20px 0",
-                    borderRadius: "10px",
-                    boxShadow: "0 4px 8px rgba(0,0,0,0.2)"
-                }}
-            />
-            <p
-                style={{fontSize: "18px", margin: "20px 0"}}
-            >
-                You've clicked the burger
-                <strong>
-                    {count}
-                </strong>
-                times!
-            </p>
-            <button
-                onClick={lambda  e: any  -> None{ count = count + 1;} }
-                style={{
-                    padding: "10px 20px",
-                    fontSize: "16px",
-                    backgroundColor: "#ff6b35",
-                    color: "white",
-                    border: "none",
-                    borderRadius: "5px",
-                    cursor: "pointer",
-                    boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
-                }}
-            >
-                Click the Burger! 🍔
-            </button>
+
+        can with count entry {
+            console.log("Count: ", count);
+        }
+
+        return
             <div
                 style={{
-                    marginTop: "30px",
-                    padding: "15px",
-                    backgroundColor: "#f5f5f5",
-                    borderRadius: "5px",
-                    fontSize: "12px",
-                    textAlign: "left",
-                    maxWidth: "600px",
-                    margin: "30px auto"
+                    padding: "20px",
+                    textAlign: "center",
+                    fontFamily: "Arial, sans-serif"
                 }}
             >
-                <strong>
-                    How it works:
-                </strong>
-                <ul
-                    style={{marginTop: "10px", paddingLeft: "20px"}}
+                <h1>
+                    🍔 Import Alias Example
+                </h1>
+                <p style={{color: "#666", marginBottom: "20px"}}>
+                    Using
+                    <code>
+                        @jac-client/assets
+                    </code>
+                    alias to import assets
+                </p>
+                <img
+                    src={burgerImage}
+                    alt="Delicious Burger"
+                    style={{
+                        width: "200px",
+                        height: "auto",
+                        margin: "20px 0",
+                        borderRadius: "10px",
+                        boxShadow: "0 4px 8px rgba(0,0,0,0.2)"
+                    }}
+                />
+                <p style={{fontSize: "18px", margin: "20px 0"}}>
+                    You've clicked the burger
+                    <strong>
+                        {count}
+                    </strong>
+                    times!
+                </p>
+                <button
+                    onClick={lambda e: any  -> None { count = count + 1;}}
+                    style={{
+                        padding: "10px 20px",
+                        fontSize: "16px",
+                        backgroundColor: "#ff6b35",
+                        color: "white",
+                        border: "none",
+                        borderRadius: "5px",
+                        cursor: "pointer",
+                        boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
+                    }}
+                >
+                    Click the Burger! 🍔
+                </button>
+                <div
+                    style={{
+                        marginTop: "30px",
+                        padding: "15px",
+                        backgroundColor: "#f5f5f5",
+                        borderRadius: "5px",
+                        fontSize: "12px",
+                        textAlign: "left",
+                        maxWidth: "600px",
+                        margin: "30px auto"
+                    }}
                 >
-                    <li>
-                        Import using:
-                        <code>
-                            cl import from '@jac-client/assets/burger.png'
-                        </code>
-                    </li>
-                    <li>
-                        Vite processes the import and generates optimized URLs
-                    </li>
-                    <li>
-                        Assets are automatically copied from
-                        <code>
-                            assets/
-                        </code>
-                        to
-                        <code>
-                            compiled/assets/
-                        </code>
-                        during build
-                    </li>
-                    <li>
-                        Automatic hash generation for cache busting
-                    </li>
-                </ul>
-            </div>
-        </div>;
+                    <strong>
+                        How it works:
+                    </strong>
+                    <ul style={{marginTop: "10px", paddingLeft: "20px"}}>
+                        <li>
+                            Import using:
+                            <code>
+                                climportfrom'@jac-client/assets/burger.png'
+                            </code>
+                        </li>
+                        <li>
+                            Vite processes the import and generates optimized URLs
+                        </li>
+                        <li>
+                            Assets are automatically copied from
+                            <code>
+                                assets/
+                            </code>
+                            to
+                            <code>
+                                compiled/assets/
+                            </code>
+                            during build
+                        </li>
+                        <li>
+                            Automatic hash generation for cache busting
+                        </li>
+                    </ul>
+                </div>
+            </div>;
     }
 }

jac_client/examples/basic/main.jac

@@ -1,21 +1,23 @@
 # Pages
-cl import from react { useEffect }
 cl {
     def:pub app -> any {
         has count: int = 0;
-        useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
-        return <div>
-            <h1>
-                Hello, World!
-            </h1>
-            <p>
-                Count: {count}
-            </p>
-            <button
-                onClick={lambda  e: any  -> None{ count = count + 1;} }
-            >
-                Increment
-            </button>
-        </div>;
+
+        can with count entry {
+            console.log("Count: ", count);
+        }
+
+        return
+            <div>
+                <h1>
+                    Hello, World!
+                </h1>
+                <p>
+                    Count: {count}
+                </p>
+                <button onClick={lambda e: any  -> None { count = count + 1;}}>
+                    Increment
+                </button>
+            </div>;
     }
 }