@souldi/try-on 0.1.50 → 0.1.52

package/dist/mannequin-loader.mjs

@@ -0,0 +1,240 @@
+//#region src/mannequin3d.js
+async function e(e, t, n = []) {
+	let [r, { GLTFLoader: i }] = await Promise.all([import("./mannequin-chunks/three.module-BqUhHzuP.mjs"), import("./mannequin-chunks/GLTFLoader-S0hpQWQS.mjs")]), a = !1, o = new r.Scene(), s = e.clientWidth || 300, c = e.clientHeight || 260, l = new r.WebGLRenderer({
+		antialias: !0,
+		alpha: !0
+	});
+	l.setPixelRatio(Math.min(2, window.devicePixelRatio || 1)), l.setSize(s, c), l.outputColorSpace = r.SRGBColorSpace, l.domElement.style.cssText = "position:absolute;inset:0;z-index:1;", e.appendChild(l.domElement), o.add(new r.HemisphereLight(16777215, 12170412, 1.5));
+	let u = new r.DirectionalLight(16777215, 1.6);
+	u.position.set(2, 4, 5), o.add(u);
+	let d = new r.DirectionalLight(16777215, .7);
+	d.position.set(-3, 2, -4), o.add(d);
+	let f = new r.MeshStandardMaterial({
+		color: 16053489,
+		roughness: .45,
+		metalness: 0
+	}), p = [f], m = [], h = await new Promise((e, n) => new i().load(t, e, void 0, n));
+	if (a) return { destroy() {} };
+	let g = h.scene;
+	g.traverse((e) => {
+		e.isMesh && (e.material = f, p.push(e.geometry));
+	}), o.add(g);
+	let _ = new r.Box3().setFromObject(g), v = 1.68 / (_.max.y - _.min.y || 1);
+	g.scale.setScalar(v), g.updateMatrixWorld(!0);
+	let y = new r.Box3().setFromObject(g);
+	g.position.y -= y.min.y + .7, g.position.x -= (y.min.x + y.max.x) / 2, g.position.z -= (y.min.z + y.max.z) / 2, g.updateMatrixWorld(!0);
+	let b = .01, x = [], S = new r.Vector3();
+	g.traverse((e) => {
+		if (!e.isMesh) return;
+		let t = e.geometry.getAttribute("position"), n = Math.max(1, Math.floor(t.count / 8e4));
+		for (let r = 0; r < t.count; r += n) S.fromBufferAttribute(t, r), e.localToWorld(S), x.push(S.x, S.y, S.z);
+	});
+	let C = .98, w = (e, t) => {
+		let n = [];
+		for (let r = 0; r < x.length; r += 3) Math.abs(x[r + 1] - e) <= t && n.push([x[r], x[r + 2]]);
+		return n;
+	}, T = (e, t, n, r) => {
+		let i = w(e, r || .011), a = Infinity, o = -Infinity, s = Infinity, c = -Infinity, l = 0;
+		return i.forEach((e) => {
+			e[0] <= t || e[0] >= n || (l++, e[0] < a && (a = e[0]), e[0] > o && (o = e[0]), e[1] < s && (s = e[1]), e[1] > c && (c = e[1]));
+		}), l < 6 ? null : {
+			x0: a,
+			x1: o,
+			z0: s,
+			z1: c,
+			cx: (a + o) / 2,
+			cz: (s + c) / 2,
+			w: o - a
+		};
+	}, E = (e) => {
+		let t = T(e, -.5, .5, .008);
+		return t ? t.w : 0;
+	}, ee = Math.max(.08, E(C - .1)), D = C - .28;
+	for (let e = C - .12; e > C - .45; e -= .01) if (E(e) > ee * 1.9) {
+		D = e - .015;
+		break;
+	}
+	let O = D - .13, k = T(O, -.19, .19), A = {
+		shY: D,
+		shHalf: E(D) / 2,
+		chestY: O,
+		rx: k ? k.w / 2 : .14,
+		zc: k ? k.cz : 0,
+		zF: k ? k.z1 : .1
+	}, j = null, M = null;
+	for (let e = A.shY - .28; e > A.shY - .44; e -= .015) {
+		let t = T(e, -.19, .19);
+		t && (!j || t.w < j.t.w) && (j = {
+			y: e,
+			t
+		});
+	}
+	for (let e = A.shY - .42; e > A.shY - .54; e -= .02) {
+		let t = T(e, -.165, .165);
+		t && (!M || t.w > M.t.w) && (M = {
+			y: e,
+			t
+		});
+	}
+	A.waistRow = j, A.hipsRow = M, A.crotchY = M ? M.y - .12 : A.shY - .6;
+	let N = new r.PerspectiveCamera(30, s / c, .05, 100), P = D - .3;
+	N.position.set(0, P, 2.35), N.lookAt(0, P, 0);
+	let F = new r.Group();
+	o.add(F);
+	let I = "#5F7F63", L = (e, t, n) => new r.Vector3(e, t, n), R = {}, z = (e, t, n, i) => {
+		let a = new r.CatmullRomCurve3(e, t, "catmullrom", .5), o = new r.TubeGeometry(a, t ? 90 : 40, n, 8, t), s = new r.TubeGeometry(a, t ? 90 : 40, n * 2.2, 8, t), c = new r.MeshBasicMaterial({ color: i || I }), l = new r.MeshBasicMaterial({
+			color: i || I,
+			transparent: !0,
+			opacity: .15,
+			depthWrite: !1
+		});
+		m.push(o, s, c, l), F.add(new r.Mesh(o, c)), F.add(new r.Mesh(s, l));
+	}, B = (e, t, n) => Math.max(.4, (e + n / (2 * Math.PI) * b) / (e + t)), te = (e, t, n) => Math.max(.4, (e + n / 2 * b) / (e + t)), ne = (e, t) => {
+		let n = (A.rx + .012) * e, r = n * .72, i = A.zF - A.zc - r * .4, a = [];
+		for (let e = 0; e < 36; e++) {
+			let t = e / 36 * Math.PI * 2, o = Math.sin(t);
+			a.push(L(n * Math.cos(t), A.chestY - .012 * Math.max(0, o), A.zc + r * o + Math.max(0, i) * Math.max(0, o) * Math.max(0, o)));
+		}
+		z(a, !0, .7 * b, t), R.chest = L(-(n + b), A.chestY, A.zc);
+	}, re = (e, t) => {
+		let n = (A.shHalf - .015) * e, r = T(A.shY, -.25, .25), i = r ? r.cz : A.zc;
+		z([
+			L(-(n + b), A.shY - .5 * b, i + 2 * b),
+			L(-n * .5, A.shY + 3.5 * b, i + 5 * b),
+			L(0, A.shY + 4.5 * b, i + 6 * b),
+			L(n * .5, A.shY + 3.5 * b, i + 5 * b),
+			L(n + b, A.shY - .5 * b, i + 2 * b)
+		], !1, .65 * b, t), R.shoulder_width = L(-(n + 1.5 * b), A.shY - .5 * b, i + 2 * b);
+	}, V = (e, t, n, r) => {
+		if (!e) return;
+		let i = (e.t.w / 2 + .008) * t, a = Math.min((e.t.z1 - e.t.z0) / 2 + .008, i * .78) * t, o = [];
+		for (let t = 0; t < 36; t++) {
+			let n = t / 36 * Math.PI * 2;
+			o.push(L(e.t.cx + i * Math.cos(n), e.y, e.t.cz + a * Math.sin(n)));
+		}
+		z(o, !0, .7 * b, r), R[n] = L(e.t.cx - i - b, e.y, e.t.cz);
+	}, ie = (e, t) => {
+		let n = [];
+		for (let e = A.shY - .05; e > A.shY - .25; e -= .015) {
+			let t = w(e, .012);
+			if (!t.length) continue;
+			let r = t[0];
+			t.forEach((e) => {
+				e[0] > r[0] && (r = e);
+			}), n.push([
+				r[0],
+				e,
+				r[1]
+			]);
+		}
+		if (n.length < 5) return;
+		let r = 0, i = 0, a = 0, o = 0, s = 0, c = 0, l = n.length;
+		n.forEach(([e, t, n]) => {
+			r += t, i += t * t, a += e, o += e * t, s += n, c += n * t;
+		});
+		let u = l * i - r * r, d = (l * o - a * r) / u, f = (a - d * r) / l, p = (l * c - s * r) / u, m = (s - p * r) / l, h = A.shY - .02, g = L(f + d * h, h, m + p * h), _ = L(d, 1, p).normalize();
+		_.y > 0 && _.multiplyScalar(-1);
+		let v = g.clone().addScaledVector(_, Math.max(e, 4) * b * 1.1), y = [];
+		for (let e = 0; e <= 6; e++) {
+			let t = g.clone().lerp(v, e / 6);
+			t.x += .8 * b, t.z += .5 * b, y.push(t);
+		}
+		z(y, !1, .7 * b, t), R.sleeve_length = y[y.length - 1].clone();
+	}, ae = (e, t) => {
+		if (!A.hipsRow) return;
+		let n = A.hipsRow.y - .1, r = n - Math.max(e, 4) * b * .9, i = [];
+		for (let e = 0; e <= 10; e++) {
+			let t = n + (r - n) * (e / 10), a = t > A.crotchY ? T(t, -.165, .165) : T(t, .006, .16, .016);
+			i.push(L(a ? a.cx : 0, t, a ? a.z1 : A.zF));
+		}
+		z(i, !1, .65 * b, t), R.inseam = i[i.length - 1].clone();
+	}, H = (e) => {
+		for (; F.children.length;) {
+			let e = F.children.pop();
+			e.geometry.dispose(), e.material.dispose();
+		}
+		m = [];
+		for (let e in R) delete R[e];
+		for (let t of e) {
+			let e = t.color || I;
+			t.key === "chest" ? ne(B(A.rx, .012, t.easeCm), e) : t.key === "waist" && A.waistRow ? V(A.waistRow, B(A.waistRow.t.w / 2, .008, t.easeCm), "waist", e) : t.key === "hips" && A.hipsRow ? V(A.hipsRow, B(A.hipsRow.t.w / 2, .008, t.easeCm), "hips", e) : t.key === "shoulder_width" ? re(te(A.shHalf, .015, t.easeCm), e) : t.key === "sleeve_length" ? ie(20 + t.easeCm, e) : t.key === "inseam" && ae(60 + t.easeCm, e);
+		}
+	};
+	H(n);
+	let U = document.createElement("div");
+	U.style.cssText = "position:absolute;inset:0;z-index:2;pointer-events:none;font-family:Manrope,system-ui,sans-serif;";
+	let W = "http://www.w3.org/2000/svg", G = document.createElementNS(W, "svg");
+	G.setAttribute("width", String(s)), G.setAttribute("height", String(c)), G.style.cssText = "position:absolute;inset:0;", U.appendChild(G), e.appendChild(U);
+	let K = n.filter((e) => R[e.key]), q = {}, J = {}, Y = {}, X = {};
+	K.forEach((e) => {
+		let t = document.createElement("div");
+		t.style.cssText = "position:absolute;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.94);border-radius:999px;padding:4px 10px 4px 5px;box-shadow:0 6px 20px rgba(28,28,22,0.12);white-space:nowrap;";
+		let n = document.createElement("span");
+		n.style.cssText = "width:16px;height:16px;border-radius:50%;background:#6F8F72;color:#FAF7ED;font-size:9.5px;font-weight:700;flex:none;display:inline-flex;align-items:center;justify-content:center;", n.textContent = e.letter;
+		let r = document.createElement("span");
+		r.style.cssText = `font-size:11px;font-weight:700;color:${e.color || "#5F7F63"};`, r.textContent = e.verdict || "", t.appendChild(n), t.appendChild(r), U.appendChild(t);
+		let i = document.createElementNS(W, "line");
+		i.setAttribute("stroke", "rgba(28,28,22,0.30)"), i.setAttribute("stroke-width", "1"), G.appendChild(i);
+		let a = document.createElementNS(W, "circle");
+		a.setAttribute("r", "2.2"), a.setAttribute("fill", "#1c1c16"), a.setAttribute("fill-opacity", "0.55"), G.appendChild(a), q[e.key] = t, J[e.key] = r, Y[e.key] = i, X[e.key] = a;
+	});
+	let oe = () => {
+		let t = e.clientWidth, n = e.clientHeight;
+		if (!t || !n) return;
+		G.setAttribute("width", String(t)), G.setAttribute("height", String(n));
+		let r = {};
+		K.forEach((e) => {
+			let i = R[e.key].clone().project(N);
+			r[e.key] = {
+				x: (i.x * .5 + .5) * t,
+				y: (-i.y * .5 + .5) * n
+			};
+		});
+		let i = {
+			left: [],
+			right: []
+		};
+		K.forEach((e) => (r[e.key].x < t / 2 ? i.left : i.right).push(e)), Object.entries(i).forEach(([e, i]) => {
+			i.sort((e, t) => r[e.key].y - r[t.key].y);
+			let a = 16;
+			i.forEach((i) => {
+				let o = r[i.key], s = Math.max(o.y, a);
+				s = Math.min(s, n - 24), a = s + 34;
+				let c = q[i.key];
+				c.style.top = `${s - 13}px`, e === "left" ? (c.style.left = "10px", c.style.right = "auto") : (c.style.right = "10px", c.style.left = "auto");
+				let l = c.offsetWidth, u = e === "left" ? 10 + l + 3 : t - 10 - l - 3;
+				Y[i.key].setAttribute("x1", String(u)), Y[i.key].setAttribute("y1", String(s)), Y[i.key].setAttribute("x2", String(o.x)), Y[i.key].setAttribute("y2", String(o.y)), X[i.key].setAttribute("cx", String(o.x)), X[i.key].setAttribute("cy", String(o.y));
+			});
+		});
+	}, Z = () => {
+		a || (l.render(o, N), oe());
+	};
+	Z();
+	let Q = new ResizeObserver(() => {
+		let t = e.clientWidth, n = e.clientHeight;
+		!t || !n || (l.setSize(t, n), N.aspect = t / n, N.updateProjectionMatrix(), Z());
+	});
+	Q.observe(e);
+	let $ = n.slice();
+	return {
+		destroy() {
+			a || (a = !0, Q.disconnect(), p.forEach((e) => e.dispose()), m.forEach((e) => e.dispose()), l.dispose(), l.domElement.remove(), U.remove());
+		},
+		updateMany(e) {
+			if (!(a || !e.length)) {
+				for (let t of e) {
+					let e = $.findIndex((e) => e.key === t.key);
+					e !== -1 && ($[e] = t);
+				}
+				H($);
+				for (let t of e) {
+					let e = J[t.key];
+					e && (e.textContent = t.verdict || "", e.style.color = t.color || "#5F7F63");
+				}
+				Z();
+			}
+		}
+	};
+}
+//#endregion
+export { e as mountMannequin3D };