chore: upgrade all dependencies (#427)

* chore: upgrade all dependencies * ci: bumps node engine version for workflows
varianter · Nov 14, 2023 · ef39489 · ef39489 · vercel · Nov 14, 2023
1 parent a54bd4d
commit ef39489
Show file tree

Hide file tree

Showing 23 changed files with 1,977 additions and 1,383 deletions.
diff --git a/.github/workflows/eslint.yml b/.github/workflows/eslint.yml
@@ -14,6 +14,6 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: 20
       - run: yarn install
       - run: yarn lint
diff --git a/.github/workflows/tsc.yml b/.github/workflows/tsc.yml
@@ -15,7 +15,7 @@ jobs:
       - name: install node v12
         uses: actions/setup-node@v1
         with:
-          node-version: 16
+          node-version: 20
       - name: yarn install
         run: yarn install
       - name: tsc

diff --git a/next.config.js b/next.config.js
@@ -18,13 +18,16 @@ module.exports = withBundleAnalyzer(
   withImages({
     images: {
       disableStaticImages: true,
-      domains: [
-        'variantno.blob.core.windows.net',
-        'chewiesald2ijhpvmb34c.blob.core.windows.net',
-        'podcast.variant.no', // Need this to get the images for the RSS feed
-        'images.transistor.fm', // this
-        'img.youtube.com', // this
-        'cdn-images-1.medium.com', // aaaaand this
+      remotePatterns: [
+        { protocol: 'https', hostname: 'variantno.blob.core.windows.net' },
+        {
+          protocol: 'https',
+          hostname: 'chewiesald2ijhpvmb34c.blob.core.windows.net',
+        },
+        { protocol: 'https', hostname: 'podcast.variant.no' }, // Need this to get the images for the RSS feed
+        { protocol: 'https', hostname: 'images.transistor.fm' }, // this
+        { protocol: 'https', hostname: 'img.youtube.com' }, // this
+        { protocol: 'https', hostname: 'cdn-images-1.medium.com' }, // aaaaand this
       ],
       formats: ['image/avif', 'image/webp'],
     },

diff --git a/package.json b/package.json
@@ -8,48 +8,48 @@
   "license": "MIT",
   "description": "Homepage for Variant.no",
   "devDependencies": {
-    "@types/animejs": "^3.1.5",
-    "@types/d3-array": "^3.0.3",
-    "@types/jsdom": "^20.0.0",
-    "@types/markdown-it": "^12.2.3",
-    "@types/node": "^18.8.5",
-    "@types/react": "^18.0.21",
-    "@types/react-slider": "^1.3.1",
-    "@typescript-eslint/parser": "^5.40.0",
-    "autoprefixer": "^10.4.12",
-    "eslint": "^8.25.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "@types/animejs": "^3.1.11",
+    "@types/d3-array": "^3.2.1",
+    "@types/jsdom": "^21.1.5",
+    "@types/markdown-it": "^13.0.6",
+    "@types/node": "^20.9.0",
+    "@types/react": "^18.2.37",
+    "@types/react-slider": "^1.3.4",
+    "@typescript-eslint/parser": "^6.11.0",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.53.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": ">=8.0.1",
-    "lint-staged": ">=13.0.3",
+    "husky": ">=8.0.3",
+    "lint-staged": ">=15.1.0",
     "next-compose-plugins": "^2.2.1",
-    "prettier": "^2.7.1",
-    "typescript": "^4.8.4",
-    "vitest": "^0.24.3"
+    "prettier": "^3.1.0",
+    "typescript": "^5.2.2",
+    "vitest": "^0.34.6"
   },
   "dependencies": {
-    "@next/bundle-analyzer": "^12.3.1",
+    "@next/bundle-analyzer": "^14.0.2",
     "@variant/components": "^2.0.11",
     "@variant/profile": "^3.0.1",
-    "@visx/curve": "^2.1.0",
-    "@visx/gradient": "^2.10.0",
-    "@visx/responsive": "^2.10.0",
-    "@visx/scale": "^2.2.2",
-    "@visx/shape": "^2.12.2",
+    "@visx/curve": "^3.3.0",
+    "@visx/gradient": "^3.3.0",
+    "@visx/responsive": "^3.3.0",
+    "@visx/scale": "^3.5.0",
+    "@visx/shape": "^3.5.0",
     "animejs": "^3.2.1",
-    "d3-array": "^3.2.0",
-    "date-fns": "^2.29.3",
-    "framer-motion": "^7.5.3",
+    "d3-array": "^3.2.4",
+    "date-fns": "^2.30.0",
+    "framer-motion": "^10.16.4",
     "gray-matter": "^4.0.3",
-    "markdown-it": "^13.0.1",
-    "next": "^12.3.1",
-    "next-images": "^1.8.4",
-    "node-html-parser": "^6.1.1",
+    "markdown-it": "^13.0.2",
+    "next": "^14.0.2",
+    "next-images": "^1.8.5",
+    "node-html-parser": "^6.1.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-intersection-observer": "^9.4.0",
-    "react-slider": "^2.0.4",
-    "rss-parser": "^3.12.0"
+    "react-intersection-observer": "^9.5.3",
+    "react-slider": "^2.0.6",
+    "rss-parser": "^3.13.0"
   },
   "scripts": {
     "dev": "next dev",

diff --git a/src/bergen/index.tsx b/src/bergen/index.tsx
@@ -26,11 +26,9 @@ export function BergenInfoBlock() {
       />
 
       <h2 className={style.infoBlock__title}>
-        <Link href="/bergen">
-          <a className={style.infoBlock__link}>
-            <span className={style.infoBlock__text}>Ny variant i Bergen</span>
-            <Arrow className={style.infoBlock__arrow} color="standard__white" />
-          </a>
+        <Link href="/bergen" className={style.infoBlock__link}>
+          <span className={style.infoBlock__text}>Ny variant i Bergen</span>
+          <Arrow className={style.infoBlock__arrow} color="standard__white" />
         </Link>
       </h2>
     </div>

diff --git a/src/community/index.tsx b/src/community/index.tsx
@@ -283,8 +283,8 @@ function Community() {
               være behov for det. Dette kan for eksempel dekke mat eller andre
               utgifter en community vil møte på. Vi i Variant går også aktivt
               inn som samarbeidspartnere for å støtte opp om{' '}
-              <Link href={'/mangfold'}>
-                <a title="Variant - Mangfold">mangfold</a>
+              <Link href={'/mangfold'} title="Variant - Mangfold">
+                mangfold
               </Link>{' '}
               i tech-bransjen.
             </p>

diff --git a/src/components/blob-link/index.tsx b/src/components/blob-link/index.tsx
@@ -23,18 +23,16 @@ export default function BlobLink({
   background = colors.colorPairs.secondary1.default.bg,
 }: BlobLinkProps) {
   return (
-    <Link href={href}>
-      <a className={and(style.blobLink, className)}>
-        <BaseBlob
-          width={size}
-          height={size}
-          randomness={2}
-          extraPoints={6}
-          color={background}
-        />
-        <span>{text}</span>
-        <Arrow className={style.blobLinkArrow} />
-      </a>
+    <Link href={href} className={and(style.blobLink, className)}>
+      <BaseBlob
+        width={size}
+        height={size}
+        randomness={2}
+        extraPoints={6}
+        color={background}
+      />
+      <span>{text}</span>
+      <Arrow className={style.blobLinkArrow} />
     </Link>
   );
 }
diff --git a/src/components/button/index.tsx b/src/components/button/index.tsx
@@ -64,14 +64,13 @@ export function ButtonNextLink({
   ...props
 }: ButtonProps & LinkType & Pick<AType, 'aria-label'>) {
   return (
-    <Link {...props}>
-      <a
-        style={colorPairToCssCustomProps(colorPair, colorVariation)}
-        className={and(style.buttonLink, className)}
-        aria-label={props['aria-label']}
-      >
-        {children}
-      </a>
+    <Link
+      {...props}
+      style={colorPairToCssCustomProps(colorPair, colorVariation)}
+      className={and(style.buttonLink, className)}
+      aria-label={props['aria-label']}
+    >
+      {children}
     </Link>
   );
 }

diff --git a/src/components/page-header/index.tsx b/src/components/page-header/index.tsx
@@ -42,16 +42,15 @@ export default function PageHeader({
   return (
     <header className={style.header}>
       <LogoWrapper className={style.header__logo}>
-        <Link href="/">
-          <a
-            aria-label="Variant startside"
-            aria-current={homepage ? 'page' : undefined}
-          >
-            <img
-              src={require(whiteMode ? './whiteVariant.svg' : './variant.svg')}
-              alt="Variant"
-            />
-          </a>
+        <Link
+          href="/"
+          aria-label="Variant startside"
+          aria-current={homepage ? 'page' : undefined}
+        >
+          <img
+            src={require(whiteMode ? './whiteVariant.svg' : './variant.svg')}
+            alt="Variant"
+          />
         </Link>
       </LogoWrapper>
 
@@ -109,9 +108,7 @@ export default function PageHeader({
               ref={navRef}
             >
               <li>
-                <Link href="/tjenesteomrader">
-                  <a>Tjenester</a>
-                </Link>
+                <Link href="/tjenesteomrader">Tjenester</Link>
               </li>
               <li>
                 <a href="http://handbook.variant.no" rel="noopener">
@@ -124,14 +121,10 @@ export default function PageHeader({
                 </a>
               </li>
               <li>
-                <Link href="/ansatte">
-                  <a>Alle varianter</a>
-                </Link>
+                <Link href="/ansatte">Alle varianter</Link>
               </li>
               <li>
-                <Link href="/kalkulator">
-                  <a>Lønnskalkulator</a>
-                </Link>
+                <Link href="/kalkulator">Lønnskalkulator</Link>
               </li>
             </ul>
           </nav>

diff --git a/src/employees/index.tsx b/src/employees/index.tsx
@@ -3,7 +3,7 @@ import { BaseBlob } from '@variant/components/lib/blob';
 import { colors } from '@variant/profile/lib';
 import { InferGetStaticPropsType } from 'next';
 import Head from 'next/head';
-import Image from 'next/future/image';
+import Image from 'next/image';
 import Link from 'next/link';
 import { getStaticProps } from 'pages/ansatte';
 import React, {
@@ -153,10 +153,7 @@ export const EmployeeTile = ({
       <h2 className={and(style.employee__name, 'fancy')}>{name}</h2>
       <div className={style.employee__office}>{officeName}</div>
       {telephone ? (
-        <a
-          href={`tel:${telephone}`}
-          className={style.employee__phone}
-        >
+        <a href={`tel:${telephone}`} className={style.employee__phone}>
           📞 {formatTelephone(telephone)}
         </a>
       ) : (
@@ -174,18 +171,16 @@ function JobsLink({ text }: { text: string }) {
       className={style.employee__jobsLinkContainer}
       style={{ '--randomOffset': getRandomOffset() } as CSSProperties}
     >
-      <Link href="/jobs">
-        <a className={style.employee__jobsLink}>
-          <BaseBlob
-            width={300}
-            height={300}
-            randomness={2}
-            extraPoints={6}
-            color={colors.colorPairs.secondary1.default.bg}
-          />
-          <p>{text}</p>
-          <Arrow className={style.employee__jobsLinkArrow} />
-        </a>
+      <Link href="/jobs" className={style.employee__jobsLink}>
+        <BaseBlob
+          width={300}
+          height={300}
+          randomness={2}
+          extraPoints={6}
+          color={colors.colorPairs.secondary1.default.bg}
+        />
+        <p>{text}</p>
+        <Arrow className={style.employee__jobsLinkArrow} />
       </Link>
     </div>
   );

diff --git a/src/helsinki23/index.tsx b/src/helsinki23/index.tsx
@@ -29,10 +29,8 @@ const Helsinki23: NextPage = () => {
           <Image src={arrowDown} height={24} width={24} alt="pil ned" />
         </a>
         <Link href="/helsinki23/praktisk">
-          <a>
-            <span>Ta meg til siden med alt jeg lurer på</span>
-            <Image src={arrowRight} height={24} width={24} alt="pil høyre" />
-          </a>
+          <span>Ta meg til siden med alt jeg lurer på</span>
+          <Image src={arrowRight} height={24} width={24} alt="pil høyre" />
         </Link>
       </div>
       <section id="Description">
@@ -91,15 +89,13 @@ const Helsinki23: NextPage = () => {
             <li>
               <time>12:00</time>{' '}
               <Link href={'/helsinki23/tips'}>
-                <a>
-                  Valgfrie aktiviteter
-                  <Image
-                    src={arrowRightCurved}
-                    width={45}
-                    height={46}
-                    alt="pil høyre"
-                  />
-                </a>
+                Valgfrie aktiviteter
+                <Image
+                  src={arrowRightCurved}
+                  width={45}
+                  height={46}
+                  alt="pil høyre"
+                />
               </Link>
             </li>
             <li>