mikoshi-construct 0.1.0

package/templates/presets/monorepo/baseline/packages/shared/src/api/openapi.ts

@@ -0,0 +1,81 @@
+export interface paths {
+    "/health": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        /** Liveness */
+        get: operations["getHealth"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+}
+export type webhooks = Record<string, never>;
+export interface components {
+    schemas: {
+        HealthResponse: {
+            /** @enum {string} */
+            status: "ok" | "error";
+            service: string;
+            /** Format: date-time */
+            time: string;
+        };
+        ErrorResponse: {
+            error: string;
+            message: string;
+        };
+    };
+    responses: never;
+    parameters: never;
+    requestBodies: never;
+    headers: never;
+    pathItems: never;
+}
+export type $defs = Record<string, never>;
+export interface operations {
+    getHealth: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description The service is up. */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["HealthResponse"];
+                };
+            };
+            /** @description A dependency did not answer. */
+            503: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["HealthResponse"];
+                };
+            };
+            /** @description Unexpected error. */
+            default: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["ErrorResponse"];
+                };
+            };
+        };
+    };
+}

package/templates/presets/monorepo/baseline/packages/shared/src/index.ts

@@ -0,0 +1 @@
+export type * from './api/openapi.js'

package/templates/presets/monorepo/baseline/packages/shared/tsconfig.build.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "declaration": true,
+    "noEmit": false,
+    "outDir": "dist"
+  },
+  "include": ["src/**/*.ts"]
+}

package/templates/presets/monorepo/baseline/packages/shared/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src/**/*.ts", "tests/**/*.ts"]
+}

package/templates/presets/monorepo/baseline/pnpm-workspace.yaml.eta

@@ -0,0 +1,31 @@
+minimumReleaseAgeExcludePrune: true
+
+trustPolicy: no-downgrade
+trustPolicyExclude:
+  - chokidar@4.0.3
+  - undici-types@6.21.0
+
+shellEmulator: true
+
+packages:
+  - apps/*
+  - packages/*
+
+allowBuilds:
+  esbuild: true
+
+catalog:
+  '@antfu/eslint-config': ^9.5.1
+  '@redocly/cli': ^2.52.0
+  '@types/express': ^4.17.25
+  '@types/node': ^{{nodeMajor}}.0.0
+  '@types/supertest': ^7.2.1
+  eslint: ^10.10.0
+  express: ^4.21.2
+  express-openapi-validator: ^5.6.2
+  openapi-typescript: ^7.13.0
+  supertest: ^7.2.2
+  tsx: ^4.23.13
+  typescript: ^5.9.3
+  vitest: ^5.0.0
+  yaml: ^2.9.1

package/templates/presets/monorepo/baseline/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "./tsconfig.base.json",
+  "include": [
+    "apps/*/src/**/*.ts",
+    "apps/*/tests/**/*.ts",
+    "packages/*/src/**/*.ts",
+    "packages/*/tests/**/*.ts",
+    "scripts/**/*.ts",
+    "vitest.config.ts"
+  ],
+  "exclude": ["**/node_modules/**", "**/dist/**"]
+}

package/templates/presets/monorepo/baseline/vitest.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    include: ['apps/*/tests/**/*.test.ts', 'packages/*/tests/**/*.test.ts', 'scripts/tests/**/*.test.ts'],
+    environment: 'node',
+  },
+})

package/templates/presets/monorepo/sample/apps/api/package.json.eta

@@ -0,0 +1,23 @@
+{
+  "name": "{{scope}}/api",
+  "type": "module",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "tsx --watch src/server.ts",
+    "start": "node dist/server.js",
+    "build": "tsc -p tsconfig.build.json"
+  },
+  "dependencies": {
+    "{{scope}}/shared": "workspace:*",
+    "express": "catalog:",
+    "express-openapi-validator": "catalog:"
+  },
+  "devDependencies": {
+    "@types/express": "catalog:",
+    "@types/supertest": "catalog:",
+    "supertest": "catalog:",
+    "tsx": "catalog:",
+    "typescript": "catalog:"
+  }
+}

package/templates/presets/monorepo/sample/apps/api/tsconfig.build.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "declaration": false,
+    "noEmit": false,
+    "outDir": "dist"
+  },
+  "include": ["src/**/*.ts"]
+}

package/templates/presets/monorepo/sample/apps/api/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["src/**/*.ts", "tests/**/*.ts"]
+}

package/templates/presets/monorepo/sample/scripts/tests/lint/syntax-policy.test.ts.eta

@@ -0,0 +1,36 @@
+import { ESLint } from 'eslint'
+import { describe, expect, it } from 'vitest'
+import { REPO_ROOT } from '../../composition/files.js'
+
+const PROCESS = 'MemberExpression[object.name="process"]'
+const PROCESS_ENV = 'MemberExpression[object.name="process"][property.name="env"]'
+const RAW_REQUEST_DATA = 'MemberExpression[object.name="req"][property.name=/^(body|query|params)$/]'
+const RAW_SQL = 'CallExpression[callee.object.name="sql"][callee.property.name="raw"]'
+const SHARED_IMPORT = ':matches(ImportDeclaration, ExportNamedDeclaration, ExportAllDeclaration)[source.value=/^{{scope}}\\/shared(\\/|$)/]'
+
+const eslint = new ESLint({ cwd: REPO_ROOT })
+
+async function restrictedSelectors(file: string): Promise<string[]> {
+  const config = await eslint.calculateConfigForFile(file)
+  const [, ...restrictions] = config.rules['no-restricted-syntax'] as [unknown, ...Array<{ selector: string }>]
+  return restrictions.map(restriction => restriction.selector).sort()
+}
+
+const ROLES: Array<{ role: string, file: string, selectors: string[] }> = [
+  { role: 'a service', file: 'apps/api/src/things/things.service.ts', selectors: [PROCESS, RAW_REQUEST_DATA, RAW_SQL, SHARED_IMPORT] },
+  { role: 'a controller', file: 'apps/api/src/things/things.controller.ts', selectors: [PROCESS, RAW_SQL, SHARED_IMPORT] },
+  { role: 'a middleware', file: 'apps/api/src/http/error-handler.middleware.ts', selectors: [PROCESS, RAW_SQL, SHARED_IMPORT] },
+  { role: 'the contract types gateway', file: 'apps/api/src/contracts/types.ts', selectors: [PROCESS, RAW_REQUEST_DATA, RAW_SQL] },
+  { role: 'the app config', file: 'apps/api/src/config.ts', selectors: [RAW_SQL, SHARED_IMPORT] },
+  { role: 'the process entry', file: 'apps/api/src/server.ts', selectors: [RAW_SQL, SHARED_IMPORT] },
+  { role: 'a package module', file: 'packages/shared/src/index.ts', selectors: [PROCESS_ENV, RAW_SQL] },
+  { role: 'a package config', file: 'packages/shared/src/shared.config.ts', selectors: [RAW_SQL] },
+]
+
+describe('syntax policy by file role', () => {
+  for (const { role, file, selectors } of ROLES) {
+    it(`keeps every restriction that applies to ${role}`, async () => {
+      expect(await restrictedSelectors(file)).toEqual([...selectors].sort())
+    })
+  }
+})

package/templates/presets/node-backend/baseline/eslint.config.mjs

@@ -0,0 +1,59 @@
+import antfu from '@antfu/eslint-config'
+
+const PROCESS_MEMBER = 'MemberExpression[object.name="process"]'
+const RAW_REQUEST_DATA = 'MemberExpression[object.name="req"][property.name=/^(body|query|params)$/]'
+const RAW_SQL = 'CallExpression[callee.object.name="sql"][callee.property.name="raw"]'
+
+const NO_PROCESS_OUTSIDE_CONFIG = {
+  selector: PROCESS_MEMBER,
+  message: 'src touches process only in config.ts: read configuration through readConfig() and pass the value on',
+}
+const NO_RAW_REQUEST_DATA = {
+  selector: RAW_REQUEST_DATA,
+  message: 'External input is validated at the HTTP boundary: read req.body, req.query and req.params in a controller or middleware and pass values on',
+}
+const NO_RAW_SQL = {
+  selector: RAW_SQL,
+  message: 'SQL is never built from raw strings: interpolate tables and columns into the sql template instead of sql.raw',
+}
+
+function restrictSyntax(files, restrictions) {
+  return { files, rules: { 'no-restricted-syntax': ['error', ...restrictions] } }
+}
+
+const ENVIRONMENT_READERS = ['src/config.ts', 'src/server.ts', 'src/scripts/**']
+const HTTP_BOUNDARY = ['src/**/*.controller.ts', 'src/**/*.middleware.ts', 'src/http/**']
+
+const dependencyPolicy = [
+  restrictSyntax(['src/**'], [NO_RAW_SQL, NO_PROCESS_OUTSIDE_CONFIG, NO_RAW_REQUEST_DATA]),
+  restrictSyntax(HTTP_BOUNDARY, [NO_RAW_SQL, NO_PROCESS_OUTSIDE_CONFIG]),
+  restrictSyntax(ENVIRONMENT_READERS, [NO_RAW_SQL]),
+]
+
+export default antfu(
+  {
+    isInEditor: false,
+    typescript: {
+      tsconfigPath: './tsconfig.json',
+    },
+  },
+  {
+    ignores: ['**/dist/**', '**/node_modules/**', 'pnpm-lock.yaml', 'scripts/construct/*.workflow.mjs', 'src/contracts/openapi.ts'],
+  },
+  ...dependencyPolicy,
+  {
+    files: ['src/server.ts', 'src/scripts/**'],
+    rules: {
+      'no-console': 'off',
+    },
+  },
+  {
+    files: ['**/*.test.ts'],
+    rules: {
+      'ts/no-unsafe-assignment': 'off',
+      'ts/no-unsafe-call': 'off',
+      'ts/no-unsafe-member-access': 'off',
+      'ts/no-floating-promises': 'off',
+    },
+  },
+)

package/templates/presets/node-backend/baseline/package.json.eta

@@ -0,0 +1,20 @@
+{
+  "name": "{{projectName}}",
+  "type": "module",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "tsx --watch src/server.ts",
+    "start": "node dist/server.js",
+    "build": "tsc -p tsconfig.build.json"
+  },
+  "dependencies": {
+    "express": "^4.21.2",
+    "express-openapi-validator": "^5.6.2"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.25",
+    "@types/supertest": "^7.2.1",
+    "supertest": "^7.2.2"
+  }
+}

package/templates/presets/node-backend/baseline/src/contracts/openapi.ts

@@ -0,0 +1,81 @@
+export interface paths {
+    "/health": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        /** Liveness */
+        get: operations["getHealth"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
+}
+export type webhooks = Record<string, never>;
+export interface components {
+    schemas: {
+        HealthResponse: {
+            /** @enum {string} */
+            status: "ok" | "error";
+            service: string;
+            /** Format: date-time */
+            time: string;
+        };
+        ErrorResponse: {
+            error: string;
+            message: string;
+        };
+    };
+    responses: never;
+    parameters: never;
+    requestBodies: never;
+    headers: never;
+    pathItems: never;
+}
+export type $defs = Record<string, never>;
+export interface operations {
+    getHealth: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description The service is up. */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["HealthResponse"];
+                };
+            };
+            /** @description A dependency did not answer. */
+            503: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["HealthResponse"];
+                };
+            };
+            /** @description Unexpected error. */
+            default: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["ErrorResponse"];
+                };
+            };
+        };
+    };
+}

package/templates/presets/node-backend/baseline/tsconfig.build.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "declaration": false,
+    "noEmit": false,
+    "outDir": "dist"
+  },
+  "include": ["src/**/*.ts"]
+}

package/templates/presets/node-backend/sample/scripts/tests/lint/syntax-policy.test.ts

@@ -0,0 +1,31 @@
+import { ESLint } from 'eslint'
+import { describe, expect, it } from 'vitest'
+import { REPO_ROOT } from '../../composition/files.js'
+
+const PROCESS = 'MemberExpression[object.name="process"]'
+const RAW_REQUEST_DATA = 'MemberExpression[object.name="req"][property.name=/^(body|query|params)$/]'
+const RAW_SQL = 'CallExpression[callee.object.name="sql"][callee.property.name="raw"]'
+
+const eslint = new ESLint({ cwd: REPO_ROOT })
+
+async function restrictedSelectors(file: string): Promise<string[]> {
+  const config = await eslint.calculateConfigForFile(file)
+  const [, ...restrictions] = config.rules['no-restricted-syntax'] as [unknown, ...Array<{ selector: string }>]
+  return restrictions.map(restriction => restriction.selector).sort()
+}
+
+const ROLES: Array<{ role: string, file: string, selectors: string[] }> = [
+  { role: 'a service', file: 'src/things/things.service.ts', selectors: [PROCESS, RAW_REQUEST_DATA, RAW_SQL] },
+  { role: 'a controller', file: 'src/things/things.controller.ts', selectors: [PROCESS, RAW_SQL] },
+  { role: 'a middleware', file: 'src/http/error-handler.middleware.ts', selectors: [PROCESS, RAW_SQL] },
+  { role: 'the app config', file: 'src/config.ts', selectors: [RAW_SQL] },
+  { role: 'the process entry', file: 'src/server.ts', selectors: [RAW_SQL] },
+]
+
+describe('syntax policy by file role', () => {
+  for (const { role, file, selectors } of ROLES) {
+    it(`keeps every restriction that applies to ${role}`, async () => {
+      expect(await restrictedSelectors(file)).toEqual([...selectors].sort())
+    })
+  }
+})

package/templates/presets/node-frontend/baseline/_claude/rules/css.md

@@ -0,0 +1,158 @@
+---
+paths:
+  - "**/*.css"
+  - "**/*.vue"
+  - "**/*.astro"
+---
+
+# CSS
+
+Modern, platform-native CSS. No preprocessor — nesting, custom properties, colour functions and
+container queries are all in the language now.
+
+## State as attributes, variants as custom properties
+
+- **Everything that crosses from JS into CSS crosses as an attribute.** Templates and scripts toggle
+  `data-*`, or an ARIA attribute where one already carries the meaning (`aria-expanded`,
+  `aria-pressed`, `aria-checked`, `[hidden]`). JS does not add or remove styling classes and does not
+  write inline styles for state.
+- **An attribute selector re-binds custom properties; it does not restate declarations.** The block
+  declares its private `--_*` properties and consumes them once; each variant only changes the values.
+- Classes name *things* — a component, a layout primitive, a utility — and stay where they are genuinely
+  useful as hooks. They never encode state or variant: no `--modifier` classes, no new `.is-*`.
+
+```css
+/* ✅ */
+.pill {
+  --_bg: var(--color-surface-container-high);
+  --_fg: var(--color-on-surface);
+  --_bd: transparent;
+
+  background: var(--_bg);
+  color: var(--_fg);
+  border: 1px solid var(--_bd);
+
+  &[data-tone='info'] { --_bg: var(--color-info-bg); --_fg: var(--color-info); }
+  &[data-outlined]    { --_bg: transparent; --_bd: var(--color-primary); }
+}
+
+/* ❌ modifier classes toggled from JS, declarations restated per variant */
+.pill--info { background: …; color: …; border: …; }
+```
+
+## Nesting
+
+Native CSS nesting with `&`. Nest to express relationship — variants, states, parts — not to mirror
+the DOM tree depth-for-depth.
+
+## Container queries over media queries
+
+- `@media` is for **preferences and devices**: `prefers-reduced-motion`, `pointer: coarse`, print. A
+  width-based `@media` is an anti-pattern — a component should react to the space it is in, not to the
+  viewport.
+- Use `@container` with range syntax: `@container (inline-size <= 48rem) { … }`. Keep the breakpoints
+  as rem tokens (`--bp-cq-md: 48rem`). Name a container (`container: split-card / inline-size`) once
+  more than one rule targets it.
+- Use **style container queries** when a parent decides a child's layout mode: the host sets
+  `container-type: inline-size` and stamps a custom property; descendants read it.
+
+```css
+.u-section { container-type: inline-size; --cq-size: lg; }
+@container (inline-size <= 48rem) { .u-section > * { --cq-size: sm; } }
+@container style(--cq-size: lg) { .bento-grid { grid-template-columns: repeat(3, 1fr); } }
+```
+
+- Theming is `color-scheme: light dark` plus `light-dark()`, not `@media (prefers-color-scheme)`.
+
+## Logical properties
+
+`inline-size` / `block-size`, `min-` and `max-inline-size`, `padding-inline` / `padding-block`,
+`margin-inline` / `margin-block`, `inset-block-start` / `inset-inline-start`, `border-inline`,
+`text-align: start`. Physical `width` / `height` / `top` / `left` survive only where the value really is
+physical: SVG geometry attributes, hairlines, `minmax()` track sizes.
+
+## Units — relative by default, and the right relative one
+
+- `rem` for length and spacing; `em` for what should scale with the element's own font size (icon
+  `inline-size: 1em`, letter-spacing); `ch` for measure (`--body-max-inline-size: 65ch`); `lh` for
+  vertical rhythm (`padding: 0.25lh 1ch`); `%` / `fr` / `vi` where that *is* the meaning.
+- `px` only for hairlines, shadow offsets and 1px-scale detail — never for spacing or type.
+- Fluid type and space come from `clamp()` on a scale, not from size swaps at breakpoints.
+- This is a default, not a purity test: pick the unit that expresses the intent.
+
+## Custom properties and tokens
+
+Colour, space, radius, duration and z-index come from tokens — a raw value in a component is a missing
+token. `--_name` marks a component-private property. Derive colours with relative colour syntax
+(`oklch(from var(--color-primary) calc(l + 0.08) c h)`) rather than hand-picking shades.
+
+## Smart layouts
+
+Layout is a small set of reusable primitives that respond to available space **intrinsically** — no
+breakpoints, no per-component grid code. Compose pages from them; when none fits, add a primitive to
+the shared stylesheet rather than a one-off grid to a component.
+
+- **Page shell, named grid lines.** One grid declares `[full-start] … [popout-start] …
+  [content-start] … [narrow-start] …` tracks; children default to `grid-column: content` and opt out
+  with `.layout-full` / `.layout-popout` / `.layout-narrow`. Full-bleed comes from the shell, never
+  from negative margins or `100vw`.
+- **Card grids, `auto-fit` / `auto-fill` + `minmax`.**
+  `grid-template-columns: repeat(auto-fit, minmax(min(var(--card-min-width), 100%), 1fr))`. The inner
+  `min(…, 100%)` is what stops it overflowing a narrow container — it is required, not decoration.
+  `auto-fit` when the row should stretch to fill, `auto-fill` when empty tracks must be kept.
+- **Parameterised by custom properties and `data-*`, never by variant classes.** A caller retunes a
+  primitive by setting `--card-min-width` / `--column-inline-size` / `--grid-gap`, or by stamping an
+  attribute the CSS reads directly.
+
+```css
+.grid-auto-fit-max-column-count {
+  --_max-cols: 3;
+  --_max-cols: attr(data-max-cols type(<number>), 3);
+  --_min-col: var(--column-inline-size, var(--card-min-width));
+  --_col-size: calc((100% - (var(--_max-cols) - 1) * var(--grid-gap)) / var(--_max-cols));
+
+  display: grid;
+  gap: var(--grid-gap);
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--_min-col), var(--_col-size))), 1fr));
+}
+```
+
+```html
+<ul class="grid-auto-fit-max-column-count" data-max-cols="4">
+```
+
+(The plain `--_max-cols: 3` line above the typed `attr()` is the fallback for engines without typed
+`attr()`; keep both.)
+
+- **Line layouts.** One wrapping flex primitive — `display: flex; flex-wrap: wrap; gap: var(--_gap);
+  align-items: center` with `--_gap` overridable — before writing another one-off flex row.
+- **Mode switches.** Where a layout must change *shape* rather than reflow, the host stamps `--cq-size`
+  and the shape lives behind `@container style(--cq-size: lg)`.
+- `gap` is the spacing mechanism; margins between siblings are a smell. `subgrid` when a child must
+  align to an ancestor's tracks. Respect a project's `@layer` order and put a component's styles in the
+  layer its siblings use.
+
+## Animations
+
+Keyframe animations use **dashed idents** with an `--animation-` prefix.
+
+```css
+/* ✅ */
+@keyframes --animation-charities-skeleton-pulse { /* … */ }
+.el {
+  animation: --animation-charities-skeleton-pulse 1.4s ease-in-out infinite;
+}
+
+/* ❌ bare names */
+@keyframes charities-skeleton-pulse { /* … */ }
+.el {
+  animation: fade-in 0.3s ease;
+}
+```
+
+- Declare as `@keyframes --animation-<descriptive-name>`, reference via
+  `animation: --animation-<descriptive-name> …` or `animation-name: --animation-<descriptive-name>`.
+- `animation: none` is fine.
+- This is only about `@keyframes` / `animation-name`. Do **not** rename transition tokens
+  (`--transition-base` and friends).
+- Applies to `.css` files and to `<style>` blocks in `.astro` / `.vue` components alike.

package/templates/presets/node-frontend/baseline/eslint.config.mjs

@@ -0,0 +1,44 @@
+import antfu from '@antfu/eslint-config'
+
+const CLASS_LIST_MUTATION = 'CallExpression[callee.object.property.name="classList"][callee.property.name=/^(add|remove|toggle|replace)$/]'
+const INLINE_STYLE_WRITE = 'AssignmentExpression[left.object.property.name="style"]'
+const INLINE_STYLE_PROPERTY = 'CallExpression[callee.object.property.name="style"][callee.property.name=/^(setProperty|removeProperty)$/]'
+
+const NO_STATE_CLASSES = {
+  selector: CLASS_LIST_MUTATION,
+  message: 'State crosses into CSS as a data-* or ARIA attribute; classes name things, never state',
+}
+const NO_INLINE_STYLES = {
+  selector: `${INLINE_STYLE_WRITE}, ${INLINE_STYLE_PROPERTY}`,
+  message: 'Scripts do not write inline styles: set a data-* attribute and let the stylesheet re-bind custom properties',
+}
+
+function restrictSyntax(files, ignores, restrictions) {
+  return { files, ignores, rules: { 'no-restricted-syntax': ['error', ...restrictions] } }
+}
+
+const stylingPolicy = [
+  restrictSyntax(['src/**'], [], [NO_STATE_CLASSES, NO_INLINE_STYLES]),
+]
+
+export default antfu(
+  {
+    isInEditor: false,
+    typescript: {
+      tsconfigPath: './tsconfig.json',
+    },
+  },
+  {
+    ignores: ['**/dist/**', '**/node_modules/**', 'pnpm-lock.yaml', 'scripts/construct/*.workflow.mjs'],
+  },
+  ...stylingPolicy,
+  {
+    files: ['**/*.test.ts'],
+    rules: {
+      'ts/no-unsafe-assignment': 'off',
+      'ts/no-unsafe-call': 'off',
+      'ts/no-unsafe-member-access': 'off',
+      'ts/no-floating-promises': 'off',
+    },
+  },
+)

package/templates/presets/node-frontend/baseline/package.json.eta

@@ -0,0 +1,15 @@
+{
+  "name": "{{projectName}}",
+  "type": "module",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "happy-dom": "^20.13.0",
+    "vite": "^8.2.0"
+  }
+}