lucy-cli 2.0.0-alpha.2 → 2.0.0-alpha.3

package/files/expo/lib/utils/polyfills.ts

@@ -1,5 +1,5 @@
 
-import { polyfillWebCrypto } from "expo-standard-web-crypto";
+import { polyfillWebCrypto } from 'expo-standard-web-crypto';
 // import { Platform } from 'react-native';
 // // import polyfill from 'react-native-polyfill-globals';
 // import { TextDecoder, TextEncoder } from "text-encoding";

package/files/expo/lib/wix/client.ts

@@ -1,14 +1,12 @@
 import { items } from '@wix/data';
 import { createClient, OAuthStrategy } from '@wix/sdk';
-import { Data } from 'effect';
 
-const clientId = process.env.EXPO_PUBLIC_WIX_CLIENT_ID || "";
+const clientId = process.env.EXPO_PUBLIC_WIX_CLIENT_ID || '';
 
 //To access the Wix APIs, create a client with the createClient() function imported from the @wix/sdk package.
 export const client = createClient({
-    modules: { items },
-    auth: OAuthStrategy({ clientId: clientId }),
+	modules: { items },
+	auth: OAuthStrategy({ clientId: clientId }),
 });
-export class ClientError extends Data.TaggedError('ErrorParserError') {}
 
 

package/files/expo/lib/wix/error.ts

@@ -0,0 +1,3 @@
+import { Data } from 'effect';
+
+export class ClientError extends Data.TaggedError('ErrorParserError') {}

package/files/expo/lib/wix/index.ts

@@ -1 +1,2 @@
 export { client } from './client';
+export { ClientError } from './error';

package/files/expo/metro.config.js

@@ -0,0 +1,31 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+const { getDefaultConfig } = require('expo/metro-config');
+const { withNativeWind } = require('nativewind/metro');
+
+const config = (() => {
+	let config = getDefaultConfig(__dirname);
+	const { transformer, resolver } = config;
+	config.transformer = {
+		...transformer,
+	};
+	config.resolver = {
+		...resolver,
+	};
+	config.resolver.extraNodeModules = {
+		...config.resolver.extraNodeModules,
+		...require('node-libs-react-native'),
+		'node:buffer': require.resolve('buffer/'),
+		'node:crypto': require.resolve('react-native-crypto/'),
+		'node:util': require.resolve('util/'),
+		'node:http': require.resolve('stream-http/'),
+		'node:https': require.resolve('https-browserify/'),
+		'node:events': require.resolve('events/'),
+	};
+	
+	return config;
+})();
+// console.log('Using Metro config:', JSON.stringify(config, null, 2));
+module.exports = withNativeWind(config, { input: './global.css' });
+

package/files/expo/patches/@wix-sdk-npm-1.15.24-1adbec98e9.patch

@@ -0,0 +1,20 @@
+diff --git a/build/auth/AppStrategy.js b/build/auth/AppStrategy.js
+index 36a3bbf1ef7c6e8e52f0eb3d7a20713c505ed483..1c59bf6eda0acf2a3d094a8f665a4c5f75709175 100644
+--- a/build/auth/AppStrategy.js
++++ b/build/auth/AppStrategy.js
+@@ -1,5 +1,7 @@
+ import { parsePublicKeyIfEncoded } from '../helpers.js';
+ import { getTokenInfo } from '../get-token-info.js';
++import { jwtVerify, importSPKI } from 'jose';
++
+ /**
+  * Creates an authentication strategy for Wix Apps OAuth installation process.
+  * Use this authentication strategy when making requests to Wix APIs from your Wix App backend.
+@@ -212,7 +214,6 @@ export function AppStrategy(opts) {
+             if (!opts.publicKey) {
+                 throw new Error('Missing public key. Make sure to pass it to the AppStrategy');
+             }
+-            const { jwtVerify, importSPKI } = await import('jose');
+             const publicKey = await importSPKI(parsePublicKeyIfEncoded(opts.publicKey), 'RS256');
+             const decoded = await jwtVerify(token, publicKey, verifyCallerClaims
+                 ? {

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

@@ -1,198 +1,63 @@
-import gluestackPlugin from '@gluestack-ui/nativewind-utils/tailwind-plugin';
+import { hairlineWidth } from 'nativewind/theme';
 
-/** @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],
+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

@@ -1,30 +1,29 @@
 {
   "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"
-            },
-        ],
+    "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": {
       "@/*": [
         "./*"
@@ -35,6 +34,12 @@
     "**/*.ts",
     "**/*.tsx",
     ".expo/types/**/*.ts",
-    "expo-env.d.ts"
+    "expo-env.d.ts",
+    "nativewind-env.d.ts",
+    "metro.config.js",
+    "eslint.config.mjs",
+    "tailwind.config.js",
+    "babel.config.js",
+    ".prettierrc.js",
   ]
-}
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "lucy-cli",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.3",
   "description": "Lucy Framework for WIX Studio Editor",
   "main": ".dist/index.js",
   "scripts": {