From b34b07f098d488c19f0b5ea97cc2baa049e4bebc Mon Sep 17 00:00:00 2001
From: Christopher Pickering <christopher@going.bg>
Date: Fri, 16 Dec 2022 08:52:36 -0600
Subject: [PATCH] updated demo

---
 docs/src/_includes/demo.njk  | 5 ++++-
 docs/src/static/js/editor.js | 6 +++++-
 docs/src/static/js/worker.js | 8 +++++---
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/docs/src/_includes/demo.njk b/docs/src/_includes/demo.njk
index d62a97e..0601be6 100644
--- a/docs/src/_includes/demo.njk
+++ b/docs/src/_includes/demo.njk
@@ -10,7 +10,9 @@ keywords: online template formatter, djLint, HTML, templates, formatter, linter,
 
   <div class="container is-fluid pb-5">
   <hr class="mt-0" />
-    <h1 class="title is-3">{{ "demo_description" | i18n | safe }}</h1>
+    <h1 class="title is-3 mb-0">{{ "demo_description" | i18n | safe }}</h1>
+    <small class="mb-4  is-italic is-block" id="djlint-version"></small>
+
     <div class="block" id="djlint-status">
     <span class="icon-text">
       <span class="icon">
@@ -20,6 +22,7 @@ keywords: online template formatter, djLint, HTML, templates, formatter, linter,
       </span>
     </div>
     <div class="columns is-hidden">
+
       <div class="column is-narrow">
 
 <form id="djlint-settings">
diff --git a/docs/src/static/js/editor.js b/docs/src/static/js/editor.js
index 2381338..cb8340d 100644
--- a/docs/src/static/js/editor.js
+++ b/docs/src/static/js/editor.js
@@ -89,7 +89,11 @@ if (typeof Worker !== 'undefined') {
     }
     if ((type == 'error' || type == 'html') && id == session_id) {
       setOutput(message);
-    } else {
+    } else if (type == "status") {
+      console.log(message)
+    } else if (type == "version") {
+      document.getElementById('djlint-version').textContent = message;
+    }else {
       console.log(event.data);
     }
   };
diff --git a/docs/src/static/js/worker.js b/docs/src/static/js/worker.js
index b039d1d..c935786 100644
--- a/docs/src/static/js/worker.js
+++ b/docs/src/static/js/worker.js
@@ -41,12 +41,13 @@ async function loadPyodideAndPackages() {
   postMessage({ type: 'status', message: 'Installing tqdm..' });
 
   postMessage({
-    type: 'status',
+    type: 'version',
     message:
       'Running Python ' +
       pyodide.runPython(`
-    import sys
-    sys.version
+    import platform
+    from importlib import metadata
+    f"running with Python {platform.python_version()}; djLint {metadata.version('djlint')}"
   `),
   });
 
@@ -103,6 +104,7 @@ self.onmessage = async (event) => {
     await self.pyodide.runPythonAsync(`
       import io
       import os
+      import sys
       sys.modules['_multiprocessing'] = object
       from multiprocessing.pool import ThreadPool
       sys.stdout = io.StringIO()