jac-client 0.2.3__py3-none-any.whl → 0.2.5__py3-none-any.whl

jac_client/examples/basic-auth/app.jac

@@ -1,308 +0,0 @@
-# Simple Authentication App with Jac Client Utils
-cl import from react {useState, useEffect}
-cl import from '@jac-client/utils' {jacSignup, jacLogin, jacLogout, jacIsLoggedIn}
-
-cl {
-    def app() -> any {
-        let [isLoggedIn, setIsLoggedIn] = useState(False);
-        let [isSignup, setIsSignup] = useState(False);
-        let [username, setUsername] = useState("");
-        let [password, setPassword] = useState("");
-        let [error, setError] = useState("");
-        let [loading, setLoading] = useState(False);
-
-        # Check login status on mount
-        useEffect(lambda -> None {
-            setIsLoggedIn(jacIsLoggedIn());
-        }, []);
-
-        # Handle login
-        async def handleLogin() -> None {
-            setError("");
-            if not username.trim() or not password {
-                setError("Please fill in all fields");
-                return;
-            }
-            setLoading(True);
-            success = await jacLogin(username, password);
-            setLoading(False);
-            if success {
-                setIsLoggedIn(True);
-                setUsername("");
-                setPassword("");
-            } else {
-                setError("Invalid username or password");
-            }
-        }
-
-        # Handle signup
-        async def handleSignup() -> None {
-            setError("");
-            if not username.trim() or not password {
-                setError("Please fill in all fields");
-                return;
-            }
-            if password.length < 6 {
-                setError("Password must be at least 6 characters");
-                return;
-            }
-            setLoading(True);
-            result = await jacSignup(username, password);
-            setLoading(False);
-            if result["success"] {
-                setIsLoggedIn(True);
-                setUsername("");
-                setPassword("");
-            } else {
-                setError(result["error"] if result["error"] else "Signup failed");
-            }
-        }
-
-        # Handle logout
-        def handleLogout() -> None {
-            jacLogout();
-            setIsLoggedIn(False);
-            setUsername("");
-            setPassword("");
-            setError("");
-        }
-
-        # Handle form submit
-        async def handleSubmit(e: any) -> None {
-            e.preventDefault();
-            if isSignup {
-                await handleSignup();
-            } else {
-                await handleLogin();
-            }
-        }
-
-        # Logged in view - Dashboard
-        if isLoggedIn {
-            return <div style={{
-                "minHeight": "100vh",
-                "background": "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-                "display": "flex",
-                "alignItems": "center",
-                "justifyContent": "center",
-                "fontFamily": "system-ui, -apple-system, sans-serif"
-            }}>
-                <div style={{
-                    "background": "#ffffff",
-                    "borderRadius": "16px",
-                    "padding": "48px",
-                    "boxShadow": "0 20px 60px rgba(0,0,0,0.3)",
-                    "maxWidth": "500px",
-                    "width": "90%",
-                    "textAlign": "center"
-                }}>
-                    <h1 style={{
-                        "fontSize": "2.5rem",
-                        "marginBottom": "16px",
-                        "color": "#1f2937",
-                        "fontWeight": "700"
-                    }}>✅ Welcome!</h1>
-                    <p style={{
-                        "fontSize": "1.1rem",
-                        "color": "#6b7280",
-                        "marginBottom": "32px"
-                    }}>You are successfully logged in</p>
-
-                    <div style={{
-                        "background": "#f3f4f6",
-                        "padding": "24px",
-                        "borderRadius": "12px",
-                        "marginBottom": "32px"
-                    }}>
-                        <p style={{
-                            "fontSize": "0.9rem",
-                            "color": "#6b7280",
-                            "marginBottom": "8px"
-                        }}>Logged in as:</p>
-                        <p style={{
-                            "fontSize": "1.2rem",
-                            "fontWeight": "600",
-                            "color": "#667eea"
-                        }}>User</p>
-                    </div>
-
-                    <button
-                        onClick={handleLogout}
-                        style={{
-                            "width": "100%",
-                            "padding": "14px 24px",
-                            "background": "#ef4444",
-                            "color": "#ffffff",
-                            "border": "none",
-                            "borderRadius": "10px",
-                            "fontSize": "16px",
-                            "fontWeight": "600",
-                            "cursor": "pointer",
-                            "transition": "all 0.3s",
-                            "boxShadow": "0 4px 12px rgba(239,68,68,0.3)"
-                        }}
-                    >
-                        Logout
-                    </button>
-                </div>
-            </div>;
-        }
-
-        # Login/Signup view
-        return <div style={{
-            "minHeight": "100vh",
-            "background": "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-            "display": "flex",
-            "alignItems": "center",
-            "justifyContent": "center",
-            "fontFamily": "system-ui, -apple-system, sans-serif",
-            "padding": "20px"
-        }}>
-            <div style={{
-                "background": "#ffffff",
-                "borderRadius": "16px",
-                "padding": "48px",
-                "boxShadow": "0 20px 60px rgba(0,0,0,0.3)",
-                "maxWidth": "400px",
-                "width": "100%"
-            }}>
-                # Header
-                <div style={{"textAlign": "center", "marginBottom": "32px"}}>
-                    <h1 style={{
-                        "fontSize": "2rem",
-                        "fontWeight": "700",
-                        "color": "#1f2937",
-                        "marginBottom": "8px"
-                    }}>
-                        {("Create Account" if isSignup else "Welcome Back")}
-                    </h1>
-                    <p style={{
-                        "color": "#6b7280",
-                        "fontSize": "0.95rem"
-                    }}>
-                        {("Sign up to get started" if isSignup else "Sign in to continue")}
-                    </p>
-                </div>
-
-                # Form
-                <form onSubmit={handleSubmit} style={{"marginBottom": "24px"}}>
-                    <div style={{"marginBottom": "20px"}}>
-                        <label style={{
-                            "display": "block",
-                            "marginBottom": "8px",
-                            "color": "#374151",
-                            "fontSize": "14px",
-                            "fontWeight": "600"
-                        }}>Username</label>
-                        <input
-                            type="text"
-                            value={username}
-                            onChange={lambda e: any -> None { setUsername(e.target.value); }}
-                            placeholder="Enter your username"
-                            style={{
-                                "width": "100%",
-                                "padding": "12px 16px",
-                                "border": "2px solid #e5e7eb",
-                                "borderRadius": "10px",
-                                "fontSize": "16px",
-                                "outline": "none",
-                                "transition": "border 0.2s",
-                                "boxSizing": "border-box"
-                            }}
-                        />
-                    </div>
-
-                    <div style={{"marginBottom": "24px"}}>
-                        <label style={{
-                            "display": "block",
-                            "marginBottom": "8px",
-                            "color": "#374151",
-                            "fontSize": "14px",
-                            "fontWeight": "600"
-                        }}>Password</label>
-                        <input
-                            type="password"
-                            value={password}
-                            onChange={lambda e: any -> None { setPassword(e.target.value); }}
-                            placeholder="Enter your password"
-                            style={{
-                                "width": "100%",
-                                "padding": "12px 16px",
-                                "border": "2px solid #e5e7eb",
-                                "borderRadius": "10px",
-                                "fontSize": "16px",
-                                "outline": "none",
-                                "transition": "border 0.2s",
-                                "boxSizing": "border-box"
-                            }}
-                        />
-                    </div>
-
-                    {(<div style={{
-                            "padding": "12px",
-                            "background": "#fee2e2",
-                            "border": "1px solid #fecaca",
-                            "borderRadius": "8px",
-                            "marginBottom": "20px"
-                        }}>
-                            <p style={{
-                                "color": "#dc2626",
-                                "fontSize": "14px",
-                                "margin": "0"
-                            }}>{error}</p>
-                        </div>) if error else None}
-
-                    <button
-                        type="submit"
-                        disabled={loading}
-                        style={{
-                            "width": "100%",
-                            "padding": "14px 24px",
-                            "background": (("#9ca3af" if loading else "#667eea")),
-                            "color": "#ffffff",
-                            "border": "none",
-                            "borderRadius": "10px",
-                            "fontSize": "16px",
-                            "fontWeight": "600",
-                            "cursor": (("not-allowed" if loading else "pointer")),
-                            "transition": "all 0.3s",
-                            "boxShadow": "0 4px 12px rgba(102,126,234,0.4)"
-                        }}
-                    >
-                        {(("Processing..." if loading else ("Sign Up" if isSignup else "Sign In")))}
-                    </button>
-                </form>
-
-                # Toggle between login/signup
-                <div style={{"textAlign": "center"}}>
-                    <p style={{
-                        "color": "#6b7280",
-                        "fontSize": "14px",
-                        "marginBottom": "8px"
-                    }}>
-                        {(("Already have an account?" if isSignup else "Don't have an account?"))}
-                    </p>
-                    <button
-                        onClick={lambda -> None {
-                            setIsSignup(not isSignup);
-                            setError("");
-                            setUsername("");
-                            setPassword("");
-                        }}
-                        style={{
-                            "background": "none",
-                            "border": "none",
-                            "color": "#667eea",
-                            "fontSize": "14px",
-                            "fontWeight": "600",
-                            "cursor": "pointer",
-                            "textDecoration": "underline"
-                        }}
-                    >
-                        {(("Sign In" if isSignup else "Create Account"))}
-                    </button>
-                </div>
-            </div>
-        </div>;
-    }
-}

jac_client/examples/basic-auth/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "basic-auth",
-  "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: basic-auth",
-  "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"
-  }
-}

jac_client/examples/basic-auth/vite.config.js

@@ -1,27 +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/examples/basic-auth-with-router/.babelrc

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

jac_client/examples/basic-auth-with-router/README.md

@@ -1,60 +0,0 @@
-# Basic Authentication with React Router
-
-A complete authentication example using Jac with React Router for client-side routing.
-
-## Features
-
-- ✨ **React Router Integration** - Hash-based routing using `react-router-dom` v6
-- 🔐 **User Authentication** - Login and signup functionality
-- 🛡️ **Protected Routes** - Dashboard page accessible only to authenticated users
-- 🎨 **Modern UI** - Clean, responsive design
-- 🔄 **Navigation Guards** - Automatic redirects for unauthenticated users
-- 💾 **LocalStorage Session** - Persistent authentication state
-
-## React Router Features Demonstrated
-
-- `HashRouter` for hash-based routing (`#/login`, `#/dashboard`)
-- `useNavigate()` hook for programmatic navigation
-- `useLocation()` hook for accessing current location
-- `<Navigate />` component for conditional redirects
-- `<Link />` component for declarative navigation
-- `<Routes />` and `<Route />` for route definitions
-
-## Setup
-
-Install dependencies:
-```bash
-npm install
-```
-
-## Running the App
-
-Start the development server:
-```bash
-jac serve app.jac
-```
-
-Then open your browser to `http://localhost:8000`
-
-## Usage
-
-1. **Sign Up**: Create a new account at `#/signup`
-2. **Login**: Access your account at `#/login`
-3. **Dashboard**: View protected content at `#/dashboard` (requires login)
-4. **Logout**: Click the logout button in the navigation
-
-## Project Structure
-
-- `app.jac` - Main application with routing and authentication logic
-- `package.json` - Dependencies including `react-router-dom` v6.30.1
-- Session files - User data and tokens stored locally
-
-## Authentication Flow
-
-1. User signs up or logs in
-2. Token stored in localStorage
-3. Navigation redirects to dashboard
-4. Protected routes check authentication status
-5. Unauthenticated access redirects to login
-
-Happy coding with Jac! 🚀

jac_client/examples/basic-auth-with-router/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "basic-auth-with-router",
-  "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: basic-auth-with-router",
-  "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/basic-auth-with-router/vite.config.js

@@ -1,27 +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/examples/basic-full-stack/.babelrc

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

jac_client/examples/basic-full-stack/README.md

@@ -1,18 +0,0 @@
-# basic-full-stack
-
-make sure node modules are installed:
-```bash
-npm install
-```
-
-
-## Running Jac Code
-
-
-To run your Jac code, use the Jac CLI:
-
-```bash
-jac serve app.jac
-```
-
-Happy coding with Jac!

jac_client/examples/basic-full-stack/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "basic-full-stack",
-  "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: basic-full-stack",
-  "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": "^7.3.0"
-  }
-}

jac_client/examples/basic-full-stack/vite.config.js

@@ -1,27 +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/examples/css-styling/js-styling/.babelrc

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