Provide an API or Callback that enables developers to obtain the progress when downloading the wasm file. #1459

xb284524239 · 2025-01-07T03:21:05Z

💡 Feature description

Could an API or Callback be provided in the xxx.js file generated by wasm-pack packaging, allowing developers to obtain the progress when downloading the wasm file? Because the wasm files generated by projects of different sizes may be 1MB, 5MB or even 10MB. If developers cannot get the download progress, they will not be able to display a progress bar on the web page, which is not a very good experience for users in front of the computer.

The command which I used: wasm-pack build --release --target web

💻 Basic example

// index.html

<body>
    <!-- canvas required by the Slint runtime -->
    <canvas id="canvas"></canvas>

    <div id="loading">
        <p>loading...</p>
        <span id="current"></span> / <span id="total"></span> MB
    </div>
    <script type="module">
        function show_progress(current, total) {
            document.getElementById("current").innerText = (current / 1024 / 1024).toFixed(2);
            document.getElementById("total").innerText = (total / 1024 / 1024).toFixed(2);
        }

        import init, { start } from "./pkg/memlib.js";  // The memlib.js is automatically generated by wasm-pack.

        let options = {fetchProgress: show_progress, /*.. some other options */ };

        await init(options); 

        document.getElementById("loading").style.display = "none"; // Initialization completed, hide the 'loading' div

        start(); // start my program

    </script>
</body>

The text was updated successfully, but these errors were encountered:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Provide an API or Callback that enables developers to obtain the progress when downloading the wasm file. #1459

Provide an API or Callback that enables developers to obtain the progress when downloading the wasm file. #1459

xb284524239 commented Jan 7, 2025 •

edited

Loading

Provide an API or Callback that enables developers to obtain the progress when downloading the wasm file. #1459

Provide an API or Callback that enables developers to obtain the progress when downloading the wasm file. #1459

Comments

xb284524239 commented Jan 7, 2025 • edited Loading

💡 Feature description

💻 Basic example

xb284524239 commented Jan 7, 2025 •

edited

Loading