create-quadrokit 0.2.9 → 0.2.10

package/README.md

@@ -32,7 +32,7 @@ Interactive mode: run without `--template` / `--dir` / `--name` to be prompted.
 ## What it does
 
 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. Overlays **`template-common/`** (shared across all templates): `.env.example`, `vite.config.ts`, `tsconfig*.json`, `postcss.config.js`, `biome.json`, `src/vite-env.d.ts`, `.cursor/rules/commitlint-conventional.mdc`, etc. In the monorepo, `packages/templates/*` receives the same overlay via `bun run sync:template-common` (root **postinstall** and `bun run build`); those paths are gitignored under `packages/templates/` so only `template-common/` is the source of truth in git.
+2. Overlays **`template-common/`** (shared across all templates): `.env.example`, `vite.config.ts`, `tailwind.config.ts`, `tsconfig*.json`, `postcss.config.js`, `biome.json`, `src/vite-env.d.ts`, `.cursor/rules/commitlint-conventional.mdc`, etc. In the monorepo, `packages/templates/*` receives the same overlay via `bun run sync:template-common` (root **postinstall** and `bun run build`); those paths are gitignored under `packages/templates/` so only `template-common/` is the source of truth in git.
 3. Rewrites `src/lib/quadro-client.ts` to import from `@quadrokit/generated/client.gen.js` (alias in `vite.config.ts` / `tsconfig.app.json`).
 4. Removes `@quadrokit/sample-client` and rewrites `workspace:*` on `@quadrokit/*` deps to `^<version>` matching **create-quadrokit**’s own `package.json` `version` (run `bun run version:set` at repo root to bump public packages) unless `--keep-workspace`.
 5. Writes `QUADROKIT.md` with proxy and `quadrokit:generate` instructions. Does **not** copy `.quadrokit/generated` — run `bun run quadrokit:generate` after install.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-quadrokit",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "Scaffold a QuadroKit Vite + React app from a template",
   "type": "module",
   "bin": "./dist/index.mjs",

package/template-common/tailwind.config.ts

@@ -0,0 +1,24 @@
+import { createRequire } from 'node:module'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import preset from '@quadrokit/ui/tailwind-preset'
+import type { Config } from 'tailwindcss'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const require = createRequire(import.meta.url)
+
+function quadroUiDistGlob(): string {
+  try {
+    const pkgJson = require.resolve('@quadrokit/ui/package.json')
+    return path.join(path.dirname(pkgJson), 'dist', '**', '*.{mjs,js}').replace(/\\/g, '/')
+  } catch {
+    return path
+      .join(__dirname, 'node_modules', '@quadrokit', 'ui', 'dist', '**', '*.{mjs,js}')
+      .replace(/\\/g, '/')
+  }
+}
+
+export default {
+  presets: [preset],
+  content: ['./index.html', './src/**/*.{ts,tsx}', quadroUiDistGlob()],
+} satisfies Config

package/templates/README.md

@@ -11,7 +11,7 @@ Vite + React 19 + React Router 7 + **Tailwind 3.4** + **i18next** + **react-hook
 
 ## Monorepo
 
-Shared config (Vite, TypeScript, Biome, PostCSS, `.env.example`, etc.) lives in **`../../create-quadrokit/template-common/`** and is copied into each template by **`bun run sync:template-common`** (runs on root **postinstall** and before template builds). Do not edit those files inside `packages/templates/<name>/`—change **`template-common`** and re-sync.
+Shared config (Vite, TypeScript, Tailwind, Biome, PostCSS, `.env.example`, etc.) lives in **`../../create-quadrokit/template-common/`** and is copied into each template by **`bun run sync:template-common`** (runs on root **postinstall** and before template builds). Do not edit those files inside `packages/templates/<name>/`—change **`template-common`** and re-sync.
 
 ```bash
 cd packages/templates/dashboard   # or website / ecommerce / admin-shell

package/templates/admin-shell/src/pages/AgenciesPage.tsx

@@ -1,29 +1,37 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@quadrokit/ui'
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { quadro } from '@/lib/quadro-client'
 
+const PAGE_SIZE = 20
+
 export function AgenciesPage() {
   const [names, setNames] = useState<string[]>([])
   const [error, setError] = useState<string | null>(null)
+  const loadSeq = useRef(0)
 
   useEffect(() => {
+    const seq = ++loadSeq.current
     let cancelled = false
     ;(async () => {
       try {
         const list = quadro.Agency.all({
           page: 1,
-          pageSize: 20,
+          pageSize: PAGE_SIZE,
           select: ['name'],
+          maxItems: PAGE_SIZE,
         })
         const acc: string[] = []
         for await (const a of list) {
+          if (cancelled || seq !== loadSeq.current) {
+            break
+          }
           acc.push(a.name ?? '')
         }
-        if (!cancelled) {
+        if (!cancelled && seq === loadSeq.current) {
           setNames(acc)
         }
       } catch (e) {
-        if (!cancelled) {
+        if (!cancelled && seq === loadSeq.current) {
           setError(e instanceof Error ? e.message : String(e))
         }
       }

package/templates/dashboard/src/pages/AgenciesPage.tsx

@@ -1,29 +1,37 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@quadrokit/ui'
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { quadro } from '@/lib/quadro-client'
 
+const PAGE_SIZE = 20
+
 export function AgenciesPage() {
   const [names, setNames] = useState<string[]>([])
   const [error, setError] = useState<string | null>(null)
+  const loadSeq = useRef(0)
 
   useEffect(() => {
+    const seq = ++loadSeq.current
     let cancelled = false
     ;(async () => {
       try {
         const list = quadro.Agency.all({
           page: 1,
-          pageSize: 20,
+          pageSize: PAGE_SIZE,
           select: ['name'],
+          maxItems: PAGE_SIZE,
         })
         const acc: string[] = []
         for await (const a of list) {
+          if (cancelled || seq !== loadSeq.current) {
+            break
+          }
           acc.push(a.name ?? '')
         }
-        if (!cancelled) {
+        if (!cancelled && seq === loadSeq.current) {
           setNames(acc)
         }
       } catch (e) {
-        if (!cancelled) {
+        if (!cancelled && seq === loadSeq.current) {
           setError(e instanceof Error ? e.message : String(e))
         }
       }

package/templates/ecommerce/src/pages/AgenciesPage.tsx

@@ -1,29 +1,37 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@quadrokit/ui'
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { quadro } from '@/lib/quadro-client'
 
+const PAGE_SIZE = 20
+
 export function AgenciesPage() {
   const [names, setNames] = useState<string[]>([])
   const [error, setError] = useState<string | null>(null)
+  const loadSeq = useRef(0)
 
   useEffect(() => {
+    const seq = ++loadSeq.current
     let cancelled = false
     ;(async () => {
       try {
         const list = quadro.Agency.all({
           page: 1,
-          pageSize: 20,
+          pageSize: PAGE_SIZE,
           select: ['name'],
+          maxItems: PAGE_SIZE,
         })
         const acc: string[] = []
         for await (const a of list) {
+          if (cancelled || seq !== loadSeq.current) {
+            break
+          }
           acc.push(a.name ?? '')
         }
-        if (!cancelled) {
+        if (!cancelled && seq === loadSeq.current) {
           setNames(acc)
         }
       } catch (e) {
-        if (!cancelled) {
+        if (!cancelled && seq === loadSeq.current) {
           setError(e instanceof Error ? e.message : String(e))
         }
       }

package/templates/website/src/pages/AgenciesPage.tsx

@@ -1,29 +1,37 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@quadrokit/ui'
-import { useEffect, useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
 import { quadro } from '@/lib/quadro-client'
 
+const PAGE_SIZE = 20
+
 export function AgenciesPage() {
   const [names, setNames] = useState<string[]>([])
   const [error, setError] = useState<string | null>(null)
+  const loadSeq = useRef(0)
 
   useEffect(() => {
+    const seq = ++loadSeq.current
     let cancelled = false
     ;(async () => {
       try {
         const list = quadro.Agency.all({
           page: 1,
-          pageSize: 20,
+          pageSize: PAGE_SIZE,
           select: ['name'],
+          maxItems: PAGE_SIZE,
         })
         const acc: string[] = []
         for await (const a of list) {
+          if (cancelled || seq !== loadSeq.current) {
+            break
+          }
           acc.push(a.name ?? '')
         }
-        if (!cancelled) {
+        if (!cancelled && seq === loadSeq.current) {
           setNames(acc)
         }
       } catch (e) {
-        if (!cancelled) {
+        if (!cancelled && seq === loadSeq.current) {
           setError(e instanceof Error ? e.message : String(e))
         }
       }

package/templates/admin-shell/tailwind.config.ts

@@ -1,7 +0,0 @@
-import preset from '@quadrokit/ui/tailwind-preset'
-import type { Config } from 'tailwindcss'
-
-export default {
-  presets: [preset],
-  content: ['./index.html', './src/**/*.{ts,tsx}', '../../ui/src/**/*.{ts,tsx}'],
-} satisfies Config

package/templates/dashboard/tailwind.config.ts

@@ -1,7 +0,0 @@
-import preset from '@quadrokit/ui/tailwind-preset'
-import type { Config } from 'tailwindcss'
-
-export default {
-  presets: [preset],
-  content: ['./index.html', './src/**/*.{ts,tsx}', '../../ui/src/**/*.{ts,tsx}'],
-} satisfies Config

package/templates/ecommerce/tailwind.config.ts

@@ -1,7 +0,0 @@
-import preset from '@quadrokit/ui/tailwind-preset'
-import type { Config } from 'tailwindcss'
-
-export default {
-  presets: [preset],
-  content: ['./index.html', './src/**/*.{ts,tsx}', '../../ui/src/**/*.{ts,tsx}'],
-} satisfies Config

package/templates/website/tailwind.config.ts

@@ -1,7 +0,0 @@
-import preset from '@quadrokit/ui/tailwind-preset'
-import type { Config } from 'tailwindcss'
-
-export default {
-  presets: [preset],
-  content: ['./index.html', './src/**/*.{ts,tsx}', '../../ui/src/**/*.{ts,tsx}'],
-} satisfies Config