dars-framework 1.2.3__py3-none-any.whl

dars/security.py

@@ -0,0 +1,195 @@
+import os
+import re
+from typing import Iterable, Set
+from dars.core.js_bridge import esbuild_minify_js as _esbuild_minify_js, esbuild_minify_css as _esbuild_minify_css, esbuild_available as _esbuild_available
+
+SAFE_JS_EXT = {'.js', '.mjs', '.cjs'}
+SAFE_CSS_EXT = {'.css'}
+SAFE_HTML_EXT = {'.html', '.htm'}
+
+SKIP_PATTERNS = (
+    r'^snapshot.*\.json$',
+    r'^version.*\.txt$',
+)
+
+_pat_compiled = [re.compile(p) for p in SKIP_PATTERNS]
+
+
+def _should_skip(filename: str) -> bool:
+    base = os.path.basename(filename)
+    for p in _pat_compiled:
+        if p.match(base):
+            return True
+    return False
+
+
+# --- Minifiers (conservative) ---
+_js_block_comments = re.compile(r"/\*.*?\*/", re.DOTALL)
+_js_line_comments = re.compile(r"(^|[^:\\])//.*?$", re.MULTILINE)
+_js_spaces = re.compile(r"\s+")
+_js_punct_spaces = re.compile(r"\s*([{}\[\](),;:<>+=\-*/%&|^!?])\s*")
+
+_css_comments = re.compile(r"/\*.*?\*/", re.DOTALL)
+_css_spaces = re.compile(r"\s+")
+_css_punct_spaces = re.compile(r"\s*([{}:;,>~+])\s*")
+
+_html_comments = re.compile(r"<!--(?!\s*\[if).*?-->", re.DOTALL)
+_html_between_tags = re.compile(r">\s+<")
+_js_string_splitter = re.compile(r'(".*?"|\'.*?\'|`.*?`)', re.DOTALL)
+
+
+def minify_js(src: str) -> str:
+    """Minify a JS source string. Uses esbuild if available; otherwise Python fallback."""
+    # Fast path: dump to temp file and use esbuild when available
+    if _esbuild_available():
+        try:
+            import tempfile
+            with tempfile.NamedTemporaryFile('w', delete=False, suffix='.js', encoding='utf-8') as tf_in:
+                tf_in.write(src)
+                in_path = tf_in.name
+            with tempfile.NamedTemporaryFile('r', delete=False, suffix='.js', encoding='utf-8') as tf_out:
+                out_path = tf_out.name
+            if _esbuild_minify_js(in_path, out_path):
+                try:
+                    with open(out_path, 'r', encoding='utf-8') as fr:
+                        return fr.read()
+                finally:
+                    try: os.remove(in_path)
+                    except Exception: pass
+                    try: os.remove(out_path)
+                    except Exception: pass
+        except Exception:
+            pass
+    # Prefer fast/robust rjsmin if available
+    try:
+        import rjsmin  # type: ignore
+        return rjsmin.jsmin(src)
+    except Exception:
+        pass
+    # Conservative regex fallback
+    try:
+        s = _js_block_comments.sub("", src)
+        s = _js_line_comments.sub(lambda m: m.group(1), s)
+        parts = _js_string_splitter.split(s)
+        for i in range(0, len(parts), 2):
+            p = parts[i]
+            p = _js_punct_spaces.sub(r"\1", p)
+            p = _js_spaces.sub(" ", p)
+            parts[i] = p
+        s = "".join(parts)
+        return s.strip()
+    except Exception:
+        return src
+
+
+def minify_css(src: str) -> str:
+    """Minify a CSS source string. Uses esbuild if available; otherwise Python fallback."""
+    if _esbuild_available():
+        try:
+            import tempfile
+            with tempfile.NamedTemporaryFile('w', delete=False, suffix='.css', encoding='utf-8') as tf_in:
+                tf_in.write(src)
+                in_path = tf_in.name
+            with tempfile.NamedTemporaryFile('r', delete=False, suffix='.css', encoding='utf-8') as tf_out:
+                out_path = tf_out.name
+            if _esbuild_minify_css(in_path, out_path):
+                try:
+                    with open(out_path, 'r', encoding='utf-8') as fr:
+                        return fr.read()
+                finally:
+                    try: os.remove(in_path)
+                    except Exception: pass
+                    try: os.remove(out_path)
+                    except Exception: pass
+        except Exception:
+            pass
+    # Prefer rcssmin if available
+    try:
+        import rcssmin  # type: ignore
+        return rcssmin.cssmin(src)
+    except Exception:
+        pass
+    try:
+        s = _css_comments.sub("", src)
+        s = _css_punct_spaces.sub(r"\1", s)
+        s = _css_spaces.sub(" ", s)
+        return s.strip()
+    except Exception:
+        return src
+
+
+def minify_html(src: str) -> str:
+    # Prefer htmlmin if available
+    try:
+        import htmlmin  # type: ignore
+        return htmlmin.minify(src, remove_comments=True, remove_empty_space=True, reduce_boolean_attributes=True)
+    except Exception:
+        pass
+    try:
+        s = _html_comments.sub("", src)
+        s = re.sub(r">\s+<", "><", s)
+        s = re.sub(r"\s{2,}", " ", s)
+        return s.strip()
+    except Exception:
+        return src
+
+
+def minify_output_dir(output_dir: str, extra_skip: Iterable[str] = None, progress_cb=None) -> int:
+    """
+    Minify HTML, CSS, and JS files in-place under output_dir.
+    Skips VDOM, snapshot, and version files by default.
+
+    Returns: number of files minified.
+    """
+    # Gather candidates first to allow accurate progress reporting
+    extra_skip_set: Set[str] = set(extra_skip or [])
+    candidates = []
+    for root, _dirs, files in os.walk(output_dir):
+        for name in files:
+            if name in extra_skip_set:
+                continue
+            if _should_skip(name):
+                continue
+            ext = os.path.splitext(name)[1].lower()
+            if ext in SAFE_JS_EXT or ext in SAFE_CSS_EXT or ext in SAFE_HTML_EXT:
+                candidates.append(os.path.join(root, name))
+
+    total = len(candidates)
+    processed = 0
+    written = 0
+    for full in candidates:
+        ext = os.path.splitext(full)[1].lower()
+        try:
+            with open(full, 'r', encoding='utf-8') as f:
+                content = f.read()
+        except Exception:
+            processed += 1
+            if progress_cb:
+                try: progress_cb(processed, total)
+                except Exception: pass
+            continue
+
+        new_content = None
+        if ext in SAFE_JS_EXT:
+            new_content = minify_js(content)
+        elif ext in SAFE_CSS_EXT:
+            new_content = minify_css(content)
+        elif ext in SAFE_HTML_EXT:
+            new_content = minify_html(content)
+
+        if new_content is not None and new_content != content:
+            try:
+                with open(full, 'w', encoding='utf-8') as f:
+                    f.write(new_content)
+                written += 1
+            except Exception:
+                pass
+
+        processed += 1
+        if progress_cb:
+            try:
+                progress_cb(processed, total)
+            except Exception:
+                pass
+
+    return written

dars/templates/examples/README.md

@@ -0,0 +1,4 @@
+# Dars - Examples
+
+This folder contains all Dars framework templates.
+

dars/templates/examples/advanced/Modal_Demo/advanced_modal_demo.py

@@ -0,0 +1,275 @@
+from dars.all import *
+from dars.scripts.script import *
+# Crear la aplicación
+app = App(title="Mi App con Navbar Funcional")
+app.add_script(InlineScript('''
+document.addEventListener('DOMContentLoaded', function() {
+        var modal = document.getElementById('modal-demo');
+        var btnAbrir = document.getElementById('btn-abrir-modal');
+        var btnCerrar = document.getElementById('btn-cerrar-modal');
+        if (modal && btnAbrir && btnCerrar) {
+            btnAbrir.addEventListener('click', function() {
+                if (modal.getAttribute('data-enabled') === 'true') {
+                    modal.style.display = 'flex';
+                    modal.classList.remove('dars-modal-hidden');
+                    modal.removeAttribute('hidden');
+                }
+            });
+            btnCerrar.addEventListener('click', function() {
+                modal.style.display = 'none';
+                modal.classList.add('dars-modal-hidden');
+                modal.setAttribute('hidden', '');
+            });
+            // Ocultar modal por defecto al cargar
+            modal.style.display = 'none';
+            modal.classList.add('dars-modal-hidden');
+            modal.setAttribute('hidden', '');
+        }
+});
+    '''))
+# Función para crear el navbar (reutilizable en todas las páginas)
+def crear_navbar():
+    home_link = Link(text="Inicio", href="/", style={"color": "white", "text-decoration": "none", "margin-right": "20px", "padding": "10px 15px", "border-radius": "5px"})
+    about_link = Link(text="Acerca de", href="/about.html", style={"color": "white", "text-decoration": "none", "margin-right": "20px", "padding": "10px 15px", "border-radius": "5px"})
+    contact_link = Link(text="Contacto", href="/contact.html", style={"color": "white", "text-decoration": "none", "margin-right": "20px", "padding": "10px 15px", "border-radius": "5px"})
+    
+    return Navbar(
+        home_link, 
+        about_link, 
+        contact_link,
+        brand="🚀 DarsApp",
+        style={
+            "background": "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+            "padding": "15px 30px",
+            "box-shadow": "0 4px 6px rgba(0,0,0,0.1)"
+        }
+    )
+
+# PÁGINA DE INICIO
+home_content = Container(
+    Text(
+        text="¡Bienvenido a DarsApp!",
+        style={
+            "font-size": "3rem",
+            "color": "#2c3e50",
+            "text-align": "center",
+            "margin": "50px 0 30px 0",
+            "font-weight": "bold"
+        }
+    ),
+    Text(
+        text="Una aplicación de demostración construida con el framework Dars",
+        style={
+            "font-size": "1.3rem",
+            "color": "#7f8c8d",
+            "text-align": "center",
+            "margin": "0 0 50px 0",
+            "line-height": "1.6"
+        }
+    ),
+    # --- COMPONENTES AVANZADOS DEMO ---
+    Card([
+        Text(text="Este es un Card avanzado con hijos", style={"margin-bottom": "10px"}),
+        Link(text="Ir a Contacto", href="/contact.html", style={"color": "#667eea"})
+    ], title="Demo Card", style={"margin": "30px auto", "max-width": "400px"}),
+
+    # --- Modal con botón para cerrar ---
+    Modal([
+        Text(text="¡Este es el contenido de un Modal avanzado!", style={"text-align": "center"}),
+        Button(text="Cerrar Modal", id="btn-cerrar-modal", style={"margin": "20px auto 0 auto", "display": "block"})
+    ], title="Demo Modal", is_open=False, id="modal-demo", style={"margin": "30px auto"}),
+    Button(
+        text="Mostrar Modal",
+        id="btn-abrir-modal",
+        style={"margin": "20px 0", "padding": "10px 20px", "background": "#667eea", "color": "white", "border": "none", "border-radius": "5px"}
+    ),
+
+    Tabs(
+        minimum_logic=True,
+        tabs=["Tab 1", "Tab 2", "Tab 3"],
+        panels=[
+            Text(text="Contenido de la pestaña 1"),
+            Card([Text(text="Contenido dentro de un Card en Tab 2")]),
+            Container(Text(text="Panel 3 con Container"))
+        ],
+        selected=0,
+        style={"margin": "30px auto", "max-width": "600px"}
+    ),
+
+    Accordion(
+        minimum_logic=True,
+        sections=[
+            ("Sección 1", Text(text="Contenido de la sección 1")),
+            ("Sección 2", Card([Text(text="Contenido de la sección 2 en Card")]))
+        ],
+        open_indices=[0],
+        style={"margin": "30px auto", "max-width": "600px"}
+    ),
+
+    Table(
+        columns=[
+            {"title": "Nombre", "field": "nombre"},
+            {"title": "Edad", "field": "edad"}
+        ],
+        data=[
+            {"nombre": "Ana", "edad": 28},
+            {"nombre": "Luis", "edad": 34}
+        ],
+        style={"margin": "30px auto", "max-width": "400px"}
+    ),
+)
+
+home_page = Page(
+    crear_navbar(),
+    home_content,
+    style={
+        "font-family": "Arial, sans-serif",
+        "background": "linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)",
+        "min-height": "100vh"
+    }
+)
+
+# PÁGINA ACERCA DE
+about_content = Container(
+    Text(
+        text="Acerca de DarsApp",
+        style={
+            "font-size": "2.5rem",
+            "color": "#2c3e50",
+            "text-align": "center",
+            "margin": "50px 0 30px 0",
+            "font-weight": "bold"
+        }
+    ),
+    Text(
+        text="Nuestra Historia",
+        style={
+            "font-size": "1.8rem",
+            "color": "#34495e",
+            "text-align": "center",
+            "margin-bottom": "20px",
+            "font-weight": "bold"
+        }
+    ),
+    Text(
+        text="DarsApp es una aplicación de demostración que muestra las capacidades del framework Dars para crear interfaces web modernas y funcionales. Nuestro objetivo es proporcionar una experiencia de usuario excepcional a través de un diseño limpio y una navegación intuitiva.",
+        style={
+            "font-size": "1.1rem",
+            "line-height": "1.8",
+            "color": "#7f8c8d",
+            "text-align": "center",
+            "background": "white",
+            "padding": "40px",
+            "border-radius": "15px",
+            "box-shadow": "0 5px 15px rgba(0,0,0,0.1)",
+            "max-width": "800px",
+            "margin": "0 auto"
+        }
+    ),
+    style={
+        "max-width": "1200px",
+        "margin": "0 auto",
+        "padding": "20px"
+    }
+)
+
+about_page = Page(
+    crear_navbar(),
+    about_content,
+    style={
+        "font-family": "Arial, sans-serif",
+        "background": "linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)",
+        "min-height": "100vh"
+    }
+)
+
+# PÁGINA CONTACTO
+contact_content = Container(
+    Text(
+        text="Contáctanos",
+        style={
+            "font-size": "2.5rem",
+            "color": "#2c3e50",
+            "text-align": "center",
+            "margin": "50px 0 30px 0",
+            "font-weight": "bold"
+        }
+    ),
+    Text(
+        text="📧 Información de Contacto",
+        style={
+            "font-size": "1.8rem",
+            "color": "#34495e",
+            "margin-bottom": "30px",
+            "font-weight": "bold",
+            "text-align": "center"
+        }
+    ),
+    Text(
+        text="Contact INFO",
+        style={
+            "font-size": "1.1rem",
+            "line-height": "2",
+            "color": "#7f8c8d",
+            "text-align": "center",
+            "white-space": "pre-line",
+            "background": "white",
+            "padding": "40px",
+            "border-radius": "15px",
+            "box-shadow": "0 5px 15px rgba(0,0,0,0.1)",
+            "max-width": "600px",
+            "margin": "0 auto"
+        }
+    ),
+    Text(
+        text="Horario de Atención:\nLunes a Viernes: 9:00 AM - 6:00 PM\nSábados: 10:00 AM - 2:00 PM",
+        style={
+            "font-size": "1rem",
+            "line-height": "1.6",
+            "color": "#95a5a6",
+            "text-align": "center",
+            "margin-top": "30px",
+            "white-space": "pre-line"
+        }
+    ),
+    style={
+        "max-width": "1200px",
+        "margin": "0 auto",
+        "padding": "20px"
+    }
+)
+
+contact_page = Page(
+    crear_navbar(),
+    contact_content,
+    style={
+        "font-family": "Arial, sans-serif",
+        "background": "linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)",
+        "min-height": "100vh"
+    }
+)
+
+# Agregar estilos globales
+app.add_global_style(selector="body", styles={
+    "margin": "0",
+    "padding": "0",
+    "font-family": "Arial, sans-serif"
+})
+
+app.add_global_style(selector="a", styles={
+    "transition": "all 0.3s ease"
+})
+
+app.add_global_style(selector="a:hover", styles={
+    "background-color": "rgba(255,255,255,0.2) !important",
+    "transform": "translateY(-2px)"
+})
+
+# Agregar todas las páginas a la aplicación
+app.add_page(name="index", root=home_page, index=True)
+app.add_page(name="about", root=about_page)
+app.add_page(name="contact", root=contact_page)
+
+if __name__ == "__main__":
+    app.rTimeCompile()  # Preview en vivo
+