poppygl 0.0.16 → 0.0.17

package/dist/index.d.ts

@@ -53,6 +53,12 @@ interface GLTFScene {
 }
 
 declare const DEFAULT_LIGHT_DIR: readonly [-0.4, -0.9, -0.2];
+/**
+ * Convert a hex color string to RGB array with values 0-1
+ * @param hex - Hex color string like "#ffffff" or "ffffff"
+ * @returns RGB array [r, g, b] with values 0-1, or null if invalid
+ */
+declare function hexToRgb(hex: string): [number, number, number] | null;
 interface RenderOptions {
     width: number;
     height: number;
@@ -63,7 +69,7 @@ interface RenderOptions {
     lightDir: readonly [number, number, number];
     camPos?: readonly [number, number, number] | null;
     lookAt?: readonly [number, number, number] | null;
-    backgroundColor?: readonly [number, number, number] | null;
+    backgroundColor?: readonly [number, number, number] | string | null;
     grid?: boolean | GridOptions;
 }
 type RenderOptionsInput = Partial<RenderOptions>;
@@ -181,4 +187,4 @@ declare function renderGLTFToPNGBuffer(gltfPathOrString: string, options?: Rende
 
 declare function renderSceneFromGLTF(scene: GLTFScene, options?: RenderOptionsInput, imageFactory?: ImageFactory): RenderResult;
 
-export { type BitmapLike, type Camera, DEFAULT_LIGHT_DIR, DEFAULT_RENDER_OPTIONS, type DrawCall, type FetchLike, type GLTFResources, type GLTFScene, type GridOptions, type ImageFactory, type LightSettings, type LoadGLTFWithResourcesFromURLOptions, type Material, type MutableRGBA, type RGBA, type RenderGLTFToPNGBufferFromGLBBufferOptions, type RenderGLTFToPNGBufferFromURLOptions, type RenderOptions, type RenderOptionsInput, type RenderResult, SoftwareRenderer, bufferFromDataURI, buildCamera, computeSmoothNormals, computeWorldAABB, createGrid, createInfiniteGrid, createSceneFromGLTF, createUint8Bitmap, decodeImageFromBuffer, drawInfiniteGrid, encodePNGToBuffer, getDefaultRenderOptions, isJPG, isPNG, loadGLTFWithResourcesFromURL, pureImageFactory, renderDrawCalls, renderGLTFToPNGBuffer, renderGLTFToPNGBufferFromGLBBuffer, renderGLTFToPNGBufferFromURL, renderSceneFromGLTF, resolveRenderOptions };
+export { type BitmapLike, type Camera, DEFAULT_LIGHT_DIR, DEFAULT_RENDER_OPTIONS, type DrawCall, type FetchLike, type GLTFResources, type GLTFScene, type GridOptions, type ImageFactory, type LightSettings, type LoadGLTFWithResourcesFromURLOptions, type Material, type MutableRGBA, type RGBA, type RenderGLTFToPNGBufferFromGLBBufferOptions, type RenderGLTFToPNGBufferFromURLOptions, type RenderOptions, type RenderOptionsInput, type RenderResult, SoftwareRenderer, bufferFromDataURI, buildCamera, computeSmoothNormals, computeWorldAABB, createGrid, createInfiniteGrid, createSceneFromGLTF, createUint8Bitmap, decodeImageFromBuffer, drawInfiniteGrid, encodePNGToBuffer, getDefaultRenderOptions, hexToRgb, isJPG, isPNG, loadGLTFWithResourcesFromURL, pureImageFactory, renderDrawCalls, renderGLTFToPNGBuffer, renderGLTFToPNGBufferFromGLBBuffer, renderGLTFToPNGBufferFromURL, renderSceneFromGLTF, resolveRenderOptions };

package/dist/index.js

@@ -134,6 +134,16 @@ var createUint8Bitmap = (width, height) => ({
 
 // lib/render/getDefaultRenderOptions.ts
 var DEFAULT_LIGHT_DIR = [-0.4, -0.9, -0.2];
+function hexToRgb(hex) {
+  const cleanHex = hex.replace(/^#/, "");
+  if (!/^[0-9A-Fa-f]{6}$/.test(cleanHex)) {
+    return null;
+  }
+  const r = Number.parseInt(cleanHex.substring(0, 2), 16) / 255;
+  const g = Number.parseInt(cleanHex.substring(2, 4), 16) / 255;
+  const b = Number.parseInt(cleanHex.substring(4, 6), 16) / 255;
+  return [r, g, b];
+}
 var DEFAULT_RENDER_OPTIONS = {
   width: 800,
   height: 600,
@@ -765,8 +775,16 @@ function renderDrawCalls(drawCalls, optionsInput = {}, imageFactory = createUint
     options.height,
     imageFactory
   );
+  let rgb = null;
   if (options.backgroundColor) {
-    const [r, g, b] = options.backgroundColor;
+    if (typeof options.backgroundColor === "string") {
+      rgb = hexToRgb(options.backgroundColor);
+    } else {
+      rgb = options.backgroundColor;
+    }
+  }
+  if (rgb) {
+    const [r, g, b] = rgb;
     renderer.clear([
       Math.round(r * 255),
       Math.round(g * 255),
@@ -1603,6 +1621,7 @@ export {
   drawInfiniteGrid,
   encodePNGToBuffer,
   getDefaultRenderOptions,
+  hexToRgb,
   isJPG,
   isPNG,
   loadGLTFWithResourcesFromURL,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "poppygl",
   "main": "dist/index.js",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "repository": {
     "type": "git",
     "url": "https://github.com/tscircuit/poppygl.git"