Merge pull request #18 from valotas/react-jsx

Clean up

package.json

@@ -26,7 +26,6 @@
     "version": "3.10.6",
     "devDependencies": {
         "@swc/jest": "^0.2.36",
-        "@testing-library/react": "^12.1.3",
         "@types/jest": "^29.5.12",
         "@typescript-eslint/eslint-plugin": "^7.14.1",
         "@typescript-eslint/parser": "^7.14.1",

packages/frontend/jest.setup.cjs

@@ -1,6 +1,12 @@
 /* eslint-disable no-undef, @typescript-eslint/no-var-requires */
+const { TextEncoder } = require("util");
+
 const { enableFetchMocks } = require("jest-fetch-mock");
 const React = require("react");
 
 enableFetchMocks();
 global.React = React;
+global.TextEncoder = TextEncoder;
+//global.TextDecoder = TextDecoder;
+//global.ArrayBuffer = ArrayBuffer;
+//global.Uint8Array = Uint8Array;

packages/frontend/package.json

@@ -18,8 +18,7 @@
     "test": "jest --no-cache",
     "watch:test": "jest --watch",
     "preversion": "npm run lint && npm run build && npm run test",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "v": "tsc --version"
   },
   "dependencies": {
     "@types/marked": "^4.0.2",
@@ -28,24 +27,16 @@
     "date-fns": "^2.28.0",
     "moment": "^2.29.1",
     "prismjs": "^1.29.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-marked-renderer": "^1.1.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-marked-renderer": "^2.0.1",
     "twind": "^0.16.16"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
-    "@storybook/addon-actions": "^6.4.19",
-    "@storybook/addon-docs": "^6.4.19",
-    "@storybook/addon-essentials": "^6.4.19",
-    "@storybook/addon-interactions": "^6.4.19",
-    "@storybook/addon-links": "^6.4.19",
-    "@storybook/builder-webpack5": "^6.4.19",
-    "@storybook/manager-webpack5": "^6.4.19",
-    "@storybook/react": "^6.4.19",
-    "@storybook/testing-library": "^0.0.9",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "babel-loader": "^8.2.3"
   },
   "alias": {

packages/frontend/src/AsyncContext.spec.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import fetchMock from "jest-fetch-mock";
 import { render, waitFor } from "@testing-library/react";
 import { useFetch } from "./AsyncContext.js";

packages/frontend/src/DateSpan.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { format as fnsFormat, parseISO } from "date-fns";
 import { tw } from "./twind.js";
 

packages/frontend/src/FetchTracker.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { PropsWithChildren, useContext, useCallback, useState } from "react";
 import { AsyncContext } from "./AsyncContext.js";
 

packages/frontend/src/Footer.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Link } from "./links.js";
 import { tw } from "./twind.js";
 import { name } from "./title.js";

packages/frontend/src/Header.spec.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@testing-library/react";
 import { Header } from "./Header.js";
 

packages/frontend/src/Header.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { DateSpan } from "./DateSpan.js";
 import { tw } from "./twind.js";
 import { Icon, IconProps } from "./Icon.js";

packages/frontend/src/Icon.spec.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@testing-library/react";
 import { Icon } from "./Icon.js";
 

packages/frontend/src/Icon.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { tw } from "./twind.js";
 
 function LinkedInIcon() {

packages/frontend/src/LoadingBar.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useMemo } from "react";
 import { useFetchCounter } from "./FetchTracker.js";
 import { tw, animation, keyframes } from "./twind.js";

packages/frontend/src/Page.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { PropsWithChildren, StrictMode } from "react";
 import { tw } from "./twind.js";
 import { Footer, FooterProps } from "./Footer.js";

packages/frontend/src/PageRenderer.spec.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { act, render } from "@testing-library/react";
 import { PageRenderer } from "./PageRenderer.js";
 import { history } from "./History.js";

packages/frontend/src/PageWithItems.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { DateSpan } from "./DateSpan.js";
 import { Page, PageProps } from "./Page.js";
 import { tw } from "./twind.js";

packages/frontend/src/PageWithMarkdown.spec.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { render, screen } from "@testing-library/react";
 import { PageWithMarkdown } from "./PageWithMarkdown.js";