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

jac_client/examples/full-stack-with-auth/{app.jac → src/app.jac}

@@ -19,8 +19,8 @@ cl import from "@jac-client/utils" {
 
 # Backend - Todo Node
 node Todo {
-    has text: str;
-    has done: bool = False;
+    has text: str,
+        done: bool = False;
 }
 
 # Backend - Walkers
@@ -53,9 +53,9 @@ walker toggle_todo {
 # Frontend Components
 cl {
     # Navigation
-    def Navigation()  -> any {
-        let isLoggedIn = jacIsLoggedIn();
-        let navigate = useNavigate();
+    def Navigation -> any {
+        isLoggedIn = jacIsLoggedIn();
+        navigate = useNavigate();
 
         def handleLogout(e: any) -> None {
             e.preventDefault();
@@ -138,11 +138,11 @@ cl {
     }
 
     # Login Page
-    def LoginPage()  -> any {
-        let [username, setUsername] = useState("");
-        let [password, setPassword] = useState("");
-        let [error, setError] = useState("");
-        let navigate = useNavigate();
+    def LoginPage -> any {
+        [username, setUsername] = useState("");
+        [password, setPassword] = useState("");
+        [error, setError] = useState("");
+        navigate = useNavigate();
 
         async def handleLogin(e: any) -> None {
             e.preventDefault();
@@ -167,7 +167,7 @@ cl {
             setPassword(e.target.value);
         }
 
-        let errorDisplay = None;
+        errorDisplay = None;
         if error {
             errorDisplay = <div
                 style={{"color": "#dc2626", "fontSize": "14px", "marginBottom": "10px"}}
@@ -264,11 +264,11 @@ cl {
     }
 
     # Signup Page
-    def SignupPage()  -> any {
-        let [username, setUsername] = useState("");
-        let [password, setPassword] = useState("");
-        let [error, setError] = useState("");
-        let navigate = useNavigate();
+    def SignupPage -> any {
+        [username, setUsername] = useState("");
+        [password, setPassword] = useState("");
+        [error, setError] = useState("");
+        navigate = useNavigate();
 
         async def handleSignup(e: any) -> None {
             e.preventDefault();
@@ -293,7 +293,7 @@ cl {
             setPassword(e.target.value);
         }
 
-        let errorDisplay = None;
+        errorDisplay = None;
         if error {
             errorDisplay = <div
                 style={{"color": "#dc2626", "fontSize": "14px", "marginBottom": "10px"}}
@@ -391,9 +391,9 @@ cl {
 
     # TodoInput Component
     def TodoInput(props: any) -> any {
-        let input = props.input;
-        let setInput = props.setInput;
-        let addTodo = props.addTodo;
+        input = props.input;
+        setInput = props.setInput;
+        addTodo = props.addTodo;
 
         return <div
             style={{"display": "flex", "gap": "8px", "marginBottom": "16px"}}
@@ -432,8 +432,8 @@ cl {
 
     # TodoFilters Component
     def TodoFilters(props: any) -> any {
-        let filter = props.filter;
-        let setFilter = props.setFilter;
+        filter = props.filter;
+        setFilter = props.setFilter;
 
         return <div
             style={{"display": "flex", "gap": "8px", "marginBottom": "16px"}}
@@ -485,9 +485,9 @@ cl {
 
     # TodoItem Component
     def TodoItem(props: any) -> any {
-        let todo = props.todo;
-        let toggleTodo = props.toggleTodo;
-        let deleteTodo = props.deleteTodo;
+        todo = props.todo;
+        toggleTodo = props.toggleTodo;
+        deleteTodo = props.deleteTodo;
 
         return <div
             key={todo._jac_id}
@@ -533,9 +533,9 @@ cl {
 
     # TodoList Component
     def TodoList(props: any) -> any {
-        let filteredTodos = props.filteredTodos;
-        let toggleTodo = props.toggleTodo;
-        let deleteTodo = props.deleteTodo;
+        filteredTodos = props.filteredTodos;
+        toggleTodo = props.toggleTodo;
+        deleteTodo = props.deleteTodo;
 
         if filteredTodos.length == 0 {
             return <div
@@ -558,19 +558,19 @@ cl {
     }
 
     # Todos Page (Protected)
-    def TodosPage()  -> any {
+    def TodosPage -> any {
         # Check if user is logged in, redirect if not
         if not jacIsLoggedIn() {
             return <Navigate to="/login" />;
         }
 
-        let [todos, setTodos] = useState([]);
-        let [input, setInput] = useState("");
-        let [filter, setFilter] = useState("all");
+        [todos, setTodos] = useState([]);
+        [input, setInput] = useState("");
+        [filter, setFilter] = useState("all");
 
         # Load todos on mount
         useEffect(
-            lambda   -> None{ async def loadTodos()  -> None {
+            lambda   -> None{ async def loadTodos -> None {
                 result = root spawn read_todos();
                 setTodos(result.reports if result.reports else []);
             } loadTodos();} ,
@@ -578,7 +578,7 @@ cl {
         );
 
         # Add todo
-        async def addTodo()  -> None {
+        async def addTodo -> None {
             if not input.trim() {
                 return;
             }
@@ -612,7 +612,7 @@ cl {
         }
 
         # Filter todos
-        def getFilteredTodos()  -> list {
+        def getFilteredTodos -> list {
             if filter == "active" {
                 return todos.filter(
                     lambda  todo: any  -> bool{ return not todo.done; }
@@ -677,7 +677,7 @@ cl {
     }
 
     # Home/Landing Page - auto-redirect
-    def HomePage()  -> any {
+    def HomePage -> any {
         if jacIsLoggedIn() {
             return <Navigate to="/todos" />;
         }
@@ -685,7 +685,7 @@ cl {
     }
 
     # Main App with React Router
-    def app()  -> any {
+    def:pub app -> any {
         return <Router>
             <div
                 style={{"fontFamily": "system-ui, sans-serif"}}

jac_client/examples/little-x/{app.jac → src/app.jac}

@@ -34,18 +34,18 @@ node Profile {
 }
 
 obj TweetInfo {
-    has username: str;
-    has id: str;
-    has content: str;
-    has embedding: list;
-    has likes: list;
-    has comments: list;
+    has username: str,
+        id: str,
+        content: str,
+        embedding: list,
+        likes: list,
+        comments: list;
 }
 
 node Tweet {
-    has content: str;
-    has embedding: list;
-    has created_at: str = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S");
+    has content: str,
+        embedding: list,
+        created_at: str = datetime.datetime.now().strftime("%Y-%m-%d %H:%M:%S");
 
     can update with update_tweet exit {
         self.content = visitor.updated_content;
@@ -80,7 +80,7 @@ node Tweet {
         report comment_node[0] ;
     }
 
-    def get_info()  -> TweetInfo {
+    def get_info -> TweetInfo {
         return TweetInfo(
             username=[self<-:Post:<-][0].username,
             id=jid(self),
@@ -188,8 +188,8 @@ walker update_comment {
 walker remove_comment {}
 
 walker load_feed(visit_profile) {
-    has search_query: str = "";
-    has results: list = [];
+    has search_query: str = "",
+        results: list = [];
 
     can load with Profile entry {
         visit [-->(`?Tweet)];
@@ -206,25 +206,20 @@ walker load_feed(visit_profile) {
 # Client-side UI Components (marked with 'cl' for browser execution)
 # ===================================================================
 
-# Reactive state management
-cl let [appState, setAppState] = createState(
-    {"tweets": [], "loading": False}
-);
-
 # Manual routing functions removed - now using reactive createRouter
 
 # Shared data model for client/server
 cl obj ClientTweet {
-    has username: str = "";
-    has id: str = "";
-    has content: str = "";
-    has likes: list = [];
-    has comments: list = [];
+    has username: str = "",
+        id: str = "",
+        content: str = "",
+        likes: list = [],
+        comments: list = [];
 }
 
 cl obj ClientProfile {
-    has username: str = "";
-    has id: str = "";
+    has username: str = "",
+        id: str = "";
 }
 
 # UI Components - Render a single tweet card
@@ -307,7 +302,7 @@ cl def FeedView(tweets: list) -> any {
 }
 
 # Render login form
-cl def LoginForm()  -> any {
+cl def LoginForm -> any {
     suggestions = ['good luck', 'have fun', 'enjoy the ride'];
     randomSuggestion = _.sample(suggestions);
     result = "Good luck with your journey!";
@@ -421,7 +416,7 @@ cl async def handle_login(event: any) -> None {
 }
 
 # Render signup form
-cl def SignupForm()  -> any {
+cl def SignupForm -> any {
     return <div
         class="signup-container"
         style={{
@@ -545,7 +540,7 @@ cl async def handle_signup(event: any) -> None {
         alert("Password must be at least 6 characters long.");
         return;
     }
-    # Use runtime auth function - no need to know about /user/create endpoint!
+    # Use runtime auth function - no need to know about /user/register endpoint!
     result = await jacSignup(username, password);
     if result["success"] if "success" in result else False {
         alert("Account created successfully! Welcome to LittleX!");
@@ -556,13 +551,13 @@ cl async def handle_signup(event: any) -> None {
 }
 
 # Handle logout
-cl def logout_action()  -> None {
+cl def logout_action -> None {
     jacLogout();
     navigate("/login");
 }
 
 # Main App component with declarative router
-cl def App()  -> any {
+cl def:pub App -> any {
     # Create routes array manually (workaround for JS compiler bug with named args)
     login_route = {
         "path": "/login",
@@ -665,7 +660,7 @@ cl def build_nav_bar(route: str) -> any {
 }
 
 # Home view - simplified for testing reactive routing
-cl def HomeView()  -> any {
+cl def HomeView -> any {
     if not jacIsLoggedIn() {
         navigate("/login");
         return <div></div>;
@@ -687,7 +682,7 @@ cl def HomeView()  -> any {
 }
 
 # Profile view
-cl def ProfileView()  -> any {
+cl def ProfileView -> any {
     if not jacIsLoggedIn() {
         navigate("/login");
         return <div></div>;
@@ -719,6 +714,6 @@ cl def ProfileView()  -> any {
 }
 
 # Main SPA entry point - simplified with reactive routing
-cl def jac_app()  -> any {
+cl def:pub jac_app -> any {
     return App();
 }

jac_client/examples/little-x/src/submit-button.jac

@@ -0,0 +1,16 @@
+cl def:pub SubmitButton -> any {
+    return <button
+        type="submit"
+        style={{
+            "width": "100%",
+            "padding": "10px",
+            "backgroundColor": "#1da1f2",
+            "color": "white",
+            "border": "none",
+            "borderRadius": "4px",
+            "cursor": "pointer"
+        }}
+    >
+        Sign Up
+    </button>;
+}

jac_client/examples/nested-folders/nested-advance/{ButtonRoot.jac → src/ButtonRoot.jac}

@@ -1,7 +1,7 @@
 # Root Level Button
 cl import from antd { Button }
 
-cl def ButtonRoot()  -> any {
+cl def:pub ButtonRoot -> any {
     return <Button
         type="primary"
         size="large"

jac_client/examples/nested-folders/nested-advance/{app.jac → src/app.jac}

@@ -4,7 +4,7 @@ cl import from .level1.ButtonSecondL { ButtonSecondL }
 cl import from .level1.level2.ButtonThirdL { ButtonThirdL }
 cl import from .level1.Card { Card }
 
-cl def app()  -> any {
+cl def:pub app -> any {
     return <div
         style={{padding: "20px"}}
     >

jac_client/examples/nested-folders/nested-advance/{level1 → src/level1}/ButtonSecondL.jac

@@ -2,7 +2,7 @@
 cl import from antd { Button }
 cl import from ..ButtonRoot { ButtonRoot }
 
-cl def ButtonSecondL()  -> any {
+cl def:pub ButtonSecondL -> any {
     return <div>
         <Button
             type="default"

jac_client/examples/nested-folders/nested-advance/{level1 → src/level1}/Card.jac

@@ -5,7 +5,7 @@ cl import from ..ButtonRoot {
 }
 cl import from .level2.ButtonThirdL { ButtonThirdL }
 
-cl def Card()  -> any {
+cl def:pub Card -> any {
     return <div
         style={{
             border: "2px solid #007bff",

jac_client/examples/nested-folders/nested-advance/{level1 → src/level1}/level2/ButtonThirdL.jac

@@ -3,7 +3,7 @@ cl import from antd { Button }
 cl import from ...ButtonRoot { ButtonRoot }
 cl import from ..ButtonSecondL { ButtonSecondL }
 
-cl def ButtonThirdL()  -> any {
+cl def:pub ButtonThirdL -> any {
     return <div>
         <Button
             type="dashed"

jac_client/examples/nested-folders/nested-basic/{app.jac → src/app.jac}

@@ -1,13 +1,13 @@
 cl import from .components.button { CustomButton }
 cl import from .button { CustomButtonRoot }
 
-cl def RelativeImport()  -> any {
+cl def RelativeImport -> any {
     return <div>
         <CustomButton />
         <CustomButtonRoot />
     </div>;
 }
 
-cl def app()  -> any {
+cl def:pub app -> any {
     return <RelativeImport />;
 }

jac_client/examples/nested-folders/nested-basic/{button.jac → src/button.jac}

@@ -1,6 +1,6 @@
 cl import from antd { Button }
 
-cl def CustomButtonRoot()  -> any {
+cl def:pub CustomButtonRoot -> any {
     return <Button>
         Click Me
     </Button>;

jac_client/examples/nested-folders/nested-basic/{components → src/components}/button.jac

@@ -1,6 +1,6 @@
 cl import from antd { Button }
 
-cl def CustomButton()  -> any {
+cl def:pub CustomButton -> any {
     return <Button>
         Click Me
     </Button>;

jac_client/examples/ts-support/src/app.jac

@@ -0,0 +1,35 @@
+
+# Pages
+cl import from react { useState, useEffect }
+cl import from ".components/Button.tsx" { Button }
+
+cl {
+    def:pub app -> any {
+        [count, setCount] = useState(0);
+        useEffect(lambda   -> None{ console.log("Count: ", count);} , [count]);
+        return <div
+            style={{padding: "2rem", fontFamily: "Arial, sans-serif"}}
+        >
+            <h1>
+                Hello, World!
+            </h1>
+            <p>
+                Count: {count}
+            </p>
+            <div
+                style={{display: "flex", gap: "1rem", marginTop: "1rem"}}
+            >
+                <Button
+                    label="Increment"
+                    onClick={lambda   -> None{ setCount(count + 1);} }
+                    variant="primary"
+                />
+                <Button
+                    label="Reset"
+                    onClick={lambda   -> None{ setCount(0);} }
+                    variant="secondary"
+                />
+            </div>
+        </div>;
+    }
+}

jac_client/examples/with-router/{app.jac → src/app.jac}

@@ -12,7 +12,7 @@ cl import from "@jac-client/utils" {
 
 cl {
     # Home Page Component
-    def Home()  -> any {
+    def Home -> any {
         location = useLocation();
         navigate = useNavigate();
 
@@ -49,7 +49,7 @@ cl {
     }
 
     # About Page Component
-    def About()  -> any {
+    def About -> any {
         location = useLocation();
 
         return <div>
@@ -79,7 +79,7 @@ cl {
     }
 
     # Team Page Component (nested route example)
-    def Team()  -> any {
+    def Team -> any {
         return <div>
             <h1>
                 👥 Our Team
@@ -94,7 +94,7 @@ cl {
     }
 
     # User Profile Component (with URL parameters)
-    def UserProfile()  -> any {
+    def UserProfile -> any {
         params = useParams();
         userId = params.id if params.id else "Unknown";
 
@@ -121,7 +121,7 @@ cl {
     }
 
     # Contact Page Component
-    def Contact()  -> any {
+    def Contact -> any {
         [submitted, setSubmitted] = useState(False);
 
         def handleSubmit(e: any) -> None {
@@ -169,8 +169,8 @@ cl {
                     style={{"margin": "0.5rem 0", "display": "block"}}
                 />
                 <input
-                    type="email"
-                    placeholder="Your email"
+                    type="text"
+                    placeholder="Your username"
                     style={{"margin": "0.5rem 0", "display": "block"}}
                 />
                 <textarea
@@ -185,7 +185,7 @@ cl {
     }
 
     # 404 Not Found Component
-    def NotFound()  -> any {
+    def NotFound -> any {
         location = useLocation();
         navigate = useNavigate();
 
@@ -204,7 +204,7 @@ cl {
                 <code>
                     {location.pathname}
                 </code>
-                 does not exist.
+                does not exist.
             </p>
             <button
                 onClick={goHome}
@@ -215,7 +215,7 @@ cl {
     }
 
     # Navigation Component with active link styling
-    def Navigation()  -> any {
+    def Navigation -> any {
         location = useLocation();
 
         def linkStyle(path: str) -> dict {
@@ -277,7 +277,7 @@ cl {
     }
 
     # Main App Component with React Router HashRouter
-    def app()  -> any {
+    def:pub app -> any {
         return <Router>
             <div
                 style={{"fontFamily": "system-ui, -apple-system, sans-serif"}}