Merge pull request #879 from feldroy/from_html

feat: migrate AirConvert functionality to air-tags by introducing `BaseTag.from_html_to_source`!

Author: pydanny

examples/samples/__init__.py

@@ -1,47 +1,94 @@
 from typing import Final
 
+import air
 from air import *
 
-SMALL_HTML_SAMPLE: Final = Html(
-    Div(
-        Link(
-            rel="stylesheet",
-            href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css",
+FRAGMENT_AIR_TAG_SAMPLE: Final = air.Div(
+    air.Meta(charset="utf-8"),
+    air.Meta(
+        content="width=device-width,initial-scale=1",
+        name="viewport",
+    ),
+    air.Title("Title!"),
+    air.Comment("My crazy comment"),
+    air.P(
+        "Hello ",
+        air.Strong("World"),
+        "!",
+    ),
+)
+
+TINY_AIR_TAG_SAMPLE: Final = air.Html(
+    air.Head(
+        air.Meta(charset="utf-8"),
+        air.Meta(
+            content="width=device-width,initial-scale=1",
+            name="viewport",
         ),
-        Script(
-            src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.6/dist/htmx.min.js",
-            integrity="sha384-Akqfrbj/HpNVo8k11SXBb6TlBWmXXlYQrCSqEWmyKJe+hDm3Z/B2WVG4smwBkRVm",
-            crossorigin="anonymous",
+        air.Title("Title!"),
+        air.Comment("My crazy comment"),
+    ),
+    air.Body(
+        air.P(
+            "Hello",
+            air.Strong("World"),
+            "!",
         ),
-        H1("H1", data_cloud=True, data_earth="true"),
-        H2("H1", data_cloud=True, data_earth="true"),
-        P(
-            A("A", data_cloud=True, data_earth="true"),
-            A(SafeStr(":root & > < { --pico-font-size: 100%; }"), id="id1"),
-            SafeStr("safe <> string"),
-            A(":root & > < { --pico-font-size: 100%; }", id="id1"),
-            Img(
-                src="https://cdn.jsdelivr.net/dist/img.png",
-                width=250,
-                height=100,
-                alt="My Img",
-                checked=False,
-                selected=True,
-                bar="foo",
-            ),
-            "<>",
-            Script("safe <> Script", crossorigin="anonymous"),
+        air.Div(
+            "Div",
+            hidden=True,
+            draggable=True,
+            translate="no",
+            contenteditable=True,
+            tabindex=3,
+            width=12.34,
         ),
-        class_="class1",
-        id="id1",
-        style="style1",
-        kwarg1="kwarg1",
-        kwarg2="kwarg2",
-        kwarg3="kwarg3",
-    )
+    ),
+    lang="en",
+)
+
+SMALL_AIR_TAG_SAMPLE: Final = Html(
+    air.Head(),
+    air.Body(
+        Div(
+            Link(
+                rel="stylesheet",
+                href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css",
+            ),
+            Script(
+                src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.6/dist/htmx.min.js",
+                integrity="sha384-Akqfrbj/HpNVo8k11SXBb6TlBWmXXlYQrCSqEWmyKJe+hDm3Z/B2WVG4smwBkRVm",
+                crossorigin="anonymous",
+            ),
+            H1("H1", data_cloud=True, data_earth="true"),
+            H2("H1", data_cloud=True, data_earth="true"),
+            P(
+                A("A", data_cloud=True, data_earth="true"),
+                A(SafeStr(":root & > < { --pico-font-size: 100%; }"), id_="id1"),
+                SafeStr("safe <> string"),
+                A(":root & > < { --pico-font-size: 100%; }", id_="id1"),
+                Img(
+                    src="https://cdn.jsdelivr.net/dist/img.png",
+                    width=250,
+                    height=100,
+                    alt="My Img",
+                    selected=True,
+                    bar="foo",
+                ),
+                "<>",
+                Script("safe <> Script", crossorigin="anonymous"),
+            ),
+            class_="class1",
+            id_="id1",
+            style="style1",
+            kwarg1="kwarg1",
+            kwarg2="kwarg2",
+            kwarg3="kwarg3",
+        )
+    ),
 )
 
-HTML_SAMPLE: Final = Html(
+AIR_TAG_SAMPLE: Final = Html(
     Head(
         Meta(
             property="og:image",
@@ -366,12 +413,12 @@
                     type="text",
                     name="q",
                     placeholder="Enter your search query...",
-                    id="search-input",
+                    id_="search-input",
                 ),
                 Div(class_="search-results-modal"),
                 class_="modal-content",
             ),
-            id="search-modal",
+            id_="search-modal",
             style="display:none;",
             class_="modal overflow-auto",
         ),