feat(tooling): typescript config package

.gitignore

@@ -18,6 +18,9 @@ styles/stylelint-report.txt
 .envrc
 .secrets
 
+# TypeScript
+*.tsbuildinfo
+
 # Cypress
 **/cypress/videos/
 **/cypress/screenshots/

apps/documentation/package.json

@@ -19,6 +19,7 @@
     "start": "pnpm clean && pnpm prebuild:managerui --style=expanded & storybook dev -p 9000 --quiet --docs",
     "start:headless": "pnpm clean && pnpm prebuild:managerui --style=expanded && storybook dev -p 9001 --quiet --no-open --docs",
     "build": "pnpm clean && pnpm prebuild:managerui --style=compressed --no-source-map & storybook build --quiet --docs",
+    "typecheck": "tsc --noEmit",
     "clean": "rimraf storybook-static public/manager",
     "e2e": "cypress run --browser chrome",
     "e2e:watch": "cypress open",
@@ -53,6 +54,7 @@
     "@storybook/addon-links": "9.0.18",
     "@storybook/web-components-vite": "9.0.18",
     "@swisspost/design-system-components-angular": "workspace:10.4.0",
+    "@swisspost/design-system-tsconfig": "workspace:10.4.0",
     "@types/css-modules": "1.0.5",
     "@types/mdx": "2.0.13",
     "@types/react": "18.3.28",

apps/documentation/tsconfig.eslint.json

@@ -3,5 +3,5 @@
   "compilerOptions": {
     "noEmit": true
   },
-  "include": [".storybook/*", "cypress", "src", "types", "../internet-header/src/components.d.ts"]
+  "include": [".storybook/*", "cypress", "src", "types"]
 }

apps/documentation/tsconfig.json

@@ -1,25 +1,22 @@
 {
+  "extends": "@swisspost/design-system-tsconfig/dom.tsconfig.json",
   "compilerOptions": {
+    "allowJs": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
     "paths": {
       "@root/*": ["./*"],
       "@/*": ["./src/*"]
     },
-    "target": "es2022",
-    "useDefineForClassFields": false,
-    "lib": ["DOM", "DOM.Iterable", "es2022"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "experimentalDecorators": true
+
+    // Pre-existing debt. Drop once sources are clean.
+    "noImplicitOverride": false,
+    "noImplicitReturns": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false
   },
-  "include": [".storybook/*", "src", "types", "../internet-header/src/components.d.ts"],
+  "include": [".storybook/*", "src", "types"],
   "exclude": ["node_modules", "src/**/*.sample.*"]
 }

apps/integration-angular/package.json

@@ -17,6 +17,7 @@
     "ng": "ng",
     "start": "ng serve --port 9210",
     "build": "ng build",
+    "typecheck": "tsc --noEmit -p tsconfig.app.json",
     "clean": "rimraf dist .angular",
     "e2e": "playwright test",
     "e2e:ci": "playwright test",
@@ -47,6 +48,7 @@
     "@angular/compiler-cli": "catalog:angular",
     "@eslint/js": "9.18.0",
     "@playwright/test": "catalog:",
+    "@swisspost/design-system-tsconfig": "workspace:10.4.0",
     "angular-eslint": "catalog:angular",
     "eslint": "9.26.0",
     "globals": "17.3.0",

apps/integration-angular/tsconfig.json

@@ -1,26 +1,7 @@
 {
-  "compileOnSave": false,
+  "extends": "@swisspost/design-system-tsconfig/angular.tsconfig.json",
   "compilerOptions": {
     "outDir": "./dist/out-tsc",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "sourceMap": true,
-    "declaration": false,
-    "moduleResolution": "bundler",
-    "importHelpers": true,
-    "module": "esnext",
-    "target": "es2022",
-    "lib": ["es2022", "dom"]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
+    "declaration": false
   }
 }

apps/integration-next/package.json

@@ -15,17 +15,17 @@
   },
   "scripts": {
     "start": "next dev",
-    "build": "pnpm run typecheck && pnpm clean && next build",
+    "build": "pnpm clean && pnpm typecheck && next build",
     "build:serve": "pnpm build && next start",
     "analyze": "next experimental-analyze",
+    "typecheck": "tsc --noEmit",
     "clean": "rimraf .next",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
     "e2e": "pnpm exec playwright test",
     "e2e:watch": "pnpm exec playwright test --ui",
     "unit": "vitest run",
-    "unit:watch": "vitest",
-    "typecheck": "tsc --noEmit"
+    "unit:watch": "vitest"
   },
   "dependencies": {
     "@swisspost/design-system-components-react": "workspace:10.4.0",
@@ -39,6 +39,7 @@
     "@next/eslint-plugin-next": "15.1.5",
     "@playwright/test": "catalog:",
     "@swisspost/design-system-components": "workspace:10.4.0",
+    "@swisspost/design-system-tsconfig": "workspace:10.4.0",
     "@tailwindcss/postcss": "4.1.18",
     "@types/node": "catalog:node",
     "@types/react": "19.1.9",

apps/integration-next/tsconfig.json

@@ -1,15 +1,8 @@
 {
+  "extends": "@swisspost/design-system-tsconfig/dom.tsconfig.json",
   "compilerOptions": {
-    "target": "es2022",
-    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
     "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "react-jsx",
     "incremental": true,

package.json

@@ -19,6 +19,7 @@
     "e2e:ci": "start-server-and-test 'pnpm docs:headless' 9001 'pnpm --filter \"...[origin/main]\" --filter \"!design-system-integration-angular\" --stream e2e:ci'",
     "e2e:next:ci": "pnpm install && pnpm --filter design-system-integration-next^... build",
     "e2e:angular:ci": "pnpm install && pnpm --filter design-system-integration-angular... build",
+    "typecheck": "pnpm -r typecheck",
     "unit": "pnpm -r unit",
     "lint": "pnpm -r lint",
     "lint:fix": "pnpm -r lint:fix",
@@ -104,7 +105,6 @@
     "apps-next:e2e:watch": "pnpm --filter design-system-integration-next e2e:watch",
     "apps-next:lint": "pnpm --filter design-system-integration-next lint",
     "apps-next:lint:fix": "pnpm --filter design-system-integration-next lint:fix",
-    "apps-next:typecheck": "pnpm --filter design-system-integration-next typecheck",
     "apps-next:unit": "pnpm --filter design-system-integration-next unit",
     "apps-next:unit:watch": "pnpm --filter design-system-integration-next unit:watch",
     "tokens:build": "pnpm --filter design-system-tokens build",

packages/changelog-github/package.json

@@ -19,6 +19,7 @@
   "main": "./dist/index.js",
   "scripts": {
     "build": "tsc",
+    "typecheck": "tsc --noEmit",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
     "clean": "rimraf dist"
@@ -31,6 +32,7 @@
   "devDependencies": {
     "@changesets/parse": "0.4.3",
     "@eslint/js": "9.18.0",
+    "@swisspost/design-system-tsconfig": "workspace:10.4.0",
     "eslint": "9.26.0",
     "globals": "17.3.0",
     "rimraf": "6.1.3",

packages/changelog-github/tsconfig.json

@@ -1,18 +1,10 @@
 {
+  "extends": "@swisspost/design-system-tsconfig/node.tsconfig.json",
   "compilerOptions": {
-    "lib": ["es2022"],
     "declaration": true,
-    "module": "node16",
-    "moduleResolution": "node16",
     "noEmitOnError": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUnusedParameters": true,
-    "noUnusedLocals": true,
     "rootDir": "src",
-    "outDir": "dist",
-    "strictNullChecks": true,
-    "target": "es2022",
-    "skipLibCheck": true
+    "outDir": "dist"
   },
   "include": ["src", "types"],
   "exclude": ["node_modules", "dist"]

packages/components-angular/package.json

@@ -24,6 +24,7 @@
   "scripts": {
     "ng": "ng",
     "build": "pnpm clean && ng build components",
+    "typecheck": "tsc --noEmit",
     "postbuild": "copyfiles -f src/stencil-generated/post-components.css dist/",
     "clean": "rimraf dist .angular",
     "lint": "ng lint",
@@ -48,6 +49,7 @@
     "@angular/core": "catalog:angular",
     "@angular/forms": "catalog:angular",
     "@eslint/js": "9.18.0",
+    "@swisspost/design-system-tsconfig": "workspace:10.4.0",
     "angular-eslint": "catalog:angular",
     "copyfiles": "2.4.1",
     "eslint": "9.26.0",

packages/components-angular/tsconfig.json

@@ -1,36 +1,19 @@
 {
-  "compileOnSave": false,
+  "extends": "@swisspost/design-system-tsconfig/angular.tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/lib",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": false,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "sourceMap": true,
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
-    "moduleResolution": "bundler",
-    "importHelpers": true,
-    "module": "esnext",
-    "target": "es2022",
-    "lib": ["es2022", "dom"],
     "types": []
   },
   "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
     "extendedDiagnostics": {
       "checks": {
         "nullishCoalescingNotNullable": "suppress",
         "optionalChainNotNullable": "suppress"
       }
-    },
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
+    }
   },
   "exclude": ["**/*.spec.ts"]
 }

packages/components-react/package.json

@@ -72,6 +72,7 @@
     "build": "pnpm clean && pnpm build:icons && tsc -p .",
     "postbuild": "pnpm copy:styles:dist",
     "build:icons": "node scripts/generate-icons.mjs",
+    "typecheck": "tsc --noEmit",
     "clean": "rimraf dist src/icons-generated",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
@@ -85,6 +86,7 @@
   "devDependencies": {
     "@eslint/js": "9.18.0",
     "@swisspost/design-system-icons": "workspace:10.4.0",
+    "@swisspost/design-system-tsconfig": "workspace:10.4.0",
     "@types/node": "catalog:node",
     "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",

packages/components-react/tsconfig.json

@@ -1,27 +1,16 @@
 {
+  "extends": "@swisspost/design-system-tsconfig/dom.tsconfig.json",
   "compilerOptions": {
-    "allowUnreachableCode": false,
-    "allowSyntheticDefaultImports": true,
     "declaration": true,
     "declarationDir": "dist/types",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "esModuleInterop": true,
     "jsx": "react",
-    "lib": ["es2020", "dom", "dom.iterable"],
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "noImplicitAny": false,
-    "noImplicitReturns": true,
     "noLib": false,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
     "rootDir": "src",
     "outDir": "dist",
     "removeComments": true,
-    "skipLibCheck": true,
     "sourceMap": true,
-    "target": "es2020",
     "useDefineForClassFields": true
   },
   "include": ["src"],

packages/components/.gitignore

@@ -38,5 +38,3 @@ playwright-report/
 
 /playwright/.cache/
 /playwright/.auth/
-
-*.tsbuildinfo

packages/components/README.md

@@ -17,7 +17,7 @@ npm install @swisspost/design-system-components
 
 ## Contribute
 
-[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](CODE_OF_CONDUCT.md)
+[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](/CODE_OF_CONDUCT.md)
 
 Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [components contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](../../CONTRIBUTING.md).
 
@@ -29,4 +29,4 @@ In order to keep our community open and inclusive, we expect you to read and fol
 
 Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).
 
-© 2024 Swiss Post, Ltd.
+© 2024 Swiss Post, Ltd.

packages/components/cypress/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "lib": ["dom", "es2022"],
     "noEmit": true,
     "types": [
       "../src/components",

packages/components/package.json

@@ -80,8 +80,9 @@
     "play": "pnpm prebuild:script && stencil build --dev --port 9200 --serve --watch --config stencil.config.play.ts",
     "start": "pnpm prebuild:script && stencil build --dev --watch --docs --docs-readme",
     "prebuild": "pnpm clean && pnpm prebuild:script",
-    "build": "stencil build --docs-readme",
+    "build": "pnpm typecheck && stencil build --docs-readme",
     "postbuild": "pnpm copy:hydrate-stub & pnpm copy:component-names & pnpm copy:styles:components-react & pnpm copy:styles:components-angular",
+    "typecheck": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p cypress/tsconfig.json",
     "clean": "rimraf --glob dist hydrate loader loaders www src/styles/generated src/_generated ../components-react/**/stencil-generated/ ../components-angular/**/stencil-generated/",
     "unit": "stencil test --spec",
     "unit:watch": "stencil test --spec --watchAll --silent",
@@ -126,6 +127,7 @@
     "@stencil/react-output-target": "1.2.0",
     "@stencil/sass": "3.0.12",
     "@swisspost/design-system-eslint": "workspace:10.4.0",
+    "@swisspost/design-system-tsconfig": "workspace:10.4.0",
     "@types/jest": "catalog:stencil/jest",
     "@types/node": "catalog:node",
     "@typescript-eslint/parser": "7.18.0",