three-slicer 0.1.0 → 0.1.1

package/viewer/dist/model_loaders.js

@@ -1,144 +1,256 @@
-import * as T from "three";
-import { OBJLoader as E } from "three/examples/jsm/loaders/OBJLoader.js";
-import { PLYLoader as F } from "three/examples/jsm/loaders/PLYLoader.js";
-import { ThreeMFLoader as x } from "three/examples/jsm/loaders/3MFLoader.js";
-import { AMFLoader as L } from "three/examples/jsm/loaders/AMFLoader.js";
-const O = ["stl", "obj", "3mf", "amf", "ply"];
-function A(e) {
-  const o = e.lastIndexOf(".");
-  return o < 0 ? "" : e.slice(o + 1).toLowerCase();
+import * as C from "three";
+import { OBJLoader as U } from "three/examples/jsm/loaders/OBJLoader.js";
+import { PLYLoader as V } from "three/examples/jsm/loaders/PLYLoader.js";
+import { AMFLoader as W } from "three/examples/jsm/loaders/AMFLoader.js";
+import { unzipSync as X } from "three/examples/jsm/libs/fflate.module.js";
+const x = [1, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0];
+function J(t, e) {
+  const s = new Array(12);
+  for (let n = 0; n < 4; n++)
+    for (let o = 0; o < 3; o++)
+      s[n * 3 + o] = t[n * 3] * e[o] + t[n * 3 + 1] * e[3 + o] + t[n * 3 + 2] * e[6 + o] + (n === 3 ? e[9 + o] : 0);
+  return s;
 }
-function v(e) {
-  const o = new DataView(e);
-  if (e.byteLength >= 84) {
-    const u = o.getUint32(80, !0);
-    if (e.byteLength === 84 + u * 50) {
-      const c = new Float32Array(u * 9);
-      let a = 84, p = 0;
-      for (let d = 0; d < u; d++) {
-        a += 12;
-        for (let t = 0; t < 3; t++)
-          c[p++] = o.getFloat32(a, !0), c[p++] = o.getFloat32(a + 4, !0), c[p++] = o.getFloat32(a + 8, !0), a += 12;
-        a += 2;
+function R(t) {
+  if (!t) return x;
+  const e = t.trim().split(/\s+/).map(Number);
+  return e.length === 12 && e.every(Number.isFinite) ? e : x;
+}
+const k = {};
+function w(t, e) {
+  const n = (k[e] || (k[e] = new RegExp(`\\b${e}\\s*=\\s*"([^"]*)"`))).exec(t);
+  return n ? n[1] : null;
+}
+const z = /<vertex\s+x="([^"]*)"\s+y="([^"]*)"\s+z="([^"]*)"/g, I = /<triangle\s+v1="([^"]*)"\s+v2="([^"]*)"\s+v3="([^"]*)"/g;
+function Y(t) {
+  const e = [];
+  z.lastIndex = 0;
+  let s;
+  for (; s = z.exec(t); ) e.push(+s[1], +s[2], +s[3]);
+  if (!e.length)
+    for (const o of t.match(/<vertex\b[^>]*>/g) || []) e.push(+w(o, "x"), +w(o, "y"), +w(o, "z"));
+  if (e.length < 9) return null;
+  const n = [];
+  for (I.lastIndex = 0; s = I.exec(t); ) n.push(+s[1], +s[2], +s[3]);
+  if (!n.length)
+    for (const o of t.match(/<triangle\b[^>]*>/g) || []) n.push(+w(o, "v1"), +w(o, "v2"), +w(o, "v3"));
+  return n.length ? { verts: e, tris: n } : null;
+}
+function H(t) {
+  const e = /* @__PURE__ */ new Map(), s = /<object\b([^>]*)>([\s\S]*?)<\/object>/g;
+  let n;
+  for (; n = s.exec(t); ) {
+    const i = w(n[1], "id");
+    if (!i) continue;
+    const c = n[2], p = [];
+    for (const d of c.match(/<component\b[^>]*>/g) || []) {
+      const h = w(d, "objectid");
+      h && p.push({ objectid: h, path: w(d, "p:path") || w(d, "path"), transform: R(w(d, "transform")) });
+    }
+    e.set(i, p.length ? { components: p } : { mesh: Y(c) });
+  }
+  const o = [], u = /<build\b[^>]*>([\s\S]*?)<\/build>/.exec(t);
+  if (u)
+    for (const i of u[1].match(/<item\b[^>]*>/g) || []) {
+      const c = w(i, "objectid");
+      c && o.push({ objectid: c, path: w(i, "p:path") || w(i, "path"), transform: R(w(i, "transform")) });
+    }
+  return { objects: e, items: o };
+}
+function L(t) {
+  const e = String(t).replace(/^\/+/, "");
+  return e.includes("%") ? decodeURIComponent(e) : e;
+}
+function Q(t, e = "model") {
+  const s = ArrayBuffer.isView(t) ? new Uint8Array(t.buffer, t.byteOffset, t.byteLength) : new Uint8Array(t), n = X(s), o = /* @__PURE__ */ new Map();
+  for (const a of Object.keys(n)) o.set(L(a), n[a]);
+  const u = new TextDecoder(), i = /* @__PURE__ */ new Map(), c = (a) => {
+    const m = L(a);
+    if (i.has(m)) return i.get(m);
+    const l = o.get(m), M = l ? H(u.decode(l)) : null;
+    return i.set(m, M), M;
+  };
+  let p = "3D/3dmodel.model";
+  const d = o.get("_rels/.rels");
+  if (d) {
+    for (const a of u.decode(d).match(/<Relationship\b[^>]*>/g) || [])
+      if ((w(a, "Type") || "").endsWith("/3dmodel")) {
+        p = L(w(a, "Target"));
+        break;
+      }
+  }
+  const h = c(p);
+  if (!h) throw new Error(`3MF 루트 모델 없음: ${p}`);
+  const r = [], f = (a, m, l, M, $) => {
+    if ($ > 16) return;
+    const T = c(m), E = T == null ? void 0 : T.objects.get(a);
+    if (!E) return;
+    if (E.components) {
+      for (const y of E.components) f(y.objectid, y.path || m, J(y.transform, l), M, $ + 1);
+      return;
+    }
+    if (!E.mesh) return;
+    const { verts: v, tris: S } = E.mesh;
+    for (let y = 0; y < S.length; y++) {
+      const A = S[y] * 3, b = v[A], j = v[A + 1], F = v[A + 2];
+      M.push(
+        b * l[0] + j * l[3] + F * l[6] + l[9],
+        b * l[1] + j * l[4] + F * l[7] + l[10],
+        b * l[2] + j * l[5] + F * l[8] + l[11]
+      );
+    }
+  }, g = h.items.length ? h.items : [...h.objects.keys()].filter((a) => h.objects.get(a).mesh).map((a) => ({ objectid: a, path: p, transform: x }));
+  return g.forEach((a, m) => {
+    const l = [];
+    f(a.objectid, a.path || p, a.transform, l, 0), l.length >= 9 && r.push({ name: g.length > 1 ? `${e}#${m + 1}` : e, tris: new Float32Array(l) });
+  }), r;
+}
+const P = ["stl", "obj", "3mf", "amf", "ply"], _ = /* @__PURE__ */ new Map();
+function et(t, e) {
+  for (const s of (Array.isArray(t) ? t : String(t).split(",")).map((n) => n.trim().toLowerCase()))
+    _.set(s, e), P.includes(s) || P.push(s);
+}
+function q(t) {
+  const e = t.lastIndexOf(".");
+  return e < 0 ? "" : t.slice(e + 1).toLowerCase();
+}
+function G(t) {
+  const e = new DataView(t);
+  if (t.byteLength >= 84) {
+    const i = e.getUint32(80, !0);
+    if (t.byteLength === 84 + i * 50) {
+      const c = new Float32Array(i * 9);
+      let p = 84, d = 0;
+      for (let h = 0; h < i; h++) {
+        p += 12;
+        for (let r = 0; r < 3; r++)
+          c[d++] = e.getFloat32(p, !0), c[d++] = e.getFloat32(p + 4, !0), c[d++] = e.getFloat32(p + 8, !0), p += 12;
+        p += 2;
       }
       return c;
     }
   }
-  const l = new TextDecoder().decode(e), n = /vertex\s+([-\d.eE+]+)\s+([-\d.eE+]+)\s+([-\d.eE+]+)/g, r = [];
-  let i;
-  for (; i = n.exec(l); ) r.push(+i[1], +i[2], +i[3]);
-  return r.length < 9 ? null : new Float32Array(r);
+  const s = new TextDecoder().decode(t), n = /vertex\s+([-\d.eE+]+)\s+([-\d.eE+]+)\s+([-\d.eE+]+)/g, o = [];
+  let u;
+  for (; u = n.exec(s); ) o.push(+u[1], +u[2], +u[3]);
+  return o.length < 9 ? null : new Float32Array(o);
 }
-function y(e, o) {
-  var p;
-  const l = (p = e == null ? void 0 : e.attributes) == null ? void 0 : p.position;
-  if (!l || l.count < 3) return null;
-  const n = e.index, r = new T.Vector3(), i = Math.floor((n ? n.count : l.count) / 3), u = new Float32Array(i * 9);
+function B(t, e) {
+  var d;
+  const s = (d = t == null ? void 0 : t.attributes) == null ? void 0 : d.position;
+  if (!s || s.count < 3) return null;
+  const n = t.index, o = new C.Vector3(), u = Math.floor((n ? n.count : s.count) / 3), i = new Float32Array(u * 9);
   let c = 0;
-  const a = (d) => {
-    r.fromBufferAttribute(l, d), o && r.applyMatrix4(o), u[c++] = r.x, u[c++] = r.y, u[c++] = r.z;
+  const p = (h) => {
+    o.fromBufferAttribute(s, h), e && o.applyMatrix4(e), i[c++] = o.x, i[c++] = o.y, i[c++] = o.z;
   };
   if (n)
-    for (let d = 0; d < i * 3; d++) a(n.getX(d));
+    for (let h = 0; h < u * 3; h++) p(n.getX(h));
   else
-    for (let d = 0; d < i * 3; d++) a(d);
-  return u;
+    for (let h = 0; h < u * 3; h++) p(h);
+  return i;
 }
-function m(e) {
-  e.updateMatrixWorld(!0);
-  const o = [];
-  return e.traverse((l) => {
-    l.isMesh && l.geometry && o.push({ geometry: l.geometry, matrix: l.matrixWorld });
-  }), o;
+function D(t) {
+  t.updateMatrixWorld(!0);
+  const e = [];
+  return t.traverse((s) => {
+    s.isMesh && s.geometry && e.push({ geometry: s.geometry, matrix: s.matrixWorld });
+  }), e;
 }
-function M(e, o, l) {
-  const n = o.map((c) => y(c.geometry, c.matrix)).filter(Boolean);
+function O(t, e, s) {
+  const n = e.map((c) => B(c.geometry, c.matrix)).filter(Boolean);
   if (!n.length) return [];
-  if (l && n.length > 1)
-    return n.map((c, a) => ({ name: `${e}#${a + 1}`, modelPos: c }));
-  if (n.length === 1) return [{ name: e, modelPos: n[0] }];
-  let r = 0;
-  for (const c of n) r += c.length;
-  const i = new Float32Array(r);
-  let u = 0;
+  if (s && n.length > 1)
+    return n.map((c, p) => ({ name: `${t}#${p + 1}`, modelPos: c }));
+  if (n.length === 1) return [{ name: t, modelPos: n[0] }];
+  let o = 0;
+  for (const c of n) o += c.length;
+  const u = new Float32Array(o);
+  let i = 0;
   for (const c of n)
-    i.set(c, u), u += c.length;
-  return [{ name: e, modelPos: i }];
+    u.set(c, i), i += c.length;
+  return [{ name: t, modelPos: u }];
 }
-async function k(e, o) {
-  const l = A(e);
-  switch (l) {
+async function nt(t, e) {
+  const s = q(t);
+  switch (s) {
     case "stl": {
-      const n = v(o);
+      const n = G(e);
       if (!n) throw new Error("STL 파싱 실패");
-      return [{ name: e, modelPos: n }];
+      return [{ name: t, modelPos: n }];
     }
     case "obj": {
-      const n = new E().parse(new TextDecoder().decode(o));
-      return M(e, m(n), !1);
+      const n = new U().parse(new TextDecoder().decode(e));
+      return O(t, D(n), !1);
     }
     case "ply": {
-      const n = new F().parse(o), r = y(n, null);
-      if (!r) throw new Error("PLY 지오메트리 없음");
-      return [{ name: e, modelPos: r }];
+      const n = new V().parse(e), o = B(n, null);
+      if (!o) throw new Error("PLY 지오메트리 없음");
+      return [{ name: t, modelPos: o }];
     }
     case "3mf": {
-      const n = new x().parse(o), r = M(e, m(n), !0);
-      if (!r.length) throw new Error("3MF 메시 없음");
-      return r;
+      const n = Q(e, t).map((o) => ({ name: o.name, modelPos: o.tris }));
+      if (!n.length) throw new Error("3MF 메시 없음");
+      return n;
     }
     case "amf": {
-      const n = new L().parse(o), r = M(e, m(n), !0);
-      if (!r.length) throw new Error("AMF 메시 없음");
-      return r;
+      const n = new W().parse(e), o = O(t, D(n), !0);
+      if (!o.length) throw new Error("AMF 메시 없음");
+      return o;
+    }
+    default: {
+      const n = _.get(s);
+      if (!n) throw new Error(`지원하지 않는 포맷: .${s}`);
+      const o = await n(e, t);
+      if (!(o != null && o.length)) throw new Error(`.${s} 메시 없음`);
+      return o;
     }
-    default:
-      throw new Error(`지원하지 않는 포맷: .${l} (STEP 은 범위 외 — OCCT 필요)`);
   }
 }
-function D(e) {
-  const o = Math.floor(e.length / 9);
-  if (o < 2) return null;
-  const l = 1e4, n = /* @__PURE__ */ new Map(), r = new Int32Array(o * 3);
-  for (let t = 0; t < o; t++)
-    for (let s = 0; s < 3; s++) {
-      const f = t * 9 + s * 3, w = `${Math.round(e[f] * l)},${Math.round(e[f + 1] * l)},${Math.round(e[f + 2] * l)}`;
-      let h = n.get(w);
-      h === void 0 && (h = n.size, n.set(w, h)), r[t * 3 + s] = h;
+function ot(t) {
+  const e = Math.floor(t.length / 9);
+  if (e < 2) return null;
+  const s = 1e4, n = /* @__PURE__ */ new Map(), o = new Int32Array(e * 3);
+  for (let r = 0; r < e; r++)
+    for (let f = 0; f < 3; f++) {
+      const g = r * 9 + f * 3, a = `${Math.round(t[g] * s)},${Math.round(t[g + 1] * s)},${Math.round(t[g + 2] * s)}`;
+      let m = n.get(a);
+      m === void 0 && (m = n.size, n.set(a, m)), o[r * 3 + f] = m;
     }
-  const i = new Int32Array(o);
-  for (let t = 0; t < o; t++) i[t] = t;
-  const u = (t) => {
-    for (; i[t] !== t; )
-      i[t] = i[i[t]], t = i[t];
-    return t;
-  }, c = (t, s) => {
-    t = u(t), s = u(s), t !== s && (i[s] = t);
-  }, a = /* @__PURE__ */ new Map();
-  for (let t = 0; t < o; t++)
-    for (let s = 0; s < 3; s++) {
-      const f = r[t * 3 + s], w = r[t * 3 + (s + 1) % 3], h = f < w ? f * 4294967296 + w : w * 4294967296 + f, g = a.get(h);
-      g === void 0 ? a.set(h, t) : c(t, g);
+  const u = new Int32Array(e);
+  for (let r = 0; r < e; r++) u[r] = r;
+  const i = (r) => {
+    for (; u[r] !== r; )
+      u[r] = u[u[r]], r = u[r];
+    return r;
+  }, c = (r, f) => {
+    r = i(r), f = i(f), r !== f && (u[f] = r);
+  }, p = /* @__PURE__ */ new Map();
+  for (let r = 0; r < e; r++)
+    for (let f = 0; f < 3; f++) {
+      const g = o[r * 3 + f], a = o[r * 3 + (f + 1) % 3], m = g < a ? g * 4294967296 + a : a * 4294967296 + g, l = p.get(m);
+      l === void 0 ? p.set(m, r) : c(r, l);
     }
-  const p = /* @__PURE__ */ new Map();
-  for (let t = 0; t < o; t++) {
-    const s = u(t);
-    let f = p.get(s);
-    f || (f = [], p.set(s, f)), f.push(t);
+  const d = /* @__PURE__ */ new Map();
+  for (let r = 0; r < e; r++) {
+    const f = i(r);
+    let g = d.get(f);
+    g || (g = [], d.set(f, g)), g.push(r);
   }
-  return p.size < 2 ? null : [...p.values()].sort((t, s) => s.length - t.length).map((t) => {
-    const s = new Float32Array(t.length * 9);
-    let f = 0;
-    for (const w of t) {
-      const h = w * 9;
-      for (let g = 0; g < 9; g++) s[f++] = e[h + g];
+  return d.size < 2 ? null : [...d.values()].sort((r, f) => f.length - r.length).map((r) => {
+    const f = new Float32Array(r.length * 9);
+    let g = 0;
+    for (const a of r) {
+      const m = a * 9;
+      for (let l = 0; l < 9; l++) f[g++] = t[m + l];
     }
-    return s;
+    return f;
   });
 }
 export {
-  O as SUPPORTED_EXT,
-  A as fileExt,
-  k as loadModel,
-  D as splitConnectedComponents
+  P as SUPPORTED_EXT,
+  q as fileExt,
+  nt as loadModel,
+  et as registerLoader,
+  ot as splitConnectedComponents
 };

package/viewer/styles.css

@@ -131,6 +131,8 @@
 /* ⑤ 하단 고정 버튼 바 */
 .side-bottom { flex: 0 0 auto; display: flex; gap: 8px; padding: 10px; border-top: 1px solid #dcdfe3; background: #e6e9ec; }
 .side-bottom .slice-btn { flex: 1.4; margin: 0; }
+.auto-slice { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #444; cursor: pointer; white-space: nowrap; user-select: none; }
+.auto-slice input { margin: 0; }
 .export-btn { flex: 1; text-align: center; padding: 9px; border-radius: 8px; background: #dfe6ea; color: #1f6feb;
   border: 1px solid #c7d2da; text-decoration: none; font-weight: 600; cursor: pointer; font-size: 13px; }
 .export-btn:hover { background: #d3dee4; }