vibefast-cli 0.2.4 → 0.3.1

package/2/apps/native/babel.config.js

@@ -0,0 +1,39 @@
+const path = require('node:path');
+
+module.exports = (api) => {
+  api.cache(true);
+
+  const projectRoot = __dirname;
+
+  return {
+    presets: [
+      ['babel-preset-expo', { jsxImportSource: 'nativewind' }],
+      'nativewind/babel',
+    ],
+    plugins: [
+      [
+        'module-resolver',
+        {
+          root: [projectRoot],
+          alias: {
+            '@': path.join(projectRoot, 'src'),
+            '@env': path.join(projectRoot, 'src/lib/env.js'),
+            '@assets': path.join(projectRoot, 'assets'),
+          },
+          extensions: [
+            '.ios.ts',
+            '.android.ts',
+            '.ts',
+            '.ios.tsx',
+            '.android.tsx',
+            '.tsx',
+            '.jsx',
+            '.js',
+            '.json',
+          ],
+        },
+      ],
+      'react-native-worklets/plugin',
+    ],
+  };
+};

package/2/apps/native/eas.json

@@ -0,0 +1,75 @@
+{
+  "cli": {
+    "version": ">= 3.8.1",
+    "appVersionSource": "remote"
+  },
+  "build": {
+    "production": {
+      "channel": "production",
+      "distribution": "store",
+      "autoIncrement": true,
+      "pnpm": "10.12.3",
+      "ios": {
+        "image": "latest"
+      },
+      "android": {
+        "buildType": "app-bundle",
+        "image": "latest"
+      },
+      "env": {
+        "EXPO_NO_DOTENV": "1",
+        "APP_ENV": "production",
+        "FLIPPER_DISABLE": "1"
+      }
+    },
+    "staging": {
+      "channel": "staging",
+      "distribution": "internal",
+      "pnpm": "10.12.3",
+      "ios": {
+        "image": "latest"
+      },
+      "android": {
+        "buildType": "apk",
+        "image": "latest"
+      },
+      "env": {
+        "APP_ENV": "staging",
+        "EXPO_NO_DOTENV": "1",
+        "FLIPPER_DISABLE": "1"
+      }
+    },
+    "local": {
+      "developmentClient": true,
+      "distribution": "internal",
+      "pnpm": "10.12.3",
+      "ios": {
+        "image": "latest"
+      },
+      "android": {
+        "image": "latest"
+      },
+      "env": {
+        "APP_ENV": "local",
+        "EXPO_NO_DOTENV": "1"
+      }
+    },
+    "simulator": {
+      "pnpm": "10.12.3",
+      "ios": {
+        "simulator": true,
+        "image": "latest"
+      },
+      "android": {
+        "image": "latest"
+      },
+      "env": {
+        "APP_ENV": "local",
+        "EXPO_NO_DOTENV": "1"
+      }
+    }
+  },
+  "submit": {
+    "production": {}
+  }
+}

package/2/apps/native/env.js

@@ -0,0 +1,196 @@
+/* eslint-env node */
+/* global __dirname */
+/*
+ * Env file to load and validate env variables
+ * Be cautious; this file should not be imported into your source folder.
+ * We split the env variables into two parts:
+ * 1. Client variables: These variables are used in the client-side code (src folder).
+ * 2. Build-time variables: These variables are used in the build process (app.config.ts file).
+ * Import this file into the `app.config.ts` file to use environment variables during the build process. The client variables can then be passed to the client-side using the extra field in the `app.config.ts` file.
+ * To access the client environment variables in your `src` folder, you can import them from `@env`. For example: `import Env from '@env'`.
+ */
+/**
+ * 1st part: Import packages and Load your env variables
+ * we use dotenv to load the correct variables from the .env file based on the APP_ENV variable (default is local)
+ * APP_ENV is passed as an inline variable while executing the command, for example: APP_ENV=staging pnpm build:android
+ */
+const z = require('zod');
+
+const packageJSON = require('./package.json');
+const path = require('path');
+
+// In CommonJS, __dirname is available by default
+const APP_ENV = process.env.APP_ENV ?? 'local';
+const envPath = path.resolve(__dirname, `.env.${APP_ENV}`);
+
+require('dotenv').config({
+  path: envPath,
+});
+
+/**
+ * 2nd part: Define some static variables for the app
+ * Such as: bundle id, package name, app name.
+ *
+ * You can add them to the .env file but we think it's better to keep them here as as we use prefix to generate this values based on the APP_ENV
+ * for example: if the APP_ENV is staging, the bundle id will be com...staging
+ */
+
+// TODO: Replace these values with your own
+
+const BUNDLE_ID = 'com.vibefast'; // ios bundle id
+const PACKAGE = 'com.vibefast'; // android package name
+const NAME = 'VibeFast'; // app name
+const EXPO_ACCOUNT_OWNER = 'zafarr';
+const EAS_PROJECT_ID = 'replace_me';
+const SCHEME = 'vibefast'; // app scheme
+const APPLE_TEAM_ID = 'replace_me';
+
+const APP_STORE_URL = 'replace_me';
+const GOOGLE_PLAY_URL = 'replace_me';
+const SUPPORT_EMAIL = 'replace_me';
+const SUPPORT_URL = 'replace_me';
+const PRIVACY_POLICY_URL = 'replace_me';
+const TERMS_OF_SERVICE_URL = 'replace_me';
+const WEBSITE_URL = 'replace_me';
+
+/**
+ * We declare a function withEnvSuffix that will add a suffix to the variable name based on the APP_ENV
+ * Add a suffix to variable env based on APP_ENV
+ * @param {string} name
+ * @returns  {string}
+ */
+
+const withEnvSuffix = (name) => {
+  return APP_ENV === 'production' ? name : `${name}.${APP_ENV}`;
+};
+
+/**
+ * 2nd part: Define your env variables schema
+ * we use zod to define our env variables schema
+ *
+ * we split the env variables into two parts:
+ *    1. client: These variables are used in the client-side code (`src` folder).
+ *    2. buildTime: These variables are used in the build process (app.config.ts file). You can think of them as server-side variables.
+ *
+ * Main rules:
+ *    1. If you need your variable on the client-side, you should add it to the client schema; otherwise, you should add it to the buildTime schema.
+ *    2. Whenever you want to add a new variable, you should add it to the correct schema based on the previous rule, then you should add it to the corresponding object (_clientEnv or _buildTimeEnv).
+ *
+ * Note: `z.string()` means that the variable exists and can be an empty string, but not `undefined`.
+ * If you want to make the variable required, you should use `z.string().min(1)` instead.
+ * Read more about zod here: https://zod.dev/?id=strings
+ *
+ */
+
+const client = z.object({
+  APP_ENV: z.enum(['local', 'staging', 'production']),
+  NAME: z.string(),
+  SCHEME: z.string(),
+  BUNDLE_ID: z.string(),
+  PACKAGE: z.string(),
+  VERSION: z.string(),
+
+  // ADD YOUR CLIENT ENV VARS HERE
+  CONVEX_URL: z.string(),
+  CONVEX_SITE_URL: z.string(),
+  SENTRY_DSN: z.string(),
+  REVENUECAT_API_KEY_APPLE: z.string(),
+  REVENUECAT_API_KEY_GOOGLE: z.string(),
+  POSTHOG_API_KEY: z.string(),
+  POSTHOG_HOST: z.string().optional(),
+  ELEVENLABS_AGENT_ID: z.string(),
+  CHAT_LATENCY_TELEMETRY_MODE: z
+    .enum(['off', 'sample', 'debug'])
+    .optional()
+    .default('off'),
+  // App store and support URLs
+  APP_STORE_URL: z.string(),
+  GOOGLE_PLAY_URL: z.string(),
+  SUPPORT_EMAIL: z.string(),
+  SUPPORT_URL: z.string(),
+  PRIVACY_POLICY_URL: z.string(),
+  TERMS_OF_SERVICE_URL: z.string(),
+  WEBSITE_URL: z.string(),
+});
+
+const buildTime = z.object({
+  EXPO_ACCOUNT_OWNER: z.string(),
+  EAS_PROJECT_ID: z.string(),
+  APPLE_TEAM_ID: z.string(),
+});
+
+/**
+ * @type {Record<keyof z.infer<typeof client> , unknown>}
+ */
+const _clientEnv = {
+  APP_ENV,
+  NAME,
+  SCHEME,
+  BUNDLE_ID,
+  PACKAGE,
+  VERSION: packageJSON.version,
+
+  // ADD YOUR ENV VARS HERE TOO
+  SENTRY_DSN: process.env.SENTRY_DSN,
+  CONVEX_URL: process.env.CONVEX_URL,
+  CONVEX_SITE_URL: process.env.CONVEX_SITE_URL,
+  REVENUECAT_API_KEY_APPLE: process.env.REVENUECAT_API_KEY_APPLE,
+  REVENUECAT_API_KEY_GOOGLE: process.env.REVENUECAT_API_KEY_GOOGLE,
+  POSTHOG_API_KEY: process.env.POSTHOG_API_KEY,
+  POSTHOG_HOST: process.env.POSTHOG_HOST,
+  ELEVENLABS_AGENT_ID: process.env.ELEVENLABS_AGENT_ID,
+  CHAT_LATENCY_TELEMETRY_MODE: process.env.CHAT_LATENCY_TELEMETRY_MODE ?? 'off',
+  // App store and support URLs
+  APP_STORE_URL,
+  GOOGLE_PLAY_URL,
+  SUPPORT_EMAIL,
+  SUPPORT_URL,
+  PRIVACY_POLICY_URL,
+  TERMS_OF_SERVICE_URL,
+  WEBSITE_URL,
+};
+
+/**
+ * @type {Record<keyof z.infer<typeof buildTime> , unknown>}
+ */
+const _buildTimeEnv = {
+  EXPO_ACCOUNT_OWNER,
+  EAS_PROJECT_ID,
+  APPLE_TEAM_ID,
+};
+
+/**
+ * 3rd part: Merge and Validate your env variables
+ * We use zod to validate our env variables based on the schema we defined above
+ * If the validation fails we throw an error and log the error to the console with a detailed message about missed variables
+ * If the validation passes we export the merged and parsed env variables to be used in the app.config.ts file as well as a ClientEnv object to be used in the client-side code
+ **/
+const _env = {
+  ..._clientEnv,
+  ..._buildTimeEnv,
+};
+
+const merged = buildTime.merge(client);
+const parsed = merged.safeParse(_env);
+
+if (parsed.success === false) {
+  console.error(
+    '❌ Invalid environment variables:',
+    parsed.error.flatten().fieldErrors,
+
+    `\n❌ Missing variables in .env.${APP_ENV} file, Make sure all required variables are defined in the .env.${APP_ENV} file.`,
+    `\n💡 Tip: If you recently updated the .env.${APP_ENV} file and the error still persists, try restarting the server with the -c flag to clear the cache.`,
+  );
+  throw new Error(
+    'Invalid environment variables, Check terminal for more details ',
+  );
+}
+
+const Env = parsed.data;
+const ClientEnv = client.parse(_clientEnv);
+
+module.exports = {
+  Env,
+  ClientEnv,
+  withEnvSuffix,
+};

package/2/apps/native/global.css

@@ -0,0 +1,51 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+	:root {
+		/* Light theme - using actual color values from colors.js */
+		--background: 255 255 255; /* white */
+		--foreground: 23 23 23; /* neutral-900 */
+		--muted: 245 245 245; /* neutral-100 */
+		--muted-foreground: 115 115 115; /* neutral-500 */
+		--border: 212 212 212; /* neutral-300 */
+		--input: 240 239 238; /* neutral-200 */
+		--card: 255 255 255; /* white */
+		--card-foreground: 23 23 23; /* neutral-900 */
+		--accent: 245 245 245; /* neutral-100 */
+		--accent-foreground: 23 23 23; /* neutral-900 */
+		--destructive: 239 68 68; /* danger-500 */
+		--destructive-foreground: 255 255 255; /* white */
+		--ring: 255 123 26; /* primary-500 */
+		--secondary: 245 245 245; /* neutral-100 */
+		--secondary-foreground: 23 23 23; /* neutral-900 */
+		--primary: 255 137 51; /* primary-400 */
+		--primary-foreground: 255 255 255; /* white */
+		--success: 34 197 94; /* success-500 */
+		--warning: 245 158 11; /* warning-500 */
+	}
+
+	.dark {
+		/* Dark theme - using actual color values from colors.js */
+		--background: 10 10 10; /* neutral-950 */
+		--foreground: 245 245 245; /* neutral-100 */
+		--muted: 38 38 38; /* neutral-800 */
+		--muted-foreground: 163 163 163; /* neutral-400 */
+		--border: 82 82 82; /* neutral-600 */
+		--input: 64 64 64; /* neutral-700 */
+		--card: 23 23 23; /* neutral-900 */
+		--card-foreground: 245 245 245; /* neutral-100 */
+		--accent: 38 38 38; /* neutral-800 */
+		--accent-foreground: 245 245 245; /* neutral-100 */
+		--destructive: 239 68 68; /* danger-500 */
+		--destructive-foreground: 255 255 255; /* white */
+		--ring: 255 167 102; /* primary-200 */
+		--secondary: 38 38 38; /* neutral-800 */
+		--secondary-foreground: 245 245 245; /* neutral-100 */
+		--primary: 255 167 102; /* primary-200 */
+		--primary-foreground: 255 255 255; /* white */
+		--success: 34 197 94; /* success-500 */
+		--warning: 245 158 11; /* warning-500 */
+	}
+}

package/2/apps/native/index.ts

@@ -0,0 +1,5 @@
+// index.ts — this MUST run before anything else
+
+import '@expo/metro-runtime';
+import './src/polyfills';
+import 'expo-router/entry';

package/2/apps/native/jest-setup.ts

@@ -0,0 +1,7 @@
+import '@testing-library/react-native/extend-expect';
+
+// react-hook form setup for testing
+// @ts-expect-error: Global window setup for testing
+global.window = {};
+// @ts-expect-error: Global window assignment for testing
+global.window = global;

package/2/apps/native/jest.config.js

@@ -0,0 +1,72 @@
+const path = require('node:path');
+const expoPreset = require('jest-expo/jest-preset');
+
+const TS_TRANSFORM_KEY = '\\.[jt]sx?$';
+const expoJsTransformer = expoPreset.transform?.[TS_TRANSFORM_KEY];
+const expoBabelPath = Array.isArray(expoJsTransformer)
+  ? expoJsTransformer[0]
+  : 'babel-jest';
+const expoBabelOptions = Array.isArray(expoJsTransformer)
+  ? expoJsTransformer[1]
+  : {};
+
+module.exports = {
+  preset: 'jest-expo',
+  rootDir: __dirname,
+  setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],
+  testMatch: ['**/?(*.)+(spec|test).ts?(x)'],
+  testPathIgnorePatterns: ['/node_modules/'],
+  collectCoverageFrom: [
+    'src/**/*.{ts,tsx}',
+    '!**/coverage/**',
+    '!**/node_modules/**',
+    '!**/babel.config.js',
+    '!**/jest.setup.js',
+    '!**/docs/**',
+    '!**/cli/**',
+  ],
+  moduleFileExtensions: ['js', 'ts', 'tsx'],
+
+  transformIgnorePatterns: [
+    'node_modules/(?!((jest-)?react-native|@react-native(-community)?)|expo(nent)?|@expo(nent)?/.*|@expo-google-fonts/.*|react-navigation|@react-navigation/.*|@unimodules/.*|unimodules|sentry-expo|native-base|react-native-svg|@convex-dev/auth|is-network-error)',
+  ],
+  coverageReporters: ['json-summary', ['text', { file: 'coverage.txt' }]],
+  reporters: [
+    'default',
+    ['github-actions', { silent: false }],
+    'summary',
+    [
+      'jest-junit',
+      {
+        outputDirectory: 'coverage',
+        outputName: 'jest-junit.xml',
+        ancestorSeparator: ' › ',
+        uniqueOutputName: 'false',
+        suiteNameTemplate: '{filepath}',
+        classNameTemplate: '{classname}',
+        titleTemplate: '{title}',
+      },
+    ],
+  ],
+  coverageDirectory: '<rootDir>/coverage/',
+  transform: {
+    ...expoPreset.transform,
+    [TS_TRANSFORM_KEY]: [
+      expoBabelPath,
+      {
+        ...expoBabelOptions,
+        cwd: __dirname,
+        configFile: path.join(__dirname, 'babel.config.js'),
+      },
+    ],
+  },
+  moduleNameMapper: {
+    // Stub out gesture handler and bottom sheet for tests
+    '^react-native-gesture-handler$':
+      '<rootDir>/__mocks__/react-native-gesture-handler.ts',
+    '^@gorhom/bottom-sheet$': '<rootDir>/__mocks__/bottom-sheet.js',
+    '^expo-router$': '<rootDir>/__mocks__/expo-router.js',
+    '^@env$': '<rootDir>/src/lib/env.js',
+    '^@/(.*)$': '<rootDir>/src/$1',
+  },
+};

package/2/apps/native/metro.config.js

@@ -0,0 +1,85 @@
+/* eslint-env node */
+
+const fs = require('fs');
+const { getDefaultConfig } = require('expo/metro-config');
+const { withNativeWind } = require('nativewind/metro');
+const path = require('path');
+
+const projectRoot = __dirname;
+const monorepoRoot = path.resolve(projectRoot, '../..');
+
+const config = getDefaultConfig(projectRoot);
+
+// Add workspace packages to watchFolders and resolver
+// Merge with Expo's default watchFolders instead of replacing them
+// Include projectRoot explicitly (Expo's implicit default) and monorepoRoot for workspace resolution
+const watchFolders = new Set([
+  ...(config.watchFolders || []),
+  projectRoot, // Explicitly include project root (Expo's implicit default)
+  monorepoRoot, // Add monorepo root for workspace package resolution
+]);
+config.watchFolders = Array.from(watchFolders);
+config.resolver.nodeModulesPaths = [
+  path.resolve(projectRoot, 'node_modules'),
+  path.resolve(monorepoRoot, 'node_modules'),
+];
+
+// Resolve workspace packages
+const defaultResolver = config.resolver.resolveRequest;
+config.resolver.resolveRequest = (context, moduleName, platform) => {
+  // Handle @vibefast/backend workspace package
+  if (moduleName.startsWith('@vibefast/backend')) {
+    const backendPath = path.resolve(monorepoRoot, 'packages/backend');
+
+    // Handle direct imports like @vibefast/backend/_generated/api
+    if (moduleName.includes('/_generated/')) {
+      const subPath = moduleName.replace('@vibefast/backend', '');
+      const normalizedSubPath = subPath.replace(/^\/+/, '');
+      const candidateRoots = [path.resolve(backendPath, 'convex'), backendPath];
+
+      // Try .js extension first, then .ts
+      const extensions = ['.js', '.ts'];
+      for (const root of candidateRoots) {
+        const basePath = path.join(root, normalizedSubPath);
+        for (const ext of extensions) {
+          const filePath = basePath + ext;
+          if (fs.existsSync(filePath)) {
+            return {
+              filePath,
+              type: 'sourceFile',
+            };
+          }
+        }
+
+        if (fs.existsSync(basePath)) {
+          return {
+            filePath: basePath,
+            type: 'sourceFile',
+          };
+        }
+      }
+
+      // Fallback to convex generated path to surface better errors if it ever goes missing
+      return {
+        filePath: path.join(
+          path.resolve(backendPath, 'convex'),
+          normalizedSubPath,
+        ),
+        type: 'sourceFile',
+      };
+    }
+
+    // Handle main package import
+    return {
+      filePath: path.resolve(backendPath, 'index.ts'),
+      type: 'sourceFile',
+    };
+  }
+
+  // Default resolution
+  return defaultResolver
+    ? defaultResolver(context, moduleName, platform)
+    : context.resolveRequest(context, moduleName, platform);
+};
+
+module.exports = withNativeWind(config, { input: './global.css' });

package/2/apps/native/nativewind-env.d.ts

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