create-nextjs-cms 0.5.8

package/templates/default/middleware.ts

@@ -0,0 +1,33 @@
+import { NextRequest } from 'next/server'
+import { validateCSRFToken } from 'nextjs-cms/auth/actions'
+
+export async function middleware(request: NextRequest) {
+    /**
+     * If the request is a POST request, we will check if the request body is empty.
+     */
+    if (['POST', 'PUT', 'DELETE'].includes(request.method)) {
+        /**
+         * Check for csrf token in the request body
+         */
+        const csrfToken = request.cookies.get('csrf_token')
+        const csrfTokenHeader = request.headers.get('x-csrf-token') ?? undefined
+        const csrfValid = await validateCSRFToken({ cookieValue: csrfToken?.value, bodyValue: csrfTokenHeader })
+        if (!csrfValid) {
+            return Response.json({ success: false, message: 'Invalid CSRF token' }, { status: 400 })
+        }
+    }
+}
+
+export const config = {
+    runtime: 'nodejs', // Specify the runtime environment as Node.js
+    matcher: [
+        /*
+         * Match all request paths except for the ones starting with:
+         * - api (API routes)
+         * - _next/static (static files)
+         * - _next/image (image optimization files)
+         * - favicon.ico (favicon file)
+         */
+        '/((?!_next/static|_next/image|favicon.ico).*)',
+    ],
+}

package/templates/default/next.config.ts

@@ -0,0 +1,46 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+    typescript: {
+        // !! WARN !!
+        // Dangerously allow production builds to successfully complete even if
+        // your project has type errors.
+        // !! WARN !!
+        ignoreBuildErrors: true,
+    },
+    reactStrictMode: true,
+    async rewrites() {
+        return [
+            {
+                source: '/browse/:section',
+                destination: '/browse/:section/1',
+            },
+        ]
+    },
+    images: {
+        formats: ['image/avif', 'image/webp'],
+        unoptimized: true,
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'lazemnicms.com',
+                port: '',
+                pathname: '/**',
+            },
+            {
+                protocol: 'https',
+                hostname: 'api.lazemnicms.com',
+                port: '',
+                pathname: '/**',
+            },
+            {
+                protocol: 'https',
+                hostname: 'images.lazemnicms.com',
+                port: '',
+                pathname: '/**',
+            },
+        ],
+    },
+}
+
+export default nextConfig;

package/templates/default/package.json

@@ -0,0 +1,134 @@
+{
+  "name": "cms",
+  "version": "0.5.8",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "typecheck": "tsc --noEmit",
+    "postinstall": "node ./postinstall.js",
+    "db:gen": "drizzle-kit generate",
+    "db:push": "drizzle-kit push --config=db/drizzle.config.ts",
+    "db:mig": "tsx db/migrate.ts",
+    "next-cms-kit": "tsx --env-file=.env cli.ts",
+    "next-cms-kit:dev": "tsx --env-file=.env.development cli.ts --dev"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.10.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@formkit/auto-animate": "^0.8.2",
+    "@google-analytics/data": "^4.12.0",
+    "@headlessui/react": "^2.2.0",
+    "@hookform/resolvers": "^5.2.2",
+    "@material-tailwind/react": "^2.1.10",
+    "@mui/material": "^6.4.3",
+    "@next/env": "^15.1.6",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-aspect-ratio": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toast": "^1.2.6",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@tanstack/react-query": "^5.66.0",
+    "@tanstack/react-query-devtools": "^5.66.0",
+    "@tinymce/tinymce-react": "^5.1.1",
+    "@trpc/client": "^11.0.0-rc.477",
+    "@trpc/next": "^11.0.0-rc.477",
+    "@trpc/react-query": "^11.0.0-rc.477",
+    "@trpc/server": "^11.0.0-rc.477",
+    "@typescript-eslint/eslint-plugin": "^8.23.0",
+    "@typescript-eslint/parser": "^8.23.0",
+    "@vis.gl/react-google-maps": "^0.5.0",
+    "app-root-path": "^3.1.0",
+    "axios": "^1.8.4",
+    "bcrypt": "^6.0.0",
+    "chalk": "^5.4.1",
+    "chart.js": "^4.4.7",
+    "class-variance-authority": "^0.7.1",
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
+    "commander": "^13.1.0",
+    "cosmiconfig": "^9.0.0",
+    "date-fns": "^4.1.0",
+    "dayjs": "^1.11.13",
+    "deepmerge": "^4.3.1",
+    "dotenv": "^16.4.7",
+    "drizzle-orm": "^0.44.6",
+    "drizzle-zod": "^0.7.0",
+    "esbuild-register": "^3.6.0",
+    "eslint-plugin-drizzle": "^0.2.3",
+    "file-type": "^20.1.0",
+    "fs-extra": "^11.3.0",
+    "gradient-string": "^3.0.0",
+    "isomorphic-dompurify": "^2.21.0",
+    "jsonwebtoken": "^9.0.2",
+    "lodash-es": "^4.17.21",
+    "lucide-react": "^0.475.0",
+    "mysql2": "^3.12.0",
+    "nanoid": "^5.1.2",
+    "next": "^15.5.5",
+    "next-themes": "^0.4.4",
+    "nextjs-cms": "0.5.8",
+    "plaiceholder": "^3.0.0",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "qrcode": "^1.5.4",
+    "react": "19.0.0",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "19.0.0",
+    "react-dropzone": "^14.3.5",
+    "react-hook-form": "^7.66.1",
+    "read-chunk": "^5.0.0",
+    "recharts": "^2.15.1",
+    "remove": "^0.1.5",
+    "require-main-filename": "^2.0.0",
+    "server-only": "^0.0.1",
+    "sharp": "^0.33.5",
+    "superjson": "^2.2.2",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss-animate": "^1.0.7",
+    "through2": "^4.0.2",
+    "tinymce": "^7.6.1",
+    "tsx": "^4.20.6",
+    "zod": "4.1.12"
+  },
+  "devDependencies": {
+    "@types/bcrypt": "^6.0.0",
+    "@types/express-session": "^1.18.1",
+    "@types/jsonwebtoken": "^9.0.9",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "22.13.8",
+    "@types/react": "19.0.10",
+    "@types/react-dom": "19.0.4",
+    "@types/through2": "^2.0.41",
+    "autoprefixer": "^10.4.20",
+    "cross-env": "^7.0.3",
+    "drizzle-kit": "^0.31.5",
+    "eslint": "^9.20.0",
+    "eslint-config-next": "^15.3.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "hanji": "^0.0.5",
+    "nextjs-cms-kit": "0.5.8",
+    "postcss": "^8.5.1",
+    "prettier": "3.5.0",
+    "tailwindcss": "^3.4.16",
+    "ts-node": "^10.9.2",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3"
+  }
+}

package/templates/default/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/templates/default/postinstall.js

@@ -0,0 +1,14 @@
+const fse = require('fs-extra')
+const path = require('path')
+
+// Resolve the TinyMCE package path
+const tinymcePath = path.dirname(require.resolve('tinymce/package.json'))
+
+// Define the target directory
+const targetDir = path.join(__dirname, 'public', 'tinymce')
+
+// Empty and copy the directory
+fse.emptyDirSync(targetDir)
+fse.copySync(tinymcePath, targetDir, { overwrite: true })
+
+console.log('Successfully copied TinyMCE to public directory')

package/templates/default/public/img/placeholder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" fill="none"><rect width="1200" height="1200" fill="#EAEAEA" rx="3"/><g opacity=".5"><g opacity=".5"><path fill="#FAFAFA" d="M600.709 736.5c-75.454 0-136.621-61.167-136.621-136.62 0-75.454 61.167-136.621 136.621-136.621 75.453 0 136.62 61.167 136.62 136.621 0 75.453-61.167 136.62-136.62 136.62Z"/><path stroke="#C9C9C9" stroke-width="2.418" d="M600.709 736.5c-75.454 0-136.621-61.167-136.621-136.62 0-75.454 61.167-136.621 136.621-136.621 75.453 0 136.62 61.167 136.62 136.621 0 75.453-61.167 136.62-136.62 136.62Z"/></g><path stroke="url(#a)" stroke-width="2.418" d="M0-1.209h553.581" transform="scale(1 -1) rotate(45 1163.11 91.165)"/><path stroke="url(#b)" stroke-width="2.418" d="M404.846 598.671h391.726"/><path stroke="url(#c)" stroke-width="2.418" d="M599.5 795.742V404.017"/><path stroke="url(#d)" stroke-width="2.418" d="m795.717 796.597-391.441-391.44"/><path fill="#fff" d="M600.709 656.704c-31.384 0-56.825-25.441-56.825-56.824 0-31.384 25.441-56.825 56.825-56.825 31.383 0 56.824 25.441 56.824 56.825 0 31.383-25.441 56.824-56.824 56.824Z"/><g clip-path="url(#e)"><path fill="#666" fill-rule="evenodd" d="M616.426 586.58h-31.434v16.176l3.553-3.554.531-.531h9.068l.074-.074 8.463-8.463h2.565l7.18 7.181V586.58Zm-15.715 14.654 3.698 3.699 1.283 1.282-2.565 2.565-1.282-1.283-5.2-5.199h-6.066l-5.514 5.514-.073.073v2.876a2.418 2.418 0 0 0 2.418 2.418h26.598a2.418 2.418 0 0 0 2.418-2.418v-8.317l-8.463-8.463-7.181 7.181-.071.072Zm-19.347 5.442v4.085a6.045 6.045 0 0 0 6.046 6.045h26.598a6.044 6.044 0 0 0 6.045-6.045v-7.108l1.356-1.355-1.282-1.283-.074-.073v-17.989h-38.689v23.43l-.146.146.146.147Z" clip-rule="evenodd"/></g><path stroke="#C9C9C9" stroke-width="2.418" d="M600.709 656.704c-31.384 0-56.825-25.441-56.825-56.824 0-31.384 25.441-56.825 56.825-56.825 31.383 0 56.824 25.441 56.824 56.825 0 31.383-25.441 56.824-56.824 56.824Z"/></g><defs><linearGradient id="a" x1="554.061" x2="-.48" y1=".083" y2=".087" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="796.912" x2="404.507" y1="599.963" y2="599.965" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="600.792" x2="600.794" y1="403.677" y2="796.082" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="404.85" x2="796.972" y1="403.903" y2="796.02" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><clipPath id="e"><path fill="#fff" d="M581.364 580.535h38.689v38.689h-38.689z"/></clipPath></defs></svg>

package/templates/default/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/templates/default/public/vercel.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>

package/templates/default/section-tests.ts

@@ -0,0 +1,92 @@
+/*
+import { FieldType, SectionInputBuilderBaseConfig, SectionInputBuilderRuntimeConfig } from 'nextjs-cms/core/inputs-builder'
+import { entityKind } from 'nextjs-cms/core/helpers'
+
+export interface SectionInputBaseConfig<TInputType extends FieldType>
+    extends SectionInputBuilderBaseConfig<TInputType> {
+    sectionName: string
+    notNull: boolean
+    hasDefault: boolean
+}
+
+export type SectionInputTypeConfig<T extends SectionInputBaseConfig<FieldType>, TTypeConfig extends object> = T & {
+    brand: 'SectionInput'
+    tableName: T['tableName']
+    name: T['name']
+    dataType: T['dataType']
+    columnType: T['columnType']
+    data: T['data']
+    driverParam: T['driverParam']
+    notNull: T['notNull']
+    hasDefault: T['hasDefault']
+    enumValues: T['enumValues']
+    baseColumn: T extends {
+        baseColumn: infer U
+    }
+        ? U
+        : unknown
+} & TTypeConfig
+
+export type InputRuntimeConfig<TData, TRuntimeConfig extends object> = SectionInputBuilderRuntimeConfig<
+    TData,
+    TRuntimeConfig
+>
+
+export declare abstract class SectionInput<
+    T extends SectionInputBaseConfig<FieldType> = SectionInputBaseConfig<FieldType>,
+    TRuntimeConfig extends object = object,
+    TTypeConfig extends object = object,
+> {
+    // implements DriverValueMapper<T['data'], T['driverParam']>
+    readonly section: Section
+    static readonly [entityKind]: string
+    readonly _: SectionInputTypeConfig<T, TTypeConfig>
+    readonly name: string
+    readonly primary: boolean
+    readonly notNull: boolean
+    // readonly default: T['data'] | SQL | undefined
+    // readonly defaultFn: (() => T['data'] | SQL) | undefined
+    // readonly onUpdateFn: (() => T['data'] | SQL) | undefined
+    readonly hasDefault: boolean
+    readonly isUnique: boolean
+    readonly uniqueName: string | undefined
+    readonly uniqueType: string | undefined
+    readonly dataType: T['dataType']
+    readonly columnType: T['columnType']
+    readonly enumValues: T['enumValues']
+    protected config: InputRuntimeConfig<T['data'], TRuntimeConfig>
+    constructor(section: Section, config: InputRuntimeConfig<T['data'], TRuntimeConfig>)
+    // abstract getSQLType(): string
+    // mapFromDriverValue(value: unknown): unknown
+    // mapToDriverValue(value: unknown): unknown
+}
+
+export interface SectionConfigBase<TInput extends SectionInput = SectionInput<any>> {
+    name: string
+    inputs: Record<string, TInput>
+    test?: string
+}
+export type Writable<T> = {
+    -readonly [P in keyof T]: T[P]
+}
+
+export declare class Section<T extends SectionConfigBase = SectionConfigBase> {
+    static readonly [entityKind]: string
+    readonly name: T['name']
+    readonly inputs: T['inputs']
+    readonly test: T['test']
+    readonly _: {
+        readonly brand: 'Section'
+        readonly config: T
+        readonly name: T['name']
+        // readonly schema: T['schema']
+        readonly inputs: T['inputs']
+        // readonly inferSelect: InferSelectModel<Table<T>>
+        // readonly inferInsert: InferInsertModel<Table<T>>
+    }
+    // readonly $inferSelect: InferSelectModel<Table<T>>
+    // readonly $inferInsert: InferInsertModel<Table<T>>;
+    // [IsDrizzleTable]: boolean
+    constructor(name: string, inputs: T['inputs'])
+}
+*/

package/templates/default/styles/globals.css

@@ -0,0 +1,88 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+
+    --success: 122.7 39.5% 49.6%;
+    --success-foreground: 210 40% 98%;
+
+    --warning: 45 100% 50%;
+    --warning-foreground: 210 40% 98%;
+
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 96.4%;
+    --ring: 222.2 84% 4.9%;
+
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 999 84% 4.9%;
+    --foreground: 210 40% 98%;
+
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+
+    --success: 122.7 39.5% 49.6%;
+    --success-foreground: 210 40% 98%;
+
+    --warning: 45 100% 50%;
+    --warning-foreground: 210 40% 98%;
+
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/templates/default/tailwind.config.js

@@ -0,0 +1,95 @@
+const { fontFamily } = require('tailwindcss/defaultTheme')
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    darkMode: ['class'],
+    content: ['./pages/**/*.{ts,tsx}', './components/**/*.{ts,tsx}', './app/**/*.{ts,tsx}', './src/**/*.{ts,tsx}'],
+    theme: {
+        container: {
+            center: true,
+            padding: '2rem',
+            screens: {
+                '2xl': '1400px',
+            },
+        },
+        extend: {
+            screens: {
+                'sm-sidebar': '768px',
+                'md-sidebar': '1024px',
+                'lg-sidebar': '1280px',
+                'xl-sidebar': '1536px',
+                '2xl-sidebar': '1920px',
+            },
+            fontFamily: {
+                sans: ['var(--font-sans)', ...fontFamily.sans],
+            },
+            colors: {
+                border: 'hsl(var(--border))',
+                input: 'hsl(var(--input))',
+                ring: 'hsl(var(--ring))',
+                background: 'hsl(var(--background))',
+                foreground: 'hsl(var(--foreground))',
+                primary: {
+                    DEFAULT: 'hsl(var(--primary))',
+                    foreground: 'hsl(var(--primary-foreground))',
+                },
+                secondary: {
+                    DEFAULT: 'hsl(var(--secondary))',
+                    foreground: 'hsl(var(--secondary-foreground))',
+                },
+                success: {
+                    DEFAULT: 'hsl(var(--success))',
+                    foreground: 'hsl(var(--success-foreground))',
+                },
+                warning: {
+                    DEFAULT: 'hsl(var(--warning))',
+                    foreground: 'hsl(var(--warning-foreground))',
+                },
+                destructive: {
+                    DEFAULT: 'hsl(var(--destructive))',
+                    foreground: 'hsl(var(--destructive-foreground))',
+                },
+                muted: {
+                    DEFAULT: 'hsl(var(--muted))',
+                    foreground: 'hsl(var(--muted-foreground))',
+                },
+                accent: {
+                    DEFAULT: 'hsl(var(--accent))',
+                    foreground: 'hsl(var(--accent-foreground))',
+                },
+                popover: {
+                    DEFAULT: 'hsl(var(--popover))',
+                    foreground: 'hsl(var(--popover-foreground))',
+                },
+                card: {
+                    DEFAULT: 'hsl(var(--card))',
+                    foreground: 'hsl(var(--card-foreground))',
+                },
+                disabled: {
+                    DEFAULT: 'hsl(var(--disabled))',
+                    foreground: 'hsl(var(--disabled-foreground))',
+                },
+            },
+            borderRadius: {
+                lg: 'var(--radius)',
+                md: 'calc(var(--radius) - 2px)',
+                sm: 'calc(var(--radius) - 4px)',
+            },
+            keyframes: {
+                'accordion-down': {
+                    from: { height: 0 },
+                    to: { height: 'var(--radix-accordion-content-height)' },
+                },
+                'accordion-up': {
+                    from: { height: 'var(--radix-accordion-content-height)' },
+                    to: { height: 0 },
+                },
+            },
+            animation: {
+                'accordion-down': 'accordion-down 0.2s ease-out',
+                'accordion-up': 'accordion-up 0.2s ease-out',
+            },
+        },
+    },
+    plugins: [require('tailwindcss-animate')],
+}

package/templates/default/test.ts

@@ -0,0 +1,77 @@
+/*
+import { BaseField } from '@/lz/types'
+
+type Person = {
+    name: string
+    job: string
+}
+
+type Result<T> = {
+    [K in keyof T]: T[K]
+}
+
+type ExtraConfig<T> = (inputs: Result<T>) => Person
+
+type HasItemsSection<T> = {
+    name: string
+    car: string
+    inputs: Result<T>
+}
+
+declare class PrimaryKey {
+    private field: BaseField
+    constructor(field: BaseField)
+}
+
+// Overload signatures
+export function hasItemsSection<T extends Record<string, Person>>(
+    section: HasItemsSection<T> & { db: { table: string; setPrimaryKey?: undefined } },
+): { section: HasItemsSection<T> & { db: { table: string } } }
+
+export function hasItemsSection<T extends Record<string, Person>>(
+    section: HasItemsSection<T> & { db: { table: string; setPrimaryKey?: ExtraConfig<T> } },
+): { section: HasItemsSection<T> & { db: { table: string; primaryKey: Person | null } } }
+
+export function hasItemsSection<T extends Record<string, Person>>(
+    section: HasItemsSection<T> & { db: { table: string; setPrimaryKey?: ExtraConfig<T> } },
+): {
+    section: HasItemsSection<T> & { db: { table: string; primaryKey: Person | null } }
+} {
+    let primaryKey = null
+
+    if (section.db?.setPrimaryKey) {
+        primaryKey = section.db.setPrimaryKey(section.inputs)
+    }
+
+    return {
+        section: {
+            ...section,
+            db: {
+                ...section.db,
+                primaryKey: primaryKey,
+            },
+        },
+    }
+}
+
+const p1: Person = { name: 'Fadi', job: 'dev' }
+const p2: Person = { name: 'Abdo', job: 'dev' }
+
+const x = hasItemsSection({
+    name: 'asd',
+    car: 'asd',
+    inputs: {
+        fadi: p1,
+        abdo: p2,
+    },
+    db: {
+        table: 'asd',
+        setPrimaryKey: (inputs) => {
+            return inputs.fadi
+        },
+    },
+})
+x.section.db.primaryKey
+x.section.db.primaryKey
+// Now `x.section.inputs` will have autocompletion
+*/

package/templates/default/tsconfig.json

@@ -0,0 +1,44 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "strictNullChecks": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noImplicitOverride": true,
+    "noUncheckedIndexedAccess": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "incremental": true
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}