fix: peer dependencies in webextension

packages/@textlint/script-compiler/package.json

@@ -77,8 +77,9 @@
         "@types/webpack": "^5.28.5",
         "mocha": "^10.8.2",
         "prettier": "^2.3.0",
+        "textlint": "^12.2.1",
         "textlint-rule-no-dropping-the-ra": "^3.0.0",
-        "textlint-rule-preset-ja-technical-writing": "^6.0.0",
+        "textlint-rule-preset-ja-technical-writing": "^8.0.0",
         "textlint-rule-prh": "^6.0.0",
         "ts-node": "^10.9.1",
         "ts-node-test-register": "^10.0.0",

packages/textchecker-element/package.json

@@ -61,6 +61,7 @@
         "mocha": "^10.8.2",
         "prettier": "^2.3.0",
         "rimraf": "^3.0.2",
+        "textlint": "^12.2.1",
         "textlint-rule-preset-ja-technical-writing": "^8.0.0",
         "ts-node": "^10.9.1",
         "ts-node-test-register": "^10.0.0",

packages/webextension/app/scripts/InstalledApp/pages/EditPage.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { TextlintrcEditor } from "../component/TextlintrcEditor";
-import { RouteComponentProps } from "@reach/router";
+import { RouteComponentProps } from "@gatsbyjs/reach-router";
 import { usePort } from "../StateContext";
 import "./EditPage.css";
 import { ActionButton, Flex, Form, TextField, Text, Link } from "@adobe/react-spectrum";

packages/webextension/app/scripts/InstalledApp/pages/InstalledAppPage.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { InstalledTextlintList } from "../component/InstalledTextlintList";
-import { RouteComponentProps } from "@reach/router";
+import { RouteComponentProps } from "@gatsbyjs/reach-router";
 
 export const InstalledAppPage = (_props: RouteComponentProps) => {
     return (

packages/webextension/app/scripts/edit-script.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import * as ReactDOM from "react-dom";
 import { AppStateProvider } from "./InstalledApp/StateContext";
 import { Provider, defaultTheme } from "@adobe/react-spectrum";
-import { Router } from "@reach/router";
+import { Router } from "@gatsbyjs/reach-router";
 import { EditPage } from "./InstalledApp/pages/EditPage";
 
 const url = new URL(location.href);

packages/webextension/app/scripts/popup.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import { Router } from "@reach/router";
+import { Router } from "@gatsbyjs/reach-router";
 import { AppStateProvider } from "./InstalledApp/StateContext";
 import { Provider, defaultTheme } from "@adobe/react-spectrum";
 import { InstalledAppPage } from "./InstalledApp/pages/InstalledAppPage";

packages/webextension/package.json

@@ -10,6 +10,7 @@
     },
     "devDependencies": {
         "@types/codemirror": "^0.0.106",
+        "@types/gatsbyjs__reach-router": "^1.3.0",
         "@types/minimatch": "^3.0.3",
         "@types/reach__router": "^1.3.6",
         "@types/react": "^17.0.0",
@@ -19,15 +20,16 @@
         "path-browserify": "^1.0.1",
         "style-loader": "^1.2.1",
         "ts-loader": "^9.5.1",
+        "typescript": "^5.2.2",
         "@webextension-toolbox/webextension-toolbox": "^7.1.1",
         "webpack": "^5.90.0",
-        "webpack-sources": "^2.3.0",
+        "webpack-sources": "^3.2.3",
         "webpack-watched-glob-entries-plugin": "^3.0.0"
     },
     "dependencies": {
         "@adobe/react-spectrum": "3.4.0",
         "@kvs/env": "^1.1.0",
-        "@reach/router": "^1.3.4",
+        "@gatsbyjs/reach-router": "^1.3.9",
         "@react-stately/data": "^3.1.2",
         "@spectrum-icons/workflow": "^3.2.0",
         "@textlint/config-loader": "^14.0.4",
@@ -40,7 +42,7 @@
         "idb": "^5.0.4",
         "minimatch": "^3.0.4",
         "react": "^17.0.2",
-        "react-codemirror2": "^7.2.1",
+        "react-codemirror2": "^8.0.0",
         "react-dom": "^17.0.2",
         "textchecker-element": "^0.17.0",
         "webextension-polyfill-ts": "^0.25.0"