import os
from flask import Flask
from watchdog.observers import Observer
from watchdog.events import FileSystemEventHandler

# --------------  VARIABLES   --------------
html_file_path = r"PATH"
host = "0.0.0.0"
port = 80
is_oe11 = True  # if using OE11 set it to True, for OE12 set it to False (encoding)
scroll_pixels = 100
scroll_interval = 3  # seconds
bottom_wait_time = 3  # seconds
top_wait_time = 3  # seconds
reload_interval = 35  # seconds
# -------------- END VARIABLES --------------

app = Flask(__name__)


class FileChangeHandler(FileSystemEventHandler):
    def __init__(self, app):
        self.app = app

    def on_modified(self, event):
        if event.src_path == html_file_path:
            with self.app.app_context():
                self.app.config["TEMPLATES_AUTO_RELOAD"] = True


@app.route("/")
def serve_html():
    with open(html_file_path, "r", encoding=("cp1252" if is_oe11 else "utf-8")) as file:
        content = file.read()
    content += f"""
    <style>
        html {{
            scroll-behavior: smooth;
        }}
    </style>
    <script>
        let scrollAmount = {scroll_pixels};
        let scrollInterval = {scroll_interval} * 1000;
        let bottomWaitTime = {bottom_wait_time} * 1000;
        let topWaitTime = {top_wait_time} * 1000;
        let reloadInterval = {reload_interval} * 1000;
        let scrollPos = 0;
        let scrollingDown = true;

        function autoScroll() {{
            if (scrollingDown) {{
                window.scrollBy(0, scrollAmount);
                scrollPos += scrollAmount;
                if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {{
                    scrollingDown = false;
                    setTimeout(reloadPage, bottomWaitTime);
                    return;
                }}
            }} else {{
                window.scrollTo(0, 0);
                scrollPos = 0;
                scrollingDown = true;
                setTimeout(autoScroll, topWaitTime);
                return;
            }}
            setTimeout(autoScroll, scrollInterval);
        }}

        function reloadPage() {{
            window.scrollTo(0, 0);
            setTimeout(() => {{
                location.reload();
            }}, 100);
        }}

        window.onload = function() {{
            window.scrollTo(0, 0);
            if (document.body.scrollHeight <= window.innerHeight) {{
                setTimeout(reloadPage, reloadInterval);
            }} else {{
                setTimeout(autoScroll, topWaitTime);
            }}
        }};
    </script>
    """
    return content


if __name__ == "__main__":
    event_handler = FileChangeHandler(app)
    observer = Observer()
    observer.schedule(
        event_handler, path=os.path.dirname(html_file_path), recursive=False
    )
    observer.start()
    try:
        app.run(host=host, port=port)
    except KeyboardInterrupt:
        observer.stop()
    observer.join()