Added style and script bundling to workflow

Author: natokpe

.github/workflows/composer.yml

@@ -1,39 +1,52 @@
-name: PHP Composer
+name: Build and Dist
 
 on:
-  push:
-    branches: [ "master" ]
-  pull_request:
-    branches: [ "master" ]
+    push:
+        branches: [ "master" ]
+    pull_request:
+        branches: [ "master" ]
 
 permissions:
-  contents: read
+    contents: read
 
 jobs:
-  build:
+    build:
 
-    runs-on: ubuntu-latest
+        runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v4
+        - uses: actions/checkout@v4
+        - uses: actions/setup-node@v4
 
-    - name: Validate composer.json and composer.lock
-      run: composer validate --strict
+        - name: Validate composer.json and composer.lock
+            run: composer validate --strict
 
-    - name: Cache Composer packages
-      id: composer-cache
-      uses: actions/cache@v3
-      with:
-        path: vendor
-        key: ${{ runner.os }}-php-${{ hashFiles('**/composer.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-php-
+        - name: Cache Composer packages
+            id: composer-cache
+            uses: actions/cache@v3
+            with:
+                path: vendor
+                key: ${{ runner.os }}-php-${{ hashFiles('**/composer.lock') }}
+                restore-keys: |
+                    ${{ runner.os }}-php-
 
-    - name: Install dependencies
-      run: composer install --prefer-dist --no-progress
+        - name: Install Composer dependencies
+            run: composer install --prefer-dist --no-progress
 
-    # Add a test script to composer.json, for instance: "test": "vendor/bin/phpunit"
-    # Docs: https://getcomposer.org/doc/articles/scripts.md
+        # Add a test script to composer.json, for instance: "test": "vendor/bin/phpunit"
+        # Docs: https://getcomposer.org/doc/articles/scripts.md
 
-    # - name: Run test suite
-    #   run: composer run-script test
+        # - name: Run test suite
+        #   run: composer run-script test
+
+        - name: Install npm dependencies
+            run: npm install
+
+        - name: Install sass
+            run: npm install -g sass
+
+        - name: Compile SCSS
+            run: npm run sass
+
+        - name: Bundle scripts
+            run: npm run webpack