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

jac_client/examples/css-styling/sass-example/src/app.jac

@@ -1,64 +0,0 @@
-# Pages
-cl import from react { useState, useEffect }
-cl import ".styles.scss";
-
-cl {
-    def:pub app -> any {
-        [count, setCount] = useState(0);
-
-        useEffect(lambda   -> None{ console.log("Count changed: ", count);} , [count]);
-
-        handleIncrement = lambda  e: any  -> None{ setCount(count + 1);} ;
-
-        handleDecrement = lambda  e: any  -> None{ setCount(count - 1);} ;
-
-        handleReset = lambda  e: any  -> None{ setCount(0);} ;
-
-        countClass = "countDisplay " + (
-            "positive" if count > 0 else "negative" if count < 0 else "zero"
-        );
-
-        return <div className="container">
-            <div className="card">
-                <h1 className="title">
-                    Counter Application
-                </h1>
-                <div className="divider"></div>
-                <div className="counterSection">
-                    <div className="label">
-                        Current Count
-                    </div>
-                    <div
-                        className={countClass}
-                    >
-                        {count}
-                    </div>
-                </div>
-                <div className="divider"></div>
-                <div className="buttonGroup">
-                    <button
-                        className="btn btnDecrement"
-                        onClick={handleDecrement}
-                    >
-                        -
-                    </button>
-                    <button
-                        className="btn btnReset"
-                        onClick={handleReset}
-                    >
-                        ↻
-                    </button>
-                    <button
-                        className="btn btnIncrement"
-                        onClick={handleIncrement}
-                    >
-                        +
-                    </button>
-                </div>
-                <div className="hint">
-                    Click the buttons to increment, decrement, or reset the counter
-                </div>
-            </div>
-        </div>;
-    }
-}

jac_client/examples/css-styling/styled-components/src/app.jac

@@ -1,71 +0,0 @@
-# Pages
-cl import from react { useState, useEffect }
-cl import from .styled {
-    Container,
-    Card,
-    Title,
-    Divider,
-    CounterSection,
-    Label,
-    CountDisplay,
-    ButtonGroup,
-    Button,
-    Hint
-}
-
-cl {
-    def:pub app -> any {
-        [count, setCount] = useState(0);
-
-        useEffect(lambda   -> None{ console.log("Count changed: ", count);} , [count]);
-
-        handleIncrement = lambda  e: any  -> None{ setCount(count + 1);} ;
-
-        handleDecrement = lambda  e: any  -> None{ setCount(count - 1);} ;
-
-        handleReset = lambda  e: any  -> None{ setCount(0);} ;
-
-        return <Container>
-            <Card>
-                <Title>
-                    Counter Application
-                </Title>
-                <Divider></Divider>
-                <CounterSection>
-                    <Label>
-                        Current Count
-                    </Label>
-                    <CountDisplay
-                        count={count}
-                    >
-                        {count}
-                    </CountDisplay>
-                </CounterSection>
-                <Divider></Divider>
-                <ButtonGroup>
-                    <Button
-                        bgColor="#ef4444"
-                        onClick={handleDecrement}
-                    >
-                        -
-                    </Button>
-                    <Button
-                        bgColor="#6b7280"
-                        onClick={handleReset}
-                    >
-                        ↻
-                    </Button>
-                    <Button
-                        bgColor="#22c55e"
-                        onClick={handleIncrement}
-                    >
-                        +
-                    </Button>
-                </ButtonGroup>
-                <Hint>
-                    Click the buttons to increment, decrement, or reset the counter
-                </Hint>
-            </Card>
-        </Container>;
-    }
-}

jac_client/examples/css-styling/tailwind-example/src/app.jac

@@ -1,63 +0,0 @@
-# Pages
-cl import from react { useState, useEffect }
-cl import ".global.css";
-cl {
-    def:pub app -> any {
-        [count, setCount] = useState(0);
-
-        useEffect(lambda   -> None{ console.log("Count changed: ", count);} , [count]);
-
-        handleIncrement = lambda  e: any  -> None{ setCount(count + 1);} ;
-
-        handleDecrement = lambda  e: any  -> None{ setCount(count - 1);} ;
-
-        handleReset = lambda  e: any  -> None{ setCount(0);} ;
-
-        countColorClass = "text-gray-800"
-        if count == 0
-        else ("text-green-600" if count > 0 else "text-red-600");
-
-        return <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center p-4">
-            <div className="bg-white rounded-2xl shadow-2xl p-8 max-w-md w-full">
-                <h1 className="text-3xl font-bold text-gray-800 text-center mb-6">
-                    Counter Application
-                </h1>
-                <div className="h-px bg-gradient-to-r from-transparent via-gray-300 to-transparent mb-6"></div>
-                <div className="text-center mb-8">
-                    <div className="text-sm font-semibold text-gray-600 mb-2 uppercase tracking-wide">
-                        Current Count
-                    </div>
-                    <div
-                        className={"text-6xl font-bold " + countColorClass + " transition-colors duration-300"}
-                    >
-                        {count}
-                    </div>
-                </div>
-                <div className="h-px bg-gradient-to-r from-transparent via-gray-300 to-transparent mb-6"></div>
-                <div className="flex justify-center items-center gap-4 mb-6">
-                    <button
-                        className="bg-red-500 hover:bg-red-600 text-white font-bold py-3 px-6 rounded-lg shadow-lg transition-all duration-200 transform hover:scale-105 active:scale-95 text-xl"
-                        onClick={handleDecrement}
-                    >
-                        -
-                    </button>
-                    <button
-                        className="bg-gray-500 hover:bg-gray-600 text-white font-bold py-3 px-6 rounded-lg shadow-lg transition-all duration-200 transform hover:scale-105 active:scale-95 text-xl"
-                        onClick={handleReset}
-                    >
-                        ↻
-                    </button>
-                    <button
-                        className="bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-6 rounded-lg shadow-lg transition-all duration-200 transform hover:scale-105 active:scale-95 text-xl"
-                        onClick={handleIncrement}
-                    >
-                        +
-                    </button>
-                </div>
-                <div className="text-center text-sm text-gray-500 italic">
-                    Click the buttons to increment, decrement, or reset the counter
-                </div>
-            </div>
-        </div>;
-    }
-}