release

.github/hooks/commit-msg

@@ -0,0 +1,6 @@
+#!/bin/bash
+
+set -e
+
+commit_msg=$(cat .git/COMMIT_EDITMSG)
+echo "$commit_msg" | npx  commitlint

.github/hooks/pre-commit

@@ -0,0 +1,19 @@
+#!/bin/bash
+
+set -e
+
+npm run lint
+
+output=$(npm run type-coverage)
+if echo "$output" | grep -q "lower than "; then
+    echo "$output"
+    exit 1  # Terminate the hook script with a non-zero exit code
+else
+    echo "Type coverage is good! 🎉"
+fi
+
+npm run test
+
+npm run build
+
+npm run build:lib

.github/scripts/setup_hooks.sh

@@ -0,0 +1,39 @@
+#!/bin/bash
+
+# Define the directory containing sample hooks
+SAMPLE_HOOKS_DIR=".github/hooks"
+
+# Define the target directory for Git hooks
+GIT_HOOKS_DIR=".git/hooks"
+
+# Function to copy or replace hooks
+copy_or_replace_hooks() {
+    for hook in "$SAMPLE_HOOKS_DIR"/*; do
+        hook_name=$(basename "$hook")
+        target_hook="$GIT_HOOKS_DIR/$hook_name"
+        if [ -f "$target_hook" ]; then
+            echo "Replacing existing hook: $hook_name"
+        else
+            echo "Copying new hook: $hook_name"
+        fi
+        cp "$hook" "$target_hook"
+        chmod ug+x "$target_hook"  # Ensure executable permission is set
+    done
+}
+
+# Main function
+main() {
+    # Check if .git/hooks directory exists
+    if [ ! -d "$GIT_HOOKS_DIR" ]; then
+        echo "Error: .git/hooks directory not found. Are you in a Git repository?"
+        exit 1
+    fi
+
+    # Copy or replace hooks
+    copy_or_replace_hooks
+
+    echo "Git hooks setup complete."
+}
+
+# Run the main function
+main

.github/workflows/gh-pages.yml

@@ -11,17 +11,92 @@ jobs:
     permissions:
       contents: write
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
         with:
-          node-version: 18
-      - name: Build demo
+          node-version: 20
+
+      - name: Install deps
         run: |
           npm ci --force
-          git submodule update --init --recursive --remote
+          git submodule update --init --recursive --remote   
+
+      - name: Semantic Release
+        id: semantic-release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          npx semantic-release
+
+      - name: Build demo app
+        env:
+          RELEASE_VERSION: ${{ steps.semantic-release.outputs.new-release-version }}
+        run: |
+          echo '********'
+          echo "RELEASE_VERSION: $RELEASE_VERSION"
+          echo '********'
+          bash .github/workflows/scripts/replace_template.sh $RELEASE_VERSION
           npm run build
+
       - name: Deploy demo
         uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./dist/angular-loader/browser
+
+    outputs:
+      version: ${{ steps.semantic-release.outputs.new-release-version }}
+
+  slack_notification:
+    needs:
+      - build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Post to a Slack channel
+        id: slack
+        uses: slackapi/[email protected]
+        with:
+          channel-id: 'deployments'
+          payload: |
+            {
+              "blocks": [
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "GitHub Action build result: ${{ job.status == 'success' && ':white_check_mark:' || ':x:' }}"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "Project: `${{ github.event.repository.name }}`"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "Version: `${{ needs.build.outputs.version || 'TBA' }}`"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "Commit/PR URL: ${{ github.event.pull_request.html_url || github.event.head_commit.url }}"
+                  }
+                },
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "Website URL: ${{ secrets.WEBSITE_URL || 'TBA' }}"
+                  }
+                }
+              ]
+            }
+        env:
+          SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}

.github/workflows/quality-check.yml

@@ -22,7 +22,4 @@ jobs:
         run: |
           npm ci --force
           git submodule update --init --recursive --remote
-          npm run lint
-          npm test
-          npm run build
-          npm run build:lib
+          bash .github/workflows/scripts/quality.sh

.github/workflows/scripts/quality.sh

@@ -0,0 +1,19 @@
+#!/usr/bin
+
+set -e
+
+npm run lint
+
+output=$(npm run type-coverage)
+if echo "$output" | grep -q "lower than "; then
+    echo "$output"
+    exit 1  # Terminate the hook script with a non-zero exit code
+else
+    echo "Type coverage is good! 🎉"
+fi
+
+npm run test
+
+npm run build
+
+npm run build:lib

.github/workflows/scripts/replace_template.sh

@@ -0,0 +1,15 @@
+#!/bin/bash
+
+# Check if the correct number of arguments are provided
+if [ $# -ne 1 ]; then
+    echo "Usage: $0 <version>"
+    exit 1
+fi
+
+# Assign arguments to variables
+custom_string="$1"
+
+# Perform the replacement and save to output file
+sed "s/<%version%>/$custom_string/g" "angular.json" > "angular.json.tmp" && mv "angular.json.tmp" "angular.json"
+
+echo "Template string replaced successfully.  🎉"

.releaserc.yaml

@@ -0,0 +1,7 @@
+branches:
+  - develop
+
+plugins:
+  - '@semantic-release/commit-analyzer'
+  - '@semantic-release/github'
+  - 'semantic-release-export-data'

.stylelintrc.json

@@ -1,7 +1,9 @@
 {
-    "extends": ["stylelint-config-recommended-scss", "stylelint-prettier/recommended"],
+    "extends": ["stylelint-config-recommended-scss"],
     "customSyntax": "postcss-scss",
+    "plugins": ["stylelint-prettier"],
     "rules": {
+        "prettier/prettier": true,
         "selector-type-no-unknown": [
             true,
             {

CHANGELOG.md

@@ -1,3 +1,11 @@
+# 17.3.2(2024-03-29)
+
+### Feature
+
+- change decorators to signals
+
+<a name="17.0.0"></a>
+
 # 17.0.0(2023-11-28)
 
 ### Feature

README.md

@@ -25,7 +25,6 @@ You can also try our NGX COPYPASTE [check](https://www.npmjs.com/package/ngx-cop
 $ npm install --save ngx-loader-indicator
 ```
 
-
 ## Quickstart if ngx-loader-indicator version >= 15.0.0
 
 Pay attention this version works for angular >= 14.0.0