@atom.io/template-preact-svg-editor 0.0.60 → 0.0.61

package/.turbo/turbo-build.log

@@ -7,4 +7,4 @@ dist/index.html                  0.52 kB │ gzip:  0.32 kB
 dist/assets/index-BNVXGhU4.css   1.58 kB │ gzip:  0.72 kB
 dist/assets/index-BJWFwj8i.js   81.11 kB │ gzip: 25.32 kB
 
-✓ built in 196ms
+✓ built in 264ms

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atom.io/template-preact-svg-editor
 
+## 0.0.61
+
+### Patch Changes
+
+- 95e41d3: Migrate React linting templates to `@eslint-react/eslint-plugin` and ship local ESLint React typings.
+
 ## 0.0.60
 
 ### Patch Changes

package/eslint.config.ts

@@ -1,8 +1,8 @@
+import eslintReact from "@eslint-react/eslint-plugin"
 import { default as TypeScriptPlugin } from "@typescript-eslint/eslint-plugin"
 import * as parser from "@typescript-eslint/parser"
 import AtomIOPlugin from "atom.io/eslint-plugin"
 import type { ESLint, Linter } from "eslint"
-import PreactConfig from "eslint-config-preact"
 import * as ImportPlugin from "eslint-plugin-import-x"
 import { default as SimpleImportSortPlugin } from "eslint-plugin-simple-import-sort"
 
@@ -160,11 +160,26 @@ const commonRules = {
 	quotes: [ERROR, `backtick`],
 } satisfies Linter.Config[`rules`]
 
+const eslintReactConfig = eslintReact.configs[
+	`recommended-typescript`
+] satisfies Linter.Config
+
 const configs: Linter.Config[] = [
-	...PreactConfig,
 	{
 		ignores: [`**/dist/**`, `**/gen/**`, `**/node_modules/**`],
 	},
+	{
+		...eslintReactConfig,
+		files: [`**/*.ts{,x}`],
+		settings: {
+			...eslintReactConfig.settings,
+			"react-x": {
+				...eslintReactConfig.settings?.[`react-x`],
+				importSource: `preact`,
+				version: `detect`,
+			},
+		},
+	},
 	{
 		languageOptions: { parser, parserOptions },
 		files: [`**/*.ts{,x}`, `eslint.config.ts`],

package/eslint.d.ts

@@ -23,9 +23,17 @@ declare module "@typescript-eslint/eslint-plugin" {
 }
 
 // eslint-disable-next-line quotes
-declare module "eslint-config-preact" {
-	import type { Linter } from "eslint"
+declare module "@eslint-react/eslint-plugin" {
+	import type { ESLint, Linter } from "eslint"
 
-	const configs: Linter.Config[]
-	export = configs
+	type Config = Linter.Config & {
+		settings?: Record<string, Record<string, unknown>>
+	}
+
+	const plugin: ESLint.Plugin & {
+		configs: Record<string, Config> & {
+			[`recommended-typescript`]: Config
+		}
+	}
+	export default plugin
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atom.io/template-preact-svg-editor",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "publishConfig": {
     "access": "public"
   },
@@ -17,10 +17,10 @@
     "atom.io": "0.47.1"
   },
   "devDependencies": {
+    "@eslint-react/eslint-plugin": "5.8.10",
     "@preact/preset-vite": "2.10.5",
     "@typescript-eslint/eslint-plugin": "8.60.1",
     "@typescript-eslint/parser": "8.60.1",
-    "eslint-config-preact": "2.0.0",
     "eslint-plugin-import-x": "4.16.2",
     "eslint-plugin-simple-import-sort": "13.0.0",
     "typescript": "6.0.3",

package/src/BezierPlayground.tsx

@@ -83,7 +83,7 @@ function Bezier({
 	// eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check
 	switch (typeof maybeNode) {
 		case `undefined`:
-			// eslint-disable-next-line react-hooks/rules-of-hooks
+			// eslint-disable-next-line @eslint-react/rules-of-hooks
 			node = useO(nodeAtoms, prevSubpathKey)
 			break
 		default: