@aex.is/zero 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aex.is/zero",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Aexis Zero scaffolding CLI",
   "license": "UNLICENSED",
   "type": "module",

package/src/config/frameworks.ts

@@ -17,7 +17,14 @@ export const frameworks: FrameworkDefinition[] = [
     id: 'nextjs',
     label: 'Next.js',
     description: 'React framework with App Router and Tailwind.',
-    packages: [],
+    packages: [
+      'class-variance-authority',
+      'clsx',
+      'lucide-react',
+      'tailwind-merge',
+      'tailwindcss-animate',
+      '@radix-ui/react-slot'
+    ],
     scaffold: {
       command: 'bunx',
       packageName: 'create-next-app@latest',
@@ -71,7 +78,15 @@ export const frameworks: FrameworkDefinition[] = [
     id: 'expo',
     label: 'Expo (React Native)',
     description: 'Expo app with Router and EAS configuration.',
-    packages: ['expo-router'],
+    packages: [
+      'expo-router',
+      'tamagui',
+      '@tamagui/config',
+      '@tamagui/animations-react-native',
+      '@tamagui/metro-plugin',
+      '@tamagui/babel-plugin',
+      'react-native-svg'
+    ],
     scaffold: {
       command: 'bunx',
       packageName: 'create-expo-app',

package/src/engine/scaffold.ts

@@ -8,6 +8,10 @@ import { writeEnvExample } from './env.js';
 import {
   nextLayoutTemplate,
   nextPageTemplate,
+  shadcnUtilsTemplate,
+  componentsJsonTemplate,
+  tamaguiConfigTemplate,
+  metroConfigTemplate,
   expoLayoutTemplate,
   expoIndexTemplate
 } from './templates.js';
@@ -93,10 +97,13 @@ async function runScaffoldCommand(
 async function applyNextTemplates(targetDir: string): Promise<void> {
   const rootAppDir = path.join(targetDir, 'app');
   const srcAppDir = path.join(targetDir, 'src', 'app');
-  const appDir = (await pathExists(srcAppDir)) ? srcAppDir : rootAppDir;
+  const usesSrcDir = await pathExists(srcAppDir);
+  const appDir = usesSrcDir ? srcAppDir : rootAppDir;
+  const projectSrcBase = usesSrcDir ? path.join(targetDir, 'src') : targetDir;
   await fs.mkdir(appDir, { recursive: true });
   await fs.writeFile(path.join(appDir, 'layout.tsx'), nextLayoutTemplate, 'utf8');
   await fs.writeFile(path.join(appDir, 'page.tsx'), nextPageTemplate, 'utf8');
+  await ensureShadcnSetup(targetDir, projectSrcBase, usesSrcDir);
   await ensureNextTurbo(targetDir);
 }
 
@@ -106,6 +113,7 @@ async function applyExpoTemplates(targetDir: string): Promise<void> {
   await fs.writeFile(path.join(appDir, '_layout.tsx'), expoLayoutTemplate, 'utf8');
   await fs.writeFile(path.join(appDir, 'index.tsx'), expoIndexTemplate, 'utf8');
   await ensureExpoConfig(targetDir);
+  await ensureExpoTamagui(targetDir);
 }
 
 async function ensureExpoConfig(targetDir: string): Promise<void> {
@@ -216,3 +224,73 @@ async function ensureNextTurbo(targetDir: string): Promise<void> {
   }
   await writeJson(packageJsonPath, packageJson);
 }
+
+async function ensureShadcnSetup(targetDir: string, projectSrcBase: string, usesSrcDir: boolean): Promise<void> {
+  const libDir = path.join(projectSrcBase, 'lib');
+  await fs.mkdir(libDir, { recursive: true });
+  await fs.writeFile(path.join(libDir, 'utils.ts'), shadcnUtilsTemplate, 'utf8');
+
+  const globalsPath = usesSrcDir ? 'src/app/globals.css' : 'app/globals.css';
+  const tailwindConfigPath = await detectTailwindConfig(targetDir);
+  const componentsJson = componentsJsonTemplate(globalsPath, tailwindConfigPath ?? 'tailwind.config.ts');
+  await fs.writeFile(path.join(targetDir, 'components.json'), componentsJson, 'utf8');
+}
+
+async function detectTailwindConfig(targetDir: string): Promise<string | null> {
+  const candidates = [
+    'tailwind.config.ts',
+    'tailwind.config.js',
+    'tailwind.config.cjs',
+    'tailwind.config.mjs'
+  ];
+  for (const filename of candidates) {
+    const fullPath = path.join(targetDir, filename);
+    if (await pathExists(fullPath)) {
+      return filename;
+    }
+  }
+  return null;
+}
+
+async function ensureExpoTamagui(targetDir: string): Promise<void> {
+  const configPath = path.join(targetDir, 'tamagui.config.ts');
+  await fs.writeFile(configPath, tamaguiConfigTemplate, 'utf8');
+
+  const metroPath = path.join(targetDir, 'metro.config.js');
+  await fs.writeFile(metroPath, metroConfigTemplate, 'utf8');
+
+  await ensureBabelTamagui(targetDir);
+}
+
+async function ensureBabelTamagui(targetDir: string): Promise<void> {
+  const babelPath = path.join(targetDir, 'babel.config.js');
+  let content = '';
+  if (await pathExists(babelPath)) {
+    content = await fs.readFile(babelPath, 'utf8');
+  }
+
+  if (!content) {
+    const defaultConfig = `module.exports = function (api) {\n  api.cache(true);\n  return {\n    presets: ['babel-preset-expo'],\n    plugins: [\n      'expo-router/babel',\n      [\n        '@tamagui/babel-plugin',\n        {\n          config: './tamagui.config.ts',\n          components: ['tamagui']\n        }\n      ]\n    ]\n  };\n};\n`;
+    await fs.writeFile(babelPath, defaultConfig, 'utf8');
+    return;
+  }
+
+  if (content.includes('@tamagui/babel-plugin')) {
+    return;
+  }
+
+  const pluginSnippet = `[\n        '@tamagui/babel-plugin',\n        {\n          config: './tamagui.config.ts',\n          components: ['tamagui']\n        }\n      ]`;
+
+  const pluginsRegex = /plugins:\\s*\\[(.*)\\]/s;
+  if (pluginsRegex.test(content)) {
+    content = content.replace(pluginsRegex, (match, inner) => {
+      const trimmed = inner.trim();
+      const updatedInner = trimmed.length > 0 ? `${trimmed},\n      ${pluginSnippet}` : pluginSnippet;
+      return `plugins: [${updatedInner}]`;
+    });
+  } else {
+    content = content.replace(/return\\s*\\{/, (match) => `${match}\n    plugins: [${pluginSnippet}],`);
+  }
+
+  await fs.writeFile(babelPath, content, 'utf8');
+}

package/src/engine/templates.ts

@@ -23,20 +23,70 @@ export const nextPageTemplate = `export default function Home() {
 }
 `;
 
+export const shadcnUtilsTemplate = `import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+`;
+
+export const componentsJsonTemplate = (globalsPath: string, tailwindConfigPath: string) => `{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "${tailwindConfigPath}",
+    "css": "${globalsPath}",
+    "baseColor": "slate",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}
+`;
+
+export const tamaguiConfigTemplate = `import { config } from '@tamagui/config/v3';
+
+export default config;
+`;
+
+export const metroConfigTemplate = `const { getDefaultConfig } = require('expo/metro-config');
+const { withTamagui } = require('@tamagui/metro-plugin');
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withTamagui(config, {
+  components: ['tamagui'],
+  config: './tamagui.config.ts',
+  outputCSS: './tamagui-web.css'
+});
+`;
+
 export const expoLayoutTemplate = `import { Stack } from 'expo-router';
+import { TamaguiProvider } from 'tamagui';
+import config from '../tamagui.config';
 
 export default function RootLayout() {
-  return <Stack screenOptions={{ headerShown: false }} />;
+  return (
+    <TamaguiProvider config={config}>
+      <Stack screenOptions={{ headerShown: false }} />
+    </TamaguiProvider>
+  );
 }
 `;
 
-export const expoIndexTemplate = `import { Text, View } from 'react-native';
+export const expoIndexTemplate = `import { Button, H1, YStack } from 'tamagui';
 
 export default function Home() {
   return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text>Aexis Zero</Text>
-    </View>
+    <YStack flex={1} alignItems=\"center\" justifyContent=\"center\" gap=\"$4\">
+      <H1>Aexis Zero</H1>
+      <Button>Start building</Button>
+    </YStack>
   );
 }
 `;