feat(ref: no-ref): add autoCsp, change ts config

Author: andriikamaldinov1

.github/workflows/publish.yml

@@ -27,16 +27,16 @@ jobs:
                   bun run build:lib
             - name: Setup npm token
               run: |
-                 echo "//registry.npmjs.org/:_authToken=${{ secrets.npm_token }}" > dist/ngx-loader-indicator-lib/.npmrc
+                  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-loader-indicator-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",

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'],

src/libraries

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