refactor: update renderGLTFToPNG function and dependencies in packagejson

package.json

@@ -38,7 +38,7 @@
     "jscad-fiber": "^0.0.85",
     "jscad-to-gltf": "^0.0.4",
     "looks-same": "^10.0.1",
-    "poppygl": "^0.0.20",
+    "poppygl": "^0.0.24",
     "react-cosmos": "7.0.0",
     "react-cosmos-plugin-vite": "7.0.0",
     "tsup": "^8.3.0",

tests/helpers/render-footprint.ts

@@ -1,7 +1,7 @@
 import * as jscadModeling from "@jscad/modeling"
 import type { Geometry } from "@jscad/modeling/src/geometries/types"
 import { convertJscadModelToGltf } from "jscad-to-gltf"
-import { renderGLTFToPNGBufferFromGLBBuffer } from "poppygl"
+import { renderGLTFToPNGFromGLB } from "poppygl"
 import { importVanilla } from "../fixtures/importVanilla.js"
 import {
   applyCameraPreset,
@@ -73,7 +73,7 @@ function getTransformedBoundingBox(geometry: RenderResult) {
 export async function renderFootprint(
   footprint: string,
   options: RenderFootprintOptions = {},
-): Promise<Buffer> {
+): Promise<Uint8Array> {
   const { getJscadModelForFootprintWithPads } = await importVanilla()
   const result = getJscadModelForFootprintWithPads(footprint, jscadModeling)
 
@@ -108,7 +108,7 @@ export async function renderFootprint(
   }
 
   if (!options.cameraPreset) {
-    return renderGLTFToPNGBufferFromGLBBuffer(glbBuffer, {
+    return renderGLTFToPNGFromGLB(glbBuffer, {
       ...baseRenderOptions,
       camPos: options.camPos,
       lookAt: options.lookAt,
@@ -121,7 +121,7 @@ export async function renderFootprint(
     getDefaultCameraResult(getTransformedBoundingBox(result), defaultFov),
   )
 
-  return renderGLTFToPNGBufferFromGLBBuffer(glbBuffer, {
+  return renderGLTFToPNGFromGLB(glbBuffer, {
     ...baseRenderOptions,
     fov: cameraOptions.fov,
     camPos: options.camPos ?? cameraOptions.camPos,

tests/snapshots/footprint-plated-hole.test.tsx

@@ -10,7 +10,7 @@ import {
   Colorize,
 } from "lib/vanilla/primitives"
 import { convertJscadModelToGltf } from "jscad-to-gltf"
-import { renderGLTFToPNGBufferFromGLBBuffer } from "poppygl"
+import { renderGLTFToPNGFromGLB } from "poppygl"
 import * as jscadModeling from "@jscad/modeling"
 
 test("circular_hole_with_rect_pad plated hole", async () => {
@@ -48,7 +48,7 @@ test("circular_hole_with_rect_pad plated hole", async () => {
     },
   )
 
-  const pngBuffer = await renderGLTFToPNGBufferFromGLBBuffer(
+  const pngBuffer = await renderGLTFToPNGFromGLB(
     gltfResult.data instanceof ArrayBuffer
       ? gltfResult.data
       : Buffer.from(gltfResult.data as string),

tests/snapshots/jstzh1_5mm.test.tsx

@@ -4,13 +4,13 @@ import * as React from "react"
 import * as jscadModeling from "@jscad/modeling"
 import { createJSCADRenderer } from "jscad-fiber"
 import { convertJscadModelToGltf } from "jscad-to-gltf"
-import { renderGLTFToPNGBufferFromGLBBuffer } from "poppygl"
+import { renderGLTFToPNGFromGLB } from "poppygl"
 import { JSTZH1_5mm } from "../../lib/JSTZH1_5mm"
 import { Colorize, Cuboid, Translate } from "jscad-fiber"
 
 async function renderComponentTopView(
   element: React.ReactElement,
-): Promise<Buffer> {
+): Promise<Uint8Array> {
   const container: any[] = []
   const { createJSCADRoot } = createJSCADRenderer(jscadModeling as any)
   const root = createJSCADRoot(container)
@@ -24,7 +24,7 @@ async function renderComponentTopView(
   })
 
   // Apply top-down camera preset for better component visibility
-  const pngBuffer = await renderGLTFToPNGBufferFromGLBBuffer(
+  const pngBuffer = await renderGLTFToPNGFromGLB(
     gltfResult.data instanceof ArrayBuffer
       ? gltfResult.data
       : Buffer.from(gltfResult.data as string),