Merge pull request #7027 from Ocelot-Social-Community/update-frontend…

…-boilerplate-26-02

chore(frontend): update frontend boilerplate 26 02

.github/file-filters.yml

@@ -42,6 +42,9 @@ frontend-test-unit-code: &frontend-test-unit-code
 frontend-test-build-code: &frontend-test-build-code
   - 'frontend/**/*'
 
+frontend-test-build-docker: &frontend-test-build-docker
+  - 'frontend/**/*'
+
 frontend-test-build-docs: &frontend-test-build-docs
   - 'frontend/**/*.md'
   - 'frontend/.vuepress/*'

.github/workflows/frontend.test.build.docker.yml

@@ -0,0 +1,52 @@
+name: "frontend:test:build test docker"
+
+on: push
+
+jobs:
+  # only (but most important) job from this workflow required for pull requests
+  # check results serve as run conditions for all other jobs here
+  files-changed:
+    name: Detect File Changes - frontend-test-build-docker
+    runs-on: ubuntu-latest
+    outputs:
+      changes: ${{ steps.changes.outputs.frontend-test-build-docker }}
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Check for frontend file changes
+        uses: dorny/[email protected]
+        id: changes
+        with:
+          token: ${{ github.token }}
+          filters: .github/file-filters.yml
+          list-files: shell
+
+  build-production:
+    if: needs.files-changed.outputs.changes == 'true'
+    name: Build Docker Production - Frontend
+    needs: files-changed
+    runs-on: ubuntu-latest
+    env:
+      WORKING_DIRECTORY: ./frontend
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Frontend | Build Docker Production
+        run: docker compose -f docker-compose.yml build
+        working-directory: ${{env.WORKING_DIRECTORY}}
+
+  build-development:
+    if: needs.files-changed.outputs.changes == 'true'
+    name: Build Docker Development - Frontend
+    needs: files-changed
+    runs-on: ubuntu-latest
+    env:
+      WORKING_DIRECTORY: ./frontend
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Frontend | Build Docker Development
+        run: docker compose build
+        working-directory: ${{env.WORKING_DIRECTORY}}

frontend/.vuepress/config.ts

@@ -1,3 +1,5 @@
+import { defaultTheme } from '@vuepress/theme-default'
+import { viteBundler } from '@vuepress/bundler-vite'
 import { defineUserConfig } from 'vuepress'
 
 export default defineUserConfig({
@@ -6,4 +8,6 @@ export default defineUserConfig({
   dest: 'build/docs',
   base: process.env.VUEPRESS_BASE ? `/${process.env.VUEPRESS_BASE}/` : '/',
   pagePatterns: ['**/*.md', '**/LICENSE', '!.vuepress', '!node_modules'],
+  bundler: viteBundler({}),
+  theme: defaultTheme({}),
 })

frontend/Dockerfile

@@ -87,7 +87,7 @@ FROM base as build
 # Copy everything
 COPY . .
 # npm install
-RUN npm install --frozen-lockfile --non-interactive
+RUN npm install --include=dev --frozen-lockfile --non-interactive
 # npm build
 RUN npm run build