Compiling ruffle

[sigurdle]

I'm trying to compile ruffle, but failing miserably, spent many hours now, trying to get help from chatgpt:

The latest attempt:
I'm in the "web" subdirectory

npm run build

....
Compiling transpose v0.2.3
Compiling lzma-rs v0.3.0
Compiling clap_builder v4.5.39
Compiling darling_macro v0.20.11
Compiling thiserror v1.0.69
Compiling rustfft v6.3.0
error: failed to run custom build command for lock_api v0.4.12

Caused by:
process didn't exit successfully: D:\xampp\htdocs\scripts_other\ruffle\web\target\web-wasm-extensions\build\lock_api-a339639be9139d0a\build-script-build (exit code: 101)
--- stderr

thread 'main' panicked at C:\Users\Sigurd.cargo\registry\src\index.crates.io-1949cf8c6b5b557f\autocfg-1.4.0\src\lib.rs:159:20:
called Result::unwrap() on an Err value: Error { kind: Other("output path is not a writable directory") }
note: run with RUST_BACKTRACE=1 environment variable to display a backtrace
warning: build failed, waiting for other jobs to finish...
node:internal/errors:865
const err = new Error(message);
^

Error: Command failed: cargo build --locked --target wasm32-unknown-unknown --profile web-wasm-extensions
at __node_internal_genericNodeError (node:internal/errors:865:15)
at checkExecSyncError (node:child_process:885:11)
at execFileSync (node:child_process:921:15)
at cargoBuild (d:\xampp\htdocs\scripts_other\ruffle\web\packages\core\tools\build_wasm.ts:80:5)
at buildWasm (d:\xampp\htdocs\scripts_other\ruffle\web\packages\core\tools\build_wasm.ts:116:9)
at wasmSource (d:\xampp\htdocs\scripts_other\ruffle\web\packages\core\tools\build_wasm.ts:167:1)
at Object. (d:\xampp\htdocs\scripts_other\ruffle\web\packages\core\tools\build_wasm.ts:176:1)
at Module._compile (node:internal/modules/cjs/loader:1256:14)
at Object.transformer (D:\xampp\htdocs\scripts_other\ruffle\web\node_modules\tsx\dist\register-D2KMMyKp.cjs:2:1186)
at Module.load (node:internal/modules/cjs/loader:1119:32) {
status: 101,
signal: null,
output: [ null, null, null ],
pid: 34864,
stdout: null,
stderr: null
}

Node.js v18.17.1
npm ERR! Lifecycle script build failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: D:\xampp\htdocs\scripts_other\ruffle\web\packages\core

So i've pretty much tried everything under the sun, told me by chatgpt, setting a different rust target, tried to change directory permissions... tried rto run vscode as admin, I have no idea what to do

[kjarosh]

The error suggests you don't have proper access to the target directory, try deleting it and making sure directory permissions are set correctly (you have to have write access).

How do you build the project? Does the directory have the proper owner set?

[sigurdle]

Hi,
I now get the following error:

Running wasm-bindgen on extensions...
Running wasm-bindgen on extensions...
error: failed reading '../../../target/wasm32-unknown-unknown/web-wasm-extensions/ruffle_web.wasm'

Caused by:
    The system cannot find the file specified. (os error 2)
node:internal/errors:865
  const err = new Error(message);
              ^

Error: Command failed: wasm-bindgen ../../../target/wasm32-unknown-unknown/web-wasm-extensions/ruffle_web.wasm --target web --out-dir dist --out-name ruffle_web --reference-types  
    at __node_internal_genericNodeError (node:internal/errors:865:15)
    at checkExecSyncError (node:child_process:885:11)
    at execFileSync (node:child_process:921:15)

The file ruffle_web.wasm does exist in the path "target/wasm32-unknown-unknown/web-wasm-extensions/ruffle_web.wasm"
so I'm not sure what's happening, maybe the relative path " ../../../target/wasm32-un..."
is wrong?

I'm typing "npm run build" while I'm inside the "ruffle/web" directory

[sigurdle]

So here's the code that probably fails. It sets originalWasmPath to the relative path that doesnt work. I'm wondering if maybe "Bindgen" is located at an unexpected place, and since originalWasmPath seems to be relative to that, how could i print out the absolute path that it checks... ? could BindGen have been installed in wrong location ?

    let originalWasmPath;
    if (wasmSource === "cargo" || wasmSource === "cargo_and_store") {
        console.log(`Building ${flavor} with cargo...`);
        cargoBuild({
            profile,
            rustFlags,
            extensions,
        });
        originalWasmPath = `../../../target/wasm32-unknown-unknown/${profile}/ruffle_web.wasm`;
        if (wasmSource === "cargo_and_store") {
            copyFileSync(originalWasmPath, `../../dist/${filename}.wasm`);
        }
    } else if (wasmSource === "existing") {
        originalWasmPath = `../../dist/${filename}.wasm`;
    } else {
        throw new Error(
            "Invalid wasm source: must be one of 'cargo', 'cargo_and_store' or 'existing'",
        );
    }
    console.log(`Running wasm-bindgen on ${flavor}...`);
    runWasmBindgen({
        path: originalWasmPath,
        outName: filename,
        dir: "dist",
        flags: wasmBindgenFlags,
    });

[sigurdle]

I'm on Windows, i got the project onto local machine with github desktop and opened it in Vs Code, I've tried changing permissions at least 3 different ways, I cant get it to work.

[sigurdle]

so i deleted the target dir, and now I get:

Running wasm-bindgen on extensions...
error: failed reading '../../../target/wasm32-unknown-unknown/web-wasm-extensions/ruffle_web.wasm'

Caused by:
The system cannot find the file specified. (os error 2)
node:internal/errors:865
const err = new Error(message);
^

Error: Command failed: wasm-bindgen ../../../target/wasm32-unknown-unknown/web-wasm-extensions/ruffle_web.wasm --target web --out-dir dist --out-name ruffle_web --reference-types
at __node_internal_genericNodeError (node:internal/errors:865:15)
at checkExecSyncError (node:child_process:885:11)
at execFileSync (node:child_process:921:15)