webdesk.html

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="./assets/style.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="shortcut icon" href="./assets/img/favicon.png">
    <link rel="apple-touch-icon" href="./assets/img/noround.png">
    <title>WebDesk</title>
</head>
<script>
    var abt = {
        lastmod: "Aug 4, 2024",
        ver: "0.1.0",
    }

    var sys = {
        deskid: undefined,
        setupd: undefined,
        migrid: 1,
        autodarkacc: undefined,
        webdrop: true,
        name: "Default User",
        model: undefined,
    }

    var el = {
        taskbar: undefined,
        sm: undefined,
        tr: undefined,
    }
</script>

<body>
    <div class="cm" style="display: block; z-index: 2;">
        <p>This WebDesk is no longer supported</p>
        <p>A migration tool will be made soon</p>
        <a href="https://webdesk-again.vercel.app">Go to new WebDesk</a>
    </div>
    <div id="background"></div>
    <div class="circle"></div>
    <div class="circle2"></div>
    <div id="setuparea">
    </div>
    <div id="notif"></div>
</body>

</html>
<script src="./assets/code/vals.js"></script>
<script src="./assets/lib/jq.js"></script>
<script src="./assets/lib/jszip.js"></script>
<script src="./assets/lib/peer.js"></script>
<script src="./assets/lib/picker.js"></script>
<script src="./assets/code/core.js"></script>
<script src="./assets/code/wm.js"></script>
<script src="./assets/code/services.js"></script>
<script src="./assets/code/ui.js"></script>
<script src="./assets/code/fs.js"></script>
<script src="./assets/code/apps.js"></script>
<script>
    async function boot() {
        const sd = await fs.read('/user/info/name');
        if (sd) {
            const name = await fs.read('/user/info/name');
            const deskid = await fs.read('/system/deskid');
            const darkpref = await fs.read('/user/info/lightdarkpref');
            const lightdark = await fs.read('/user/info/lightdark');
            const color = await fs.read('/user/info/color');
            await wd.desktop(name, deskid, 'wait');
            await ptp.go(deskid);
            sys.setupd = true;

            if (darkpref === "auto") {
                sys.autodarkacc = true;
            } else {
                sys.autodarkacc = false;
            }
            if (lightdark === "dark") {
                wd.dark();
            } else if (lightdark === "clear") {
                wd.clearm();
            } else if (lightdark === "clear2") {
                wd.clearm2();
            } else {
                wd.light();
            }
            ui.crtheme(color);
        } else {
            const id = gen(8);
            await ptp.go(id);
            await fs.write('/system/deskid', id);
            app.setup.init();
            sys.setupd = false;
        }

        const dropZone = document.body;
        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
            dropZone.addEventListener(eventName, preventDefaults, false);
            document.body.addEventListener(eventName, preventDefaults, false);
        });

        dropZone.addEventListener('drop', handleDrop, false);

        function preventDefaults(e) {
            e.preventDefault();
            e.stopPropagation();
        }

        function handleDrop(e) {
            let dt = e.dataTransfer;
            let files = dt.files;

            handleFiles(files);
        }

        async function handleFiles(files) {
            let filesArray = [...files];
            filesArray.forEach(file => {
                const reader = new FileReader();
                reader.onload = function (e) {
                    const contents = e.target.result;
                    fs.write(`/user/files/${file.name}`, contents);
                };

                if (file.type.startsWith('image')) {
                    reader.readAsDataURL(file);
                } else {
                    reader.readAsArrayBuffer(file);
                }
            });
        }
    }
</script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"> </script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/qna"> </script>
<script>
    var ai = {
        init: async function () {
            if (!sys.model) {
                sys.model = await qna.load();
            }
            return sys.model;
        },

        getans: async function (model, context, question) {
            const answers = await model.findAnswers(question, context);
            return answers.length > 0 ? answers[0].text : 'No answer found';
        },

        find: async function (contextArray, question, text) {
            if (text) {
                text.innerText = "Loading model... this might take a while.";
            }
            const model = await ai.init();
            if (text) {
                text.innerText = "Processing...";
            }
            const context = contextArray.join(' ');
            const answer = await ai.getans(model, context, question);
            return answer;
        },
    };
</script>