lucy-cli 1.2.4 → 2.0.0-alpha.1

package/files/expo/tailwind.config.js

@@ -0,0 +1,198 @@
+import gluestackPlugin from '@gluestack-ui/nativewind-utils/tailwind-plugin';
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: "media",
+  content: ["app/**/*.{tsx,jsx,ts,js}", "components/**/*.{tsx,jsx,ts,js}"],
+  presets: [require('nativewind/preset')],
+  safelist: [
+    {
+      pattern:
+        /(bg|border|text|stroke|fill)-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background|indicator)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark|primary)/,
+    },
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          0: 'rgb(var(--color-primary-0)/<alpha-value>)',
+          50: 'rgb(var(--color-primary-50)/<alpha-value>)',
+          100: 'rgb(var(--color-primary-100)/<alpha-value>)',
+          200: 'rgb(var(--color-primary-200)/<alpha-value>)',
+          300: 'rgb(var(--color-primary-300)/<alpha-value>)',
+          400: 'rgb(var(--color-primary-400)/<alpha-value>)',
+          500: 'rgb(var(--color-primary-500)/<alpha-value>)',
+          600: 'rgb(var(--color-primary-600)/<alpha-value>)',
+          700: 'rgb(var(--color-primary-700)/<alpha-value>)',
+          800: 'rgb(var(--color-primary-800)/<alpha-value>)',
+          900: 'rgb(var(--color-primary-900)/<alpha-value>)',
+          950: 'rgb(var(--color-primary-950)/<alpha-value>)',
+        },
+        secondary: {
+          0: 'rgb(var(--color-secondary-0)/<alpha-value>)',
+          50: 'rgb(var(--color-secondary-50)/<alpha-value>)',
+          100: 'rgb(var(--color-secondary-100)/<alpha-value>)',
+          200: 'rgb(var(--color-secondary-200)/<alpha-value>)',
+          300: 'rgb(var(--color-secondary-300)/<alpha-value>)',
+          400: 'rgb(var(--color-secondary-400)/<alpha-value>)',
+          500: 'rgb(var(--color-secondary-500)/<alpha-value>)',
+          600: 'rgb(var(--color-secondary-600)/<alpha-value>)',
+          700: 'rgb(var(--color-secondary-700)/<alpha-value>)',
+          800: 'rgb(var(--color-secondary-800)/<alpha-value>)',
+          900: 'rgb(var(--color-secondary-900)/<alpha-value>)',
+          950: 'rgb(var(--color-secondary-950)/<alpha-value>)',
+        },
+        tertiary: {
+          50: 'rgb(var(--color-tertiary-50)/<alpha-value>)',
+          100: 'rgb(var(--color-tertiary-100)/<alpha-value>)',
+          200: 'rgb(var(--color-tertiary-200)/<alpha-value>)',
+          300: 'rgb(var(--color-tertiary-300)/<alpha-value>)',
+          400: 'rgb(var(--color-tertiary-400)/<alpha-value>)',
+          500: 'rgb(var(--color-tertiary-500)/<alpha-value>)',
+          600: 'rgb(var(--color-tertiary-600)/<alpha-value>)',
+          700: 'rgb(var(--color-tertiary-700)/<alpha-value>)',
+          800: 'rgb(var(--color-tertiary-800)/<alpha-value>)',
+          900: 'rgb(var(--color-tertiary-900)/<alpha-value>)',
+          950: 'rgb(var(--color-tertiary-950)/<alpha-value>)',
+        },
+        error: {
+          0: 'rgb(var(--color-error-0)/<alpha-value>)',
+          50: 'rgb(var(--color-error-50)/<alpha-value>)',
+          100: 'rgb(var(--color-error-100)/<alpha-value>)',
+          200: 'rgb(var(--color-error-200)/<alpha-value>)',
+          300: 'rgb(var(--color-error-300)/<alpha-value>)',
+          400: 'rgb(var(--color-error-400)/<alpha-value>)',
+          500: 'rgb(var(--color-error-500)/<alpha-value>)',
+          600: 'rgb(var(--color-error-600)/<alpha-value>)',
+          700: 'rgb(var(--color-error-700)/<alpha-value>)',
+          800: 'rgb(var(--color-error-800)/<alpha-value>)',
+          900: 'rgb(var(--color-error-900)/<alpha-value>)',
+          950: 'rgb(var(--color-error-950)/<alpha-value>)',
+        },
+        success: {
+          0: 'rgb(var(--color-success-0)/<alpha-value>)',
+          50: 'rgb(var(--color-success-50)/<alpha-value>)',
+          100: 'rgb(var(--color-success-100)/<alpha-value>)',
+          200: 'rgb(var(--color-success-200)/<alpha-value>)',
+          300: 'rgb(var(--color-success-300)/<alpha-value>)',
+          400: 'rgb(var(--color-success-400)/<alpha-value>)',
+          500: 'rgb(var(--color-success-500)/<alpha-value>)',
+          600: 'rgb(var(--color-success-600)/<alpha-value>)',
+          700: 'rgb(var(--color-success-700)/<alpha-value>)',
+          800: 'rgb(var(--color-success-800)/<alpha-value>)',
+          900: 'rgb(var(--color-success-900)/<alpha-value>)',
+          950: 'rgb(var(--color-success-950)/<alpha-value>)',
+        },
+        warning: {
+          0: 'rgb(var(--color-warning-0)/<alpha-value>)',
+          50: 'rgb(var(--color-warning-50)/<alpha-value>)',
+          100: 'rgb(var(--color-warning-100)/<alpha-value>)',
+          200: 'rgb(var(--color-warning-200)/<alpha-value>)',
+          300: 'rgb(var(--color-warning-300)/<alpha-value>)',
+          400: 'rgb(var(--color-warning-400)/<alpha-value>)',
+          500: 'rgb(var(--color-warning-500)/<alpha-value>)',
+          600: 'rgb(var(--color-warning-600)/<alpha-value>)',
+          700: 'rgb(var(--color-warning-700)/<alpha-value>)',
+          800: 'rgb(var(--color-warning-800)/<alpha-value>)',
+          900: 'rgb(var(--color-warning-900)/<alpha-value>)',
+          950: 'rgb(var(--color-warning-950)/<alpha-value>)',
+        },
+        info: {
+          0: 'rgb(var(--color-info-0)/<alpha-value>)',
+          50: 'rgb(var(--color-info-50)/<alpha-value>)',
+          100: 'rgb(var(--color-info-100)/<alpha-value>)',
+          200: 'rgb(var(--color-info-200)/<alpha-value>)',
+          300: 'rgb(var(--color-info-300)/<alpha-value>)',
+          400: 'rgb(var(--color-info-400)/<alpha-value>)',
+          500: 'rgb(var(--color-info-500)/<alpha-value>)',
+          600: 'rgb(var(--color-info-600)/<alpha-value>)',
+          700: 'rgb(var(--color-info-700)/<alpha-value>)',
+          800: 'rgb(var(--color-info-800)/<alpha-value>)',
+          900: 'rgb(var(--color-info-900)/<alpha-value>)',
+          950: 'rgb(var(--color-info-950)/<alpha-value>)',
+        },
+        typography: {
+          0: 'rgb(var(--color-typography-0)/<alpha-value>)',
+          50: 'rgb(var(--color-typography-50)/<alpha-value>)',
+          100: 'rgb(var(--color-typography-100)/<alpha-value>)',
+          200: 'rgb(var(--color-typography-200)/<alpha-value>)',
+          300: 'rgb(var(--color-typography-300)/<alpha-value>)',
+          400: 'rgb(var(--color-typography-400)/<alpha-value>)',
+          500: 'rgb(var(--color-typography-500)/<alpha-value>)',
+          600: 'rgb(var(--color-typography-600)/<alpha-value>)',
+          700: 'rgb(var(--color-typography-700)/<alpha-value>)',
+          800: 'rgb(var(--color-typography-800)/<alpha-value>)',
+          900: 'rgb(var(--color-typography-900)/<alpha-value>)',
+          950: 'rgb(var(--color-typography-950)/<alpha-value>)',
+          white: '#FFFFFF',
+          gray: '#D4D4D4',
+          black: '#181718',
+        },
+        outline: {
+          0: 'rgb(var(--color-outline-0)/<alpha-value>)',
+          50: 'rgb(var(--color-outline-50)/<alpha-value>)',
+          100: 'rgb(var(--color-outline-100)/<alpha-value>)',
+          200: 'rgb(var(--color-outline-200)/<alpha-value>)',
+          300: 'rgb(var(--color-outline-300)/<alpha-value>)',
+          400: 'rgb(var(--color-outline-400)/<alpha-value>)',
+          500: 'rgb(var(--color-outline-500)/<alpha-value>)',
+          600: 'rgb(var(--color-outline-600)/<alpha-value>)',
+          700: 'rgb(var(--color-outline-700)/<alpha-value>)',
+          800: 'rgb(var(--color-outline-800)/<alpha-value>)',
+          900: 'rgb(var(--color-outline-900)/<alpha-value>)',
+          950: 'rgb(var(--color-outline-950)/<alpha-value>)',
+        },
+        background: {
+          0: 'rgb(var(--color-background-0)/<alpha-value>)',
+          50: 'rgb(var(--color-background-50)/<alpha-value>)',
+          100: 'rgb(var(--color-background-100)/<alpha-value>)',
+          200: 'rgb(var(--color-background-200)/<alpha-value>)',
+          300: 'rgb(var(--color-background-300)/<alpha-value>)',
+          400: 'rgb(var(--color-background-400)/<alpha-value>)',
+          500: 'rgb(var(--color-background-500)/<alpha-value>)',
+          600: 'rgb(var(--color-background-600)/<alpha-value>)',
+          700: 'rgb(var(--color-background-700)/<alpha-value>)',
+          800: 'rgb(var(--color-background-800)/<alpha-value>)',
+          900: 'rgb(var(--color-background-900)/<alpha-value>)',
+          950: 'rgb(var(--color-background-950)/<alpha-value>)',
+          error: 'rgb(var(--color-background-error)/<alpha-value>)',
+          warning: 'rgb(var(--color-background-warning)/<alpha-value>)',
+          muted: 'rgb(var(--color-background-muted)/<alpha-value>)',
+          success: 'rgb(var(--color-background-success)/<alpha-value>)',
+          info: 'rgb(var(--color-background-info)/<alpha-value>)',
+          light: '#FBFBFB',
+          dark: '#181719',
+        },
+        indicator: {
+          primary: 'rgb(var(--color-indicator-primary)/<alpha-value>)',
+          info: 'rgb(var(--color-indicator-info)/<alpha-value>)',
+          error: 'rgb(var(--color-indicator-error)/<alpha-value>)',
+        },
+      },
+      fontFamily: {
+        heading: undefined,
+        body: undefined,
+        mono: undefined,
+        roboto: ['Roboto', 'sans-serif'],
+      },
+      fontWeight: {
+        extrablack: '950',
+      },
+      fontSize: {
+        '2xs': '10px',
+      },
+      boxShadow: {
+        'hard-1': '-2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
+        'hard-2': '0px 3px 10px 0px rgba(38, 38, 38, 0.20)',
+        'hard-3': '2px 2px 8px 0px rgba(38, 38, 38, 0.20)',
+        'hard-4': '0px -3px 10px 0px rgba(38, 38, 38, 0.20)',
+        'hard-5': '0px 2px 10px 0px rgba(38, 38, 38, 0.10)',
+        'soft-1': '0px 0px 10px rgba(38, 38, 38, 0.1)',
+        'soft-2': '0px 0px 20px rgba(38, 38, 38, 0.2)',
+        'soft-3': '0px 0px 30px rgba(38, 38, 38, 0.1)',
+        'soft-4': '0px 0px 40px rgba(38, 38, 38, 0.1)',
+      },
+    },
+  },
+  plugins: [gluestackPlugin],
+};

package/files/expo/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+        "strict": true,
+        "allowSyntheticDefaultImports": true,
+        "skipLibCheck": true,
+        "forceConsistentCasingInFileNames": true,
+        "alwaysStrict": false,
+        "noImplicitAny": true,
+        "noImplicitReturns": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "exactOptionalPropertyTypes": true,
+        "strictBindCallApply": true,
+        "strictFunctionTypes": true,
+        "strictPropertyInitialization": true,
+
+        // --- Advanced ---
+        "preserveConstEnums": true,
+        "plugins": [
+            {
+                "name": "@styled/typescript-styled-plugin"
+            },
+            {
+                "name": "typescript-eslint-language-service"
+            },
+        ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".expo/types/**/*.ts",
+    "expo-env.d.ts"
+  ]
+}

package/files/expo/types/nativewind-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />

package/files/expo/types/reset.d.ts

@@ -0,0 +1 @@
+import "@total-typescript/ts-reset";

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "lucy-cli",
-  "version": "1.2.4",
+  "version": "2.0.0-alpha.1",
   "description": "Lucy Framework for WIX Studio Editor",
   "main": ".dist/index.js",
   "scripts": {
@@ -32,15 +32,16 @@
     "registry": "https://registry.npmjs.org"
   },
   "dependencies": {
+    "@effect/platform": "^0.90.0",
+    "@effect/platform-node": "^0.94.0",
     "@swc/core": "^1.9.3",
     "@wix/cli": "^1.0.83",
     "@wix/eslint-plugin-cli": "^1.0.1",
     "chalk": "^5.3.0",
-    "cypress": "13.15.2",
-    "cypress-cloud": "^1.9.3",
+    "effect": "^3.17.1",
     "enquirer": "^2.4.1",
-    "glob": "^7.2.3",
-    "gulp": "4.0.2",
+    "glob": "11.0.3",
+    "gulp": "5.0.1",
     "gulp-clean": "^0.4.0",
     "gulp-cli": "3.0.0",
     "gulp-concat": "^2.6.1",
@@ -52,7 +53,7 @@
     "gulp-json-editor": "2.6.0",
     "gulp-plumber": "^1.2.1",
     "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.1.0",
+    "gulp-sass": "6.0.1",
     "gulp-shell": "^0.8.0",
     "gulp-string-replace": "^1.1.2",
     "gulp-swc": "^2.2.0",
@@ -60,7 +61,7 @@
     "gulp-typedoc": "^3.0.2",
     "gulp-typescript": "5.0.1",
     "gulp-wait": "^0.0.2",
-    "jest": "^29.7.0",
+    "jest": "30.0.5",
     "merge-stream": "^2.0.0",
     "merge2": "^1.4.1",
     "optimist": "^0.6.1",
@@ -71,11 +72,12 @@
     "ts-node": "^10.9.1",
     "typedoc": "0.26.11",
     "typescript": "^5.6.3",
-    "velo-sync": "^0.0.9"
+    "velo-sync": "^0.0.9",
+    "yargs": "^18.0.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
-    "@types/glob": "^8.1.0",
+    "@types/glob": "9.0.0",
     "@types/gulp": "^4.0.17",
     "@types/gulp-concat": "^0.0.37",
     "@types/gulp-insert": "^0.5.13",
@@ -84,16 +86,17 @@
     "@types/gulp-rename": "^2.0.6",
     "@types/gulp-sass": "^5.0.4",
     "@types/gulp-tap": "^1.0.5",
-    "@types/jest": "^29.5.3",
+    "@types/jest": "30.0.0",
     "@types/merge-stream": "2.0.0",
     "@types/merge2": "^1.4.4",
     "@types/optimist": "^0.0.33",
+    "@types/yargs": "^17.0.33",
     "@typescript-eslint/eslint-plugin": "8.14.0",
     "@typescript-eslint/parser": "8.14.0",
     "@typescript-eslint/utils": "8.14.0",
     "eslint": "9.14.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsdoc": "50.5.0",
+    "eslint-plugin-jsdoc": "51.4.1",
     "eslint-plugin-named-import-spacing": "^1.0.3",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "i": "^0.3.7",

package/src/args.ts

@@ -0,0 +1,36 @@
+import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
+
+// It's a good practice to define an interface for your arguments
+// for type safety throughout your application.
+export interface LucyArgs {
+    [x: string]: unknown;
+    // This will hold the command used, e.g., 'init'
+    _: (string | number)[];
+    $0: string;
+    // Arguments for the 'init' command
+    type?: 'velo' | 'expo' | 'blocks';
+}
+
+export async function get_args(): Promise<LucyArgs> {
+    const argv = await yargs(hideBin(process.argv))
+        .usage('Usage: $0 <command> [options]')
+        .command('init <type>', 'Initialize a new Lucy project', (yargs) => {
+            return yargs.positional('type', {
+                describe: 'The type of project to initialize',
+                choices: ['velo', 'expo', 'blocks'] as const,
+                demandOption: true, // Makes this positional argument required
+            });
+        })
+        // Enforce that a command must be provided (e.g., 'init')
+        .demandCommand(1, 'You need to provide a command. Use --help for a list of commands.')
+        .help()
+        .alias('h', 'help')
+        .strict()
+        .wrap(yargs().terminalWidth()) // Wrap help text to terminal width
+        .epilogue('For more information, visit https://github.com/your-repo/wix-lucy-cli') // Example of a relevant epilogue
+        .parseAsync();
+
+    // The cast is now safer with the defined interface.
+    return argv as LucyArgs;
+}

package/src/commands.ts

@@ -0,0 +1,21 @@
+import { Effect, Schema } from "effect";
+import { execSync, exec as execCallback } from "child_process";
+import { AppError } from "./error.js";
+import {  parse_error } from "./helpers.js";
+import { promisify } from 'util';
+import { default_docker_retry } from "./policy.js";
+
+const exec = promisify(execCallback);
+
+export const init_expo = () => Effect.gen(function* () {
+    const format = "{{.ID}}\\t{{.Name}}\\t{{.Mode}}\\t{{.Replicas}}\\t{{.Image}}\\t{{.Ports}}";
+    const command = `docker service ls --format "${format}"`;
+    const res =yield* Effect.retry(Effect.tryPromise({
+        try: () => exec(command, { encoding: 'utf8'}),
+        catch: (error) => new AppError({cause: parse_error(error), message: "Error getting services"})
+    }), default_docker_retry);
+    if (res.stderr) {
+        yield* Effect.logError(`Command "${command}" produced stderr: ${res.stderr}`);
+    }
+
+})

package/src/config.ts

@@ -0,0 +1,61 @@
+import { Context, Layer } from "effect"
+import { get_args } from "./args.js";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+import { readFileSync, existsSync } from "fs";
+type Action = 'init';
+
+type Actions = {
+    action: Action;
+    type: 'velo' | 'expo' | 'blocks' | undefined;
+}
+export class Config extends Context.Tag("Config")<
+    Config,
+    {
+        readonly config: {
+            readonly action: Actions;
+            readonly cwd: string;
+            readonly packageRoot: string;
+            readonly filesFolder: string;
+            readonly packageJson: any;
+        }
+    }
+>() {}
+
+// In an ES module, `__dirname` is not available by default.
+// We can replicate it using `import.meta.url`.
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+// Assuming your compiled output is in a 'dist' folder at the project root,
+// and your source `config.ts` is in `src`, the running `config.js` will be
+// in something like `dist/src`. To get to the package root, we go up two levels.
+const packageRoot = join(__dirname, "..");
+
+export const ConfigLayer = (args: Awaited<ReturnType<typeof get_args>>) => {
+    let packageJson = '{}';
+    const packageJsonPath = join(process.cwd(), 'package.json');
+    try {
+        if (existsSync(packageJsonPath)) {
+            const raw = readFileSync(packageJsonPath, 'utf-8');
+            packageJson = JSON.parse(raw);
+        }
+    } catch (error) {
+        console.error("Error reading package.json:", error);
+    }
+    return Layer.succeed(
+        Config,
+        Config.of({
+            config: {
+                action: {
+                    type: args.type,
+                    action: args._[0] as Action
+                },
+                cwd: process.cwd(),
+                packageRoot: packageRoot,
+                filesFolder: join(packageRoot, 'files'),
+                packageJson
+            }
+        })
+    );
+}

package/src/error.ts

@@ -0,0 +1,4 @@
+import { Data } from "effect";
+
+export class AppError extends Data.TaggedError('AppError')<{cause: Error, message: string}> {}
+export class ScaleError extends Data.TaggedError('ScaleError')<{cause: Error, message: string}> {}