@luma.gl/engine 9.0.0-alpha.9 → 9.0.0-beta.2

package/dist/animation-loop/make-animation-loop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-animation-loop.js","names":["luma","AnimationLoop","makeAnimationLoop","AnimationLoopTemplateCtor","props","renderLoop","device","createDevice","animationLoop","onInitialize","animationProps","_renderLoop","onRender","_renderLoop2","onFinalize","_renderLoop3","getInfo","info"],"sources":["../../src/animation-loop/make-animation-loop.ts"],"sourcesContent":["// luma.gl, MIT license\nimport {luma} from '@luma.gl/core';\nimport {AnimationLoopTemplate} from './animation-loop-template'\nimport {AnimationLoop, AnimationLoopProps} from './animation-loop'\nimport type {AnimationProps} from './animation-props';\n\nexport type MakeAnimationLoopProps = Omit<AnimationLoopProps, 'onCreateDevice' | 'onInitialize' | 'onRedraw' | 'onFinalize'>;\n\n/** Instantiates and runs the render loop */\nexport function makeAnimationLoop(AnimationLoopTemplateCtor: typeof AnimationLoopTemplate, props?: MakeAnimationLoopProps): AnimationLoop {\n  let renderLoop: AnimationLoopTemplate | null = null;\n\n  const device = props?.device || luma.createDevice();\n\n  // Create an animation loop;\n  const animationLoop = new AnimationLoop({\n    ... props,\n\n    device,\n\n    async onInitialize(animationProps: AnimationProps): Promise<unknown> {\n      // @ts-expect-error abstract to prevent instantiation\n      renderLoop = new AnimationLoopTemplateCtor(animationProps);\n      // Any async loading can be handled here\n      return await renderLoop?.onInitialize(animationProps);\n    },\n\n    onRender: (animationProps: AnimationProps) => renderLoop?.onRender(animationProps),\n    \n    onFinalize: (animationProps: AnimationProps) => renderLoop?.onFinalize(animationProps)\n  });\n\n  // @ts-expect-error Hack: adds info for the website to find\n  animationLoop.getInfo = () => {\n    // @ts-ignore\n    // eslint-disable-next-line no-invalid-this\n    return this.AnimationLoopTemplateCtor.info;\n  }\n\n  // Start the loop automatically\n  // animationLoop.start();\n\n  return animationLoop;\n}\n"],"mappings":"AACA,SAAQA,IAAI,QAAO,eAAe;AAAC,SAE3BC,aAAa;AAMrB,OAAO,SAASC,iBAAiBA,CAACC,yBAAuD,EAAEC,KAA8B,EAAiB;EACxI,IAAIC,UAAwC,GAAG,IAAI;EAEnD,MAAMC,MAAM,GAAG,CAAAF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,MAAM,KAAIN,IAAI,CAACO,YAAY,CAAC,CAAC;EAGnD,MAAMC,aAAa,GAAG,IAAIP,aAAa,CAAC;IACtC,GAAIG,KAAK;IAETE,MAAM;IAEN,MAAMG,YAAYA,CAACC,cAA8B,EAAoB;MAAA,IAAAC,WAAA;MAEnEN,UAAU,GAAG,IAAIF,yBAAyB,CAACO,cAAc,CAAC;MAE1D,OAAO,QAAAC,WAAA,GAAMN,UAAU,cAAAM,WAAA,uBAAVA,WAAA,CAAYF,YAAY,CAACC,cAAc,CAAC;IACvD,CAAC;IAEDE,QAAQ,EAAGF,cAA8B;MAAA,IAAAG,YAAA;MAAA,QAAAA,YAAA,GAAKR,UAAU,cAAAQ,YAAA,uBAAVA,YAAA,CAAYD,QAAQ,CAACF,cAAc,CAAC;IAAA;IAElFI,UAAU,EAAGJ,cAA8B;MAAA,IAAAK,YAAA;MAAA,QAAAA,YAAA,GAAKV,UAAU,cAAAU,YAAA,uBAAVA,YAAA,CAAYD,UAAU,CAACJ,cAAc,CAAC;IAAA;EACxF,CAAC,CAAC;EAGFF,aAAa,CAACQ,OAAO,GAAG,MAAM;IAG5B,OAAO,IAAI,CAACb,yBAAyB,CAACc,IAAI;EAC5C,CAAC;EAKD,OAAOT,aAAa;AACtB"}

package/dist/debug/copy-texture-to-image.d.ts

@@ -0,0 +1,26 @@
+import { Texture, Framebuffer } from '@luma.gl/core';
+/**
+ * Options for copying texture pixels to image
+ * @todo - support gl.readBuffer
+ */
+export type CopyTextureToImageOptions = {
+    sourceAttachment?: number;
+    targetMaxHeight?: number;
+    targetImage?: HTMLImageElement;
+};
+/**
+ * Reads pixels from a Framebuffer or Texture object into an HTML Image
+ * @todo - can we move this to @luma.gl/core?
+ * @param source
+ * @param options options passed to copyToDataUrl
+ * @returns
+ */
+export declare function copyTextureToImage(source: Texture | Framebuffer, options?: CopyTextureToImageOptions): HTMLImageElement;
+/**
+ * Reads pixels from a Framebuffer or Texture object to a dataUrl
+ * @todo - can we move this to @luma.gl/core?
+ * @param source texture or framebuffer to read from
+ * @param options
+ */
+export declare function copyTextureToDataUrl(source: Texture | Framebuffer, options?: CopyTextureToImageOptions): string;
+//# sourceMappingURL=copy-texture-to-image.d.ts.map

package/dist/debug/copy-texture-to-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-texture-to-image.d.ts","sourceRoot":"","sources":["../../src/debug/copy-texture-to-image.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAInD;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,OAAO,GAAG,WAAW,EAC7B,OAAO,CAAC,EAAE,yBAAyB,GAClC,gBAAgB,CAOlB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,OAAO,GAAG,WAAW,EAC7B,OAAO,GAAE,yBAA8B,GACtC,MAAM,CA4BR"}

package/dist/debug/copy-texture-to-image.js

@@ -0,0 +1,46 @@
+import { flipRows, scalePixels } from "./pixel-data-utils.js";
+export function copyTextureToImage(source, options) {
+  const dataUrl = copyTextureToDataUrl(source, options);
+  const targetImage = (options === null || options === void 0 ? void 0 : options.targetImage) || new Image();
+  targetImage.src = dataUrl;
+  return targetImage;
+}
+export function copyTextureToDataUrl(source) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    sourceAttachment = 36064,
+    targetMaxHeight = Number.MAX_SAFE_INTEGER
+  } = options;
+  let data = source.device.readPixelsToArrayWebGL(source, {
+    sourceAttachment
+  });
+  let {
+    width,
+    height
+  } = source;
+  while (height > targetMaxHeight) {
+    ({
+      data,
+      width,
+      height
+    } = scalePixels({
+      data,
+      width,
+      height
+    }));
+  }
+  flipRows({
+    data,
+    width,
+    height
+  });
+  const canvas = document.createElement('canvas');
+  canvas.width = width;
+  canvas.height = height;
+  const context = canvas.getContext('2d');
+  const imageData = context.createImageData(width, height);
+  imageData.data.set(data);
+  context.putImageData(imageData, 0, 0);
+  return canvas.toDataURL('image/png');
+}
+//# sourceMappingURL=copy-texture-to-image.js.map

package/dist/debug/copy-texture-to-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-texture-to-image.js","names":["flipRows","scalePixels","copyTextureToImage","source","options","dataUrl","copyTextureToDataUrl","targetImage","Image","src","arguments","length","undefined","sourceAttachment","targetMaxHeight","Number","MAX_SAFE_INTEGER","data","device","readPixelsToArrayWebGL","width","height","canvas","document","createElement","context","getContext","imageData","createImageData","set","putImageData","toDataURL"],"sources":["../../src/debug/copy-texture-to-image.ts"],"sourcesContent":["// luma.gl, MIT license\nimport {Texture, Framebuffer} from '@luma.gl/core';\nimport {GL} from '@luma.gl/constants';\nimport {flipRows, scalePixels} from './pixel-data-utils';\n\n/**\n * Options for copying texture pixels to image\n * @todo - support gl.readBuffer\n */\nexport type CopyTextureToImageOptions = {\n  sourceAttachment?: number; \n  targetMaxHeight?: number;\n  targetImage?: HTMLImageElement;\n};\n\n/**\n * Reads pixels from a Framebuffer or Texture object into an HTML Image\n * @todo - can we move this to @luma.gl/core?\n * @param source \n * @param options options passed to copyToDataUrl\n * @returns \n */\nexport function copyTextureToImage(\n  source: Texture | Framebuffer,\n  options?: CopyTextureToImageOptions\n): HTMLImageElement {\n\n  const dataUrl = copyTextureToDataUrl(source, options);\n  const targetImage: HTMLImageElement = options?.targetImage || new Image();\n  targetImage.src = dataUrl;\n\n  return targetImage;\n}\n\n/**\n * Reads pixels from a Framebuffer or Texture object to a dataUrl\n * @todo - can we move this to @luma.gl/core?\n * @param source texture or framebuffer to read from\n * @param options \n */\nexport function copyTextureToDataUrl(\n  source: Texture | Framebuffer,\n  options: CopyTextureToImageOptions = {}\n): string {\n  const {\n    sourceAttachment = GL.COLOR_ATTACHMENT0, // TODO - support gl.readBuffer\n    targetMaxHeight = Number.MAX_SAFE_INTEGER\n  } = options;\n\n  let data = source.device.readPixelsToArrayWebGL(source, {sourceAttachment});\n\n  // Scale down\n  let {width, height} = source;\n  while (height > targetMaxHeight) {\n    ({data, width, height} = scalePixels({data, width, height}));\n  }\n\n  // Flip to top down coordinate system\n  flipRows({data, width, height});\n\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n  const context = canvas.getContext('2d');\n\n  // Copy the pixels to a 2D canvas\n  const imageData = context.createImageData(width, height);\n  imageData.data.set(data);\n  context.putImageData(imageData, 0, 0);\n\n  return canvas.toDataURL('image/png');\n}\n"],"mappings":"SAGQA,QAAQ,EAAEC,WAAW;AAmB7B,OAAO,SAASC,kBAAkBA,CAChCC,MAA6B,EAC7BC,OAAmC,EACjB;EAElB,MAAMC,OAAO,GAAGC,oBAAoB,CAACH,MAAM,EAAEC,OAAO,CAAC;EACrD,MAAMG,WAA6B,GAAG,CAAAH,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,WAAW,KAAI,IAAIC,KAAK,CAAC,CAAC;EACzED,WAAW,CAACE,GAAG,GAAGJ,OAAO;EAEzB,OAAOE,WAAW;AACpB;AAQA,OAAO,SAASD,oBAAoBA,CAClCH,MAA6B,EAErB;EAAA,IADRC,OAAkC,GAAAM,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEvC,MAAM;IACJG,gBAAgB,QAAuB;IACvCC,eAAe,GAAGC,MAAM,CAACC;EAC3B,CAAC,GAAGZ,OAAO;EAEX,IAAIa,IAAI,GAAGd,MAAM,CAACe,MAAM,CAACC,sBAAsB,CAAChB,MAAM,EAAE;IAACU;EAAgB,CAAC,CAAC;EAG3E,IAAI;IAACO,KAAK;IAAEC;EAAM,CAAC,GAAGlB,MAAM;EAC5B,OAAOkB,MAAM,GAAGP,eAAe,EAAE;IAC/B,CAAC;MAACG,IAAI;MAAEG,KAAK;MAAEC;IAAM,CAAC,GAAGpB,WAAW,CAAC;MAACgB,IAAI;MAAEG,KAAK;MAAEC;IAAM,CAAC,CAAC;EAC7D;EAGArB,QAAQ,CAAC;IAACiB,IAAI;IAAEG,KAAK;IAAEC;EAAM,CAAC,CAAC;EAE/B,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;EAC/CF,MAAM,CAACF,KAAK,GAAGA,KAAK;EACpBE,MAAM,CAACD,MAAM,GAAGA,MAAM;EACtB,MAAMI,OAAO,GAAGH,MAAM,CAACI,UAAU,CAAC,IAAI,CAAC;EAGvC,MAAMC,SAAS,GAAGF,OAAO,CAACG,eAAe,CAACR,KAAK,EAAEC,MAAM,CAAC;EACxDM,SAAS,CAACV,IAAI,CAACY,GAAG,CAACZ,IAAI,CAAC;EACxBQ,OAAO,CAACK,YAAY,CAACH,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;EAErC,OAAOL,MAAM,CAACS,SAAS,CAAC,WAAW,CAAC;AACtC"}

package/dist/debug/debug-framebuffer.d.ts

@@ -0,0 +1,11 @@
+import type { Framebuffer, Texture } from '@luma.gl/core';
+/** Debug utility to draw FBO contents onto screen */
+export declare function debugFramebuffer(fbo: Framebuffer | Texture, { id, minimap, opaque, top, left, rgbaScale }: {
+    id: string;
+    minimap?: boolean;
+    opaque?: boolean;
+    top?: string;
+    left?: string;
+    rgbaScale?: number;
+}): void;
+//# sourceMappingURL=debug-framebuffer.d.ts.map

package/dist/debug/debug-framebuffer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-framebuffer.d.ts","sourceRoot":"","sources":["../../src/debug/debug-framebuffer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AAQxD,qDAAqD;AAErD,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,WAAW,GAAG,OAAO,EAC1B,EAAC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAS,EAAE,IAAU,EAAE,SAAa,EAAC,EAAE;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,QA4ChK"}

package/dist/debug/debug-framebuffer.js

@@ -0,0 +1,43 @@
+let canvas = null;
+let ctx = null;
+export function debugFramebuffer(fbo, _ref) {
+  let {
+    id,
+    minimap,
+    opaque,
+    top = '0',
+    left = '0',
+    rgbaScale = 1
+  } = _ref;
+  if (!canvas) {
+    canvas = document.createElement('canvas');
+    canvas.id = id;
+    canvas.title = id;
+    canvas.style.zIndex = '100';
+    canvas.style.position = 'absolute';
+    canvas.style.top = top;
+    canvas.style.left = left;
+    canvas.style.border = 'blue 1px solid';
+    canvas.style.transform = 'scaleY(-1)';
+    document.body.appendChild(canvas);
+    ctx = canvas.getContext('2d');
+  }
+  if (canvas.width !== fbo.width || canvas.height !== fbo.height) {
+    canvas.width = fbo.width / 2;
+    canvas.height = fbo.height / 2;
+    canvas.style.width = '400px';
+    canvas.style.height = '400px';
+  }
+  const color = fbo.device.readPixelsToArrayWebGL(fbo);
+  const imageData = ctx.createImageData(fbo.width, fbo.height);
+  const offset = 0;
+  for (let i = 0; i < color.length; i += 4) {
+    imageData.data[offset + i + 0] = color[i + 0] * rgbaScale;
+    imageData.data[offset + i + 1] = color[i + 1] * rgbaScale;
+    imageData.data[offset + i + 2] = color[i + 2] * rgbaScale;
+    imageData.data[offset + i + 3] = opaque ? 255 : color[i + 3] * rgbaScale;
+  }
+  ctx.putImageData(imageData, 0, 0);
+}
+;
+//# sourceMappingURL=debug-framebuffer.js.map

package/dist/debug/debug-framebuffer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-framebuffer.js","names":["canvas","ctx","debugFramebuffer","fbo","_ref","id","minimap","opaque","top","left","rgbaScale","document","createElement","title","style","zIndex","position","border","transform","body","appendChild","getContext","width","height","color","device","readPixelsToArrayWebGL","imageData","createImageData","offset","i","length","data","putImageData"],"sources":["../../src/debug/debug-framebuffer.ts"],"sourcesContent":["import type {Framebuffer, Texture} from '@luma.gl/core';\n// import {copyTextureToImage} from '../debug/copy-texture-to-image';\n\n/** Only works with 1st device? */\nlet canvas: HTMLCanvasElement | null = null;\nlet ctx: CanvasRenderingContext2D | null = null;\n// let targetImage: HTMLImageElement | null = null;\n\n/** Debug utility to draw FBO contents onto screen */\n// eslint-disable-next-line\nexport function debugFramebuffer(\n  fbo: Framebuffer | Texture,\n  {id, minimap, opaque, top = '0', left = '0', rgbaScale = 1}: {id: string, minimap?: boolean; opaque?: boolean, top?: string, left?: string, rgbaScale?: number}\n) {\n  if (!canvas) {\n    canvas = document.createElement('canvas');\n    canvas.id = id;\n    canvas.title = id;\n    canvas.style.zIndex = '100';\n    canvas.style.position = 'absolute';\n    canvas.style.top = top; // ⚠️\n    canvas.style.left = left; // ⚠️\n    canvas.style.border = 'blue 1px solid';\n    canvas.style.transform = 'scaleY(-1)';\n    document.body.appendChild(canvas);\n\n    ctx = canvas.getContext('2d');\n    // targetImage = new Image();\n  }\n\n  // const canvasHeight = (minimap ? 2 : 1) * fbo.height;\n  if (canvas.width !== fbo.width || canvas.height !== fbo.height) {\n    canvas.width = fbo.width / 2;\n    canvas.height = fbo.height / 2;\n    canvas.style.width = '400px';\n    canvas.style.height = '400px';\n\n  }\n\n  // const image = copyTextureToImage(fbo, {targetMaxHeight: 100, targetImage});\n  // ctx.drawImage(image, 0, 0);\n\n  const color = fbo.device.readPixelsToArrayWebGL(fbo);\n  const imageData = ctx.createImageData(fbo.width, fbo.height);\n  // Full map\n  const offset = 0;\n  // if (color.some((v) => v > 0)) {\n  //   console.error('THERE IS NON-ZERO DATA IN THE FBO!');\n  // }\n  for (let i = 0; i < color.length; i += 4) {\n    imageData.data[offset + i + 0] = color[i + 0] * rgbaScale;\n    imageData.data[offset + i + 1] = color[i + 1] * rgbaScale;\n    imageData.data[offset + i + 2] = color[i + 2] * rgbaScale;\n    imageData.data[offset + i + 3] = opaque ? 255 : color[i + 3] * rgbaScale;\n  }\n  ctx.putImageData(imageData, 0, 0);\n};"],"mappings":"AAIA,IAAIA,MAAgC,GAAG,IAAI;AAC3C,IAAIC,GAAoC,GAAG,IAAI;AAK/C,OAAO,SAASC,gBAAgBA,CAC9BC,GAA0B,EAAAC,IAAA,EAE1B;EAAA,IADA;IAACC,EAAE;IAAEC,OAAO;IAAEC,MAAM;IAAEC,GAAG,GAAG,GAAG;IAAEC,IAAI,GAAG,GAAG;IAAEC,SAAS,GAAG;EAAqG,CAAC,GAAAN,IAAA;EAE/J,IAAI,CAACJ,MAAM,EAAE;IACXA,MAAM,GAAGW,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IACzCZ,MAAM,CAACK,EAAE,GAAGA,EAAE;IACdL,MAAM,CAACa,KAAK,GAAGR,EAAE;IACjBL,MAAM,CAACc,KAAK,CAACC,MAAM,GAAG,KAAK;IAC3Bf,MAAM,CAACc,KAAK,CAACE,QAAQ,GAAG,UAAU;IAClChB,MAAM,CAACc,KAAK,CAACN,GAAG,GAAGA,GAAG;IACtBR,MAAM,CAACc,KAAK,CAACL,IAAI,GAAGA,IAAI;IACxBT,MAAM,CAACc,KAAK,CAACG,MAAM,GAAG,gBAAgB;IACtCjB,MAAM,CAACc,KAAK,CAACI,SAAS,GAAG,YAAY;IACrCP,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACpB,MAAM,CAAC;IAEjCC,GAAG,GAAGD,MAAM,CAACqB,UAAU,CAAC,IAAI,CAAC;EAE/B;EAGA,IAAIrB,MAAM,CAACsB,KAAK,KAAKnB,GAAG,CAACmB,KAAK,IAAItB,MAAM,CAACuB,MAAM,KAAKpB,GAAG,CAACoB,MAAM,EAAE;IAC9DvB,MAAM,CAACsB,KAAK,GAAGnB,GAAG,CAACmB,KAAK,GAAG,CAAC;IAC5BtB,MAAM,CAACuB,MAAM,GAAGpB,GAAG,CAACoB,MAAM,GAAG,CAAC;IAC9BvB,MAAM,CAACc,KAAK,CAACQ,KAAK,GAAG,OAAO;IAC5BtB,MAAM,CAACc,KAAK,CAACS,MAAM,GAAG,OAAO;EAE/B;EAKA,MAAMC,KAAK,GAAGrB,GAAG,CAACsB,MAAM,CAACC,sBAAsB,CAACvB,GAAG,CAAC;EACpD,MAAMwB,SAAS,GAAG1B,GAAG,CAAC2B,eAAe,CAACzB,GAAG,CAACmB,KAAK,EAAEnB,GAAG,CAACoB,MAAM,CAAC;EAE5D,MAAMM,MAAM,GAAG,CAAC;EAIhB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,KAAK,CAACO,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IACxCH,SAAS,CAACK,IAAI,CAACH,MAAM,GAAGC,CAAC,GAAG,CAAC,CAAC,GAAGN,KAAK,CAACM,CAAC,GAAG,CAAC,CAAC,GAAGpB,SAAS;IACzDiB,SAAS,CAACK,IAAI,CAACH,MAAM,GAAGC,CAAC,GAAG,CAAC,CAAC,GAAGN,KAAK,CAACM,CAAC,GAAG,CAAC,CAAC,GAAGpB,SAAS;IACzDiB,SAAS,CAACK,IAAI,CAACH,MAAM,GAAGC,CAAC,GAAG,CAAC,CAAC,GAAGN,KAAK,CAACM,CAAC,GAAG,CAAC,CAAC,GAAGpB,SAAS;IACzDiB,SAAS,CAACK,IAAI,CAACH,MAAM,GAAGC,CAAC,GAAG,CAAC,CAAC,GAAGvB,MAAM,GAAG,GAAG,GAAGiB,KAAK,CAACM,CAAC,GAAG,CAAC,CAAC,GAAGpB,SAAS;EAC1E;EACAT,GAAG,CAACgC,YAAY,CAACN,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;AACnC;AAAC"}

package/dist/debug/debug-shader-layout.d.ts

@@ -0,0 +1,9 @@
+import type { ShaderLayout } from '@luma.gl/core';
+/**
+ * Extracts a table suitable for `console.table()` from a shader layout to assist in debugging.
+ * @param layout shader layout
+ * @param name app should provide the most meaningful name, usually the model or pipeline name / id.
+ * @returns
+ */
+export declare function getDebugTableForShaderLayout(layout: ShaderLayout, name: string): Record<string, Record<string, string>>;
+//# sourceMappingURL=debug-shader-layout.d.ts.map

package/dist/debug/debug-shader-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-shader-layout.d.ts","sourceRoot":"","sources":["../../src/debug/debug-shader-layout.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,GACX,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAsBxC"}

package/dist/debug/debug-shader-layout.js

@@ -0,0 +1,28 @@
+export function getDebugTableForShaderLayout(layout, name) {
+  var _layout$varyings;
+  const table = {};
+  const header = 'Values';
+  if (layout.attributes.length === 0 && !((_layout$varyings = layout.varyings) !== null && _layout$varyings !== void 0 && _layout$varyings.length)) {
+    return {
+      'No attributes or varyings': {
+        [header]: 'N/A'
+      }
+    };
+  }
+  for (const attributeDeclaration of layout.attributes) {
+    if (attributeDeclaration) {
+      const glslDeclaration = `${attributeDeclaration.location} ${attributeDeclaration.name}: ${attributeDeclaration.type}`;
+      table[`in ${glslDeclaration}`] = {
+        [header]: attributeDeclaration.stepMode || 'vertex'
+      };
+    }
+  }
+  for (const varyingDeclaration of layout.varyings || []) {
+    const glslDeclaration = `${varyingDeclaration.location} ${varyingDeclaration.name}`;
+    table[`out ${glslDeclaration}`] = {
+      [header]: JSON.stringify(varyingDeclaration.accessor)
+    };
+  }
+  return table;
+}
+//# sourceMappingURL=debug-shader-layout.js.map

package/dist/debug/debug-shader-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-shader-layout.js","names":["getDebugTableForShaderLayout","layout","name","_layout$varyings","table","header","attributes","length","varyings","attributeDeclaration","glslDeclaration","location","type","stepMode","varyingDeclaration","JSON","stringify","accessor"],"sources":["../../src/debug/debug-shader-layout.ts"],"sourcesContent":["// luma.gl\n// SPDX-License-Identifier: MIT\n// Copyright (c) vis.gl contributors\n\nimport type {ShaderLayout} from '@luma.gl/core';\n\n/**\n * Extracts a table suitable for `console.table()` from a shader layout to assist in debugging.\n * @param layout shader layout\n * @param name app should provide the most meaningful name, usually the model or pipeline name / id.\n * @returns \n */\nexport function getDebugTableForShaderLayout(\n  layout: ShaderLayout,\n  name: string\n): Record<string, Record<string, string>> {\n  const table: Record<string, Record<string, string>> = {};\n\n  const header = 'Values'; // '`Shader Layout for ${name}`;\n\n  if (layout.attributes.length === 0 && !layout.varyings?.length) {\n    return {'No attributes or varyings': {[header]: 'N/A'}};\n  }\n\n  for (const attributeDeclaration of layout.attributes) {\n    if (attributeDeclaration) {\n      const glslDeclaration = `${attributeDeclaration.location} ${attributeDeclaration.name}: ${attributeDeclaration.type}`;\n      table[`in ${glslDeclaration}`] = {[header]: attributeDeclaration.stepMode || 'vertex'};\n    }\n  }\n\n  for (const varyingDeclaration of layout.varyings || []) {\n    const glslDeclaration = `${varyingDeclaration.location} ${varyingDeclaration.name}`;\n    table[`out ${glslDeclaration}`] = {[header]: JSON.stringify(varyingDeclaration.accessor)};\n  }\n\n  return table;\n}\n"],"mappings":"AAYA,OAAO,SAASA,4BAA4BA,CAC1CC,MAAoB,EACpBC,IAAY,EAC4B;EAAA,IAAAC,gBAAA;EACxC,MAAMC,KAA6C,GAAG,CAAC,CAAC;EAExD,MAAMC,MAAM,GAAG,QAAQ;EAEvB,IAAIJ,MAAM,CAACK,UAAU,CAACC,MAAM,KAAK,CAAC,IAAI,GAAAJ,gBAAA,GAACF,MAAM,CAACO,QAAQ,cAAAL,gBAAA,eAAfA,gBAAA,CAAiBI,MAAM,GAAE;IAC9D,OAAO;MAAC,2BAA2B,EAAE;QAAC,CAACF,MAAM,GAAG;MAAK;IAAC,CAAC;EACzD;EAEA,KAAK,MAAMI,oBAAoB,IAAIR,MAAM,CAACK,UAAU,EAAE;IACpD,IAAIG,oBAAoB,EAAE;MACxB,MAAMC,eAAe,GAAI,GAAED,oBAAoB,CAACE,QAAS,IAAGF,oBAAoB,CAACP,IAAK,KAAIO,oBAAoB,CAACG,IAAK,EAAC;MACrHR,KAAK,CAAE,MAAKM,eAAgB,EAAC,CAAC,GAAG;QAAC,CAACL,MAAM,GAAGI,oBAAoB,CAACI,QAAQ,IAAI;MAAQ,CAAC;IACxF;EACF;EAEA,KAAK,MAAMC,kBAAkB,IAAIb,MAAM,CAACO,QAAQ,IAAI,EAAE,EAAE;IACtD,MAAME,eAAe,GAAI,GAAEI,kBAAkB,CAACH,QAAS,IAAGG,kBAAkB,CAACZ,IAAK,EAAC;IACnFE,KAAK,CAAE,OAAMM,eAAgB,EAAC,CAAC,GAAG;MAAC,CAACL,MAAM,GAAGU,IAAI,CAACC,SAAS,CAACF,kBAAkB,CAACG,QAAQ;IAAC,CAAC;EAC3F;EAEA,OAAOb,KAAK;AACd"}

package/dist/debug/pixel-data-utils.d.ts

@@ -0,0 +1,24 @@
+import { TypedArray } from '@luma.gl/core';
+/**
+ * Flip rows (can be used on arrays returned from `Framebuffer.readPixels`)
+ * https: *stackoverflow.com/questions/41969562/
+ * how-can-i-flip-the-result-of-webglrenderingcontext-readpixels
+ * @param param0
+ */
+export declare function flipRows(options: {
+    data: TypedArray;
+    width: number;
+    height: number;
+    bytesPerPixel?: number;
+    temp?: Uint8Array;
+}): void;
+export declare function scalePixels(options: {
+    data: TypedArray;
+    width: number;
+    height: number;
+}): {
+    data: Uint8Array;
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=pixel-data-utils.d.ts.map

package/dist/debug/pixel-data-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixel-data-utils.d.ts","sourceRoot":"","sources":["../../src/debug/pixel-data-utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAAE;IAChC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,GAAG,IAAI,CAgBP;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG;IACF,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAaA"}

package/dist/debug/pixel-data-utils.js

@@ -0,0 +1,41 @@
+export function flipRows(options) {
+  const {
+    data,
+    width,
+    height,
+    bytesPerPixel = 4,
+    temp
+  } = options;
+  const bytesPerRow = width * bytesPerPixel;
+  const tempBuffer = temp || new Uint8Array(bytesPerRow);
+  for (let y = 0; y < height / 2; ++y) {
+    const topOffset = y * bytesPerRow;
+    const bottomOffset = (height - y - 1) * bytesPerRow;
+    tempBuffer.set(data.subarray(topOffset, topOffset + bytesPerRow));
+    data.copyWithin(topOffset, bottomOffset, bottomOffset + bytesPerRow);
+    data.set(tempBuffer, bottomOffset);
+  }
+}
+export function scalePixels(options) {
+  const {
+    data,
+    width,
+    height
+  } = options;
+  const newWidth = Math.round(width / 2);
+  const newHeight = Math.round(height / 2);
+  const newData = new Uint8Array(newWidth * newHeight * 4);
+  for (let y = 0; y < newHeight; y++) {
+    for (let x = 0; x < newWidth; x++) {
+      for (let c = 0; c < 4; c++) {
+        newData[(y * newWidth + x) * 4 + c] = data[(y * 2 * width + x * 2) * 4 + c];
+      }
+    }
+  }
+  return {
+    data: newData,
+    width: newWidth,
+    height: newHeight
+  };
+}
+//# sourceMappingURL=pixel-data-utils.js.map

package/dist/debug/pixel-data-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixel-data-utils.js","names":["flipRows","options","data","width","height","bytesPerPixel","temp","bytesPerRow","tempBuffer","Uint8Array","y","topOffset","bottomOffset","set","subarray","copyWithin","scalePixels","newWidth","Math","round","newHeight","newData","x","c"],"sources":["../../src/debug/pixel-data-utils.ts"],"sourcesContent":["// luma.gl, MIT license\n// Copyright (c) vis.gl contributors\n\nimport {TypedArray} from '@luma.gl/core';\n\n/**\n * Flip rows (can be used on arrays returned from `Framebuffer.readPixels`)\n * https: *stackoverflow.com/questions/41969562/\n * how-can-i-flip-the-result-of-webglrenderingcontext-readpixels\n * @param param0\n */\nexport function flipRows(options: {\n  data: TypedArray;\n  width: number;\n  height: number;\n  bytesPerPixel?: number;\n  temp?: Uint8Array;\n}): void {\n  const {data, width, height, bytesPerPixel = 4, temp} = options;\n  const bytesPerRow = width * bytesPerPixel;\n\n  // make a temp buffer to hold one row\n  const tempBuffer = temp || new Uint8Array(bytesPerRow);\n  for (let y = 0; y < height / 2; ++y) {\n    const topOffset = y * bytesPerRow;\n    const bottomOffset = (height - y - 1) * bytesPerRow;\n    // make copy of a row on the top half\n    tempBuffer.set(data.subarray(topOffset, topOffset + bytesPerRow));\n    // copy a row from the bottom half to the top\n    data.copyWithin(topOffset, bottomOffset, bottomOffset + bytesPerRow);\n    // copy the copy of the top half row to the bottom half\n    data.set(tempBuffer, bottomOffset);\n  }\n}\n\nexport function scalePixels(options: {\n  data: TypedArray;\n  width: number;\n  height: number;\n}): {\n  data: Uint8Array;\n  width: number;\n  height: number;\n} {\n  const {data, width, height} = options;\n  const newWidth = Math.round(width / 2);\n  const newHeight = Math.round(height / 2);\n  const newData = new Uint8Array(newWidth * newHeight * 4);\n  for (let y = 0; y < newHeight; y++) {\n    for (let x = 0; x < newWidth; x++) {\n      for (let c = 0; c < 4; c++) {\n        newData[(y * newWidth + x) * 4 + c] = data[(y * 2 * width + x * 2) * 4 + c];\n      }\n    }\n  }\n  return {data: newData, width: newWidth, height: newHeight};\n}\n"],"mappings":"AAWA,OAAO,SAASA,QAAQA,CAACC,OAMxB,EAAQ;EACP,MAAM;IAACC,IAAI;IAAEC,KAAK;IAAEC,MAAM;IAAEC,aAAa,GAAG,CAAC;IAAEC;EAAI,CAAC,GAAGL,OAAO;EAC9D,MAAMM,WAAW,GAAGJ,KAAK,GAAGE,aAAa;EAGzC,MAAMG,UAAU,GAAGF,IAAI,IAAI,IAAIG,UAAU,CAACF,WAAW,CAAC;EACtD,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,MAAM,GAAG,CAAC,EAAE,EAAEM,CAAC,EAAE;IACnC,MAAMC,SAAS,GAAGD,CAAC,GAAGH,WAAW;IACjC,MAAMK,YAAY,GAAG,CAACR,MAAM,GAAGM,CAAC,GAAG,CAAC,IAAIH,WAAW;IAEnDC,UAAU,CAACK,GAAG,CAACX,IAAI,CAACY,QAAQ,CAACH,SAAS,EAAEA,SAAS,GAAGJ,WAAW,CAAC,CAAC;IAEjEL,IAAI,CAACa,UAAU,CAACJ,SAAS,EAAEC,YAAY,EAAEA,YAAY,GAAGL,WAAW,CAAC;IAEpEL,IAAI,CAACW,GAAG,CAACL,UAAU,EAAEI,YAAY,CAAC;EACpC;AACF;AAEA,OAAO,SAASI,WAAWA,CAACf,OAI3B,EAIC;EACA,MAAM;IAACC,IAAI;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGH,OAAO;EACrC,MAAMgB,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,GAAG,CAAC,CAAC;EACtC,MAAMiB,SAAS,GAAGF,IAAI,CAACC,KAAK,CAACf,MAAM,GAAG,CAAC,CAAC;EACxC,MAAMiB,OAAO,GAAG,IAAIZ,UAAU,CAACQ,QAAQ,GAAGG,SAAS,GAAG,CAAC,CAAC;EACxD,KAAK,IAAIV,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGU,SAAS,EAAEV,CAAC,EAAE,EAAE;IAClC,KAAK,IAAIY,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,QAAQ,EAAEK,CAAC,EAAE,EAAE;MACjC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,EAAEA,CAAC,EAAE,EAAE;QAC1BF,OAAO,CAAC,CAACX,CAAC,GAAGO,QAAQ,GAAGK,CAAC,IAAI,CAAC,GAAGC,CAAC,CAAC,GAAGrB,IAAI,CAAC,CAACQ,CAAC,GAAG,CAAC,GAAGP,KAAK,GAAGmB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAGC,CAAC,CAAC;MAC7E;IACF;EACF;EACA,OAAO;IAACrB,IAAI,EAAEmB,OAAO;IAAElB,KAAK,EAAEc,QAAQ;IAAEb,MAAM,EAAEgB;EAAS,CAAC;AAC5D"}