three-slicer-viewer 0.3.2 → 0.3.4

package/dist/toolpath.js

@@ -1,113 +1,133 @@
-import { a as V, b as Mt, p as ot, h as Nt, T as bt, r as St, D as It } from "./toolpath_palette-B8xEl-qa.js";
-import { b as kt, a as Tt } from "./viewer_defaults-B7UUZ582.js";
-import { r as gt, S as nt, R as et, t as Pt } from "./toolpath_encoding-BuYs95qZ.js";
-import { T as Vt } from "./theme-2oyfMuvf.js";
-const rt = {};
-for (const t of Object.keys(V)) rt[t] = ot(V[t]);
-function _t(t) {
+import { a as R, b as Bt, p as lt, h as _t, T as wt, r as kt, D as Ot } from "./toolpath_palette-B8xEl-qa.js";
+import { b as Vt, a as jt } from "./viewer_defaults-B7UUZ582.js";
+import { r as At, S as ct, R as ot, t as Tt } from "./toolpath_encoding-BuYs95qZ.js";
+import { T as Ut } from "./theme-2oyfMuvf.js";
+const ft = {};
+for (const t of Object.keys(R)) ft[t] = lt(R[t]);
+function Wt(t) {
   const e = new Float32Array(t.length);
   for (let n = 0; n < t.length; n++) {
-    const r = Number(t[n]?.z) || 0, o = n > 0 && Number(t[n - 1]?.z) || 0, s = n > 0 ? r - o : r;
-    e[n] = s > 1e-6 ? s : Tt;
+    const o = Number(t[n]?.z) || 0, r = n > 0 && Number(t[n - 1]?.z) || 0, l = n > 0 ? o - r : o;
+    e[n] = l > 1e-6 ? l : jt;
   }
   return e;
 }
-const it = (t) => t?.paths?.length ? t.paths : null, wt = (t) => {
-  const e = it(t);
-  return e ? Math.floor(e.length / nt) : 0;
-};
-function jt(t, e) {
-  const n = Array.isArray(t) ? t : [], r = n.length, o = Number(e) > 0 ? Number(e) : kt, s = _t(n), f = new Uint32Array(r + 1), h = new Uint32Array(r + 1), c = new Uint32Array(r + 1);
-  let y = 0, l = 0, u = 0;
-  for (let v = 0; v < r; v++) {
-    const U = it(n[v]), w = wt(n[v]);
-    for (let D = 0; D < w; D++)
-      gt(U[D * nt + 3]) === et.TRAVEL ? l++ : y++;
-    u += w, f[v + 1] = y, h[v + 1] = l, c[v + 1] = u;
+const ut = (t) => t?.paths?.length ? t.paths : null, Lt = (t) => {
+  const e = ut(t);
+  return e ? Math.floor(e.length / ct) : 0;
+}, xt = (t, e) => {
+  const n = e * 8, o = n + 4;
+  return Math.atan2(t[o + 1] - t[n + 1], t[o] - t[n]);
+}, Mt = (t, e) => {
+  const n = e * 8, o = n + 4;
+  return Math.hypot(t[o] - t[n], t[o + 1] - t[n + 1]);
+}, zt = (t, e, n) => t[e] === t[n] && t[e + 1] === t[n + 1] && t[e + 2] === t[n + 2];
+function Dt(t, e, n, o) {
+  const r = (a, h) => {
+    e[a * 8 + 4 + 2] = xt(t, h), e[h * 8 + 2] = xt(t, a);
+  }, l = (a, h) => n[a * 2] === n[h * 2] && zt(t, a * 8 + 4, h * 8) && Mt(t, a) > 0 && Mt(t, h) > 0;
+  let m = 0;
+  for (let a = 0; a < o; a++) {
+    if (a + 1 < o && l(a, a + 1)) {
+      r(a, a + 1);
+      continue;
+    }
+    m < a && l(a, m) && r(a, m), m = a + 1;
+  }
+}
+function le(t, e) {
+  const n = Array.isArray(t) ? t : [], o = n.length, r = Number(e) > 0 ? Number(e) : Vt, l = Wt(n), m = new Uint32Array(o + 1), a = new Uint32Array(o + 1), h = new Uint32Array(o + 1);
+  let p = 0, s = 0, d = 0;
+  for (let u = 0; u < o; u++) {
+    const v = ut(n[u]), g = Lt(n[u]);
+    for (let M = 0; M < g; M++)
+      At(v[M * ct + 3]) === ot.TRAVEL ? s++ : p++;
+    d += g, m[u + 1] = p, a[u + 1] = s, h[u + 1] = d;
   }
-  const i = y * 2, b = new Float32Array(i * 4), x = new Float32Array(i * 4), p = new Uint32Array(i * 2), _ = new Uint8Array(i), M = new Uint8Array(i), O = new Float32Array(i), N = new Float32Array(i), z = new Int32Array(i), g = new Float32Array(l * 6), C = new Float32Array(u * 3), a = new Uint8Array(u), m = new Float64Array(16);
-  let A = !1, S = 0, I = 1 / 0, T = 1 / 0, W = 1 / 0, J = -1 / 0, Q = -1 / 0, $ = -1 / 0, L = 0, st = 0, lt = 0, B = 0;
-  for (let v = 0; v < r; v++) {
-    const U = n[v], w = it(U), D = wt(U), ct = U?.widths, E = s[v], ft = E / 2;
-    for (let R = 0; R < D; R++) {
-      const k = R * nt, X = w[k], Z = w[k + 1], q = w[k + 2], G = w[k + 4], Y = w[k + 5], H = w[k + 6], ut = w[k + 3] | 0, j = gt(ut), xt = Pt(ut);
-      if (Number.isFinite(X + Z + q + G + Y + H) || (A = !0), a[B] = j === et.TRAVEL ? 0 : 1, C[B * 3] = G, C[B * 3 + 1] = Y, C[B * 3 + 2] = H, B++, j === et.TRAVEL) {
-        const d = lt * 6;
-        g[d] = X, g[d + 1] = Z, g[d + 2] = q, g[d + 3] = G, g[d + 4] = Y, g[d + 5] = H, lt++;
+  const c = p * 2, L = new Float32Array(c * 4), S = new Float32Array(c * 4), W = new Uint32Array(c * 2), b = new Uint8Array(c), H = new Uint8Array(c), B = new Float32Array(c), _ = new Float32Array(c), E = new Int32Array(c), F = new Float32Array(s * 6), I = new Float32Array(d * 3), z = new Uint8Array(d), D = new Float64Array(16);
+  let it = !1, K = 0, G = 1 / 0, Z = 1 / 0, N = 1 / 0, q = -1 / 0, k = -1 / 0, O = -1 / 0, x = 0, J = 0, st = 0, i = 0;
+  for (let u = 0; u < o; u++) {
+    const v = n[u], g = ut(v), M = Lt(v), V = v?.widths, X = l[u], tt = X / 2;
+    for (let Y = 0; Y < M; Y++) {
+      const w = Y * ct, $ = g[w], P = g[w + 1], y = g[w + 2], A = g[w + 4], j = g[w + 5], T = g[w + 6], mt = g[w + 3] | 0, et = At(mt), It = Tt(mt);
+      if (Number.isFinite($ + P + y + A + j + T) || (it = !0), z[i] = et === ot.TRAVEL ? 0 : 1, I[i * 3] = A, I[i * 3 + 1] = j, I[i * 3 + 2] = T, i++, et === ot.TRAVEL) {
+        const C = st * 6;
+        F[C] = $, F[C + 1] = P, F[C + 2] = y, F[C + 3] = A, F[C + 4] = j, F[C + 5] = T, st++;
         continue;
       }
-      const tt = ct ? Number(ct[R]) : NaN, mt = Number.isFinite(tt) && tt > 0 ? tt : o, ht = G - X, pt = Y - Z, Ct = Math.atan2(pt, ht), vt = Math.hypot(ht, pt, H - q);
-      Number.isFinite(vt) && (m[j] += vt);
-      const Ft = rt[j] ?? rt[1];
-      for (const [d, P, yt] of [[X, Z, q], [G, Y, H]]) {
-        const F = L * 4;
-        b[F] = d, b[F + 1] = P, b[F + 2] = yt - ft, b[F + 3] = 0, x[F] = E, x[F + 1] = mt, x[F + 2] = Ct, x[F + 3] = Ft, p[L * 2] = st, p[L * 2 + 1] = v, _[L] = j, M[L] = xt, O[L] = mt, N[L] = E, z[L] = v, L++;
-        const K = yt - ft;
-        d < I && (I = d), d > J && (J = d), P < T && (T = P), P > Q && (Q = P), K < W && (W = K), K > $ && ($ = K);
-        const dt = Math.max(Math.abs(d), Math.abs(P), Math.abs(K));
-        dt > S && (S = dt);
+      const at = V ? Number(V[Y]) : NaN, dt = Number.isFinite(at) && at > 0 ? at : r, vt = A - $, yt = j - P, Nt = Math.atan2(yt, vt), pt = Math.hypot(vt, yt, T - y);
+      Number.isFinite(pt) && (D[et] += pt);
+      const Pt = ft[et] ?? ft[1];
+      for (const [C, Q, bt] of [[$, P, y], [A, j, T]]) {
+        const U = x * 4;
+        L[U] = C, L[U + 1] = Q, L[U + 2] = bt - tt, L[U + 3] = 0, S[U] = X, S[U + 1] = dt, S[U + 2] = Nt, S[U + 3] = Pt, W[x * 2] = J, W[x * 2 + 1] = u, b[x] = et, H[x] = It, B[x] = dt, _[x] = X, E[x] = u, x++;
+        const nt = bt - tt;
+        C < G && (G = C), C > q && (q = C), Q < Z && (Z = Q), Q > k && (k = Q), nt < N && (N = nt), nt > O && (O = nt);
+        const gt = Math.max(Math.abs(C), Math.abs(Q), Math.abs(nt));
+        gt > K && (K = gt);
       }
-      st++;
+      J++;
     }
   }
-  const Lt = i > 0 && Number.isFinite(I) ? { min: [I, T, W], max: [J, Q, $] } : null;
+  Dt(L, S, E, p);
+  const f = c > 0 && Number.isFinite(G) ? { min: [G, Z, N], max: [q, k, O] } : null;
   return {
-    position: b,
-    hwa: x,
-    segIndex: p,
-    nV: i,
-    nSeg: y,
-    layerSegPrefix: f,
-    travelPos: g,
-    travelPrefix: h,
-    nTrav: l,
-    movePos: C,
-    moveKind: a,
-    movePrefix: c,
-    layerCount: r,
-    maxAbs: S,
-    hasNaN: A,
-    typeLengths: m,
-    bbox: Lt,
-    meta: { vType: _, vTool: M, vWidth: O, vHeight: N, vLayer: z }
+    position: L,
+    hwa: S,
+    segIndex: W,
+    nV: c,
+    nSeg: p,
+    layerSegPrefix: m,
+    travelPos: F,
+    travelPrefix: a,
+    nTrav: s,
+    movePos: I,
+    moveKind: z,
+    movePrefix: h,
+    layerCount: o,
+    maxAbs: K,
+    hasNaN: it,
+    typeLengths: D,
+    bbox: f,
+    meta: { vType: b, vTool: H, vWidth: B, vHeight: _, vLayer: E }
   };
 }
-function Kt(t) {
+function ce(t) {
   const e = t ?? [];
   let n = 0;
-  for (let o = 0; o < 16; o++) n += Number(e[o]) || 0;
+  for (let r = 0; r < 16; r++) n += Number(e[r]) || 0;
   if (n <= 0) return [];
-  const r = [];
-  for (let o = 0; o < 16; o++) {
-    const s = Number(e[o]) || 0;
-    s <= 0 || r.push({ type: o, label: Mt[o] ?? String(o), pct: s / n * 100, color: V[o] ?? V[1] });
+  const o = [];
+  for (let r = 0; r < 16; r++) {
+    const l = Number(e[r]) || 0;
+    l <= 0 || o.push({ type: r, label: Bt[r] ?? String(r), pct: l / n * 100, color: R[r] ?? R[1] });
   }
-  return r.sort((o, s) => s.pct - o.pct);
+  return o.sort((r, l) => l.pct - r.pct);
 }
-const at = (t, e) => e >= 0 && e < t.layerCount ? t.movePrefix[e + 1] - t.movePrefix[e] : 0;
-function Rt(t, e) {
-  return at(t, e);
+const ht = (t, e) => e >= 0 && e < t.layerCount ? t.movePrefix[e + 1] - t.movePrefix[e] : 0;
+function fe(t, e) {
+  return ht(t, e);
 }
-function Xt(t, e, n) {
-  const r = Math.min(n, t.layerCount - 1);
-  for (let o = r; o >= e; o--) if (at(t, o) > 0) return o;
+function Gt(t, e, n) {
+  const o = Math.min(n, t.layerCount - 1);
+  for (let r = o; r >= e; r--) if (ht(t, r) > 0) return r;
   return e;
 }
-function Zt(t, e, n) {
-  const r = at(t, e), o = Math.max(0, Math.min(Number(n) || 0, r)), s = e >= 0 && e < t.layerCount ? t.movePrefix[e] : 0;
-  let f = 0, h = 0;
-  for (let y = 0; y < o; y++)
-    t.moveKind[s + y] === 0 ? h++ : f++;
-  if (o === 0) return { point: null, segCount: 0, travCount: 0, onTravel: !1 };
-  const c = s + o - 1;
+function Jt(t, e, n) {
+  const o = ht(t, e), r = Math.max(0, Math.min(Number(n) || 0, o)), l = e >= 0 && e < t.layerCount ? t.movePrefix[e] : 0;
+  let m = 0, a = 0;
+  for (let p = 0; p < r; p++)
+    t.moveKind[l + p] === 0 ? a++ : m++;
+  if (r === 0) return { point: null, segCount: 0, travCount: 0, onTravel: !1 };
+  const h = l + r - 1;
   return {
-    point: [t.movePos[c * 3], t.movePos[c * 3 + 1], t.movePos[c * 3 + 2]],
-    segCount: f,
-    travCount: h,
-    onTravel: t.moveKind[c] === 0
+    point: [t.movePos[h * 3], t.movePos[h * 3 + 1], t.movePos[h * 3 + 2]],
+    segCount: m,
+    travCount: a,
+    onTravel: t.moveKind[h] === 0
   };
 }
-const At = [
+const Ct = [
   { key: "feature", label: "Feature type", cont: !1, unit: "" },
   { key: "speed", label: "Speed", cont: !0, unit: "mm/s" },
   { key: "height", label: "Layer Height", cont: !0, unit: "mm" },
@@ -119,47 +139,51 @@ const At = [
   //  extruder index is a label, and a heatmap over it would imply tool 2 sits "between" tools 1 and 3.
   { key: "filament", label: "Filament", cont: !1, unit: "" }
 ];
-function Ot(t, e, n, r) {
-  const o = e.vType[n], s = e.vLayer[n], f = s === 0;
+function Xt(t, e, n, o) {
+  const r = e.vType[n], l = e.vLayer[n], m = l === 0;
   switch (t) {
     case "height":
       return e.vHeight[n];
     case "width":
       return e.vWidth[n];
     case "speed":
-      return f ? r.firstLayerSpeed : r.speedByType[o] ?? r.speedByType[1];
+      return m ? o.firstLayerSpeed : o.speedByType[r] ?? o.speedByType[1];
     case "fan":
-      return s < r.closeFanLayers ? 0 : o === 9 ? 100 : r.fanNormal;
+      return l < o.closeFanLayers ? 0 : r === 9 ? 100 : o.fanNormal;
     case "temp":
-      return f ? r.tempFirst : r.tempNormal;
+      return m ? o.tempFirst : o.tempNormal;
     default:
       return 0;
   }
 }
-function qt(t, e, n) {
-  const { meta: r, nV: o } = t, s = new Float32Array(o * 4), f = At.find((l) => l.key === e) || At[0];
-  if (!f.cont) {
-    const l = (n?.toolColors ?? []).map((i) => i && Nt(i)), u = f.key === "filament" ? (i) => {
-      const b = r.vTool ? r.vTool[i] : 0;
-      return l[b] || bt[b % bt.length];
-    } : (i) => V[r.vType[i]] || V[1];
-    for (let i = 0; i < o; i++) s[i * 4] = ot(u(i));
-    return { color: s, min: 0, max: 0, viewType: e, label: f.label, unit: f.unit, cont: !1 };
+function ue(t, e, n) {
+  const { meta: o, nV: r } = t, l = new Float32Array(r * 4), m = Ct.find((s) => s.key === e) || Ct[0];
+  if (!m.cont) {
+    const s = (n?.toolColors ?? []).map((c) => c && _t(c)), d = m.key === "filament" ? (c) => {
+      const L = o.vTool ? o.vTool[c] : 0;
+      return s[L] || wt[L % wt.length];
+    } : (c) => R[o.vType[c]] || R[1];
+    for (let c = 0; c < r; c++) l[c * 4] = lt(d(c));
+    return { color: l, min: 0, max: 0, viewType: e, label: m.label, unit: m.unit, cont: !1 };
   }
-  let h = 1 / 0, c = -1 / 0;
-  const y = new Float32Array(o);
-  for (let l = 0; l < o; l++) {
-    const u = Ot(e, r, l, n), i = Number.isFinite(u) ? u : 0;
-    y[l] = i, i < h && (h = i), i > c && (c = i);
+  let a = 1 / 0, h = -1 / 0;
+  const p = new Float32Array(r);
+  for (let s = 0; s < r; s++) {
+    const d = Xt(e, o, s, n), c = Number.isFinite(d) ? d : 0;
+    p[s] = c, c < a && (a = c), c > h && (h = c);
   }
-  Number.isFinite(h) || (h = 0, c = 1);
-  for (let l = 0; l < o; l++) {
-    const u = St(y[l], h, c, It);
-    s[l * 4] = ot(u);
+  Number.isFinite(a) || (a = 0, h = 1);
+  for (let s = 0; s < r; s++) {
+    const d = kt(p[s], a, h, Ot);
+    l[s * 4] = lt(d);
   }
-  return { color: s, min: h, max: c, viewType: e, label: f.label, unit: f.unit, cont: !0 };
+  return { color: l, min: a, max: h, viewType: e, label: m.label, unit: m.unit, cont: !0 };
+}
+const rt = 4096, Yt = 140 * Math.PI / 180, $t = 45 * Math.PI / 180, St = (t) => Math.round((t + Math.PI) / (2 * Math.PI) * (rt - 1));
+function Kt(t, e) {
+  return St(t) * rt + St(e);
 }
-const zt = `
+const Zt = `
 precision highp float;
 
 uniform mat4 projectionMatrix;
@@ -173,6 +197,7 @@ in vec3  iEnd;
 in vec2  iHW;       // [height, width]
 in float iColor;    // r<<16 | g<<8 | b
 in float iLayer;
+in float iJoin;     // packJoin(start heading, end heading)
 
 out vec3 vColor;
 out vec3 vNormal;
@@ -199,8 +224,26 @@ void main() {
   vec3 axis = iEnd - iStart;
   // A zero-length segment has no direction to orient against; pick one rather than emitting NaN.
   vec2 flat2 = axis.xy;
-  vec2 dir = length(flat2) > 1e-9 ? normalize(flat2) : vec2(1.0, 0.0);
-  vec3 side = vec3(-dir.y, dir.x, 0.0);
+  vec2 dir = vec2(1.0, 0.0);
+  if (length(flat2) > 1e-9) dir = normalize(flat2);
+  vec2 ownSide = vec2(-dir.y, dir.x);
+
+  float joinStart = floor(iJoin / ${rt}.0);
+  float joined = joinStart;
+  if (tpl.x > 0.5) joined = iJoin - joinStart * ${rt}.0;
+  joined = joined * (6.283185307179586 / ${rt - 1}.0) - 3.141592653589793;
+  vec2 bisector = dir + vec2(cos(joined), sin(joined));
+  vec2 side2 = ownSide;
+  vec2 facing2 = ownSide;
+  if (length(bisector) > 1e-6) {
+    vec2 tangent = normalize(bisector);
+    vec2 miterSide = vec2(-tangent.y, tangent.x);
+    float halfTurnCos = dot(miterSide, ownSide);
+    if (halfTurnCos > ${Math.cos(Yt / 2)}) side2 = miterSide / halfTurnCos;
+    if (halfTurnCos > ${Math.cos($t / 2)}) facing2 = miterSide;
+  }
+  vec3 side = vec3(side2, 0.0);
+  vec3 facing = vec3(facing2, 0.0);
   vec3 up   = vec3(0.0, 0.0, 1.0);
 
   float halfHeight = iHW.x * 0.5;
@@ -208,18 +251,19 @@ void main() {
 
   float ring = tpl.y;
   vec3 offset;
-  if (ring < 0.5)      offset =  side * halfWidth;
-  else if (ring < 1.5) offset =  up   * halfHeight;
-  else if (ring < 2.5) offset = -side * halfWidth;
-  else                 offset = -up   * halfHeight;
+  vec3 normal;
+  if (ring < 0.5)      { offset =  side * halfWidth;  normal =  facing; }
+  else if (ring < 1.5) { offset =  up   * halfHeight; normal =  up; }
+  else if (ring < 2.5) { offset = -side * halfWidth;  normal = -facing; }
+  else                 { offset = -up   * halfHeight; normal = -up; }
 
   vec3 world = mix(iStart, iEnd, tpl.x) + offset;
 
-  vNormal = normalize(mat3(modelViewMatrix) * normalize(offset));
+  vNormal = normalize(mat3(modelViewMatrix) * normal);
   vColor = unpackColor(iColor);
   gl_Position = projectionMatrix * modelViewMatrix * vec4(world, 1.0);
 }
-`, Wt = `
+`, qt = `
 precision highp float;
 
 in vec3 vColor;
@@ -227,15 +271,48 @@ in vec3 vNormal;
 out vec4 fragColor;
 
 void main() {
-  // Two-sided: the layer slider cuts the plate open, so back faces are seen and must not go black.
+  // Front faces only (the material culls the rest), so the normal never needs flipping.
   vec3 n = normalize(vNormal);
-  if (!gl_FrontFacing) n = -n;
   // A single head-on light plus a generous ambient. The point is to read the bead's ROUNDING — which
   //  face is up, which is the side — not to look lit.
   float lambert = max(dot(n, normalize(vec3(0.35, 0.35, 1.0))), 0.0);
   fragColor = vec4(vColor * (0.55 + 0.45 * lambert), 1.0);
 }
-`, Bt = new Float32Array([
+`, Ft = [2, 4], Qt = 1.5;
+function Rt(t, e) {
+  let n = 0;
+  for (let o = 0; o < t.length; o += 2)
+    (t[o] === ot.RAFT || t[o] === ot.SKIRT) && e[o] > n && (n = e[o]);
+  return n;
+}
+function Ht(t, e, n, o) {
+  let r = 0;
+  for (let s = 0; s < e; s++) t(s) > r && (r = t(s));
+  const l = (s) => s <= o || (r - s) % n === 0;
+  let m = 0;
+  for (let s = 0; s < e; s++) l(t(s)) && m++;
+  const a = new Uint32Array(m), h = new Uint8Array(m);
+  let p = 0;
+  for (let s = 0; s < e; s++) {
+    const d = t(s);
+    l(d) && (a[p] = s, h[p] = 1, d > o && (h[p] = Math.min(n, d - o)), p++);
+  }
+  return { source: a, layers: h };
+}
+function Et(t, e) {
+  const n = Math.max(1, Math.floor(e / 4096)), o = [];
+  for (let r = 0; r < e; r += n) o.push(t(r));
+  return o.length ? (o.sort((r, l) => r - l), o[o.length >> 1]) : 0;
+}
+function te(t, e, n, o) {
+  return e > 0 ? t * (o / 2) / (e * Math.tan(n * Math.PI / 360)) : 1 / 0;
+}
+function ee(t, e = Ft) {
+  let n = 1;
+  for (const o of e) o * t <= Qt && o > n && (n = o);
+  return n;
+}
+const ne = new Float32Array([
   0,
   0,
   0,
@@ -254,80 +331,129 @@ void main() {
   1,
   3
   // end ring
-]), Ut = (() => {
+]), oe = (() => {
   const t = [];
   for (let e = 0; e < 4; e++) {
-    const n = e, r = (e + 1) % 4, o = 4 + (e + 1) % 4, s = 4 + e;
-    t.push(n, r, o, n, o, s);
+    const n = e, o = (e + 1) % 4, r = 4 + (e + 1) % 4, l = 4 + e;
+    t.push(n, o, r, n, r, l);
   }
   return t;
 })();
-function Jt(t, e) {
-  const { nSeg: n, nV: r, position: o, hwa: s, travelPos: f, travelPrefix: h, layerCount: c, meta: y } = e, l = new Float32Array(n * 3), u = new Float32Array(n * 3), i = new Float32Array(n * 2), b = new Float32Array(n), x = new Float32Array(n);
-  for (let a = 0; a < n; a++) {
-    const m = a * 2 * 4, A = (a * 2 + 1) * 4;
-    l[a * 3] = o[m], l[a * 3 + 1] = o[m + 1], l[a * 3 + 2] = o[m + 2], u[a * 3] = o[A], u[a * 3 + 1] = o[A + 1], u[a * 3 + 2] = o[A + 2], i[a * 2] = s[m], i[a * 2 + 1] = s[m + 1], b[a] = s[m + 3], x[a] = y.vLayer[a * 2];
+function he(t, e) {
+  const { nSeg: n, nV: o, position: r, hwa: l, travelPos: m, travelPrefix: a, layerCount: h, meta: p } = e, s = new Float32Array(n * 3), d = new Float32Array(n * 3), c = new Float32Array(n * 2), L = new Float32Array(n), S = new Float32Array(n), W = new Float32Array(n);
+  for (let i = 0; i < n; i++) {
+    const f = i * 2 * 4, u = (i * 2 + 1) * 4;
+    s[i * 3] = r[f], s[i * 3 + 1] = r[f + 1], s[i * 3 + 2] = r[f + 2], d[i * 3] = r[u], d[i * 3 + 1] = r[u + 1], d[i * 3 + 2] = r[u + 2], c[i * 2] = l[f], c[i * 2 + 1] = l[f + 1], L[i] = l[f + 3], S[i] = p.vLayer[i * 2], W[i] = Kt(l[f + 2], l[u + 2]);
   }
-  const p = new t.InstancedBufferGeometry();
-  p.setAttribute("tpl", new t.BufferAttribute(Bt, 2)), p.setIndex(Ut), p.setAttribute("iStart", new t.InstancedBufferAttribute(l, 3)), p.setAttribute("iEnd", new t.InstancedBufferAttribute(u, 3)), p.setAttribute("iHW", new t.InstancedBufferAttribute(i, 2));
-  const _ = new t.InstancedBufferAttribute(b, 1);
-  p.setAttribute("iColor", _), p.setAttribute("iLayer", new t.InstancedBufferAttribute(x, 1)), p.instanceCount = n, p.boundingSphere = new t.Sphere(new t.Vector3(0, 0, 0), (e.maxAbs || 1) * 2);
-  const M = new t.RawShaderMaterial({
-    vertexShader: zt,
-    fragmentShader: Wt,
+  const b = new t.InstancedBufferGeometry();
+  b.setAttribute("tpl", new t.BufferAttribute(ne, 2)), b.setIndex(oe), b.setAttribute("iStart", new t.InstancedBufferAttribute(s, 3)), b.setAttribute("iEnd", new t.InstancedBufferAttribute(d, 3)), b.setAttribute("iHW", new t.InstancedBufferAttribute(c, 2));
+  const H = new t.InstancedBufferAttribute(L, 1);
+  b.setAttribute("iColor", H), b.setAttribute("iLayer", new t.InstancedBufferAttribute(S, 1)), b.setAttribute("iJoin", new t.InstancedBufferAttribute(W, 1)), b.instanceCount = n, b.boundingSphere = new t.Sphere(new t.Vector3(0, 0, 0), (e.maxAbs || 1) * 2);
+  const B = new t.RawShaderMaterial({
+    vertexShader: Zt,
+    fragmentShader: qt,
     glslVersion: t.GLSL3,
-    side: t.DoubleSide,
-    uniforms: { uLayerLo: { value: 0 }, uLayerHi: { value: Math.max(0, c - 1) } }
-  }), O = new t.Mesh(p, M);
-  O.frustumCulled = !1;
+    // Every face of the template winds outward (test_toolpath_contract.mjs), so a back face is only ever the
+    //  inside of a bead seen through its open end. Drawing those doubled the GPU time of a frame: measured on a
+    //  14.6M-segment scene (6 plates, M5 Pro, DPR 2), 53.6 -> 29.4 ms with back faces culled.
+    side: t.FrontSide,
+    uniforms: { uLayerLo: { value: 0 }, uLayerHi: { value: Math.max(0, h - 1) } }
+  }), _ = new t.Mesh(b, B);
+  _.frustumCulled = !1;
+  const E = Rt(p.vType, p.vLayer), F = Ft.map((i) => {
+    const { source: f, layers: u } = Ht((y) => S[y], n, i, E), v = f.length, g = new Float32Array(v * 3), M = new Float32Array(v * 3), V = new Float32Array(v * 2), X = new Float32Array(v), tt = new Float32Array(v), Y = new Float32Array(v);
+    for (let y = 0; y < v; y++) {
+      const A = f[y], j = c[A * 2], T = (u[y] - 1) * j / 2;
+      g[y * 3] = s[A * 3], g[y * 3 + 1] = s[A * 3 + 1], g[y * 3 + 2] = s[A * 3 + 2] - T, M[y * 3] = d[A * 3], M[y * 3 + 1] = d[A * 3 + 1], M[y * 3 + 2] = d[A * 3 + 2] - T, V[y * 2] = j * u[y], V[y * 2 + 1] = c[A * 2 + 1], X[y] = L[A], tt[y] = S[A], Y[y] = W[A];
+    }
+    const w = new t.InstancedBufferGeometry();
+    w.setAttribute("tpl", b.attributes.tpl), w.setIndex(b.index), w.setAttribute("iStart", new t.InstancedBufferAttribute(g, 3)), w.setAttribute("iEnd", new t.InstancedBufferAttribute(M, 3)), w.setAttribute("iHW", new t.InstancedBufferAttribute(V, 2));
+    const $ = new t.InstancedBufferAttribute(X, 1);
+    w.setAttribute("iColor", $), w.setAttribute("iLayer", new t.InstancedBufferAttribute(tt, 1)), w.setAttribute("iJoin", new t.InstancedBufferAttribute(Y, 1)), w.instanceCount = v;
+    const P = new t.Mesh(w, B);
+    return P.frustumCulled = !1, P.visible = !1, _.add(P), { k: i, mesh: P, source: f, colors: X, colorAttr: $ };
+  });
+  let I = 1, z = !0;
+  const D = (i) => {
+    if (i !== I) {
+      I = i;
+      for (const f of F) f.mesh.visible = f.k === i;
+      b.instanceCount = 0, i === 1 && (b.instanceCount = n);
+    }
+  }, it = Et((i) => c[i * 2], n), K = e.bbox && new t.Box3(new t.Vector3(...e.bbox.min), new t.Vector3(...e.bbox.max)), G = new t.Box3(), Z = (i, f) => {
+    if (!z || !K || !i?.isPerspectiveCamera) {
+      D(1);
+      return;
+    }
+    G.copy(K).applyMatrix4(_.matrixWorld), D(ee(te(it, G.distanceToPoint(i.position), i.fov, f)));
+  };
+  _.userData.updateLod = Z;
   const N = new t.BufferGeometry();
-  N.setAttribute("position", new t.BufferAttribute(f, 3));
-  const z = new t.LineBasicMaterial({ color: Vt.travel, transparent: !0, opacity: 0.6 }), g = new t.LineSegments(N, z);
-  g.visible = !1, g.frustumCulled = !1;
-  const C = (a, m) => {
-    const A = Math.max(0, c - 1), S = Math.max(0, Math.min(a | 0, A)), I = Math.max(S, Math.min(m | 0, A));
-    M.uniforms.uLayerLo.value = S, M.uniforms.uLayerHi.value = I;
-    const T = h[S] * 2, W = h[I + 1] * 2;
-    N.setDrawRange(T, Math.max(0, W - T));
+  N.setAttribute("position", new t.BufferAttribute(m, 3));
+  const q = new t.LineBasicMaterial({ color: Ut.travel, transparent: !0, opacity: 0.6 }), k = new t.LineSegments(N, q);
+  k.visible = !1, k.frustumCulled = !1;
+  let O = 0, x = Math.max(0, h - 1);
+  const J = (i, f) => {
+    const u = Math.max(0, h - 1), v = Math.max(0, Math.min(i | 0, u)), g = Math.max(v, Math.min(f | 0, u));
+    O = v, x = g, I === 1 && (b.instanceCount = n), B.uniforms.uLayerLo.value = v, B.uniforms.uLayerHi.value = g, z = v === 0 && g === u, z || D(1);
+    const M = a[v] * 2, V = a[g + 1] * 2;
+    N.setDrawRange(M, Math.max(0, V - M));
   };
-  return C(0, c - 1), {
-    mesh: O,
-    travLines: g,
-    setLayerRange: C,
-    setVisibleLayers: (a) => C(0, (a | 0) - 1),
-    setTravelVisible: (a) => {
-      g.visible = !!a;
+  return J(0, h - 1), {
+    mesh: _,
+    travLines: k,
+    setLayerRange: J,
+    setMoveRange: (i) => {
+      if (i == null)
+        return J(O, x), null;
+      const f = Gt(e, O, x), u = Jt(e, f, i);
+      z = !1, D(1), b.instanceCount = e.layerSegPrefix[f] + u.segCount;
+      const v = a[O] * 2;
+      return N.setDrawRange(v, Math.max(0, (a[f] + u.travCount) * 2 - v)), { ...u, layer: f };
+    },
+    data: e,
+    setVisibleLayers: (i) => J(0, (i | 0) - 1),
+    setTravelVisible: (i) => {
+      k.visible = !!i;
     },
     /** color is Float32Array(nV*4) with the packed value in .r — computeColors' output shape. One instance
      *  takes the colour of its first vertex; the two agree, since a segment is one colour. */
-    setColors: (a) => {
-      if (!(!a || a.length < r * 4)) {
-        for (let m = 0; m < n; m++) b[m] = a[m * 2 * 4];
-        _.needsUpdate = !0;
+    setColors: (i) => {
+      if (!(!i || i.length < o * 4)) {
+        for (let f = 0; f < n; f++) L[f] = i[f * 2 * 4];
+        H.needsUpdate = !0;
+        for (const f of F) {
+          for (let u = 0; u < f.source.length; u++) f.colors[u] = L[f.source[u]];
+          f.colorAttr.needsUpdate = !0;
+        }
       }
     },
+    /** Call once per frame before rendering; viewportPixels is the drawing buffer's height. */
+    updateLod: Z,
+    lodLevel: () => I,
     dispose: () => {
-      p.dispose(), M.dispose(), N.dispose(), z.dispose();
+      for (const i of F) i.mesh.geometry.dispose();
+      b.dispose(), B.dispose(), N.dispose(), q.dispose();
     },
     nSeg: n,
-    layerCount: c
+    layerCount: h
   };
 }
 export {
-  It as DEFAULT_RANGES_COLORS,
-  bt as TOOL_COLOR,
-  V as TYPE_COLOR,
-  Mt as TYPE_LABEL,
-  Ut as VERTEX_DATA,
-  At as VIEW_TYPES,
-  jt as buildSegmentData,
-  qt as computeColors,
-  Nt as hexToRgb,
-  Rt as layerMoveCount,
-  Jt as makeToolpath,
-  Zt as moveCursor,
-  ot as packColor,
-  St as rangeColorAt,
-  Kt as roleRatios,
-  Xt as topMoveLayer
+  Ot as DEFAULT_RANGES_COLORS,
+  wt as TOOL_COLOR,
+  R as TYPE_COLOR,
+  Bt as TYPE_LABEL,
+  oe as VERTEX_DATA,
+  Ct as VIEW_TYPES,
+  le as buildSegmentData,
+  ue as computeColors,
+  _t as hexToRgb,
+  fe as layerMoveCount,
+  he as makeToolpath,
+  Jt as moveCursor,
+  lt as packColor,
+  kt as rangeColorAt,
+  ce as roleRatios,
+  Gt as topMoveLayer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-slicer-viewer",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "The three-slicer viewer without the slicer — model loading, G-code parsing, GPU toolpath rendering and the settings transforms, under MIT. Plug a slicer in through the `slicer` prop.",
   "license": "MIT",
   "type": "module",
@@ -35,6 +35,10 @@
       "types": "./types/toggle.d.ts",
       "default": "./src/settings/toggle_eval.js"
     },
+    "./paint": {
+      "types": "./types/paint.d.ts",
+      "default": "./src/core/paint_tools.js"
+    },
     "./components": {
       "types": "./types/components.d.ts",
       "default": "./dist/components.js"
@@ -49,6 +53,7 @@
     "VIEWER.md",
     "data",
     "dist",
+    "src/core/paint_tools.js",
     "src/data.js",
     "src/settings",
     "types",