Adding textwrap.dedent for allowing indented html blocks (pyscript#275)

sugatoray · pre-commit-ci[bot] · web-flow · commit ff3b9941074d · 2022-05-09T14:48:11.000-05:00
* Adding textwrap.dedent for indented html blocks - write indented html string - but dedent it while generating html - textwrap.dedent is meant for this purpose * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * fixed indentation * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * fixed indentation Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
diff --git a/pyscriptjs/src/pyscript.py b/pyscriptjs/src/pyscript.py
@@ -3,6 +3,7 @@
 import io
 import sys
 import time
+from textwrap import dedent
 
 import micropip  # noqa: F401
 from js import console, document
@@ -257,12 +258,14 @@ def create(self):
         console.log("creating values")
 
         console.log("creating innerHtml")
-        new_child._element.innerHTML = f"""
-<label for="flex items-center p-2 ">
-  <input class="mr-2" type="checkbox" class="task-check">
-  <p class="m-0 inline">{self.render_content()}</p>
-</label>
-    """
+        new_child._element.innerHTML = dedent(
+            f"""
+            <label for="flex items-center p-2 ">
+              <input class="mr-2" type="checkbox" class="task-check">
+              <p class="m-0 inline">{self.render_content()}</p>
+            </label>
+            """
+        )
 
         console.log("returning")
         return new_child
