using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Transpose.Core;
using Tesserae;
using static Transpose.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            const string dirtyHtml =
@"<p>Trusted paragraph <strong>with bold</strong>.</p>
<p><a href=""https://github.com/curiosity-ai/tesserae"">A safe link</a></p>
<p>Dangerous: <script>alert('xss')</script> inline script.</p>
<img src=x onerror=""alert('xss')"" />
<iframe src=""javascript:alert('xss')""></iframe>
<p onclick=""alert('xss')"">Click handler attribute.</p>";

            var input  = TextArea(dirtyHtml).WS().H(220);
            var output = TextArea(SanitizeHTML.Sanitize(dirtyHtml)).WS().H(220).ReadOnly();

            input.OnInput((ta, _) => output.Text = SanitizeHTML.Sanitize(ta.Text));

            var component = HStack().W(720).Children(
                VStack().Grow().Children(TextBlock("Input HTML").SemiBold(), input),
                VStack().Grow().PL(16).Children(TextBlock("Sanitized HTML").SemiBold(), output)
            );

            document.body.style.overflow = "hidden";
            MountCenteredToBody(component);
        }
    }
}