How to change external URLs to load draco_wasm_wrapper and process.wasm from inner hosts

[PoltP]

I'm using your library to show Spline animation.

Now we have CORS issues for the following URLs:
https://www.gstatic.com/draco/versioned/decoders/1.5.2/draco_wasm_wrapper.js
https://www.gstatic.com/draco/versioned/decoders/1.5.2/draco_decoder.wasm
https://unpkg.com/@splinetool/[email protected]/build/process.wasm

I've tried VanillaJS way and used setUIWasmUrl to check like this

const wasm = 'https://unpkg.com/@splinetool/[email protected]/build/process.wasm?test=1';

export const Test = React.memo(() => {
	return (
		<canvas
			ref={(canvas) => {
				if (canvas) {
					const app = new Application(canvas);
					app.setUIWasmUrl(wasm);
					app.load(scene);
				}
			}}
		/>
	);
});

but this method does not work.

Please help me solve the issue

[jeslage]

We have the same issue, we cannot load draco from external services due to gdpr compliance. Is there a solution for this?

[purple97]

We have the same issue

[jeslage]

@PoltP @purple97 we solved the issue.
We currently use the @splinetool/runtime package to load the spline animation in our frontend, because we dont use react on that project. This package has an option to pass the wasmPath. So if you download the animation from spline you should get all related draco files which you can host locally then. Maybe the react version has the same prop. :)
Hope this helps!

Here is our initialization:

const app = new Application(canvas, {
  wasmPath: '/assets/draco/'
});

[jeslage]

Without testing or fully reading the docs, i assume that you can do it like this with the react-spline package:

<Spline scene="/path/to/file.splinecode" wasmPath="/assets/draco/" />