@mui/x-charts-premium 9.0.3 → 9.1.0

package/utils/webgl/parseColor.js

@@ -7,7 +7,8 @@ exports.parseColor = parseColor;
 const colorCache = new Map();
 
 /**
- * Parse color string to RGBA object. Each channel is normalized to [0, 1].
+ * Parse color string to RGBA tuple. Each channel is in [0, 255], matching the byte
+ * representation we upload to GPU color buffers.
  * This function does not work in SSR.
  */
 function parseColor(color) {
@@ -38,10 +39,10 @@ function parseColorUsingRegex(color) {
   if (color.length === 3) {
     color = color.split('').map(char => char + char).join('');
   }
-  const r = parseInt(color.slice(0, 2), 16) / 255;
-  const g = parseInt(color.slice(2, 4), 16) / 255;
-  const b = parseInt(color.slice(4, 6), 16) / 255;
-  const a = color.length === 8 ? parseInt(color.substring(6, 8), 16) / 255 : 1;
+  const r = parseInt(color.slice(0, 2), 16);
+  const g = parseInt(color.slice(2, 4), 16);
+  const b = parseInt(color.slice(4, 6), 16);
+  const a = color.length === 8 ? parseInt(color.substring(6, 8), 16) : 255;
   return [r, g, b, a];
 }
 
@@ -62,7 +63,7 @@ function parseRgbaColor(color) {
   if (a < 0 || a > 1) {
     return null;
   }
-  return [r / 255, g / 255, b / 255, a];
+  return [r, g, b, a * 255];
 }
 let canvas;
 function parseColorUsingCanvas(color) {
@@ -79,6 +80,6 @@ function parseColorUsingCanvas(color) {
   ctx.fillStyle = color;
   ctx.fillRect(0, 0, 1, 1);
   const [r, g, b, a] = ctx.getImageData(0, 0, 1, 1).data;
-  const result = [r / 255, g / 255, b / 255, a / 255];
+  const result = [r, g, b, a];
   return result;
 }

package/utils/webgl/parseColor.mjs

@@ -1,7 +1,8 @@
 const colorCache = new Map();
 
 /**
- * Parse color string to RGBA object. Each channel is normalized to [0, 1].
+ * Parse color string to RGBA tuple. Each channel is in [0, 255], matching the byte
+ * representation we upload to GPU color buffers.
  * This function does not work in SSR.
  */
 export function parseColor(color) {
@@ -32,10 +33,10 @@ function parseColorUsingRegex(color) {
   if (color.length === 3) {
     color = color.split('').map(char => char + char).join('');
   }
-  const r = parseInt(color.slice(0, 2), 16) / 255;
-  const g = parseInt(color.slice(2, 4), 16) / 255;
-  const b = parseInt(color.slice(4, 6), 16) / 255;
-  const a = color.length === 8 ? parseInt(color.substring(6, 8), 16) / 255 : 1;
+  const r = parseInt(color.slice(0, 2), 16);
+  const g = parseInt(color.slice(2, 4), 16);
+  const b = parseInt(color.slice(4, 6), 16);
+  const a = color.length === 8 ? parseInt(color.substring(6, 8), 16) : 255;
   return [r, g, b, a];
 }
 
@@ -56,7 +57,7 @@ function parseRgbaColor(color) {
   if (a < 0 || a > 1) {
     return null;
   }
-  return [r / 255, g / 255, b / 255, a];
+  return [r, g, b, a * 255];
 }
 let canvas;
 function parseColorUsingCanvas(color) {
@@ -73,6 +74,6 @@ function parseColorUsingCanvas(color) {
   ctx.fillStyle = color;
   ctx.fillRect(0, 0, 1, 1);
   const [r, g, b, a] = ctx.getImageData(0, 0, 1, 1).data;
-  const result = [r / 255, g / 255, b / 255, a / 255];
+  const result = [r, g, b, a];
   return result;
 }

package/utils/webgl/utils.d.mts

@@ -2,6 +2,19 @@ export declare function compileShader(gl: WebGL2RenderingContext, shaderSource:
 export declare function uploadQuadBuffer(gl: WebGL2RenderingContext): WebGLBuffer;
 export declare function bindQuadBuffer(gl: WebGL2RenderingContext, program: WebGLProgram, quadBuffer: WebGLBuffer): void;
 export declare function attachShader(gl: WebGL2RenderingContext, program: WebGLProgram, shaderSource: string, shaderType: WebGL2RenderingContext['FRAGMENT_SHADER'] | WebGL2RenderingContext['VERTEX_SHADER']): WebGLShader;
+export type GrowableBuffer = {
+  buffer: WebGLBuffer;
+  capacity: number;
+  lastUploaded: ArrayBufferView | null;
+};
+export declare function createGrowableBuffer(gl: WebGL2RenderingContext): GrowableBuffer;
+/**
+ * Uploads `data` into `target.buffer`. Reuses the existing GPU allocation via
+ * `bufferSubData` while the size fits, only re-allocating with `bufferData` when
+ * the data grows past the previous high-water mark. Skips the upload entirely
+ * when the same typed-array reference is passed twice in a row.
+ */
+export declare function uploadGrowableBuffer(gl: WebGL2RenderingContext, target: GrowableBuffer, data: ArrayBufferView): void;
 /**
  * Logs WebGL errors to the console in development mode.
  */

package/utils/webgl/utils.d.ts

@@ -2,6 +2,19 @@ export declare function compileShader(gl: WebGL2RenderingContext, shaderSource:
 export declare function uploadQuadBuffer(gl: WebGL2RenderingContext): WebGLBuffer;
 export declare function bindQuadBuffer(gl: WebGL2RenderingContext, program: WebGLProgram, quadBuffer: WebGLBuffer): void;
 export declare function attachShader(gl: WebGL2RenderingContext, program: WebGLProgram, shaderSource: string, shaderType: WebGL2RenderingContext['FRAGMENT_SHADER'] | WebGL2RenderingContext['VERTEX_SHADER']): WebGLShader;
+export type GrowableBuffer = {
+  buffer: WebGLBuffer;
+  capacity: number;
+  lastUploaded: ArrayBufferView | null;
+};
+export declare function createGrowableBuffer(gl: WebGL2RenderingContext): GrowableBuffer;
+/**
+ * Uploads `data` into `target.buffer`. Reuses the existing GPU allocation via
+ * `bufferSubData` while the size fits, only re-allocating with `bufferData` when
+ * the data grows past the previous high-water mark. Skips the upload entirely
+ * when the same typed-array reference is passed twice in a row.
+ */
+export declare function uploadGrowableBuffer(gl: WebGL2RenderingContext, target: GrowableBuffer, data: ArrayBufferView): void;
 /**
  * Logs WebGL errors to the console in development mode.
  */

package/utils/webgl/utils.js

@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.attachShader = attachShader;
 exports.bindQuadBuffer = bindQuadBuffer;
 exports.compileShader = compileShader;
+exports.createGrowableBuffer = createGrowableBuffer;
 exports.logWebGLErrors = logWebGLErrors;
+exports.uploadGrowableBuffer = uploadGrowableBuffer;
 exports.uploadQuadBuffer = uploadQuadBuffer;
 function compileShader(gl, shaderSource, shaderType) {
   const shader = gl.createShader(shaderType);
@@ -34,6 +36,33 @@ function attachShader(gl, program, shaderSource, shaderType) {
   gl.attachShader(program, shader);
   return shader;
 }
+function createGrowableBuffer(gl) {
+  return {
+    buffer: gl.createBuffer(),
+    capacity: 0,
+    lastUploaded: null
+  };
+}
+
+/**
+ * Uploads `data` into `target.buffer`. Reuses the existing GPU allocation via
+ * `bufferSubData` while the size fits, only re-allocating with `bufferData` when
+ * the data grows past the previous high-water mark. Skips the upload entirely
+ * when the same typed-array reference is passed twice in a row.
+ */
+function uploadGrowableBuffer(gl, target, data) {
+  if (target.lastUploaded === data) {
+    return;
+  }
+  gl.bindBuffer(gl.ARRAY_BUFFER, target.buffer);
+  if (data.byteLength <= target.capacity) {
+    gl.bufferSubData(gl.ARRAY_BUFFER, 0, data);
+  } else {
+    gl.bufferData(gl.ARRAY_BUFFER, data, gl.DYNAMIC_DRAW);
+    target.capacity = data.byteLength;
+  }
+  target.lastUploaded = data;
+}
 
 /**
  * Logs WebGL errors to the console in development mode.

package/utils/webgl/utils.mjs

@@ -24,6 +24,33 @@ export function attachShader(gl, program, shaderSource, shaderType) {
   gl.attachShader(program, shader);
   return shader;
 }
+export function createGrowableBuffer(gl) {
+  return {
+    buffer: gl.createBuffer(),
+    capacity: 0,
+    lastUploaded: null
+  };
+}
+
+/**
+ * Uploads `data` into `target.buffer`. Reuses the existing GPU allocation via
+ * `bufferSubData` while the size fits, only re-allocating with `bufferData` when
+ * the data grows past the previous high-water mark. Skips the upload entirely
+ * when the same typed-array reference is passed twice in a row.
+ */
+export function uploadGrowableBuffer(gl, target, data) {
+  if (target.lastUploaded === data) {
+    return;
+  }
+  gl.bindBuffer(gl.ARRAY_BUFFER, target.buffer);
+  if (data.byteLength <= target.capacity) {
+    gl.bufferSubData(gl.ARRAY_BUFFER, 0, data);
+  } else {
+    gl.bufferData(gl.ARRAY_BUFFER, data, gl.DYNAMIC_DRAW);
+    target.capacity = data.byteLength;
+  }
+  target.lastUploaded = data;
+}
 
 /**
  * Logs WebGL errors to the console in development mode.