upgrade to @epic-web/config

epicweb-dev · May 27, 2024 · 298e670 · 298e670
1 parent f18e79f
commit 298e670
Show file tree

Hide file tree

Showing 106 changed files with 3,418 additions and 1,835 deletions.
diff --git a/epicshop/package-lock.json b/epicshop/package-lock.json
diff --git a/epicshop/package.json b/epicshop/package.json
@@ -1,6 +1,7 @@
 {
   "type": "module",
   "dependencies": {
+    "@epic-web/config": "^1.5.4",
     "@epic-web/workshop-app": "^4.5.0",
     "execa": "^8.0.1"
   }

diff --git a/epicshop/post-set-playground.js b/epicshop/post-set-playground.js
@@ -0,0 +1,28 @@
+import fs from 'node:fs'
+import path from 'node:path'
+
+const exclude = [
+	'exercises/04.',
+	'exercises/05.',
+	'exercises/06.',
+	'exercises/07.',
+]
+
+if (exclude.every(e => !process.env.EPICSHOP_PLAYGROUND_SRC_DIR.includes(e))) {
+	fs.writeFileSync(
+		path.join(process.env.EPICSHOP_PLAYGROUND_DEST_DIR, 'tsconfig.json'),
+		JSON.stringify(
+			{
+				include: ['**/*.ts', '**/*.tsx'],
+				extends: ['@epic-web/config/typescript'],
+				compilerOptions: {
+					paths: {
+						'#*': ['../shared/*'],
+					},
+				},
+			},
+			null,
+			2,
+		),
+	)
+}
diff --git a/epicshop/tsconfig.json b/epicshop/tsconfig.json
@@ -1,19 +1,4 @@
 {
-  "include": ["**/*.ts", "**/*.tsx", "**/*.js"],
-  "compilerOptions": {
-    "lib": ["ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true
-  }
-}
+  "include": ["@epic-web/config/reset.d.ts", "**/*.ts", "**/*.tsx", "**/*.js"],
+  "extends": ["@epic-web/config/typescript"]
+}
diff --git a/eslint.config.js b/eslint.config.js
@@ -1,40 +1,13 @@
-/** @type {import('@types/eslint').Linter.Config} */
-export default {
-	files: ['**/*.js', '**/*.ts', '**/*.tsx'],
-	languageOptions: { parser: await import('@typescript-eslint/parser') },
-	plugins: {
-		'@typescript-eslint': (await import('@typescript-eslint/eslint-plugin'))
-			.default,
-		'react-hooks': (await import('eslint-plugin-react-hooks')).default,
-		import: (await import('eslint-plugin-import')).default,
-	},
-	rules: {
-		'react-hooks/rules-of-hooks': 'error',
-		'react-hooks/exhaustive-deps': 'warn',
+import defaultConfig from '@epic-web/config/eslint'
 
-		'@typescript-eslint/consistent-type-imports': [
-			'warn',
-			{
-				prefer: 'type-imports',
-				disallowTypeAnnotations: true,
-				fixStyle: 'inline-type-imports',
-			},
-		],
-		'import/no-duplicates': ['warn', { 'prefer-inline': true }],
-		'import/consistent-type-specifier-style': ['warn', 'prefer-inline'],
-		'import/order': [
-			'warn',
-			{
-				alphabetize: { order: 'asc', caseInsensitive: true },
-				groups: [
-					'builtin',
-					'external',
-					'internal',
-					'parent',
-					'sibling',
-					'index',
-				],
-			},
-		],
+/** @type {import("eslint").Linter.Config} */
+export default [
+	...defaultConfig,
+	{
+		rules: {
+			// we leave unused vars around for the exercises
+			'no-unused-vars': 'off',
+			'@typescript-eslint/no-unused-vars': 'off',
+		},
 	},
-}
+]
diff --git a/examples/unnecessary-rerenders/reset.d.ts b/examples/unnecessary-rerenders/reset.d.ts
@@ -1,10 +1 @@
-import '@total-typescript/ts-reset'
-import '@total-typescript/ts-reset/dom'
-
-import 'react'
-
-declare module 'react' {
-	interface CSSProperties {
-		[key: `--${string}`]: string | number
-	}
-}
+import '@epic-web/config/reset.d.ts'
diff --git a/examples/unnecessary-rerenders/tsconfig.json b/examples/unnecessary-rerenders/tsconfig.json
@@ -1,20 +1,9 @@
 {
   "include": ["**/*.ts", "**/*.tsx"],
+  "extends": ["@epic-web/config/typescript"],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
+    "paths": {
+      "#*": ["../../../shared/*"]
+    }
   }
 }
diff --git a/exercises/01.elements/01.problem.reuse/reset.d.ts b/exercises/01.elements/01.problem.reuse/reset.d.ts
@@ -1,10 +1 @@
-import '@total-typescript/ts-reset'
-import '@total-typescript/ts-reset/dom'
-
-import 'react'
-
-declare module 'react' {
-	interface CSSProperties {
-		[key: `--${string}`]: string | number
-	}
-}
+import '@epic-web/config/reset.d.ts'
diff --git a/exercises/01.elements/01.problem.reuse/tsconfig.json b/exercises/01.elements/01.problem.reuse/tsconfig.json
@@ -1,20 +1,9 @@
 {
   "include": ["**/*.ts", "**/*.tsx"],
+  "extends": ["@epic-web/config/typescript"],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
+    "paths": {
+      "#*": ["../../../shared/*"]
+    }
   }
 }
diff --git a/exercises/01.elements/01.solution.reuse/reset.d.ts b/exercises/01.elements/01.solution.reuse/reset.d.ts
@@ -1,10 +1 @@
-import '@total-typescript/ts-reset'
-import '@total-typescript/ts-reset/dom'
-
-import 'react'
-
-declare module 'react' {
-	interface CSSProperties {
-		[key: `--${string}`]: string | number
-	}
-}
+import '@epic-web/config/reset.d.ts'
diff --git a/exercises/01.elements/01.solution.reuse/tsconfig.json b/exercises/01.elements/01.solution.reuse/tsconfig.json
@@ -1,20 +1,9 @@
 {
   "include": ["**/*.ts", "**/*.tsx"],
+  "extends": ["@epic-web/config/typescript"],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
+    "paths": {
+      "#*": ["../../../shared/*"]
+    }
   }
 }
diff --git a/exercises/01.elements/02.problem.props/reset.d.ts b/exercises/01.elements/02.problem.props/reset.d.ts
@@ -1,10 +1 @@
-import '@total-typescript/ts-reset'
-import '@total-typescript/ts-reset/dom'
-
-import 'react'
-
-declare module 'react' {
-	interface CSSProperties {
-		[key: `--${string}`]: string | number
-	}
-}
+import '@epic-web/config/reset.d.ts'
diff --git a/exercises/01.elements/02.problem.props/tsconfig.json b/exercises/01.elements/02.problem.props/tsconfig.json
@@ -1,20 +1,9 @@
 {
   "include": ["**/*.ts", "**/*.tsx"],
+  "extends": ["@epic-web/config/typescript"],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
+    "paths": {
+      "#*": ["../../../shared/*"]
+    }
   }
 }
diff --git a/exercises/01.elements/02.solution.props/reset.d.ts b/exercises/01.elements/02.solution.props/reset.d.ts
@@ -1,10 +1 @@
-import '@total-typescript/ts-reset'
-import '@total-typescript/ts-reset/dom'
-
-import 'react'
-
-declare module 'react' {
-	interface CSSProperties {
-		[key: `--${string}`]: string | number
-	}
-}
+import '@epic-web/config/reset.d.ts'
diff --git a/exercises/01.elements/02.solution.props/tsconfig.json b/exercises/01.elements/02.solution.props/tsconfig.json
@@ -1,20 +1,9 @@
 {
   "include": ["**/*.ts", "**/*.tsx"],
+  "extends": ["@epic-web/config/typescript"],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
+    "paths": {
+      "#*": ["../../../shared/*"]
+    }
   }
 }
diff --git a/exercises/01.elements/03.problem.context/reset.d.ts b/exercises/01.elements/03.problem.context/reset.d.ts
@@ -1,10 +1 @@
-import '@total-typescript/ts-reset'
-import '@total-typescript/ts-reset/dom'
-
-import 'react'
-
-declare module 'react' {
-	interface CSSProperties {
-		[key: `--${string}`]: string | number
-	}
-}
+import '@epic-web/config/reset.d.ts'
diff --git a/exercises/01.elements/03.problem.context/tsconfig.json b/exercises/01.elements/03.problem.context/tsconfig.json
@@ -1,20 +1,9 @@
 {
   "include": ["**/*.ts", "**/*.tsx"],
+  "extends": ["@epic-web/config/typescript"],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
+    "paths": {
+      "#*": ["../../../shared/*"]
+    }
   }
 }
diff --git a/exercises/01.elements/03.solution.context/reset.d.ts b/exercises/01.elements/03.solution.context/reset.d.ts
@@ -1,10 +1 @@
-import '@total-typescript/ts-reset'
-import '@total-typescript/ts-reset/dom'
-
-import 'react'
-
-declare module 'react' {
-	interface CSSProperties {
-		[key: `--${string}`]: string | number
-	}
-}
+import '@epic-web/config/reset.d.ts'
diff --git a/exercises/01.elements/03.solution.context/tsconfig.json b/exercises/01.elements/03.solution.context/tsconfig.json
@@ -1,20 +1,9 @@
 {
   "include": ["**/*.ts", "**/*.tsx"],
+  "extends": ["@epic-web/config/typescript"],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2023"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ES2022",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "noImplicitAny": true,
-    "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "noEmit": true,
+    "paths": {
+      "#*": ["../../../shared/*"]
+    }
   }
 }
diff --git a/exercises/01.elements/04.problem.use-memo/reset.d.ts b/exercises/01.elements/04.problem.use-memo/reset.d.ts
@@ -1,10 +1 @@
-import '@total-typescript/ts-reset'
-import '@total-typescript/ts-reset/dom'
-
-import 'react'
-
-declare module 'react' {
-	interface CSSProperties {
-		[key: `--${string}`]: string | number
-	}
-}
+import '@epic-web/config/reset.d.ts'