@tavus/cvi-ui 0.0.1-beta.1

package/src/utils/update-files.ts

@@ -0,0 +1,212 @@
+import { existsSync, promises as fs } from 'fs';
+import path from 'path';
+import { Config } from '@/src/utils/get-config';
+import { getProjectInfo } from '@/src/utils/get-project-info';
+import { highlighter } from '@/src/components/highlighter';
+import { logger } from '@/src/components/logger';
+import { spinner } from '@/src/components/spinner';
+import prompts from 'prompts';
+import * as templates from '../templates';
+import { components as COMPONENTS } from '../templates/components';
+
+type ComponentKey = keyof typeof templates.tsx;
+
+export async function updateFiles(
+	files: string[],
+	config: Config,
+	options: {
+		overwrite?: boolean;
+		force?: boolean;
+		silent?: boolean;
+		rootSpinner?: ReturnType<typeof spinner>;
+		isRemote?: boolean;
+	}
+) {
+	if (!files?.length) {
+		return {
+			filesCreated: [],
+			filesUpdated: [],
+			filesSkipped: [],
+		};
+	}
+	options = {
+		overwrite: false,
+		force: false,
+		silent: false,
+		isRemote: false,
+		...options,
+	};
+	const filesCreatedSpinner = spinner(`Updating files.`, {
+		silent: options.silent,
+	})?.start();
+
+	const [projectInfo] = await Promise.all([getProjectInfo(config.resolvedPaths.cwd)]);
+
+	// TODO: make this configurable
+	const componentsPath = projectInfo?.isSrcDir ? 'src/components/cvi' : 'app/components/cvi';
+
+	const filesCreated = [];
+	const filesUpdated = [];
+	const filesSkipped = [];
+
+	for (const filename of files) {
+		const componentBasePath = COMPONENTS.find((component) => component.name === filename)?.path;
+		if (!componentBasePath) {
+			logger.warn(`Component ${filename} not found`);
+			continue;
+		}
+
+		let targetPath: string;
+		let targetDir: string;
+
+		// Handle different component types based on path structure
+		if (componentBasePath.startsWith('components/')) {
+			// For components: create folder with filename and index file inside
+			targetDir = path.join(config.resolvedPaths.cwd, componentsPath, componentBasePath);
+			targetPath = path.join(targetDir, `index.${config.tsx ? 'tsx' : 'jsx'}`);
+		} else if (componentBasePath.startsWith('hooks/')) {
+			// For hooks: create direct filename.tsx file
+			targetDir = path.join(config.resolvedPaths.cwd, componentsPath, 'hooks');
+			targetPath = path.join(targetDir, `${filename}.${config.tsx ? 'tsx' : 'jsx'}`);
+		} else {
+			// Fallback to original logic for other cases
+			targetPath = path.join(
+				config.resolvedPaths.cwd,
+				componentsPath,
+				componentBasePath,
+				`${filename}.${config.tsx ? 'tsx' : 'jsx'}`
+			);
+			targetDir = path.dirname(targetPath);
+		}
+
+		const existingTarget = existsSync(targetPath);
+
+		if (existingTarget && !options.overwrite) {
+			filesCreatedSpinner.stop();
+			if (options.rootSpinner) {
+				options.rootSpinner.stop();
+			}
+			const { overwrite } = await prompts({
+				type: 'confirm',
+				name: 'overwrite',
+				message: `The file ${highlighter.info(
+					filename
+				)} already exists. Would you like to overwrite?`,
+				initial: false,
+			});
+
+			if (!overwrite) {
+				filesSkipped.push(path.relative(config.resolvedPaths.cwd, targetPath));
+				if (options.rootSpinner) {
+					options.rootSpinner.start();
+				}
+				continue;
+			}
+			filesCreatedSpinner?.start();
+			if (options.rootSpinner) {
+				options.rootSpinner.start();
+			}
+		}
+
+		// Create the target directory if it doesn't exist
+		if (!existsSync(targetDir)) {
+			await fs.mkdir(targetDir, { recursive: true });
+		}
+		const template: {
+			type: string;
+			content: string;
+			styles?: string;
+			dependencies?: string[];
+			componentsDependencies?: string[];
+		} = templates[config.tsx ? 'tsx' : 'jsx'][filename as ComponentKey];
+		// Write the content from templates
+		if (template) {
+			let content = template.content;
+
+			// Add 'use client' directive for Next.js frameworks
+			if (
+				projectInfo?.framework?.name === 'next-app' ||
+				projectInfo?.framework?.name === 'next-pages'
+			) {
+				content = `'use client';\n\n${content}`;
+			}
+
+			await fs.writeFile(targetPath, content);
+			if (template.styles && template.styles.length > 0) {
+				// For components, create CSS file in the same directory as the index file
+				const cssPath = path.join(targetDir, `${filename}.module.css`);
+				await fs.writeFile(cssPath, template.styles);
+			}
+		} else {
+			// For other components, we'll need to handle them differently
+			// This part needs to be implemented based on how other components are structured
+			logger.warn(`Component ${filename} is not yet implemented`);
+			continue;
+		}
+
+		if (existingTarget) {
+			filesUpdated.push(path.relative(config.resolvedPaths.cwd, targetPath));
+		} else {
+			filesCreated.push(path.relative(config.resolvedPaths.cwd, targetPath));
+		}
+	}
+
+	const hasUpdatedFiles = filesCreated.length || filesUpdated.length;
+	if (!hasUpdatedFiles && !filesSkipped.length) {
+		filesCreatedSpinner?.info('No files updated.');
+	}
+
+	if (filesCreated.length) {
+		filesCreatedSpinner?.succeed(
+			`Created ${filesCreated.length} ${filesCreated.length === 1 ? 'file' : 'files'}:`
+		);
+		if (!options.silent) {
+			for (const file of filesCreated) {
+				logger.log(`  - ${file}`);
+			}
+		}
+	} else {
+		filesCreatedSpinner?.stop();
+	}
+
+	if (filesUpdated.length) {
+		spinner(`Updated ${filesUpdated.length} ${filesUpdated.length === 1 ? 'file' : 'files'}:`, {
+			silent: options.silent,
+		})?.info();
+		if (!options.silent) {
+			for (const file of filesUpdated) {
+				logger.log(`  - ${file}`);
+			}
+		}
+	}
+
+	if (filesSkipped.length) {
+		spinner(
+			`Skipped ${filesSkipped.length} ${
+				filesSkipped.length === 1 ? 'file' : 'files'
+			}: (files might be identical, use --overwrite to overwrite)`,
+			{
+				silent: options.silent,
+			}
+		)?.info();
+		if (!options.silent) {
+			for (const file of filesSkipped) {
+				logger.log(`  - ${file}`);
+			}
+		}
+	}
+
+	if (!options.silent) {
+		logger.break();
+	}
+
+	return {
+		filesCreated,
+		filesUpdated,
+		filesSkipped,
+	};
+}
+
+export async function getNormalizedFileContent(content: string) {
+	return content.replace(/\r\n/g, '\n').trim();
+}

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "lib": ["ES2020"],
+    "declaration": true,
+    "declarationDir": "./dist/types",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist", "test", "src/templates"]
+}