fix: lint adjustments

Author: jerzy-mankowski

packages/angular/angular.json

@@ -12,7 +12,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
-            "tsConfig": "projects/cloudinary-library/tsconfig.lib.json",
+            "tsConfig": "projects/cloudinary-library/tsconfig.lib.prod.json",
             "project": "projects/cloudinary-library/ng-package.json"
           },
           "configurations": {
@@ -33,7 +33,7 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "projects/cloudinary-library/tsconfig.lib.json",
+              "projects/cloudinary-library/tsconfig.lib.prod.json",
               "projects/cloudinary-library/tsconfig.spec.json"
             ],
             "exclude": [

packages/angular/projects/cloudinary-library/src/testUtils/dispatchResize.ts

@@ -6,7 +6,7 @@ import { tick } from '@angular/core/testing';
  * @param fixture {any} The current fixture
  * @param time {number} The timout
  */
-export function dispatchResize(width: string, fixture: any, time: number){
+export function dispatchResize(width: string, fixture: any, time: number) {
   document.body.style.width = width;
   window.dispatchEvent(new Event('resize'));
   fixture.detectChanges();

packages/angular/projects/cloudinary-library/src/tests/cloudinary-image.component.spec.ts

@@ -22,7 +22,7 @@ describe('CloudinaryImageComponent render', () => {
     tick(0);
     const imgElement: HTMLImageElement = fixture.nativeElement;
     const img = imgElement.querySelector('img');
-    expect(img.src).toBe('https://res.cloudinary.com/demo/image/upload/sample')
+    expect(img.src).toBe('https://res.cloudinary.com/demo/image/upload/sample');
   }));
 
   it('ngOnChanges should trigger plugin rerun', fakeAsync(() => {
@@ -54,17 +54,17 @@ describe('CloudinaryImageComponent render', () => {
     const img = imgElement.querySelector('img');
     expect(img.outerHTML).toBe('<img _ngcontent-a-c11="" alt="text text text" width="400px" height="500px"' +
       ' loading="eager" src="https://res.cloudinary.com/demo/image/upload/sample">');
-    component.width = "800px";
-    component.alt = "updated alt text";
-    component.height = "1000px";
-    component.loading = "lazy";
+    component.width = '800px';
+    component.alt = 'updated alt text';
+    component.height = '1000px';
+    component.loading = 'lazy';
     component.ngOnChanges();
     expect(img.outerHTML).toBe('<img _ngcontent-a-c11="" alt="updated alt text" width="800px" height="1000px"' +
       ' loading="lazy" src="https://res.cloudinary.com/demo/image/upload/sample">');
     component.width = undefined;
     component.height = undefined;
-    component.alt = "";
-    component.loading = "lazy";
+    component.alt = '';
+    component.loading = 'lazy';
     component.ngOnChanges();
     expect(img.outerHTML).toBe('<img _ngcontent-a-c11="" alt=""' +
       ' loading="lazy" src="https://res.cloudinary.com/demo/image/upload/sample">');

packages/angular/projects/cloudinary-library/src/tests/cloudinary-video.component.spec.ts

@@ -3,7 +3,7 @@ import { CloudinaryVideoComponent } from '../lib/cloudinary-video.component';
 import {CloudinaryImage, CloudinaryVideo} from '@cloudinary/url-gen';
 import { auto, vp9, theora } from '@cloudinary/url-gen/qualifiers/videoCodec';
 import { videoCodec } from '@cloudinary/url-gen/actions/transcode';
-import {ElementRef} from "@angular/core";
+import {ElementRef} from '@angular/core';
 
 const cloudinaryImage = new CloudinaryImage('sample', { cloudName: 'demo' }, { analytics: false });
 const cloudinaryVideo = new CloudinaryVideo('sample', { cloudName: 'demo'}, { analytics: false });
@@ -138,12 +138,12 @@ describe('CloudinaryVideoComponent render', () => {
 
   it('should contain poster when "auto" is passed as cldPoster', fakeAsync(() => {
     component.cldVid = new CloudinaryVideo('sample', { cloudName: 'demo'}, { analytics: false });
-    component.cldPoster = "auto";
+    component.cldPoster = 'auto';
     const vidElement: HTMLVideoElement = fixture.nativeElement;
     const video = vidElement.querySelector('video');
     fixture.detectChanges();
     tick(0);
-  
+
     expect(video.attributes.getNamedItem('poster').value)
       .toEqual( 'https://res.cloudinary.com/demo/video/upload/q_auto/f_jpg/so_auto/sample');
   }));
@@ -155,7 +155,7 @@ describe('CloudinaryVideoComponent render', () => {
     const video = vidElement.querySelector('video');
     fixture.detectChanges();
     tick(0);
-  
+
     expect(video.attributes.getNamedItem('poster').value)
       .toEqual( 'https://res.cloudinary.com/demo/image/upload/sample');
   }));

packages/angular/tslint.json

@@ -120,7 +120,7 @@
     "use-input-property-decorator": true,
     "use-output-property-decorator": true,
     "use-host-property-decorator": true,
-    "no-input-rename": true,
+    "no-input-rename": false,
     "no-output-rename": true,
     "use-life-cycle-interface": true,
     "use-pipe-transform-interface": true,

packages/vue/src/components/AdvancedImage.vue

@@ -46,12 +46,12 @@
  *  },
  * });
  * </ script>
- * 
+ *
  * @example
  * <caption>
  *  Using `AdvancedVideo` custom defined resources.
  * </caption>
- * 
+ *
  * // AdvancedVideo
  * <template>
  *   <AdvancedVideo :cldVid="cldVid" :sources="sources" controls width="600" />
@@ -103,6 +103,7 @@
  * @vue-prop {CloudinaryImage} cldImg Generated by @cloudinary/url-gen
  * @vue-prop {Plugins} plugins Advanced image component plugins accessibility(), responsive(), lazyload(), placeholder()
  */
+// eslint-disable-next-line prettier/prettier
 </script>
 
 <script setup lang="ts">

packages/vue/src/components/AdvancedVideo.vue

@@ -7,7 +7,7 @@
  * @memberOf VueSDK
  * @module AdvancedVideo
  * @description The Cloudinary video component.
- * 
+ *
  * @vue-prop {CloudinaryVideo} cldVid Generated by @cloudinary/url-gen
  * @vue-prop {VideoPoster} cldPoster Generated by @cloudinary/url-gen
  * @vue-prop {Plugins} plugins Advanced video component plugins accessibility(), responsive(), lazyload(), placeholder()

packages/vue/tests/unit/placeholder.spec.ts

@@ -5,15 +5,19 @@ import { sepia } from "@cloudinary/url-gen/actions/effect";
 import { mount } from "@vue/test-utils";
 import { waitTicks } from "./utils";
 
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
 describe("placeholder", () => {
   let cloudinaryImage: CloudinaryImage;
 
   const mockImage = {
     src: null,
-    onload: () => {},
-    onerror: () => {},
+    onload: noop,
+    onerror: noop,
   };
   beforeEach(() => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     window.Image = function () {
       return mockImage;
@@ -124,6 +128,7 @@ describe("placeholder", () => {
     const component = mount(AdvancedImage, {
       props: { cldImg: cloudinaryImage, plugins: [placeholder()] },
     });
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     component.element.onload(); // simulate element onload
     mockImage.onerror(); // simulate image onerror

packages/vue/tests/unit/utils.ts

@@ -20,7 +20,7 @@ export const waitTicks = async (ticks: number) => {
  * @param args
  */
 export const testIf = (condition: boolean, ...args: [string, () => void]) =>
-    condition ? test(...args) : {};
+  condition ? test(...args) : {};
 
 export const setAnalyticsConstants = () => {
   SDKAnalyticsConstants.sdkSemver = "1.0.0";