@oss-ma/tpl 1.0.0 → 1.0.2

package/dist/engine/copy.js

@@ -21,35 +21,55 @@ const TEXT_EXT = new Set([
     ".cjs",
     ".mjs"
 ]);
+/**
+ * Dotfiles that MUST be copied if present in template root.
+ * Some Windows + tooling edge cases can hide them from readdir.
+ */
+const MUST_COPY_DOTFILES = [".gitignore", ".editorconfig", ".gitattributes"];
 function isTextFile(filePath) {
     const ext = path.extname(filePath).toLowerCase();
     if (TEXT_EXT.has(ext))
         return true;
-    // Special dotfiles with no extension
     const base = path.basename(filePath);
     if (base === "Dockerfile")
         return true;
     return false;
 }
+async function copyOneFile(srcPath, destPath, vars) {
+    await fs.ensureDir(path.dirname(destPath));
+    if (isTextFile(srcPath)) {
+        const raw = await fs.readFile(srcPath, "utf8");
+        const rendered = renderString(raw, vars);
+        await fs.writeFile(destPath, rendered, "utf8");
+    }
+    else {
+        await fs.copyFile(srcPath, destPath);
+    }
+}
 export async function copyAndRenderDir(srcDir, destDir, vars) {
     await fs.ensureDir(destDir);
+    // 0) Fail-safe: explicitly copy must-have dotfiles if they exist in this directory
+    // (especially important for template root where .gitignore lives)
+    for (const dot of MUST_COPY_DOTFILES) {
+        const srcDot = path.join(srcDir, dot);
+        const destDot = path.join(destDir, dot);
+        if (await fs.pathExists(srcDot)) {
+            await copyOneFile(srcDot, destDot, vars);
+        }
+    }
     const entries = await fs.readdir(srcDir, { withFileTypes: true });
-    for (const e of entries) {
-        const srcPath = path.join(srcDir, e.name);
-        const destPath = path.join(destDir, e.name);
-        if (e.isDirectory()) {
+    for (const entry of entries) {
+        // Skip the dotfiles already handled explicitly above (avoid duplicate work)
+        if (MUST_COPY_DOTFILES.includes(entry.name))
+            continue;
+        const srcPath = path.join(srcDir, entry.name);
+        const destPath = path.join(destDir, entry.name);
+        if (entry.isDirectory()) {
             await copyAndRenderDir(srcPath, destPath, vars);
             continue;
         }
-        if (e.isFile()) {
-            if (isTextFile(srcPath)) {
-                const raw = await fs.readFile(srcPath, "utf8");
-                const out = renderString(raw, vars);
-                await fs.outputFile(destPath, out, "utf8");
-            }
-            else {
-                await fs.copyFile(srcPath, destPath);
-            }
-        }
+        if (!entry.isFile())
+            continue;
+        await copyOneFile(srcPath, destPath, vars);
     }
 }

package/dist/engine/loadTemplate.js

@@ -1,14 +1,10 @@
 import path from "node:path";
 import fs from "fs-extra";
 import YAML from "yaml";
-import { findUp } from "../utils/findUp.js";
+import { getResourcesRoot } from "../utils/path.js";
 export async function loadTemplate(templateName) {
-    const schemaPath = await findUp(process.cwd(), "standard.schema.json");
-    const repoRoot = schemaPath ? path.dirname(schemaPath) : null;
-    if (!repoRoot) {
-        throw new Error(`Cannot locate repo root (standard.schema.json not found upward from: ${process.cwd()})`);
-    }
-    const templateDir = path.join(repoRoot, "templates", templateName);
+    const resourcesRoot = getResourcesRoot();
+    const templateDir = path.join(resourcesRoot, "templates", templateName);
     const templateYamlPath = path.join(templateDir, "template.yaml");
     const filesDir = path.join(templateDir, "files");
     if (!(await fs.pathExists(templateYamlPath))) {
@@ -24,10 +20,37 @@ export async function loadTemplate(templateName) {
     }
     return { spec, templateDir, filesDir };
 }
+// import path from "node:path";
+// import fs from "fs-extra";
+// import YAML from "yaml";
+// import { findUp } from "../utils/findUp.js";
+// export type TemplateQuestion = {
+//   name: string;
+//   message: string;
+//   default?: string;
+//   choices?: string[];
+// };
+// export type TemplateHook = { run: string };
+// export type TemplateSpec = {
+//   name: string;
+//   version: string;
+//   description?: string;
+//   questions?: TemplateQuestion[];
+//   hooks?: {
+//     postGenerate?: TemplateHook[];
+//   };
+// };
+// export type LoadedTemplate = {
+//   spec: TemplateSpec;
+//   templateDir: string;
+//   filesDir: string;
+// };
 // export async function loadTemplate(templateName: string): Promise<LoadedTemplate> {
-//   // CLI is at: template-platform/cli
-//   // templates are at: template-platform/templates/<name>
-//   const repoRoot = path.resolve(process.cwd(), ".."); // assumes we run from cli/
+//   const schemaPath = await findUp(process.cwd(), "standard.schema.json");
+//   const repoRoot = schemaPath ? path.dirname(schemaPath) : null;
+//   if (!repoRoot) {
+//     throw new Error(`Cannot locate repo root (standard.schema.json not found upward from: ${process.cwd()})`);
+//   }
 //   const templateDir = path.join(repoRoot, "templates", templateName);
 //   const templateYamlPath = path.join(templateDir, "template.yaml");
 //   const filesDir = path.join(templateDir, "files");
@@ -44,3 +67,23 @@ export async function loadTemplate(templateName) {
 //   }
 //   return { spec, templateDir, filesDir };
 // }
+// // export async function loadTemplate(templateName: string): Promise<LoadedTemplate> {
+// //   // CLI is at: template-platform/cli
+// //   // templates are at: template-platform/templates/<name>
+// //   const repoRoot = path.resolve(process.cwd(), ".."); // assumes we run from cli/
+// //   const templateDir = path.join(repoRoot, "templates", templateName);
+// //   const templateYamlPath = path.join(templateDir, "template.yaml");
+// //   const filesDir = path.join(templateDir, "files");
+// //   if (!(await fs.pathExists(templateYamlPath))) {
+// //     throw new Error(`Template not found: ${templateYamlPath}`);
+// //   }
+// //   if (!(await fs.pathExists(filesDir))) {
+// //     throw new Error(`Template files folder not found: ${filesDir}`);
+// //   }
+// //   const raw = await fs.readFile(templateYamlPath, "utf8");
+// //   const spec = YAML.parse(raw) as TemplateSpec;
+// //   if (!spec?.name || !spec?.version) {
+// //     throw new Error(`Invalid template.yaml: missing name/version (${templateYamlPath})`);
+// //   }
+// //   return { spec, templateDir, filesDir };
+// // }

package/dist/engine/packs/loadPack.js

@@ -1,15 +1,10 @@
 import path from "node:path";
 import fs from "fs-extra";
 import YAML from "yaml";
-import { findUp } from "../../utils/findUp.js";
+import { getResourcesRoot } from "../../utils/path.js";
 export async function loadPack(packName) {
-    // findUp returns the FULL path to the "packs" directory
-    const packsDir = await findUp(process.cwd(), "packs");
-    if (!packsDir) {
-        throw new Error(`Cannot locate "packs" directory (searched upward from: ${process.cwd()})`);
-    }
-    // packsDir already ends with ".../packs"
-    const packDir = path.join(packsDir, packName);
+    const packsRoot = path.join(getResourcesRoot(), "packs");
+    const packDir = path.join(packsRoot, packName);
     const packYaml = path.join(packDir, "pack.yaml");
     if (!(await fs.pathExists(packYaml))) {
         throw new Error(`Pack not found: ${packName} (expected: ${packYaml})`);

package/dist/engine/validators/standard.js

@@ -1,6 +1,6 @@
 import path from "node:path";
 import fs from "fs-extra";
-import { findUp } from "../../utils/findUp.js";
+import { getResourcesRoot } from "../../utils/path.js";
 async function fileExists(p) {
     try {
         const stat = await fs.stat(p);
@@ -30,25 +30,10 @@ function extractMarkdownHeadings(md) {
     }
     return headings;
 }
-// export async function loadStandardSchema(): Promise<{ schema: StandardSchema; schemaPath: string }> {
-//   // CLI lives in template-platform/cli
-//   // standard.schema.json lives in template-platform/standard.schema.json
-//   const repoRoot = path.resolve(process.cwd(), "..");
-//   const schemaPath = path.join(repoRoot, "standard.schema.json");
-//   if (!(await fileExists(schemaPath))) {
-//     throw new Error(`standard.schema.json not found at: ${schemaPath}`);
-//   }
-//   const raw = await fs.readFile(schemaPath, "utf8");
-//   const schema = JSON.parse(raw) as StandardSchema;
-//   if (!schema?.version || !Array.isArray(schema.requiredFiles) || !Array.isArray(schema.requiredDirs)) {
-//     throw new Error(`Invalid standard.schema.json: ${schemaPath}`);
-//   }
-//   return { schema, schemaPath };
-// }
 export async function loadStandardSchema() {
-    const schemaPath = await findUp(process.cwd(), "standard.schema.json");
-    if (!schemaPath) {
-        throw new Error(`standard.schema.json not found (searched upward from: ${process.cwd()})`);
+    const schemaPath = path.join(getResourcesRoot(), "standard.schema.json");
+    if (!(await fs.pathExists(schemaPath))) {
+        throw new Error(`standard.schema.json not found in resources: ${schemaPath}`);
     }
     const raw = await fs.readFile(schemaPath, "utf8");
     const schema = JSON.parse(raw);

package/dist/utils/path.js

@@ -1 +1,18 @@
-export {};
+import { fileURLToPath } from "node:url";
+import path from "node:path";
+/**
+ * Absolute path to the installed CLI package root (folder containing dist/ and resources/).
+ * Works with: local dev, npm install, and npx.
+ */
+export function getCliPackageRoot() {
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname = path.dirname(__filename);
+    // dist/utils/path.js -> dist/utils -> dist -> (package root)
+    return path.resolve(__dirname, "../../");
+}
+/**
+ * Absolute path to published runtime assets.
+ */
+export function getResourcesRoot() {
+    return path.join(getCliPackageRoot(), "resources");
+}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@oss-ma/tpl",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Generate, enforce and maintain clean project architectures",
   "type": "module",
   "bin": {
     "tpl": "./dist/index.js"
   },
-  "files": ["dist"],
+  "files": ["dist", "resources"],
   "engines": {
     "node": ">=18"
   },

package/resources/packs/company-pack-a/files/.github/badges/company-a.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="20">
+  <rect width="120" height="20" fill="#0052cc"/>
+  <text x="60" y="14" fill="#fff" text-anchor="middle" font-size="12">
+    Company A
+  </text>
+</svg>

package/resources/packs/company-pack-a/files/README.company.md

@@ -0,0 +1,15 @@
+# Company A Engineering Standards
+
+This project follows **Company A mandatory engineering standards**.
+
+## Enforced by tooling
+These rules are automatically enforced by:
+- tpl check
+- CI pipelines
+- security scans
+
+## Non-compliance
+Any violation of these standards will block:
+- merges
+- releases
+- deployments

package/resources/packs/company-pack-a/files/SECURITY.md

@@ -0,0 +1,20 @@
+# Security Policy — Company A
+
+## Reporting a vulnerability
+If you discover a security vulnerability, please report it immediately to:
+
+- security@company-a.com
+
+Do NOT open public issues for security problems.
+
+## Scope
+This policy applies to:
+- application code
+- dependencies
+- CI/CD pipelines
+- infrastructure-as-code
+
+## Mandatory rules
+- All dependencies must be kept up to date.
+- Security alerts must be treated as high priority.
+- CodeQL must remain enabled.

package/resources/packs/company-pack-a/pack.yaml

@@ -0,0 +1,29 @@
+name: company-pack-a
+version: 1.0.0
+description: "Company A mandatory engineering standards"
+
+appliesTo:
+  templates:
+    - react-ts
+
+enforcement:
+  level: strict
+
+adds:
+  files: true
+  rules: true
+
+# name: company-pack-a
+# version: 1.0.0
+# description: "Company A engineering standards"
+
+# appliesTo:
+#   templates:
+#     - react-ts
+
+# enforces:
+#   level: strict   # strict | advisory
+
+# adds:
+#   files: true
+#   rules: true

package/resources/packs/company-pack-a/rules/rules.json

@@ -0,0 +1,12 @@
+{
+  "requiredFiles": [
+    "SECURITY.md"
+  ],
+  "requiredScripts": [
+    "audit",
+    "typecheck"
+  ],
+  "forbiddenPatterns": [
+    "alert("
+  ]
+}

package/resources/standard.schema.json

@@ -0,0 +1,29 @@
+{
+  "version": "1.0.0",
+  "requiredFiles": [
+    "README.md",
+    ".editorconfig",
+    ".gitignore",
+    "template.lock",
+    ".github/workflows/ci.yml"
+  ],
+  "requiredDirs": [
+    "docs/adr"
+  ],
+  "readmeRequiredHeadings": [
+    "Overview",
+    "Quickstart",
+    "Scripts",
+    "Architecture",
+    "Contributing"
+  ],
+  "requiredAdrFiles": [
+    "docs/adr/0001-context.md"
+  ],
+  "requiredActions": [
+    "lint",
+    "format",
+    "test",
+    "build"
+  ]
+}

package/resources/templates/react-ts/files/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true

package/resources/templates/react-ts/files/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

package/resources/templates/react-ts/files/.github/dependabot.yml

@@ -0,0 +1,12 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+    open-pull-requests-limit: 10
+    groups:
+      dev-dependencies:
+        dependency-type: "development"
+        patterns:
+          - "*"

package/resources/templates/react-ts/files/.github/workflows/ci.yml

@@ -0,0 +1,94 @@
+name: ci
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+
+concurrency:
+  group: ci-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+
+      - name: Install
+        run: npm ci
+
+      - name: Lint
+        run: npm run lint
+
+  typecheck:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+
+      - name: Install
+        run: npm ci
+
+      - name: Typecheck
+        run: npm run typecheck
+
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+
+      - name: Install
+        run: npm ci
+
+      - name: Test
+        run: npm run test
+
+  build:
+    runs-on: ubuntu-latest
+    needs: [lint, typecheck, test]
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+
+      - name: Install
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+  audit:
+    runs-on: ubuntu-latest
+    needs: [lint, typecheck, test]
+    continue-on-error: true
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: "npm"
+
+      - name: Install
+        run: npm ci
+
+      - name: Audit (high+)
+        run: npm run audit

package/resources/templates/react-ts/files/.github/workflows/codeql.yml

@@ -0,0 +1,37 @@
+name: codeql
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+  schedule:
+    - cron: "0 3 * * 1" # every Monday 03:00 UTC
+
+permissions:
+  contents: read
+  security-events: write
+
+jobs:
+  analyze:
+    name: Analyze (CodeQL)
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        language: ["javascript-typescript"]
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v3
+        with:
+          languages: ${{ matrix.language }}
+
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v3
+
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v3

package/resources/templates/react-ts/files/.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit "$1"

package/resources/templates/react-ts/files/.husky/pre-commit

@@ -0,0 +1,6 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint
+npm run typecheck
+npm run test

package/resources/templates/react-ts/files/.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "semi": true,
+  "singleQuote": false,
+  "printWidth": 100
+}

package/resources/templates/react-ts/files/README.md

@@ -0,0 +1,51 @@
+# {{appName}}
+
+## Overview
+Starter React + TypeScript (Vite) with a strict structure and default quality gates (lint/format/test/build).
+
+## Quickstart
+```bash
+{{packageManager}} install
+{{packageManager}} run dev
+```
+
+## Scripts
+{{packageManager}} run dev : start dev server
+{{packageManager}} run build : production build
+{{packageManager}} run test : run tests
+{{packageManager}} run lint : lint code
+{{packageManager}} run format : format code
+
+## Architecture
+src/app : app bootstrap (entry, root component)
+src/features : feature modules (business/UI by feature)
+src/shared : reusable primitives (ui, utils, types)
+
+## Contributing
+Keep code inside features/ when it belongs to a domain feature.
+Reuse from shared/ only when it’s truly cross-feature.
+CI must stay green: lint + test + build.
+
+
+### ADR obligatoire
+**`templates/react-ts/files/docs/adr/0001-context.md`**
+```md
+# ADR 0001 — Project context
+
+- Date: {{date}}
+- Status: Accepted
+
+## Context
+We need a React + TypeScript starter that is easy to hand over between teams and stays consistent over time.
+
+## Decision
+Use Vite + React + TypeScript with:
+- Feature-based structure
+- ESLint + Prettier
+- Vitest for unit tests
+- GitHub Actions CI running lint, test and build
+
+## Consequences
+- Fast local setup and consistent code style
+- Enforced quality gates via CI
+- Clear separation between app bootstrap, features and shared code

package/resources/templates/react-ts/files/commitlint.config.cjs

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ["@commitlint/config-conventional"]
+};

package/resources/templates/react-ts/files/eslint.config.js

@@ -0,0 +1,67 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tsParser from "@typescript-eslint/parser";
+import tsPlugin from "@typescript-eslint/eslint-plugin";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+
+export default [
+  {
+    ignores: ["dist/**", "coverage/**", "node_modules/**"]
+  },
+
+  js.configs.recommended,
+
+  {
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: "module",
+      parser: tsParser,
+      parserOptions: {
+        ecmaFeatures: { jsx: true }
+      },
+      globals: globals.browser
+    },
+    plugins: {
+      "@typescript-eslint": tsPlugin,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh
+    },
+    rules: {
+      ...tsPlugin.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": ["warn", { allowConstantExport: true }]
+    }
+  }
+];
+
+// import js from "@eslint/js";
+// import globals from "globals";
+// import reactHooks from "eslint-plugin-react-hooks";
+// import reactRefresh from "eslint-plugin-react-refresh";
+
+// export default [
+//   js.configs.recommended,
+
+//   // ignore build artifacts
+//   {
+//     ignores: ["dist/**", "coverage/**", "node_modules/**"]
+//   },
+
+//   {
+//     files: ["**/*.{ts,tsx}"],
+//     languageOptions: {
+//       ecmaVersion: 2022,
+//       globals: globals.browser
+//     },
+//     plugins: {
+//       "react-hooks": reactHooks,
+//       "react-refresh": reactRefresh
+//     },
+//     rules: {
+//       ...reactHooks.configs.recommended.rules,
+//       "react-refresh/only-export-components": ["warn", { allowConstantExport: true }]
+//     }
+//   }
+// ];

package/resources/templates/react-ts/files/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>{{appName}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/app/main.tsx"></script>
+  </body>
+</html>

package/resources/templates/react-ts/files/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "{{appName}}",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+
+    "test": "vitest run",
+    "test:watch": "vitest",
+
+    "lint": "eslint .",
+    "format": "prettier -w .",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+
+    "gen:feature": "node scripts/gen-feature.mjs",
+
+    "prepare": "husky",
+    "audit": "npm audit --audit-level=high"
+  },
+  "dependencies": {
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "^19.2.0",
+    "@eslint/js": "^9.0.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.0",
+    "globals": "^15.0.0",
+    "husky": "^9.0.0",
+    "lint-staged": "^15.2.0",
+    "prettier": "^3.3.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.0",
+    "vitest": "^2.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "jsdom": "^26.0.0"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx,json,md,yml,yaml}": [
+      "prettier -w"
+    ],
+    "*.{ts,tsx,js,jsx}": [
+      "eslint --fix"
+    ]
+  }
+}

package/resources/templates/react-ts/files/src/app/App.js

@@ -0,0 +1,7 @@
+import { Example } from "../features/example/Example.js";
+export function App() {
+    return (<main style={{ padding: 16 }}>
+      <h1>{{ appName }}</h1>
+      <Example />
+    </main>);
+}

package/resources/templates/react-ts/files/src/app/App.tsx

@@ -0,0 +1,10 @@
+import { Example } from "../features/example/Example.js";
+
+export function App() {
+  return (
+    <main style={{ padding: 16 }}>
+      <h1>{{appName}}</h1>
+      <Example />
+    </main>
+  );
+}

package/resources/templates/react-ts/files/src/app/main.js

@@ -0,0 +1,6 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { App } from "./App.js";
+ReactDOM.createRoot(document.getElementById("root")).render(<React.StrictMode>
+    <App />
+  </React.StrictMode>);

package/resources/templates/react-ts/files/src/app/main.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { App } from "./App.js";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

package/resources/templates/react-ts/files/src/features/example/Example.js

@@ -0,0 +1,10 @@
+import { useState } from "react";
+import { Button } from "../../shared/ui/Button.js";
+export function Example() {
+    const [msg, setMsg] = useState(null);
+    return (<section style={{ marginTop: 16 }}>
+      <p>Feature module example.</p>
+      <Button onClick={() => setMsg("Hello!")}>Click</Button>
+      {msg && <p style={{ marginTop: 8 }}>{msg}</p>}
+    </section>);
+}

package/resources/templates/react-ts/files/src/features/example/Example.tsx

@@ -0,0 +1,14 @@
+import { useState } from "react";
+import { Button } from "../../shared/ui/Button.js";
+
+export function Example() {
+  const [msg, setMsg] = useState<string | null>(null);
+
+  return (
+    <section style={{ marginTop: 16 }}>
+      <p>Feature module example.</p>
+      <Button onClick={() => setMsg("Hello!")}>Click</Button>
+      {msg && <p style={{ marginTop: 8 }}>{msg}</p>}
+    </section>
+  );
+}

package/resources/templates/react-ts/files/src/shared/ui/Button.js

@@ -0,0 +1,10 @@
+export function Button({ children, onClick }) {
+    return (<button onClick={onClick} style={{
+            padding: "8px 12px",
+            borderRadius: 10,
+            border: "1px solid #ddd",
+            cursor: "pointer"
+        }}>
+      {children}
+    </button>);
+}

package/resources/templates/react-ts/files/src/shared/ui/Button.tsx

@@ -0,0 +1,20 @@
+type Props = {
+  children: React.ReactNode;
+  onClick?: () => void;
+};
+
+export function Button({ children, onClick }: Props) {
+  return (
+    <button
+      onClick={onClick}
+      style={{
+        padding: "8px 12px",
+        borderRadius: 10,
+        border: "1px solid #ddd",
+        cursor: "pointer"
+      }}
+    >
+      {children}
+    </button>
+  );
+}

package/resources/templates/react-ts/files/template.lock

@@ -0,0 +1,9 @@
+{
+  "template": "react-ts",
+  "version": "1.0.0",
+  "options": {
+    "appName": "{{appName}}",
+    "packageManager": "{{packageManager}}"
+  },
+  "generatedAt": "{{isoDate}}"
+}

package/resources/templates/react-ts/files/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src", "vitest.setup.ts"]
+}

package/resources/templates/react-ts/files/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts", "vitest.config.ts"]
+}

package/resources/templates/react-ts/files/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()]
+});

package/resources/templates/react-ts/files/vitest.config.js

@@ -0,0 +1,9 @@
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+export default defineConfig({
+    plugins: [react()],
+    test: {
+        environment: "jsdom",
+        setupFiles: ["./vitest.setup.ts"]
+    }
+});

package/resources/templates/react-ts/template.yaml

@@ -0,0 +1,20 @@
+name: react-ts
+version: 1.0.0
+description: "Template React + TypeScript (Vite) with lint/format/test/build + CI + ADR"
+engine: "v1"
+
+questions:
+  - name: appName
+    message: "Nom du projet ?"
+    default: "my-react-app"
+
+  - name: packageManager
+    message: "Package manager ?"
+    choices: ["npm", "pnpm", "yarn"]
+    default: "npm"
+
+hooks:
+  postGenerate:
+    - run: "git init"
+    - run: "{{packageManager}} install"
+    - run: "{{packageManager}} run test"