thonny-html-highlighter 1.0.0__tar.gz

thonny_html_highlighter-1.0.0/PKG-INFO

@@ -0,0 +1,8 @@
+Metadata-Version: 2.4
+Name: thonny-html-highlighter
+Version: 1.0.0
+Summary: Coloration syntaxique HTML, CSS et JavaScript pour Thonny
+Requires-Python: >=3.10
+Description-Content-Type: text/markdown
+Requires-Dist: thonny>=5.0.0
+Dynamic: requires-python

thonny_html_highlighter-1.0.0/pyproject.toml

@@ -0,0 +1,17 @@
+[build-system]
+requires = ["setuptools>=77.0.3"]
+build-backend = "setuptools.build_meta"
+
+[project]
+name = "thonny-html-highlighter"
+version = "1.0.0"
+description = "Coloration syntaxique HTML, CSS et JavaScript pour Thonny"
+readme = "README.md"
+requires-python = ">=3.10"
+
+dependencies = [
+    "thonny>=5.0.0",
+]
+
+[tool.setuptools.packages.find]
+include = ["thonnycontrib*"]

thonny_html_highlighter-1.0.0/setup.cfg

@@ -0,0 +1,4 @@
+[egg_info]
+tag_build = 
+tag_date = 0
+

thonny_html_highlighter-1.0.0/setup.py

@@ -0,0 +1,17 @@
+from setuptools import setup, find_namespace_packages
+
+
+setup(
+    name="thonny-html-highlighter",
+    version="1.0.0",
+
+    description="Coloration syntaxique HTML, CSS et JavaScript pour Thonny",
+
+    packages=find_namespace_packages(),
+
+    install_requires=[
+        "thonny>=5.0.0",
+    ],
+
+    python_requires=">=3.10",
+)

thonny_html_highlighter-1.0.0/thonny_html_highlighter.egg-info/PKG-INFO

@@ -0,0 +1,8 @@
+Metadata-Version: 2.4
+Name: thonny-html-highlighter
+Version: 1.0.0
+Summary: Coloration syntaxique HTML, CSS et JavaScript pour Thonny
+Requires-Python: >=3.10
+Description-Content-Type: text/markdown
+Requires-Dist: thonny>=5.0.0
+Dynamic: requires-python

thonny_html_highlighter-1.0.0/thonny_html_highlighter.egg-info/SOURCES.txt

@@ -0,0 +1,8 @@
+pyproject.toml
+setup.py
+thonny_html_highlighter.egg-info/PKG-INFO
+thonny_html_highlighter.egg-info/SOURCES.txt
+thonny_html_highlighter.egg-info/dependency_links.txt
+thonny_html_highlighter.egg-info/requires.txt
+thonny_html_highlighter.egg-info/top_level.txt
+thonnycontrib/html_highlighter.py

thonny_html_highlighter-1.0.0/thonny_html_highlighter.egg-info/dependency_links.txt

@@ -0,0 +1 @@
+

thonny_html_highlighter-1.0.0/thonny_html_highlighter.egg-info/requires.txt

@@ -0,0 +1 @@
+thonny>=5.0.0

thonny_html_highlighter-1.0.0/thonny_html_highlighter.egg-info/top_level.txt

@@ -0,0 +1 @@
+thonnycontrib

thonny_html_highlighter-1.0.0/thonnycontrib/html_highlighter.py

@@ -0,0 +1,574 @@
+import re
+
+from thonny import get_workbench
+from tkinter import TclError
+
+
+# ============================================================
+# Utilitaires
+# ============================================================
+
+def position(offset, index):
+    """Convertit un index caractère en position Tkinter."""
+    return f"1.0+{offset + index}c"
+
+
+# ============================================================
+# Expressions régulières HTML
+# ============================================================
+
+COMMENT_RE = re.compile(
+    r"<!--.*?-->",
+    re.DOTALL
+)
+
+TAG_RE = re.compile(
+    r"<\s*/?\s*[A-Za-z][^>]*?>",
+    re.DOTALL
+)
+
+TAG_NAME_RE = re.compile(
+    r"<\s*/?\s*([A-Za-z][\w:-]*)"
+)
+
+ATTRIBUTE_RE = re.compile(
+    r"\b([A-Za-z_:][\w:.-]*)\s*="
+)
+
+VALUE_RE = re.compile(
+    r"=\s*(\"[^\"]*\"|'[^']*')"
+)
+
+
+# ============================================================
+# Blocs CSS / JavaScript
+# ============================================================
+
+STYLE_RE = re.compile(
+    r"<style\b[^>]*>(.*?)</style\s*>",
+    re.IGNORECASE | re.DOTALL
+)
+
+SCRIPT_RE = re.compile(
+    r"<script\b[^>]*>(.*?)</script\s*>",
+    re.IGNORECASE | re.DOTALL
+)
+
+
+# ============================================================
+# HTML
+# ============================================================
+
+def highlight_html_part(text, source, offset):
+
+    # --------------------------------------------------------
+    # Commentaires HTML
+    # --------------------------------------------------------
+
+    for match in COMMENT_RE.finditer(source):
+
+        text.tag_add(
+            "html_comment",
+            position(offset, match.start()),
+            position(offset, match.end())
+        )
+
+    # --------------------------------------------------------
+    # Balises
+    # --------------------------------------------------------
+
+    for match in TAG_RE.finditer(source):
+
+        tag_start = match.start()
+        tag_end = match.end()
+
+        # Balise complète
+        text.tag_add(
+            "html_tag",
+            position(offset, tag_start),
+            position(offset, tag_end)
+        )
+
+        # Nom de la balise
+        name = TAG_NAME_RE.search(match.group())
+
+        if name:
+
+            start = tag_start + name.start(1)
+            end = tag_start + name.end(1)
+
+            text.tag_add(
+                "html_tag_name",
+                position(offset, start),
+                position(offset, end)
+            )
+
+        # Attributs
+        tag_content = match.group()
+
+        for attr in ATTRIBUTE_RE.finditer(tag_content):
+
+            start = tag_start + attr.start(1)
+            end = tag_start + attr.end(1)
+
+            text.tag_add(
+                "html_attribute",
+                position(offset, start),
+                position(offset, end)
+            )
+
+        # Valeurs des attributs
+        for value in VALUE_RE.finditer(tag_content):
+
+            start = tag_start + value.start(1)
+            end = tag_start + value.end(1)
+
+            text.tag_add(
+                "html_value",
+                position(offset, start),
+                position(offset, end)
+            )
+
+
+# ============================================================
+# CSS
+# ============================================================
+
+def highlight_css(text, source, offset):
+
+    # --------------------------------------------------------
+    # Commentaires CSS
+    # --------------------------------------------------------
+
+    comment_re = re.compile(
+        r"/\*.*?\*/",
+        re.DOTALL
+    )
+
+    for match in comment_re.finditer(source):
+
+        text.tag_add(
+            "css_comment",
+            position(offset, match.start()),
+            position(offset, match.end())
+        )
+
+    # --------------------------------------------------------
+    # Sélecteurs
+    # --------------------------------------------------------
+
+    selector_re = re.compile(
+        r"([^{}]+)\{"
+    )
+
+    for match in selector_re.finditer(source):
+
+        start = match.start(1)
+        end = match.end(1)
+
+        text.tag_add(
+            "css_selector",
+            position(offset, start),
+            position(offset, end)
+        )
+
+    # --------------------------------------------------------
+    # Propriétés CSS
+    # --------------------------------------------------------
+
+    property_re = re.compile(
+        r"\b([A-Za-z-]+)\s*:"
+    )
+
+    for match in property_re.finditer(source):
+
+        text.tag_add(
+            "css_property",
+            position(offset, match.start(1)),
+            position(offset, match.end(1))
+        )
+
+    # --------------------------------------------------------
+    # Valeurs CSS
+    # --------------------------------------------------------
+
+    value_re = re.compile(
+        r":\s*([^;{}]+)"
+    )
+
+    for match in value_re.finditer(source):
+
+        text.tag_add(
+            "css_value",
+            position(offset, match.start(1)),
+            position(offset, match.end(1))
+        )
+
+
+# ============================================================
+# JavaScript
+# ============================================================
+
+def highlight_javascript(text, source, offset):
+
+    # --------------------------------------------------------
+    # Commentaires //
+    # --------------------------------------------------------
+
+    line_comment_re = re.compile(
+        r"//.*"
+    )
+
+    for match in line_comment_re.finditer(source):
+
+        text.tag_add(
+            "js_comment",
+            position(offset, match.start()),
+            position(offset, match.end())
+        )
+
+    # --------------------------------------------------------
+    # Commentaires /* ... */
+    # --------------------------------------------------------
+
+    block_comment_re = re.compile(
+        r"/\*.*?\*/",
+        re.DOTALL
+    )
+
+    for match in block_comment_re.finditer(source):
+
+        text.tag_add(
+            "js_comment",
+            position(offset, match.start()),
+            position(offset, match.end())
+        )
+
+    # --------------------------------------------------------
+    # Chaînes de caractères
+    # --------------------------------------------------------
+
+    string_re = re.compile(
+        r"""(["'`])(?:\\.|(?!\1).)*\1"""
+    )
+
+    for match in string_re.finditer(source):
+
+        text.tag_add(
+            "js_string",
+            position(offset, match.start()),
+            position(offset, match.end())
+        )
+
+    # --------------------------------------------------------
+    # Mots-clés
+    # --------------------------------------------------------
+
+    keyword_re = re.compile(
+        r"\b("
+        r"let|const|var|function|return|if|else|"
+        r"for|while|do|switch|case|break|continue|"
+        r"new|class|this|true|false|null|undefined|"
+        r"try|catch|finally|throw|async|await|"
+        r"import|export|from|default|"
+        r"typeof|instanceof|in|of"
+        r")\b"
+    )
+
+    for match in keyword_re.finditer(source):
+
+        text.tag_add(
+            "js_keyword",
+            position(offset, match.start()),
+            position(offset, match.end())
+        )
+
+    # --------------------------------------------------------
+    # Objets JavaScript courants
+    # --------------------------------------------------------
+
+    object_re = re.compile(
+        r"\b("
+        r"console|window|document|Math|JSON|Array|Object|"
+        r"String|Number|Boolean|Date|Promise|"
+        r"RegExp|Set|Map|Error"
+        r")\b"
+    )
+
+    for match in object_re.finditer(source):
+
+        text.tag_add(
+            "js_object",
+            position(offset, match.start()),
+            position(offset, match.end())
+        )
+
+    # --------------------------------------------------------
+    # Méthodes après un point
+    #
+    # console.log()
+    # document.getElementById()
+    # Math.random()
+    # --------------------------------------------------------
+
+    method_re = re.compile(
+        r"\.([A-Za-z_$][\w$]*)"
+    )
+
+    for match in method_re.finditer(source):
+
+        text.tag_add(
+            "js_method",
+            position(offset, match.start(1)),
+            position(offset, match.end(1))
+        )
+
+    # --------------------------------------------------------
+    # Nombres
+    # --------------------------------------------------------
+
+    number_re = re.compile(
+        r"\b\d+(?:\.\d+)?\b"
+    )
+
+    for match in number_re.finditer(source):
+
+        text.tag_add(
+            "js_number",
+            position(offset, match.start()),
+            position(offset, match.end())
+        )
+
+
+# ============================================================
+# Configuration des couleurs
+# ============================================================
+
+def configure_tags(text):
+
+    # --------------------------------------------------------
+    # HTML
+    # --------------------------------------------------------
+
+    text.tag_configure(
+        "html_tag",
+        foreground="#800080"
+    )
+
+    text.tag_configure(
+        "html_tag_name",
+        foreground="#0000FF"
+    )
+
+    text.tag_configure(
+        "html_attribute",
+        foreground="#008000"
+    )
+
+    text.tag_configure(
+        "html_value",
+        foreground="#A31515"
+    )
+
+    text.tag_configure(
+        "html_comment",
+        foreground="#808080"
+    )
+
+    # --------------------------------------------------------
+    # CSS
+    # --------------------------------------------------------
+
+    text.tag_configure(
+        "css_selector",
+        foreground="#800080"
+    )
+
+    text.tag_configure(
+        "css_property",
+        foreground="#0000FF"
+    )
+
+    text.tag_configure(
+        "css_value",
+        foreground="#A31515"
+    )
+
+    text.tag_configure(
+        "css_comment",
+        foreground="#808080"
+    )
+
+    # --------------------------------------------------------
+    # JavaScript
+    # --------------------------------------------------------
+
+    text.tag_configure(
+        "js_keyword",
+        foreground="#0000FF"
+    )
+
+    text.tag_configure(
+        "js_string",
+        foreground="#A31515"
+    )
+
+    text.tag_configure(
+        "js_comment",
+        foreground="#808080"
+    )
+
+    text.tag_configure(
+        "js_object",
+        foreground="#008080"
+    )
+
+    text.tag_configure(
+        "js_method",
+        foreground="#AA5500"
+    )
+
+    text.tag_configure(
+        "js_number",
+        foreground="#008080"
+    )
+
+
+# ============================================================
+# Suppression des anciennes couleurs
+# ============================================================
+
+def clear_tags(text):
+
+    tags = [
+        "html_tag",
+        "html_tag_name",
+        "html_attribute",
+        "html_value",
+        "html_comment",
+
+        "css_selector",
+        "css_property",
+        "css_value",
+        "css_comment",
+
+        "js_keyword",
+        "js_string",
+        "js_comment",
+        "js_object",
+        "js_method",
+        "js_number",
+    ]
+
+    for tag in tags:
+
+        text.tag_remove(
+            tag,
+            "1.0",
+            "end"
+        )
+
+
+# ============================================================
+# Coloration complète
+# ============================================================
+
+def highlight_html(text):
+
+    try:
+
+        source = text.get(
+            "1.0",
+            "end-1c"
+        )
+
+        clear_tags(text)
+
+        configure_tags(text)
+
+        # ----------------------------------------------------
+        # HTML
+        # ----------------------------------------------------
+
+        highlight_html_part(
+            text,
+            source,
+            0
+        )
+
+        # ----------------------------------------------------
+        # CSS
+        # ----------------------------------------------------
+
+        for match in STYLE_RE.finditer(source):
+
+            css_start = match.start(1)
+            css_source = match.group(1)
+
+            highlight_css(
+                text,
+                css_source,
+                css_start
+            )
+
+        # ----------------------------------------------------
+        # JavaScript
+        # ----------------------------------------------------
+
+        for match in SCRIPT_RE.finditer(source):
+
+            js_start = match.start(1)
+            js_source = match.group(1)
+
+            highlight_javascript(
+                text,
+                js_source,
+                js_start
+            )
+
+    except TclError:
+        # L'éditeur peut être détruit pendant le changement
+        pass
+
+
+# ============================================================
+# Événement modification du texte
+# ============================================================
+
+def on_text_change(event):
+
+    text = event.widget
+
+    # Évite de traiter autre chose qu'un éditeur Thonny
+    try:
+        if not text.winfo_exists():
+            return
+
+        highlight_html(text)
+
+    except TclError:
+        pass
+
+
+# ============================================================
+# Chargement du plugin
+# ============================================================
+
+def load_plugin():
+
+    workbench = get_workbench()
+
+    # Éditeurs de code Thonny
+    workbench.bind_class(
+        "EditorCodeViewText",
+        "<<TextChange>>",
+        on_text_change,
+        True
+    )
+
+    workbench.bind_class(
+        "EditorCodeViewText",
+        "<FocusIn>",
+        on_text_change,
+        True
+    )