@geekmidas/cli 9.0.2 → 10.0.0-alpha.0

package/src/init/generators/web-tanstack.ts

@@ -1,348 +0,0 @@
-import type { GeneratedFile, TemplateOptions } from '../templates/index.js';
-import { GEEKMIDAS_VERSIONS } from '../versions.js';
-
-/**
- * Generate TanStack Start web app files for the fullstack template.
- *
- * Mirrors the Next.js scaffold (apps/web) but on Vite + TanStack Start +
- * TanStack Router with the `VITE_` env-var convention.
- */
-export function generateTanStackWebFiles(
-	options: TemplateOptions,
-): GeneratedFile[] {
-	if (!options.monorepo || options.template !== 'fullstack') {
-		return [];
-	}
-
-	const packageName = `@${options.name}/web`;
-	const apiPackage = `@${options.name}/api`;
-	const modelsPackage = `@${options.name}/models`;
-	const uiPackage = `@${options.name}/ui`;
-
-	const packageJson = {
-		name: packageName,
-		version: '0.0.1',
-		private: true,
-		type: 'module',
-		scripts: {
-			dev: 'gkm exec -- vite dev',
-			build: 'gkm exec -- vite build',
-			start: 'node .output/server/index.mjs',
-			typecheck: 'tsc --noEmit',
-		},
-		dependencies: {
-			[apiPackage]: 'workspace:*',
-			[modelsPackage]: 'workspace:*',
-			[uiPackage]: 'workspace:*',
-			'@geekmidas/client': GEEKMIDAS_VERSIONS['@geekmidas/client'],
-			'@geekmidas/envkit': GEEKMIDAS_VERSIONS['@geekmidas/envkit'],
-			'@tanstack/react-query': '~5.80.0',
-			'@tanstack/react-router': '^1.87.0',
-			'@tanstack/react-start': '^1.87.0',
-			'better-auth': '~1.2.0',
-			react: '~19.2.0',
-			'react-dom': '~19.2.0',
-		},
-		devDependencies: {
-			'@geekmidas/cli': GEEKMIDAS_VERSIONS['@geekmidas/cli'],
-			'@tailwindcss/vite': '^4.0.0',
-			'@tanstack/router-plugin': '^1.87.0',
-			'@types/node': '~22.0.0',
-			'@types/react': '~19.0.0',
-			'@types/react-dom': '~19.0.0',
-			'@vitejs/plugin-react': '^4.3.4',
-			tailwindcss: '^4.0.0',
-			tsx: '~4.20.0',
-			typescript: '~5.8.2',
-			vite: '^7.0.0',
-			'vite-tsconfig-paths': '~5.1.0',
-		},
-	};
-
-	const viteConfig = `import { Credentials } from '@geekmidas/envkit/credentials';
-import tailwindcss from '@tailwindcss/vite';
-import { tanstackStart } from '@tanstack/react-start/plugin/vite';
-import viteReact from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-import tsconfigPaths from 'vite-tsconfig-paths';
-
-export default defineConfig({
-  server: {
-    port: Number(Credentials.PORT ?? 3001),
-  },
-  // VITE_* vars are inlined automatically; no manual loadEnv needed.
-  envPrefix: 'VITE_',
-  plugins: [
-    tsconfigPaths({ root: import.meta.dirname }),
-    tailwindcss(),
-    tanstackStart(),
-    viteReact(),
-  ],
-});
-`;
-
-	const tsConfig = {
-		extends: '../../tsconfig.json',
-		compilerOptions: {
-			lib: ['dom', 'dom.iterable', 'ES2022'],
-			allowJs: true,
-			skipLibCheck: true,
-			strict: true,
-			noEmit: true,
-			allowImportingTsExtensions: true,
-			esModuleInterop: true,
-			module: 'ESNext',
-			moduleResolution: 'bundler',
-			resolveJsonModule: true,
-			isolatedModules: true,
-			jsx: 'preserve',
-			incremental: true,
-			baseUrl: '.',
-			types: ['vite/client'],
-			paths: {
-				'~/*': ['./src/*', '../../packages/ui/src/*'],
-				[modelsPackage]: ['../../packages/models/src'],
-				[`${modelsPackage}/*`]: ['../../packages/models/src/*'],
-				[uiPackage]: ['../../packages/ui/src'],
-				[`${uiPackage}/*`]: ['../../packages/ui/src/*'],
-				[`${apiPackage}/client`]: ['../../apps/api/.gkm/openapi.ts'],
-			},
-		},
-		include: ['**/*.ts', '**/*.tsx', 'src/routeTree.gen.ts'],
-		exclude: ['node_modules', '.output', '.vinxi', 'dist'],
-	};
-
-	const queryClientTs = `import { QueryClient } from '@tanstack/react-query';
-
-function makeQueryClient() {
-  return new QueryClient({
-    defaultOptions: {
-      queries: {
-        staleTime: 60 * 1000,
-      },
-    },
-  });
-}
-
-let browserQueryClient: QueryClient | undefined = undefined;
-
-export function getQueryClient() {
-  if (typeof window === 'undefined') {
-    return makeQueryClient();
-  }
-  if (!browserQueryClient) browserQueryClient = makeQueryClient();
-  return browserQueryClient;
-}
-`;
-
-	const clientConfigTs = `import { EnvironmentParser } from '@geekmidas/envkit';
-
-// Client config - VITE_* vars are inlined at build time.
-const envParser = new EnvironmentParser({
-  VITE_API_URL: import.meta.env.VITE_API_URL,
-  VITE_AUTH_URL: import.meta.env.VITE_AUTH_URL,
-});
-
-export const clientConfig = envParser
-  .create((get) => ({
-    apiUrl: get('VITE_API_URL').string(),
-    authUrl: get('VITE_AUTH_URL').string(),
-  }))
-  .parse();
-`;
-
-	const serverConfigTs = `import { EnvironmentParser } from '@geekmidas/envkit';
-
-// Server config - all env vars (server-side only, not exposed to browser).
-// Access these only in TanStack Start server functions / server routes.
-const envParser = new EnvironmentParser({ ...process.env });
-
-export const serverConfig = envParser
-  .create((_get) => ({
-    // Add server-only secrets here
-    // Example: stripeSecretKey: _get('STRIPE_SECRET_KEY').string(),
-  }))
-  .parse();
-`;
-
-	const authClientTs = `import { magicLinkClient } from 'better-auth/client/plugins';
-import { createAuthClient } from 'better-auth/react';
-import { clientConfig } from '~/config/client.ts';
-
-export const authClient = createAuthClient({
-  baseURL: clientConfig.authUrl,
-  plugins: [magicLinkClient()],
-});
-
-export const { signIn, signUp, signOut, useSession, magicLink } = authClient;
-`;
-
-	const apiIndexTs = `import { createApi } from '${apiPackage}/client';
-import { clientConfig } from '~/config/client.ts';
-import { getQueryClient } from '~/lib/query-client.ts';
-
-export function createAppApi(options?: { headers?: Record<string, string> }) {
-  return createApi({
-    baseURL: clientConfig.apiUrl,
-    queryClient: getQueryClient(),
-    headers: options?.headers,
-    onRequest: (config) => ({ ...config, credentials: 'include' }),
-  });
-}
-
-export const api = createAppApi();
-`;
-
-	const routerTs = `import { createRouter } from '@tanstack/react-router';
-import { routeTree } from './routeTree.gen.ts';
-
-export function getRouter() {
-  return createRouter({
-    routeTree,
-    scrollRestoration: true,
-    defaultPreload: 'intent',
-  });
-}
-
-declare module '@tanstack/react-router' {
-  interface Register {
-    router: ReturnType<typeof getRouter>;
-  }
-}
-`;
-
-	// Placeholder routeTree.gen — TanStack's plugin regenerates this on dev.
-	const routeTreeGen = `// This file is auto-generated by @tanstack/router-plugin.
-// It will be overwritten on the next \`vite dev\` run.
-import { rootRouteWithContext } from '@tanstack/react-router';
-
-export const routeTree = rootRouteWithContext()({
-  // Routes are populated by the plugin from src/routes/**.tsx
-} as never);
-`;
-
-	const rootRouteTsx = `/// <reference types="vite/client" />
-import '~/styles/globals.css';
-
-import { QueryClientProvider } from '@tanstack/react-query';
-import {
-  HeadContent,
-  Outlet,
-  Scripts,
-  createRootRoute,
-} from '@tanstack/react-router';
-import type { ReactNode } from 'react';
-import { getQueryClient } from '~/lib/query-client.ts';
-
-export const Route = createRootRoute({
-  head: () => ({
-    meta: [
-      { charSet: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { title: '${options.name}' },
-    ],
-  }),
-  component: RootComponent,
-});
-
-function RootComponent() {
-  const queryClient = getQueryClient();
-  return (
-    <RootDocument>
-      <QueryClientProvider client={queryClient}>
-        <Outlet />
-      </QueryClientProvider>
-    </RootDocument>
-  );
-}
-
-function RootDocument({ children }: { children: ReactNode }) {
-  return (
-    <html lang="en">
-      <head>
-        <HeadContent />
-      </head>
-      <body>
-        {children}
-        <Scripts />
-      </body>
-    </html>
-  );
-}
-`;
-
-	const indexRouteTsx = `import { createFileRoute } from '@tanstack/react-router';
-import { api } from '~/api/index.ts';
-
-export const Route = createFileRoute('/')({
-  component: HomeComponent,
-});
-
-function HomeComponent() {
-  const { data: health } = api.useQuery('GET /health', {});
-
-  return (
-    <main className="min-h-screen bg-background p-8">
-      <div className="mx-auto max-w-4xl space-y-8">
-        <div className="space-y-2">
-          <h1 className="text-4xl font-bold tracking-tight">
-            Welcome to ${options.name}
-          </h1>
-          <p className="text-muted-foreground">
-            Your TanStack Start app is ready.
-          </p>
-        </div>
-
-        <section className="rounded-lg border p-6">
-          <h2 className="text-xl font-semibold">API Status</h2>
-          {health ? (
-            <pre className="mt-4 rounded bg-muted p-4 text-sm">
-              {JSON.stringify(health, null, 2)}
-            </pre>
-          ) : (
-            <p className="mt-2 text-muted-foreground">Connecting…</p>
-          )}
-        </section>
-      </div>
-    </main>
-  );
-}
-`;
-
-	const globalsCss = `@import '${uiPackage}/styles';
-
-@source "../..";
-@source "../../../../packages/ui/src";
-`;
-
-	const gitignore = `.output/
-.vinxi/
-node_modules/
-.env.local
-*.log
-src/routeTree.gen.ts
-`;
-
-	return [
-		{
-			path: 'apps/web/package.json',
-			content: `${JSON.stringify(packageJson, null, 2)}\n`,
-		},
-		{ path: 'apps/web/vite.config.ts', content: viteConfig },
-		{
-			path: 'apps/web/tsconfig.json',
-			content: `${JSON.stringify(tsConfig, null, 2)}\n`,
-		},
-		{ path: 'apps/web/src/lib/query-client.ts', content: queryClientTs },
-		{ path: 'apps/web/src/lib/auth-client.ts', content: authClientTs },
-		{ path: 'apps/web/src/config/client.ts', content: clientConfigTs },
-		{ path: 'apps/web/src/config/server.ts', content: serverConfigTs },
-		{ path: 'apps/web/src/api/index.ts', content: apiIndexTs },
-		{ path: 'apps/web/src/router.tsx', content: routerTs },
-		{ path: 'apps/web/src/routeTree.gen.ts', content: routeTreeGen },
-		{ path: 'apps/web/src/routes/__root.tsx', content: rootRouteTsx },
-		{ path: 'apps/web/src/routes/index.tsx', content: indexRouteTsx },
-		{ path: 'apps/web/src/styles/globals.css', content: globalsCss },
-		{ path: 'apps/web/.gitignore', content: gitignore },
-	];
-}

package/src/init/generators/web.ts

@@ -1,363 +0,0 @@
-import type { GeneratedFile, TemplateOptions } from '../templates/index.js';
-import { GEEKMIDAS_VERSIONS } from '../versions.js';
-
-/**
- * Generate Next.js web app files for fullstack template
- */
-export function generateWebAppFiles(options: TemplateOptions): GeneratedFile[] {
-	if (!options.monorepo || options.template !== 'fullstack') {
-		return [];
-	}
-
-	const packageName = `@${options.name}/web`;
-	const apiPackage = `@${options.name}/api`;
-	const modelsPackage = `@${options.name}/models`;
-	const uiPackage = `@${options.name}/ui`;
-
-	// package.json for web app
-	const packageJson = {
-		name: packageName,
-		version: '0.0.1',
-		private: true,
-		type: 'module',
-		scripts: {
-			dev: 'gkm exec -- next dev --turbopack',
-			build: 'gkm exec -- next build',
-			start: 'next start',
-			typecheck: 'tsc --noEmit',
-		},
-		dependencies: {
-			[apiPackage]: 'workspace:*',
-			[modelsPackage]: 'workspace:*',
-			[uiPackage]: 'workspace:*',
-			'@geekmidas/client': GEEKMIDAS_VERSIONS['@geekmidas/client'],
-			'@geekmidas/envkit': GEEKMIDAS_VERSIONS['@geekmidas/envkit'],
-			'@tanstack/react-query': '~5.80.0',
-			'better-auth': '~1.2.0',
-			next: '~16.1.0',
-			react: '~19.2.0',
-			'react-dom': '~19.2.0',
-		},
-		devDependencies: {
-			'@geekmidas/cli': GEEKMIDAS_VERSIONS['@geekmidas/cli'],
-			'@tailwindcss/postcss': '^4.0.0',
-			'@types/node': '~22.0.0',
-			'@types/react': '~19.0.0',
-			'@types/react-dom': '~19.0.0',
-			tailwindcss: '^4.0.0',
-			tsx: '~4.20.0',
-			typescript: '~5.8.2',
-		},
-	};
-
-	// next.config.ts
-	const nextConfig = `import type { NextConfig } from 'next';
-
-const nextConfig: NextConfig = {
-  output: 'standalone',
-  reactStrictMode: true,
-  transpilePackages: ['${apiPackage}', '${modelsPackage}', '${uiPackage}'],
-};
-
-export default nextConfig;
-`;
-
-	// postcss.config.mjs for Tailwind v4
-	const postcssConfig = `export default {
-  plugins: {
-    '@tailwindcss/postcss': {},
-  },
-};
-`;
-
-	// tsconfig.json for Next.js
-	// Note: Next.js handles compilation, so noEmit: true
-	const tsConfig = {
-		extends: '../../tsconfig.json',
-		compilerOptions: {
-			lib: ['dom', 'dom.iterable', 'ES2022'],
-			allowJs: true,
-			skipLibCheck: true,
-			strict: true,
-			noEmit: true,
-			allowImportingTsExtensions: true,
-			esModuleInterop: true,
-			module: 'ESNext',
-			moduleResolution: 'bundler',
-			resolveJsonModule: true,
-			isolatedModules: true,
-			jsx: 'preserve',
-			incremental: true,
-			plugins: [
-				{
-					name: 'next',
-				},
-			],
-			baseUrl: '.',
-			paths: {
-				'~/*': ['./src/*', '../../packages/ui/src/*'],
-				[`${apiPackage}/client`]: ['../../apps/api/.gkm/openapi.ts'],
-				[`${modelsPackage}`]: ['../../packages/models/src'],
-				[`${modelsPackage}/*`]: ['../../packages/models/src/*'],
-				[`${uiPackage}`]: ['../../packages/ui/src'],
-				[`${uiPackage}/*`]: ['../../packages/ui/src/*'],
-			},
-		},
-		include: ['next-env.d.ts', '**/*.ts', '**/*.tsx', '.next/types/**/*.ts'],
-		exclude: ['node_modules'],
-		references: [
-			{ path: '../../apps/api' },
-			{ path: '../../packages/ui' },
-			{ path: '../../packages/models' },
-		],
-	};
-
-	// Query client singleton for browser, fresh instance for server
-	const queryClientTs = `import { QueryClient } from '@tanstack/react-query';
-
-function makeQueryClient() {
-  return new QueryClient({
-    defaultOptions: {
-      queries: {
-        staleTime: 60 * 1000,
-      },
-    },
-  });
-}
-
-let browserQueryClient: QueryClient | undefined = undefined;
-
-export function getQueryClient() {
-  if (typeof window === 'undefined') {
-    // Server: always make a new query client
-    return makeQueryClient();
-  }
-  // Browser: reuse existing query client
-  if (!browserQueryClient) browserQueryClient = makeQueryClient();
-  return browserQueryClient;
-}
-`;
-
-	// Client config - NEXT_PUBLIC_* vars (available in browser)
-	const clientConfigTs = `import { EnvironmentParser } from '@geekmidas/envkit';
-
-// Client config - only NEXT_PUBLIC_* vars (available in browser)
-// These values are inlined at build time by Next.js
-const envParser = new EnvironmentParser({
-  NEXT_PUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,
-  NEXT_PUBLIC_AUTH_URL: process.env.NEXT_PUBLIC_AUTH_URL,
-});
-
-export const clientConfig = envParser
-  .create((get) => ({
-    apiUrl: get('NEXT_PUBLIC_API_URL').string(),
-    authUrl: get('NEXT_PUBLIC_AUTH_URL').string(),
-  }))
-  .parse();
-`;
-
-	// Server config - server-only vars (not available in browser)
-	const serverConfigTs = `import { EnvironmentParser } from '@geekmidas/envkit';
-
-// Server config - all env vars (server-side only, not exposed to browser)
-// Access these only in Server Components, Route Handlers, or Server Actions
-const envParser = new EnvironmentParser({ ...process.env });
-
-export const serverConfig = envParser
-  .create((get) => ({
-    // Add server-only secrets here
-    // Example: stripeSecretKey: get('STRIPE_SECRET_KEY').string(),
-  }))
-  .parse();
-`;
-
-	// Auth client for better-auth
-	const authClientTs = `import { createAuthClient } from 'better-auth/react';
-import { magicLinkClient } from 'better-auth/client/plugins';
-import { clientConfig } from '~/config/client.ts';
-
-export const authClient = createAuthClient({
-  baseURL: clientConfig.authUrl,
-  plugins: [magicLinkClient()],
-});
-
-export const { signIn, signUp, signOut, useSession, magicLink } = authClient;
-`;
-
-	// Providers using shared QueryClient
-	const providersTsx = `'use client';
-
-import { QueryClientProvider } from '@tanstack/react-query';
-import { getQueryClient } from '~/lib/query-client.ts';
-
-export function Providers({ children }: { children: React.ReactNode }) {
-  const queryClient = getQueryClient();
-
-  return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-}
-`;
-
-	// API client setup - imports directly from the API package export
-	const apiIndexTs = `import { createApi } from '${apiPackage}/client';
-import { getQueryClient } from '~/lib/query-client.ts';
-import { clientConfig } from '~/config/client.ts';
-
-export const api = createApi({
-  baseURL: clientConfig.apiUrl,
-  queryClient: getQueryClient(),
-});
-`;
-
-	// globals.css that imports UI package styles
-	const globalsCss = `@import '${uiPackage}/styles';
-`;
-
-	// App layout
-	const layoutTsx = `import type { Metadata } from 'next';
-import { Providers } from './providers.tsx';
-import './globals.css';
-
-export const metadata: Metadata = {
-  title: '${options.name}',
-  description: 'Created with gkm init',
-};
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="en">
-      <body>
-        <Providers>{children}</Providers>
-      </body>
-    </html>
-  );
-}
-`;
-
-	// Home page with API example using UI components
-	const pageTsx = `import { api } from '~/api/index.ts';
-import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle } from '${uiPackage}/components';
-
-export default async function Home() {
-  // Type-safe API call using the generated client
-  const health = await api('GET /health').catch(() => null);
-
-  return (
-    <main className="min-h-screen bg-background p-8">
-      <div className="mx-auto max-w-4xl space-y-8">
-        <div className="space-y-2">
-          <h1 className="text-4xl font-bold tracking-tight">Welcome to ${options.name}</h1>
-          <p className="text-muted-foreground">Your fullstack application is ready.</p>
-        </div>
-
-        <Card>
-          <CardHeader>
-            <CardTitle>API Status</CardTitle>
-            <CardDescription>Connection to your backend API</CardDescription>
-          </CardHeader>
-          <CardContent>
-            {health ? (
-              <pre className="rounded-lg bg-muted p-4 text-sm">
-                {JSON.stringify(health, null, 2)}
-              </pre>
-            ) : (
-              <p className="text-destructive">Unable to connect to API</p>
-            )}
-          </CardContent>
-        </Card>
-
-        <Card>
-          <CardHeader>
-            <CardTitle>Next Steps</CardTitle>
-            <CardDescription>Get started with your project</CardDescription>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <ul className="list-inside list-disc space-y-2 text-muted-foreground">
-              <li>Run <code className="rounded bg-muted px-1">gkm openapi</code> to generate typed API client</li>
-              <li>Edit <code className="rounded bg-muted px-1">apps/web/src/app/page.tsx</code> to customize this page</li>
-              <li>Add API routes in <code className="rounded bg-muted px-1">apps/api/src/endpoints/</code></li>
-              <li>Add UI components with <code className="rounded bg-muted px-1">npx shadcn@latest add</code> in packages/ui</li>
-            </ul>
-            <div className="flex gap-4">
-              <Button>Get Started</Button>
-              <Button variant="outline">Documentation</Button>
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-    </main>
-  );
-}
-`;
-
-	// .gitignore for Next.js
-	const gitignore = `.next/
-node_modules/
-.env.local
-*.log
-`;
-
-	return [
-		{
-			path: 'apps/web/package.json',
-			content: `${JSON.stringify(packageJson, null, 2)}\n`,
-		},
-		{
-			path: 'apps/web/next.config.ts',
-			content: nextConfig,
-		},
-		{
-			path: 'apps/web/postcss.config.mjs',
-			content: postcssConfig,
-		},
-		{
-			path: 'apps/web/tsconfig.json',
-			content: `${JSON.stringify(tsConfig, null, 2)}\n`,
-		},
-		{
-			path: 'apps/web/src/app/globals.css',
-			content: globalsCss,
-		},
-		{
-			path: 'apps/web/src/app/layout.tsx',
-			content: layoutTsx,
-		},
-		{
-			path: 'apps/web/src/app/providers.tsx',
-			content: providersTsx,
-		},
-		{
-			path: 'apps/web/src/app/page.tsx',
-			content: pageTsx,
-		},
-		{
-			path: 'apps/web/src/config/client.ts',
-			content: clientConfigTs,
-		},
-		{
-			path: 'apps/web/src/config/server.ts',
-			content: serverConfigTs,
-		},
-		{
-			path: 'apps/web/src/lib/query-client.ts',
-			content: queryClientTs,
-		},
-		{
-			path: 'apps/web/src/lib/auth-client.ts',
-			content: authClientTs,
-		},
-		{
-			path: 'apps/web/src/api/index.ts',
-			content: apiIndexTs,
-		},
-		{
-			path: 'apps/web/.gitignore',
-			content: gitignore,
-		},
-	];
-}