Embed rich console export into html page served by python http.server #3328

ghpqans · 2024-04-12T10:26:58Z

ghpqans
Apr 12, 2024

I would like to save some rich console output to html using console.save_html.

console.save_html("console_as_html.html", theme=rich.terminal_theme.SVG_EXPORT_THEME)

Loading the generated html file using a browser (e.g. Mozilla) I can see it renders correctly.

The generated html (anonymized) looks like this:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.r1 {font-weight: bold}
.r2 {color: #f0a000; text-decoration-color: #f0a000; font-weight: bold}
.r3 {color: #808080; text-decoration-color: #808080}
body {
    color: #c5c8c6;
    background-color: #292929;
}
</style>
</head>
<body>
    <pre style="font-family:Menlo,'DejaVu Sans Mono',consolas,'Courier New',monospace"><code style="font-family:inherit">                                                                         
 <span class="r1"> </span><span class="r2">segment      port  model        </span><span class="r1"> </span> 
 ─────────────────────────────────────────────────────────────────────── 
  <span class="r3">a               1  Model1 </span>   
  <span class="r3">a               2  ModelX </span>   
  <span class="r3">a               3  Model_Foo </span>   
  <span class="r3">a               4  Model_Bar </span>   
                                                                         
</code></pre>
</body>
</html>

However, I would like to regularly update the console and export the updated content again and again.
Then I would like to make the export accessible via http.server and embed it into a context which contains the
<meta http-equiv="refresh" content="3"> tag.

In order to be able to embed the generated html into another html page, I updated my export statement into console.save_html("console_as_html.html", theme=rich.terminal_theme.SVG_EXPORT_THEME, inline_styles=True, code_format="<pre>{code}</pre>")

The exported html then looks the same as above but with headers removed:

<pre>                                                                         
 <span style="font-weight: bold"> </span><span style="color: #f0a000; text-decoration-color: #f0a000; font-weight: bold">segment      port  model </span><span style="font-weight: bold"> </span>
 ─────────────────────────────────────────────────────────────────────── 
  <span style="color: #808080; text-decoration-color: #808080">a               1  ModelX    </span>
  <span style="color: #808080; text-decoration-color: #808080">a               2  Model_Foo </span>
  <span style="color: #808080; text-decoration-color: #808080">a               3  Model_Bar </span>
</pre>

The server code is this:

from http.server import SimpleHTTPRequestHandler, HTTPServer

hostName = "localhost"
serverPort = 8080


class MyServer(SimpleHTTPRequestHandler):
    def do_GET(self):
        self.send_response(200)
        self.send_header("Content-type", "text/html")
        self.end_headers()
        self.wfile.write(
            bytes(
                """
                <!DOCTYPE html>
                <meta charset="UTF-8">
                <html>
                    <head>
                        <html><title>My served content</title>
                        <html><meta http-equiv="refresh" content="3">
                    </head>
                    <style>
                        body {
                            color: #c5c8c6;
                            background-color: #292929;
                        }
                    </style>
                    <body>
                        <embed type="text/html" src="console_as_html.html">
                    </body>
                </html>
                """,
                "utf-8"
            )
        )


if __name__ == "__main__":
    webServer = HTTPServer((hostName, serverPort), MyServer)
    print("Server started http://%s:%s" % (hostName, serverPort))

    try:
        webServer.serve_forever()
    except KeyboardInterrupt:
        pass

    webServer.server_close()
    print("Server stopped.")

And this is how the served page looks with the embedded content:

Do you have some suggestion howto use the console export from rich with http.server and embed it into another html?
At first, I also tried using console.save_svg, which leads to the same issue.
The svg can be loaded directly into the browser with file->open, but i cannot serve it using http.server.

At second, I tried to specify an absolute path to the served object: <embed type="text/html" src="absolute_path/console_as_html.html"> and I also tried to specify the protocol: <embed type="text/html" src="file:///absolutepath/console_as_html.html"> .

Neither worked.

I hope to find some help here.
Think, this could be a pretty common use-case of the console.save_html method.

ghpqans · 2024-04-12T10:29:01Z

ghpqans
Apr 12, 2024
Author

I like to add that I want to serve the content in a company internal network, only. I don't want to publish it in the internet.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Embed rich console export into html page served by python http.server #3328

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Embed rich console export into html page served by python http.server #3328

Uh oh!

Uh oh!

ghpqans Apr 12, 2024

Replies: 1 comment

Uh oh!

ghpqans Apr 12, 2024 Author

ghpqans
Apr 12, 2024

ghpqans
Apr 12, 2024
Author