Merge pull request #14 from move-elevator/frontend-linter

feat: add linting jobs for JavaScript and CSS/SCSS in CI configuration

Author: Konrad Michalik

.gitlab-ci.yml.dist

@@ -7,10 +7,12 @@ include:
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/build/build-node.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-composer-lint.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-editorconfig.yaml'
+  - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-js-lint.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-php.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-php-cs-fixer.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-php-stan.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-php-rector.yaml'
+  - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-style-lint.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-typoscript-lint.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-yaml-lint.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/analyze/analyze-xml-lint.yaml'
@@ -24,8 +26,8 @@ include:
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/sync/sync-feature-scheduled.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/test/test-feature-codeception.yaml'
   - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/test/test-prod-codeception.yaml'
-  - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/test/cache-feature-warmup.yaml'
-  - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/test/cache-prod-warmup.yaml'
+  - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/cache/cache-feature-warmup.yaml'
+  - 'https://raw.githubusercontent.com/move-elevator/gitlab-ci-templates/main/cache/cache-prod-warmup.yaml'
 
 #-----------------------------------------------------------------------------------------------------------------------
 # CONFIGURATION (overrides)

README.md

@@ -50,9 +50,11 @@ Analyze code quality and static analysis.
 Includes:
 - `analyze/analyze-composer-lint.yaml`
 - `analyze/analyze-editorconfig.yaml`
+- `analyze/analyze-js-lint.yaml`
 - `analyze/analyze-php-cs-fixer.yaml`
 - `analyze/analyze-php-rector.yaml`
 - `analyze/analyze-php-stan.yaml`
+- `analyze/analyze-style-lint.yaml`
 - `analyze/analyze-typoscript-lint.yaml`
 - `analyze/analyze-xml-lint.yaml`
 - `analyze/analyze-yaml-lint.yaml`
@@ -106,8 +108,8 @@ Includes:
 Warm up the cache after deployment using [EXT:typo3-warming](https://github.com/eliashaeussler/typo3-warming).
 
 Includes:
-- `test/cache-feature-warmup.yaml`
-- `test/cache-prod-warmup.yaml`
+- `cache/cache-feature-warmup.yaml`
+- `cache/cache-prod-warmup.yaml`
 
 ## ⭐ License
 

analyze/analyze-js-lint.yaml

@@ -0,0 +1,22 @@
+# Purpose:
+#   Analyze job for linting all js/ts files
+#
+# Dependency:
+#   Npm script "lint:js"
+#
+analyze:js:lint:
+  image:
+    name: ${DEFAULT_IMAGE_BUILD_NODE}
+  stage: analyze
+  needs:
+    - build:node
+  script:
+    - npm run lint:js
+  rules:
+    - if: $CI_PIPELINE_SOURCE == "web"
+      when: always
+    - if: $CI_COMMIT_TAG || $CI_PIPELINE_SOURCE == "schedule" || $CI_PIPELINE_SOURCE == "pipeline" || $CI_PIPELINE_SOURCE == "merge_request_event"
+      when: never
+    - if: $CI_COMMIT_TAG == null
+      changes:
+        - "**/*.{js,jsx,mjs,cjs,ts,tsx}"

analyze/analyze-style-lint.yaml

@@ -0,0 +1,22 @@
+# Purpose:
+#   Analyze job for linting all css/scss files
+#
+# Dependency:
+#   Npm script "lint:style"
+#
+analyze:style:lint:
+  image:
+    name: ${DEFAULT_IMAGE_BUILD_NODE}
+  stage: analyze
+  needs:
+    - build:node
+  script:
+    - npm run lint:style
+  rules:
+    - if: $CI_PIPELINE_SOURCE == "web"
+      when: always
+    - if: $CI_COMMIT_TAG || $CI_PIPELINE_SOURCE == "schedule" || $CI_PIPELINE_SOURCE == "pipeline" || $CI_PIPELINE_SOURCE == "merge_request_event"
+      when: never
+    - if: $CI_COMMIT_TAG == null
+      changes:
+        - "**/*.{css,scss,sass}"