fix(soba): adjust type for all attach input to NgtAttachable

Author: nartc

libs/core/src/lib/types.ts

@@ -191,6 +191,8 @@ export type NgtAttachFunction<TChild = any, TParent = any> = (
 	store: NgtSignalStore<NgtState>,
 ) => void | (() => void);
 
+export type NgtAttachable<TChild = any, TParent = any> = NgtAttachFunction<TChild, TParent> | string | string[];
+
 export interface NgtAfterAttach<
 	TChild extends NgtInstanceNode = NgtInstanceNode,
 	TParent extends NgtInstanceNode = NgtInstanceNode,

libs/soba/abstractions/src/lib/gradient-texture.ts

@@ -8,7 +8,7 @@ import {
 	input,
 	untracked,
 } from '@angular/core';
-import { extend, injectStore, NgtArgs, NgtTexture, omit } from 'angular-three';
+import { extend, injectStore, NgtArgs, NgtAttachable, NgtTexture, omit } from 'angular-three';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import { CanvasTexture, Color, ColorRepresentation } from 'three';
 
@@ -46,7 +46,7 @@ const defaultOptions: NgtsGradientTextureOptions = {
 	imports: [NgtArgs],
 })
 export class NgtsGradientTexture {
-	attach = input('map');
+	attach = input<NgtAttachable>('map');
 	stops = input.required<Array<number>>();
 	colors = input.required<Array<ColorRepresentation>>();
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });

libs/soba/materials/src/lib/custom-shader-material.ts

@@ -7,7 +7,7 @@ import {
 	ElementRef,
 	input,
 } from '@angular/core';
-import { is, NgtAnyRecord, NgtArgs, omit, pick } from 'angular-three';
+import { is, NgtAnyRecord, NgtArgs, NgtAttachable, omit, pick } from 'angular-three';
 import { injectAutoEffect } from 'ngxtension/auto-effect';
 import { Material } from 'three';
 import CustomShaderMaterial from 'three-custom-shader-material/vanilla';
@@ -26,7 +26,7 @@ import CustomShaderMaterial from 'three-custom-shader-material/vanilla';
 })
 export class NgtsCustomShaderMaterial {
 	baseMaterial = input.required<Material | typeof Material | ElementRef<Material>>();
-	attach = input<string | string[]>('material');
+	attach = input<NgtAttachable>('material');
 	options = input({} as Omit<ConstructorParameters<typeof CustomShaderMaterial>[0], 'baseMaterial'>);
 	parameters = omit(this.options, ['fragmentShader', 'vertexShader', 'uniforms', 'cacheKey']);
 

libs/soba/materials/src/lib/mesh-distort-material.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, input } from '@angular/core';
-import { injectBeforeRender, NgtArgs, NgtMeshPhysicalMaterial, omit, pick } from 'angular-three';
+import { injectBeforeRender, NgtArgs, NgtAttachable, NgtMeshPhysicalMaterial, omit, pick } from 'angular-three';
 import { MeshDistortMaterial, MeshDistortMaterialParameters } from 'angular-three-soba/vanilla-exports';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 
@@ -27,7 +27,7 @@ const defaultOptions: NgtsMeshDistortMaterialOptions = {
 	imports: [NgtArgs],
 })
 export class NgtsMeshDistortMaterial {
-	attach = input('material');
+	attach = input<NgtAttachable>('material');
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
 	parameters = omit(this.options, ['speed']);
 

libs/soba/materials/src/lib/mesh-reflector-material.ts

@@ -18,6 +18,7 @@ import {
 	injectStore,
 	NgtAnyRecord,
 	NgtArgs,
+	NgtAttachable,
 	NgtMeshStandardMaterial,
 	omit,
 	pick,
@@ -84,7 +85,7 @@ const defaultOptions: NgtsMeshReflectorMaterialOptions = {
 	imports: [NgtArgs],
 })
 export class NgtsMeshReflectorMaterial {
-	attach = input('material');
+	attach = input<NgtAttachable>('material');
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
 	private parameters = omit(this.options, [
 		'distortionMap',

libs/soba/materials/src/lib/mesh-refraction-material.ts

@@ -17,6 +17,7 @@ import {
 	injectStore,
 	NgtAnyRecord,
 	NgtArgs,
+	NgtAttachable,
 	NgtShaderMaterial,
 	omit,
 	pick,
@@ -78,7 +79,7 @@ function isCubeTexture(def: CubeTexture | Texture): def is CubeTexture {
 })
 export class NgtsMeshRefractionMaterial {
 	envMap = input.required<CubeTexture | Texture>();
-	attach = input('material');
+	attach = input<NgtAttachable>('material');
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
 	parameters = omit(this.options, ['fastChroma', 'aberrationStrength']);
 

libs/soba/materials/src/lib/mesh-transmission-material.ts

@@ -15,6 +15,7 @@ import {
 	injectBeforeRender,
 	NgtAnyRecord,
 	NgtArgs,
+	NgtAttachable,
 	NgtMeshPhysicalMaterial,
 	omit,
 	pick,
@@ -85,7 +86,7 @@ const defaultOptions: NgtsMeshTransmissionMaterialOptions = {
 	imports: [NgtArgs],
 })
 export class NgtsMeshTransmissionMaterial {
-	attach = input('material');
+	attach = input<NgtAttachable>('material');
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
 	parameters = omit(this.options, [
 		'buffer',

libs/soba/materials/src/lib/mesh-wobble-material.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, input } from '@angular/core';
-import { injectBeforeRender, NgtArgs, NgtMeshStandardMaterial, omit } from 'angular-three';
+import { injectBeforeRender, NgtArgs, NgtAttachable, NgtMeshStandardMaterial, omit } from 'angular-three';
 import { MeshWobbleMaterial, MeshWobbleMaterialParameters } from 'angular-three-soba/vanilla-exports';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 
@@ -24,7 +24,7 @@ const defaultOptions: NgtsMeshWobbleMaterialOptions = {
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NgtsMeshWobbleMaterial {
-	attach = input('material');
+	attach = input<NgtAttachable>('material');
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
 	parameters = omit(this.options, ['speed']);
 

libs/soba/staging/src/lib/render-texture.ts

@@ -12,6 +12,7 @@ import {
 } from '@angular/core';
 import {
 	NgtArgs,
+	NgtAttachable,
 	NgtComputeFunction,
 	NgtPortal,
 	NgtPortalContent,
@@ -161,7 +162,7 @@ let incrementId = 0;
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NgtsRenderTexture {
-	attach = input<string | string[]>('map');
+	attach = input<NgtAttachable>('map');
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
 	parameters = omit(this.options, [
 		'samples',