@proofkit/cli 1.0.0 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proofkit/cli",
-  "version": "1.0.0",
+  "version": "1.1.5",
   "description": "Create web application with the ProofKit stack",
   "license": "MIT",
   "repository": {
@@ -20,7 +20,7 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "types": "./index.d.ts"
+      "types": "./dist/index.d.ts"
     }
   },
   "bin": {
@@ -28,7 +28,6 @@
   },
   "files": [
     "dist",
-    "index.d.ts",
     "template",
     "README.md",
     "LICENSE",
@@ -56,11 +55,14 @@
     "jsonc-parser": "^3.3.1",
     "open": "^10.1.0",
     "ora": "6.3.1",
+    "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.5",
     "randomstring": "^1.3.0",
     "semver": "^7.6.3",
     "sort-package-json": "^2.10.0",
     "ts-morph": "^26.0.0",
-    "@proofkit/fmdapi": "5.0.0"
+    "@proofkit/fmdapi": "5.0.0",
+    "@proofkit/typegen": "1.0.6"
   },
   "devDependencies": {
     "@auth/drizzle-adapter": "^1.1.0",
@@ -78,30 +80,27 @@
     "@types/axios": "^0.14.0",
     "@types/fs-extra": "^11.0.4",
     "@types/gradient-string": "^1.1.6",
-    "@types/node": "^22.15.19",
+    "@types/node": "^22.15.32",
     "@types/randomstring": "^1.3.0",
-    "@types/react": "^19.1.2",
+    "@types/react": "^19.1.8",
     "@types/semver": "^7.5.8",
     "@vitest/coverage-v8": "^1.4.0",
     "drizzle-kit": "^0.21.4",
     "drizzle-orm": "^0.30.10",
     "mysql2": "^3.9.7",
-    "next": "^15.3.3",
+    "next": "^15.3.4",
     "next-auth": "^4.24.7",
     "postgres": "^3.4.4",
-    "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.5",
     "prisma": "^5.14.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "superjson": "^2.2.1",
-    "tailwindcss": "^4.1.4",
+    "tailwindcss": "^4.1.10",
     "tsup": "^6.7.0",
     "type-fest": "^3.13.1",
     "typescript": "^5.8.3",
     "vitest": "^3.2.3",
-    "zod": "3.25.64",
-    "@proofkit/typegen": "1.0.0"
+    "zod": "3.25.64"
   },
   "scripts": {
     "typecheck": "tsc",

package/template/nextjs/.prettierrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

package/template/nextjs/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/config/theme/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": "tw:"
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/utils/styles",
+    "ui": "@/components/ui",
+    "lib": "@/utils",
+    "hooks": "@/utils/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/template/nextjs/package.json

@@ -12,9 +12,9 @@
     "deploy": "proofkit deploy"
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.10.0",
-    "@next-safe-action/adapter-react-hook-form": "^1.0.13",
-    "next-safe-action": "^7.10.4",
+    "@hookform/resolvers": "^5.1.1",
+    "@next-safe-action/adapter-react-hook-form": "^2.0.0",
+    "next-safe-action": "^8.0.4",
     "react-hook-form": "^7.54.2",
     "@tabler/icons-react": "^3.30.0",
     "@mantine/core": "^7.17.0",

package/template/nextjs/postcss.config.cjs

@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    "@tailwindcss/postcss": {},
     "postcss-preset-mantine": {},
     "postcss-simple-vars": {
       variables: {

package/template/nextjs/proofkit.json

@@ -1 +1,6 @@
-{ "auth": { "type": "none" }, "envFile": ".env", "appType": "browser" }
+{
+  "auth": { "type": "none" },
+  "envFile": ".env",
+  "appType": "browser",
+  "appliedUpgrades": ["shadcn", "cursorRules"]
+}

package/template/nextjs/src/config/theme/globals.css

@@ -1 +1,125 @@
 /* Add global styles here */
+
+@import "tailwindcss" prefix(tw);
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply tw:border-border tw:outline-ring/50;
+  }
+  body {
+    @apply tw:bg-background tw:text-foreground;
+  }
+}

package/template/nextjs/src/utils/styles.ts

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: any[]) {
+  return twMerge(clsx(inputs));
+}

package/template/pages/nextjs/table-edit/actions.ts

@@ -1,12 +1,13 @@
 "use server";
 
-import { __CLIENT_NAME__ } from "@/config/schemas/__SOURCE_NAME__/client";
 import { __ZOD_TYPE_NAME__ } from "@/config/schemas/__SOURCE_NAME__/__SCHEMA_NAME__";
+import { __CLIENT_NAME__ } from "@/config/schemas/__SOURCE_NAME__/client";
 import { __ACTION_CLIENT__ } from "@/server/safe-action";
+
 import { idFieldName } from "./schema";
 
 export const updateRecord = __ACTION_CLIENT__
-  .schema(__ZOD_TYPE_NAME__.partial())
+  .inputSchema(__ZOD_TYPE_NAME__.partial())
   .action(async ({ parsedInput }) => {
     const id = parsedInput[idFieldName];
     delete parsedInput[idFieldName]; // this ensures the id field value is not included in the updated fieldData

package/template/pages/nextjs/table-infinite/actions.ts

@@ -3,13 +3,13 @@
 import { __TYPE_NAME__ } from "@/config/schemas/__SOURCE_NAME__/__SCHEMA_NAME__";
 import { __CLIENT_NAME__ } from "@/config/schemas/__SOURCE_NAME__/client";
 import { __ACTION_CLIENT__ } from "@/server/safe-action";
-import { ListParams, Query } from "@proofkit/fmdapi/dist/client-types.js";
+import { clientTypes } from "@proofkit/fmdapi";
 import dayjs from "dayjs";
 import { z } from "zod/v4";
 
 const limit = 50; // raise or lower this number depending on how your layout performs
 export const fetchData = __ACTION_CLIENT__
-  .schema(
+  .inputSchema(
     z.object({
       offset: z.number().catch(0),
       sorting: z.array(
@@ -20,8 +20,8 @@ export const fetchData = __ACTION_CLIENT__
   )
   .action(async ({ parsedInput: { offset, sorting, columnFilters } }) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const getOptions: ListParams<__TYPE_NAME__, any> & {
-      query: Query<__TYPE_NAME__>[];
+    const getOptions: clientTypes.ListParams<__TYPE_NAME__, any> & {
+      query: clientTypes.Query<__TYPE_NAME__>[];
     } = {
       limit,
       offset,
@@ -49,7 +49,7 @@ export const fetchData = __ACTION_CLIENT__
           }
           return null;
         })
-        .filter(Boolean) as Query<any>[];
+        .filter(Boolean) as clientTypes.Query<any>[];
     }
 
     const data = await __CLIENT_NAME__.find(getOptions);

package/template/pages/nextjs/table-infinite-edit/actions.ts

@@ -6,7 +6,7 @@ import {
 } from "@/config/schemas/__SOURCE_NAME__/__SCHEMA_NAME__";
 import { __CLIENT_NAME__ } from "@/config/schemas/__SOURCE_NAME__/client";
 import { __ACTION_CLIENT__ } from "@/server/safe-action";
-import { ListParams, Query } from "@proofkit/fmdapi/dist/client-types.js";
+import { clientTypes } from "@proofkit/fmdapi";
 import dayjs from "dayjs";
 import { z } from "zod/v4";
 
@@ -14,7 +14,7 @@ import { idFieldName } from "./schema";
 
 const limit = 50; // raise or lower this number depending on how your layout performs
 export const fetchData = __ACTION_CLIENT__
-  .schema(
+  .inputSchema(
     z.object({
       offset: z.number().catch(0),
       sorting: z.array(
@@ -25,8 +25,8 @@ export const fetchData = __ACTION_CLIENT__
   )
   .action(async ({ parsedInput: { offset, sorting, columnFilters } }) => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const getOptions: ListParams<__TYPE_NAME__, any> & {
-      query: Query<__TYPE_NAME__>[];
+    const getOptions: clientTypes.ListParams<__TYPE_NAME__, any> & {
+      query: clientTypes.Query<__TYPE_NAME__>[];
     } = {
       limit,
       offset,
@@ -54,7 +54,7 @@ export const fetchData = __ACTION_CLIENT__
           }
           return null;
         })
-        .filter(Boolean) as Query<any>[];
+        .filter(Boolean) as clientTypes.Query<any>[];
     }
 
     const data = await __CLIENT_NAME__.find(getOptions);
@@ -67,7 +67,7 @@ export const fetchData = __ACTION_CLIENT__
   });
 
 export const updateRecord = __ACTION_CLIENT__
-  .schema(__ZOD_TYPE_NAME__.partial())
+  .inputSchema(__ZOD_TYPE_NAME__.partial())
   .action(async ({ parsedInput }) => {
     const id = parsedInput[idFieldName];
     delete parsedInput[idFieldName]; // this ensures the id field value is not included in the updated fieldData

package/template/vite-wv/.prettierrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

package/template/vite-wv/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/config/theme/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": "tw:"
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/utils/styles",
+    "ui": "@/components/ui",
+    "lib": "@/utils",
+    "hooks": "@/utils/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/template/vite-wv/postcss.config.cjs

@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    "@tailwindcss/postcss": {},
     "postcss-preset-mantine": {},
     "postcss-simple-vars": {
       variables: {

package/template/vite-wv/proofkit.json

@@ -1 +1,6 @@
-{ "auth": { "type": "none" }, "envFile": ".env", "appType": "webviewer" }
+{
+  "auth": { "type": "none" },
+  "envFile": ".env",
+  "appType": "webviewer",
+  "appliedUpgrades": ["shadcn"]
+}

package/template/vite-wv/src/config/theme/globals.css

@@ -1 +1,125 @@
 /* Add global styles here */
+
+@import "tailwindcss" prefix(tw);
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.269 0 0);
+  --input: oklch(0.269 0 0);
+  --ring: oklch(0.439 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0 0);
+  --sidebar-ring: oklch(0.439 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply tw:border-border tw:outline-ring/50;
+  }
+  body {
+    @apply tw:bg-background tw:text-foreground;
+  }
+}

package/template/vite-wv/src/utils/styles.ts

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: any[]) {
+  return twMerge(clsx(inputs));
+}