ruffle/web/demo/www/index.js

import { Ruffle } from "../../pkg/ruffle";
import "./element";

let sampleFileInput = document.getElementById("sample-file");
if (sampleFileInput) {
    sampleFileInput.addEventListener("change", sampleFileSelected, false);
}

let localFileInput = document.getElementById("local-file");
if (localFileInput) {
    localFileInput.addEventListener("change", localFileSelected, false);
}

let ruffle;

if (window.location.search && window.location.search != "") {
    let urlParams = new URLSearchParams(window.location.search);
    let url = urlParams.get("file");
    if (url && url != "") {
        loadRemoteFile(url);
    }
}

function localFileSelected() {
    let file = localFileInput.files[0];
    if (file) {
        let fileReader = new FileReader();
        fileReader.onload = e => {
            playSwf(fileReader.result);
        }
        fileReader.readAsArrayBuffer(file);
    }
}

function sampleFileSelected() {
    if (sampleFileInput.selectedIndex <= 0) {
        // No SWF selected.
        return;
    }

    let file = sampleFileInput.selectedOptions[0].innerText;
    if (file) {
        loadRemoteFile(file);
    }
}

function loadRemoteFile(url) {
    fetch(url)
        .then(response => {
            response.arrayBuffer().then(data => playSwf(data))
        });
}

let timestamp = 0;
let animationHandler;

function playSwf(swfData) {
    if (ruffle) {
        ruffle.destroy();
        ruffle = null;
    }

    let canvas = document.getElementById("player");
    if (swfData && canvas) {
        ruffle = Ruffle.new(canvas, new Uint8Array(swfData));
    }
}