forge-anvil-app 0.1.0

package/README.md

@@ -0,0 +1,35 @@
+# create-anvil-app
+
+Create a new Next-anvil application with a single command.
+
+## Usage
+
+```bash
+npx create-anvil-app my-app
+```
+
+This will:
+1. Create a new Next.js app with TypeScript and Tailwind CSS
+2. Install `next-anvil` package
+3. Set up Anvil-specific configuration
+4. Create example Prisma schema
+5. Create an admin dashboard page
+
+## What Gets Created
+
+- Next.js app with TypeScript and Tailwind CSS
+- `next-anvil` package installed
+- `lib/resources/` directory for your resources
+- Example Prisma schema
+- Example admin page at `/admin`
+- `.env.local` with database configuration
+
+## Next Steps
+
+After running `create-anvil-app`:
+
+1. `cd my-app`
+2. Update `.env.local` with your database URL
+3. Run `anvil db:migrate` to set up the database
+4. Run `npm run dev` to start the development server
+5. Visit `http://localhost:3000/admin`

package/bootstrap/admin/[slug]/[id]/delete/page.tsx

@@ -0,0 +1,55 @@
+/**
+ * Admin page for deleting resources
+ * Server Component - handles deletion with confirmation
+ */
+
+import { deleteRecord, getRecord } from "@/lib/anvil/actions";
+import { AnvilResource } from "@/lib/anvil/resource";
+import { redirect } from "next/navigation";
+import { notFound } from "next/navigation";
+import { DeleteResourceForm } from "@/components/admin/DeleteResourceForm";
+
+export default async function DeleteResourcePage({
+  params,
+}: {
+  params: Promise<{ slug: string; id: string }>;
+}) {
+  const { slug, id } = await params;
+  const resource = (await import(`@/lib/resources/${slug}`))
+    .default as AnvilResource;
+
+  // Fetch the existing record
+  const record = await getRecord(resource, id);
+  if (!record) {
+    notFound();
+  }
+
+  async function handleDelete() {
+    "use server";
+    const result = await deleteRecord(resource, id);
+    if (result.success) {
+      redirect(`/admin/${resource.slug}`);
+    } else {
+      throw new Error(result.errors?.[0]?.message || "Failed to delete record");
+    }
+  }
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-gray-900">
+          Delete {resource.label.slice(0, -1)}
+        </h1>
+        <p className="mt-2 text-sm text-gray-600">
+          This action cannot be undone. Please confirm that you want to delete
+          this {resource.model.toLowerCase()}.
+        </p>
+      </div>
+      <DeleteResourceForm
+        record={record}
+        resourceLabel={resource.model.toLowerCase()}
+        onDelete={handleDelete}
+      />
+    </div>
+  );
+}

package/bootstrap/admin/[slug]/[id]/edit/page.tsx

@@ -0,0 +1,55 @@
+/**
+ * Admin page for editing resources
+ * Server Component - handles data fetching and server actions
+ */
+
+import { EditResourceForm } from "@/components/admin/EditResourceForm";
+import { updateRecord, getRecord } from "@/lib/anvil/actions";
+import { AnvilResource } from "@/lib/anvil/resource";
+import { redirect } from "next/navigation";
+import { notFound } from "next/navigation";
+
+export default async function EditResourcePage({
+  params,
+}: {
+  params: Promise<{ slug: string; id: string }>;
+}) {
+  const { slug, id } = await params;
+  const resource = (await import(`@/lib/resources/${slug}`))
+    .default as AnvilResource;
+
+  // Fetch the existing record
+  const record = await getRecord(resource, id);
+  if (!record) {
+    notFound();
+  }
+
+  async function handleUpdate(data: Record<string, any>) {
+    "use server";
+    const result = await updateRecord(resource, id, data);
+    if (result.success) {
+      redirect(`/admin/${resource.slug}`);
+    } else {
+      throw new Error(result.errors?.[0]?.message || "Failed to update record");
+    }
+  }
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-gray-900">
+          Edit {resource.model.toLowerCase()}
+        </h1>
+        <p className="mt-2 text-sm text-gray-600">
+          Update the information below to modify this{" "}
+          {resource.model.toLowerCase()}.
+        </p>
+      </div>
+      <EditResourceForm
+        schema={resource.editForm}
+        initialData={record}
+        onSubmit={handleUpdate}
+      />
+    </div>
+  );
+}

package/bootstrap/admin/[slug]/[id]/page.tsx

@@ -0,0 +1,12 @@
+import { AnvilResource } from "@/lib/anvil/resource";
+
+export default async function ResourcePage({
+  params,
+}: {
+  params: Promise<{ slug: string; id: string }>;
+}) {
+  const { slug, id } = await params;
+  const resource = (await import(`@/lib/resources/${slug}`))
+    .default as AnvilResource;
+  return <div>ResourcePage</div>;
+}

package/bootstrap/admin/[slug]/create/page.tsx

@@ -0,0 +1,43 @@
+/**
+ * Admin page for creating resources
+ * Server Component - handles data fetching and server actions
+ */
+
+import { CreateResourceForm } from "@/components/admin/CreateResourceForm";
+import { createRecord } from "@/lib/anvil/actions";
+import { redirect } from "next/navigation";
+import { AnvilResource } from "@/lib/anvil/resource";
+
+export default async function CreateResourcePage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const resource = (await import(`@/lib/resources/${slug}`))
+    .default as AnvilResource;
+
+  async function handleCreate(data: Record<string, any>) {
+    "use server";
+    const result = await createRecord(resource, data);
+    if (result.success) {
+      redirect(`/admin/${resource.slug}`);
+    } else {
+      throw new Error(result.errors?.[0]?.message || "Failed to create record");
+    }
+  }
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-gray-900">
+          Create {resource.label.slice(0, -1)}
+        </h1>
+        <p className="mt-2 text-sm text-gray-600">
+          Fill in the form below to create a new {resource.label.toLowerCase()}.
+        </p>
+      </div>
+      <CreateResourceForm schema={resource.form} onSubmit={handleCreate} />
+    </div>
+  );
+}

package/bootstrap/admin/[slug]/page.tsx

@@ -0,0 +1,32 @@
+/**
+ * Admin page for Users resource
+ * Generic renderer that reads from resource.ts
+ */
+
+import AnvilTable from "@/components/admin/AnvilTable";
+import Link from "next/link";
+import { AnvilResource } from "@/lib/anvil/resource";
+
+export default async function ResourceAdminPage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const resource = (await import(`@/lib/resources/${slug}`))
+    .default as AnvilResource;
+  return (
+    <div className="space-y-6">
+      <div className="flex justify-between items-center">
+        <h1 className="text-3xl font-bold text-gray-900">{resource.label}</h1>
+        <Link
+          href={`/admin/${resource.slug}/create`}
+          className="inline-flex items-center px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-md hover:bg-blue-700 transition-colors"
+        >
+          Create {resource.label.slice(0, -1)}
+        </Link>
+      </div>
+      <AnvilTable resource={resource} />
+    </div>
+  );
+}

package/bootstrap/admin/layout.tsx

@@ -0,0 +1,29 @@
+import Link from "next/link";
+
+export default function AdminLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <nav className="bg-white border-b border-gray-200">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex justify-between h-16">
+            <div className="flex">
+              <Link
+                href="/admin"
+                className="flex items-center px-4 text-lg font-semibold text-gray-900"
+              >
+                Admin
+              </Link>
+            </div>
+          </div>
+        </div>
+      </nav>
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        {children}
+      </main>
+    </div>
+  );
+}

package/bootstrap/admin/page.tsx

@@ -0,0 +1,38 @@
+/**
+ * Admin dashboard/index page
+ * Lists all available resources
+ */
+
+import Link from "next/link";
+
+// TODO: Auto-discover resources from /app/admin/*/resource.ts
+const resources = [{ slug: "users", label: "Users" }];
+
+export default function AdminDashboard() {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold text-gray-900">Admin Dashboard</h1>
+        <p className="mt-2 text-sm text-gray-600">
+          Manage your application resources
+        </p>
+      </div>
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+        {resources.map((resource) => (
+          <Link
+            key={resource.slug}
+            href={`/admin/${resource.slug}`}
+            className="block p-6 bg-white rounded-lg shadow hover:shadow-md transition-all border border-gray-200 hover:border-blue-300"
+          >
+            <h2 className="text-lg font-semibold text-gray-900">
+              {resource.label}
+            </h2>
+            <p className="mt-2 text-sm text-gray-500">
+              Manage {resource.label.toLowerCase()}
+            </p>
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+}

package/bootstrap/components/anvil/AnvilForm.tsx

@@ -0,0 +1,182 @@
+"use client";
+
+import { useState } from "react";
+import type { FieldConfig } from "next-anvil/fields";
+import { FormSchema } from "next-anvil/form";
+import {
+  TextField,
+  EmailField,
+  SelectField,
+  DateField,
+  NumberField,
+  TextareaField,
+} from "next-anvil/components/fields";
+
+interface AnvilFormProps {
+  schema: FormSchema;
+  initialData?: Record<string, any>;
+  onSubmit: (data: Record<string, any>) => Promise<void>;
+  onCancel?: () => void;
+  submitting?: boolean;
+  errors?: Record<string, string>;
+  submitLabel?: string;
+  cancelLabel?: string;
+}
+
+export function AnvilForm({
+  schema,
+  initialData = {},
+  onSubmit,
+  onCancel,
+  submitting: externalSubmitting,
+  errors: externalErrors = {},
+  submitLabel = "Save",
+  cancelLabel = "Cancel",
+}: AnvilFormProps) {
+  const [formData, setFormData] = useState<Record<string, any>>(initialData);
+  const [internalSubmitting, setInternalSubmitting] = useState(false);
+  const [internalErrors, setInternalErrors] = useState<Record<string, string>>(
+    {}
+  );
+
+  const submitting = externalSubmitting ?? internalSubmitting;
+  const errors = { ...internalErrors, ...externalErrors };
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    setInternalSubmitting(true);
+    setInternalErrors({});
+
+    try {
+      await onSubmit(formData);
+    } catch (error: any) {
+      const errorMap: Record<string, string> = {};
+      if (error.field) {
+        errorMap[error.field] = error.message;
+      } else {
+        errorMap._general = error.message || "An error occurred";
+      }
+      setInternalErrors(errorMap);
+    } finally {
+      setInternalSubmitting(false);
+    }
+  }
+
+  function renderField(
+    fieldName: string,
+    fieldConfig: FieldConfig,
+    value: any
+  ) {
+    // Skip hidden fields in form rendering
+    if (fieldConfig.type === "hidden") {
+      return null;
+    }
+
+    const fieldError = errors[fieldName];
+    const isDisabled = submitting || fieldConfig.readOnly;
+
+    const commonProps = {
+      fieldName,
+      fieldConfig: fieldConfig as any,
+      value,
+      error: fieldError,
+      disabled: isDisabled,
+    };
+
+    switch (fieldConfig.type) {
+      case "text":
+        return (
+          <TextField
+            key={fieldName}
+            {...commonProps}
+            onChange={(val) => setFormData({ ...formData, [fieldName]: val })}
+          />
+        );
+
+      case "email":
+        return (
+          <EmailField
+            key={fieldName}
+            {...commonProps}
+            onChange={(val) => setFormData({ ...formData, [fieldName]: val })}
+          />
+        );
+
+      case "select":
+        return (
+          <SelectField
+            key={fieldName}
+            {...commonProps}
+            onChange={(val) => setFormData({ ...formData, [fieldName]: val })}
+          />
+        );
+
+      case "date":
+        return (
+          <DateField
+            key={fieldName}
+            {...commonProps}
+            onChange={(val) => setFormData({ ...formData, [fieldName]: val })}
+          />
+        );
+
+      case "number":
+        return (
+          <NumberField
+            key={fieldName}
+            {...commonProps}
+            onChange={(val) => setFormData({ ...formData, [fieldName]: val })}
+          />
+        );
+
+      case "textarea":
+        return (
+          <TextareaField
+            key={fieldName}
+            {...commonProps}
+            onChange={(val) => setFormData({ ...formData, [fieldName]: val })}
+          />
+        );
+
+      default:
+        return null;
+    }
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="bg-white shadow rounded-lg p-6">
+      {errors._general && (
+        <div className="mb-6 p-4 bg-red-50 border border-red-200 rounded-md text-red-700">
+          <p className="font-medium">Error</p>
+          <p className="text-sm mt-1">{errors._general}</p>
+        </div>
+      )}
+
+      <div className="grid grid-cols-4 gap-6">
+        {Object.entries(schema.fields || {}).map(([fieldName, fieldConfig]) =>
+          renderField(fieldName, fieldConfig, formData[fieldName])
+        )}
+      </div>
+
+      <div className="mt-8 flex gap-3 border-t border-gray-200 pt-6">
+        <button
+          type="submit"
+          disabled={submitting}
+          className="px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+        >
+          {submitting ? "Saving..." : submitLabel}
+        </button>
+        {onCancel && (
+          <button
+            type="button"
+            onClick={onCancel}
+            disabled={submitting}
+            className="px-4 py-2 bg-gray-200 text-gray-700 text-sm font-medium rounded-md hover:bg-gray-300 disabled:opacity-50 transition-colors"
+          >
+            {cancelLabel}
+          </button>
+        )}
+      </div>
+    </form>
+  );
+}

package/bootstrap/components/anvil/AnvilTable.tsx

@@ -0,0 +1,113 @@
+import { AnvilResource } from "next-anvil/resource";
+import { TableColumn } from "next-anvil/table";
+import { prisma } from "@/lib/prisma";
+import Link from "next/link";
+
+export default async function AnvilTable({
+  resource,
+}: {
+  resource: AnvilResource;
+}) {
+  const records = await (prisma as any)[resource.model].findMany();
+
+  if (records.length === 0) {
+    return (
+      <div className="bg-white shadow rounded-lg p-12 text-center">
+        <p className="text-gray-500 text-lg">No records found</p>
+        <p className="text-gray-400 text-sm mt-2">
+          Get started by creating a new {resource.label.toLowerCase()}
+        </p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="bg-white shadow rounded-lg overflow-hidden">
+      <div className="overflow-x-auto">
+        <table className="min-w-full divide-y divide-gray-200">
+          <thead className="bg-gray-50">
+            <tr>
+              {resource.table.columns.map((col: TableColumn) => {
+                if (col.visible === "never") return null;
+                return (
+                  <th
+                    key={col.name}
+                    className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
+                  >
+                    {col.label || col.name}
+                  </th>
+                );
+              })}
+              <th className="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Actions
+              </th>
+            </tr>
+          </thead>
+          <tbody className="bg-white divide-y divide-gray-200">
+            {records.map((record: any) => (
+              <tr
+                key={record.id}
+                className="hover:bg-gray-50 transition-colors"
+              >
+                {resource.table.columns.map((col: TableColumn) => {
+                  if (col.visible === "never") return null;
+                  const value = record[col.name];
+                  let displayValue = value;
+
+                  if (value === null || value === undefined) {
+                    displayValue = (
+                      <span className="text-gray-400 italic">-</span>
+                    );
+                  } else if (value instanceof Date) {
+                    displayValue = new Date(value).toLocaleDateString("en-US", {
+                      year: "numeric",
+                      month: "short",
+                      day: "numeric",
+                    });
+                  } else if (typeof value === "boolean") {
+                    displayValue = (
+                      <span
+                        className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${
+                          value
+                            ? "bg-green-100 text-green-800"
+                            : "bg-gray-100 text-gray-800"
+                        }`}
+                      >
+                        {value ? "Yes" : "No"}
+                      </span>
+                    );
+                  }
+
+                  return (
+                    <td
+                      key={col.name}
+                      className="px-6 py-4 whitespace-nowrap text-sm text-gray-900"
+                    >
+                      {displayValue}
+                    </td>
+                  );
+                })}
+                <td className="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                  <div className="flex justify-end gap-3">
+                    <Link
+                      href={`/admin/${resource.slug}/${record.id}/edit`}
+                      className="text-blue-600 hover:text-blue-900 font-medium"
+                    >
+                      Edit
+                    </Link>
+                    <Link
+                      href={`/admin/${resource.slug}/${record.id}/delete`}
+                      className="text-red-600 hover:text-red-900 font-medium"
+                    >
+                      Delete
+                    </Link>
+                  </div>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}

package/bootstrap/components/anvil/CreateResourceForm.tsx

@@ -0,0 +1,47 @@
+/**
+ * CreateResourceForm - Client component wrapper for creating resources
+ * Separates client-side form logic from server-side data operations
+ */
+
+"use client";
+
+import { FormSchema } from "next-anvil/form";
+import { AnvilForm } from "./AnvilForm";
+import { useRouter } from "next/navigation";
+
+interface CreateResourceFormProps {
+  schema: FormSchema;
+  onSubmit: (data: Record<string, any>) => Promise<void>;
+}
+
+export function CreateResourceForm({
+  schema,
+  onSubmit,
+}: CreateResourceFormProps) {
+  const router = useRouter();
+
+  async function handleSubmit(data: Record<string, any>) {
+    try {
+      await onSubmit(data);
+      // Server action handles redirect, but refresh in case of client-side navigation
+      router.refresh();
+    } catch (error: any) {
+      // Error handling is done in the server action
+      throw error;
+    }
+  }
+
+  function handleCancel() {
+    router.back();
+  }
+
+  return (
+    <AnvilForm
+      schema={schema}
+      onSubmit={handleSubmit}
+      onCancel={handleCancel}
+      submitLabel="Create"
+      cancelLabel="Cancel"
+    />
+  );
+}

package/bootstrap/components/anvil/DeleteResourceForm.tsx

@@ -0,0 +1,96 @@
+/**
+ * DeleteResourceForm - Client component for confirming deletion
+ */
+
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+interface DeleteResourceFormProps {
+  record: Record<string, any>;
+  resourceLabel: string;
+  onDelete: () => Promise<void>;
+}
+
+export function DeleteResourceForm({
+  record,
+  resourceLabel,
+  onDelete,
+}: DeleteResourceFormProps) {
+  const router = useRouter();
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  async function handleDelete() {
+    setIsDeleting(true);
+    setError(null);
+
+    try {
+      await onDelete();
+      router.push(`/admin/`);
+      router.refresh();
+    } catch (error: any) {
+      setError(error.message || "Failed to delete record");
+      setIsDeleting(false);
+    }
+  }
+
+  function handleCancel() {
+    router.back();
+  }
+
+  // Get a display value for the record (prefer name, email, or id)
+  const displayValue =
+    record.name ||
+    record.email ||
+    record.title ||
+    (record.firstName && record.lastName
+      ? `${record.firstName} ${record.lastName}`
+      : record.firstName || record.lastName) ||
+    `#${record.id}`;
+
+  return (
+    <div className="bg-white shadow rounded-lg p-6">
+      {error && (
+        <div className="mb-6 p-4 bg-red-50 border border-red-200 rounded-md text-red-700">
+          <p className="font-medium">Error</p>
+          <p className="text-sm mt-1">{error}</p>
+        </div>
+      )}
+
+      <div className="mb-6">
+        <p className="text-gray-700 mb-4">
+          Are you sure you want to delete this {resourceLabel.toLowerCase()}?
+          This action cannot be undone.
+        </p>
+        <div className="bg-gray-50 border border-gray-200 p-4 rounded-md">
+          <p className="font-medium text-gray-900">{displayValue}</p>
+          {record.email && (
+            <p className="text-sm text-gray-600 mt-1">{record.email}</p>
+          )}
+        </div>
+      </div>
+
+      <div className="flex gap-3 border-t border-gray-200 pt-6">
+        <button
+          type="button"
+          onClick={handleDelete}
+          disabled={isDeleting}
+          className="px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-md hover:bg-red-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+        >
+          {isDeleting ? "Deleting..." : "Delete"}
+        </button>
+        <button
+          type="button"
+          onClick={handleCancel}
+          disabled={isDeleting}
+          className="px-4 py-2 bg-gray-200 text-gray-700 text-sm font-medium rounded-md hover:bg-gray-300 disabled:opacity-50 transition-colors"
+        >
+          Cancel
+        </button>
+      </div>
+    </div>
+  );
+}
+

package/bootstrap/components/anvil/EditResourceForm.tsx

@@ -0,0 +1,51 @@
+/**
+ * EditResourceForm - Client component wrapper for editing resources
+ * Separates client-side form logic from server-side data operations
+ */
+
+"use client";
+
+import { FormSchema } from "next-anvil/form";
+import { AnvilForm } from "./AnvilForm";
+import { useRouter } from "next/navigation";
+
+interface EditResourceFormProps {
+  schema: FormSchema;
+  initialData: Record<string, any>;
+  onSubmit: (data: Record<string, any>) => Promise<void>;
+}
+
+export function EditResourceForm({
+  schema,
+  initialData,
+  onSubmit,
+}: EditResourceFormProps) {
+  const router = useRouter();
+
+  async function handleSubmit(data: Record<string, any>) {
+    try {
+      await onSubmit(data);
+      router.push(`/admin/`);
+      router.refresh();
+    } catch (error: any) {
+      // Error handling is done in the server action
+      throw error;
+    }
+  }
+
+  function handleCancel() {
+    router.back();
+  }
+
+  return (
+    <AnvilForm
+      schema={schema}
+      initialData={initialData}
+      onSubmit={handleSubmit}
+      onCancel={handleCancel}
+      submitLabel="Update"
+      cancelLabel="Cancel"
+    />
+  );
+}
+

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -0,0 +1,137 @@
+#!/usr/bin/env node
+import { execSync } from "child_process";
+import { existsSync, mkdirSync, writeFileSync, readFileSync, cpSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const projectName = process.argv[2];
+if (!projectName) {
+    console.error("Please provide a project name:");
+    console.error("  npx create-anvil-app <project-name>");
+    process.exit(1);
+}
+const projectPath = join(process.cwd(), projectName);
+if (existsSync(projectPath)) {
+    console.error(`Directory ${projectName} already exists.`);
+    process.exit(1);
+}
+console.log(`Creating Next-anvil app: ${projectName}\n`);
+// Step 1: Create Next.js app
+console.log("📦 Creating Next.js app...");
+try {
+    execSync(`npx create-next-app@latest ${projectName} --typescript --tailwind --app --import-alias "@/*" --use-npm --yes`, { stdio: "inherit", cwd: process.cwd() });
+}
+catch (error) {
+    console.error("Failed to create Next.js app:", error);
+    process.exit(1);
+}
+console.log("\n✅ Next.js app created successfully!");
+// Step 2: Install next-anvil
+console.log("\n📦 Installing next-anvil...");
+try {
+    execSync("npm install next-anvil", {
+        stdio: "inherit",
+        cwd: projectPath,
+    });
+}
+catch (error) {
+    console.error("Failed to install next-anvil:", error);
+    process.exit(1);
+}
+// Step 2.5: Copy bootstrap files
+console.log("\n📋 Copying Anvil bootstrap files...");
+// When installed, __dirname points to dist/, so go up one level to find bootstrap
+const bootstrapDir = join(__dirname, "..", "bootstrap");
+// Copy admin folder to app/admin
+const bootstrapAdminDir = join(bootstrapDir, "admin");
+const targetAdminDir = join(projectPath, "app", "admin");
+if (existsSync(bootstrapAdminDir)) {
+    cpSync(bootstrapAdminDir, targetAdminDir, { recursive: true });
+    console.log("  ✅ Copied admin folder to app/admin");
+}
+// Copy components folder to src/components
+const bootstrapComponentsDir = join(bootstrapDir, "components");
+const targetComponentsDir = join(projectPath, "src", "components");
+if (existsSync(bootstrapComponentsDir)) {
+    mkdirSync(join(projectPath, "src"), { recursive: true });
+    cpSync(bootstrapComponentsDir, targetComponentsDir, { recursive: true });
+    console.log("  ✅ Copied components folder to src/components");
+}
+// Step 3: Add Anvil-specific files and configuration
+console.log("\n🔨 Setting up Anvil configuration...");
+// Create lib/resources directory
+const resourcesDir = join(projectPath, "anvil", "resources");
+mkdirSync(resourcesDir, { recursive: true });
+// Create .gitkeep to ensure directory exists
+writeFileSync(join(resourcesDir, ".gitkeep"), "");
+// Update package.json to add anvil script
+const packageJsonPath = join(projectPath, "package.json");
+const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+if (!packageJson.scripts) {
+    packageJson.scripts = {};
+}
+packageJson.scripts.anvil = "anvil";
+writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + "\n");
+// Create app layout with Anvil styles import
+const appLayoutPath = join(projectPath, "app", "layout.tsx");
+if (existsSync(appLayoutPath)) {
+    let layoutContent = readFileSync(appLayoutPath, "utf-8");
+    // Add Anvil styles import if not already present
+    if (!layoutContent.includes("next-anvil/styles.css")) {
+        // Find the last import statement
+        const lastImportIndex = layoutContent.lastIndexOf("import");
+        const nextLineAfterLastImport = layoutContent.indexOf("\n", lastImportIndex) + 1;
+        layoutContent =
+            layoutContent.slice(0, nextLineAfterLastImport) +
+                'import "next-anvil/styles.css";\n' +
+                layoutContent.slice(nextLineAfterLastImport);
+        writeFileSync(appLayoutPath, layoutContent);
+    }
+}
+// Create example .env.local with Prisma DATABASE_URL
+const envLocalPath = join(projectPath, ".env.local");
+if (!existsSync(envLocalPath)) {
+    writeFileSync(envLocalPath, `# Database
+DATABASE_URL="postgresql://user:password@localhost:5432/anvil?schema=public"
+
+# Next.js
+NEXT_PUBLIC_APP_URL=http://localhost:3000
+`);
+}
+// Create example prisma schema
+const prismaDir = join(projectPath, "prisma");
+mkdirSync(prismaDir, { recursive: true });
+const prismaSchemaPath = join(prismaDir, "schema.prisma");
+if (!existsSync(prismaSchemaPath)) {
+    writeFileSync(prismaSchemaPath, `// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
+
+// Example model - customize as needed
+model User {
+  id        String   @id @default(cuid())
+  name      String
+  email     String   @unique
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+`);
+}
+console.log("\n✅ Anvil setup complete!");
+console.log("\n📝 Next steps:");
+console.log(`  1. cd ${projectName}`);
+console.log("  2. Update .env.local with your database URL");
+console.log("  3. Run: anvil db:migrate");
+console.log("  4. Run: npm run dev");
+console.log("  5. Visit: http://localhost:3000/admin");
+console.log("\n🎉 Happy coding!");
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "forge-anvil-app",
+  "version": "0.1.0",
+  "description": "Create a new Next-anvil application",
+  "type": "module",
+  "bin": {
+    "create-anvil-app": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "bootstrap"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build && node ../../scripts/postbuild-create-anvil-app.js"
+  },
+  "dependencies": {
+    "create-next-app": "^15.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "typescript": "^5.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}