gladly-plot 0.0.8 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gladly-plot",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "GPU-powered multi-axis plotting library with regl + d3",
   "type": "module",
   "exports": {

package/src/core/Plot.js

@@ -98,29 +98,18 @@ function buildPlotSchema(data, config) {
       },
       axes: {
         type: "object",
-        properties: Object.fromEntries(AXES.map(axisId => {
-          const isXAxis = axisId.startsWith('x')
-          return [axisId, {
-            type: "object",
-            properties: {
-              quantity_kind: { type: "string" },
-              min: { type: "number" },
-              max: { type: "number" },
-              label: { type: "string" },
-              scale: { type: "string", enum: ["linear", "log"] },
-              ...(isXAxis ? { rotate: { type: "boolean" } } : {})
-            }
-          }]
-        })),
+        // All axes (spatial, color, filter) are populated by getConfig() after the first render.
+        // Using only additionalProperties means no hardcoded axis list appears in the schema;
+        // the config editor shows exactly the axes declared by active layers.
         additionalProperties: {
-          // Color/filter/quantity-kind axes.
-          // All fields from the quantity kind registration are valid here and override the registration.
           type: "object",
           properties: {
+            quantity_kind: { type: "string" },
             min: { type: "number" },
             max: { type: "number" },
             label: { type: "string" },
             scale: { type: "string", enum: ["linear", "log"] },
+            rotate: { type: "boolean" },
             colorscale: {
               type: "string",
               enum: [
@@ -233,18 +222,18 @@ export class Plot extends GlBase {
     const plotWidth = width - this.margin.left - this.margin.right
     const plotHeight = height - this.margin.top - this.margin.bottom
 
-    // Container is hidden, not yet laid out, or too small to fit the margins.
-    // Store config/data and return; ResizeObserver will call forceUpdate() once
-    // the container gets real dimensions.
-    if (width === 0 || height === 0 || plotWidth <= 0 || plotHeight <= 0) return
-
-    this.canvas.width = width
-    this.canvas.height = height
-
-    this.width = width
-    this.height = height
-    this.plotWidth = plotWidth
-    this.plotHeight = plotHeight
+    // Clamp to at least 1×1 so _initialize() always runs and getConfig() stays
+    // accurate even when the container is hidden or too small to fit the margins.
+    // The canvas backing store and WebGL context update synchronously; the D3
+    // axis pixel ranges will be corrected when the ResizeObserver fires on
+    // becoming visible.
+    this.canvas.width = Math.max(1, width)
+    this.canvas.height = Math.max(1, height)
+
+    this.width = Math.max(1, width)
+    this.height = Math.max(1, height)
+    this.plotWidth = Math.max(1, plotWidth)
+    this.plotHeight = Math.max(1, plotHeight)
 
     this._warnedMissingDomains = false
     await this._initialize()