dist/test.html

<!DOCTYPE html>
<html>
    <head>
        <script src="./photopea.min.js"></script>
    </head>
    <body>
        <div id="container" style="width: 800px; height: 400px;"></div>
        <script>
            let container = document.getElementById("container");
            Photopea.createEmbed(container).then(async (pea) => {
                let output = await pea.runScript(`
                    app.echoToOE("hello world");
                `);
                console.log(output)
                await pea.openFromURL("https://www.photopea.com/api/img2/pug.png", false);
                await pea.runScript(`app.activeDocument.activeLayer.blendMode = "lddg";`);
                await pea.openFromURL("https://www.photopea.com/api/img2/pug.png", true);
                await pea.runScript(`app.activeDocument.activeLayer.blendMode = "scrn";`);
                await pea.runScript(`app.activeDocument.activeLayer.translate(20, 20);`);
                output = await pea.runScript(`
                    app.echoToOE("hello world 2");
                `);
                console.log(output)
                let finalImage = await pea.exportImage();
                let img = new Image();
                img.src = URL.createObjectURL(finalImage);
                document.body.appendChild(img);
            });
        </script>
    </body>
</html>