abstract-3d 2.7.32 → 2.8.0

package/src/renderers/svg/svg-encoding.ts

@@ -28,9 +28,7 @@ export function svgPolygon(
   const [mask, maskAttribute] = svgHoleMask(rot, size, holes ?? []);
   const pol = `<polygon points="${points
     .reduce((a, c) => (a += `${c.x.toFixed(0)},${c.y.toFixed(0)} `), "")
-    .slice(0, -1)}" fill="${fill}" fill-opacity="${opacity.toFixed(
-    1
-  )}" stroke="${stroke}" stroke-width="${strokeWidth}" ${maskAttribute}/>`;
+    .slice(0, -1)}" fill="${fill}" fill-opacity="${opacity.toFixed(1)}" stroke="${stroke}" stroke-width="${strokeWidth}" ${maskAttribute}/>`;
   return mask + pol + svgStrokedHoles(pos, rot, holes ?? [], stroke, strokeWidth);
 }
 
@@ -46,21 +44,13 @@ export function svgCircle(
 ): string {
   const size = vec2Scale(vec2(radius, radius), 2);
   const [mask, maskAttribute] = svgHoleMask(rot, size, holes ?? []);
-  const cir = `<circle r="${radius.toFixed(0)}" cx="${pos.x.toFixed(0)}" cy="${pos.y.toFixed(
-    0
-  )}" fill="${fill}" fill-opacity="${opacity.toFixed(
+  const cir = `<circle r="${radius.toFixed(0)}" cx="${pos.x.toFixed(0)}" cy="${pos.y.toFixed(0)}" fill="${fill}" fill-opacity="${opacity.toFixed(
     1
   )}" stroke="${stroke}" stroke-width="${strokeWidth}" ${maskAttribute}/>`;
   return mask + cir + svgStrokedHoles(pos, rot, holes ?? [], stroke, strokeWidth);
 }
 
-function svgStrokedHoles(
-  pos: Vec2,
-  rot: Vec3,
-  holes: ReadonlyArray<Hole>,
-  strokeColor: string,
-  strokeThickness: number
-): string {
+function svgStrokedHoles(pos: Vec2, rot: Vec3, holes: ReadonlyArray<Hole>, strokeColor: string, strokeThickness: number): string {
   if (strokeThickness <= Number.EPSILON) {
     return "";
   }
@@ -100,19 +90,14 @@ function svgStrokedHoles(
         />`;
         break;
       }
+      default:
+        break;
     }
   }
   return svgHoles;
 }
 
-export const svgCircle2 = (
-  radius: number,
-  pos: Vec2,
-  fill: string,
-  stroke: string,
-  strokeWidth: number,
-  _holes?: ReadonlyArray<Hole>
-): string =>
+export const svgCircle2 = (radius: number, pos: Vec2, fill: string, stroke: string, strokeWidth: number, _holes?: ReadonlyArray<Hole>): string =>
   `<circle r="${radius.toFixed(0)}" cx="${pos.x.toFixed(0)}" cy="${pos.y.toFixed(
     0
   )}" fill="${fill}" stroke="${stroke}" stroke-width="${strokeWidth}" />`;
@@ -138,9 +123,7 @@ function svgMaskHoles(rot: Vec3, size: Vec2, holes: ReadonlyArray<Hole>): string
     switch (hole.type) {
       case "RoundHole": {
         holeMasks.push(
-          `<ellipse cx="${holePos.x / size.x}" cy="${holePos.y / size.y}" rx="${hole.radius / size.x}" ry="${
-            hole.radius / size.y
-          }" fill="black" />`
+          `<ellipse cx="${holePos.x / size.x}" cy="${holePos.y / size.y}" rx="${hole.radius / size.x}" ry="${hole.radius / size.y}" fill="black" />`
         );
         break;
       }
@@ -165,29 +148,16 @@ function svgMaskHoles(rot: Vec3, size: Vec2, holes: ReadonlyArray<Hole>): string
 export const svgText = (text: string, matrix: string, color: string, font: string, fontSize: number): string =>
   `<text font-family="${font}" font-size="${fontSize}px" text-anchor="middle" alignment-baseline="middle" fill="${color}" transform="${matrix}">${text}</text>`;
 
-export type EmbededImage =
-  | { readonly type: "url"; readonly url: string }
-  | { readonly type: "svg"; readonly svg: string };
+export type EmbededImage = { readonly type: "url"; readonly url: string } | { readonly type: "svg"; readonly svg: string };
 
 export const rawSvgPrefix = "data:image/svg+xml,";
 
-export const svgImage = (
-  p: Vec2,
-  size: Vec2,
-  rot: Vec3,
-  data: EmbededImage,
-  background?: string,
-  scale?: Vec2
-): string => {
+export const svgImage = (p: Vec2, size: Vec2, rot: Vec3, data: EmbededImage, background?: string, scale?: Vec2): string => {
   const matrix = svgTrsMatrix(p, rot, scale);
 
   if (data.type === "url") {
-    const bg = background
-      ? `<rect width="${size.x.toFixed(0)}" height="${size.y.toFixed(0)}" fill="${background}"/>`
-      : "";
-    return `<g transform="${matrix}">${bg}<image width="${size.x.toFixed(0)}" height="${size.y.toFixed(0)}" href="${
-      data.url
-    }"/></g>`;
+    const bg = background ? `<rect width="${size.x.toFixed(0)}" height="${size.y.toFixed(0)}" fill="${background}"/>` : "";
+    return `<g transform="${matrix}">${bg}<image width="${size.x.toFixed(0)}" height="${size.y.toFixed(0)}" href="${data.url}"/></g>`;
   }
 
   // scale maps image-space coords → world coords, so the wrapper SVG and rect
@@ -195,9 +165,7 @@ export const svgImage = (
   const imgW = scale ? size.x / scale.x : size.x;
   const imgH = scale ? size.y / scale.y : size.y;
   const bg = background ? `<rect width="${imgW.toFixed(0)}" height="${imgH.toFixed(0)}" fill="${background}"/>` : "";
-  return `<g transform="${matrix}"><svg width="${imgW.toFixed(0)}" height="${imgH.toFixed(0)}">${bg}${
-    data.svg
-  }</svg></g>`;
+  return `<g transform="${matrix}"><svg width="${imgW.toFixed(0)}" height="${imgH.toFixed(0)}">${bg}${data.svg}</svg></g>`;
 };
 
 const counter = (() => {

package/src/renderers/svg/svg-geometries/shared.ts

@@ -12,10 +12,7 @@ export const white = "rgb(255, 255, 255)";
 export const transparent = "rgba(255, 255, 255, 0)";
 export const black = "rgb(15, 15, 15)";
 
-export type ImageDataUri =
-  | `data:image/png;base64,${string}`
-  | `data:image/jpeg;base64,${string}`
-  | `data:image/svg+xml,${string}`;
+export type ImageDataUri = `data:image/png;base64,${string}` | `data:image/jpeg;base64,${string}` | `data:image/svg+xml,${string}`;
 
 export type SvgOptions = {
   readonly view: View;

package/src/renderers/svg/svg-geometries/svg-box.ts

@@ -1,9 +1,9 @@
 import type { Box, Vec2, Vec3, Material } from "../../../abstract-3d.js";
 import { vec3Scale, vec3TransRot, vec3RotCombine, vec3Zero, vec3, vec3ZMean } from "../../../abstract-3d.js";
+import { rgbGrayScale } from "../../../utils.js";
+import { svgPolygon } from "../svg-encoding.js";
 import type { zOrderElement, SvgOptions } from "./shared.js";
 import { gray, black, zElem } from "./shared.js";
-import { svgPolygon } from "../svg-encoding.js";
-import { rgbGrayScale } from "../../../utils.js";
 
 export function box(
   b: Box,

package/src/renderers/svg/svg-geometries/svg-cone.ts

@@ -1,9 +1,9 @@
 import type { Cone, Vec2, Vec3, Material } from "../../../abstract-3d.js";
 import { vec3, vec3TransRot, vec3RotCombine, vec3Zero, vec3ZMean, equals } from "../../../abstract-3d.js";
+import { rgbGrayScale } from "../../../utils.js";
+import { svgCircle, svgPolygon } from "../svg-encoding.js";
 import type { zOrderElement, SvgOptions } from "./shared.js";
 import { gray, stBW, zElem, transparent } from "./shared.js";
-import { svgCircle, svgPolygon } from "../svg-encoding.js";
-import { rgbGrayScale } from "../../../utils.js";
 
 export function cone(
   c: Cone,
@@ -36,26 +36,17 @@ export function cone(
     botVec3Array.push(currBot);
     if (i !== 0) {
       const prevBot = botVec3Array[i - 1]!;
-      const points = [
-        point(currBot.x, currBot.y),
-        point(prevBot.x, prevBot.y),
-        point(topPos.x, topPos.y),
-        point(topPos.x, topPos.y),
-      ];
-      zOrderComponents.push(
-        zElem(svgPolygon(rot, points, fill, opacity, stroke, stBW), vec3ZMean(currBot, prevBot, topPos))
-      );
+      const points = [point(currBot.x, currBot.y), point(prevBot.x, prevBot.y), point(topPos.x, topPos.y), point(topPos.x, topPos.y)];
+      zOrderComponents.push(zElem(svgPolygon(rot, points, fill, opacity, stroke, stBW), vec3ZMean(currBot, prevBot, topPos)));
     }
     currentAngle += angleStep;
   }
 
   // Add circle if direcly facing camera
-  const cylTop = vec3tr(vec3(0, +half.y, 0));
+  const cylTop = vec3tr(vec3(0, half.y, 0));
   const cylBottom = vec3tr(vec3(0, -half.y, 0));
   if (equals(cylTop.x, cylBottom.x, 0.1) && equals(cylTop.y, cylBottom.y, 0.1)) {
-    zOrderComponents.push(
-      zElem(svgCircle(c.radius, rot, point(cylBottom.x, cylBottom.y), fill, opacity, stroke, stBW), cylBottom.z)
-    );
+    zOrderComponents.push(zElem(svgCircle(c.radius, rot, point(cylBottom.x, cylBottom.y), fill, opacity, stroke, stBW), cylBottom.z));
   }
 
   return zOrderComponents;

package/src/renderers/svg/svg-geometries/svg-cylinder.ts

@@ -1,9 +1,9 @@
 import type { Cylinder, Vec2, Vec3, Material } from "../../../abstract-3d.js";
 import { vec3, vec3TransRot, vec3RotCombine, vec3Zero, vec3ZMean, equals } from "../../../abstract-3d.js";
+import { rgbGrayScale } from "../../../utils.js";
+import { svgCircle, svgPolygon } from "../svg-encoding.js";
 import type { SvgOptions, zOrderElement } from "./shared.js";
 import { gray, stBW, transparent, zElem } from "./shared.js";
-import { svgCircle, svgPolygon } from "../svg-encoding.js";
-import { rgbGrayScale } from "../../../utils.js";
 
 export function cylinder(
   c: Cylinder,
@@ -42,30 +42,18 @@ export function cylinder(
       const prevBot = botVec3Array[i - 1]!;
       const prevTop = topVec3Array[i - 1]!;
 
-      const points = [
-        point(currBot.x, currBot.y),
-        point(prevBot.x, prevBot.y),
-        point(prevTop.x, prevTop.y),
-        point(currTop.x, currTop.y),
-      ];
-      zOrderComponents.push(
-        zElem(svgPolygon(rot, points, fill, opacity, stroke, stBW), vec3ZMean(currBot, prevBot, currTop, prevTop))
-      );
+      const points = [point(currBot.x, currBot.y), point(prevBot.x, prevBot.y), point(prevTop.x, prevTop.y), point(currTop.x, currTop.y)];
+      zOrderComponents.push(zElem(svgPolygon(rot, points, fill, opacity, stroke, stBW), vec3ZMean(currBot, prevBot, currTop, prevTop)));
     }
     currentAngle += angleStep;
   }
   if (!c.open) {
     // Add circle if direcly facing camera
-    const circleTop = vec3tr(vec3(0, +half.y, 0));
+    const circleTop = vec3tr(vec3(0, half.y, 0));
     const circleBottom = vec3tr(vec3(0, -half.y, 0));
     if (equals(circleTop.x, circleBottom.x, 0.1) && equals(circleTop.y, circleBottom.y, 0.1)) {
       const circlePos = circleTop.z > circleBottom.z ? circleTop : circleBottom;
-      zOrderComponents.push(
-        zElem(
-          svgCircle(c.radius, rot, point(circlePos.x, circlePos.y), fill, opacity, stroke, stBW, c.holes),
-          circlePos.z
-        )
-      );
+      zOrderComponents.push(zElem(svgCircle(c.radius, rot, point(circlePos.x, circlePos.y), fill, opacity, stroke, stBW, c.holes), circlePos.z));
     }
   }
   return zOrderComponents;

package/src/renderers/svg/svg-geometries/svg-image.ts

@@ -1,11 +1,11 @@
 import { createSVG } from "abstract-image";
+import { exhaustiveCheck } from "ts-exhaustive-check";
 import type { ImageMesh, Vec2, Vec3 } from "../../../abstract-3d.js";
 import { vec2Scale, vec3TransRot, vec3RotCombine, vec3Zero, vec3 } from "../../../abstract-3d.js";
-import type { zOrderElement, SvgOptions } from "./shared.js";
-import { zElem } from "./shared.js";
 import type { EmbededImage } from "../svg-encoding.js";
 import { rawSvgPrefix, svgImage } from "../svg-encoding.js";
-import { exhaustiveCheck } from "ts-exhaustive-check";
+import type { zOrderElement, SvgOptions } from "./shared.js";
+import { zElem } from "./shared.js";
 
 export function image(
   i: ImageMesh,
@@ -29,14 +29,7 @@ export function image(
         y: i.size.y / i.image.image.size.height,
       };
       const svg = createSVG(i.image.image, opts);
-      const img = svgImage(
-        point(v4.x, v4.y),
-        i.size,
-        rot,
-        { type: "svg", svg },
-        opts.imageBg ? opts.background : undefined,
-        scale
-      );
+      const img = svgImage(point(v4.x, v4.y), i.size, rot, { type: "svg", svg }, opts.imageBg ? opts.background : undefined, scale);
       return [zElem(img, (v2.z + v4.z) / 2)];
     }
     case "Url": {
@@ -44,14 +37,11 @@ export function image(
       const image: EmbededImage | undefined = imageData?.startsWith(rawSvgPrefix)
         ? {
             type: "svg",
-            svg: decodeURIComponent(imageData.slice(rawSvgPrefix.length)).replace(
-              /^\s*(<\?xml[^>]*\?>\s*)?(<!DOCTYPE[^>]*>\s*)?/i,
-              ""
-            ),
+            svg: decodeURIComponent(imageData.slice(rawSvgPrefix.length)).replace(/^\s*(<\?xml[^>]*\?>\s*)?(<!DOCTYPE[^>]*>\s*)?/i, ""),
           }
         : i.image.url
-        ? { type: "url", url: imageData ?? i.image.url }
-        : undefined;
+          ? { type: "url", url: imageData ?? i.image.url }
+          : undefined;
 
       if (image) {
         const img = svgImage(point(v4.x, v4.y), i.size, rot, image, opts.imageBg ? opts.background : undefined);

package/src/renderers/svg/svg-geometries/svg-line.ts

@@ -1,9 +1,9 @@
 import type { CulledLine, Line, Vec2, Vec3 } from "../../../abstract-3d.js";
 import { vec3TransRot, vec3ZMean } from "../../../abstract-3d.js";
+import { rgbGrayScale } from "../../../utils.js";
+import { svgLine } from "../svg-encoding.js";
 import type { SvgOptions, zOrderElement } from "./shared.js";
 import { zElem } from "./shared.js";
-import { svgLine } from "../svg-encoding.js";
-import { rgbGrayScale } from "../../../utils.js";
 
 export function line(
   l: Line | CulledLine,
@@ -15,10 +15,5 @@ export function line(
 ): ReadonlyArray<zOrderElement> {
   const v1 = vec3TransRot(l.start, parentPos, parentRot);
   const v2 = vec3TransRot(l.end, parentPos, parentRot);
-  return [
-    zElem(
-      svgLine(point(v1.x, v1.y), point(v2.x, v2.y), opts.gray_scale ? rgbGrayScale(fill) : fill, l.thickness),
-      vec3ZMean(v1, v2)
-    ),
-  ];
+  return [zElem(svgLine(point(v1.x, v1.y), point(v2.x, v2.y), opts.gray_scale ? rgbGrayScale(fill) : fill, l.thickness), vec3ZMean(v1, v2))];
 }

package/src/renderers/svg/svg-geometries/svg-plane.ts

@@ -1,9 +1,9 @@
 import type { Plane, Vec2, Vec3, Material, Hole } from "../../../abstract-3d.js";
 import { vec2Scale, vec3TransRot, vec3RotCombine, vec3Zero, vec3, vec3ZMean } from "../../../abstract-3d.js";
+import { rgbGrayScale } from "../../../utils.js";
+import { svgPolygon } from "../svg-encoding.js";
 import type { zOrderElement, SvgOptions } from "./shared.js";
 import { gray, black, zElem } from "./shared.js";
-import { svgPolygon } from "../svg-encoding.js";
-import { rgbGrayScale } from "../../../utils.js";
 
 export function plane(
   p: Plane,
@@ -29,10 +29,5 @@ export function plane(
   const [strokeColor, fill, strokeThickness] = opts.only_stroke
     ? [opts.gray_scale ? gray : material.normal, opts.background, opts.stroke_thickness]
     : [black, opts.gray_scale ? rgbGrayScale(material.normal) : material.normal, 0];
-  return [
-    zElem(
-      svgPolygon(rot, points, fill, material.opacity ?? 1.0, strokeColor, strokeThickness, holes),
-      vec3ZMean(v1, v2, v3, v4)
-    ),
-  ];
+  return [zElem(svgPolygon(rot, points, fill, material.opacity ?? 1.0, strokeColor, strokeThickness, holes), vec3ZMean(v1, v2, v3, v4))];
 }

package/src/renderers/svg/svg-geometries/svg-polygon.ts

@@ -1,9 +1,9 @@
 import type { Polygon, Vec3, Vec2, Material } from "../../../abstract-3d.js";
 import { vec3ZMean, vec3TransRot, vec3RotCombine, vec3Zero } from "../../../abstract-3d.js";
+import { rgbGrayScale } from "../../../utils.js";
+import { svgPolygon } from "../svg-encoding.js";
 import type { zOrderElement, SvgOptions } from "./shared.js";
 import { gray, zElem, transparent } from "./shared.js";
-import { svgPolygon } from "../svg-encoding.js";
-import { rgbGrayScale } from "../../../utils.js";
 
 export function polygon(
   p: Polygon,
@@ -21,10 +21,5 @@ export function polygon(
   const [strokeColor, fill, strokeThickness] = opts.only_stroke
     ? [opts.gray_scale ? gray : color, opts.background, opts.stroke_thickness]
     : [transparent, opts.gray_scale ? rgbGrayScale(color) : color, 0];
-  return [
-    zElem(
-      svgPolygon(rot, points, fill, material.opacity ?? 1.0, strokeColor, strokeThickness),
-      vec3ZMean(...rotatedPoints)
-    ),
-  ];
+  return [zElem(svgPolygon(rot, points, fill, material.opacity ?? 1.0, strokeColor, strokeThickness), vec3ZMean(...rotatedPoints))];
 }

package/src/renderers/svg/svg-geometries/svg-shape.ts

@@ -1,9 +1,9 @@
 import type { Vec3, Vec2, Shape, Material } from "../../../abstract-3d.js";
 import { vec3ZMean, vec3TransRot, vec3RotCombine, vec3, vec3Zero } from "../../../abstract-3d.js";
+import { rgbGrayScale } from "../../../utils.js";
+import { svgPolygon } from "../svg-encoding.js";
 import type { zOrderElement, SvgOptions } from "./shared.js";
 import { gray, zElem, transparent } from "./shared.js";
-import { svgPolygon } from "../svg-encoding.js";
-import { rgbGrayScale } from "../../../utils.js";
 
 export function shape(
   s: Shape,

package/src/renderers/svg/svg-geometries/svg-text.ts

@@ -1,8 +1,8 @@
 import type { Text, Vec2, Vec3 } from "../../../abstract-3d.js";
 import { vec3TransRot, vec3RotCombine, vec3Zero, vec3, vec3Dot, vec3Rot } from "../../../abstract-3d.js";
+import { svgText } from "../svg-encoding.js";
 import type { SvgOptions, zOrderElement } from "./shared.js";
 import { svgTrsMatrix, zElem } from "./shared.js";
-import { svgText } from "../svg-encoding.js";
 
 const SVG_FORWARD: Vec3 = vec3(0.0, 0.0, 1.0);
 const SVG_DOT_OPPOSITE_THRESHOLD: number = -0.9;

package/src/renderers/svg/svg.ts

@@ -16,19 +16,19 @@ import {
   vec3Flip,
   dimensionConvertToTypeMesh,
 } from "../../abstract-3d.js";
+import type { Optional } from "../../utils.js";
+import { calculateVisibleViews, isViewVisible } from "../../utils.js";
+import { svg } from "./svg-encoding.js";
 import type { SvgOptions, zOrderElement } from "./svg-geometries/shared.js";
 import { box } from "./svg-geometries/svg-box.js";
+import { cone } from "./svg-geometries/svg-cone.js";
 import { cylinder } from "./svg-geometries/svg-cylinder.js";
+import { image } from "./svg-geometries/svg-image.js";
 import { line } from "./svg-geometries/svg-line.js";
 import { plane } from "./svg-geometries/svg-plane.js";
-import { shape } from "./svg-geometries/svg-shape.js";
 import { polygon } from "./svg-geometries/svg-polygon.js";
+import { shape } from "./svg-geometries/svg-shape.js";
 import { text } from "./svg-geometries/svg-text.js";
-import { cone } from "./svg-geometries/svg-cone.js";
-import type { Optional } from "../../utils.js";
-import { calculateVisibleViews, isViewVisible } from "../../utils.js";
-import { svg } from "./svg-encoding.js";
-import { image } from "./svg-geometries/svg-image.js";
 
 export type SvgScene = {
   readonly scene: Scene;
@@ -109,11 +109,7 @@ function renderInternal(
   const visibleViews = calculateVisibleViews(opts.view, scene.rotation_deprecated);
 
   for (const dim of scene.dimensions_deprecated?.dimensions ?? []) {
-    const d = dimensionConvertToTypeMesh(
-      dim,
-      scene.rotation_deprecated ?? vec3Zero,
-      scene.dimensions_deprecated?.material
-    );
+    const d = dimensionConvertToTypeMesh(dim, scene.rotation_deprecated ?? vec3Zero, scene.dimensions_deprecated?.material);
     if (isViewVisible(d.views[0], visibleViews)) {
       const pos = vec3TransRot(d.pos, unitCenterFlipped, unitRot);
       const rot = vec3RotCombine(unitRot, d.rot);
@@ -125,13 +121,7 @@ function renderInternal(
   return { elements, size: svgSize, center: svgCenter };
 }
 
-function svgGroup(
-  g: Group,
-  parentPos: Vec3,
-  parentRot: Vec3,
-  point: (x: number, y: number) => Vec2,
-  opts: SvgOptions
-): ReadonlyArray<zOrderElement> {
+function svgGroup(g: Group, parentPos: Vec3, parentRot: Vec3, point: (x: number, y: number) => Vec2, opts: SvgOptions): ReadonlyArray<zOrderElement> {
   const pos = vec3TransRot(g.pos, parentPos, parentRot);
   const rot = vec3RotCombine(parentRot, g.rot ?? vec3Zero);
   const elements = Array<zOrderElement>();

package/src/utils.ts

@@ -1,3 +1,4 @@
+// oxlint-disable no-bitwise
 import type { Vec3, View } from "./abstract-3d.js";
 import { vec3, vec3Rot, vec3Zero } from "./abstract-3d.js";
 
@@ -43,15 +44,13 @@ export function rgbGrayScale(color: string): string {
 }
 
 /**
- * This will take a HEX or RGB web color. pSBC can shade it darker or lighter,
- * or blend it with a second color, and can also pass it right thru but convert
- * from Hex to RGB (Hex2RGB) or RGB to Hex (RGB2Hex).
- * All without you even knowing what color format you are using.
+ * This will take a HEX or RGB web color. pSBC can shade it darker or lighter, or blend it with a second color, and can also pass it right thru but
+ * convert from Hex to RGB (Hex2RGB) or RGB to Hex (RGB2Hex). All without you even knowing what color format you are using.
  *
  * @param {number} p - From 0 to 1 Percentage float (Required).
  * @param {string} from - The starting color in HEX or RGB format.
  * @param {string} [to] - The ending color in HEX or RGB format, optional.
- * @returns {string|null} Either Hex or RGB color. Null if invalid color or percentage number.
+ * @returns {string | null} Either Hex or RGB color. Null if invalid color or percentage number.
  */
 
 export function shade(p: number, from: string, to?: string): string | undefined {
@@ -60,7 +59,7 @@ export function shade(p: number, from: string, to?: string): string | undefined
     p < -1 ||
     p > 1 ||
     typeof from !== "string" ||
-    (from[0] !== "r" && from[0] !== "#") ||
+    (!from.startsWith("r") && !from.startsWith("#")) ||
     (to && typeof to !== "string")
   ) {
     return undefined; // ErrorCheck
@@ -72,13 +71,17 @@ export function shade(p: number, from: string, to?: string): string | undefined
 
     if (l > 9) {
       const dArr = d.split(",");
-      if (dArr.length < 3 || dArr.length > 4) return null; // ErrorCheck
+      if (dArr.length < 3 || dArr.length > 4) {
+        return null;
+      } // ErrorCheck
       RGB[0] = i(dArr[0]!.split("(")[1]!);
       RGB[1] = i(dArr[1]!);
       RGB[2] = i(dArr[2]!);
       RGB[3] = dArr[3] ? parseFloat(dArr[3]) : -1;
     } else {
-      if (l === 8 || l === 6 || l < 4) return null; // ErrorCheck
+      if (l === 8 || l === 6 || l < 4) {
+        return null;
+      } // ErrorCheck
       if (l < 6) {
         d = "#" + d[1] + d[1] + d[2] + d[2] + d[3] + d[3] + (l > 4 ? String(d[4]) + d[4] : ""); // 3 or 4 digit
       }
@@ -124,9 +127,7 @@ export function shade(p: number, from: string, to?: string): string | undefined
       r((t[2]! - f[2]!) * p + f[2]!) +
       (f[3]! < 0 && t[3]! < 0
         ? ")"
-        : "," +
-          (f[3]! > -1 && t[3]! > -1 ? r(((t[3]! - f[3]!) * p + f[3]!) * 10000) / 10000 : t[3]! < 0 ? f[3] : t[3]) +
-          ")")
+        : "," + (f[3]! > -1 && t[3]! > -1 ? r(((t[3]! - f[3]!) * p + f[3]!) * 10000) / 10000 : t[3]! < 0 ? f[3] : t[3]) + ")")
     );
   }
 
@@ -137,13 +138,7 @@ export function shade(p: number, from: string, to?: string): string | undefined
       r((t[0]! - f[0]!) * p + f[0]!) * 0x1000000 +
       r((t[1]! - f[1]!) * p + f[1]!) * 0x10000 +
       r((t[2]! - f[2]!) * p + f[2]!) * 0x100 +
-      (f[3]! > -1 && t[3]! > -1
-        ? r(((t[3]! - f[3]!) * p + f[3]!) * 255)
-        : t[3]! > -1
-        ? r(t[3]! * 255)
-        : f[3]! > -1
-        ? r(f[3]! * 255)
-        : 255)
+      (f[3]! > -1 && t[3]! > -1 ? r(((t[3]! - f[3]!) * p + f[3]!) * 255) : t[3]! > -1 ? r(t[3]! * 255) : f[3]! > -1 ? r(f[3]! * 255) : 255)
     )
       .toString(16)
       .slice(1, f[3]! > -1 || t[3]! > -1 ? undefined : -2)

package/CHANGELOG.md

@@ -1,92 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
-
-## [2.7.31] - 2026-09-05
-
-- Internal: adopt `verbatimModuleSyntax` and stricter compiler/lint settings (no unused locals/params, no bracket-free index-signature access, no non-null-assertion lint rule dropped). No functional changes.
-
-## v2.7.4
-
-- Added culled lines
-
-## v2.7.0
-
-- Added support for aligned dimensions for native dimension support in DXF
-
-## v2.4.0
-
-- Added support for tooltips.
-
-## v2.2.0
-
-- Added flag to react 3d renderer allowing user to force reset pan and zoom on cube/viewport click
-
-## v2.1.0
-
-- Made dxf exporter use LINE and POLYLINE instead of 3DFACE for the lines and polylines
-
-## v2.0.9
-
-- Made Text only front sided
-
-## v1.7.0
-
-- Allow using the abstract 3d scene origin in the DXF export
-
-## v1.6.0
-
-- Included abstract image and made a new Image component to draw abstract images.
-
-## v1.4.0
-
-- Added a flag to turn off alpha test on texture materials.
-
-## v1.3.9
-
-- Added a setting for the dxf exporter to specify the sides of the cylinders.
-
-## v1.3.4
-
-- Bugfix Polygon: THREE.WebGLAttributes: The size of the buffer attribute's array buffer does not match the original size. Resizing buffer attributes is not supported.
-
-## v1.3.1
-
-- Text bounds calculation.
-
-## v1.3.0
-
-- Exposed functions to calculate bounds from geometry.
-
-## v1.2.2
-
-- Fixed the square holes to the SVG renderer
-- Added opacity to the SVG elements
-
-## v1.2.0
-
-- Added holes rendering to the SVG renderer
-
-## v1.1.4
-
-- Added screen space ambient occlusion
-
-## v1.1.0
-
-- Added outlines to hotspots
-
-## v0.9.0
-
-- Added React event to React renderer callbacks
-
-## v0.8.0
-
-- Added reactPopovers to React renderer
-
-## v0.7.0
-
-- Added onHoverGroup to React renderer
-
-## v0.1.0 - 2024-06-05
-
-- Start of changelog.