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

jac_client/examples/css-styling/sass-example/styles.scss

@@ -1,153 +0,0 @@
-// Sass Variables
-$primary-gradient-start: #dbeafe;
-$primary-gradient-end: #e0e7ff;
-$white: #ffffff;
-$gray-800: #1f2937;
-$gray-600: #4b5563;
-$gray-500: #6b7280;
-$green-600: #16a34a;
-$red-500: #ef4444;
-$red-600: #dc2626;
-
-// Mixins
-@mixin flex-center {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-@mixin button-base {
-    color: $white;
-    font-weight: bold;
-    padding: 0.75rem 1.5rem;
-    border-radius: 0.5rem;
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-    transition: all 0.2s ease;
-    font-size: 1.25rem;
-    border: none;
-    cursor: pointer;
-
-    &:hover {
-        transform: scale(1.05);
-    }
-
-    &:active {
-        transform: scale(0.95);
-    }
-}
-
-@mixin gradient-divider {
-    height: 1px;
-    background: linear-gradient(to right, transparent, $gray-500, transparent);
-    margin-bottom: 1.5rem;
-}
-
-// Container
-.container {
-    min-height: 100vh;
-    background: linear-gradient(to bottom right, $primary-gradient-start, $primary-gradient-end);
-    @include flex-center;
-    padding: 1rem;
-}
-
-// Card
-.card {
-    background-color: $white;
-    border-radius: 1rem;
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-    padding: 2rem;
-    max-width: 28rem;
-    width: 100%;
-}
-
-// Title
-.title {
-    font-size: 1.875rem;
-    font-weight: bold;
-    color: $gray-800;
-    text-align: center;
-    margin-bottom: 1.5rem;
-}
-
-// Divider
-.divider {
-    @include gradient-divider;
-}
-
-// Counter Section
-.counterSection {
-    text-align: center;
-    margin-bottom: 2rem;
-}
-
-.label {
-    font-size: 0.875rem;
-    font-weight: 600;
-    color: $gray-600;
-    margin-bottom: 0.5rem;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-}
-
-// Count Display with dynamic colors
-.countDisplay {
-    font-size: 3.75rem;
-    font-weight: bold;
-    transition: color 0.3s ease;
-
-    &.zero {
-        color: $gray-800;
-    }
-
-    &.positive {
-        color: $green-600;
-    }
-
-    &.negative {
-        color: $red-600;
-    }
-}
-
-// Button Group
-.buttonGroup {
-    @include flex-center;
-    gap: 1rem;
-    margin-bottom: 1.5rem;
-}
-
-// Buttons
-.btn {
-    @include button-base;
-
-    &Decrement {
-        background-color: $red-500;
-
-        &:hover {
-            background-color: darken($red-500, 10%);
-        }
-    }
-
-    &Reset {
-        background-color: $gray-500;
-
-        &:hover {
-            background-color: darken($gray-500, 10%);
-        }
-    }
-
-    &Increment {
-        background-color: $green-600;
-
-        &:hover {
-            background-color: darken($green-600, 10%);
-        }
-    }
-}
-
-// Hint
-.hint {
-    text-align: center;
-    font-size: 0.875rem;
-    color: $gray-500;
-    font-style: italic;
-}

jac_client/examples/css-styling/sass-example/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/styled-components/.babelrc

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

jac_client/examples/css-styling/styled-components/README.md

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

jac_client/examples/css-styling/styled-components/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "styled-components",
-  "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: styled-components",
-  "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",
-    "styled-components": "^6.1.13"
-  }
-}

jac_client/examples/css-styling/styled-components/styled.js

@@ -1,90 +0,0 @@
-import styled from "styled-components";
-
-export const Container = styled.div`
-    min-height: 100vh;
-    background: linear-gradient(to bottom right, #dbeafe, #e0e7ff);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1rem;
-`;
-
-export const Card = styled.div`
-    background-color: #ffffff;
-    border-radius: 1rem;
-    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-    padding: 2rem;
-    max-width: 28rem;
-    width: 100%;
-`;
-
-export const Title = styled.h1`
-    font-size: 1.875rem;
-    font-weight: bold;
-    color: #1f2937;
-    text-align: center;
-    margin-bottom: 1.5rem;
-`;
-
-export const Divider = styled.div`
-    height: 1px;
-    background: linear-gradient(to right, transparent, #d1d5db, transparent);
-    margin-bottom: 1.5rem;
-`;
-
-export const CounterSection = styled.div`
-    text-align: center;
-    margin-bottom: 2rem;
-`;
-
-export const Label = styled.div`
-    font-size: 0.875rem;
-    font-weight: 600;
-    color: #4b5563;
-    margin-bottom: 0.5rem;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-`;
-
-export const CountDisplay = styled.div`
-    font-size: 3.75rem;
-    font-weight: bold;
-    transition: color 0.3s ease;
-    color: ${props => props.count === 0 ? "#1f2937" : (props.count > 0 ? "#16a34a" : "#dc2626")};
-`;
-
-export const ButtonGroup = styled.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 1rem;
-    margin-bottom: 1.5rem;
-`;
-
-export const Button = styled.button`
-    color: #ffffff;
-    font-weight: bold;
-    padding: 0.75rem 1.5rem;
-    border-radius: 0.5rem;
-    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-    transition: all 0.2s ease;
-    font-size: 1.25rem;
-    border: none;
-    cursor: pointer;
-    background-color: ${props => props.bgColor};
-
-    &:hover {
-        transform: scale(1.05);
-    }
-
-    &:active {
-        transform: scale(0.95);
-    }
-`;
-
-export const Hint = styled.div`
-    text-align: center;
-    font-size: 0.875rem;
-    color: #6b7280;
-    font-style: italic;
-`;

jac_client/examples/css-styling/styled-components/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/tailwind-example/.babelrc

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

jac_client/examples/css-styling/tailwind-example/README.md

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

jac_client/examples/css-styling/tailwind-example/global.css

@@ -1 +0,0 @@
-@import "tailwindcss";

jac_client/examples/css-styling/tailwind-example/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "tailwind-example",
-  "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: tailwind-example",
-  "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": {
-    "@tailwindcss/vite": "^4.1.17",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-router-dom": "^6.30.1",
-    "tailwindcss": "^4.1.17"
-  }
-}

jac_client/examples/css-styling/tailwind-example/vite.config.js

@@ -1,29 +0,0 @@
-
-import { defineConfig } from "vite";
-import tailwindcss from '@tailwindcss/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,
-  },
-  plugins: [    tailwindcss(),  ],
-  publicDir: false,
-  resolve: {
-    alias: {
-      "@jac-client/utils": path.resolve(__dirname, "src/client_runtime.js"),
-    },
-  },
-});

jac_client/examples/full-stack-with-auth/.babelrc

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

jac_client/examples/full-stack-with-auth/README.md

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

jac_client/examples/full-stack-with-auth/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "full-stack-with-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: full-stack-with-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",
-    "react-router-dom": "^6.30.1"
-  }
-}

jac_client/examples/full-stack-with-auth/vite.config.js

@@ -1,29 +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,
-    minify: false,
-    sourcemap: true,
-  },
-  publicDir: false,
-  resolve: {
-    alias: {
-      "@jac-client/utils": path.resolve(__dirname, "src/client_runtime.js"),
-    },
-  },
-});

jac_client/examples/little-x/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "littlex-vite-bundler",
-  "version": "1.0.0",
-  "description": "Vite bundler for LittleX Jac application",
-  "type": "module",
-  "scripts": {
-    "build": "vite build"
-  },
-  "devDependencies": {
-    "vite": "^5.0.0"
-  },
-  "dependencies": {
-    "antd": "^5.27.6",
-    "bootstrap": "^5.3.8",
-    "lodash": "^4.17.21",
-    "pluralize": "^8.0.0",
-    "precise-ui": "^2.1.17",
-    "react": "^18.2.0",
-    "react-animated-components": "^3.0.1",
-    "react-bootstrap": "^2.10.10",
-    "react-dom": "^18.2.0"
-  }
-}

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

@@ -1,8 +0,0 @@
-cl def SubmitButton() -> any {
-         <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/.babelrc

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

jac_client/examples/nested-folders/nested-advance/README.md

@@ -1,77 +0,0 @@
-# Nested Folder Levels Example
-
-This example demonstrates multiple levels of folder nesting and how relative imports work across different directory levels.
-
-## Project Structure
-
-```
-nested-advance/
-├── app.jac                    # Root entry point
-├── ButtonRoot.jac            # Root level button
-└── level1/
-    ├── ButtonSecondL.jac     # Second level button
-    ├── Card.jac              # Card component (imports from root and level2)
-    └── level2/
-        └── ButtonThirdL.jac  # Third level button
-```
-
-## Import Patterns Demonstrated
-
-### 1. Root Level (`app.jac`)
-```jac
-# Import from root
-cl import from .ButtonRoot { ButtonRoot }
-
-# Import from level1
-cl import from .level1.ButtonSecondL { ButtonSecondL }
-
-# Import from level1/level2
-cl import from .level1.level2.ButtonThirdL { ButtonThirdL }
-```
-
-### 2. Second Level (`level1/ButtonSecondL.jac`)
-```jac
-# Import from root (go up one level with ..)
-cl import from ..ButtonRoot { ButtonRoot }
-```
-
-### 3. Card Component (`level1/Card.jac`)
-This demonstrates importing from both above and below:
-```jac
-# Import from root (go up two levels with ..)
-cl import from ..ButtonRoot { ButtonRoot }
-
-# Import from level2 (go down one level with .level2)
-cl import from .level2.ButtonThirdL { ButtonThirdL }
-```
-
-### 4. Third Level (`level1/level2/ButtonThirdL.jac`)
-```jac
-# Import from root (go up three levels with ...)
-cl import from ...ButtonRoot { ButtonRoot }
-
-# Import from second level (go up one level with ..)
-cl import from ..ButtonSecondL { ButtonSecondL }
-```
-
-## Running the Example
-
-Make sure node modules are installed:
-```bash
-npm install
-```
-
-To run your Jac code, use the Jac CLI:
-```bash
-jac serve app.jac
-```
-
-## Key Concepts
-
-- **Single dot (`.`)** - Current directory
-- **Double dot (`..`)** - Parent directory (one level up)
-- **Triple dot (`...`)** - Two levels up
-- **Multiple dots** - Continue going up the directory tree
-- **Dot notation after dots** - Go down into subdirectories (e.g., `.level2`)
-
-This example shows how folder structure is preserved during compilation, ensuring all relative imports work correctly!

jac_client/examples/nested-folders/nested-advance/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "nested-advance",
-  "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: nested-advance",
-  "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"
-  }
-}