class extensions started

proxy.py

@@ -1,6 +1,4 @@
-from typing import List, Protocol, Tuple, Union
-
-render_depth:int = 0
+from typing import List, Tuple, Union
 
 def MakeAttrs(css:str|Tuple[str, ...]|None, id:str|None, attributes: dict[str, str | None]|None) -> str:
     if not attributes:
@@ -13,16 +11,17 @@ def MakeAttrs(css:str|Tuple[str, ...]|None, id:str|None, attributes: dict[str, s
     for key, value in attributes.items():
         if value:
             attrList.append(f'{key}="{value}"')
-    return " ".join(attrList)
+    return " " + " ".join(attrList)
 
-class ComplexProxyLeaf(dict):
+class ComplexProxyLeaf():
     name:str = ""
-    attrs:str = ""
-    def __init__(self, name:str):
+    def __init__(self, name:str|None = None):
+        if name:
             self.name = name
+        self.attrs = None
 
     def props(self, css:str|Tuple[str, ...]|None, id:str|None, attributes: dict[str, str | None]|None):
-        clone = clone = self.__class__(self.name)
+        clone = self.__class__(self.name)
         clone.attrs = MakeAttrs(css, id, attributes)
         return clone
 
@@ -30,37 +29,42 @@ class ComplexProxyLeaf(dict):
         return self.props(css, id, {})
     
     def __repr__(self) -> str:
-        return f'<{self.name} {self.attrs}/>'
+        return f'<{self.name}{self.attrs or ""}/>'
 
 class ComplexProxyBranch(ComplexProxyLeaf):
     name:str = ""
-    attrs:str = ""
-    def __init__(self, name:str):
+    def __init__(self, name:str|None = None):
+        if name:
             self.name = name
-
-    def __call__(self, css:str|None = None, id:str|None = None):
-        return self.props(css, id, None)
+        self.attrs = None
     def __repr__(self) -> str:
-        return f'<{self.name} {self.attrs}></{self.name}>'
+        return f'<{self.name}{self.attrs or ""}></{self.name}>'
     def __getitem__(self, key:Union[str, 'ComplexProxyBranch', ComplexProxyLeaf, Tuple[Union[str, 'ComplexProxyBranch', ComplexProxyLeaf], ...]]) -> str:
         
-        global render_depth
-        render_depth = render_depth + 1
         if isinstance(key, tuple):
             children = f'\n'.join(str(k) for k in key)
         else:
-            children = key
+            children = str(key)
 
-        render_depth = render_depth - 1
+        return f'<{self.name}{self.attrs or ""}>\n{children}\n</{self.name}>'
 
-        return f'<{self.name} {self.attrs}>\n{children}\n</{self.name}>'
+class IMGTag(ComplexProxyLeaf):
+    name = "img"
+    def __call__(self, css:str|None = None, id:str|None = None, src:str|None = None):
+        return self.props(css, id, {"src":src})
     
-IMG = ComplexProxyLeaf("img")
+class ATag(ComplexProxyBranch):
+    name = "a"
+    def __call__(self, css:str|None = None, id:str|None = None, href:str|None = None, target:str|None = None):
+        return self.props(css, id, {"href":href, "target":target})
+
+IMG = IMGTag()
+A = ATag()
 BR = ComplexProxyLeaf("br")
-A = ComplexProxyBranch("a")
+DIV = ComplexProxyBranch("div")
 
 print(
-    A
+    DIV
     [
         "click here",
         BR,