@vctrl/hooks 0.22.0 → 0.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/index.cjs.js +1 -1
- package/index.es.js +2 -2
- package/package.json +8 -2
- package/use-load-model/index.d.ts +1 -0
- package/use-load-model/types.d.ts +4 -0
- package/use-load-model/utils/fetch-manifest-assets.d.ts +10 -0
- package/use-load-model/utils/index.d.ts +1 -0
- package/use-load-model-B8oqou4I.cjs +1 -0
- package/use-load-model-C88r8-HE.js +585 -0
- package/use-load-model.cjs.js +1 -1
- package/use-load-model.es.js +11 -11
- package/{use-optimize-model-KAGxtv_k.js → use-optimize-model-CweunXiv.js} +62 -62
- package/{use-optimize-model-CPGezwrM.cjs → use-optimize-model-Jie2FUHc.cjs} +1 -1
- package/use-optimize-model.cjs.js +1 -1
- package/use-optimize-model.es.js +1 -1
- package/use-load-model-B9M4cF4B.cjs +0 -1
- package/use-load-model-BDCy9n2U.js +0 -504
|
@@ -0,0 +1,585 @@
|
|
|
1
|
+
import { PERSISTED_BAKE_FILENAME as e, buildAssetLookupKeys as t, getSerializedAssetByteSize as n, isValidBase64 as r, normalizeAssetUri as i, normalizeCameraSettings as a, normalizeSceneInteractions as o, toSerializedAssetBytes as s } from "@vctrl/core";
|
|
2
|
+
import { ModelFileTypes as c, ModelLoader as l } from "@vctrl/core/model-loader";
|
|
3
|
+
import { useCallback as u, useMemo as d, useReducer as f, useRef as p } from "react";
|
|
4
|
+
//#region packages/hooks/src/use-load-model/error-helpers.ts
|
|
5
|
+
var m = ({ code: e, message: t, recoverable: n, source: r, cause: i, context: a }) => ({
|
|
6
|
+
code: e,
|
|
7
|
+
message: t,
|
|
8
|
+
recoverable: n,
|
|
9
|
+
source: r,
|
|
10
|
+
cause: i,
|
|
11
|
+
context: a
|
|
12
|
+
}), h = (e) => e instanceof Error && e.message ? e.message : typeof e == "string" && e.trim().length > 0 ? e : "Unknown error", g = (e, t, n) => {
|
|
13
|
+
let r = h(e);
|
|
14
|
+
return m({
|
|
15
|
+
code: r.includes("missing required referenced assets") ? "missing_assets" : t,
|
|
16
|
+
message: r,
|
|
17
|
+
recoverable: !0,
|
|
18
|
+
source: "local-upload",
|
|
19
|
+
cause: e,
|
|
20
|
+
context: n
|
|
21
|
+
});
|
|
22
|
+
}, _ = (e, t) => {
|
|
23
|
+
let n = h(e), r = "server_load_failed";
|
|
24
|
+
return n.includes("Server responded with 404") ? r = "not_found" : (n.includes("Server responded with 402") || n.includes("Server responded with 403")) && (r = "quota_exceeded"), m({
|
|
25
|
+
code: r,
|
|
26
|
+
message: n,
|
|
27
|
+
recoverable: r !== "not_found",
|
|
28
|
+
source: "server-load",
|
|
29
|
+
cause: e,
|
|
30
|
+
context: { sceneId: t }
|
|
31
|
+
});
|
|
32
|
+
}, v = {}, y = {
|
|
33
|
+
emit(e, t) {
|
|
34
|
+
let n = v[e];
|
|
35
|
+
console.debug(`Event emitted: ${e}`, t), n && n.forEach((e) => e(t));
|
|
36
|
+
},
|
|
37
|
+
on(e, t) {
|
|
38
|
+
v[e] || (v[e] = []), v[e].push(t);
|
|
39
|
+
},
|
|
40
|
+
off(e, t) {
|
|
41
|
+
let n = v[e];
|
|
42
|
+
n && (v[e] = n.filter((e) => e !== t));
|
|
43
|
+
}
|
|
44
|
+
}, b = (e) => {
|
|
45
|
+
try {
|
|
46
|
+
return i(e);
|
|
47
|
+
} catch {
|
|
48
|
+
return e;
|
|
49
|
+
}
|
|
50
|
+
}, x = (e) => {
|
|
51
|
+
let t = /* @__PURE__ */ new Set(), n = e, r = Array.isArray(n.images) ? n.images : [];
|
|
52
|
+
for (let e of r) typeof e.uri == "string" && !e.uri.startsWith("data:") && t.add(e.uri);
|
|
53
|
+
let i = Array.isArray(n.buffers) ? n.buffers : [];
|
|
54
|
+
for (let e of i) typeof e.uri == "string" && !e.uri.startsWith("data:") && t.add(e.uri);
|
|
55
|
+
return t;
|
|
56
|
+
}, S = async (e, n) => {
|
|
57
|
+
let r = JSON.parse(await e.text()), i = x(r), a = {}, o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = async (e) => {
|
|
58
|
+
let t = s.get(e);
|
|
59
|
+
if (t) return t;
|
|
60
|
+
let n = new Uint8Array(await e.arrayBuffer());
|
|
61
|
+
return s.set(e, n), n;
|
|
62
|
+
};
|
|
63
|
+
for (let e of n) {
|
|
64
|
+
for (let n of t(e.name)) o.set(n, e);
|
|
65
|
+
if (e.webkitRelativePath) for (let n of t(e.webkitRelativePath)) o.set(n, e);
|
|
66
|
+
}
|
|
67
|
+
let u = [];
|
|
68
|
+
for (let e of i) {
|
|
69
|
+
let t = b(e), n = t.split("/").pop() || t, r = o.get(e) || o.get(t) || o.get(n);
|
|
70
|
+
if (!r) {
|
|
71
|
+
u.push(e);
|
|
72
|
+
continue;
|
|
73
|
+
}
|
|
74
|
+
c.add(r);
|
|
75
|
+
let i = await l(r);
|
|
76
|
+
a[t] = {
|
|
77
|
+
data: Array.from(i),
|
|
78
|
+
fileName: t,
|
|
79
|
+
mimeType: r.type || "application/octet-stream"
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
if (u.length > 0) throw Error(`Scene payload is missing required referenced assets: ${u.slice(0, 5).join(", ")}`);
|
|
83
|
+
for (let [e, t] of n.entries()) {
|
|
84
|
+
if (c.has(t)) continue;
|
|
85
|
+
let n = b(t.name), r = n.split("/").pop() || n, i = await l(t);
|
|
86
|
+
a[`extra-${e}-${r}`] = {
|
|
87
|
+
data: Array.from(i),
|
|
88
|
+
fileName: r,
|
|
89
|
+
mimeType: t.type || "application/octet-stream"
|
|
90
|
+
};
|
|
91
|
+
}
|
|
92
|
+
return {
|
|
93
|
+
gltfJson: r,
|
|
94
|
+
assetData: a
|
|
95
|
+
};
|
|
96
|
+
}, C = async (e, t, n, r, i) => {
|
|
97
|
+
try {
|
|
98
|
+
let a = {
|
|
99
|
+
model: (await n.loadToThreeJS(e)).scene,
|
|
100
|
+
type: t,
|
|
101
|
+
name: e.name
|
|
102
|
+
};
|
|
103
|
+
if (i({
|
|
104
|
+
type: "set-file",
|
|
105
|
+
payload: a
|
|
106
|
+
}), i({
|
|
107
|
+
type: "set-file-loading",
|
|
108
|
+
payload: !1
|
|
109
|
+
}), r && t !== c.usdz) {
|
|
110
|
+
let t = new Uint8Array(await e.arrayBuffer());
|
|
111
|
+
await r.loadFromGlbBuffer(t);
|
|
112
|
+
}
|
|
113
|
+
return a;
|
|
114
|
+
} catch (n) {
|
|
115
|
+
return console.error("Error loading binary model:", n), i({
|
|
116
|
+
type: "set-file-loading",
|
|
117
|
+
payload: !1
|
|
118
|
+
}), y.emit("load-error", g(n, "binary_load_failed", {
|
|
119
|
+
fileName: e.name,
|
|
120
|
+
fileType: t,
|
|
121
|
+
fileSize: e.size
|
|
122
|
+
})), null;
|
|
123
|
+
}
|
|
124
|
+
}, w = async (e, t, n, r, i, a) => {
|
|
125
|
+
try {
|
|
126
|
+
let { sourcePackageBytes: o, textureBytes: s } = await a(e, t), l = await n.loadGLTFWithAssetsToThreeJS(e, t), u = {
|
|
127
|
+
model: l.scene,
|
|
128
|
+
type: c.gltf,
|
|
129
|
+
name: e.name,
|
|
130
|
+
sourcePackageBytes: o,
|
|
131
|
+
sourceTextureBytes: s
|
|
132
|
+
};
|
|
133
|
+
if (i({
|
|
134
|
+
type: "set-file",
|
|
135
|
+
payload: u
|
|
136
|
+
}), i({
|
|
137
|
+
type: "set-file-loading",
|
|
138
|
+
payload: !1
|
|
139
|
+
}), r) try {
|
|
140
|
+
let n = await S(e, t);
|
|
141
|
+
await r.loadFromServerSceneData(n);
|
|
142
|
+
} catch (n) {
|
|
143
|
+
console.warn("Failed to initialize optimizer from source GLTF payload; trying direct asset load.", n);
|
|
144
|
+
try {
|
|
145
|
+
if ("loadFromGLTFWithAssets" in r) {
|
|
146
|
+
let n = new Uint8Array(await e.arrayBuffer()), i = /* @__PURE__ */ new Map();
|
|
147
|
+
for (let e of t) {
|
|
148
|
+
let t = new Uint8Array(await e.arrayBuffer());
|
|
149
|
+
i.set(e.name, t), e.webkitRelativePath && i.set(e.webkitRelativePath, t);
|
|
150
|
+
}
|
|
151
|
+
await r.loadFromGLTFWithAssets(n, i);
|
|
152
|
+
} else throw Error("loadFromGLTFWithAssets not available");
|
|
153
|
+
} catch (e) {
|
|
154
|
+
console.warn("Direct asset load also failed; falling back to Three.js scene import. Texture names may be generic.", e), await r.load(l.scene);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
return u;
|
|
158
|
+
} catch (n) {
|
|
159
|
+
return console.error("Error loading GLTF model:", n), console.error("GLTF file:", e.name), console.error("Asset files:", t.map((e) => e.name)), i({
|
|
160
|
+
type: "set-file-loading",
|
|
161
|
+
payload: !1
|
|
162
|
+
}), y.emit("load-error", g(n, "gltf_load_failed", {
|
|
163
|
+
fileName: e.name,
|
|
164
|
+
fileSize: e.size,
|
|
165
|
+
assetCount: t.length
|
|
166
|
+
})), null;
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
|
+
//#endregion
|
|
170
|
+
//#region packages/hooks/src/use-load-model/optimizer-integration.ts
|
|
171
|
+
function T(e, t, n, r) {
|
|
172
|
+
let i = u(async (i, a) => {
|
|
173
|
+
if (!e) {
|
|
174
|
+
console.warn("Optimizer is not available");
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
177
|
+
try {
|
|
178
|
+
i && await i(a);
|
|
179
|
+
let o = await e.getModel();
|
|
180
|
+
if (!o) {
|
|
181
|
+
console.warn("No optimized model available after optimization");
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
let s = o instanceof Uint8Array ? o.slice() : new Uint8Array(o).slice(), l = new File([s], n?.name || "optimized_model.glb", { type: "model/gltf-binary" });
|
|
185
|
+
t({
|
|
186
|
+
type: "set-file",
|
|
187
|
+
payload: {
|
|
188
|
+
model: (await r.loadToThreeJS(l)).scene,
|
|
189
|
+
type: c.glb,
|
|
190
|
+
name: l.name
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
} catch (e) {
|
|
194
|
+
console.error("Optimization failed:", e);
|
|
195
|
+
}
|
|
196
|
+
}, [
|
|
197
|
+
e,
|
|
198
|
+
r,
|
|
199
|
+
n,
|
|
200
|
+
t
|
|
201
|
+
]);
|
|
202
|
+
if (!e) return null;
|
|
203
|
+
let a = e.isReady, o = !!n?.model && !a;
|
|
204
|
+
return {
|
|
205
|
+
...e,
|
|
206
|
+
isReady: a,
|
|
207
|
+
isPreparing: o,
|
|
208
|
+
applyOptimization: i,
|
|
209
|
+
reset: e?.reset,
|
|
210
|
+
error: e?.error,
|
|
211
|
+
loading: e?.loading
|
|
212
|
+
};
|
|
213
|
+
}
|
|
214
|
+
//#endregion
|
|
215
|
+
//#region packages/hooks/src/use-load-model/state.ts
|
|
216
|
+
var E = {
|
|
217
|
+
file: null,
|
|
218
|
+
isFileLoading: !1,
|
|
219
|
+
progress: 0,
|
|
220
|
+
supportedFileTypes: [
|
|
221
|
+
c.gltf,
|
|
222
|
+
c.glb,
|
|
223
|
+
c.usdz
|
|
224
|
+
]
|
|
225
|
+
};
|
|
226
|
+
function D(e, t) {
|
|
227
|
+
switch (t.type) {
|
|
228
|
+
case "set-file": return {
|
|
229
|
+
...e,
|
|
230
|
+
file: t.payload
|
|
231
|
+
};
|
|
232
|
+
case "set-file-loading": return {
|
|
233
|
+
...e,
|
|
234
|
+
isFileLoading: t.payload
|
|
235
|
+
};
|
|
236
|
+
case "set-progress": return {
|
|
237
|
+
...e,
|
|
238
|
+
progress: t.payload
|
|
239
|
+
};
|
|
240
|
+
case "reset-state": return { ...E };
|
|
241
|
+
default: return e;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
//#endregion
|
|
245
|
+
//#region packages/hooks/src/use-load-model/utils/read-directory.ts
|
|
246
|
+
async function O(e) {
|
|
247
|
+
let t = [];
|
|
248
|
+
async function* n(e) {
|
|
249
|
+
let t = e;
|
|
250
|
+
for await (let [, e] of t) e.kind === "file" ? yield await e.getFile() : e.kind === "directory" && (yield* n(e));
|
|
251
|
+
}
|
|
252
|
+
for await (let r of n(e)) t.push(r);
|
|
253
|
+
return t;
|
|
254
|
+
}
|
|
255
|
+
//#endregion
|
|
256
|
+
//#region packages/hooks/src/use-load-model/utils/reconstruct-files.ts
|
|
257
|
+
function k(t) {
|
|
258
|
+
let n = [];
|
|
259
|
+
if (t.assetData && typeof t.assetData == "object") for (let [, r] of Object.entries(t.assetData)) {
|
|
260
|
+
let { fileName: t, mimeType: i } = r;
|
|
261
|
+
if (t === e) continue;
|
|
262
|
+
let a = s(r), o = new Uint8Array(a.byteLength);
|
|
263
|
+
o.set(a);
|
|
264
|
+
let c = new Blob([o], { type: i }), l = new File([c], t, { type: i });
|
|
265
|
+
n.push(l);
|
|
266
|
+
}
|
|
267
|
+
let r = JSON.stringify(t.gltfJson), i = new Blob([r], { type: "model/gltf+json" }), a = t.meta?.name, o = a ? `${a}.gltf` : "scene.gltf";
|
|
268
|
+
return [new File([i], o, { type: "model/gltf+json" }), ...n];
|
|
269
|
+
}
|
|
270
|
+
//#endregion
|
|
271
|
+
//#region packages/hooks/src/use-load-model/utils/calculate-referenced-bytes.ts
|
|
272
|
+
var A = (e, n) => {
|
|
273
|
+
let r = i(e), a = r.split("/").pop() || r;
|
|
274
|
+
for (let e of n) {
|
|
275
|
+
let n = t(e.fileName);
|
|
276
|
+
if (n.has(r) || n.has(a)) return e.size;
|
|
277
|
+
}
|
|
278
|
+
return 0;
|
|
279
|
+
}, j = (e) => {
|
|
280
|
+
let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = e, i = Array.isArray(r.images) ? r.images : [];
|
|
281
|
+
for (let e of i) typeof e.uri == "string" && !e.uri.startsWith("data:") && n.add(e.uri);
|
|
282
|
+
let a = Array.isArray(r.buffers) ? r.buffers : [];
|
|
283
|
+
for (let e of a) typeof e.uri == "string" && !e.uri.startsWith("data:") && t.add(e.uri);
|
|
284
|
+
return {
|
|
285
|
+
bufferUris: t,
|
|
286
|
+
imageUris: n
|
|
287
|
+
};
|
|
288
|
+
};
|
|
289
|
+
async function M(e, t) {
|
|
290
|
+
let n = await e.text(), r;
|
|
291
|
+
try {
|
|
292
|
+
r = JSON.parse(n);
|
|
293
|
+
} catch {
|
|
294
|
+
return {
|
|
295
|
+
sourcePackageBytes: e.size,
|
|
296
|
+
textureBytes: 0
|
|
297
|
+
};
|
|
298
|
+
}
|
|
299
|
+
let i = t.map((e) => ({
|
|
300
|
+
fileName: e.name,
|
|
301
|
+
size: e.size
|
|
302
|
+
})), { bufferUris: a, imageUris: o } = j(r), s = Array.from(a).reduce((e, t) => e + A(t, i), 0), c = Array.from(o).reduce((e, t) => e + A(t, i), 0);
|
|
303
|
+
return {
|
|
304
|
+
sourcePackageBytes: e.size + s + c,
|
|
305
|
+
textureBytes: c
|
|
306
|
+
};
|
|
307
|
+
}
|
|
308
|
+
function N(e) {
|
|
309
|
+
let t = e.gltfJson, r = Object.values(e.assetData || {}).map((e) => ({
|
|
310
|
+
fileName: e.fileName,
|
|
311
|
+
size: n(e.data)
|
|
312
|
+
})), i = new TextEncoder().encode(JSON.stringify(t)).byteLength, { bufferUris: a, imageUris: o } = j(t), s = Array.from(a).reduce((e, t) => e + A(t, r), 0), c = Array.from(o).reduce((e, t) => e + A(t, r), 0);
|
|
313
|
+
return {
|
|
314
|
+
sourcePackageBytes: i + s + c,
|
|
315
|
+
textureBytes: c
|
|
316
|
+
};
|
|
317
|
+
}
|
|
318
|
+
//#endregion
|
|
319
|
+
//#region packages/hooks/src/use-load-model/utils/resolve-scene-payload.ts
|
|
320
|
+
function P(e) {
|
|
321
|
+
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
322
|
+
}
|
|
323
|
+
function F(e) {
|
|
324
|
+
let t = P(e.settings) ? e.settings : {}, n = a(e.camera ?? t.camera);
|
|
325
|
+
return {
|
|
326
|
+
...t,
|
|
327
|
+
bounds: e.bounds ?? t.bounds,
|
|
328
|
+
camera: n,
|
|
329
|
+
interactions: o(t.interactions, { camera: n }),
|
|
330
|
+
controls: e.controls ?? t.controls,
|
|
331
|
+
environment: e.environment ?? t.environment,
|
|
332
|
+
shadows: e.shadows ?? t.shadows
|
|
333
|
+
};
|
|
334
|
+
}
|
|
335
|
+
function I(e) {
|
|
336
|
+
let t = /* @__PURE__ */ new Set(), n = e, r = Array.isArray(n.images) ? n.images : [];
|
|
337
|
+
for (let e of r) typeof e.uri == "string" && !e.uri.startsWith("data:") && t.add(e.uri);
|
|
338
|
+
let i = Array.isArray(n.buffers) ? n.buffers : [];
|
|
339
|
+
for (let e of i) typeof e.uri == "string" && !e.uri.startsWith("data:") && t.add(e.uri);
|
|
340
|
+
return t;
|
|
341
|
+
}
|
|
342
|
+
function L(e) {
|
|
343
|
+
for (let [t, n] of Object.entries(e)) {
|
|
344
|
+
if (!n || typeof n != "object") throw Error(`Scene payload contains invalid asset entry for ${t}`);
|
|
345
|
+
if (typeof n.fileName != "string" || n.fileName.trim().length === 0) throw Error(`Scene payload asset ${t} is missing a valid fileName`);
|
|
346
|
+
if (typeof n.mimeType != "string" || n.mimeType.trim().length === 0) throw Error(`Scene payload asset ${t} is missing a valid mimeType`);
|
|
347
|
+
if (typeof n.data == "string" && n.encoding === "base64" && !r(n.data)) throw Error(`Scene payload asset ${n.fileName} has invalid base64 data`);
|
|
348
|
+
}
|
|
349
|
+
}
|
|
350
|
+
function R(e, n) {
|
|
351
|
+
let r = I(e);
|
|
352
|
+
if (r.size === 0) return;
|
|
353
|
+
let a = /* @__PURE__ */ new Set();
|
|
354
|
+
for (let e of Object.values(n)) for (let n of t(e.fileName)) a.add(n);
|
|
355
|
+
let o = [];
|
|
356
|
+
for (let e of r) {
|
|
357
|
+
let t = i(e), n = t.split("/").pop() || t;
|
|
358
|
+
!a.has(e) && !a.has(t) && !a.has(n) && o.push(e);
|
|
359
|
+
}
|
|
360
|
+
if (o.length > 0) throw Error(`Scene payload is missing required referenced assets: ${o.slice(0, 5).join(", ")}`);
|
|
361
|
+
}
|
|
362
|
+
function z(e) {
|
|
363
|
+
if (!P(e.gltfJson)) throw Error("Scene payload is missing a valid glTF document");
|
|
364
|
+
let t = e.assetData ?? {};
|
|
365
|
+
return L(t), R(e.gltfJson, t), {
|
|
366
|
+
meta: e.meta,
|
|
367
|
+
gltfJson: e.gltfJson,
|
|
368
|
+
assetData: t,
|
|
369
|
+
...F(e)
|
|
370
|
+
};
|
|
371
|
+
}
|
|
372
|
+
//#endregion
|
|
373
|
+
//#region packages/hooks/src/use-load-model/utils/fetch-manifest-assets.ts
|
|
374
|
+
async function B(e, t = {}) {
|
|
375
|
+
let n = Object.entries(e);
|
|
376
|
+
if (n.length === 0) return t.onProgress?.(1), {};
|
|
377
|
+
let r = n.every(([, e]) => e.byteSize != null), i = r ? n.reduce((e, [, t]) => e + (t.byteSize ?? 0), 0) : 0, a = 0, o = 0, s = {}, c = new AbortController();
|
|
378
|
+
return await Promise.all(n.map(async ([e, l]) => {
|
|
379
|
+
try {
|
|
380
|
+
let u = await fetch(l.url, {
|
|
381
|
+
headers: t.headers,
|
|
382
|
+
credentials: "same-origin",
|
|
383
|
+
signal: c.signal
|
|
384
|
+
});
|
|
385
|
+
if (!u.ok) throw c.abort(), Error(`Failed to fetch scene asset ${l.fileName}: ${u.status}`);
|
|
386
|
+
s[e] = {
|
|
387
|
+
data: new Uint8Array(await u.arrayBuffer()),
|
|
388
|
+
fileName: l.fileName,
|
|
389
|
+
mimeType: l.mimeType
|
|
390
|
+
}, o += 1, a += l.byteSize ?? 0, t.onProgress?.(r && i > 0 ? a / i : o / n.length);
|
|
391
|
+
} catch (e) {
|
|
392
|
+
throw c.abort(), e;
|
|
393
|
+
}
|
|
394
|
+
})), s;
|
|
395
|
+
}
|
|
396
|
+
//#endregion
|
|
397
|
+
//#region packages/hooks/src/use-load-model/use-load-model.ts
|
|
398
|
+
async function V(e, t) {
|
|
399
|
+
try {
|
|
400
|
+
let n = await fetch(e, {
|
|
401
|
+
method: "GET",
|
|
402
|
+
headers: {
|
|
403
|
+
Accept: "application/json",
|
|
404
|
+
...t
|
|
405
|
+
}
|
|
406
|
+
});
|
|
407
|
+
if (!n.ok) return null;
|
|
408
|
+
let r = await n.json(), i = r.data ?? r;
|
|
409
|
+
return !i || typeof i != "object" || !i.gltfJson || !i.assetRefs && !i.assetData ? null : i;
|
|
410
|
+
} catch {
|
|
411
|
+
return null;
|
|
412
|
+
}
|
|
413
|
+
}
|
|
414
|
+
async function H(e, t, n) {
|
|
415
|
+
let r = new FormData();
|
|
416
|
+
r.append("action", "get-scene-settings"), r.append("sceneId", n);
|
|
417
|
+
let i = await fetch(e, {
|
|
418
|
+
method: "POST",
|
|
419
|
+
headers: t,
|
|
420
|
+
body: r
|
|
421
|
+
});
|
|
422
|
+
if (!i.ok) throw Error(`Server responded with ${i.status} ${i.statusText}`);
|
|
423
|
+
let a = await i.json();
|
|
424
|
+
return a.data ?? a;
|
|
425
|
+
}
|
|
426
|
+
function U(t) {
|
|
427
|
+
let n = p(!1), r = p(null), [i, a] = f(D, E), o = d(() => {
|
|
428
|
+
let e = new l();
|
|
429
|
+
return e.onProgress((e) => {
|
|
430
|
+
a({
|
|
431
|
+
type: "set-progress",
|
|
432
|
+
payload: e.progress
|
|
433
|
+
}), e.progress !== 100 && y.emit("load-progress", e.progress);
|
|
434
|
+
}), e;
|
|
435
|
+
}, []), m = u((e) => {
|
|
436
|
+
a({
|
|
437
|
+
type: "set-progress",
|
|
438
|
+
payload: e
|
|
439
|
+
}), y.emit("load-progress", e);
|
|
440
|
+
}, []), h = u(() => {
|
|
441
|
+
a({ type: "reset-state" }), y.emit("load-reset");
|
|
442
|
+
}, []), g = u((e, t) => e.find((e) => e.name.endsWith("." + t)), []), v = u(async (e) => {
|
|
443
|
+
if (e.length === 0) return;
|
|
444
|
+
let i = g(e, c.gltf), s = g(e, c.glb), l = g(e, c.usdz), u = [
|
|
445
|
+
i,
|
|
446
|
+
s,
|
|
447
|
+
l
|
|
448
|
+
].filter(Boolean);
|
|
449
|
+
if (u.length > 1) {
|
|
450
|
+
y.emit("multiple-models", u);
|
|
451
|
+
return;
|
|
452
|
+
}
|
|
453
|
+
let d = e.filter((e) => e !== i && e !== s && e !== l), f = () => {
|
|
454
|
+
n.current = !0, r.current && (y.emit("load-complete", r.current), n.current = !1);
|
|
455
|
+
};
|
|
456
|
+
if (i) {
|
|
457
|
+
let e = await w(i, d, o, t, a, M);
|
|
458
|
+
e && (r.current = e), f();
|
|
459
|
+
} else if (s) {
|
|
460
|
+
let e = await C(s, c.glb, o, t, a);
|
|
461
|
+
e && (r.current = e), f();
|
|
462
|
+
} else if (l) {
|
|
463
|
+
let e = await C(l, c.usdz, o, t, a);
|
|
464
|
+
e && (r.current = e), f();
|
|
465
|
+
} else y.emit("not-loaded-files", e), a({
|
|
466
|
+
type: "set-file-loading",
|
|
467
|
+
payload: !1
|
|
468
|
+
});
|
|
469
|
+
}, [
|
|
470
|
+
g,
|
|
471
|
+
o,
|
|
472
|
+
t
|
|
473
|
+
]), b = u(async (e) => {
|
|
474
|
+
let t = [];
|
|
475
|
+
y.emit("load-start"), a({ type: "reset-state" }), a({
|
|
476
|
+
type: "set-file-loading",
|
|
477
|
+
payload: !0
|
|
478
|
+
}), m(0), n.current = !1;
|
|
479
|
+
for (let n of e) if (n instanceof File) t.push(n);
|
|
480
|
+
else if ("kind" in n && n.kind === "directory") {
|
|
481
|
+
let e = await O(n);
|
|
482
|
+
t.push(...e);
|
|
483
|
+
}
|
|
484
|
+
await v(t);
|
|
485
|
+
}, [v, m]), x = u(async (n) => {
|
|
486
|
+
let { sceneData: i, sceneId: l } = n;
|
|
487
|
+
if (m(40), n.parseMode === "direct" && i.gltfJson) {
|
|
488
|
+
let t = /* @__PURE__ */ new Map();
|
|
489
|
+
for (let n of Object.values(i.assetData ?? {})) n.fileName !== e && t.set(n.fileName, s(n));
|
|
490
|
+
let { sourcePackageBytes: n, textureBytes: u } = N(i);
|
|
491
|
+
m(60);
|
|
492
|
+
let d = {
|
|
493
|
+
model: (await o.parseGLTFJsonToThreeJS(i.gltfJson, t)).scene,
|
|
494
|
+
type: c.gltf,
|
|
495
|
+
name: i.meta?.name || "scene",
|
|
496
|
+
sourcePackageBytes: n,
|
|
497
|
+
sourceTextureBytes: u
|
|
498
|
+
};
|
|
499
|
+
return a({
|
|
500
|
+
type: "set-file",
|
|
501
|
+
payload: d
|
|
502
|
+
}), a({
|
|
503
|
+
type: "set-file-loading",
|
|
504
|
+
payload: !1
|
|
505
|
+
}), r.current = d, m(100), {
|
|
506
|
+
file: d,
|
|
507
|
+
sceneId: l,
|
|
508
|
+
...i
|
|
509
|
+
};
|
|
510
|
+
}
|
|
511
|
+
let u = k(i), { sourcePackageBytes: d, textureBytes: f } = N(i);
|
|
512
|
+
m(60);
|
|
513
|
+
let p = u[0], h = u.slice(1), g = {
|
|
514
|
+
model: (await o.loadGLTFWithAssetsToThreeJS(p, h)).scene,
|
|
515
|
+
type: c.gltf,
|
|
516
|
+
name: p.name,
|
|
517
|
+
sourcePackageBytes: d,
|
|
518
|
+
sourceTextureBytes: f
|
|
519
|
+
};
|
|
520
|
+
return a({
|
|
521
|
+
type: "set-file",
|
|
522
|
+
payload: g
|
|
523
|
+
}), a({
|
|
524
|
+
type: "set-file-loading",
|
|
525
|
+
payload: !1
|
|
526
|
+
}), r.current = g, t && await t.loadFromServerSceneData(i), m(100), {
|
|
527
|
+
file: g,
|
|
528
|
+
sceneId: l,
|
|
529
|
+
...i
|
|
530
|
+
};
|
|
531
|
+
}, [
|
|
532
|
+
o,
|
|
533
|
+
t,
|
|
534
|
+
m
|
|
535
|
+
]), S = u(async (e) => {
|
|
536
|
+
let { sceneId: t, serverOptions: n, parseMode: r } = e;
|
|
537
|
+
try {
|
|
538
|
+
y.emit("server-load-start", t), a({ type: "reset-state" }), a({
|
|
539
|
+
type: "set-file-loading",
|
|
540
|
+
payload: !0
|
|
541
|
+
}), m(0);
|
|
542
|
+
let e = n?.endpoint ?? `/api/scenes/${t}`, i = n?.apiKey ? {
|
|
543
|
+
Authorization: `Bearer ${n.apiKey}`,
|
|
544
|
+
...n.headers
|
|
545
|
+
} : { ...n?.headers }, o = await V(e, i);
|
|
546
|
+
if (o?.assetRefs && !o.assetData) {
|
|
547
|
+
m(10);
|
|
548
|
+
let e = await B(o.assetRefs, {
|
|
549
|
+
headers: i,
|
|
550
|
+
onProgress: (e) => m(10 + Math.round(e * 30))
|
|
551
|
+
});
|
|
552
|
+
o = {
|
|
553
|
+
...o,
|
|
554
|
+
assetData: e
|
|
555
|
+
};
|
|
556
|
+
}
|
|
557
|
+
o ||= await H(e, i, t);
|
|
558
|
+
let s = await x({
|
|
559
|
+
sceneId: t,
|
|
560
|
+
sceneData: z(o),
|
|
561
|
+
parseMode: r
|
|
562
|
+
});
|
|
563
|
+
return y.emit("server-load-complete", s), s;
|
|
564
|
+
} catch (e) {
|
|
565
|
+
console.error("Server scene loading failed:", e), a({
|
|
566
|
+
type: "set-file-loading",
|
|
567
|
+
payload: !1
|
|
568
|
+
});
|
|
569
|
+
let n = _(e, t);
|
|
570
|
+
throw y.emit("server-load-error", n), n;
|
|
571
|
+
}
|
|
572
|
+
}, [x, m]), A = T(t, a, i.file, o);
|
|
573
|
+
return {
|
|
574
|
+
...i,
|
|
575
|
+
on: y.on,
|
|
576
|
+
off: y.off,
|
|
577
|
+
load: b,
|
|
578
|
+
loadFromData: x,
|
|
579
|
+
loadFromServer: S,
|
|
580
|
+
reset: h,
|
|
581
|
+
optimizer: A
|
|
582
|
+
};
|
|
583
|
+
}
|
|
584
|
+
//#endregion
|
|
585
|
+
export { B as n, k as r, U as t };
|
package/use-load-model.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunk-CMqjfN_6.cjs"),t=require("./use-load-model-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunk-CMqjfN_6.cjs"),t=require("./use-load-model-B8oqou4I.cjs");let n=require("react");n=e.t(n,1);let r=require("react/jsx-runtime");var i=(0,n.createContext)(void 0),a=(0,n.createContext)(void 0),o=({children:e,optimizer:n})=>{let o=t.t(n);return n?(0,r.jsx)(i.Provider,{value:o,children:e}):(0,r.jsx)(a.Provider,{value:o,children:e})};function s(e){let t=(0,n.useContext)(i),r=(0,n.useContext)(a),o=t??r;if(!o)throw Error(`useModelContext must be used within a ModelProvider`);return o}exports.ModelProvider=o,exports.fetchManifestAssetData=t.n,exports.reconstructGltfFiles=t.r,exports.useLoadModel=t.t,exports.useModelContext=s;
|
package/use-load-model.es.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { n as e, t } from "./use-load-model-
|
|
2
|
-
import { createContext as
|
|
3
|
-
import { jsx as
|
|
1
|
+
import { n as e, r as t, t as n } from "./use-load-model-C88r8-HE.js";
|
|
2
|
+
import { createContext as r, useContext as i } from "react";
|
|
3
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
4
4
|
//#region packages/hooks/src/use-load-model/model-context.tsx
|
|
5
|
-
var
|
|
6
|
-
let r = t
|
|
7
|
-
return
|
|
5
|
+
var o = r(void 0), s = r(void 0), c = ({ children: e, optimizer: t }) => {
|
|
6
|
+
let r = n(t);
|
|
7
|
+
return a(t ? o.Provider : s.Provider, {
|
|
8
8
|
value: r,
|
|
9
9
|
children: e
|
|
10
10
|
});
|
|
11
11
|
};
|
|
12
|
-
function
|
|
13
|
-
let t =
|
|
14
|
-
if (!
|
|
15
|
-
return
|
|
12
|
+
function l(e) {
|
|
13
|
+
let t = i(o), n = i(s), r = t ?? n;
|
|
14
|
+
if (!r) throw Error("useModelContext must be used within a ModelProvider");
|
|
15
|
+
return r;
|
|
16
16
|
}
|
|
17
17
|
//#endregion
|
|
18
|
-
export {
|
|
18
|
+
export { c as ModelProvider, e as fetchManifestAssetData, t as reconstructGltfFiles, n as useLoadModel, l as useModelContext };
|