fix typescript issues

Author: jfboeve

src/core/renderers/webgl/WebGlCoreShader.ts

@@ -42,7 +42,7 @@ import { isWebGl2 } from './internal/WebGlUtils.js';
  * Shader's who's rendering depends on the dimensions of the Node being rendered
  * should extend this interface from their Prop interface type.
  */
-export interface AutomaticShaderProps {
+export interface DimensionsShaderProps {
   /**
    * Dimensions of the Node being rendered (Auto-set by the renderer)
    *
@@ -51,6 +51,9 @@ export interface AutomaticShaderProps {
    * Any values set here will be ignored.
    */
   $dimensions?: Dimensions;
+}
+
+export interface AlphaShaderProps {
   /**
    * Alpha of the Node being rendered (Auto-set by the renderer)
    *

src/core/renderers/webgl/shaders/DynamicShader.ts

@@ -20,7 +20,8 @@ import type { ExtractProps } from '../../../CoreTextureManager.js';
 import type { WebGlCoreRenderer } from '../WebGlCoreRenderer.js';
 import {
   WebGlCoreShader,
-  type AutomaticShaderProps,
+  type DimensionsShaderProps,
+  type AlphaShaderProps,
 } from '../WebGlCoreShader.js';
 import type { UniformInfo } from '../internal/ShaderUtils.js';
 import type { WebGlCoreCtxTexture } from '../WebGlCoreCtxTexture.js';
@@ -36,7 +37,9 @@ import { BorderLeftEffect } from './effects/BorderLeftEffect.js';
 import { GlitchEffect } from './effects/GlitchEffect.js';
 import { FadeOutEffect } from './effects/FadeOutEffect.js';
 
-export interface DynamicShaderProps extends AutomaticShaderProps {
+export interface DynamicShaderProps
+  extends DimensionsShaderProps,
+    AlphaShaderProps {
   effects?: EffectDesc[];
 }
 
@@ -314,7 +317,7 @@ export class DynamicShader extends WebGlCoreShader {
 
   static override resolveDefaults(
     props: DynamicShaderProps,
-  ): Record<string, unknown> {
+  ): Required<DynamicShaderProps> {
     return {
       effects: (props.effects ?? []).map((effect) => ({
         type: effect.type,

src/core/renderers/webgl/shaders/RoundedRectangle.ts

@@ -20,15 +20,15 @@
 import type { WebGlCoreRenderer } from '../WebGlCoreRenderer.js';
 import {
   WebGlCoreShader,
-  type AutomaticShaderProps,
+  type DimensionsShaderProps,
 } from '../WebGlCoreShader.js';
 import type { WebGlCoreCtxTexture } from '../WebGlCoreCtxTexture.js';
 import type { ShaderProgramSources } from '../internal/ShaderUtils.js';
 
 /**
  * Properties of the {@link RoundedRectangle} shader
  */
-export interface RoundedRectangleProps extends AutomaticShaderProps {
+export interface RoundedRectangleProps extends DimensionsShaderProps {
   /**
    * Corner radius, in pixels, to cut out of the corners
    *
@@ -65,7 +65,7 @@ export class RoundedRectangle extends WebGlCoreShader {
 
   static override resolveDefaults(
     props: RoundedRectangleProps,
-  ): Record<string, unknown> {
+  ): Required<RoundedRectangleProps> {
     return {
       radius: props.radius || 10,
       $dimensions: {
@@ -81,7 +81,7 @@ export class RoundedRectangle extends WebGlCoreShader {
     gl.bindTexture(gl.TEXTURE_2D, textures[0]!.ctxTexture);
   }
 
-  protected override bindProps(props: RoundedRectangleProps): void {
+  protected override bindProps(props: Required<RoundedRectangleProps>): void {
     this.setUniform('u_radius', props.radius);
   }