@tavus/cvi-ui 0.0.1-beta.4 → 0.0.1-beta.5

package/dist/index.js

@@ -62,6 +62,10 @@ const FRAMEWORKS = {
         name: 'gatsby',
         label: 'Gatsby',
     },
+    expo: {
+        name: 'expo',
+        label: 'Expo',
+    },
     manual: {
         name: 'manual',
         label: 'Manual',
@@ -217757,13 +217761,7 @@ function requireOut () {
 var outExports = requireOut();
 var fg = /*@__PURE__*/getDefaultExportFromCjs$1(outExports);
 
-const PROJECT_SHARED_IGNORE = [
-    '**/node_modules/**',
-    '.next',
-    'public',
-    'dist',
-    'build',
-];
+const PROJECT_SHARED_IGNORE = ['**/node_modules/**', '.next', 'public', 'dist', 'build'];
 async function getProjectInfo(cwd) {
     const [configFiles, isSrcDir, isTsx, packageJson] = await Promise.all([
         fg.glob('**/{next,vite,astro,app}.config.*|gatsby-config.*|composer.json|react-router.config.*', {
@@ -217783,9 +217781,7 @@ async function getProjectInfo(cwd) {
     };
     // Next.js.
     if (configFiles.find((file) => file.startsWith('next.config.'))?.length) {
-        type.framework = isUsingAppDir
-            ? FRAMEWORKS['next-app']
-            : FRAMEWORKS['next-pages'];
+        type.framework = isUsingAppDir ? FRAMEWORKS['next-app'] : FRAMEWORKS['next-pages'];
         return type;
     }
     // Astro.
@@ -217824,6 +217820,21 @@ async function getProjectInfo(cwd) {
         type.framework = FRAMEWORKS['vite'];
         return type;
     }
+    // Vinxi-based (such as @tanstack/start and @solidjs/solid-start)
+    // They are vite-based, and the same configurations used for Vite should work flawlessly
+    const appConfig = configFiles.find((file) => file.startsWith('app.config'));
+    if (appConfig?.length) {
+        const appConfigContents = await fs$4.readFile(path$1.resolve(cwd, appConfig), 'utf8');
+        if (appConfigContents.includes('defineConfig')) {
+            type.framework = FRAMEWORKS['vite'];
+            return type;
+        }
+    }
+    // Expo.
+    if (packageJson?.dependencies?.expo) {
+        type.framework = FRAMEWORKS['expo'];
+        return type;
+    }
     return type;
 }
 async function isTypeScriptProject(cwd) {
@@ -221513,7 +221524,7 @@ async function preFlightInit(options) {
         silent: options.silent,
     }).start();
     const projectInfo = await getProjectInfo(options.cwd);
-    if (!projectInfo || projectInfo?.framework.name === 'manual') {
+    if (!projectInfo) {
         errors[UNSUPPORTED_FRAMEWORK] = true;
         frameworkSpinner?.fail();
         logger.break();
@@ -237558,7 +237569,7 @@ const info = new Command()
     console.log(await getConfig(opts.cwd));
 });
 
-var version = "0.0.1-beta.3";
+var version = "0.0.1-beta.5";
 var packageJson = {
 	version: version};
 

package/dist/types/constants/frameworks.d.ts

@@ -31,6 +31,10 @@ export declare const FRAMEWORKS: {
         readonly name: "gatsby";
         readonly label: "Gatsby";
     };
+    readonly expo: {
+        readonly name: "expo";
+        readonly label: "Expo";
+    };
     readonly manual: {
         readonly name: "manual";
         readonly label: "Manual";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tavus/cvi-ui",
-	"version": "0.0.1-beta.4",
+	"version": "0.0.1-beta.5",
 	"description": "A CLI tool for installing and managing CVI components",
 	"publishConfig": {
 		"access": "public"
@@ -24,7 +24,9 @@
 		"convert-to-js": "node prepare-scripts/convert-to-js.js",
 		"prepare": "npm run convert-to-js && npm run create-templates",
 		"clean": "rm -rf jsx-templates dist src/templates",
-		"build-all": "npm run clean && npm run prepare && npm run build"
+		"build-all": "npm run clean && npm run prepare && npm run build",
+		"publish:beta": "npm run build-all && npm publish --tag beta",
+		"publish:latest": "npm run build-all && npm publish"
 	},
 	"main": "dist/index.js",
 	"bin": "./dist/index.js",

package/src/constants/frameworks.ts

@@ -31,6 +31,10 @@ export const FRAMEWORKS = {
 		name: 'gatsby',
 		label: 'Gatsby',
 	},
+	expo: {
+		name: 'expo',
+		label: 'Expo',
+	},
 	manual: {
 		name: 'manual',
 		label: 'Manual',

package/src/preflights/preflight-init.ts

@@ -46,7 +46,7 @@ export async function preFlightInit(options: z.infer<typeof initOptionsSchema>)
 		silent: options.silent,
 	}).start();
 	const projectInfo = await getProjectInfo(options.cwd);
-	if (!projectInfo || projectInfo?.framework.name === 'manual') {
+	if (!projectInfo) {
 		errors[ERRORS.UNSUPPORTED_FRAMEWORK] = true;
 		frameworkSpinner?.fail();
 		logger.break();

package/src/utils/get-project-info.ts

@@ -1,144 +1,138 @@
 import path from 'node:path';
 import { FRAMEWORKS, Framework } from '@/src/constants/frameworks';
-import {
-  Config,
-  RawConfig,
-  getConfig,
-  resolveConfigPaths,
-} from '@/src/utils/get-config';
+import { Config, RawConfig, getConfig, resolveConfigPaths } from '@/src/utils/get-config';
 import { getPackageInfo } from '@/src/utils/get-package-info';
 import fg from 'fast-glob';
 import fs from 'fs-extra';
 
 export type ProjectInfo = {
-  framework: Framework;
-  isTsx: boolean;
-  isSrcDir: boolean;
+	framework: Framework;
+	isTsx: boolean;
+	isSrcDir: boolean;
 };
 
-const PROJECT_SHARED_IGNORE = [
-  '**/node_modules/**',
-  '.next',
-  'public',
-  'dist',
-  'build',
-];
+const PROJECT_SHARED_IGNORE = ['**/node_modules/**', '.next', 'public', 'dist', 'build'];
 
 export async function getProjectInfo(cwd: string): Promise<ProjectInfo | null> {
-  const [configFiles, isSrcDir, isTsx, packageJson] = await Promise.all([
-    fg.glob(
-      '**/{next,vite,astro,app}.config.*|gatsby-config.*|composer.json|react-router.config.*',
-      {
-        cwd,
-        deep: 3,
-        ignore: PROJECT_SHARED_IGNORE,
-      }
-    ),
-    fs.pathExists(path.resolve(cwd, 'src')),
-    isTypeScriptProject(cwd),
-    getPackageInfo(cwd, false),
-  ]);
-
-  const isUsingAppDir = await fs.pathExists(
-    path.resolve(cwd, `${isSrcDir ? 'src/' : ''}app`)
-  );
-
-  const type: ProjectInfo = {
-    framework: FRAMEWORKS['manual'],
-    isTsx,
-    isSrcDir,
-  };
-
-  // Next.js.
-  if (configFiles.find((file) => file.startsWith('next.config.'))?.length) {
-    type.framework = isUsingAppDir
-      ? FRAMEWORKS['next-app']
-      : FRAMEWORKS['next-pages'];
-    return type;
-  }
-
-  // Astro.
-  if (configFiles.find((file) => file.startsWith('astro.config.'))?.length) {
-    type.framework = FRAMEWORKS['astro'];
-    return type;
-  }
-
-  // Gatsby.
-  if (configFiles.find((file) => file.startsWith('gatsby-config.'))?.length) {
-    type.framework = FRAMEWORKS['gatsby'];
-    return type;
-  }
-
-  // Remix.
-  if (
-    Object.keys(packageJson?.dependencies ?? {}).find((dep) =>
-      dep.startsWith('@remix-run/')
-    )
-  ) {
-    type.framework = FRAMEWORKS['remix'];
-    return type;
-  }
-
-  // TanStack Start.
-  if (
-    configFiles.find((file) => file.startsWith('app.config.'))?.length &&
-    [
-      ...Object.keys(packageJson?.dependencies ?? {}),
-      ...Object.keys(packageJson?.devDependencies ?? {}),
-    ].find((dep) => dep.startsWith('@tanstack/start'))
-  ) {
-    type.framework = FRAMEWORKS['tanstack-start'];
-    return type;
-  }
-
-  // React Router.
-  if (
-    configFiles.find((file) => file.startsWith('react-router.config.'))?.length
-  ) {
-    type.framework = FRAMEWORKS['react-router'];
-    return type;
-  }
-
-  // Vite.
-  // Some Remix templates also have a vite.config.* file.
-  // We'll assume that it got caught by the Remix check above.
-  if (configFiles.find((file) => file.startsWith('vite.config.'))?.length) {
-    type.framework = FRAMEWORKS['vite'];
-    return type;
-  }
-
-  return type;
+	const [configFiles, isSrcDir, isTsx, packageJson] = await Promise.all([
+		fg.glob(
+			'**/{next,vite,astro,app}.config.*|gatsby-config.*|composer.json|react-router.config.*',
+			{
+				cwd,
+				deep: 3,
+				ignore: PROJECT_SHARED_IGNORE,
+			}
+		),
+		fs.pathExists(path.resolve(cwd, 'src')),
+		isTypeScriptProject(cwd),
+		getPackageInfo(cwd, false),
+	]);
+
+	const isUsingAppDir = await fs.pathExists(path.resolve(cwd, `${isSrcDir ? 'src/' : ''}app`));
+
+	const type: ProjectInfo = {
+		framework: FRAMEWORKS['manual'],
+		isTsx,
+		isSrcDir,
+	};
+
+	// Next.js.
+	if (configFiles.find((file) => file.startsWith('next.config.'))?.length) {
+		type.framework = isUsingAppDir ? FRAMEWORKS['next-app'] : FRAMEWORKS['next-pages'];
+		return type;
+	}
+
+	// Astro.
+	if (configFiles.find((file) => file.startsWith('astro.config.'))?.length) {
+		type.framework = FRAMEWORKS['astro'];
+		return type;
+	}
+
+	// Gatsby.
+	if (configFiles.find((file) => file.startsWith('gatsby-config.'))?.length) {
+		type.framework = FRAMEWORKS['gatsby'];
+		return type;
+	}
+
+	// Remix.
+	if (Object.keys(packageJson?.dependencies ?? {}).find((dep) => dep.startsWith('@remix-run/'))) {
+		type.framework = FRAMEWORKS['remix'];
+		return type;
+	}
+
+	// TanStack Start.
+	if (
+		configFiles.find((file) => file.startsWith('app.config.'))?.length &&
+		[
+			...Object.keys(packageJson?.dependencies ?? {}),
+			...Object.keys(packageJson?.devDependencies ?? {}),
+		].find((dep) => dep.startsWith('@tanstack/start'))
+	) {
+		type.framework = FRAMEWORKS['tanstack-start'];
+		return type;
+	}
+
+	// React Router.
+	if (configFiles.find((file) => file.startsWith('react-router.config.'))?.length) {
+		type.framework = FRAMEWORKS['react-router'];
+		return type;
+	}
+
+	// Vite.
+	// Some Remix templates also have a vite.config.* file.
+	// We'll assume that it got caught by the Remix check above.
+	if (configFiles.find((file) => file.startsWith('vite.config.'))?.length) {
+		type.framework = FRAMEWORKS['vite'];
+		return type;
+	}
+
+	// Vinxi-based (such as @tanstack/start and @solidjs/solid-start)
+	// They are vite-based, and the same configurations used for Vite should work flawlessly
+	const appConfig = configFiles.find((file) => file.startsWith('app.config'));
+	if (appConfig?.length) {
+		const appConfigContents = await fs.readFile(path.resolve(cwd, appConfig), 'utf8');
+		if (appConfigContents.includes('defineConfig')) {
+			type.framework = FRAMEWORKS['vite'];
+			return type;
+		}
+	}
+
+	// Expo.
+	if (packageJson?.dependencies?.expo) {
+		type.framework = FRAMEWORKS['expo'];
+		return type;
+	}
+
+	return type;
 }
 
 export async function isTypeScriptProject(cwd: string) {
-  const files = await fg.glob('tsconfig.*', {
-    cwd,
-    deep: 1,
-    ignore: PROJECT_SHARED_IGNORE,
-  });
+	const files = await fg.glob('tsconfig.*', {
+		cwd,
+		deep: 1,
+		ignore: PROJECT_SHARED_IGNORE,
+	});
 
-  return files.length > 0;
+	return files.length > 0;
 }
 
 export async function getProjectConfig(
-  cwd: string,
-  defaultProjectInfo: ProjectInfo | null = null
+	cwd: string,
+	defaultProjectInfo: ProjectInfo | null = null
 ): Promise<Config | null> {
-  // Check for existing component config.
-  const [existingConfig, projectInfo] = await Promise.all([
-    getConfig(cwd),
-    !defaultProjectInfo
-      ? getProjectInfo(cwd)
-      : Promise.resolve(defaultProjectInfo),
-  ]);
-
-  if (existingConfig) {
-    return existingConfig;
-  }
-
-  const config: RawConfig = {
-    tsx: !!projectInfo?.isTsx,
-  };
-
-  return await resolveConfigPaths(cwd, config);
+	// Check for existing component config.
+	const [existingConfig, projectInfo] = await Promise.all([
+		getConfig(cwd),
+		!defaultProjectInfo ? getProjectInfo(cwd) : Promise.resolve(defaultProjectInfo),
+	]);
+
+	if (existingConfig) {
+		return existingConfig;
+	}
+
+	const config: RawConfig = {
+		tsx: !!projectInfo?.isTsx,
+	};
+
+	return await resolveConfigPaths(cwd, config);
 }