kmcom-nuxt-layers 1.7.8 → 2.1.6

package/layers/shader/app/shaders/common/patterns.ts

@@ -1,3 +1,5 @@
+/* eslint-disable complexity */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Modular TSL Pattern Utilities
@@ -17,6 +19,7 @@ import {
   vec2,
   vec3,
 } from 'three/tsl'
+
 import type { TSLNode } from '../types'
 import { fbm3dSimplex, simplexNoise3d } from './noise'
 
@@ -57,7 +60,7 @@ export function canvasWeavePattern(uv: TSLNode): TSLNode {
 // LED Pattern
 // ============================================
 
-export interface LEDPatternOptions {
+export type LEDPatternOptions = {
   cellSize?: TSLNode | number
   intensity?: TSLNode | number
   intensityFalloff?: TSLNode | number
@@ -101,7 +104,7 @@ export function ledPattern(
 // Speckled Noise Pattern
 // ============================================
 
-export interface SpeckledPatternOptions {
+export type SpeckledPatternOptions = {
   density?: TSLNode | number
   warpAmount?: TSLNode | [number, number]
 }
@@ -139,7 +142,7 @@ export function speckledNoisePattern(uv: TSLNode, options: SpeckledPatternOption
 // Dot Grid Pattern
 // ============================================
 
-export interface DotGridOptions {
+export type DotGridOptions = {
   scale?: TSLNode | number
   dotSize?: TSLNode | number
   softness?: TSLNode | number
@@ -183,7 +186,7 @@ export function checkerPattern(uv: TSLNode, scale: TSLNode | number = 10): TSLNo
 // Stripe Pattern
 // ============================================
 
-export interface StripeOptions {
+export type StripeOptions = {
   scale?: TSLNode | number
   thickness?: TSLNode | number
   angle?: TSLNode | number

package/layers/shader/app/shaders/common/sdf.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Modular TSL SDF (Signed Distance Field) Utilities
@@ -18,6 +19,7 @@ import {
   vec2,
   vec3,
 } from 'three/tsl'
+
 import type { TSLNode } from '../types'
 
 // ============================================
@@ -137,7 +139,7 @@ export function sdRing(uv: TSLNode, radius: TSLNode | number = 0.4): TSLNode {
   return abs(length(uv).sub(r))
 }
 
-export interface ParallelogramOptions {
+export type ParallelogramOptions = {
   width?: TSLNode | number
   height?: TSLNode | number
   skew?: TSLNode | number

package/layers/shader/app/shaders/common/shapes.ts

@@ -1,3 +1,5 @@
+/* eslint-disable max-params */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Modular TSL Shape Utilities
@@ -18,6 +20,7 @@ import {
   smoothstep,
   vec2,
 } from 'three/tsl'
+
 import type { TSLNode } from '../types'
 
 // ============================================

package/layers/shader/app/shaders/common/tonemapping.ts

@@ -1,9 +1,11 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Modular TSL Tonemapping Utilities
  * Provides various tonemapping operators for HDR to LDR conversion
  */
 import { float, mix, pow, smoothstep, vec3 } from 'three/tsl'
+
 import type { TSLNode } from '../types'
 import { tanh } from './math'
 

package/layers/shader/app/shaders/common/uv.ts

@@ -1,9 +1,16 @@
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable complexity */
+/* eslint-disable max-params */
+/* eslint-disable no-restricted-syntax */
+/* eslint-disable no-nested-ternary */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Modular TSL UV Manipulation Utilities
  * Provides composable UV transformation functions
  */
 import { abs, atan, cos, float, floor, fract, length, pow, sin, smoothstep, vec2 } from 'three/tsl'
+
 import type { TSLNode } from '../types'
 
 // ============================================
@@ -357,7 +364,7 @@ export function parallaxUV(
 // Bulge/Pinch Distortion
 // ============================================
 
-export interface BulgeUVOptions {
+export type BulgeUVOptions = {
   strength?: TSLNode | number
   radius?: TSLNode | number
   power?: TSLNode | number

package/layers/shader/app/shaders/createMaterial.ts

@@ -1,3 +1,6 @@
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable complexity */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Material Factory
@@ -6,6 +9,7 @@
 import { BackSide, DoubleSide, FrontSide, type Side } from 'three'
 import { vec4 } from 'three/tsl'
 import { MeshBasicNodeMaterial } from 'three/webgpu'
+
 import {
   aurora,
   createAuroraUniforms,
@@ -49,7 +53,7 @@ type TSLNode = ShaderNodeObject<Node>
 // Types
 // ============================================
 
-export interface MaterialOptions {
+export type MaterialOptions = {
   /** Transparent material */
   transparent?: boolean
   /** Material side */
@@ -88,7 +92,7 @@ export type ShaderUniforms<T extends ShaderType> = T extends 'stripe'
           ? PaperShadingUniforms
           : never
 
-export interface ShaderMaterialResult<T extends ShaderType> {
+export type ShaderMaterialResult<T extends ShaderType> = {
   material: MeshBasicNodeMaterial
   uniforms: ShaderUniforms<T>
   update: (options: Partial<ShaderOptions<T>>) => void

package/layers/shader/app/shaders/layers/aurora.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Aurora Shader Layer
@@ -5,10 +7,11 @@
  */
 import { Color } from 'three'
 import { float, mix, pow, smoothstep, time as tslTime, uniform, uv, vec2, vec3 } from 'three/tsl'
+
 import { simplexNoise2D } from '../common/noise'
 import type { TSLNode } from '../types'
 
-export interface AuroraOptions {
+export type AuroraOptions = {
   /** Array of colors (3 recommended) */
   colors?: string[]
   /** Animation speed */
@@ -27,7 +30,7 @@ export interface AuroraOptions {
   mouseStrength?: number
 }
 
-export interface AuroraUniforms {
+export type AuroraUniforms = {
   speed: ReturnType<typeof uniform>
   density: ReturnType<typeof uniform>
   fadePower: ReturnType<typeof uniform>
@@ -35,7 +38,7 @@ export interface AuroraUniforms {
   mouseX: ReturnType<typeof uniform>
   mouseStrength: ReturnType<typeof uniform>
   skyColor: ReturnType<typeof uniform>
-  colors: ReturnType<typeof uniform>[]
+  colors: Array<ReturnType<typeof uniform>>
 }
 
 /**

package/layers/shader/app/shaders/layers/meshGradient.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Mesh Gradient Shader Layer
@@ -5,10 +7,11 @@
  */
 import { Color } from 'three'
 import { cos, float, mix, sin, time as tslTime, uniform, uv, vec2, vec3 } from 'three/tsl'
+
 import { blob } from '../common/shapes'
 import type { TSLNode } from '../types'
 
-export interface MeshGradientOptions {
+export type MeshGradientOptions = {
   /** Array of colors (4 recommended) */
   colors?: string[]
   /** Animation speed */
@@ -25,14 +28,14 @@ export interface MeshGradientOptions {
   mouseStrength?: number
 }
 
-export interface MeshGradientUniforms {
+export type MeshGradientUniforms = {
   speed: ReturnType<typeof uniform>
   blobScale: ReturnType<typeof uniform>
   softness: ReturnType<typeof uniform>
   mouseX: ReturnType<typeof uniform>
   mouseY: ReturnType<typeof uniform>
   mouseStrength: ReturnType<typeof uniform>
-  colors: ReturnType<typeof uniform>[]
+  colors: Array<ReturnType<typeof uniform>>
 }
 
 /**

package/layers/shader/app/shaders/layers/paperShading.ts

@@ -1,3 +1,6 @@
+/* eslint-disable complexity */
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Paper Shading Shader Layer
@@ -5,11 +8,12 @@
  */
 import { Color } from 'three'
 import { abs, float, mix, smoothstep, time as tslTime, uniform, uv, vec3 } from 'three/tsl'
+
 import { grain as grainFn, paperTexture } from '../common/grain'
 import { fbm2D, simplexNoise2D } from '../common/noise'
 import type { TSLNode } from '../types'
 
-export interface PaperShadingOptions {
+export type PaperShadingOptions = {
   /** Base paper color */
   paperColor?: string
   /** Ink color */
@@ -30,7 +34,7 @@ export interface PaperShadingOptions {
   edgeDarkness?: number
 }
 
-export interface PaperShadingUniforms {
+export type PaperShadingUniforms = {
   paperColor: ReturnType<typeof uniform>
   inkColor: ReturnType<typeof uniform>
   inkColor2: ReturnType<typeof uniform>

package/layers/shader/app/shaders/layers/shaderGradient.ts

@@ -1,3 +1,7 @@
+/* eslint-disable complexity */
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable @typescript-eslint/consistent-type-definitions */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * ShaderGradient-inspired Shader Layer
@@ -5,6 +9,7 @@
  */
 import { Color } from 'three'
 import { cos, mix, pow, smoothstep, time as tslTime, uniform, uv, vec2, vec3 } from 'three/tsl'
+
 import { fbm2D, simplexNoise2D } from '../common/noise'
 import type { TSLNode } from '../types'
 

package/layers/shader/app/shaders/layers/stripe.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/consistent-type-assertions */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex and not fully exported from three/tsl
 /**
  * Stripe Gradient Shader Layer
@@ -5,10 +7,11 @@
  */
 import { Color } from 'three'
 import { float, mix, smoothstep, time as tslTime, uniform, uv, vec2, vec3 } from 'three/tsl'
+
 import { simplexNoise2D } from '../common/noise'
 import type { TSLNode } from '../types'
 
-export interface StripeGradientOptions {
+export type StripeGradientOptions = {
   /** Array of colors (3-5 recommended) */
   colors?: string[]
   /** Animation speed */
@@ -25,14 +28,14 @@ export interface StripeGradientOptions {
   mouseStrength?: number
 }
 
-export interface StripeGradientUniforms {
+export type StripeGradientUniforms = {
   speed: ReturnType<typeof uniform>
   noiseScale: ReturnType<typeof uniform>
   flowAngle: ReturnType<typeof uniform>
   mouseX: ReturnType<typeof uniform>
   mouseY: ReturnType<typeof uniform>
   mouseStrength: ReturnType<typeof uniform>
-  colors: ReturnType<typeof uniform>[]
+  colors: Array<ReturnType<typeof uniform>>
 }
 
 /**

package/layers/shader/app/shaders/types.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * TSL Type Definitions
  * Simplified types for Three.js TSL nodes

package/layers/shader/app/types/app-config.d.ts

@@ -1,5 +1,5 @@
 declare module '@nuxt/schema' {
-  interface AppConfigInput {
+  type AppConfigInput = {
     shaderLayer?: {
       name?: string
     }

package/layers/shader/app/types/index.ts

@@ -1,4 +1,4 @@
-export * from './tsl'
-export * from './uniforms'
-export * from './materials'
-export * from './renderer'
+export type * from './tsl'
+export type * from './uniforms'
+export type * from './materials'
+export * from '#layers/canvas/types/renderer'

package/layers/shader/app/types/materials.ts

@@ -1,7 +1,8 @@
 import type { Blending, DepthModes, Side } from 'three'
+
 import type { TSLNode } from './tsl'
 
-export interface NodeMaterialConfig {
+export type NodeMaterialConfig = {
   colorNode?: TSLNode
   opacityNode?: TSLNode
   normalNode?: TSLNode
@@ -20,7 +21,7 @@ export interface NodeMaterialConfig {
   flatShading?: boolean
 }
 
-export interface GradientMaterialConfig {
+export type GradientMaterialConfig = {
   colors: string[]
   angle?: number
   type?: 'linear' | 'radial'
@@ -28,7 +29,7 @@ export interface GradientMaterialConfig {
   speed?: number
 }
 
-export interface NoiseMaterialConfig {
+export type NoiseMaterialConfig = {
   scale?: number
   speed?: number
   octaves?: number
@@ -37,7 +38,7 @@ export interface NoiseMaterialConfig {
   type?: 'simplex' | 'perlin' | 'voronoi' | 'fbm'
 }
 
-export interface FresnelMaterialConfig {
+export type FresnelMaterialConfig = {
   baseColor?: string
   fresnelColor?: string
   power?: number

package/layers/shader/app/types/renderer.ts

@@ -1,50 +1 @@
-export type RendererBackend = 'webgpu' | 'webgl'
-export type QualityLevel = 'low' | 'medium' | 'high' | 'ultra'
-export type ToneMappingPreset = 'aces' | 'reinhard' | 'cineon' | 'linear'
-
-export interface RendererCapabilities {
-  backend: RendererBackend
-  maxTextureSize: number
-  maxTextures: number
-  maxVertexUniforms: number
-  maxFragmentUniforms: number
-  floatTextures: boolean
-  anisotropy: number
-  precision: 'lowp' | 'mediump' | 'highp'
-  devicePixelRatio: number
-  isWebGPU: boolean
-}
-
-export interface QualitySettings {
-  pixelRatio: number
-  antialias: boolean
-  shadows: boolean
-  postProcessing: boolean
-}
-
-export const QUALITY_PRESETS: Record<QualityLevel, QualitySettings> = {
-  low: {
-    pixelRatio: 1,
-    antialias: false,
-    shadows: false,
-    postProcessing: false,
-  },
-  medium: {
-    pixelRatio: 1.5,
-    antialias: true,
-    shadows: false,
-    postProcessing: true,
-  },
-  high: {
-    pixelRatio: 2,
-    antialias: true,
-    shadows: true,
-    postProcessing: true,
-  },
-  ultra: {
-    pixelRatio: 2,
-    antialias: true,
-    shadows: true,
-    postProcessing: true,
-  },
-}
+export * from '#layers/canvas/types/renderer'

package/layers/shader/app/types/tsl.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * TSL Node types
  * Using generic types for flexibility across Three.js versions
@@ -19,12 +20,12 @@ export type TSLMat3 = any
 
 export type TSLMat4 = any
 
-export interface GradientStop {
+export type GradientStop = {
   position: number
   color: TSLColor | TSLVec3
 }
 
-export interface FBMOptions {
+export type FBMOptions = {
   octaves?: number
   lacunarity?: number
   gain?: number
@@ -32,7 +33,7 @@ export interface FBMOptions {
   frequency?: number
 }
 
-export interface VoronoiResult {
+export type VoronoiResult = {
   distance: TSLFloat
   cellCenter: TSLVec2
   edgeDistance: TSLFloat

package/layers/shader/app/types/uniforms.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/consistent-type-imports */
 import type { Color, Matrix3, Matrix4, Texture, Vector2, Vector3, Vector4 } from 'three'
 
 export type UniformPrimitive = number | boolean | string
@@ -5,7 +6,7 @@ export type UniformVector = Vector2 | Vector3 | Vector4
 export type UniformMatrix = Matrix3 | Matrix4
 export type UniformValue = UniformPrimitive | UniformVector | UniformMatrix | Color | Texture | null
 
-export interface UniformDefinition<T extends UniformValue = UniformValue> {
+export type UniformDefinition<T extends UniformValue = UniformValue> = {
   value: T
   min?: number
   max?: number
@@ -15,7 +16,7 @@ export interface UniformDefinition<T extends UniformValue = UniformValue> {
 
 export type UniformValues = Record<string, UniformValue>
 
-export interface UniformsState<T extends UniformValues> {
+export type UniformsState<T extends UniformValues> = {
   values: T
   nodes: Record<keyof T, import('./tsl').TSLNode>
 }

package/layers/shader/app/utils/tsl/animation.ts

@@ -1,5 +1,7 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import { abs, cos, float, Fn, mod, pow, sin } from 'three/tsl'
+
 import type { TSLNode } from '../../types'
 
 /**

package/layers/shader/app/utils/tsl/color.ts

@@ -1,5 +1,8 @@
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import { abs, clamp, float, Fn, max, min, mix, mod, vec3 } from 'three/tsl'
+
 import type { GradientStop, TSLNode } from '../../types'
 import { circularDistance } from './math'
 
@@ -8,9 +11,9 @@ import { circularDistance } from './math'
  */
 export const gradientLinear = Fn(([t, stops]: [TSLNode, GradientStop[]]) => {
   if (stops.length === 0) return vec3(0.0)
-  if (stops.length === 1) return stops[0]!.color
+  if (stops.length === 1) return stops[0]?.color
 
-  let result: TSLNode = stops[0]!.color
+  let result: TSLNode = stops[0]?.color
 
   for (let i = 1; i < stops.length; i++) {
     const prevStop = stops[i - 1]!

package/layers/shader/app/utils/tsl/math.ts

@@ -1,4 +1,5 @@
 import { clamp, dot, float, Fn, length, mix, normalize, pow, sub, vec2 } from 'three/tsl'
+
 import type { TSLNode } from '../../types'
 
 /**

package/layers/shader/app/utils/tsl/noise.ts

@@ -1,5 +1,7 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import { abs, dot, float, floor, Fn, fract, max, mix, mod, vec2, vec3, vec4 } from 'three/tsl'
+
 import type { FBMOptions, TSLNode } from '../../types'
 
 /**

package/layers/shader/app/utils/tsl/oklch.ts

@@ -1,9 +1,11 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck - TSL types are complex
 /**
  * OKLCH color space utilities for both TSL (GPU) and JS (CPU) use.
  */
 import { Color } from 'three'
 import { cos, float, mul, pow, sin, vec3 } from 'three/tsl'
+
 import type { TSLNode } from '../../types'
 
 // ============================================

package/layers/shader/app/utils/tsl/patterns.ts

@@ -1,5 +1,7 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import { abs, float, floor, Fn, fract, length, min, mod, sin, vec2 } from 'three/tsl'
+
 import type { TSLNode } from '../../types'
 import { rotateUV } from './uv'
 

package/layers/shader/app/utils/tsl/tween.ts

@@ -1,9 +1,11 @@
+/* eslint-disable no-restricted-syntax */
+/* eslint-disable max-params */
 /**
  * GPU-friendly uniform tweening via requestAnimationFrame.
  * Updates uniform .value each frame -- no shader recompilation.
  */
 
-export interface TweenHandle {
+export type TweenHandle = {
   cancel: () => void
   promise: Promise<void>
 }
@@ -51,7 +53,7 @@ export function tweenUniform(
   return {
     cancel() {
       cancelled = true
-      resolvePromise!()
+      resolvePromise?.()
     },
     promise,
   }

package/layers/shader/app/utils/tsl/uv.ts

@@ -1,5 +1,7 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import { atan, cos, float, Fn, fract, length, sin, vec2 } from 'three/tsl'
+
 import type { TSLNode } from '../../types'
 
 /**