create-quadrokit 0.1.0 → 0.2.1

package/README.md

@@ -16,16 +16,20 @@ bun create-quadrokit/src/index.ts --template dashboard --dir /path/to/my-app
 | `--template <name>` | `dashboard` \| `website` \| `ecommerce` \| `admin-shell` |
 | `--dir <path>` | Target directory (created; must be empty) |
 | `--keep-workspace` | Keep `workspace:*` in `package.json` (for development inside the QuadroKit monorepo only) |
+| `--git` / `--no-git` | Initialize a git repo after scaffolding (skip the prompt) |
+| `--install` / `--no-install` | Run `bun install` or `npm install` after scaffolding (skip the prompt) |
 
-Interactive mode: run without `--template` / `--dir` to be prompted.
+On start, the CLI prints a short **prerequisites** check (Node.js, Bun, Git). Node 18+ is required; Bun is optional (falls back to npm for installs). Git is only needed if you choose to init a repository.
+
+Interactive mode: run without `--template` / `--dir` to be prompted for those; you are then asked about **git** and **install** unless overridden with the flags above.
 
 ## What it does
 
-1. Copies the chosen template from `packages/templates/<name>` (skips `node_modules`, `dist`).
-2. Copies `packages/sample-client/generated` → `<dir>/.quadrokit/generated`.
-3. Rewrites `src/lib/quadro-client.ts` to import from `../../.quadrokit/generated/client.gen.js`.
-4. Removes `@quadrokit/sample-client` and rewrites other `workspace:*` deps to `^0.1.0` (unless `--keep-workspace`).
-5. Writes `QUADROKIT.md` with proxy and `quadrokit-client generate` instructions.
+1. Copies the chosen template from `create-quadrokit/templates/<name>` when installed from npm, or `packages/templates/<name>` when you run the CLI from the monorepo (skips `node_modules`, `dist`, `.quadrokit`, lockfiles).
+2. Rewrites `src/lib/quadro-client.ts` to import from `../../.quadrokit/generated/client.gen.js`.
+3. Removes `@quadrokit/sample-client` and rewrites other `workspace:*` deps to published semver (`@quadrokit/client` → `^0.2.1`, other `@quadrokit/*` → `^0.2.0`) unless `--keep-workspace`.
+4. Writes `QUADROKIT.md` with proxy and `quadrokit:generate` instructions. Does **not** copy `.quadrokit/generated` — run `bun run quadrokit:generate` after install.
+5. Optionally runs `git init` and installs dependencies (`bun` if available, otherwise `npm`).
 
 ## Published usage (future)
 

package/biome.monorepo.json

@@ -0,0 +1,67 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.4.10/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "includes": [
+      "**",
+      "!**/node_modules",
+      "!**/dist",
+      "!**/.quadrokit",
+      "!**/packages/sample-client/generated",
+      "!**/*.tsbuildinfo"
+    ]
+  },
+  "formatter": {
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 100
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "correctness": {
+        "noUnusedImports": {
+          "level": "error"
+        }
+      },
+      "style": {
+        "noNonNullAssertion": "off"
+      },
+      "suspicious": {
+        "noUnknownAtRules": {
+          "level": "off"
+        },
+        "noExplicitAny": {
+          "level": "warn"
+        }
+      },
+      "nursery": {
+        "useSortedClasses": {
+          "level": "off"
+        }
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "trailingCommas": "es5",
+      "semicolons": "asNeeded"
+    }
+  },
+  "html": {
+    "parser": {
+      "interpolation": true
+    }
+  },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  }
+}

package/dist/index.mjs

@@ -0,0 +1,361 @@
+#!/usr/bin/env node
+import { spawnSync } from 'node:child_process';
+import { cp, mkdir, readdir, readFile, stat, writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import prompts from 'prompts';
+const MIN_NODE_MAJOR = 18;
+function cmdVersion(cmd, args) {
+    const r = spawnSync(cmd, args, { encoding: 'utf8', shell: false });
+    if (r.error || r.status !== 0)
+        return null;
+    const line = r.stdout.trim().split('\n')[0];
+    return line || null;
+}
+function nodeMajor() {
+    const m = /^v?(\d+)/.exec(process.version);
+    return m ? Number(m[1]) : 0;
+}
+function checkPrereqs() {
+    const nodeVersion = process.version;
+    const nodeOk = nodeMajor() >= MIN_NODE_MAJOR;
+    const bunVersion = cmdVersion('bun', ['--version']);
+    const gitVersion = cmdVersion('git', ['--version']);
+    return {
+        nodeOk,
+        nodeVersion,
+        bunOk: bunVersion !== null,
+        bunVersion,
+        gitOk: gitVersion !== null,
+        gitVersion,
+    };
+}
+function printWelcome() {
+    console.log(`
+  ${'✨'.repeat(2)}  ${'\u001b[1mcreate-quadrokit\u001b[0m'}  ${'✨'.repeat(2)}
+  ${'🚀'.repeat(2)}  Scaffold a QuadroKit Vite + React app for 4D REST
+`);
+}
+function printPrereqReport(p) {
+    console.log('  Prerequisites');
+    const line = (ok, emoji, label, detail) => {
+        const mark = ok ? '✅' : '⚠️ ';
+        console.log(`    ${mark} ${emoji}  ${label}: ${detail}`);
+    };
+    line(p.nodeOk, '📗', 'Node.js', p.nodeOk ? p.nodeVersion : `${p.nodeVersion} (need >= ${MIN_NODE_MAJOR})`);
+    line(p.bunOk, '🥟', 'Bun', p.bunVersion ?? 'not found (you can use npm install instead)');
+    line(p.gitOk, '📌', 'Git', p.gitVersion ?? 'not found (needed only to init a repository)');
+    console.log('');
+}
+async function runInDir(cwd, cmd, args) {
+    const shell = process.platform === 'win32';
+    const r = spawnSync(cmd, args, { cwd, stdio: 'inherit', shell });
+    return r.status === 0;
+}
+const TEMPLATES = ['dashboard', 'website', 'ecommerce', 'admin-shell'];
+/** Directory of the create-quadrokit package (works when installed under node_modules). */
+function packageRoot() {
+    return path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+}
+async function resolveTemplateDir(template) {
+    const pkg = packageRoot();
+    const bundled = path.join(pkg, 'templates', template);
+    if (await pathExists(bundled)) {
+        return bundled;
+    }
+    const monorepo = path.join(pkg, '..', 'packages', 'templates', template);
+    if (await pathExists(monorepo)) {
+        return monorepo;
+    }
+    return null;
+}
+async function resolveBiomeJsonPath() {
+    const pkg = packageRoot();
+    const bundled = path.join(pkg, 'biome.monorepo.json');
+    if (await pathExists(bundled)) {
+        return bundled;
+    }
+    const monorepo = path.join(pkg, '..', 'biome.json');
+    if (await pathExists(monorepo)) {
+        return monorepo;
+    }
+    return null;
+}
+function parseArgs(argv) {
+    let template;
+    let dir;
+    let keepWorkspace = false;
+    /** `undefined` = prompt later */
+    let initGit;
+    let installDeps;
+    for (let i = 0; i < argv.length; i++) {
+        const a = argv[i];
+        if (a === '--template' && argv[i + 1]) {
+            template = argv[++i];
+        }
+        else if (a === '--dir' && argv[i + 1]) {
+            dir = argv[++i];
+        }
+        else if (a === '--keep-workspace') {
+            keepWorkspace = true;
+        }
+        else if (a === '--git') {
+            initGit = true;
+        }
+        else if (a === '--no-git') {
+            initGit = false;
+        }
+        else if (a === '--install') {
+            installDeps = true;
+        }
+        else if (a === '--no-install') {
+            installDeps = false;
+        }
+    }
+    return { template, dir, keepWorkspace, initGit, installDeps };
+}
+async function pathExists(p) {
+    try {
+        await stat(p);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+const SKIP_TEMPLATE_NAMES = new Set([
+    'node_modules',
+    'dist',
+    '.turbo',
+    '.quadrokit',
+    'bun.lock',
+    'bun.lockb',
+    'package-lock.json',
+    'pnpm-lock.yaml',
+    'yarn.lock',
+]);
+async function copyTemplate(src, dest) {
+    await mkdir(dest, { recursive: true });
+    const entries = await readdir(src, { withFileTypes: true });
+    for (const e of entries) {
+        if (SKIP_TEMPLATE_NAMES.has(e.name)) {
+            continue;
+        }
+        const from = path.join(src, e.name);
+        const to = path.join(dest, e.name);
+        if (e.isDirectory()) {
+            await copyTemplate(from, to);
+        }
+        else {
+            await cp(from, to);
+        }
+    }
+}
+function rewriteWorkspaceDeps(pkg) {
+    for (const key of ['dependencies', 'devDependencies']) {
+        const deps = pkg[key];
+        if (!deps) {
+            continue;
+        }
+        for (const name of Object.keys(deps)) {
+            if (deps[name] === 'workspace:*') {
+                deps[name] = name === '@quadrokit/client' ? '^0.2.1' : '^0.2.0';
+            }
+        }
+    }
+}
+async function patchPackageJson(dest, projectName, keepWorkspace) {
+    const pkgPath = path.join(dest, 'package.json');
+    const raw = await readFile(pkgPath, 'utf8');
+    const pkg = JSON.parse(raw);
+    pkg.name = projectName;
+    if (pkg.dependencies) {
+        pkg.dependencies = Object.fromEntries(Object.entries(pkg.dependencies).filter(([name]) => name !== '@quadrokit/sample-client'));
+    }
+    if (!keepWorkspace) {
+        rewriteWorkspaceDeps(pkg);
+    }
+    await writeFile(pkgPath, `${JSON.stringify(pkg, null, 2)}\n`, 'utf8');
+}
+/** Standalone Biome config for projects outside the monorepo (no `extends` to repo root). */
+async function writeStandaloneBiome(dest, keepWorkspace) {
+    if (keepWorkspace) {
+        return;
+    }
+    const rootBiomePath = await resolveBiomeJsonPath();
+    if (!rootBiomePath) {
+        console.warn('Warning: biome.json not found — skipped writing standalone biome.json for the new project.');
+        return;
+    }
+    const rootCfg = JSON.parse(await readFile(rootBiomePath, 'utf8'));
+    const { extends: _ext, ...rest } = rootCfg;
+    const projectBiome = {
+        ...rest,
+        vcs: {
+            enabled: true,
+            clientKind: 'git',
+            useIgnoreFile: false,
+        },
+        files: {
+            includes: ['**', '!**/node_modules', '!**/dist', '!**/.quadrokit'],
+        },
+    };
+    await writeFile(path.join(dest, 'biome.json'), `${JSON.stringify(projectBiome, null, 2)}\n`, 'utf8');
+}
+async function writeQuadroClientImport(dest) {
+    const p = path.join(dest, 'src', 'lib', 'quadro-client.ts');
+    const body = `import { createClient } from '../../.quadrokit/generated/client.gen.mjs';
+
+/** Same-origin \`/rest\` in dev (Vite proxy) and production (reverse proxy). */
+export const quadro = createClient({ baseURL: '/rest' });
+`;
+    await writeFile(p, body, 'utf8');
+}
+async function writeReadme(dest, template) {
+    const text = `# ${path.basename(dest)}
+
+Created with **create-quadrokit** (template: \`${template}\`).
+
+## Next steps
+
+1. \`cd ${path.basename(dest)}\` and install dependencies (\`bun install\` or \`npm install\`).
+2. Generate the typed REST client (required before \`dev\` / \`build\`):
+
+   \`\`\`bash
+   bun run quadrokit:generate
+   \`\`\`
+
+   This uses \`assets/catalog.placeholder.json\` by default (demo catalog from QuadroKit). Point at your live 4D catalog:
+
+   \`\`\`bash
+   QUADROKIT_CATALOG_URL='http://localhost:7080/rest/\\$catalog' QUADROKIT_CATALOG_TOKEN='…' bun run quadrokit:generate
+   \`\`\`
+
+3. Copy \`.env.example\` to \`.env\` and set \`VITE_4D_ORIGIN\` to your 4D web server.
+4. \`bun run dev\` — the dev server proxies \`/rest\` to \`VITE_4D_ORIGIN\` so **4DSID_** cookies stay same-origin.
+
+Production: serve the SPA and reverse-proxy \`/rest\` to 4D on the **same host** as the UI.
+`;
+    await writeFile(path.join(dest, 'QUADROKIT.md'), text, 'utf8');
+}
+async function main() {
+    const argv = process.argv.slice(2);
+    const { template: tArg, dir: dirArg, keepWorkspace, initGit: gitFlag, installDeps: installFlag, } = parseArgs(argv);
+    printWelcome();
+    const prereqs = checkPrereqs();
+    printPrereqReport(prereqs);
+    if (!prereqs.nodeOk) {
+        console.error(`  ❌ Node.js ${MIN_NODE_MAJOR}+ is required.`);
+        process.exit(1);
+    }
+    const template = tArg && TEMPLATES.includes(tArg)
+        ? tArg
+        : (await prompts({
+            type: 'select',
+            name: 'template',
+            message: 'Template',
+            choices: TEMPLATES.map((value) => ({ title: value, value })),
+        })).template;
+    if (!template) {
+        process.exit(1);
+    }
+    const dirAns = dirArg ??
+        (await prompts({
+            type: 'text',
+            name: 'dir',
+            message: 'Project directory',
+            initial: `quadro-${template}`,
+        })).dir;
+    if (!dirAns || typeof dirAns !== 'string') {
+        process.exit(1);
+    }
+    const dest = path.resolve(process.cwd(), dirAns);
+    if (await pathExists(dest)) {
+        const files = await readdir(dest);
+        if (files.length > 0) {
+            console.error(`Directory not empty: ${dest}`);
+            process.exit(1);
+        }
+    }
+    const src = await resolveTemplateDir(template);
+    if (!src) {
+        console.error(`Template not found: ${template} (expected under create-quadrokit/templates or packages/templates)`);
+        process.exit(1);
+    }
+    await copyTemplate(src, dest);
+    await writeStandaloneBiome(dest, keepWorkspace);
+    await patchPackageJson(dest, path
+        .basename(dest)
+        .replace(/[^a-z0-9-]/gi, '-')
+        .toLowerCase() || 'quadro-app', keepWorkspace);
+    await writeQuadroClientImport(dest);
+    await writeReadme(dest, template);
+    console.log(`\n  🎉  Project files are ready at ${'\u001b[1m'}${dest}${'\u001b[0m'}\n`);
+    let initGit = gitFlag;
+    if (initGit === undefined) {
+        const g = await prompts({
+            type: 'confirm',
+            name: 'v',
+            message: 'Initialize a git repository here?',
+            initial: true,
+        });
+        if (typeof g.v !== 'boolean') {
+            process.exit(1);
+        }
+        initGit = g.v;
+    }
+    if (initGit) {
+        if (!prereqs.gitOk) {
+            console.log('  ⚠️  Skipping git init — Git is not available on your PATH.\n');
+        }
+        else {
+            const ok = await runInDir(dest, 'git', ['init']);
+            if (ok) {
+                console.log('  ✅  Git repository initialized.\n');
+            }
+            else {
+                console.log('  ⚠️  `git init` failed — you can run it manually later.\n');
+            }
+        }
+    }
+    let installDeps = installFlag;
+    if (installDeps === undefined) {
+        const ins = await prompts({
+            type: 'confirm',
+            name: 'v',
+            message: 'Install dependencies now?',
+            initial: true,
+        });
+        if (typeof ins.v !== 'boolean') {
+            process.exit(1);
+        }
+        installDeps = ins.v;
+    }
+    if (installDeps) {
+        const useBun = prereqs.bunOk;
+        const cmd = useBun ? 'bun' : 'npm';
+        const args = useBun ? ['install'] : ['install'];
+        console.log(`  📦  Running ${cmd} ${args.join(' ')} …\n`);
+        const ok = await runInDir(dest, cmd, args);
+        if (ok) {
+            console.log(`  ✅  Dependencies installed with ${cmd}.\n`);
+        }
+        else {
+            console.log(`  ⚠️  Install failed — run \`${useBun ? 'bun install' : 'npm install'}\` inside the project.\n`);
+        }
+    }
+    const pm = prereqs.bunOk ? 'bun' : 'npm';
+    const runDev = prereqs.bunOk ? 'bun run dev' : 'npm run dev';
+    const installLine = installDeps ? `    →  ${runDev}` : `    →  ${pm} install\n    →  ${runDev}`;
+    console.log(`  🚀🚀  Next steps
+    →  cd ${path.basename(dest)}
+${installLine}
+    →  Copy .env.example → .env and set VITE_4D_ORIGIN
+
+  Happy building! ✨
+`);
+}
+main().catch((e) => {
+    console.error(e);
+    process.exit(1);
+});

package/package.json

@@ -1,17 +1,23 @@
 {
   "name": "create-quadrokit",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Scaffold a QuadroKit Vite + React app from a template",
   "type": "module",
-  "bin": "./src/index.ts",
+  "bin": "./dist/index.mjs",
+  "files": [
+    "dist",
+    "templates",
+    "biome.monorepo.json"
+  ],
   "scripts": {
-    "typecheck": "tsc -p tsconfig.json --noEmit"
+    "build": "tsc -p tsconfig.build.json && bun ../scripts/rename-dist-js-to-mjs.ts dist",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "prepublishOnly": "bun run scripts/sync-for-publish.ts && bun run build"
   },
   "dependencies": {
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@types/bun": "^1.3.11",
     "@types/node": "^25.5.0",
     "@types/prompts": "^2.4.9",
     "typescript": "^5.9.3"

package/templates/README.md

@@ -0,0 +1,39 @@
+# QuadroKit templates
+
+Vite + React 19 + React Router 7 + **Tailwind 3.4** + **i18next** + **react-hook-form** + **zod** + **zustand** (minimal example).
+
+| Template | Use case |
+|----------|----------|
+| `dashboard` | Default shell, agencies sample page, form demo |
+| `website` | Marketing-style hero + same stack |
+| `ecommerce` | Product-card style placeholder |
+| `admin-shell` | Sidebar + main content layout |
+
+## Monorepo
+
+```bash
+cd packages/templates/dashboard   # or website / ecommerce / admin-shell
+bun install   # from repo root once
+bun run dev
+```
+
+Copy [`.env.example`](dashboard/.env.example) to `.env` and set `VITE_4D_ORIGIN`.
+
+## Biome (per template)
+
+Each template has a [`biome.json`](dashboard/biome.json) with `"root": false` and `"extends": "//"` (Biome v2 monorepo pattern: inherit repo root, scope files to that template). `vcs.useIgnoreFile` is off so Biome does not require a `.gitignore` next to the template.
+
+| Script | Purpose |
+|--------|---------|
+| `bun run format` | `biome format --write .` |
+| `bun run lint` | `biome lint .` (read-only) |
+| `bun run lint:fix` | `biome lint --write .` |
+| `bun run check` / `biome:check` | `biome check .` (read-only) |
+| `bun run check:fix` | `biome check --write .` |
+| `bun run ci:quick` | format → lint:fix → check:fix → build |
+
+## Scaffolding outside the monorepo
+
+Use [`create-quadrokit`](../../create-quadrokit/README.md); it copies a template, rewrites `workspace:*` to published semver, and skips lockfiles and `.quadrokit/` (so new projects run `bun run quadrokit:generate` after install).
+
+For **monorepo** template packages, `.quadrokit/generated` is kept (regenerate with `bun run quadrokit:generate` in a template after changing `assets/catalog.placeholder.json`) so `tsc` can typecheck against the demo catalog.

package/templates/admin-shell/.cursor/rules/commitlint-conventional.mdc

@@ -0,0 +1,47 @@
+---
+description: Commit messages must follow Conventional Commits (commitlint @commitlint/config-conventional)
+alwaysApply: true
+---
+
+# Git commits (Conventional Commits / commitlint)
+
+When proposing or writing **commit messages** (including one-line suggestions, full messages, or PR squash titles), use **Conventional Commits** compatible with **@commitlint/config-conventional**.
+
+## Header format
+
+```
+<type>(<optional-scope>): <short description>
+```
+
+- **type** (pick one): `feat`, `fix`, `docs`, `style`, `refactor`, `perf`, `test`, `build`, `ci`, `chore`, `revert`
+- **scope** (optional): lowercase, short package or area (e.g. `client`, `templates`, `ui`, `create-quadrokit`)
+- **description**: imperative mood, **lowercase**, **no trailing period**, **≤ ~72 characters** for the subject line
+
+## Breaking changes
+
+- Add `!` after type or scope: `feat(api)!: remove legacy login endpoint`
+- Or explain in the body with a line starting with `BREAKING CHANGE:`
+
+## Body and footer (when needed)
+
+- Separate body from subject with a blank line.
+- Wrap body at ~100 chars.
+- Footer: `Refs: #123` / `Fixes: #123` if applicable.
+
+## Examples
+
+```
+feat(client): add entity set release helper
+
+fix(templates): correct vite proxy target env var
+
+chore: bump biome to 2.4.10
+
+docs(readme): document ci:quick script
+```
+
+## Do not
+
+- Vague subjects: `update`, `fix stuff`, `wip`
+- End the subject line with a period
+- Use title case for the description (use sentence case / lowercase)

package/templates/admin-shell/.env.example

@@ -0,0 +1,2 @@
+# Origin of your 4D web server (REST). The Vite dev server proxies /rest here.
+VITE_4D_ORIGIN=http://127.0.0.1:7080

package/templates/admin-shell/biome.json

@@ -0,0 +1,12 @@
+{
+  "root": false,
+  "extends": "//",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "includes": ["**", "!**/node_modules", "!**/dist", "!**/.quadrokit"]
+  }
+}

package/templates/admin-shell/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>QuadroKit — Admin shell</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/admin-shell/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@quadrokit/template-admin-shell",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "quadrokit:generate": "node scripts/quadrokit-generate.mjs",
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc -b --noEmit",
+    "format": "biome format --write .",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write .",
+    "check": "biome check .",
+    "check:fix": "biome check --write .",
+    "biome:check": "biome check .",
+    "ci:quick": "bun run format && bun run lint:fix && bun run check:fix && bun run build"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@quadrokit/client": "workspace:*",
+    "@quadrokit/sample-client": "workspace:*",
+    "@quadrokit/ui": "workspace:*",
+    "i18next": "^26.0.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.72.0",
+    "react-i18next": "^17.0.2",
+    "react-router-dom": "^7.13.2",
+    "zod": "^4.3.6",
+    "zustand": "^5.0.12"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.4.10",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "autoprefixer": "^10.4.27",
+    "postcss": "^8.5.8",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.3"
+  }
+}

package/templates/admin-shell/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}