ts and related fixes

modules/shadertools/src/lib/assemble-shaders.js

@@ -59,7 +59,7 @@ function assembleShader(
   // Extract any version directive string from source.
   // TODO : keep all pre-processor statements at the begining of the shader.
   if (sourceLines[0].indexOf('#version ') === 0) {
-    glslVersion = 300; // TODO - regexp that matches atual version number
+    glslVersion = 300; // TODO - regexp that matches actual version number
     versionLine = sourceLines[0];
     coreSource = sourceLines.slice(1).join('\n');
   } else {

modules/shadertools/src/lib/inject-shader.js

@@ -35,27 +35,31 @@ export default function injectShader(source, type, inject, injectStandardStubs =
           source = source.replace(DECLARATION_INJECT_MARKER, fragmentString);
         }
         break;
-      // main code is injected at the end of main function
+      // inject code at the begining of the main function
       case 'vs:#main-start':
         if (isVertex) {
           source = source.replace(REGEX_START_OF_MAIN, match => match + fragmentString);
         }
         break;
+      // inject code at the end of main function
       case 'vs:#main-end':
         if (isVertex) {
           source = source.replace(REGEX_END_OF_MAIN, match => fragmentString + match);
         }
         break;
+      // declarations are injected before the main function
       case 'fs:#decl':
         if (!isVertex) {
           source = source.replace(DECLARATION_INJECT_MARKER, fragmentString);
         }
         break;
+      // inject code at the begining of the main function
       case 'fs:#main-start':
         if (!isVertex) {
           source = source.replace(REGEX_START_OF_MAIN, match => match + fragmentString);
         }
         break;
+      // inject code at the end of main function
       case 'fs:#main-end':
         if (!isVertex) {
           source = source.replace(REGEX_END_OF_MAIN, match => fragmentString + match);

modules/shadertools/src/modules/image-warp-filters/bulgepinch.d.ts

@@ -1,4 +1,3 @@
-import {ShaderModule} from '../../types';
 import {ShaderPass} from '../../types';
 
 /**

modules/shadertools/src/modules/image-warp-filters/swirl.d.ts

@@ -1,4 +1,4 @@
-import {ShaderModule} from '../../types';
+import {ShaderPass} from '../../types';
 
 /**
  * Warps a circular region of the image in a swirl.
@@ -7,4 +7,4 @@ import {ShaderModule} from '../../types';
  * @param angle   The angle in radians that the pixels in the center of
  *                the circular region will be rotated by.
  */
-export const swirl: ShaderModule;
+export const swirl: ShaderPass;

modules/shadertools/src/modules/picking/README.md

@@ -51,7 +51,7 @@ main() {
 
 ### getUniforms
 
-`getUniforms` takes an object takes a set of key/value pairs, returns an object with key/value pairs representing the uniforms that the `picking` module shaders need.
+`getUniforms` takes an object with key/value pairs, returns an object with key/value pairs representing the uniforms that the `picking` module shaders need.
 
 `getUniforms(opts)`
 opts can contain following keys:

modules/shadertools/src/utils/webgl-info.js

@@ -81,7 +81,7 @@ const compiledGlslExtensions = {};
 *  gl : WebGL context
 *  cap : Key of WEBGL_FEATURES object identifying the extension
 *  opts :
-*   behavior : behavor of extension to be tested, by defualt `enable` is used
+*   behavior : behavior of extension to be tested, by defualt `enable` is used
 * Returns : true, if shader is compiled successfully, false otherwise
 */
 export function canCompileGLGSExtension(gl, cap, opts = {}) {

modules/webgl/src/classes/clear.d.ts

@@ -0,0 +1,11 @@
+import Framebuffer from './framebuffer';
+
+export function clear(
+  gl: WebGLRenderingContext,
+  options?: {framebuffer?: Framebuffer; color?: any; depth?: any; stencil?: any}
+): void;
+
+export function clearBuffer(
+  gl: any,
+  options?: {framebuffer?: Framebuffer; buffer?: any; drawBuffer?: any; value?: any}
+);

modules/webgl/src/classes/clear.js

@@ -15,6 +15,7 @@ const GL_DEPTH_STENCIL = 0x84f9;
 const ERR_ARGUMENTS = 'clear: bad arguments';
 
 // Optionally clears depth, color and stencil buffers
+/** @type {import('./clear').clear} */
 export function clear(gl, {framebuffer = null, color = null, depth = null, stencil = null} = {}) {
   const parameters = {};
 
@@ -54,6 +55,7 @@ export function clear(gl, {framebuffer = null, color = null, depth = null, stenc
 }
 
 // WebGL2 - clear a specific drawing buffer
+/** @type {import('./clear').clearBuffer} */
 export function clearBuffer(
   gl,
   {framebuffer = null, buffer = GL_COLOR, drawBuffer = 0, value = [0, 0, 0, 0]} = {}

modules/webgl/src/classes/framebuffer.js

@@ -289,7 +289,7 @@ export default class Framebuffer extends Resource {
     }
 
     drawBuffers.forEach((value, drawBuffer) => {
-      clearBuffer({drawBuffer, value});
+      clearBuffer(this.gl, {drawBuffer, value});
     });
 
     // @ts-ignore

modules/webgl/src/webgl-utils/texture-utils.d.ts

@@ -0,0 +1,14 @@
+import Texture2D from '../classes/texture-2d';
+import TextureCube from '../classes/texture-cube';
+import Texture3D from '../classes/texture-3d';
+import Texture from '../classes/texture';
+import Framebuffer, {FramebufferProps} from '../classes/framebuffer';
+
+type TextureToCloneType = Texture2D | TextureCube | Texture3D;
+
+export function cloneTextureFrom<TextureType extends TextureToCloneType>(
+  refTexture: TextureType,
+  overrides?: any
+): TextureType;
+
+export function toFramebuffer(texture: Texture, opts?: FramebufferProps): Framebuffer;

modules/webgl/src/webgl-utils/texture-utils.js

@@ -7,6 +7,7 @@ import GL from '@luma.gl/constants';
 import {assert} from '../utils';
 
 // Clone a new texture object from a reference texture object.
+/** @type {import('./texture-utils').cloneTextureFrom} */
 export function cloneTextureFrom(refTexture, overrides) {
   assert(
     refTexture instanceof Texture2D ||
@@ -37,6 +38,7 @@ export function cloneTextureFrom(refTexture, overrides) {
 
 // Wraps a given texture into a framebuffer object, that can be further used
 // to read data from the texture object.
+/** @type {import('./texture-utils').toFramebuffer} */
 export function toFramebuffer(texture, opts) {
   const {gl, width, height, id} = texture;
   const framebuffer = new Framebuffer(