chore(postprocessing): pass linting

Author: nartc

libs/cannon/.eslintrc.json

@@ -8,7 +8,7 @@
 			"rules": {
 				"@angular-eslint/directive-class-suffix": "off",
 				"@angular-eslint/component-class-suffix": "off",
-        "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }]
+				"@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }]
 			}
 		},
 		{
@@ -20,17 +20,20 @@
 			"files": ["*.json"],
 			"parser": "jsonc-eslint-parser",
 			"rules": {
-				"@nx/dependency-checks": ["error", {
-          "ignoredDependencies": [
-            "angular-three",
-            "ngxtension",
-            "@analogjs/vite-plugin-angular",
-            "@nx/vite",
-            "vite",
-            "@angular/common",
-            "tslib"
-          ]
-        }]
+				"@nx/dependency-checks": [
+					"error",
+					{
+						"ignoredDependencies": [
+							"@analogjs/vite-plugin-angular",
+							"@angular/common",
+							"@nx/vite",
+							"angular-three",
+							"ngxtension",
+							"tslib",
+							"vite"
+						]
+					}
+				]
 			}
 		}
 	]

libs/postprocessing/.eslintrc.json

@@ -6,22 +6,9 @@
 			"files": ["*.ts"],
 			"extends": ["plugin:@nx/angular", "plugin:@angular-eslint/template/process-inline-templates"],
 			"rules": {
-				"@angular-eslint/directive-selector": [
-					"error",
-					{
-						"type": "attribute",
-						"prefix": "lib",
-						"style": "camelCase"
-					}
-				],
-				"@angular-eslint/component-selector": [
-					"error",
-					{
-						"type": "element",
-						"prefix": "lib",
-						"style": "kebab-case"
-					}
-				]
+				"@angular-eslint/directive-class-suffix": "off",
+				"@angular-eslint/component-class-suffix": "off",
+				"@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_", "varsIgnorePattern": "^_" }]
 			}
 		},
 		{
@@ -33,7 +20,20 @@
 			"files": ["*.json"],
 			"parser": "jsonc-eslint-parser",
 			"rules": {
-				"@nx/dependency-checks": "error"
+				"@nx/dependency-checks": [
+					"error",
+					{
+						"ignoredDependencies": [
+							"@analogjs/vite-plugin-angular",
+							"@angular/common",
+							"@nx/vite",
+							"angular-three",
+							"ngxtension",
+							"tslib",
+							"vite"
+						]
+					}
+				]
 			}
 		}
 	]

libs/postprocessing/src/lib/effects/depth-of-field.ts

@@ -7,21 +7,14 @@ import {
 	inject,
 	input,
 } from '@angular/core';
-import { NgtArgs, NgtVector3 } from 'angular-three';
+import { NgtAnyRecord, NgtArgs, NgtVector3 } from 'angular-three';
 import { injectAutoEffect } from 'ngxtension/auto-effect';
 import { DepthOfFieldEffect, MaskFunction } from 'postprocessing';
 import { DepthPackingStrategies, Texture, Vector3 } from 'three';
 import { NgtpEffectComposer } from '../effect-composer';
 
 type DOFOptions = NonNullable<ConstructorParameters<typeof DepthOfFieldEffect>[1]> &
-	Partial<{
-		target: NgtVector3;
-		depthTexture: {
-			texture: Texture;
-			// TODO: narrow to DepthPackingStrategies
-			packing: number;
-		};
-	}>;
+	Partial<{ target: NgtVector3; depthTexture: { texture: Texture; packing: DepthPackingStrategies } }>;
 
 @Component({
 	selector: 'ngtp-depth-of-field',
@@ -53,7 +46,7 @@ export class NgtpDepthOfField {
 			effect.setDepthTexture(options.depthTexture.texture, options.depthTexture.packing as DepthPackingStrategies);
 		}
 		// Temporary fix that restores DOF 6.21.3 behavior, everything since then lets shapes leak through the blur
-		const maskPass = (effect as any).maskPass;
+		const maskPass = (effect as NgtAnyRecord)['maskPass'];
 		maskPass.maskFunction = MaskFunction.MULTIPLY_RGB_SET_ALPHA;
 
 		return effect;

libs/postprocessing/src/lib/effects/grid.ts

@@ -6,7 +6,7 @@ import {
 	computed,
 	input,
 } from '@angular/core';
-import { NgtArgs, injectStore, pick } from 'angular-three';
+import { NgtArgs, pick } from 'angular-three';
 import { injectAutoEffect } from 'ngxtension/auto-effect';
 import { GridEffect } from 'postprocessing';
 
@@ -25,8 +25,6 @@ type GridOptions = NonNullable<ConstructorParameters<typeof GridEffect>[0]> &
 })
 export class NgtpGrid {
 	private autoEffect = injectAutoEffect();
-	private store = injectStore();
-	private invalidate = this.store.select('invalidate');
 
 	options = input({} as GridOptions);
 	private size = pick(this.options, 'size');

libs/postprocessing/src/lib/effects/lens-flare.ts

@@ -15,7 +15,7 @@ import { easing } from 'maath';
 import { injectAutoEffect } from 'ngxtension/auto-effect';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import { BlendFunction, Effect } from 'postprocessing';
-import { Color, Mesh, Texture, Uniform, Vector2, Vector3 } from 'three';
+import { Color, Mesh, Texture, Uniform, Vector2, Vector3, WebGLRenderTarget, WebGLRenderer } from 'three';
 import { NgtpEffectComposer } from '../effect-composer';
 
 const LensFlareShader = {
@@ -114,7 +114,7 @@ export class LensFlareEffect extends Effect {
 		});
 	}
 
-	override update(_renderer: any, _inputBuffer: any, deltaTime: number) {
+	override update(_renderer: WebGLRenderer, _inputBuffer: WebGLRenderTarget, deltaTime: number) {
 		const iTime = this.uniforms.get('iTime');
 		if (iTime) {
 			iTime.value += deltaTime;
@@ -138,7 +138,7 @@ const defaultOptions: LensFlareOptions = {
 	selector: 'ngtp-lens-flare',
 	standalone: true,
 	template: `
-		<ngt-primitive *args="[effect()]" [dispose]="null" />
+		<ngt-primitive *args="[effect()]" [parameters]="{ dispose: null }" />
 	`,
 	imports: [NgtArgs],
 	schemas: [CUSTOM_ELEMENTS_SCHEMA],