lucy-cli 1.2.5 → 2.0.0-alpha.10

package/files/expo/scripts/reset-project.ts

@@ -0,0 +1,116 @@
+#!/usr/bin/env ts-node
+/* eslint-disable no-console */
+
+/**
+ * This script is used to reset the project to a blank state.
+ * It deletes or moves the /app, /components, /hooks, /scripts, and /constants directories to /app-example based on user input and creates a new /app directory with an index.tsx and _layout.tsx file.
+ * You can remove the `reset-project` script from package.json and safely delete this file after running it.
+ */
+
+import fs from 'fs';
+import path from 'path';
+import { createInterface } from 'readline/promises';
+
+const root = process.cwd();
+const oldDirs = ['app', 'components', 'hooks', 'constants', 'scripts'];
+const exampleDir = 'app-example';
+const newAppDir = 'app';
+const exampleDirPath = path.join(root, exampleDir);
+
+const indexContent = `import { Text, View } from "react-native";
+
+export default function Index() {
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+      }}
+    >
+      <Text>Edit app/index.tsx to edit this screen.</Text>
+    </View>
+  );
+}
+`;
+
+const layoutContent = `import { Stack } from "expo-router";
+
+export default function RootLayout() {
+  return <Stack />;
+}
+`;
+
+const moveDirectories = async (userInput: string) => {
+	if (userInput === 'y') {
+		// Create the app-example directory
+		await fs.promises.mkdir(exampleDirPath, { recursive: true });
+		console.log(`📁 /${exampleDir} directory created.`);
+	}
+
+	// Move old directories to new app-example directory or delete them
+	for (const dir of oldDirs) {
+		const oldDirPath = path.join(root, dir);
+		if (fs.existsSync(oldDirPath)) {
+			if (userInput === 'y') {
+				const newDirPath = path.join(root, exampleDir, dir);
+				await fs.promises.rename(oldDirPath, newDirPath);
+				console.log(`➡️ /${dir} moved to /${exampleDir}/${dir}.`);
+			} else {
+				await fs.promises.rm(oldDirPath, { recursive: true, force: true });
+				console.log(`❌ /${dir} deleted.`);
+			}
+		} else {
+			console.log(`➡️ /${dir} does not exist, skipping.`);
+		}
+	}
+
+	// Create new /app directory
+	const newAppDirPath = path.join(root, newAppDir);
+	await fs.promises.mkdir(newAppDirPath, { recursive: true });
+	console.log('\n📁 New /app directory created.');
+
+	// Create index.tsx
+	const indexPath = path.join(newAppDirPath, 'index.tsx');
+	await fs.promises.writeFile(indexPath, indexContent);
+	console.log('📄 app/index.tsx created.');
+
+	// Create _layout.tsx
+	const layoutPath = path.join(newAppDirPath, '_layout.tsx');
+	await fs.promises.writeFile(layoutPath, layoutContent);
+	console.log('📄 app/_layout.tsx created.');
+
+	console.log('\n✅ Project reset complete. Next steps:');
+	console.log(
+		`1. Run \`npx expo start\` to start a development server.\n2. Edit app/index.tsx to edit the main screen.${
+			userInput === 'y'
+				? `\n3. Delete the /${exampleDir} directory when you're done referencing it.`
+				: ''
+		}`
+	);
+};
+
+const main = async () => {
+	const rl = createInterface({ input: process.stdin, output: process.stdout });
+	try {
+		const answer = await rl.question('Do you want to move existing files to /app-example instead of deleting them? (Y/n): ');
+		const userInput = answer.trim().toLowerCase() || 'y';
+		if (userInput === 'y' || userInput === 'n') {
+			await moveDirectories(userInput);
+		} else {
+			console.log("❌ Invalid input. Please enter 'Y' or 'N'.");
+			process.exit(1);
+		}
+	} catch (error) {
+		if (error instanceof Error) {
+			console.error(`❌ Error during script execution: ${error.message}`);
+		} else {
+			console.error('❌ An unexpected error occurred:', error);
+		}
+		process.exit(1);
+	} finally {
+		rl.close();
+	}
+};
+
+void main();

package/files/expo/tailwind.config.js

@@ -0,0 +1,63 @@
+import { hairlineWidth } from 'nativewind/theme';
+
+export const darkMode = 'class';
+export const content = ['./app/**/*.{ts,tsx}', './components/**/*.{ts,tsx}'];
+export const presets = [require('nativewind/preset')];
+
+export const theme = {
+	extend: {
+		colors: {
+			border: 'hsl(var(--border))',
+			input: 'hsl(var(--input))',
+			ring: 'hsl(var(--ring))',
+			background: 'hsl(var(--background))',
+			foreground: 'hsl(var(--foreground))',
+			primary: {
+				DEFAULT: 'hsl(var(--primary))',
+				foreground: 'hsl(var(--primary-foreground))',
+			},
+			secondary: {
+				DEFAULT: 'hsl(var(--secondary))',
+				foreground: 'hsl(var(--secondary-foreground))',
+			},
+			destructive: {
+				DEFAULT: 'hsl(var(--destructive))',
+				foreground: 'hsl(var(--destructive-foreground))',
+			},
+			muted: {
+				DEFAULT: 'hsl(var(--muted))',
+				foreground: 'hsl(var(--muted-foreground))',
+			},
+			accent: {
+				DEFAULT: 'hsl(var(--accent))',
+				foreground: 'hsl(var(--accent-foreground))',
+			},
+			popover: {
+				DEFAULT: 'hsl(var(--popover))',
+				foreground: 'hsl(var(--popover-foreground))',
+			},
+			card: {
+				DEFAULT: 'hsl(var(--card))',
+				foreground: 'hsl(var(--card-foreground))',
+			},
+		},
+		borderWidth: {
+			hairline: hairlineWidth(),
+		},
+		keyframes: {
+			'accordion-down': {
+				from: { height: '0' },
+				to: { height: 'var(--radix-accordion-content-height)' },
+			},
+			'accordion-up': {
+				from: { height: 'var(--radix-accordion-content-height)' },
+				to: { height: '0' },
+			},
+		},
+		animation: {
+			'accordion-down': 'accordion-down 0.2s ease-out',
+			'accordion-up': 'accordion-up 0.2s ease-out',
+		},
+	},
+};
+export const plugins = [require('tailwindcss-animate')];

package/files/expo/tsconfig.json

@@ -0,0 +1,46 @@
+{
+  "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",
+    "nativewind-env.d.ts",
+    "metro.config.js",
+    "eslint.config.mjs",
+    "tailwind.config.js",
+    "babel.config.js",
+    ".prettierrc.js",
+    "expo-env.d.ts",
+  ]
+}

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.5",
+  "version": "2.0.0-alpha.10",
   "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,20 +86,22 @@
     "@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",
     "npm": "^11.0.0",
     "ts-node": "^10.9.1"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }

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}> {}