Improve Image quality 👾

This PR improves the image quality of the elements by fetching the 2X version of the image from figma and then scaling it down to 1X by using PIL.

pyproject.toml

@@ -23,12 +23,14 @@ classifiers = [
 [tool.poetry.dependencies]
 python = "^3.8"
 requests = "2.25.1"
-urllib3 = "1.26.4"
 Jinja2 = "3.0.1"
+Pillow = "^8.3.1"
+urllib3 = "^1.26.6"
 
 [tool.poetry.dev-dependencies]
 pytest = "^6.2.4"
 flake8 = "^3.9.2"
+pylint = "^2.9.6"
 
 [tool.poetry.scripts]
 tkdesigner = 'tkdesigner.cli:main'

tkdesigner/figma/custom_elements.py

@@ -1,6 +1,5 @@
 from .vector_elements import Vector, Rectangle
 
-
 TEXT_INPUT_ELEMENT_TYPES = {
     "TextArea": "Text",
     "TextBox": "Entry"
@@ -150,8 +149,7 @@ def __init__(self, node, frame, image_path, *, id_):
     def to_code(self):
         return f"""
 entry_image_{self.id_} = PhotoImage(
-    file=relative_to_assets("{self.image_path}")
-)
+    file=relative_to_assets("{self.image_path}"))
 entry_bg_{self.id_} = canvas.create_image(
     {self.x},
     {self.y},

tkdesigner/figma/endpoints.py

@@ -33,7 +33,7 @@ def get_file(self) -> dict:
 
     def get_image(self, item_id) -> str:
         response = requests.get(
-            f"{self.API_ENDPOINT_URL}/images/{self.file_key}?ids={item_id}",
+            f"{self.API_ENDPOINT_URL}/images/{self.file_key}?ids={item_id}&scale=2",
             headers={"X-FIGMA-TOKEN": self.token}
         )
 

tkdesigner/template.py

@@ -5,7 +5,9 @@
 
 from pathlib import Path
 
-from tkinter import *
+# from tkinter import *
+# Explicit imports to satisfy Flake8
+from tkinter import Tk, Canvas, Entry, Text, Button, PhotoImage
 
 
 OUTPUT_PATH = Path(__file__).parent
@@ -42,4 +44,5 @@ def relative_to_assets(path: str) -> Path:
 
 window.resizable(False, False)
 window.mainloop()
+
 """

tkdesigner/utils.py

@@ -2,6 +2,8 @@
 Small utility functions.
 """
 import requests
+from PIL import Image
+import io
 
 
 def find_between(s, first, last):
@@ -16,5 +18,8 @@ def find_between(s, first, last):
 
 def download_image(url, image_path):
     response = requests.get(url)
+    content = io.BytesIO(response.content)
+    im = Image.open(content)
+    im = im.resize((im.size[0] // 2, im.size[1] // 2), Image.ANTIALIAS)
     with open(image_path, "wb") as file:
-        file.write(response.content)
+        im.save(file)