@polymorphism-tech/morph-spec 8.38.0 → 8.40.0

package/framework/templates/frontend/nextjs/env.mjs.hbs

@@ -1,32 +1,29 @@
-// env.mjs — Zod-validated environment variables
-// Crashes at startup if required vars are missing — no silent undefined
-import { z } from 'zod';
-
-const serverSchema = z.object({
-  API_URL: z.string().url('API_URL must be a valid URL'),
-  NODE_ENV: z.enum(['development', 'test', 'production']).default('development'),
-});
-
-const clientSchema = z.object({
-  NEXT_PUBLIC_APP_URL: z.string().url().optional(),
-});
-
-// Validate server-side env (only available on server)
-const serverEnv = serverSchema.safeParse(process.env);
-if (!serverEnv.success) {
-  console.error('❌ Invalid server environment variables:');
-  console.error(serverEnv.error.flatten().fieldErrors);
-  throw new Error('Invalid environment variables');
-}
-
-// Validate client-side env
-const clientEnv = clientSchema.safeParse({
-  NEXT_PUBLIC_APP_URL: process.env.NEXT_PUBLIC_APP_URL,
-});
-if (!clientEnv.success) {
-  console.error('❌ Invalid client environment variables:');
-  console.error(clientEnv.error.flatten().fieldErrors);
-  throw new Error('Invalid client environment variables');
-}
-
-export const env = { ...serverEnv.data, ...clientEnv.data };
+import { z } from 'zod';
+
+const serverSchema = z.object({
+  API_URL: z.string().url('API_URL must be a valid URL'),
+  NODE_ENV: z.enum(['development', 'test', 'production']).default('development'),
+});
+
+const clientSchema = z.object({
+  NEXT_PUBLIC_APP_URL: z.string().url().optional(),
+});
+
+const serverEnv = serverSchema.safeParse(process.env);
+if (!serverEnv.success) {
+  console.error('❌ Invalid server environment variables:');
+  console.error(serverEnv.error.flatten().fieldErrors);
+  throw new Error('Invalid environment variables');
+}
+
+// Listed one by one: Next.js only inlines NEXT_PUBLIC_ vars read by their literal name.
+const clientEnv = clientSchema.safeParse({
+  NEXT_PUBLIC_APP_URL: process.env.NEXT_PUBLIC_APP_URL,
+});
+if (!clientEnv.success) {
+  console.error('❌ Invalid client environment variables:');
+  console.error(clientEnv.error.flatten().fieldErrors);
+  throw new Error('Invalid client environment variables');
+}
+
+export const env = { ...serverEnv.data, ...clientEnv.data };

package/framework/templates/frontend/nextjs/page.tsx.hbs

@@ -1,22 +1,21 @@
-// app/(dashboard)/{{kebabCase featureName}}/page.tsx
-// Server Component — fetches initial data, renders feature component
-import { {{pascalCase featureName}}List } from '@/features/{{kebabCase featureName}}';
-
-async function get{{pascalCase featureName}}List() {
-  const res = await fetch(`${process.env.API_URL}/api/{{kebabCase featureName}}`, {
-    next: { revalidate: 30 },
-    headers: { 'Content-Type': 'application/json' },
-  });
-  if (!res.ok) throw new Error('Failed to fetch {{featureName}}');
-  return res.json();
-}
-
-export default async function {{pascalCase featureName}}Page() {
-  const data = await get{{pascalCase featureName}}List();
-  return (
-    <div className="container py-6">
-      <h1 className="text-2xl font-bold mb-6">{{pascalCase featureName}}</h1>
-      <{{pascalCase featureName}}List initialData={data} />
-    </div>
-  );
-}
+// app/(dashboard)/{{kebabCase featureName}}/page.tsx
+import { {{pascalCase featureName}}List } from '@/features/{{kebabCase featureName}}';
+
+async function get{{pascalCase featureName}}List() {
+  const res = await fetch(`${process.env.API_URL}/api/{{kebabCase featureName}}`, {
+    next: { revalidate: 30 },
+    headers: { 'Content-Type': 'application/json' },
+  });
+  if (!res.ok) throw new Error('Failed to fetch {{featureName}}');
+  return res.json();
+}
+
+export default async function {{pascalCase featureName}}Page() {
+  const data = await get{{pascalCase featureName}}List();
+  return (
+    <div className="container py-6">
+      <h1 className="text-2xl font-bold mb-6">{{pascalCase featureName}}</h1>
+      <{{pascalCase featureName}}List initialData={data} />
+    </div>
+  );
+}

package/framework/templates/frontend/nextjs/use-feature.ts.hbs

@@ -1,54 +1,42 @@
-// features/{{kebabCase featureName}}/hooks/use-{{kebabCase featureName}}s.ts
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { z } from 'zod';
-import { {{camelCase featureName}}Schema } from '@/features/{{kebabCase featureName}}/types/{{kebabCase featureName}}.schemas';
-import type { Create{{pascalCase featureName}}Input } from '@/features/{{kebabCase featureName}}/types/{{kebabCase featureName}}.types';
-
-// ============================================
-// Query Key Factory
-// ============================================
-
-export const {{camelCase featureName}}Keys = {
-  all: ['{{kebabCase featureName}}'] as const,
-  lists: () => [...{{camelCase featureName}}Keys.all, 'list'] as const,
-  detail: (id: string) => [...{{camelCase featureName}}Keys.all, 'detail', id] as const,
-};
-
-// ============================================
-// List Hook (TanStack Query v5 syntax)
-// ============================================
-
-const {{camelCase featureName}}ListSchema = z.array({{camelCase featureName}}Schema);
-
-export function use{{pascalCase featureName}}s() {
-  return useQuery({
-    queryKey: {{camelCase featureName}}Keys.lists(),
-    queryFn: async () => {
-      const res = await fetch('/api/{{kebabCase featureName}}');
-      if (!res.ok) throw new Error('Failed to fetch {{featureName}}');
-      return {{camelCase featureName}}ListSchema.parse(await res.json());
-    },
-  });
-}
-
-// ============================================
-// Create Mutation
-// ============================================
-
-export function useCreate{{pascalCase featureName}}() {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (input: Create{{pascalCase featureName}}Input) => {
-      const res = await fetch('/api/{{kebabCase featureName}}', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(input),
-      });
-      if (!res.ok) throw new Error('Failed to create {{featureName}}');
-      return res.json();
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: {{camelCase featureName}}Keys.lists() });
-    },
-  });
-}
+// features/{{kebabCase featureName}}/hooks/use-{{kebabCase featureName}}s.ts
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
+import { z } from 'zod';
+import { {{camelCase featureName}}Schema } from '@/features/{{kebabCase featureName}}/types/{{kebabCase featureName}}.schemas';
+import type { Create{{pascalCase featureName}}Input } from '@/features/{{kebabCase featureName}}/types/{{kebabCase featureName}}.types';
+
+export const {{camelCase featureName}}Keys = {
+  all: ['{{kebabCase featureName}}'] as const,
+  lists: () => [...{{camelCase featureName}}Keys.all, 'list'] as const,
+  detail: (id: string) => [...{{camelCase featureName}}Keys.all, 'detail', id] as const,
+};
+
+const {{camelCase featureName}}ListSchema = z.array({{camelCase featureName}}Schema);
+
+export function use{{pascalCase featureName}}s() {
+  return useQuery({
+    queryKey: {{camelCase featureName}}Keys.lists(),
+    queryFn: async () => {
+      const res = await fetch('/api/{{kebabCase featureName}}');
+      if (!res.ok) throw new Error('Failed to fetch {{featureName}}');
+      return {{camelCase featureName}}ListSchema.parse(await res.json());
+    },
+  });
+}
+
+export function useCreate{{pascalCase featureName}}() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (input: Create{{pascalCase featureName}}Input) => {
+      const res = await fetch('/api/{{kebabCase featureName}}', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(input),
+      });
+      if (!res.ok) throw new Error('Failed to create {{featureName}}');
+      return res.json();
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: {{camelCase featureName}}Keys.lists() });
+    },
+  });
+}