falk-werner_webfuse-example/www/src/index.js

import { Client } from "webfuse";
import { ConnectionView } from "./connection_view.js";
import { FileSystemProvider } from "./filesystem_provider.js";


function mode(value) {
    return parseInt(value, 8);
}

function updateContents() {
    const directory = document.getElementById('directory');
    fetch("cgi-bin/list-dir").then(response => response.text()).then((text) => {
        directory.textContent = text;
    })
    .catch(() => { directory.innerHTML = ''; });

    const contents = document.getElementById('contents');
    fetch("cgi-bin/get-contents").then(response => response.text()).then((text) => {
        contents.textContent = text;
    })
    .catch(() => { contents.innerHTML = ''; });

    window.setTimeout(updateContents, 5 * 1000);
}

function startup() {
    const provider = new FileSystemProvider({
        inode: 1,
        mode: mode("0755"),
        type: "dir",
        entries: {
            "hello.txt"   : { inode: 2, mode: mode("0444"), type: "file", contents: "Hello, World!"},
            "say_hello.sh": { inode: 3, mode: mode("0555"), type: "file", contents: "#!/bin/sh\necho hello\n"}
        }
    });
    const client = new Client();
    const connectionView = new ConnectionView(client, provider);    
    document.getElementById('connection').appendChild(connectionView.element);
    updateContents();
}

window.onload = startup;