Feat/enhancement

.github/workflows/publish.yml

@@ -25,15 +25,18 @@ jobs:
               run: |
                   bun i
                   bun run build:lib
+            - name: Setup npm token
+              run: |
+                  echo "//registry.npmjs.org/:_authToken=${{ secrets.npm_token }}" > dist/ngx-loader-indicator-lib/.npmrc
             - name: Publish library
               run: bun run publish:lib
               env:
                   NODE_AUTH_TOKEN: ${{secrets.npm_token}}
             - name: Extract version
               id: get_version
               run: |
-                VERSION=$(node -p "require('./dist/ngx-mask-lib/package.json').version")
-                echo "version=$VERSION" >> $GITHUB_OUTPUT      
+                  VERSION=$(node -p "require('./dist/ngx-loader-indicator-lib/package.json').version")
+                  echo "version=$VERSION" >> $GITHUB_OUTPUT
 
     slack_notification:
         needs:

angular.json

@@ -29,6 +29,7 @@
                 "build": {
                     "builder": "@angular-devkit/build-angular:application",
                     "options": {
+                        "security": { "autoCsp": true },
                         "outputPath": "dist/angular-loader",
                         "browser": "src/main.ts",
                         "index": "src/index.html",
@@ -39,7 +40,9 @@
                             "src/styles.scss"
                         ],
                         "scripts": [],
-                        "namedChunks": true
+                        "namedChunks": true,
+                        "sourceMap": true,
+                        "optimization": false
                     },
                     "configurations": {
                         "production": {

src/app/cards/cards.component.ts

@@ -1,28 +1,18 @@
 import { Component, effect, ElementRef, inject, input, viewChildren } from '@angular/core';
 import { NgOptimizedImage } from '@angular/common';
 import { HighlightModule } from 'ngx-highlightjs';
-import { NgxLoaderIndicatorDirective } from 'ngx-loader-indicator';
 import { CardItem } from './cards.type';
 import { ScrollService } from '@open-source/scroll/scroll.service';
 import { AssetPipe } from '@libraries/asset/asset.pipe';
 import { CustomLoaderComponent } from '../custom-loader/custom-loader.component';
 import { FormComponent } from '../shared/form/form.component';
-import { InputComponent } from '@libraries/input/input.component';
 import { OpenSourcePath } from '@open-source/path/open-source.path';
 import { toSignal } from '@angular/core/rxjs-interop';
 
 @Component({
     selector: 'jsdaddy-open-source-cards',
     standalone: true,
-    imports: [
-        NgOptimizedImage,
-        HighlightModule,
-        NgxLoaderIndicatorDirective,
-        AssetPipe,
-        CustomLoaderComponent,
-        FormComponent,
-        InputComponent,
-    ],
+    imports: [NgOptimizedImage, HighlightModule, AssetPipe, CustomLoaderComponent, FormComponent],
     providers: [ScrollService],
     templateUrl: './cards.component.html',
     styleUrls: ['./cards.component.scss'],

tsconfig.json

@@ -47,7 +47,7 @@
             "checks": {
                 "invalidBananaInBox": "error",
                 "nullishCoalescingNotNullable": "warning",
-                "unusedStandaloneImports": "suppress"
+                "unusedStandaloneImports": "error"
             },
             "defaultCategory": "suppress"
         }