ranger-compiler 3.5.1 → 3.5.2

package/dist/lib/evg/oracle/css-blur.json

@@ -0,0 +1,576 @@
+{
+  "stepResponse": {
+    "blur(4px)": {
+      "xFrom": -40,
+      "xTo": 40,
+      "luma": [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        2,
+        4,
+        9,
+        15,
+        25,
+        37,
+        53,
+        72,
+        93,
+        116,
+        139,
+        162,
+        183,
+        202,
+        218,
+        230,
+        240,
+        246,
+        251,
+        253,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255
+      ]
+    },
+    "blur(8px)": {
+      "xFrom": -40,
+      "xTo": 40,
+      "luma": [
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        2,
+        3,
+        4,
+        6,
+        9,
+        12,
+        17,
+        22,
+        28,
+        34,
+        42,
+        51,
+        61,
+        72,
+        84,
+        96,
+        108,
+        121,
+        134,
+        147,
+        159,
+        171,
+        183,
+        194,
+        204,
+        213,
+        221,
+        227,
+        233,
+        238,
+        243,
+        246,
+        249,
+        251,
+        252,
+        253,
+        254,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255,
+        255
+      ]
+    },
+    "blur(16px)": {
+      "xFrom": -40,
+      "xTo": 40,
+      "luma": [
+        0,
+        1,
+        1,
+        1,
+        2,
+        2,
+        3,
+        3,
+        4,
+        5,
+        6,
+        7,
+        9,
+        10,
+        12,
+        14,
+        16,
+        18,
+        21,
+        24,
+        27,
+        30,
+        33,
+        37,
+        41,
+        45,
+        50,
+        55,
+        60,
+        65,
+        70,
+        76,
+        81,
+        87,
+        93,
+        99,
+        106,
+        112,
+        118,
+        124,
+        131,
+        137,
+        143,
+        149,
+        156,
+        162,
+        168,
+        174,
+        179,
+        185,
+        190,
+        195,
+        200,
+        205,
+        210,
+        214,
+        218,
+        222,
+        225,
+        228,
+        231,
+        234,
+        237,
+        239,
+        241,
+        243,
+        245,
+        246,
+        248,
+        249,
+        250,
+        251,
+        252,
+        252,
+        253,
+        253,
+        254,
+        254,
+        254,
+        255
+      ]
+    }
+  },
+  "$profileComment": "Row 100 across a black/white boundary at x=200, as luminance. This is the kernel's step response; the difference between neighbouring samples is the kernel. Compare a true Gaussian against the three-box approximation here.",
+  "uniformBackdrop": {
+    "insideLeft": [
+      {
+        "dx": 0,
+        "luma": 128
+      },
+      {
+        "dx": 1,
+        "luma": 128
+      },
+      {
+        "dx": 2,
+        "luma": 128
+      },
+      {
+        "dx": 3,
+        "luma": 128
+      },
+      {
+        "dx": 4,
+        "luma": 128
+      },
+      {
+        "dx": 6,
+        "luma": 128
+      },
+      {
+        "dx": 8,
+        "luma": 128
+      },
+      {
+        "dx": 12,
+        "luma": 128
+      },
+      {
+        "dx": 20,
+        "luma": 128
+      }
+    ],
+    "centre": 128,
+    "$comment": "A flat row means the backdrop is sampled BEYOND the element and then clipped to it. A ramp would mean the sample was clamped to the box, which is the bug this case exists to catch."
+  },
+  "overColour": {
+    "paneCentre": [
+      153,
+      153,
+      153,
+      255
+    ],
+    "$comment": "Black backdrop, blurred, under a 60% white fill. The blur of a uniform black is black, so this is the fill composited over black: 255*0.6 = 153."
+  },
+  "acrossTheEdge": {
+    "insideEdge": [
+      [
+        0,
+        0,
+        0,
+        255
+      ],
+      [
+        0,
+        0,
+        0,
+        255
+      ],
+      [
+        0,
+        0,
+        0,
+        255
+      ],
+      [
+        0,
+        0,
+        0,
+        255
+      ]
+    ],
+    "outsideCorner": [
+      0,
+      0,
+      0,
+      255
+    ],
+    "deepInside": [
+      0,
+      0,
+      0,
+      255
+    ],
+    "$comment": "White page, black stripe from x=99 to x=200 — one pixel LEFT of the pane's own left edge at x=100, so that the stripe's border is outside the region a correct blur samples. A painter that antialiases its rectangles (EVG does; a browser's div does not) otherwise leaves a soft seam exactly on the pane's border, and that seam blurs into the first few pixels and muddies the very comparison this case exists for. `insideEdge` is x = 102, 105, 110, 120 at mid height: a blur that can see past the pane's border is lightened there by the white outside it, and one that cannot stays black. `outsideCorner` is (103,43), which is outside the 40px corner: the backdrop there is UNTOUCHED, so a blur drawn as a square rather than a rounded box lightens a pixel that should have stayed black."
+  },
+  "bandedCorner": {
+    "outsideCorner": [
+      0,
+      0,
+      0,
+      255
+    ],
+    "insideBand": [
+      12,
+      12,
+      12,
+      255
+    ],
+    "belowBand": [
+      245,
+      245,
+      245,
+      255
+    ],
+    "$comment": "A black band across the top of a rounded pane over white, starting one pixel ABOVE the pane so its own edge is outside what the blur samples — the same precaution `acrossTheEdge` explains. `outsideCorner` (103,43) lies outside the 40px radius, so the backdrop there is the RAW band and stays black; a blur drawn square would have mixed in the white below and left grey. `insideBand` and `belowBand` are the softened band itself, well inside the shape."
+  },
+  "verticalCorner": {
+    "outsideCorner": [
+      0,
+      0,
+      0,
+      255
+    ],
+    "wellInside": [
+      91,
+      91,
+      91,
+      255
+    ],
+    "rightOfIt": [
+      255,
+      255,
+      255,
+      255
+    ],
+    "$comment": "A black column covering x = 95..109, so that inside the pane it is 100..109 and its own edge is five pixels clear of the pane's border. That clearance matters more here than anywhere else: the border pixel is what every clamped sample reads, so a painter that softens its rectangles by a third of a pixel has that third replicated across half the kernel. Narrow on purpose, too: a wide column stays dark when blurred and the two answers end up 0 and 20, which is inside the noise a GPU comparison has to allow. A narrow one blurs almost away, and the gap becomes the width of the scale. of the pane. `outsideCorner` (104,43) is outside the 40px radius: raw black. `wellInside` (104,100) is the same x at mid height, inside the shape: the blurred column, much lighter. The gap between those two numbers is the whole test — a blur drawn square gives the second answer in both places."
+  },
+  "innerColumn": {
+    "xs": [
+      130,
+      132,
+      134,
+      136,
+      138,
+      140,
+      142,
+      144,
+      146,
+      148,
+      150,
+      152,
+      154,
+      156,
+      158,
+      160,
+      162,
+      164,
+      166,
+      168,
+      170,
+      172,
+      174,
+      176,
+      178,
+      180,
+      182,
+      184,
+      186,
+      188,
+      190
+    ],
+    "luma": [
+      243,
+      238,
+      232,
+      224,
+      215,
+      205,
+      195,
+      184,
+      173,
+      164,
+      156,
+      149,
+      145,
+      143,
+      144,
+      147,
+      152,
+      160,
+      169,
+      179,
+      189,
+      200,
+      210,
+      220,
+      228,
+      235,
+      241,
+      245,
+      249,
+      252,
+      253
+    ],
+    "$comment": "A 14px black column at x=150, fifty pixels clear of the pane's nearest border, sampled across at mid height. Two edges close together is the case a kernel is easiest to get wrong on, and there is no border behaviour mixed into it."
+  },
+  "borderBand": {
+    "xs": [
+      98,
+      99,
+      100,
+      101,
+      102,
+      103,
+      104,
+      105,
+      106,
+      107,
+      108,
+      109,
+      110,
+      111,
+      112,
+      113,
+      114,
+      115,
+      116,
+      117,
+      118,
+      119,
+      120,
+      121,
+      122,
+      123,
+      124,
+      125,
+      126,
+      127,
+      128,
+      129,
+      130
+    ],
+    "luma": [
+      0,
+      0,
+      61,
+      68,
+      75,
+      83,
+      91,
+      99,
+      107,
+      115,
+      123,
+      186,
+      188,
+      190,
+      193,
+      196,
+      200,
+      204,
+      207,
+      211,
+      215,
+      219,
+      223,
+      226,
+      229,
+      232,
+      234,
+      238,
+      240,
+      242,
+      244,
+      245,
+      247
+    ],
+    "matched": false,
+    "$comment": "NOT matched, on purpose. Two straight segments with a 63-level jump at x=109 — Chrome's downsampled edge handling, not a kernel. EVG clamps at the border instead and agrees with the browser everywhere further than a kernel's reach from it. Kept so the difference is a decision on record rather than a surprise."
+  },
+  "rounded": {
+    "outsideTheCorner": [
+      0,
+      0,
+      0,
+      255
+    ],
+    "insideTheCorner": [
+      217,
+      217,
+      217,
+      255
+    ],
+    "$comment": "Outside the rounded corner the backdrop shows through untouched (black); inside, the pane's fill is over it. The blur is clipped to the BORDER BOX INCLUDING its radius, not to the rectangle."
+  },
+  "kernel": {
+    "blur(4px)": {
+      "gaussian sigma=r": 14.3,
+      "gaussian sigma=r/2": 55,
+      "three-box sigma=r": 0.5,
+      "three-box sigma=r/2": 40.3
+    },
+    "blur(8px)": {
+      "gaussian sigma=r": 6.8,
+      "gaussian sigma=r/2": 45.1,
+      "three-box sigma=r": 0.5,
+      "three-box sigma=r/2": 36.2
+    },
+    "blur(16px)": {
+      "gaussian sigma=r": 3.7,
+      "gaussian sigma=r/2": 43.4,
+      "three-box sigma=r": 0.5,
+      "three-box sigma=r/2": 43.4
+    },
+    "$comment": "Worst absolute error in luminance (0..255) between the measured step response and each candidate. `three-box sigma=r` wins at every radius by a wide margin — so `blur(r)` is the SVG three-box approximation with sigma = r, NOT a true Gaussian and NOT sigma = r/2. The common belief is half right: the sigma is the radius, and the shape is not a Gaussian."
+  }
+}

package/dist/lib/evg/oracle/css-box.json

@@ -0,0 +1,157 @@
+{
+  "cases": [
+    {
+      "prop": "padding",
+      "value": "10px",
+      "kept": "10px",
+      "top": "10px",
+      "right": "10px",
+      "bottom": "10px",
+      "left": "10px"
+    },
+    {
+      "prop": "padding",
+      "value": "0 16px",
+      "kept": "0px 16px",
+      "top": "0px",
+      "right": "16px",
+      "bottom": "0px",
+      "left": "16px"
+    },
+    {
+      "prop": "padding",
+      "value": "1px 2px 3px",
+      "kept": "1px 2px 3px",
+      "top": "1px",
+      "right": "2px",
+      "bottom": "3px",
+      "left": "2px"
+    },
+    {
+      "prop": "padding",
+      "value": "1px 2px 3px 4px",
+      "kept": "1px 2px 3px 4px",
+      "top": "1px",
+      "right": "2px",
+      "bottom": "3px",
+      "left": "4px"
+    },
+    {
+      "prop": "padding",
+      "value": "0",
+      "kept": "0px",
+      "top": "0px",
+      "right": "0px",
+      "bottom": "0px",
+      "left": "0px"
+    },
+    {
+      "prop": "padding",
+      "value": "2px 10px",
+      "kept": "2px 10px",
+      "top": "2px",
+      "right": "10px",
+      "bottom": "2px",
+      "left": "10px"
+    },
+    {
+      "prop": "padding",
+      "value": "  4px   8px  ",
+      "kept": "4px 8px",
+      "top": "4px",
+      "right": "8px",
+      "bottom": "4px",
+      "left": "8px"
+    },
+    {
+      "prop": "padding",
+      "value": "10%",
+      "kept": "10%",
+      "top": "40px",
+      "right": "40px",
+      "bottom": "40px",
+      "left": "40px"
+    },
+    {
+      "prop": "padding",
+      "value": "-4px",
+      "kept": "",
+      "top": "0px",
+      "right": "0px",
+      "bottom": "0px",
+      "left": "0px"
+    },
+    {
+      "prop": "padding",
+      "value": "1px 2px 3px 4px 5px",
+      "kept": "",
+      "top": "0px",
+      "right": "0px",
+      "bottom": "0px",
+      "left": "0px"
+    },
+    {
+      "prop": "padding",
+      "value": "1px nonsense",
+      "kept": "",
+      "top": "0px",
+      "right": "0px",
+      "bottom": "0px",
+      "left": "0px"
+    },
+    {
+      "prop": "padding",
+      "value": "1em 2em",
+      "kept": "1em 2em",
+      "top": "16px",
+      "right": "32px",
+      "bottom": "16px",
+      "left": "32px"
+    },
+    {
+      "prop": "margin",
+      "value": "10px",
+      "kept": "10px",
+      "top": "10px",
+      "right": "10px",
+      "bottom": "10px",
+      "left": "10px"
+    },
+    {
+      "prop": "margin",
+      "value": "0 auto",
+      "kept": "0px auto",
+      "top": "0px",
+      "right": "0px",
+      "bottom": "0px",
+      "left": "0px"
+    },
+    {
+      "prop": "margin",
+      "value": "-4px 8px",
+      "kept": "-4px 8px",
+      "top": "-4px",
+      "right": "8px",
+      "bottom": "-4px",
+      "left": "8px"
+    },
+    {
+      "prop": "margin",
+      "value": "1px 2px 3px 4px",
+      "kept": "1px 2px 3px 4px",
+      "top": "1px",
+      "right": "2px",
+      "bottom": "3px",
+      "left": "4px"
+    },
+    {
+      "prop": "margin",
+      "value": "5%",
+      "kept": "5%",
+      "top": "20px",
+      "right": "20px",
+      "bottom": "20px",
+      "left": "20px"
+    }
+  ]
+}