chore: cleanup

packages/app/d.ts

@@ -18,6 +18,11 @@ declare module "*.png" {
   export default value;
 }
 
+declare module "*.css" {
+  const stylesheet: CSSStyleSheet;
+  export default stylesheet;
+}
+
 declare module "translations/*.json" {
   const value: Record<string, string>;
   export default value;

packages/app/package.json

@@ -14,13 +14,6 @@
     "@reduxjs/toolkit": "^1.9.1",
     "@snort/nostr": "^1.0.0",
     "@szhsin/react-menu": "^3.3.1",
-    "@types/jest": "^29.2.5",
-    "@types/node": "^18.11.18",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
-    "@types/uuid": "^9.0.0",
-    "@types/webscopeio__react-textarea-autocomplete": "^4.7.2",
-    "@webscopeio/react-textarea-autocomplete": "^4.9.2",
     "base32-decode": "^1.0.0",
     "bech32": "^2.0.0",
     "dexie": "^3.2.2",
@@ -38,7 +31,6 @@
     "react-scripts": "5.0.1",
     "react-textarea-autosize": "^8.4.0",
     "react-twitter-embed": "^4.0.4",
-    "typescript": "^4.9.4",
     "unist-util-visit": "^4.1.2",
     "use-long-press": "^2.0.3",
     "uuid": "^9.0.0",
@@ -84,13 +76,23 @@
     ]
   },
   "devDependencies": {
+    "@babel/plugin-syntax-import-assertions": "^7.20.0",
     "@formatjs/cli": "^6.0.1",
+    "@types/jest": "^29.2.5",
+    "@types/node": "^18.11.18",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.10",
+    "@types/uuid": "^9.0.0",
+    "@types/webscopeio__react-textarea-autocomplete": "^4.7.2",
+    "@types/webtorrent": "^0.109.3",
+    "@webscopeio/react-textarea-autocomplete": "^4.9.2",
     "babel-plugin-formatjs": "^10.3.36",
     "customize-cra": "^1.0.0",
     "husky": ">=6",
     "lint-staged": ">=10",
     "prettier": "2.8.3",
-    "react-app-rewired": "^2.2.1"
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.9.4"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx,css,md}": "prettier --write"

packages/app/src/Element/MagnetLink.tsx

@@ -1,3 +1,5 @@
+import { FormattedMessage } from "react-intl";
+
 import { Magnet } from "Util";
 
 interface MagnetLinkProps {
@@ -7,7 +9,9 @@ interface MagnetLinkProps {
 const MagnetLink = ({ magnet }: MagnetLinkProps) => {
   return (
     <div className="note-invoice">
-      <h4>Magnet Link</h4>
+      <h4>
+        <FormattedMessage defaultMessage="Magnet Link" />
+      </h4>
       <a href={magnet.raw} rel="noreferrer">
         {magnet.dn ?? magnet.infoHash}
       </a>

packages/app/src/lang.json

@@ -281,6 +281,9 @@
   "GL8aXW": {
     "defaultMessage": "Bookmarks ({n})"
   },
+  "Gcn9NQ": {
+    "defaultMessage": "Magnet Link"
+  },
   "GspYR7": {
     "defaultMessage": "{n} Dislike"
   },

packages/app/src/translations/en.json

@@ -91,6 +91,7 @@
   "G1BGCg": "Select Wallet",
   "GFOoEE": "Salt",
   "GL8aXW": "Bookmarks ({n})",
+  "Gcn9NQ": "Magnet Link",
   "GspYR7": "{n} Dislike",
   "H+vHiz": "Hex Key..",
   "H0JBH6": "Log Out",

packages/app/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "baseUrl": "src",
-    "target": "es6",
+    "target": "es2020",
     "jsx": "react-jsx",
     "moduleResolution": "node",
     "forceConsistentCasingInFileNames": true,