feat. Bygg frontend med vite istedenfor craco

* Fjernet craco til fordel for vite * Fjernet ubrukte pakker * Fjernet enzyme tester som kun sjekket på lengde
navikt · Feb 12, 2024 · 00c72c6 · 00c72c6
1 parent 686a6a5
commit 00c72c6
Show file tree

Hide file tree

Showing 159 changed files with 3,247 additions and 13,613 deletions.
diff --git a/.dockerignore b/.dockerignore
@@ -2,7 +2,6 @@
 !node_modules
 !server
 !build
-!src/setupProxy.js
 !src/whitelist.js
 !server.js
 !dist
diff --git a/@types/react-day-picker-moment.d.ts b/@types/react-day-picker-moment.d.ts
diff --git a/Dockerfile b/Dockerfile
@@ -5,22 +5,12 @@ RUN npm config set unsafe-perm=true
 
 WORKDIR /app
 
-
-# yarn installl -> server/node_modules
-#yarn build -> ../dist
-
-# COPY dist -> dist // output path i webpack config definerer dette.
-#COPY server/node_modules -> dist/node_modules // slik at server.js ligger i samme path folder. Og treffer dependencies.
-
 COPY ./dist ./dist
-COPY ./server/node_modules ./dist/node_modules
 
+COPY ./server/dist ./server
+COPY ./server/node_modules ./server/node_modules
 
-COPY ./build ./build
 EXPOSE 3000
 
 ENTRYPOINT ["sh", "-c"]
-CMD ["node dist/server.js"]
-
-
-# NODE_ENV = production  // NODE_ENV = development
+CMD ["node server/server.js"]
diff --git a/craco.config.js b/craco.config.js
diff --git a/index.html b/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="no">
+    <head>
+        <meta charset="utf-8" />
+        <link rel="icon" href="%BASE_URL%/favicon.ico" />
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+        <meta name="theme-color" content="#000000" />
+        <link rel="manifest" href="%BASE_URL%/manifest.json" />
+        <title>Tiltaksgjennomføring</title>
+    </head>
+    <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root" aria-live="polite" class="tiltaksgjennomforing"></div>
+        <script type="module" src="/src/index.tsx"></script>
+    </body>
+</html>
diff --git a/jest.config.js b/jest.config.js
diff --git a/less-watch-compiler.config.json b/less-watch-compiler.config.json
diff --git a/package.json b/package.json
@@ -3,20 +3,15 @@
     "version": "0.1.0",
     "private": true,
     "homepage": "/tiltaksgjennomforing",
+    "type": "module",
     "scripts": {
-        "build": "cross-env GIT_COMMIT_HASH=$(git log -n 1 --pretty=format:'%h') craco build",
-        "release": "cross-env GIT_COMMIT_HASH=$(git log -n 1 --pretty=format:'%h') node sentry.js",
-        "start": "craco start",
-        "start-ekstern": "cross-env ENABLE_EXTERNAL_MENU=true craco start",
-        "start-intern": "cross-env process.env.ENABLE_INTERNAL_MENU=true craco start",
-        "test": "cross-env CI=true craco test -w 1",
-        "test:config": "node -e 'console.dir(require(\"./jest.config.js\"))'",
-        "test:help": "craco test --help",
+        "build": "tsc && vite build",
+        "release": "node sentry.js",
+        "start": "vite",
+        "test": "vitest --environment=jsdom",
         "up": "docker-compose up -d --remove-orphans --build"
     },
     "dependencies": {
-        "@formatjs/intl-pluralrules": "^4.1.3",
-        "@formatjs/intl-relativetimeformat": "^9.2.3",
         "@navikt/arbeidsgiver-notifikasjon-widget": "^6.3.9",
         "@navikt/bedriftsmeny": "^6.11.0",
         "@navikt/ds-css": "^5.2.1",
@@ -25,103 +20,46 @@
         "@navikt/nav-dekoratoren-moduler": "^1.6.9",
         "@navikt/navspa": "^5.0.1",
         "@sentry/react": "^7.45.0",
-        "@testing-library/jest-dom": "^5.14.1",
-        "@testing-library/react": "^13.0.0",
-        "@testing-library/user-event": "^13.2.1",
-        "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
         "amplitude-js": "^8.5.0",
         "axios": "^0.21.1",
         "axios-retry": "^3.1.9",
-        "babel-polyfill": "^6.26.0",
-        "babel-runtime": "^6.26.0",
         "classnames": "^2.3.1",
-        "event-stream": "^4.0.1",
-        "express": "^4.17.1",
-        "express-async-handler": "^1.2.0",
-        "express-http-proxy": "1.6.2",
-        "fs-extra": "^10.0.0",
-        "helmet": "^4.6.0",
-        "http-proxy-middleware": "^2.0.1",
-        "intl": "^1.2.5",
         "lodash.debounce": "^4.0.8",
-        "lodash.isequal": "^4.5.0",
-        "lodash.sortby": "^4.7.0",
-        "lodash.throttle": "^4.1.1",
         "moment": "^2.29.1",
-        "node-cache": "5.1.2",
-        "openid-client": "^5.4.0",
         "prop-types": "^15.7.2",
         "react": "^18.2.0",
-        "react-app-polyfill": "^3.0.0",
         "react-collapse": "^5.1.1",
         "react-cookie": "^4.1.1",
-        "react-day-picker": "^8.6.0",
         "react-dom": "^18.2.0",
-        "react-intl": "^6.3.2",
         "react-loading-skeleton": "^3.2.1",
-        "react-modal": "^3.16.1",
         "react-responsive": "^9.0.2",
         "react-router-dom": "^6.10.0",
-        "react-scripts": "5.0.1",
         "react-select": "^5.7.2",
-        "swr": "^2.2.4",
-        "typescript": "^4.4.2",
-        "url-search-params-polyfill": "^8.1.1",
-        "web-vitals": "^2.1.0"
+        "swr": "^2.2.4"
     },
     "devDependencies": {
-        "@craco/craco": "^7.1.0",
-        "@navikt/arbeidsgiver-notifikasjoner-brukerapi-mock": "^6.3.9",
         "@sentry/cli": "^1.68.0",
-        "@testing-library/jest-dom": "^5.15.1",
-        "@testing-library/react": "^12.1.2",
+        "@testing-library/react": "^14.2.1",
         "@types/amplitude-js": "^8.0.1",
-        "@types/chai": "^4.2.21",
         "@types/classnames": "^2.3.0",
-        "@types/enzyme": "^3.10.9",
-        "@types/express": "^4.17.17",
-        "@types/fetch-mock": "^7.3.5",
-        "@types/fs-extra": "^11.0.1",
-        "@types/jest": "^27.0.1",
         "@types/lodash.debounce": "^4.0.6",
         "@types/node": "^16.7.13",
         "@types/react": "^18.0.31",
         "@types/react-collapse": "^5.0.1",
-        "@types/react-day-picker": "^5.3.0",
         "@types/react-dom": "^18.0.11",
-        "@types/react-intl": "^3.0.0",
-        "@types/react-maskedinput": "^4.0.6",
-        "@types/react-modal": "^3.12.1",
         "@types/react-responsive": "^8.0.5",
         "@types/react-router-dom": "^5.3.3",
-        "chai": "^4.3.4",
-        "craco-less": "^2.0.0",
-        "cross-env": "^7.0.3",
-        "enzyme": "^3.11.0",
-        "fetch-mock": "^9.11.0",
-        "glob": "^7.1.7",
+        "@vitejs/plugin-react": "^4.2.1",
         "husky": "^7.0.2",
-        "jest-dom": "^4.0.0",
         "less": "^4.1.1",
-        "less-watch-compiler": "^1.16.2",
-        "npm-run-all": "^4.1.5",
         "prettier": "^2.3.2",
-        "pretty-quick": "^3.1.1",
-        "react-error-overlay": "6.0.9",
-        "react-scripts": "^5.0.1",
+        "pretty-quick": "3.1.1",
         "svgo": "2.4.0",
-        "tslint": "^5.20.1",
-        "tslint-config-prettier": "^1.18.0",
-        "tslint-react": "^4.1.0",
-        "typescript": "^5.0.4",
-        "webpack-bundle-analyzer": "^4.8.0"
+        "typescript": "^5.3.3",
+        "vite": "^5.0.12",
+        "vite-plugin-svgr": "^4.2.0",
+        "vitest": "^1.2.2"
     },
-    "browserslist": [
-        ">0.2%",
-        "not dead",
-        "not ie < 10",
-        "not op_mini all"
-    ],
     "husky": {
         "hooks": {
             "pre-commit": "pretty-quick --staged --pattern \"**/*.*(js|json|jsx|ts|tsx|css|scss|less)\" && sh ./svgo.sh"

diff --git a/plugins/decoratorhtmlwebpackplugin.js b/plugins/decoratorhtmlwebpackplugin.js
diff --git a/plugins/internflateDecoratorHtmlWebpackPlugin.js b/plugins/internflateDecoratorHtmlWebpackPlugin.js