wcz-layout 6.7.2 → 9.4.1

package/dist/vite.mjs

@@ -0,0 +1,182 @@
+import z from "zod";
+import axios from "axios";
+import https from "node:https";
+import fs from "node:fs";
+import path from "node:path";
+import { loadEnv } from "vite";
+//#region src/models/VaultConfig.ts
+const VaultConfigSchema = z.object({
+	VAULT_ADDRESS: z.url(),
+	VAULT_USERNAME: z.string().min(1),
+	VAULT_PASSWORD: z.string().min(1),
+	VAULT_SECRET_PATH: z.string().min(1),
+	VAULT_MOUNT_POINT: z.string().default("release")
+});
+//#endregion
+//#region src/lib/vite-plugin.ts
+async function fetchVaultSecrets(env) {
+	const { VAULT_ADDRESS, VAULT_USERNAME, VAULT_PASSWORD, VAULT_SECRET_PATH, VAULT_MOUNT_POINT } = VaultConfigSchema.parse(env);
+	const client = axios.create({
+		baseURL: VAULT_ADDRESS,
+		httpsAgent: new https.Agent({ rejectUnauthorized: false })
+	});
+	const { data: loginData } = await client.post(`/v1/auth/userpass/login/${VAULT_USERNAME}`, { password: VAULT_PASSWORD });
+	const { data: secretData } = await client.get(`/v1/${VAULT_MOUNT_POINT}/data/${VAULT_SECRET_PATH}`, { headers: { "X-Vault-Token": loginData.auth.client_token } });
+	const secrets = secretData?.data?.data;
+	if (!secrets) throw new Error("No secrets found");
+	return Object.fromEntries(Object.entries(secrets).map(([key, value]) => [key, typeof value === "string" ? value : JSON.stringify(value)]));
+}
+async function loadVaultSecrets(command) {
+	if (command !== "serve") return;
+	const env = loadEnv("development", process.cwd(), "");
+	if (!env.VAULT_ADDRESS) return;
+	try {
+		const secrets = await fetchVaultSecrets(env);
+		Object.entries(secrets).forEach(([key, value]) => {
+			process.env[key] = env[key]?.trim() ? env[key] : value;
+		});
+	} catch (e) {
+		console.warn("[vite:wcz-layout] Vault failed:", e instanceof Error ? e.message : e);
+	}
+}
+function loadLocaleResources(localesPath, addWatchFile) {
+	if (!fs.existsSync(localesPath)) fs.mkdirSync(localesPath, { recursive: true });
+	const enPath = path.join(localesPath, "en.json");
+	if (!fs.existsSync(enPath)) fs.writeFileSync(enPath, JSON.stringify({}));
+	const files = fs.readdirSync(localesPath);
+	const resources = {};
+	for (const file of files.filter((f) => f.endsWith(".json"))) {
+		const lang = path.basename(file, ".json");
+		const filePath = path.join(localesPath, file);
+		try {
+			resources[lang] = { translation: JSON.parse(fs.readFileSync(filePath, "utf-8")) };
+		} catch {
+			resources[lang] = { translation: {} };
+		}
+		addWatchFile(filePath);
+	}
+	return resources;
+}
+function ensurePermissionsFile(permissionsPath, addWatchFile) {
+	const dir = path.dirname(permissionsPath);
+	if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+	if (!fs.existsSync(permissionsPath)) fs.writeFileSync(permissionsPath, "export const permissions = {\n  admin: [\"wcz-developers\"]\n} as const;");
+	addWatchFile(permissionsPath);
+}
+function ensureScopesFile(scopesPath, addWatchFile) {
+	const dir = path.dirname(scopesPath);
+	if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+	if (!fs.existsSync(scopesPath)) fs.writeFileSync(scopesPath, "export const scopes = {\n} as const;");
+	addWatchFile(scopesPath);
+}
+function loadManifest(manifestPath, addWatchFile) {
+	addWatchFile(manifestPath);
+	try {
+		return JSON.parse(fs.readFileSync(manifestPath, "utf-8"));
+	} catch {
+		return { name: "" };
+	}
+}
+function viteWczLayout() {
+	const virtualModuleId = "virtual:wcz-layout";
+	const resolvedVirtualModuleId = "\0virtual:wcz-layout";
+	let localesPath;
+	let permissionsPath;
+	let scopesPath;
+	let envPath;
+	let manifestPath;
+	return {
+		name: "vite:wcz-layout",
+		enforce: "pre",
+		configResolved(resolvedConfig) {
+			localesPath = path.resolve(resolvedConfig.root, "src/lib/locales");
+			permissionsPath = path.resolve(resolvedConfig.root, "src/lib/auth/permissions.ts");
+			scopesPath = path.resolve(resolvedConfig.root, "src/lib/auth/scopes.ts");
+			envPath = path.resolve(resolvedConfig.root, "src/env.ts");
+			manifestPath = path.resolve(resolvedConfig.root, "public/manifest.json");
+		},
+		async config(_, { command }) {
+			await loadVaultSecrets(command);
+			return {
+				optimizeDeps: {
+					exclude: [virtualModuleId],
+					include: [
+						"prop-types",
+						"react-is",
+						"hoist-non-react-statics",
+						"url-parse",
+						"attr-accept",
+						"@mui/x-date-pickers-pro",
+						"@mui/x-data-grid-premium"
+					]
+				},
+				resolve: { dedupe: [
+					"react",
+					"react-dom",
+					"@mui/material",
+					"@mui/x-date-pickers",
+					"@mui/x-date-pickers-pro",
+					"@mui/x-data-grid",
+					"@mui/x-data-grid-premium",
+					"@emotion/react",
+					"@emotion/styled"
+				] },
+				ssr: {
+					noExternal: [/@mui\//, /@emotion\//],
+					resolve: { conditions: [
+						"node",
+						"module",
+						"import"
+					] }
+				}
+			};
+		},
+		configureServer(server) {
+			const refresh = (filePath) => {
+				if (filePath.includes(localesPath) || filePath === permissionsPath || filePath === scopesPath || filePath === envPath || filePath === manifestPath) {
+					const module = server.moduleGraph.getModuleById(resolvedVirtualModuleId);
+					if (module) server.moduleGraph.invalidateModule(module);
+					server.ws.send({
+						type: "full-reload",
+						path: "*"
+					});
+				}
+			};
+			server.watcher.add([
+				localesPath,
+				permissionsPath,
+				scopesPath,
+				envPath,
+				manifestPath
+			]);
+			server.watcher.on("add", refresh);
+			server.watcher.on("change", refresh);
+			server.watcher.on("unlink", refresh);
+		},
+		resolveId(id) {
+			if (id === virtualModuleId) return resolvedVirtualModuleId;
+			return null;
+		},
+		load(id) {
+			if (id !== resolvedVirtualModuleId) return null;
+			const resources = loadLocaleResources(localesPath, this.addWatchFile.bind(this));
+			ensurePermissionsFile(permissionsPath, this.addWatchFile.bind(this));
+			ensureScopesFile(scopesPath, this.addWatchFile.bind(this));
+			const manifest = loadManifest(manifestPath, this.addWatchFile.bind(this));
+			const normalizedPermissionsPath = permissionsPath.split(path.sep).join(path.posix.sep);
+			const normalizedScopesPath = scopesPath.split(path.sep).join(path.posix.sep);
+			const normalizedEnvPath = envPath.split(path.sep).join(path.posix.sep);
+			return `
+            export const resources = ${JSON.stringify(resources)};
+            export const manifest = ${JSON.stringify(manifest)};
+            export { permissions } from "${normalizedPermissionsPath}";
+            export { scopes } from "${normalizedScopesPath}";
+            export { serverEnv } from "${normalizedEnvPath}";
+            `;
+		}
+	};
+}
+//#endregion
+export { viteWczLayout };
+
+//# sourceMappingURL=vite.mjs.map

package/dist/vite.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.mjs","names":["z","VaultConfigSchema","object","VAULT_ADDRESS","url","VAULT_USERNAME","string","min","VAULT_PASSWORD","VAULT_SECRET_PATH","VAULT_MOUNT_POINT","default","VaultConfig","infer","fs","https","path","axios","loadEnv","VaultConfigSchema","Resource","Plugin","fetchVaultSecrets","env","Record","Promise","config","parse","VAULT_ADDRESS","VAULT_USERNAME","VAULT_PASSWORD","VAULT_SECRET_PATH","VAULT_MOUNT_POINT","client","create","baseURL","httpsAgent","Agent","rejectUnauthorized","data","loginData","post","password","secretData","get","headers","auth","client_token","secrets","Error","Object","fromEntries","entries","map","key","value","JSON","stringify","loadVaultSecrets","command","process","cwd","forEach","trim","e","console","warn","message","loadLocaleResources","localesPath","addWatchFile","existsSync","mkdirSync","recursive","enPath","join","writeFileSync","files","readdirSync","resources","file","filter","f","endsWith","lang","basename","filePath","translation","readFileSync","ensurePermissionsFile","permissionsPath","dir","dirname","ensureScopesFile","scopesPath","loadManifest","manifestPath","name","viteWczLayout","virtualModuleId","resolvedVirtualModuleId","envPath","enforce","configResolved","resolvedConfig","resolve","root","_","optimizeDeps","exclude","include","dedupe","ssr","noExternal","conditions","configureServer","server","refresh","includes","module","moduleGraph","getModuleById","invalidateModule","ws","send","type","watcher","add","on","resolveId","id","load","bind","manifest","normalizedPermissionsPath","split","sep","posix","normalizedScopesPath","normalizedEnvPath"],"sources":["../src/models/VaultConfig.ts","../src/lib/vite-plugin.ts"],"sourcesContent":["import z from \"zod\";\n\nexport const VaultConfigSchema = z.object({\n  VAULT_ADDRESS: z.url(),\n  VAULT_USERNAME: z.string().min(1),\n  VAULT_PASSWORD: z.string().min(1),\n  VAULT_SECRET_PATH: z.string().min(1),\n  VAULT_MOUNT_POINT: z.string().default(\"release\"),\n});\n\nexport type VaultConfig = z.infer<typeof VaultConfigSchema>;\n","import fs from \"node:fs\";\nimport https from \"node:https\";\nimport path from \"node:path\";\nimport axios from \"axios\";\nimport { loadEnv } from \"vite\";\nimport { VaultConfigSchema } from \"../models/VaultConfig\";\nimport type { Resource } from \"i18next\";\nimport type { Plugin } from \"vite\";\n\nasync function fetchVaultSecrets(env: Record<string, string>): Promise<Record<string, string>> {\n  const config = VaultConfigSchema.parse(env);\n  const { VAULT_ADDRESS, VAULT_USERNAME, VAULT_PASSWORD, VAULT_SECRET_PATH, VAULT_MOUNT_POINT } =\n    config;\n\n  const client = axios.create({\n    baseURL: VAULT_ADDRESS,\n    httpsAgent: new https.Agent({ rejectUnauthorized: false }),\n  });\n\n  const { data: loginData } = await client.post(`/v1/auth/userpass/login/${VAULT_USERNAME}`, {\n    password: VAULT_PASSWORD,\n  });\n\n  const { data: secretData } = await client.get(\n    `/v1/${VAULT_MOUNT_POINT}/data/${VAULT_SECRET_PATH}`,\n    {\n      headers: { \"X-Vault-Token\": loginData.auth.client_token },\n    },\n  );\n\n  const secrets = secretData?.data?.data;\n  if (!secrets) throw new Error(\"No secrets found\");\n\n  return Object.fromEntries(\n    Object.entries(secrets).map(([key, value]) => [\n      key,\n      typeof value === \"string\" ? value : JSON.stringify(value),\n    ]),\n  );\n}\n\nasync function loadVaultSecrets(command: string): Promise<void> {\n  if (command !== \"serve\") return;\n\n  const env = loadEnv(\"development\", process.cwd(), \"\");\n  if (!env.VAULT_ADDRESS) return;\n\n  try {\n    const secrets = await fetchVaultSecrets(env);\n    Object.entries(secrets).forEach(([key, value]) => {\n      process.env[key] = env[key]?.trim() ? env[key] : value;\n    });\n  } catch (e) {\n    console.warn(\"[vite:wcz-layout] Vault failed:\", e instanceof Error ? e.message : e);\n  }\n}\n\nfunction loadLocaleResources(localesPath: string, addWatchFile: (path: string) => void): Resource {\n  if (!fs.existsSync(localesPath)) fs.mkdirSync(localesPath, { recursive: true });\n\n  const enPath = path.join(localesPath, \"en.json\");\n  if (!fs.existsSync(enPath)) fs.writeFileSync(enPath, JSON.stringify({}));\n\n  const files = fs.readdirSync(localesPath);\n  const resources: Resource = {};\n\n  for (const file of files.filter((f) => f.endsWith(\".json\"))) {\n    const lang = path.basename(file, \".json\");\n    const filePath = path.join(localesPath, file);\n    try {\n      resources[lang] = { translation: JSON.parse(fs.readFileSync(filePath, \"utf-8\")) };\n    } catch {\n      resources[lang] = { translation: {} };\n    }\n    addWatchFile(filePath);\n  }\n\n  return resources;\n}\n\nfunction ensurePermissionsFile(\n  permissionsPath: string,\n  addWatchFile: (path: string) => void,\n): void {\n  const dir = path.dirname(permissionsPath);\n  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });\n  if (!fs.existsSync(permissionsPath)) {\n    fs.writeFileSync(\n      permissionsPath,\n      'export const permissions = {\\n  admin: [\"wcz-developers\"]\\n} as const;',\n    );\n  }\n  addWatchFile(permissionsPath);\n}\n\nfunction ensureScopesFile(scopesPath: string, addWatchFile: (path: string) => void): void {\n  const dir = path.dirname(scopesPath);\n  if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });\n  if (!fs.existsSync(scopesPath)) {\n    fs.writeFileSync(scopesPath, \"export const scopes = {\\n} as const;\");\n  }\n  addWatchFile(scopesPath);\n}\n\nfunction loadManifest(\n  manifestPath: string,\n  addWatchFile: (path: string) => void,\n): { name: string } & Record<string, unknown> {\n  addWatchFile(manifestPath);\n  try {\n    return JSON.parse(fs.readFileSync(manifestPath, \"utf-8\"));\n  } catch {\n    return { name: \"\" };\n  }\n}\n\nexport function viteWczLayout(): Plugin {\n  const virtualModuleId = \"virtual:wcz-layout\";\n  const resolvedVirtualModuleId = \"\\0\" + virtualModuleId;\n\n  let localesPath: string;\n  let permissionsPath: string;\n  let scopesPath: string;\n  let envPath: string;\n  let manifestPath: string;\n\n  return {\n    name: \"vite:wcz-layout\",\n    enforce: \"pre\",\n    configResolved(resolvedConfig) {\n      localesPath = path.resolve(resolvedConfig.root, \"src/lib/locales\");\n      permissionsPath = path.resolve(resolvedConfig.root, \"src/lib/auth/permissions.ts\");\n      scopesPath = path.resolve(resolvedConfig.root, \"src/lib/auth/scopes.ts\");\n      envPath = path.resolve(resolvedConfig.root, \"src/env.ts\");\n      manifestPath = path.resolve(resolvedConfig.root, \"public/manifest.json\");\n    },\n    async config(_, { command }) {\n      await loadVaultSecrets(command);\n\n      return {\n        optimizeDeps: {\n          exclude: [virtualModuleId],\n          include: [\n            // CJS deps reached through @mui/* and @emotion/* imports in our dist\n            \"prop-types\",\n            \"react-is\",\n            \"hoist-non-react-statics\",\n            // CJS dep of tus-js-client (file upload server fn)\n            \"url-parse\",\n            // CJS dep of react-dropzone\n            \"attr-accept\",\n            \"@mui/x-date-pickers-pro\",\n            \"@mui/x-data-grid-premium\",\n          ],\n        },\n        resolve: {\n          dedupe: [\n            \"react\",\n            \"react-dom\",\n            \"@mui/material\",\n            \"@mui/x-date-pickers\",\n            \"@mui/x-date-pickers-pro\",\n            \"@mui/x-data-grid\",\n            \"@mui/x-data-grid-premium\",\n            \"@emotion/react\",\n            \"@emotion/styled\",\n          ],\n        },\n        ssr: {\n          noExternal: [/@mui\\//, /@emotion\\//],\n          resolve: {\n            conditions: [\"node\", \"module\", \"import\"],\n          },\n        },\n      };\n    },\n    configureServer(server) {\n      const refresh = (filePath: string) => {\n        if (\n          filePath.includes(localesPath) ||\n          filePath === permissionsPath ||\n          filePath === scopesPath ||\n          filePath === envPath ||\n          filePath === manifestPath\n        ) {\n          const module = server.moduleGraph.getModuleById(resolvedVirtualModuleId);\n          if (module) server.moduleGraph.invalidateModule(module);\n          server.ws.send({ type: \"full-reload\", path: \"*\" });\n        }\n      };\n\n      server.watcher.add([localesPath, permissionsPath, scopesPath, envPath, manifestPath]);\n      server.watcher.on(\"add\", refresh);\n      server.watcher.on(\"change\", refresh);\n      server.watcher.on(\"unlink\", refresh);\n    },\n    resolveId(id) {\n      if (id === virtualModuleId) return resolvedVirtualModuleId;\n      return null;\n    },\n    load(id) {\n      if (id !== resolvedVirtualModuleId) return null;\n\n      const resources = loadLocaleResources(localesPath, this.addWatchFile.bind(this));\n      ensurePermissionsFile(permissionsPath, this.addWatchFile.bind(this));\n      ensureScopesFile(scopesPath, this.addWatchFile.bind(this));\n      const manifest = loadManifest(manifestPath, this.addWatchFile.bind(this));\n\n      const normalizedPermissionsPath = permissionsPath.split(path.sep).join(path.posix.sep);\n      const normalizedScopesPath = scopesPath.split(path.sep).join(path.posix.sep);\n      const normalizedEnvPath = envPath.split(path.sep).join(path.posix.sep);\n      return `\n            export const resources = ${JSON.stringify(resources)};\n            export const manifest = ${JSON.stringify(manifest)};\n            export { permissions } from \"${normalizedPermissionsPath}\";\n            export { scopes } from \"${normalizedScopesPath}\";\n            export { serverEnv } from \"${normalizedEnvPath}\";\n            `;\n    },\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,62 +1,129 @@
-{
-  "name": "wcz-layout",
-  "license": "MIT",
-  "author": "Dalibor Homola",
-  "version": "6.7.2",
-  "types": "dist/src/index.d.ts",
-  "main": "dist/src/index.js",
-  "module": "dist/src/index.js",
-  "exports": {
-    ".": {
-      "types": "./dist/src/index.d.ts",
-      "import": "./dist/src/index.js",
-      "default": "./dist/src/index.js"
-    }
-  },
-  "scripts": {
-    "npm-install": "npm install",
-    "npm-update": "npm update",
-    "analyze": "cem analyze --litelement",
-    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-    "build": "tsc && npm run analyze -- --exclude dist",
-    "prepublish": "tsc && npm run analyze -- --exclude dist",
-    "publish": "npm publish --tag legacy"
-  },
-  "dependencies": {
-    "@azure/msal-browser": "^4.27.0",
-    "@azure/msal-react": "^3.0.23",
-    "uuidv7": "^1.0.1",
-    "axios": "^1.13.2",
-    "i18next": "^24.2.1",
-    "i18next-browser-languagedetector": "^8.0.2",
-    "i18next-http-backend": "^3.0.1",
-    "react-i18next": "^15.0.1",
-    "react-number-format": "^5.4.4",
-    "use-local-storage-state": "^19.4.0",
-    "zod-i18n-map": "^2.27.0"
-  },
-  "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.4.17",
-    "@web/dev-server": "^0.1.28",
-    "concurrently": "^5.3.0",
-    "lit": "^2.0.2",
-    "tslib": "^2.7.0",
-    "typescript": "^5.5.4"
-  },
-  "peerDependencies": {
-    "@emotion/react": "11.x",
-    "@emotion/styled": "11.x",
-    "@mui/icons-material": "6.x",
-    "@mui/material": "6.x",
-    "@mui/x-data-grid-premium": "7.x",
-    "@mui/x-date-pickers-pro": "7.x",
-    "@tanstack/react-query": "5.x",
-    "@tanstack/react-form": "1.x",
-    "moment": "2.x",
-    "react": "18.x || 19.x",
-    "react-dom": "18.x || 19.x",
-    "react-router-dom": "6.x || 7.x",
-    "zod": "3.x"
-  },
-  "customElements": "custom-elements.json"
-}
+{
+  "name": "wcz-layout",
+  "version": "9.4.1",
+  "private": false,
+  "keywords": [
+    "tanstack-intent"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.wistron.com/wcz/it-developers/layout/tanstack.git"
+  },
+  "files": [
+    "dist",
+    "skills",
+    "!skills/_artifacts"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "./dist/hooks.mjs"
+  ],
+  "types": "./dist/index.d.mts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./components": {
+      "types": "./dist/components.d.mts",
+      "import": "./dist/components.mjs"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.mts",
+      "import": "./dist/hooks.mjs"
+    },
+    "./middleware": {
+      "types": "./dist/middleware.d.mts",
+      "import": "./dist/middleware.mjs"
+    },
+    "./models": {
+      "types": "./dist/models.d.mts",
+      "import": "./dist/models.mjs"
+    },
+    "./data/client": {
+      "types": "./dist/data/client.d.mts",
+      "import": "./dist/data/client.mjs"
+    },
+    "./data/server": {
+      "types": "./dist/data/server.d.mts",
+      "import": "./dist/data/server.mjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.mts",
+      "import": "./dist/utils.mjs"
+    },
+    "./auth": {
+      "types": "./dist/auth.d.mts",
+      "import": "./dist/auth.mjs"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.mts",
+      "import": "./dist/vite.mjs"
+    }
+  },
+  "scripts": {
+    "dev": "vp dev",
+    "vp:install": "vp install",
+    "vp:update": "vp update",
+    "ncu:install": "npx npm-check-updates -i",
+    "lint:package": "publint",
+    "build": "vp pack",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@azure/msal-node": "^5.4.0",
+    "@t3-oss/env-core": "^0.13.11",
+    "i18next": "^26.3.5",
+    "i18next-browser-languagedetector": "^8.2.1",
+    "jose": "^6.2.3",
+    "react-dropzone": "^15.0.0",
+    "react-i18next": "^17.0.8",
+    "react-intersection-observer": "^10.0.3",
+    "react-number-format": "^5.4.5",
+    "tus-js-client": "^4.3.1",
+    "uuidv7": "^1.2.1"
+  },
+  "devDependencies": {
+    "@rolldown/plugin-babel": "^0.2.3",
+    "@tanstack/ai": "^0.40.0",
+    "@tanstack/ai-client": "^0.20.0",
+    "@tanstack/ai-openai": "^0.16.0",
+    "@types/node": "^24.10.13",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.3",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "nitro": "npm:nitro-nightly@latest",
+    "publint": "^0.3.21",
+    "typescript": "^6.0.3",
+    "vite-plugin-checker": "0.14.1"
+  },
+  "peerDependencies": {
+    "@emotion/cache": "11.x",
+    "@emotion/react": "11.x",
+    "@emotion/styled": "11.x",
+    "@mui/icons-material": "9.x",
+    "@mui/material": "9.x",
+    "@mui/x-data-grid-premium": "9.x",
+    "@mui/x-date-pickers-pro": "9.x",
+    "@tanstack/query-db-collection": "1.x",
+    "@tanstack/react-db": "0.x",
+    "@tanstack/react-form": "1.x",
+    "@tanstack/react-query": "5.x",
+    "@tanstack/react-router": "1.x",
+    "@tanstack/react-router-ssr-query": "1.x",
+    "@tanstack/react-start": "1.x",
+    "axios": "1.x",
+    "dayjs": "1.x",
+    "react": "19.x",
+    "react-dom": "19.x",
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vite-plus": "latest",
+    "zod": "4.x"
+  },
+  "overrides": {
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest"
+  },
+  "packageManager": "npm@12.0.0"
+}

package/skills/client-db/SKILL.md

@@ -0,0 +1,107 @@
+---
+name: client-db
+description: "Use when: creating or modifying TanStack DB collections, live queries, optimistic collection writes, subset loading, collection preloading."
+---
+
+## Rules
+
+- Use `eager` syncMode for top-level collections, `on-demand` for child/relational data.
+- Use `useLiveQuery` for list/grid pages and `useLiveSuspenseQuery` for detail components wrapped in suspense.
+- For mutations use `createOptimisticAction` — mirror the server mutation in `onMutate`, then call the server function and `collection.utils.refetch()` in `mutationFn`.
+- Use `meta.loadSubsetOptions` for relational subset loading.
+- Use Axios with auth interceptor `getAccessToken` but only for public REST APIs; use default `api` as a scope key.
+
+## File Placement
+
+```
+src/db-collections/           — DB collections
+src/server/actions/           — server functions (select/update/insert/delete)
+src/lib/schemas/              — Zod schemas (shared between client and server)
+src/lib/auth/scopes.ts        — API scope keys
+wcz-layout/data               — queryClient instance
+wcz-layout/auth               — getAccessToken utility function
+```
+
+## Examples
+
+```ts
+// src/db-collections/<feature>.ts
+export const api = axios.create({
+  baseURL: "/api/libraries",
+});
+
+api.interceptors.request.use(async (config) => {
+  const accessToken = await getAccessToken("api");
+  config.headers.set("Authorization", `Bearer ${accessToken}`);
+  return config;
+});
+
+// src/db-collections/<feature>.ts
+export const librariesCollection = createCollection(
+  queryCollectionOptions({
+    queryKey: ["libraries"],
+    queryFn: () => selectLibraries(),
+    getKey: ({ id }) => id,
+    schema: LibrarySchema,
+    queryClient: queryClient,
+    syncMode: "eager",
+  }),
+);
+
+// src/db-collections/<feature>.ts
+export const bookCollection = createCollection(
+  queryCollectionOptions({
+    queryKey: ["books"],
+    queryFn: ({ meta }) => selectBooks({ data: meta?.loadSubsetOptions }),
+    getKey: ({ id }) => id,
+    schema: BookSchema,
+    queryClient: queryClient,
+    syncMode: "on-demand",
+  }),
+);
+
+// simple query
+const { data, isLoading } = useLiveQuery((q) =>
+  q.from({ library: libraryCollection }).orderBy(({ library }) => library.name, "asc"),
+);
+
+// advanced query with relational data
+const { data } = useLiveQuery((q) =>
+  q
+    .from({ library: libraryCollection })
+    .where(({ library }) => eq(library.id, id))
+    .findOne()
+    .select(({ library }) => ({
+      ...library,
+      books: toArray(
+        q
+          .from({ book: bookCollection })
+          .where(({ book }) => eq(book.libraryId, library.id))
+          .orderBy(({ book }) => book.title, "asc")
+          .select(({ book }) => ({
+            id: book.id,
+            title: book.title,
+          })),
+      ),
+    })),
+);
+
+// form submission handler
+const handleOnSubmit = createOptimisticAction<Library>({
+  onMutate: (formValues) => {
+    libraryCollection.update(id, (prev) => Object.assign(prev, formValues));
+  },
+  mutationFn: async (formValues) => {
+    await updateLibrary({ data: formValues });
+    await libraryCollection.utils.refetch();
+  },
+});
+
+// calling the handler
+try {
+  const transaction = handleOnSubmit(formValues);
+  await transaction.isPersisted.promise;
+} catch (error) {
+  if (error instanceof Error) alert(error.message);
+}
+```

package/skills/data-grid/SKILL.md

@@ -0,0 +1,142 @@
+---
+name: data-grid
+description: "Use when: building or configuring MUI X DataGrid tables, editable columns, toolbar actions, row selection, or TanStack DB-backed grids."
+---
+
+## Rules
+
+- Wrap DataGrid in `Fullscreen` when it is the only content on the page.
+- Type columns as `Array<GridColDef<RowType>>` with the row interface.
+- Use translation for all `headerName` values.
+- Use `rows`, `columns`, `showToolbar`, `loading`, `ignoreDiacritics`, `cellSelection`, and `disableRowSelectionOnClick` on grids.
+- For enums use `type: "singleSelect"` with `{ value, label }` options array used from enumObject.
+- For editable columns, pair `editable: true` with `renderHeader: EditableColumnHeader`.
+- Use `EditableColumnHeader`, and router button/grid action components from `wcz-layout/components` when they fit.
+- Always set `valueFormatter: (value) => dayjs(value).format("L LT")` for columns type `dateTime` or `format("L")` for columns type `date`.
+
+## File Placement
+
+```
+@mui/x-data-grid-premium        — GridColDef, DataGridPremium
+src/db-collections/             - TanStack DB collections to get data
+@tanstack/react-db              - useLiveQuery, useLiveSuspenseQuery
+src/server/actions/             - server functions and enums
+wcz-layout/components           - EditableColumnHeader, Fullscreen
+wcz-layout/hooks                - useTranslation
+```
+
+## Examples
+
+```tsx
+// src/routes/<feature>s/index.tsx
+const { t } = useTranslation();
+const { confirm, alert } = useDialogs();
+const navigate = useNavigate();
+const [cellSelectionModel, setCellSelectionModel] = useState<GridCellSelectionModel>({});
+
+const { data, isLoading } = useLiveQuery((q) =>
+  q.from({ feature: featureCollection }).orderBy(({ feature }) => feature.name, "asc"),
+);
+
+const columns: Array<GridColDef<Feature>> = [
+  {
+    field: "name",
+    headerName: t("Feature.Name"),
+    width: 200,
+    editable: true,
+    renderHeader: EditableColumnHeader,
+  },
+  {
+    field: "status",
+    headerName: t("Feature.Status"),
+    width: 200,
+    type: "singleSelect",
+    valueOptions: featureStatusEnum.enumValues.map((status) => ({
+      value: status,
+      label: t(`FeatureStatus.${status}`),
+    })),
+  },
+];
+
+const handleOnDelete = createOptimisticAction<Array<string>>({
+  onMutate: (ids) => {
+    ids.forEach((id) => {
+      featureCollection.delete(id);
+    });
+  },
+  mutationFn: async (ids) => {
+    deleteFeatures({ data: ids });
+    await featureCollection.utils.refetch();
+  },
+});
+
+return (
+  <Fullscreen>
+    <DataGridPremium
+      rows={data}
+      columns={columns}
+      showToolbar
+      loading={isLoading}
+      ignoreDiacritics
+      onRowDoubleClick={({ row }) => navigate({ to: "/features/$id", params: { id: row.id } })}
+      cellSelection
+      disableRowSelectionOnClick
+      cellSelectionModel={cellSelectionModel}
+      onCellSelectionModelChange={(newModel) => setCellSelectionModel(newModel)}
+      slots={{ toolbar: DataGridToolbar }}
+      slotProps={{
+        toolbar: {
+          title: t("Feature.Features"),
+          actions: [
+            <Tooltip key="create" title={t("Create")}>
+              <RouterIconButton to="/features/create">
+                <Add fontSize="small" />
+              </RouterIconButton>
+            </Tooltip>,
+            Object.keys(cellSelectionModel).length === 1 && (
+              <Tooltip key="edit" title={t("Edit")}>
+                <RouterIconButton
+                  to="/features/edit/$id"
+                  params={{ id: Object.keys(cellSelectionModel)[0].toString() }}
+                >
+                  <Edit fontSize="small" />
+                </RouterIconButton>
+              </Tooltip>
+            ),
+            Object.keys(cellSelectionModel).length > 0 && (
+              <Tooltip key="delete" title={t("Delete")}>
+                <IconButton
+                  onClick={async () => {
+                    const confirmed = await confirm(
+                      t("DeleteConfirmation", { count: Object.keys(cellSelectionModel).length }),
+                    );
+                    if (confirmed) {
+                      try {
+                        const transaction = handleOnDelete(
+                          Object.keys(cellSelectionModel).map((id) => id.toString()),
+                        );
+                        await transaction.isPersisted.promise;
+                        setCellSelectionModel({});
+                      } catch (error) {
+                        if (error instanceof Error) await alert(error.message);
+                      }
+                    }
+                  }}
+                >
+                  <Badge
+                    badgeContent={Object.keys(cellSelectionModel).length}
+                    invisible={Object.keys(cellSelectionModel).length <= 1}
+                    color="error"
+                  >
+                    <Delete fontSize="small" />
+                  </Badge>
+                </IconButton>
+              </Tooltip>
+            ),
+          ],
+        },
+      }}
+    />
+  </Fullscreen>
+);
+```