tscn2html.html

<style>
    * {
        padding: 0;
        margin: 0;
    }
    #source, #result {
        width: 50%;
        height: 100%
    }
    #button {
        width: 5rem;
        height: 5rem;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 3em;
    }
</style>
<form spellcheck="false"><textarea id="source"></textarea><textarea id="result"></textarea></form>
<button id="button" onclick="convert()">▶️</button>
<script>
    var source = document.getElementById('source')
    var result = document.getElementById('result')
    var process = {
        argv: []
    }
    function require(mod){
        return {
            readFileSync(file, enc){
                return (file == 'test.tscn') ? source.value : ''
            },
            writeFileSync(file, content){
                if(file === 'test.html')
                result.value = content
            }
        }
    }
</script>
<script src="tscn2html.js"></script>