@aex.is/zero 0.1.16 → 0.1.17

package/dist/config/base-env.js

@@ -1,24 +1,5 @@
-const nextBaseEnv = [
-    {
-        key: 'RESEND_API_KEY',
-        description: 'Resend API key',
-        url: 'https://resend.com'
-    },
-    {
-        key: 'CONTACT_FROM_EMAIL',
-        description: 'Verified sender email address'
-    },
-    {
-        key: 'CONTACT_TO_EMAIL',
-        description: 'Destination email address'
-    }
-];
-const expoBaseEnv = [
-    {
-        key: 'EXPO_PUBLIC_CONTACT_ENDPOINT',
-        description: 'Contact API endpoint (e.g. https://yourdomain.com/api/contact)'
-    }
-];
+const nextBaseEnv = [];
+const expoBaseEnv = [];
 export function getBaseEnvHelp(framework) {
     return framework === 'nextjs' ? nextBaseEnv : expoBaseEnv;
 }

package/dist/config/frameworks.js

@@ -7,7 +7,6 @@ export const frameworks = [
             'class-variance-authority',
             'clsx',
             'lucide-react',
-            'resend',
             'tailwind-merge',
             'tailwindcss-animate',
             '@radix-ui/react-slot'

package/dist/config/modules.js

@@ -93,6 +93,43 @@ export const modules = [
             nextjs: ['stripe'],
             expo: ['stripe']
         }
+    },
+    {
+        id: 'email',
+        label: 'Email',
+        description: 'Contact form email via Resend.',
+        connect: {
+            label: 'Connect to Resend',
+            url: 'https://resend.com/api-keys'
+        },
+        envVars: [
+            {
+                key: 'RESEND_API_KEY',
+                description: 'Resend API key',
+                url: 'https://resend.com/api-keys',
+                frameworks: ['nextjs']
+            },
+            {
+                key: 'CONTACT_FROM_EMAIL',
+                description: 'Verified sender email address',
+                url: 'https://resend.com/domains',
+                frameworks: ['nextjs']
+            },
+            {
+                key: 'CONTACT_TO_EMAIL',
+                description: 'Destination email address',
+                frameworks: ['nextjs']
+            },
+            {
+                key: 'EXPO_PUBLIC_CONTACT_ENDPOINT',
+                description: 'Contact API endpoint (e.g. https://yourdomain.com/api/contact)',
+                frameworks: ['expo']
+            }
+        ],
+        packages: {
+            nextjs: ['resend'],
+            expo: []
+        }
     }
 ];
 export function getModuleDefinition(id) {
@@ -112,21 +149,27 @@ export function getModulePackages(moduleIds, framework) {
     }
     return Array.from(packages).sort();
 }
-export function getModuleEnvVars(moduleIds) {
+export function getModuleEnvVars(moduleIds, framework) {
     const envVars = new Set();
     for (const id of moduleIds) {
         const module = getModuleDefinition(id);
         for (const envVar of module.envVars) {
+            if (!supportsFramework(envVar, framework)) {
+                continue;
+            }
             envVars.add(envVar.key);
         }
     }
     return Array.from(envVars).sort();
 }
-export function getModuleEnvHelp(moduleIds) {
+export function getModuleEnvHelp(moduleIds, framework) {
     const map = new Map();
     for (const id of moduleIds) {
         const module = getModuleDefinition(id);
         for (const envVar of module.envVars) {
+            if (!supportsFramework(envVar, framework)) {
+                continue;
+            }
             if (!map.has(envVar.key)) {
                 map.set(envVar.key, envVar);
             }
@@ -152,3 +195,9 @@ export function getModuleConnections(moduleIds) {
     }
     return connections;
 }
+function supportsFramework(envVar, framework) {
+    if (!envVar.frameworks || envVar.frameworks.length === 0) {
+        return true;
+    }
+    return envVar.frameworks.includes(framework);
+}

package/dist/engine/env.js

@@ -3,7 +3,7 @@ import { promises as fs } from 'fs';
 import { getBaseEnvVars } from '../config/base-env.js';
 import { getModuleEnvVars } from '../config/modules.js';
 export async function writeEnvExample(moduleIds, framework, targetDir) {
-    const envVars = [...getBaseEnvVars(framework), ...getModuleEnvVars(moduleIds)];
+    const envVars = [...getBaseEnvVars(framework), ...getModuleEnvVars(moduleIds, framework)];
     const unique = Array.from(new Set(envVars));
     const lines = unique.map((key) => `${key}=`);
     const content = lines.length > 0 ? `${lines.join('\n')}\n` : '';

package/dist/engine/scaffold.js

@@ -151,14 +151,16 @@ async function applyNextTemplates(config, targetDir) {
     const srcAppDir = path.join(targetDir, 'src', 'app');
     const usesSrcDir = await pathExists(srcAppDir);
     const basePath = usesSrcDir ? 'src' : '';
-    const envHelp = mergeEnvHelp(getBaseEnvHelp(config.framework), getModuleEnvHelp(config.modules));
+    const envHelp = mergeEnvHelp(getBaseEnvHelp(config.framework), getModuleEnvHelp(config.modules, config.framework));
     const connections = getModuleConnections(config.modules);
+    const includeContact = config.modules.includes('email');
     const files = buildNextTemplateFiles({
         appName: config.appName,
         domain: config.domain,
         envVars: envHelp,
         connections,
-        basePath
+        basePath,
+        includeContact
     });
     await writeTemplateFiles(targetDir, files);
     const globalsPath = usesSrcDir ? 'src/app/globals.css' : 'app/globals.css';
@@ -169,14 +171,16 @@ async function applyNextTemplates(config, targetDir) {
     await ensurePackageName(targetDir, config.appName);
 }
 async function applyExpoTemplates(config, targetDir) {
-    const envHelp = mergeEnvHelp(getBaseEnvHelp(config.framework), getModuleEnvHelp(config.modules));
+    const envHelp = mergeEnvHelp(getBaseEnvHelp(config.framework), getModuleEnvHelp(config.modules, config.framework));
     const connections = getModuleConnections(config.modules);
+    const includeContact = config.modules.includes('email');
     const files = buildExpoTemplateFiles({
         appName: config.appName,
         domain: config.domain,
         envVars: envHelp,
         connections,
-        basePath: ''
+        basePath: '',
+        includeContact
     });
     await writeTemplateFiles(targetDir, files);
     await ensureExpoConfig(targetDir, config.appName);

package/dist/engine/templates.js

@@ -21,14 +21,15 @@ export function buildNextTemplateFiles(data) {
     const base = data.basePath ? `${data.basePath}/` : '';
     const envList = renderNextEnvList(data.envVars);
     const connectionSection = renderNextConnectionSection(data.connections);
-    return [
+    const includeContact = data.includeContact;
+    const files = [
         {
             path: `${base}app/layout.tsx`,
             content: nextLayoutTemplate(data.appName, data.domain)
         },
         {
             path: `${base}app/page.tsx`,
-            content: nextHomeTemplate(data.appName, data.domain, envList, connectionSection)
+            content: nextHomeTemplate(data.appName, data.domain, envList, connectionSection, includeContact)
         },
         {
             path: `${base}app/about/page.tsx`,
@@ -38,30 +39,18 @@ export function buildNextTemplateFiles(data) {
             path: `${base}app/guide/page.tsx`,
             content: nextRouteTemplate('Guide', 'Three routes are ready. Customize and ship.')
         },
-        {
-            path: `${base}app/contact/page.tsx`,
-            content: nextContactPageTemplate()
-        },
-        {
-            path: `${base}app/api/contact/route.ts`,
-            content: nextContactRouteTemplate(data.appName)
-        },
         {
             path: `${base}app/globals.css`,
             content: nextGlobalsCss()
         },
         {
             path: `${base}components/site-header.tsx`,
-            content: nextHeaderTemplate(data.appName)
+            content: nextHeaderTemplate(data.appName, includeContact)
         },
         {
             path: `${base}components/site-footer.tsx`,
             content: nextFooterTemplate(data.domain)
         },
-        {
-            path: `${base}components/contact-form.tsx`,
-            content: nextContactFormTemplate()
-        },
         {
             path: `${base}components/connection-guide.tsx`,
             content: nextConnectionGuideTemplate(data.connections)
@@ -75,22 +64,34 @@ export function buildNextTemplateFiles(data) {
             content: nextUtilsTemplate()
         }
     ];
+    if (includeContact) {
+        files.splice(4, 0, {
+            path: `${base}app/contact/page.tsx`,
+            content: nextContactPageTemplate()
+        });
+        files.splice(5, 0, {
+            path: `${base}app/api/contact/route.ts`,
+            content: nextContactRouteTemplate(data.appName)
+        });
+        files.push({
+            path: `${base}components/contact-form.tsx`,
+            content: nextContactFormTemplate()
+        });
+    }
+    return files;
 }
 export function buildExpoTemplateFiles(data) {
     const envItems = renderExpoEnvItems(data.envVars);
     const connectionItems = renderConnectionItems(data.connections);
-    return [
+    const includeContact = data.includeContact;
+    const files = [
         {
             path: 'app/_layout.tsx',
             content: expoLayoutTemplate()
         },
         {
             path: 'app/index.tsx',
-            content: expoHomeTemplate(data.appName, data.domain, envItems)
-        },
-        {
-            path: 'app/contact.tsx',
-            content: expoContactTemplate()
+            content: expoHomeTemplate(data.appName, data.domain, envItems, includeContact)
         },
         {
             path: 'app/about.tsx',
@@ -106,7 +107,7 @@ export function buildExpoTemplateFiles(data) {
         },
         {
             path: 'components/site-header.tsx',
-            content: expoHeaderTemplate(data.appName)
+            content: expoHeaderTemplate(data.appName, includeContact)
         },
         {
             path: 'components/site-footer.tsx',
@@ -120,10 +121,6 @@ export function buildExpoTemplateFiles(data) {
             path: 'components/connection-guide.tsx',
             content: expoConnectionGuideTemplate(connectionItems)
         },
-        {
-            path: 'components/contact-form.tsx',
-            content: expoContactFormTemplate()
-        },
         {
             path: 'components/page-shell.tsx',
             content: expoPageShellTemplate()
@@ -141,6 +138,17 @@ export function buildExpoTemplateFiles(data) {
             content: babelConfigTemplate()
         }
     ];
+    if (includeContact) {
+        files.splice(2, 0, {
+            path: 'app/contact.tsx',
+            content: expoContactTemplate()
+        });
+        files.push({
+            path: 'components/contact-form.tsx',
+            content: expoContactFormTemplate()
+        });
+    }
+    return files;
 }
 function nextLayoutTemplate(appName, domain) {
     const description = `${escapeTemplate(appName)} starter crafted by Aexis Zero.`;
@@ -189,10 +197,17 @@ export default function RootLayout({
 }
 `;
 }
-function nextHomeTemplate(appName, domain, envList, connectionSection) {
+function nextHomeTemplate(appName, domain, envList, connectionSection, includeContact) {
+    const contactImport = includeContact ? "import { ContactForm } from '@/components/contact-form';\n" : '';
+    const contactSection = includeContact ? '\n      <ContactForm />' : '';
+    const routeList = includeContact
+        ? `Explore <code className="bg-[var(--fg)] px-2 py-1 text-[var(--bg)]">/about</code>,{' '}
+          <code className="bg-[var(--fg)] px-2 py-1 text-[var(--bg)]">/guide</code>, and{' '}
+          <code className="bg-[var(--fg)] px-2 py-1 text-[var(--bg)]">/contact</code>.`
+        : `Explore <code className="bg-[var(--fg)] px-2 py-1 text-[var(--bg)]">/about</code> and{' '}
+          <code className="bg-[var(--fg)] px-2 py-1 text-[var(--bg)]">/guide</code>.`;
     return `import { EnvList } from '@/components/env-list';
-import { ContactForm } from '@/components/contact-form';
-import { ConnectionGuide } from '@/components/connection-guide';
+${contactImport}import { ConnectionGuide } from '@/components/connection-guide';
 
 export const metadata = {
   title: 'Home',
@@ -220,12 +235,10 @@ export default function Home() {
       <div className="flex flex-col gap-2">
         <h2 className="text-base font-bold">Routes</h2>
         <p className="text-base">
-          Explore <code className="bg-[var(--fg)] px-2 py-1 text-[var(--bg)]">/about</code>,{' '}
-          <code className="bg-[var(--fg)] px-2 py-1 text-[var(--bg)]">/guide</code>, and{' '}
-          <code className="bg-[var(--fg)] px-2 py-1 text-[var(--bg)]">/contact</code>.
+          ${routeList}
         </p>
       </div>
-      <ContactForm />
+      ${contactSection}
     </section>
   );
 }
@@ -247,14 +260,14 @@ export default function Page() {
 }
 `;
 }
-function nextHeaderTemplate(appName) {
+function nextHeaderTemplate(appName, includeContact) {
+    const contactLink = includeContact ? "\n  { href: '/contact', label: 'Contact' }" : '';
     return `import Link from 'next/link';
 
 const links = [
   { href: '/', label: 'Home' },
   { href: '/about', label: 'About' },
-  { href: '/guide', label: 'Guide' },
-  { href: '/contact', label: 'Contact' }
+  { href: '/guide', label: 'Guide' },${contactLink}
 ];
 
 export function SiteHeader({ appName }: { appName: string }) {
@@ -654,13 +667,16 @@ export default function RootLayout() {
 }
 `;
 }
-function expoHomeTemplate(appName, domain, envItems) {
+function expoHomeTemplate(appName, domain, envItems, includeContact) {
+    const contactImport = includeContact ? "import { ContactForm } from '../components/contact-form';\n" : '';
+    const contactSection = includeContact ? '\n      <ContactForm />' : '';
+    const routeLine = includeContact ? 'Visit /about, /guide, and /contact.' : 'Visit /about and /guide.';
     return `import { Head } from 'expo-router/head';
 import { Text, YStack } from 'tamagui';
 import { PageShell } from '../components/page-shell';
 import { EnvList } from '../components/env-list';
 import { ConnectionGuide } from '../components/connection-guide';
-import { ContactForm } from '../components/contact-form';
+${contactImport}
 import { FONT_BOLD, FONT_REGULAR, FONT_SIZE, useThemeColors } from '../components/theme';
 
 export default function Home() {
@@ -691,10 +707,10 @@ export default function Home() {
           Routes
         </Text>
         <Text fontFamily={FONT_REGULAR} fontSize={FONT_SIZE} color={fg}>
-          Visit /about, /guide, and /contact.
+          ${routeLine}
         </Text>
       </YStack>
-      <ContactForm />
+      ${contactSection}
     </PageShell>
   );
 }
@@ -770,7 +786,8 @@ export function useThemeColors() {
 }
 `;
 }
-function expoHeaderTemplate(appName) {
+function expoHeaderTemplate(appName, includeContact) {
+    const contactLink = includeContact ? "\n  { href: '/contact', label: 'Contact' }" : '';
     return `import { useState } from 'react';
 import { Link } from 'expo-router';
 import { Button, Text, XStack, YStack } from 'tamagui';
@@ -779,8 +796,7 @@ import { FONT_BOLD, FONT_REGULAR, FONT_SIZE, useThemeColors } from './theme';
 const links = [
   { href: '/', label: 'Home' },
   { href: '/about', label: 'About' },
-  { href: '/guide', label: 'Guide' },
-  { href: '/contact', label: 'Contact' }
+  { href: '/guide', label: 'Guide' },${contactLink}
 ];
 
 export function SiteHeader() {

package/package.json

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