Develop

.dockerignore

@@ -1 +1,6 @@
 node_modules
+dist
+buid
+.github
+.husky
+.env*

.env

@@ -0,0 +1 @@
+VITE_API_HOST=''

.eslintrc.json

@@ -13,6 +13,7 @@
 		"plugin:import/recommended",
 		"plugin:import/warnings",
 		"plugin:import/typescript",
+		"plugin:boundaries/recommended",
 		"airbnb",
 		"prettier"
 	],
@@ -56,8 +57,63 @@
 		],
 		"no-restricted-exports": "off",
 		"prefer-arrow-callback": "off",
-		"no-shadow": "warn",
+		"no-shadow": "off",
 		"default-param-last": "warn",
+		"no-restricted-imports": [
+			"error",
+			{
+				"patterns": [
+					{
+						"message": "Private imports are prohibited, use public imports instead",
+						"group": ["@/app/**"]
+					},
+					{
+						"message": "Private imports are prohibited, use public imports instead",
+						"group": ["@/pages/*/**"]
+					},
+					{
+						"message": "Private imports are prohibited, use public imports instead",
+						"group": ["@/widgets/*/**"]
+					},
+					{
+						"message": "Private imports are prohibited, use public imports instead",
+						"group": ["@/features/*/**"]
+					},
+					{
+						"message": "Private imports are prohibited, use public imports instead",
+						"group": ["@/entities/*/**"]
+					},
+					{
+						"message": "Private imports are prohibited, use public imports instead",
+						"group": ["@/shared/*/*/**"]
+					},
+					{
+						"message": "Prefer absolute imports instead of relatives (for root modules)",
+						"group": ["../**/app"]
+					},
+					{
+						"message": "Prefer absolute imports instead of relatives (for root modules)",
+						"group": ["../**/pages"]
+					},
+					{
+						"message": "Prefer absolute imports instead of relatives (for root modules)",
+						"group": ["../**/widgets"]
+					},
+					{
+						"message": "Prefer absolute imports instead of relatives (for root modules)",
+						"group": ["../**/features"]
+					},
+					{
+						"message": "Prefer absolute imports instead of relatives (for root modules)",
+						"group": ["../**/entities"]
+					},
+					{
+						"message": "Prefer absolute imports instead of relatives (for root modules)",
+						"group": ["../**/shared"]
+					}
+				]
+			}
+		],
 
 		/* REACT */
 		"react/jsx-filename-extension": [1, { "extensions": [".tsx", ".ts"] }],
@@ -69,8 +125,44 @@
 		"react/function-component-definition": "off",
 		"react/no-unused-prop-types": "off",
 		"react/no-array-index-key": "off",
+		"react/react-in-jsx-scope": "off",
 
 		/* IMPORT */
+		"import/order": [
+			"error",
+			{
+				"alphabetize": { "order": "asc", "caseInsensitive": true },
+				"newlines-between": "always",
+				"pathGroups": [
+					{ "group": "internal", "position": "after", "pattern": "@/pages/**" },
+					{
+						"group": "internal",
+						"position": "after",
+						"pattern": "@/widgets/**"
+					},
+					{
+						"group": "internal",
+						"position": "after",
+						"pattern": "@/features/**"
+					},
+					{
+						"group": "internal",
+						"position": "after",
+						"pattern": "@/entities/**"
+					},
+					{ "group": "internal", "position": "after", "pattern": "@/shared/**" }
+				],
+				"pathGroupsExcludedImportTypes": ["builtin"],
+				"groups": [
+					"builtin",
+					"external",
+					"internal",
+					"parent",
+					"sibling",
+					"index"
+				]
+			}
+		],
 		"import/extensions": [
 			"error",
 			"never",
@@ -87,9 +179,41 @@
 		"import/no-unresolved": 0,
 		"import/prefer-default-export": "off",
 
+		/* BOUNDARIES */
+		"boundaries/element-types": [
+			"warn",
+			{
+				"default": "disallow",
+				"rules": [
+					{
+						"from": "@/app",
+						"allow": [
+							"@/pages",
+							"@/widgets",
+							"@/features",
+							"@/entities",
+							"@/shared"
+						]
+					},
+					{
+						"from": "@/pages",
+						"allow": ["@/widgets", "@/features", "@/entities", "@/shared"]
+					},
+					{
+						"from": "@/widgets",
+						"allow": ["@/features", "@/entities", "@/shared"]
+					},
+					{ "from": "@/features", "allow": ["@/entities", "@/shared"] },
+					{ "from": "@/entities", "allow": ["@/shared"] },
+					{ "from": "@/shared", "allow": ["@/shared"] }
+				]
+			}
+		],
+
 		/* TS */
 		"@typescript-eslint/no-unused-vars": ["error"],
-		"@typescript-eslint/no-empty-interface": ["off"]
+		"@typescript-eslint/no-empty-interface": ["off"],
+		"@typescript-eslint/no-explicit-any": "warn"
 	},
 	"ignorePatterns": ["templates/**/*", "*.css.d.ts", "configs/*"]
 }

.github/workflows/publish-docker-image.yml

@@ -0,0 +1,39 @@
+name: Docker
+
+on:
+  push:
+    tags: [ 'v*.*.*' ]
+  pull_request:
+    branches: [ "main", "develop" ]
+  release:
+    types: [ published ]
+
+
+jobs:
+  push_to_registry:
+    name: Push Docker image to Docker Hub
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v4
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@f4ef78c080cd8ba55a85445d5b36e214a81df20a
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+
+      - name: Extract metadata (tags, labels) for Docker
+        id: meta
+        uses: docker/metadata-action@9ec57ed1fcdbf14dcef7dfbe97b2010124a938b7
+        with:
+          images: bricks667/abctasks-client
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@3b5e8027fcad23fda98b2e3ac259d8d67585f671
+        with:
+          context: .
+          file: ./Dockerfile
+          push: ${{ github.event_name != 'pull_request' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}

.gitignore

@@ -10,6 +10,7 @@
 
 # production
 /build
+dist
 
 # misc
 .DS_Store

Dockerfile

@@ -1,10 +1,26 @@
-FROM node:18-alpine as build
+FROM node:lts-alpine as build
+
 WORKDIR /app
-COPY package.json /app/package.json
-RUN npm i --omit=dev --ignore-scripts --force && npm i -D typescript --force
-COPY . /app
+
+COPY package*.json /app/
+RUN npm ci --ignore-scripts
+
+COPY . /app/
+
 RUN npm run build
-FROM nginx:1.23.0-alpine
-COPY --from=build /app/dist /usr/share/nginx/html
-EXPOSE 80
-CMD ["nginx", "-g", "daemon off;"]
+
+FROM nginx:alpine
+
+WORKDIR /app
+
+COPY --from=build /app/dist/ /usr/share/nginx/html
+COPY ./deploy/nginx/ /etc/nginx/
+
+EXPOSE 80 443
+
+ENV SERVER_NAME="localhost"
+
+ENV API_PROXY_PASS=""
+ENV DOCS_PROXY_PASS=""
+
+CMD [ "nginx", "-g", "daemon off;" ]

deploy/nginx/nginx.conf

@@ -0,0 +1,36 @@
+user nginx;
+worker_processes auto;
+
+error_log /var/log/nginx/error.log notice;
+pid /var/run/nginx.pid;
+
+
+events {
+  worker_connections 1024;
+}
+
+
+http {
+  include /etc/nginx/mime.types;
+  default_type application/octet-stream;
+
+  log_format main '$remote_addr - $remote_user [$time_local] "$request" '
+  '$status $body_bytes_sent "$http_referer" '
+  '"$http_user_agent" "$http_x_forwarded_for"';
+
+  access_log /var/log/nginx/access.log main;
+
+  sendfile on;
+  #tcp_nopush     on;
+
+  keepalive_timeout 65;
+
+  gzip on;
+  gzip_disable "MSIE [1-6]\.(?!.*SV1)";
+  gzip_proxied any;
+  gzip_buffers 16 8k;
+  gzip_types in application/javascript application/x-javascript text/javascript text/xml text/css;
+  gzip_vary on;
+
+  include /etc/nginx/conf.d/*.conf;
+}

deploy/nginx/templates/default.conf.template

@@ -0,0 +1,33 @@
+server {
+  listen 80 default_server;
+  server_name ${SERVER_NAME} www.${SERVER_NAME};
+
+  access_log /var/log/nginx/${SERVER_NAME}.access.log;
+  error_log /var/log/nginx/${SERVER_NAME}.error.log;
+
+  root /usr/share/nginx/html;
+
+  location / {
+    try_files $uri /index.html;
+  }
+
+  location /api {
+      proxy_pass ${API_PROXY_PASS};
+      proxy_set_header X-Real-IP $remote_addr;
+      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      proxy_set_header X-NginX-Proxy true;
+      proxy_ssl_session_reuse off;
+      proxy_set_header Host $http_host;
+      proxy_redirect off;
+  }
+
+  location /api/docs {
+      proxy_pass ${DOCS_PROXY_PASS};
+      proxy_set_header X-Real-IP $remote_addr;
+      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      proxy_set_header X-NginX-Proxy true;
+      proxy_ssl_session_reuse off;
+      proxy_set_header Host $http_host;
+      proxy_redirect off;
+  }
+}