upgrade-latest (except for latest eslint 9 and @observable/plot)

.github/workflows/web.yml

@@ -83,8 +83,6 @@ jobs:
         run: ${{ env.package-manager-runner }} next build
       - name: Generate a sitemap
         run: ${{ env.package-manager-runner }} next-sitemap
-      - name: Static HTML export with Next.js
-        run: ${{ env.package-manager-runner }} next export
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1
         with:

web/components/Statistics.tsx

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react'
-import * as Plot from '@observablehq/plot'
+import { line, plot } from '@observablehq/plot'
 import React from 'react'
 
 import { Layout } from './Layout'
@@ -60,6 +60,8 @@ const Tile = ({ title, value, onClick = () => {}, isHighlighted = false }) => {
 }
 
 export const Statistics = ({ points }) => {
+  console.log({ points })
+
   const [highlight, setHighlight] = React.useState(null)
 
   const sortedPoints = [...points].sort((a, b) => {
@@ -83,14 +85,14 @@ export const Statistics = ({ points }) => {
     })
     .sort((a, b) => b.value - a.value)
 
-  const svg = Plot.plot({
+  const svg = plot({
     marks: [
-      Plot.line(sortedPoints, {
+      line(sortedPoints, {
         x: 'createdAt',
         y: 'value',
         z: 'scraper',
         curve: 'bump-x',
-        stroke: 'scraper',
+        stroke: (d) => d.scraper === highlight,
         strokeWidth: 2,
       }),
     ],
@@ -103,18 +105,10 @@ export const Statistics = ({ points }) => {
       tickFormat: (d) => d.toLocaleDateString(),
     },
     color: {
-      range: (x) =>
-        x.map((scraper) => {
-          if (!highlight) {
-            // If no highlight, use the default color
-            return 'currentColor'
-          } else {
-            // If a scraper is highlighted, use the primary color and make the other scrapers less visible
-            return scraper === highlight
-              ? 'var(--secondary-color)'
-              : 'var(--primary-color)'
-          }
-        }),
+      domain: highlight ? [true, false] : [false],
+      range: highlight
+        ? ['var(--secondary-color)', 'var(--primary-color)']
+        : ['currentColor'],
     },
     grid: true,
     width: 960,

web/components/TextFilter.tsx

@@ -50,7 +50,7 @@ const DebouncedInput = ({
     }, delay)
 
     return () => clearTimeout(timeoutId)
-  }, [value, delay])
+  }, [value, delay, onDebounce])
 
   useKeypress('Escape', () => setValue(''))
 

web/next.config.js

@@ -17,6 +17,7 @@ const nextConfig = {
   typescript: {
     ignoreBuildErrors: true, // TODO: Remove this when you fix all the errors.
   },
+  output: 'export',
 }
 
 module.exports = nextConfig

web/package.json

@@ -4,16 +4,16 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build && yarn next-sitemap && next export",
+    "build": "next build && yarn next-sitemap",
     "start": "next start",
     "lint": "next lint",
     "clean": "rm -rf .next out"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.4",
-    "@observablehq/plot": "^0.6.0",
-    "luxon": "^3.4.3",
-    "next": "13.4.19",
+    "@emotion/react": "^11.11.4",
+    "@observablehq/plot": "0.6.13",
+    "luxon": "^3.4.4",
+    "next": "14.1.4",
     "next-sitemap": "^4.2.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -23,14 +23,14 @@
   "devDependencies": {
     "@emotion/babel-plugin": "^11.10.2",
     "@emotion/babel-preset-css-prop": "^11.10.0",
-    "@svgr/webpack": "^6.4.0",
+    "@svgr/webpack": "^8.1.0",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@types/node": "20.5.9",
-    "@types/react": "18.0.21",
-    "@types/react-dom": "18.0.6",
-    "eslint": "8.48.0",
-    "eslint-config-next": "13.4.19",
+    "@types/node": "20.12.5",
+    "@types/react": "18.2.74",
+    "@types/react-dom": "18.2.24",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "14.1.4",
     "prettier": "^3.2.5",
-    "typescript": "4.8.4"
+    "typescript": "5.4.4"
   }
 }