npm - @oss-ma/tpl - Versions diffs - 1.0.3 → 1.0.24 - Mend

@oss-ma/tpl 1.0.3 → 1.0.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

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

@@ -1,67 +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 }]
-//     }
-//   }
-// ];
+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/gitignore CHANGED Viewed

@@ -1,8 +1,8 @@
-node_modules
-dist
-coverage
-.env
-.env.*
-.DS_Store
-.vscode
-.idea
+node_modules
+dist
+coverage
+.env
+.env.*
+.DS_Store
+.vscode
+.idea

package/resources/templates/react-ts/files/index.html CHANGED Viewed

@@ -1,12 +1,40 @@
-<!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>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <!--
+      Content Security Policy — defence-in-depth against XSS.
+      Adjust 'connect-src' if you add external APIs.
+      Remove 'unsafe-eval' once all dependencies support it.
+    -->
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="
+        default-src 'self';
+        script-src  'self' 'unsafe-inline';
+        style-src   'self' 'unsafe-inline';
+        img-src     'self' data: blob:;
+        font-src    'self';
+        connect-src 'self';
+        object-src  'none';
+        base-uri    'self';
+        form-action 'self';
+        frame-ancestors 'none';
+      "
+    />
+    <!-- Prevent MIME-type sniffing -->
+    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
+    <!-- Block referrer leakage -->
+    <meta name="referrer" content="strict-origin-when-cross-origin" />
+    <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 CHANGED Viewed

@@ -1,56 +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"
-    ]
-  }
+{
+  "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 CHANGED Viewed

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

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

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

@@ -1,6 +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 />
+ReactDOM.createRoot(document.getElementById("root")).render(<React.StrictMode>
+    <App />
   </React.StrictMode>);

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

@@ -1,9 +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>
+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 CHANGED Viewed

@@ -2,9 +2,9 @@ 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>}
+    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 CHANGED Viewed

@@ -1,14 +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>
-  );
+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 CHANGED Viewed

@@ -4,7 +4,7 @@ export function Button({ children, onClick }) {
             borderRadius: 10,
             border: "1px solid #ddd",
             cursor: "pointer"
-        }}>
-      {children}
+        }}>
+      {children}
     </button>);
 }

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

@@ -1,20 +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>
-  );
+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 CHANGED Viewed

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

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

@@ -1,21 +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"]
+{
+  "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 CHANGED Viewed

@@ -1,10 +1,10 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "skipLibCheck": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts", "vitest.config.ts"]
+{
+  "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 CHANGED Viewed

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

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

@@ -1,20 +1,60 @@
-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"
+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"
+    # npm  — frozen install, no scripts
+    - run: "npm ci --ignore-scripts"
+      when: "{{packageManager}} == npm"
+    # pnpm — frozen install, no scripts
+    - run: "pnpm install --frozen-lockfile --ignore-scripts"
+      when: "{{packageManager}} == pnpm"
+    # yarn — frozen install, no scripts
+    - run: "yarn install --frozen-lockfile --ignore-scripts"
+      when: "{{packageManager}} == yarn"
+    # Run tests after install (safe — no scripts flag only applies to lifecycle scripts)
+    - run: "npm run test"
+      when: "{{packageManager}} == npm"
+    - run: "pnpm run test"
+      when: "{{packageManager}} == pnpm"
+    - run: "yarn test"
+      when: "{{packageManager}} == yarn"
+# 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}} ci --ignore-scripts"  # npm
+#     - run: "{{packageManager}} run test"