y marca con bento__full los hermanos que no son tiles; 6. si hay sparkline de 326x72, la cambia por el gráfico nuevo (variante B). Al final lista los style="…" que quedan, con su recuento, para el retoque manual. """ import re, sys, pathlib # ---- spans por pantalla, en orden DOM de las tarjetas ------------------------ SPANS = { "index.html": ["hero", "tall", "", "wide", "", "", "", "", ""], "ventas.html": ["hero", "third", "third", "third", "wide", "wide", "wide"], "salud.html": ["hero", "wide"], "margenes.html": ["hero", "wide", "wide", "wide"], "canales.html": ["hero", "wide", "wide"], "control.html": ["hero", "", "", "", "", "wide", "wide"], "prevision.html": ["hero", "wide"], "carta.html": ["hero", "wide", "wide"], "clientes.html": ["hero", "", "", "wide", "wide", "wide", "wide"], "ritmo.html": ["hero", "wide", "wide", "wide"], "aviso.html": ["hero", "wide"], "decisiones.html": ["hero", "", "", "wide"], "costes.html": ["wide", "wide", "wide", "wide", "wide"], } VOID = {"br", "img", "input", "path", "circle", "polyline", "polygon", "line", "meta", "link", "stop", "hr"} TAG = re.compile(r"<(/?)([a-zA-Z][\w-]*)([^>]*?)(/?)>") def find_close(html, open_start): """Índice justo después del cierre del elemento que abre en open_start.""" depth = 0 for m in TAG.finditer(html, open_start): closing, tag, _, selfclose = m.group(1), m.group(2).lower(), m.group(3), m.group(4) if tag in VOID or selfclose: continue depth += -1 if closing else 1 if depth == 0: return m.end() raise ValueError("cierre no encontrado") def children(html, start, end): """Rangos (ini, fin) de los hijos directos del elemento cuyo contenido va de start a end.""" out, pos = [], start while True: m = TAG.search(html, pos, end) if not m or m.group(1): break tag = m.group(2).lower() if tag in VOID or m.group(4): pos = m.end(); continue close = find_close(html, m.start()) out.append((m.start(), close)); pos = close return out # ---- anatomía inline → clases (orden importa) ------------------------------ HEAD_INNER = '

' SUBS = [ (HEAD_INNER + HEAD_INNER, '

'), ('

', '

'), ('

', '

'), ('

]*>', html) m_close = html.find("

', '

') # ---- gráfico de Ventas (variante B), portado de gen-chart.py ------------------ W, H, PAD_T, PAD_B, PLOT_R = 326.0, 120.0, 10.0, 10.0, 318.0 TICKS = [(6, "4 may"), (13, "11 may"), (20, "18 may"), (27, "25 may")] def smooth(vals, win=3): half = win // 2 out = [sum(vals[max(0, i - half):i + half + 1]) / len(vals[max(0, i - half):i + half + 1]) for i in range(len(vals))] for k in range(min(3, len(vals))): i = len(vals) - 1 - k; w = 1 - k / 3 out[i] = w * vals[i] + (1 - w) * out[i] return out def monotone_path(xs, ys): k = len(xs) d = [(ys[i + 1] - ys[i]) / (xs[i + 1] - xs[i]) for i in range(k - 1)] m = [0.0] * k; m[0], m[-1] = d[0], d[-1] for i in range(1, k - 1): if d[i - 1] * d[i] <= 0: m[i] = 0.0 else: h0, h1 = xs[i] - xs[i - 1], xs[i + 1] - xs[i] m[i] = 3 * (h0 + h1) / ((2 * h1 + h0) / d[i - 1] + (h1 + 2 * h0) / d[i]) parts = [f"M{xs[0]},{ys[0]}"] for i in range(k - 1): h = xs[i + 1] - xs[i] parts.append(f"C{xs[i] + h / 3:.1f},{ys[i] + m[i] * h / 3:.1f} {xs[i + 1] - h / 3:.1f},{ys[i + 1] - m[i + 1] * h / 3:.1f} {xs[i + 1]},{ys[i + 1]}") return " ".join(parts) def chart_block(svg_old, gid="grad-ventas"): polys = re.findall(r'' for i, _ in TICKS) labels = "".join(f'{t}' for i, t in TICKS) dx, dy = xs[-1], ry[-1] svg = (f'') tip = (f'

' f'Hoy · 27 may2.957 €

') legend = ('

' 'venta real · 30 días' 'esperado

') return f'

{svg}{tip}

{labels}

{legend}' def replace_chart(html): m = re.search(r'', html, re.S) if not m: return html # la leyenda vieja es el siguiente hermano: la fila con gap 14 ya convertida a tile__row--tight end = m.end() if html.startswith('

', end): end = find_close(html, end) return html[:m.start()] + chart_block(m.group(0)) + html[end:] def migrate(path): html = path.read_text(encoding="utf-8") html = unwrap_grids(html) html, n = convert_cards(html, SPANS.get(path.name, [])) html = resolve_ambiguous(html) for a, b in SUBS: html = html.replace(a, b) html = ICON_ACCENT.sub(r"\1>", html) html = BAR_SEG.sub(r'

', html) html = DOT.sub(r'', html) html = clean_main_gap(html) html = wrap_bento(html) html = replace_chart(html) return html, n def report(html): styles = re.findall(r'style="([^"]*)"', re.search(r"(.*)", html, re.S).group(1)) keep = re.compile(r"^(--i:\d+;|width:[0-9.]+%;background:var$--[a-z-]+$;|background:var$--[a-z-]+$;|right:calc[^;]+;top:[0-9-]+px;|left:[0-9.]+%;|display:block;width:100%;)$") counts = {} for s in styles: if not keep.match(s): counts[s] = counts.get(s, 0) + 1 return sorted(counts.items(), key=lambda kv: -kv[1]) # ============================================================================= # Extensión tras la primera prueba en seco: patrones repetidos de las secciones # ============================================================================= SPANS["salud.html"] = ["hero", "row", "row", "row", "row", "row", "wide"] SPANS["prevision.html"] = ["hero", "row", "row", "wide"] SUBS += [ # filas clave-valor y rótulos pequeños ('

', '

'), ('

', '

'), ('

', ''), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('', ''), ('', ''), # barra gruesa ('

', '

'), # lista con icono (Canal a canal) ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), # columnas de gráfico ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), # ítem de aviso: punto de estado y columna de texto ('

', '

'), ] SUBS += [ ('

', '

'), ('

', '

'), ('

', '

'), ('

', '

'), ] SUBS += [(a.replace('

') BAR_SEG = re.compile(r'

') KV_FILL = re.compile(r'

') COL_BAR = re.compile(r'

') TABLE_ROW = re.compile(r'

') TABLE_HEAD = re.compile(r'

') BTN = re.compile(r'(]*?) style="display:flex;align-items:center;justify-content:center;height:64px;border-radius:8px;background:var$--action-(secondary|primary)$;color:var$--text-on-(?:secondary|accent)$;font-size:20px;line-height:24px;font-weight:400;text-transform:uppercase;text-decoration:none;flex-grow:1;">') STEP = re.compile(r'(]*?) style="display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:8px;background:var$--action-secondary$;color:var$--text-on-secondary$;text-decoration:none;">') CHEVRON_SUBTLE = re.compile(r'') ALERT_STYLE = 'display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;text-decoration:none;color:inherit;' ITEM = re.compile(r'<(a|div) class="card(?: card--link)?"((?: href="[^"]+")?) style="[^"]*">|<(a|div)((?: href="[^"]+")?) style="' + re.escape(ALERT_STYLE) + '">') FLEXEND = re.compile(r'

') def convert_cards(html, spans): n = 0 def rep(m): nonlocal n tag = m.group(1) or m.group(3); attrs = m.group(2) or m.group(4) or "" span = spans[n] if n < len(spans) else "" if m.group(3) and not span: span = "row" cls = "tile" + {"": "", "row": " tile--wide tile--row"}.get(span, f" tile--{span}") out = f'<{tag} class="{cls}"{attrs} style="--i:{n};">' n += 1 return out return ITEM.sub(rep, html), n def resolve_flexend(html): """Fila alineada abajo: columnas de gráfico si contiene columnas, si no fila de cifra.""" pos = 0 while True: m = FLEXEND.search(html, pos) if not m: return html close = find_close(html, m.start()) inner = html[m.end():close] new = '

' if ('tile__col"' in inner or 'flex-direction:column;align-items:center' in inner) else '

' html = html[:m.start()] + new + html[m.end():] pos = m.start() + len(new) def wrap_bento(html): m_open = re.search(r'

]*>', html) m_close = html.find("

", m_open.end()) kids = children(html, m_open.end(), m_close) is_tile = lambda k: re.match(r'<(a|div) class="tile(?: |")', html[k[0]:k[0] + 40]) is not None holds = lambda k: re.search(r'class="tile(?: |")', html[k[0]:k[1]]) is not None rel = [k for k in kids if is_tile(k) or holds(k)] if not rel: return html first, last = rel[0][0], rel[-1][1] out, pos = [], first for k in kids: if not (first <= k[0] < last): continue if is_tile(k): continue seg = html[k[0]:k[1]] if holds(k): # envoltorio de lista: se desenvuelve open_end = TAG.match(seg).end() seg = seg[open_end:seg.rfind("' + "".join(out) + '

' + html[last:] def migrate(path): html = path.read_text(encoding="utf-8") html = unwrap_grids(html) html, n = convert_cards(html, SPANS.get(path.name, [])) html = resolve_ambiguous(html) for a, b in SUBS: html = html.replace(a, b) html = resolve_flexend(html) html = ICON_ACCENT.sub(r"\1>", html) html = CHEVRON_SUBTLE.sub('', html) html = STATUS_DOT.sub(r'', html) html = KV_FILL.sub(r'

', html) html = COL_BAR.sub(r'

', html) html = BAR_SEG.sub(r'

', html) html = DOT.sub(r'', html) html = TABLE_ROW.sub(r'

', html) html = TABLE_HEAD.sub(r'

', html) html = BTN.sub(r'\1 class="btn btn--\2">', html) html = STEP.sub(r'\1 class="btn btn--secondary btn--step">', html) html = clean_main_gap(html) html = wrap_bento(html) html = replace_chart(html) return html, n def report(html): styles = re.findall(r'style="([^"]*)"', re.search(r"(.*)", html, re.S).group(1)) keep = re.compile(r"^(--i:\d+;|width:[0-9.]+%;background:var$--[a-z-]+$;|height:[0-9.]+%;background:var$--[a-z-]+$;|background:var$--[a-z-]+$;|right:calc[^;]+;top:[0-9-]+px;|left:[0-9.]+%;|display:block;width:100%;|display:inline-flex;|grid-template-columns:[^;]+;)$") counts = {} for st in styles: if not keep.match(st): counts[st] = counts.get(st, 0) + 1 return sorted(counts.items(), key=lambda kv: -kv[1]) TILE_OPEN = re.compile(r'<(a|div) class="tile(?: |")[^>]*>') def flatten_nested(html): """Saca las tiles anidadas dentro de otra tile y las coloca, en su orden, como hermanas detrás de ella.""" while True: moved = False for m in TILE_OPEN.finditer(html): end = find_close(html, m.start()) blocks, cuts, pos = [], [], m.end() while True: inner = TILE_OPEN.search(html, pos, end) if not inner: break i_end = find_close(html, inner.start()) blocks.append(html[inner.start():i_end]); cuts.append((inner.start(), i_end)); pos = i_end if not blocks: continue parent = html[m.start():end] for a, b in reversed(cuts): parent = parent[:a - m.start()] + parent[b - m.start():] html = html[:m.start()] + parent + "".join(blocks) + html[end:] moved = True break if not moved: return html def renumber(html): """Reasigna --i en orden de aparición de las tiles (0, 1, 2…).""" n = [0] def rep(m): out = m.group(1) + f'style="--i:{n[0]};"'; n[0] += 1; return out return re.sub(r'(<(?:a|div) class="tile(?: |")[^>]*?)style="--i:\d+;"', rep, html) _migrate_prev = migrate def migrate(path): html, n = _migrate_prev(path) html = renumber(flatten_nested(html)) return html, n if __name__ == "__main__": path = pathlib.Path(sys.argv[1]); write = "--write" in sys.argv html, n = migrate(path) left = html.count('class="card') print(f"{path.name}: {n} tarjetas → tiles · class=card queda {left} veces") for s, c in report(html): print(f" {c:3d} × style=\"{s[:140]}\"") if write: path.write_text(html, encoding="utf-8"); print("escrito")