lucy-cli 1.2.4 → 2.0.0-alpha.1

package/files/expo/app/(tabs)/_layout.tsx

@@ -0,0 +1,45 @@
+import { Tabs } from 'expo-router';
+import React from 'react';
+import { Platform } from 'react-native';
+
+import { HapticTab } from '@/components/HapticTab';
+import { IconSymbol } from '@/components/ui/IconSymbol';
+import TabBarBackground from '@/components/ui/TabBarBackground.ios';
+import { Colors } from '@/constants/Colors';
+import { useColorScheme } from '@/hooks/useColorSchemeRN';
+
+export default function TabLayout() {
+  const colorScheme = useColorScheme();
+
+  return (
+    <Tabs
+      screenOptions={{
+        tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
+        headerShown: false,
+        tabBarButton: HapticTab,
+        tabBarBackground: TabBarBackground,
+        tabBarStyle: Platform.select({
+          ios: {
+            // Use a transparent background on iOS to show the blur effect
+            position: 'absolute',
+          },
+          default: {},
+        }),
+      }}>
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: 'Home',
+          tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
+        }}
+      />
+      <Tabs.Screen
+        name="explore"
+        options={{
+          title: 'Explore',
+          tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
+        }}
+      />
+    </Tabs>
+  );
+}

package/files/expo/app/_layout.tsx

@@ -0,0 +1,45 @@
+import '@/global.css';
+import "@/lib/utils/polyfills";
+
+import { NAV_THEME } from '@/constants/theme';
+import { useColorScheme } from '@/hooks/useColorScheme';
+import { DarkTheme, DefaultTheme, Theme, ThemeProvider } from '@react-navigation/native';
+import { Stack } from 'expo-router';
+import { StatusBar } from 'expo-status-bar';
+import * as React from 'react';
+import { Platform } from 'react-native';
+const LIGHT_THEME: Theme = {
+  ...DefaultTheme,
+  colors: NAV_THEME.light,
+};
+const DARK_THEME: Theme = {
+  ...DarkTheme,
+  colors: NAV_THEME.dark,
+};
+export { ErrorBoundary } from 'expo-router';
+export default function RootLayout() {
+  const hasMounted = React.useRef(false);
+  const { colorScheme, isDarkColorScheme } = useColorScheme();
+  const [isColorSchemeLoaded, setIsColorSchemeLoaded] = React.useState(false);
+  useIsomorphicLayoutEffect(() => {
+    if (hasMounted.current) {
+      return;
+    }
+    if (Platform.OS === 'web') {
+      // Adds the background color to the html element to prevent white background on overscroll.
+      document.documentElement.classList.add('bg-background');
+    }
+    setIsColorSchemeLoaded(true);
+    hasMounted.current = true;
+  }, []);
+  if (!isColorSchemeLoaded) {
+    return null;
+  }
+  return (
+    <ThemeProvider value={isDarkColorScheme ? DARK_THEME : LIGHT_THEME}>
+      <StatusBar style={isDarkColorScheme ? 'light' : 'dark'} />
+      <Stack />
+    </ThemeProvider>
+  );
+}
+const useIsomorphicLayoutEffect = Platform.OS === 'web' && typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;

package/files/expo/babel.config.js

@@ -0,0 +1,9 @@
+module.exports = function(api) {
+    api.cache(true);
+
+    return {
+        presets: [["babel-preset-expo", {
+            jsxImportSource: "nativewind"
+        }], "nativewind/babel"],
+    };
+};

package/files/expo/constants/Colors.ts

@@ -0,0 +1,27 @@
+/**
+ * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
+ * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
+ */
+
+const tintColorLight = '#0a7ea4';
+const tintColorDark = '#fff';
+
+export const Colors = {
+  light: {
+    text: '#11181C',
+    background: '#fff',
+    tint: tintColorLight,
+    icon: '#687076',
+    tabIconDefault: '#687076',
+    tabIconSelected: tintColorLight,
+  },
+  dark: {
+    text: '#ECEDEE',
+    background: '#151718',
+    tint: tintColorDark,
+    icon: '#9BA1A6',
+    tabIconDefault: '#9BA1A6',
+    tabIconSelected: tintColorDark,
+  },
+};
+

package/files/expo/constants/theme.ts

@@ -0,0 +1,18 @@
+export const NAV_THEME = {
+    light: {
+      background: 'hsl(0 0% 100%)', // background
+      border: 'hsl(240 5.9% 90%)', // border
+      card: 'hsl(0 0% 100%)', // card
+      notification: 'hsl(0 84.2% 60.2%)', // destructive
+      primary: 'hsl(240 5.9% 10%)', // primary
+      text: 'hsl(240 10% 3.9%)', // foreground
+    },
+    dark: {
+      background: 'hsl(240 10% 3.9%)', // background
+      border: 'hsl(240 3.7% 15.9%)', // border
+      card: 'hsl(240 10% 3.9%)', // card
+      notification: 'hsl(0 72% 51%)', // destructive
+      primary: 'hsl(0 0% 98%)', // primary
+      text: 'hsl(0 0% 98%)', // foreground
+    },
+  };

package/files/expo/eas.json

@@ -0,0 +1,26 @@
+{
+	"cli": {
+		"appVersionSource": "remote"
+	},
+	"build": {
+		"development": {
+			"developmentClient": true,
+			"distribution": "internal"
+		},
+		"ios-simulator": {
+			"extends": "development",
+			"ios": {
+				"simulator": true
+			}
+		},
+		"preview": {
+			"distribution": "internal"
+		},
+		"production": {
+			"autoIncrement": true
+		}
+	},
+	"submit": {
+		"production": {}
+	}
+}

package/files/expo/eslint.config.js

@@ -0,0 +1,185 @@
+// https://docs.expo.dev/guides/using-eslint/
+const { defineConfig } = require('eslint/config');
+const expoConfig = require('eslint-config-expo/flat');
+
+import eslint from '@eslint/js';
+// @ts-ignore
+import importPlugin from 'eslint-plugin-import';
+import jsdoc from 'eslint-plugin-jsdoc';
+import namedImportSpacing from 'eslint-plugin-named-import-spacing';
+import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+	eslint.configs.recommended,
+	tseslint.configs.recommendedTypeChecked,
+	jsdoc.configs['flat/recommended-typescript'],
+  expoConfig,
+	{
+		ignores: ['dist/*'],
+	},
+	{
+		plugins: {
+			'@typescript-eslint': tseslint.plugin,
+			'simple-import-sort': simpleImportSort,
+			import: importPlugin,
+			'named-import-spacing': namedImportSpacing,
+			jsdoc,
+		},
+		settings: {
+			'import/resolver': {
+				typescript: {
+					project: [
+						'typescript/tsconfig.json',
+						'lib/tsconfig.json'
+					],
+				}
+			}
+		},
+		languageOptions: {
+			parser: tseslint.parser,
+			parserOptions: {
+				projectService: true,
+			},
+			ecmaVersion: 2020,
+			sourceType: 'module',
+			globals: {
+				$w: 'readonly',
+				...globals.browser,
+				...globals.node,
+				// ...globals.es6,
+			},
+		},
+		rules: {
+			'no-console': ['error'],
+			'no-restricted-imports': [
+				'error',
+				{
+					'patterns': ['*/**/backend/*', '*/**/public/*']
+				}
+			],
+			'no-restricted-syntax': [
+				'warn',
+				{
+					selector: 'StaticBlock',
+					message: 'Static blocks are not allowed in classes.',
+				},
+				{
+					selector: "MemberExpression[object.name='globalThis'][property.name='console']",
+					message: 'Using globalThis.console is not allowed.'
+				},
+				{
+					selector: "CallExpression[callee.property.name='runPromise'][callee.object.name='runtime']",
+					message: 'Usage of runtime.runPromise() is discouraged.',
+				},
+				{
+					selector: "CallExpression[callee.property.name='runFork'][callee.object.name='runtime']",
+					message: 'Usage of runtime.runFork() is discouraged.',
+				}
+			],
+			'@typescript-eslint/no-unsafe-argument': 'error',
+			'@typescript-eslint/no-unsafe-assignment': 'off',
+			'@typescript-eslint/no-unsafe-call': 'error',
+			'@typescript-eslint/no-unsafe-member-access': 'off',
+			'@typescript-eslint/no-unsafe-return': 'error',
+			quotes: [2, 'single', { avoidEscape: true, allowTemplateLiterals: true }],
+			curly: ['error', 'multi-line'],
+			'simple-import-sort/imports': 'error',
+			'simple-import-sort/exports': 'error',
+			indent: ['error', 'tab'],
+			'no-tabs': 0,
+			'semi-style': ['error', 'last'],
+			semi: [2, 'always'],
+			'object-curly-spacing': ['error', 'always'],
+			'space-in-parens': ['error', 'never'],
+			'newline-before-return': 'error',
+			'space-before-blocks': ['error', { functions: 'always', keywords: 'always', classes: 'always' }],
+			'comma-spacing': ['error', { before: false, after: true }],
+			'no-multi-spaces': 'error',
+			'import/newline-after-import': ['error', { count: 1 }],
+			'named-import-spacing/named-import-spacing': 2,
+			'no-unused-vars': 'warn',
+			'import/no-unresolved': [0],
+			'no-forbidden-relative-imports': [0],
+			'@typescript-eslint/triple-slash-reference': 'off',
+			'@typescript-eslint/member-ordering': [
+				'error',
+				{
+					classes: [
+						'constructor',
+						'private-instance-field',
+						'protected-instance-field',
+						'public-instance-field',
+						'public-instance-method',
+						'private-instance-method',
+					],
+				},
+			],
+			'@typescript-eslint/naming-convention': [
+				'error',
+				{
+					selector: ['variable', 'function'],
+					format: ['camelCase'],
+					leadingUnderscore: 'allow',
+				},
+				{
+					selector: ['objectLiteralMethod',],
+					format: ['camelCase', 'PascalCase'],
+					leadingUnderscore: 'allow',
+				},
+				{
+					selector: ['import',],
+					format: ['camelCase', 'PascalCase'],
+					leadingUnderscore: 'allow',
+				},
+				{
+					selector: ['objectLiteralProperty'],
+					format: null,
+					leadingUnderscore: 'allow',
+				},
+				{
+					selector: 'memberLike',
+					modifiers: ['private'],
+					format: ['camelCase'],
+					leadingUnderscore: 'require',
+				},
+				{
+					selector: 'memberLike',
+					modifiers: ['protected'],
+					format: ['camelCase'],
+					leadingUnderscore: 'require',
+				},
+				{
+					selector: 'memberLike',
+					modifiers: ['public'],
+					format: ['camelCase'],
+					leadingUnderscore: 'forbid',
+				},
+				{
+					selector: ['parameterProperty', 'parameter'],
+					format: ['camelCase'],
+					leadingUnderscore: 'forbid',
+				},
+				{
+					selector: 'default',
+					format: ['UPPER_CASE'],
+					leadingUnderscore: 'forbid',
+					trailingUnderscore: 'forbid',
+					custom: {
+						regex: '^[A-Z_]+$',
+						match: true,
+					},
+				},
+				{
+					selector: 'typeLike',
+					format: ['PascalCase'],
+				},
+				{
+					selector: 'function',
+					format: ['UPPER_CASE'],
+				},
+			],
+		},
+	},
+);

package/files/expo/global.css

@@ -0,0 +1,47 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer base {
+    :root {
+      --background: 0 0% 100%;
+      --foreground: 240 10% 3.9%;
+      --card: 0 0% 100%;
+      --card-foreground: 240 10% 3.9%;
+      --popover: 0 0% 100%;
+      --popover-foreground: 240 10% 3.9%;
+      --primary: 240 5.9% 10%;
+      --primary-foreground: 0 0% 98%;
+      --secondary: 240 4.8% 95.9%;
+      --secondary-foreground: 240 5.9% 10%;
+      --muted: 240 4.8% 95.9%;
+      --muted-foreground: 240 3.8% 46.1%;
+      --accent: 240 4.8% 95.9%;
+      --accent-foreground: 240 5.9% 10%;
+      --destructive: 0 84.2% 60.2%;
+      --destructive-foreground: 0 0% 98%;
+      --border: 240 5.9% 90%;
+      --input: 240 5.9% 90%;
+      --ring: 240 5.9% 10%;
+    }
+    .dark:root {
+      --background: 240 10% 3.9%;
+      --foreground: 0 0% 98%;
+      --card: 240 10% 3.9%;
+      --card-foreground: 0 0% 98%;
+      --popover: 240 10% 3.9%;
+      --popover-foreground: 0 0% 98%;
+      --primary: 0 0% 98%;
+      --primary-foreground: 240 5.9% 10%;
+      --secondary: 240 3.7% 15.9%;
+      --secondary-foreground: 0 0% 98%;
+      --muted: 240 3.7% 15.9%;
+      --muted-foreground: 240 5% 64.9%;
+      --accent: 240 3.7% 15.9%;
+      --accent-foreground: 0 0% 98%;
+      --destructive: 0 72% 51%;
+      --destructive-foreground: 0 0% 98%;
+      --border: 240 3.7% 15.9%;
+      --input: 240 3.7% 15.9%;
+      --ring: 240 4.9% 83.9%;
+    }
+}

package/files/expo/hooks/useColorScheme.ts

@@ -0,0 +1,11 @@
+import { useColorScheme as useNativewindColorScheme } from 'nativewind';
+
+export function useColorScheme() {
+  const { colorScheme, setColorScheme, toggleColorScheme } = useNativewindColorScheme();
+  return {
+    colorScheme: colorScheme ?? 'dark',
+    isDarkColorScheme: colorScheme === 'dark',
+    setColorScheme,
+    toggleColorScheme,
+  };
+}

package/files/expo/hooks/useColorScheme.web.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+import { useColorScheme as useRNColorScheme } from 'react-native';
+
+/**
+ * To support static rendering, this value needs to be re-calculated on the client side for web
+ */
+export function useColorScheme() {
+  const [hasHydrated, setHasHydrated] = useState(false);
+
+  useEffect(() => {
+    setHasHydrated(true);
+  }, []);
+
+  const colorScheme = useRNColorScheme();
+
+  if (hasHydrated) {
+    return colorScheme;
+  }
+
+  return 'light';
+}

package/files/expo/hooks/useColorSchemeRN.ts

@@ -0,0 +1 @@
+export { useColorScheme } from 'react-native';

package/files/expo/hooks/useThemeColor.ts

@@ -0,0 +1,21 @@
+/**
+ * Learn more about light and dark modes:
+ * https://docs.expo.dev/guides/color-schemes/
+ */
+
+import { Colors } from '@/constants/Colors';
+import { useColorScheme } from './useColorSchemeRN';
+
+export function useThemeColor(
+  props: { light?: string; dark?: string },
+  colorName: keyof typeof Colors.light & keyof typeof Colors.dark
+) {
+  const theme = useColorScheme() ?? 'light';
+  const colorFromProps = props[theme];
+
+  if (colorFromProps) {
+    return colorFromProps;
+  } else {
+    return Colors[theme][colorName];
+  }
+}

package/files/expo/lib/data.ts

@@ -0,0 +1,45 @@
+import { Effect, Schedule, Schema } from 'effect';
+import { client, ClientError } from './wixClient';
+
+const dataSchema = Schema.Struct({
+    source: Schema.String,
+    content: Schema.String,
+    _id: Schema.String,
+    _owner: Schema.String,
+    _createdDate: Schema.Any,
+    _updatedDate: Schema.Any,
+});
+
+const COLLECTION_NAME = "dailySpiritQuotes";
+
+export const getQuote = () => Effect.gen(function* () {
+    const count = yield* Effect.retry(Effect.tryPromise({
+        try: () => client.items.query(COLLECTION_NAME).count(),
+        catch: (error) => {
+            console.error('Error fetching quotes:', error);
+            Effect.fail(new ClientError());
+        }
+    }), Schedule.fromDelays(50, 100, 200, 400, 800));
+
+    if (count === 0) {
+        return yield* Effect.fail(new Error("No quotes found in the collection."));
+    }
+    
+    const randomIndex = Math.floor(Math.random() * count);
+
+    const data = yield* Effect.retry(Effect.tryPromise({
+        try: () => client.items.query(COLLECTION_NAME).skip(randomIndex).limit(1).find(),
+        catch: (error) => {
+            console.error('Error fetching quotes:', error);
+            Effect.fail(new ClientError());
+        }
+    }), Schedule.fromDelays(50, 100, 200, 400, 800));
+
+    yield* Effect.logDebug(`Fetched ${JSON.stringify(data, null, 2)}`);
+
+    const quote = yield* Schema.decodeUnknown(dataSchema)(data.items[0]);
+    return { source: quote.source, content: quote.content }
+}).pipe(Effect.catchAll((error) => {
+    console.error('Failed to fetch quote:', error);
+    return Effect.succeed({ source: 'The Lord', content: 'The ways of the Lord are inscrutable.'});
+}))

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

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

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

@@ -0,0 +1,29 @@
+
+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";
+// // require('node-libs-react-native/globals');
+// if (typeof TextEncoder === "undefined") {
+//     Object.defineProperty(window, "TextEncoder", {
+//         configurable: true,
+//         enumerable: true,
+//         get: () => TextEncoder,
+//     });
+// }
+
+// if (typeof TextDecoder === "undefined") {
+//     Object.defineProperty(window, "TextDecoder", {
+//         configurable: true,
+//         enumerable: true,
+//         get: () => TextDecoder,
+//     });
+// }
+// if (Platform.OS !== "web") {
+//     // require("react-native-polyfill-globals");
+//     // @ts-ignore
+//     (Symbol).asyncIterator = Symbol.asyncIterator || Symbol.for("Symbol.asyncIterator");
+//     // polyfill();
+// }
+
+polyfillWebCrypto();

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

@@ -0,0 +1,14 @@
+import { items } from '@wix/data';
+import { createClient, OAuthStrategy } from '@wix/sdk';
+import { Data } from 'effect';
+
+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 }),
+});
+export class ClientError extends Data.TaggedError('ErrorParserError') {}
+
+

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

@@ -0,0 +1 @@
+export { client } from './client';

package/files/expo/lucy.json

@@ -0,0 +1,8 @@
+{
+	"modules": {},
+	"wixSettings": {},
+	"initialized": true,
+	"wixPackages": {},
+	"devPackages": {},
+	"scripts": {}
+}

package/files/expo/readme.md

@@ -0,0 +1,45 @@
+# Welcome to your Expo app 👋
+
+This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+
+## Get started
+
+1. Install dependencies
+
+   ```bash
+   yarn install
+   ```
+
+2. Start the app
+
+   ```bash
+   npx expo start
+   ```
+
+In the output, you'll find options to open the app in a
+
+- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
+- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
+- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
+- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
+
+You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
+
+This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
+
+## Learn more
+
+To learn more about developing your project with Expo, look at the following resources:
+
+- [React Reusable Components](https://www.reactnativereusables.com/getting-started/introduction/)
+- [NativeWind Documentation](https://www.nativewind.dev/docs)
+- [Expo Documentation](https://docs.expo.dev/)
+- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
+- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
+
+## Join the community
+
+Join our community of developers creating universal apps.
+
+- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
+- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.