.dockerignore

+*
+!docker
+!public
+!src
+!typings
+!package*.json
+!jsconfig.json

.editorconfig

+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[Makefile]
+indent_style = tab
+indent_size = 4

.env

+REACT_APP_STYLEGUIDE_URL=https://styleguide.pirati.cz/2.11.0
+REACT_APP_API_BASE_URL=https://cf2024.online/api
+REACT_APP_MATOMO_ID=135
+REACT_APP_SENTRY_DSN=https://aa80453ff4d54b9a9c1b49e79060498a@sentry.pirati.cz/14

.env.development

+REACT_APP_STYLEGUIDE_URL=http://localhost:3001

.gitignore

@@ -17,6 +17,7 @@
 .env.development.local
 .env.test.local
 .env.production.local
+.eslintcache
 
 npm-debug.log*
 yarn-debug.log*

.gitlab-ci.yml

+image: node:18.20.4-bullseye
+
+variables:
+  SITE_NAME: cf2024.online
+
+  ARTIFACTS_PATH: build
+  REACT_APP_API_BASE_URL: /api
+  WEBHOOK_URL: https://ha-web.pirati.cz
+
+before_script:
+  - apt-get update && DEBIAN_FRONTEND=noninteractive apt-get install -yq curl
+
+build:
+  stage: build
+  script:
+    - npm install --legacy-peer-deps
+    - npm run build
+  after_script:
+    - echo "{\"name\":\"$SITE_NAME\" }" > request.json
+    - "curl -k -H 'Content-Type: application/json' -X POST -d @request.json $WEBHOOK_URL"
+  artifacts:
+    expire_in: 30 min
+    paths:
+      - $ARTIFACTS_PATH
+

.nvmrc

+18.20.4

Dockerfile

+FROM node:18.20.4-alpine AS build
+
+ENV REACT_APP_STYLEGUIDE_URL="https://styleguide.pirati.cz/2.12.1"
+ENV REACT_APP_API_BASE_URL=https://cf2024.online/api
+ENV REACT_APP_MATOMO_ID=135
+ENV REACT_APP_SENTRY_DSN=https://aa80453ff4d54b9a9c1b49e79060498a@sentry.pirati.cz/14
+
+RUN mkdir -p /home/node/cf2021
+
+WORKDIR /home/node/cf2021
+
+COPY package*.json ./
+
+RUN npm ci --legacy-peer-deps
+
+COPY . .
+
+RUN npm run build
+
+# ---
+
+FROM nginx:alpine AS production
+
+COPY --from=build /home/node/cf2021/build /usr/share/nginx/html/
+COPY docker/nginx.conf /etc/nginx/conf.d/default.conf

Dockerfile.development

+FROM node:18.20.4-alpine
+
+#  libs for development -- most of theme needed for canvas support in tests
+RUN apk add --no-cache \
+  build-base \
+  g++ \
+  libpng \
+  libpng-dev \
+  jpeg-dev \
+  pango-dev \
+  cairo-dev \
+  giflib-dev \
+  python3 \
+  ;
+
+WORKDIR /app/cf2021
+
+COPY package*.json ./
+
+RUN npm ci --legacy-peer-deps
+
+COPY . .
+
+CMD npm start

Makefile

+.PHONY: build-image
+build-image:
+	docker build \
+        --build-arg BUILD_REACT_APP_STYLEGUIDE_URL=$${STYLEGUIDE_PUBLIC_URL:-https://styleguide.pir-test.eu}/$${STYLEGUIDE_VERSION:-latest} \
+        --tag cf2021:latest \
+        .

compose.yaml

+services:
+  app:
+    image: cf-online
+    ports:
+      - "3000:80"
+

docker/nginx.conf

+gzip on;
+gzip_disable "MSIE [1-6]\\.(?!.*SV1)";
+gzip_proxied any;
+gzip_comp_level 5;
+gzip_types text/plain text/css application/javascript application/x-javascript text/xml application/xml application/rss+xml text/javascript image/x-icon image/bmp image/svg+xml;
+gzip_vary on;
+
+server {
+  listen 80;
+  root   /usr/share/nginx/html;
+
+  location / {
+    index  index.html index.htm;
+    try_files $uri $uri/ /index.html;
+
+    # X-Frame-Options is to prevent from clickJacking attack
+    add_header X-Frame-Options SAMEORIGIN;
+    # disable content-type sniffing on some browsers.
+    add_header X-Content-Type-Options nosniff;
+    # This header enables the Cross-site scripting (XSS) filter
+    add_header X-XSS-Protection "1; mode=block";
+    # This will enforce HTTP browsing into HTTPS and avoid ssl stripping attack
+    add_header Strict-Transport-Security "max-age=31536000; includeSubdomains;";
+    add_header Referrer-Policy "no-referrer-when-downgrade";
+    add_header Cache-Control "no-store, no-cache, must-revalidate";
+  }
+
+  location /static {
+    expires 1y;
+    access_log off;
+
+    # This will enforce HTTP browsing into HTTPS and avoid ssl stripping attack
+    add_header Strict-Transport-Security "max-age=31536000; includeSubdomains;";
+    add_header Referrer-Policy "no-referrer-when-downgrade";
+    add_header Cache-Control "public";
+  }
+
+  error_page   500 502 503 504  /50x.html;
+
+  location = /50x.html {
+    root   /usr/share/nginx/html;
+  }
+}

eslint.config.mjs

+import { fixupConfigRules, fixupPluginRules } from "@eslint/compat";
+import { FlatCompat } from "@eslint/eslintrc";
+import js from "@eslint/js";
+import jestDom from "eslint-plugin-jest-dom";
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+import testingLibrary from "eslint-plugin-testing-library";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+const eslintConfig = [
+  ...fixupConfigRules(
+    compat.extends(
+      "react-app",
+      "plugin:prettier/recommended",
+      "plugin:testing-library/dom",
+      "plugin:jest-dom/recommended",
+    ),
+  ),
+  {
+    plugins: {
+      "simple-import-sort": simpleImportSort,
+      "testing-library": fixupPluginRules(testingLibrary),
+      "jest-dom": fixupPluginRules(jestDom),
+    },
+
+    rules: {
+      "sort-imports": "off",
+      "prettier/prettier": "warn",
+      "react/no-unknown-property": [1],
+
+      "simple-import-sort/imports": [
+        "warn",
+        {
+          groups: [
+            ["^react", "^@?\\w"],
+            [
+              "^(api|actions|config|hooks|components|containers|pages|utils|stores|keycloak|markdown|ws)(/.*|$)",
+            ],
+            ["^(test-utils)(/.*|$)"],
+            ["^\\u0000"],
+            ["^\\.\\.(?!/?$)", "^\\.\\./?$"],
+            ["^\\./(?=.*/)(?!/?$)", "^\\.(?!/?$)", "^\\./?$"],
+            ["^.+\\.s?css$"],
+          ],
+        },
+      ],
+
+      "testing-library/await-async-queries": "error",
+      "testing-library/no-await-sync-queries": "error",
+      "testing-library/no-debugging-utils": "warn",
+      "jest-dom/prefer-checked": "error",
+      "jest-dom/prefer-enabled-disabled": "error",
+      "jest-dom/prefer-required": "error",
+      "jest-dom/prefer-to-have-attribute": "error",
+    },
+  },
+];
+
+export default eslintConfig;

jsconfig.json

+{
+  "compilerOptions": {
+    "baseUrl": "./src",
+    "module": "commonjs",
+    "target": "es2019",
+    "jsx": "react"
+  },
+  "include": [
+    "./src/**/*",
+    "./typings/**/*"
+  ]
+}

package.json

@@ -3,21 +3,44 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "3.4.3"
+    "@react-keycloak/web": "^3.4.0",
+    "@rooks/use-interval": "^4.11.2",
+    "@rooks/use-outside-click": "^4.11.2",
+    "@rooks/use-timeout": "^4.11.2",
+    "@rooks/use-window-size": "^4.11.2",
+    "@sentry/integrations": "^7.119.2",
+    "@sentry/react": "^8.34.0",
+    "@sentry/tracing": "^7.119.2",
+    "ajv": "^8.17.1",
+    "classnames": "^2.5.1",
+    "crypto-js": "^4.2.0",
+    "date-fns": "^4.1.0",
+    "keycloak-js": "^26.0.0",
+    "lodash": "^4.17.21",
+    "pullstate": "^1.25.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-helmet-async": "^2.0.5",
+    "react-hint": "^3.2.1",
+    "react-intersection-observer": "^9.13.1",
+    "react-joyride": "^2.9.2",
+    "react-mde": "^11.5.0",
+    "react-modal": "^3.16.1",
+    "react-player": "^2.16.0",
+    "react-router-dom": "^6.27.0",
+    "react-scripts": "^5.0.1",
+    "showdown": "^2.1.0",
+    "wait-queue": "^1.1.4",
+    "xss": "^1.0.15"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
+    "test": "react-scripts test --env=jsdom-fourteen",
+    "eject": "react-scripts eject",
+    "lint": "eslint --cache 'src/**/*.{js,jsx}'",
+    "lint:fix": "eslint --cache --fix 'src/**/*.{js,jsx}'",
+    "analyze": "source-map-explorer 'build/static/js/*.js'"
   },
   "browserslist": {
     "production": [
@@ -30,5 +53,29 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.2.0",
+    "@eslint/eslintrc": "^3.1.0",
+    "@eslint/js": "^9.12.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^9.12.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jest-dom": "^5.4.0",
+    "eslint-plugin-jsx-a11y": "^6.10.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-testing-library": "^6.3.0",
+    "prettier": "^3.3.3",
+    "source-map-explorer": "^2.5.3",
+    "typescript": "^5.6.3"
   }
 }