feat: improve element resolver and add line element

docs/instructions.ar-DZ.md

@@ -113,6 +113,7 @@ ___
 | اسم العنصر في Figma | عنصر Tkinter |
 | --- | --- |
 | Button | Button |
+| Line | Line |
 | Rectangle | Rectangle |
 | TextArea | Text Area |
 | TextBox | Entry |

docs/instructions.fr-FR.md

@@ -94,6 +94,7 @@ ___
 | Nom de l'élément Figma | Élément Tkinter |
 | --- | --- |
 | Button | Button |
+| Line | Line |
 | Rectangle | Rectangle |
 | TextArea | Text Area |
 | TextBox | Entry |

docs/instructions.gu-GU.md

@@ -95,6 +95,7 @@ ___
 | ફિગ્મા Element નામ | Tkinter |
 | --- | --- |
 | Button | Button |
+| Line | Line |
 | Rectangle | Rectangle |
 | TextArea | Text Area |
 | TextBox | Entry |

docs/instructions.md

@@ -104,6 +104,7 @@ ___
 | Figma Element Name | Tkinter Element |
 | --- | --- |
 | Button | Button |
+| Line | Line |
 | Text | Name it anything |
 | Rectangle | Rectangle |
 | TextArea | Text Area |

docs/instructions.tr-TR.md

@@ -103,6 +103,7 @@ ___
 | Figma Element İsmi | Tkinter Elementi |
 | --- | --- |
 | Button | Button |
+| Line | Line |
 | Rectangle | Rectangle |
 | TextArea | Text Area |
 | TextBox | Entry |

docs/instructions.zh-CN.md

@@ -101,6 +101,7 @@ ___
 | Figma 元素名称 | Tkinter 元素 |
 | --- | --- |
 | Button | Button |
+| Line | Line |
 | Rectangle | Rectangle |
 | TextArea | Text Area |
 | TextBox | Entry |

tkdesigner/figma/frame.py

@@ -2,7 +2,7 @@
 from ..utils import download_image
 
 from .node import Node
-from .vector_elements import Rectangle, UnknownElement
+from .vector_elements import Line, Rectangle, UnknownElement
 from .custom_elements import Button, Text, Image, TextEntry
 
 from jinja2 import Template
@@ -33,18 +33,15 @@ def __init__(self, node, figma_file, output_path):
         ]
 
     def create_element(self, element):
-        element_name = element["name"].strip()
-        element_type = element["type"].strip()
+        element_name = element["name"].strip().lower()
+        element_type = element["type"].strip().lower()
 
         print(
             "Creating Element "
             f"{{ name: {element_name}, type: {element_type} }}"
         )
 
-        if element_name == "Rectangle":
-            return Rectangle(element, self)
-
-        elif element_name == "Button":
+        if element_name == "button":
             self.counter[Button] = self.counter.get(Button, 0) + 1
 
             item_id = element["id"]
@@ -58,7 +55,7 @@ def create_element(self, element):
             return Button(
                 element, self, image_path, id_=f"{self.counter[Button]}")
 
-        elif element_name in ("TextBox", "TextArea"):
+        elif element_name in ("textbox", "textarea"):
             self.counter[TextEntry] = self.counter.get(TextEntry, 0) + 1
 
             item_id = element["id"]
@@ -72,7 +69,7 @@ def create_element(self, element):
             return TextEntry(
                 element, self, image_path, id_=f"{self.counter[TextEntry]}")
 
-        elif element_name == "Image":
+        elif element_name == "image":
             self.counter[Image] = self.counter.get(Image, 0) + 1
 
             item_id = element["id"]
@@ -85,7 +82,13 @@ def create_element(self, element):
             return Image(
                 element, self, image_path, id_=f"{self.counter[Image]}")
 
-        elif element_type == "TEXT":
+        if element_name == "rectangle" or element_type == "rectangle":
+            return Rectangle(element, self)
+
+        if element_name == "line" or element_type == "line":
+            return Line(element, self)
+
+        elif element_type == "text":
             return Text(element, self)
 
         else:

tkdesigner/figma/vector_elements.py

@@ -40,12 +40,6 @@ class Star(Vector):
     def __init__(self, node):
         super().__init__(node)
 
-
-class Line(Vector):
-    def __init__(self, node):
-        super().__init__(node)
-
-
 class Ellipse(Vector):
     def __init__(self, node):
         super().__init__(node)
@@ -83,6 +77,29 @@ def to_code(self):
 """
 
 
+class Line(Rectangle):
+    def __init__(self, node, frame):
+        super().__init__(node, frame)
+
+    def color(self) -> str:
+        """Returns HEX form of element RGB color (str)
+        """
+        try:
+            color = self.node["strokes"][0]["color"]
+            r, g, b, *_ = [int(color.get(i, 0) * 255) for i in "rgba"]
+            return f"#{r:02X}{g:02X}{b:02X}"
+        except Exception:
+            return "#FFFFFF"
+
+    def size(self):
+        width, height = super().size()
+        return width + self.node["strokeWeight"], height + self.node["strokeWeight"]
+
+    def position(self, frame):
+        x, y = super().position(frame)
+        return x - self.node["strokeWeight"], y - self.node["strokeWeight"]
+
+
 class UnknownElement(Vector):
     def __init__(self, node, frame):
         super().__init__(node)