Compare commits
1
Commits
main
...
prodotti-aldi
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
1d7f1ad020 |
No files matched your search
@@ -19,6 +19,12 @@ test/widget_test.dart
|
|||||||
/macos/
|
/macos/
|
||||||
/windows/
|
/windows/
|
||||||
/web/
|
/web/
|
||||||
|
|
||||||
|
# db_prodotti — dataset generato dallo scraper, rigenerabile con scrape_aldi.py
|
||||||
|
db_prodotti/*.db
|
||||||
|
db_prodotti/*.json
|
||||||
|
db_prodotti/*.log
|
||||||
|
db_prodotti/__pycache__/
|
||||||
/.idea/
|
/.idea/
|
||||||
*.iml
|
*.iml
|
||||||
.metadata
|
.metadata
|
||||||
|
|||||||
@@ -0,0 +1,81 @@
|
|||||||
|
# db_prodotti — catalogo prodotti aldi.it
|
||||||
|
|
||||||
|
Dump del catalogo pubblico su [aldi.it/prodotti](https://www.aldi.it/prodotti), raccolto con
|
||||||
|
uno scraper (`scrape_aldi.py`) perché il sito non espone un'API pubblica ed è protetto da
|
||||||
|
bot-detection (Akamai) che blocca le richieste HTTP dirette — servono un browser reale
|
||||||
|
(Playwright + Chromium headless).
|
||||||
|
|
||||||
|
**Non fa parte dell'app BitePlan** (non è collegato a `lib/` né alla build Flutter): è un
|
||||||
|
dataset a sé, generato una tantum, da usare come riferimento offline (es. prezzi/prodotti per
|
||||||
|
alimentare in futuro il convertitore o la lista spesa).
|
||||||
|
|
||||||
|
## File
|
||||||
|
|
||||||
|
- `aldi_prodotti.db` — SQLite, tabelle `prodotti`, `categorie`, `prodotto_categorie` (join, un prodotto può comparire in più categorie foglia), `metadata` (data di generazione, fonte). Generato, non versionato (vedi `.gitignore`) — rigenerabile con lo script.
|
||||||
|
- `scrape_aldi.py` — script di generazione (Playwright + BeautifulSoup)
|
||||||
|
- `viewer.html` — UI statica per sfogliare il db nel browser (nessun server/dipendenza da installare)
|
||||||
|
|
||||||
|
## Schema SQLite
|
||||||
|
|
||||||
|
```
|
||||||
|
prodotti(sku PK, nome, marca, prezzo_testo, prezzo_scontato, unita_misura,
|
||||||
|
prezzo_comparativo, descrizione, immagine_url, url_prodotto)
|
||||||
|
categorie(slug PK, nome, breadcrumb)
|
||||||
|
prodotto_categorie(sku, categoria_slug)
|
||||||
|
```
|
||||||
|
|
||||||
|
`prezzo_testo` e `prezzo_comparativo` sono stringhe italiane così come mostrate sul sito
|
||||||
|
(es. `"0,75 €"`, `"(1,50 €/1 kg)"`) — non convertite in numero per evitare ambiguità di
|
||||||
|
parsing su formati misti (kg/100g/pezzo).
|
||||||
|
|
||||||
|
## Copertura e limiti
|
||||||
|
|
||||||
|
- **674 prodotti unici**, 90 categorie foglia (su 92 individuate; 2 risultate vuote),
|
||||||
|
generato il 2026-09-20. Include sia alimentari sia non-food (abbigliamento, casa, pet
|
||||||
|
care, elettronica, ecc.) perché il catalogo online ALDI Italia li espone tutti sotto
|
||||||
|
`/prodotti`.
|
||||||
|
- Il catalogo online ALDI Italia è un **volantino digitale**, non un e-commerce completo:
|
||||||
|
le pagine di dettaglio prodotto **non hanno quasi mai** ingredienti, valori nutrizionali o
|
||||||
|
codice EAN. Il campo `descrizione` è popolato solo per ~38% dei prodotti (376/674 vuoti),
|
||||||
|
più spesso su non-food (taglie, materiali) che su alimentari.
|
||||||
|
- I prezzi sono uno snapshot del giorno di generazione: ALDI aggiorna il volantino/le offerte
|
||||||
|
periodicamente, quindi il dato invecchia — va rigenerato se serve aggiornato.
|
||||||
|
|
||||||
|
## Rigenerare il db
|
||||||
|
|
||||||
|
```bash
|
||||||
|
pip install --break-system-packages playwright beautifulsoup4
|
||||||
|
python3 scrape_aldi.py # scraping completo (~20-30 min)
|
||||||
|
python3 scrape_aldi.py --no-detail # salta il dettaglio prodotto (solo elenco, ~2 min)
|
||||||
|
```
|
||||||
|
|
||||||
|
Usa il Chromium di sistema (`/snap/bin/chromium`) via Playwright, nessun download di
|
||||||
|
browser aggiuntivo. Include una pausa (`DELAY` in `scrape_aldi.py`) fra le richieste di
|
||||||
|
listing e fetch in parallelo (`DETAIL_CONCURRENCY = 8`, in `scrape_aldi.py`) per le pagine
|
||||||
|
di dettaglio, il collo di bottiglia principale.
|
||||||
|
|
||||||
|
Ogni run è **riproducibile**: `write_sqlite()` cancella `aldi_prodotti.db` se già esiste
|
||||||
|
(`db_path.unlink()`) e lo ricrea da zero con lo schema e i dati appena raccolti — nessun
|
||||||
|
merge/append tra run, il file rispecchia sempre solo l'ultimo scraping. `metadata.generato_il`
|
||||||
|
viene sovrascritto ad ogni rigenerazione con il timestamp del run corrente.
|
||||||
|
|
||||||
|
## Visualizzare il db (`viewer.html`)
|
||||||
|
|
||||||
|
Pagina statica (HTML + JS, [sql.js](https://sql.js.org) via CDN) che legge `aldi_prodotti.db`
|
||||||
|
direttamente nel browser, senza installazione né build:
|
||||||
|
|
||||||
|
- tabella con miniatura, nome, marca, prezzo (con eventuale prezzo scontato), formato/unità
|
||||||
|
di misura e categorie di appartenenza
|
||||||
|
- ricerca live per nome/marca
|
||||||
|
- filtro per categoria (dropdown popolato dalla tabella `categorie`)
|
||||||
|
- colonne ordinabili al click sull'intestazione (stesso click inverte la direzione)
|
||||||
|
- riepilogo in testa con data/ora di generazione e fonte, letti da `metadata`
|
||||||
|
|
||||||
|
Va **servita via HTTP** (il fetch del `.db` fallisce se apri il file con doppio click /
|
||||||
|
`file://`, per le restrizioni CORS del browser):
|
||||||
|
|
||||||
|
```bash
|
||||||
|
cd db_prodotti
|
||||||
|
python3 -m http.server 8000
|
||||||
|
# poi apri http://localhost:8000/viewer.html
|
||||||
|
```
|
||||||
@@ -0,0 +1,252 @@
|
|||||||
|
#!/usr/bin/env python3
|
||||||
|
"""Scraper del catalogo prodotti aldi.it -> sqlite (aldi_prodotti.db) + JSON (aldi_prodotti.json).
|
||||||
|
|
||||||
|
Uso:
|
||||||
|
python3 scrape_aldi.py # scraping completo (categorie + elenco prodotti + dettaglio)
|
||||||
|
python3 scrape_aldi.py --no-detail # salta il fetch delle pagine di dettaglio prodotto
|
||||||
|
|
||||||
|
Richiede: playwright (pip install playwright), un browser chromium disponibile
|
||||||
|
(usa /snap/bin/chromium di sistema via executable_path, nessun download extra).
|
||||||
|
"""
|
||||||
|
import argparse
|
||||||
|
import asyncio
|
||||||
|
import re
|
||||||
|
import sqlite3
|
||||||
|
import sys
|
||||||
|
import time
|
||||||
|
from pathlib import Path
|
||||||
|
from urllib.parse import urljoin
|
||||||
|
|
||||||
|
from bs4 import BeautifulSoup
|
||||||
|
from playwright.async_api import async_playwright
|
||||||
|
from playwright.sync_api import sync_playwright
|
||||||
|
|
||||||
|
BASE = "https://www.aldi.it"
|
||||||
|
UA = ("Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 "
|
||||||
|
"(KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36")
|
||||||
|
OUT_DIR = Path(__file__).parent
|
||||||
|
DELAY = 0.4 # pausa fra le richieste di listing, per non martellare il sito
|
||||||
|
DETAIL_CONCURRENCY = 8 # pagine di dettaglio in parallelo
|
||||||
|
|
||||||
|
|
||||||
|
def slug_to_label(slug: str) -> str:
|
||||||
|
return slug.replace("-", " ").strip().capitalize()
|
||||||
|
|
||||||
|
|
||||||
|
def find_leaf_categories(page) -> list[dict]:
|
||||||
|
page.goto(f"{BASE}/prodotti", timeout=30000)
|
||||||
|
page.wait_for_load_state("networkidle", timeout=15000)
|
||||||
|
soup = BeautifulSoup(page.content(), "html.parser")
|
||||||
|
hrefs = sorted({a["href"] for a in soup.find_all("a", href=True)
|
||||||
|
if re.match(r"^/prodotti/.+/k/\d+$", a["href"])})
|
||||||
|
paths = [h.split("/k/")[0] for h in hrefs]
|
||||||
|
leaves = []
|
||||||
|
for h, p in zip(hrefs, paths):
|
||||||
|
is_leaf = not any(p2 != p and p2.startswith(p + "/") for p2 in paths)
|
||||||
|
if is_leaf:
|
||||||
|
slugs = p.strip("/").split("/")[1:] # rimuove "prodotti"
|
||||||
|
leaves.append({
|
||||||
|
"url": urljoin(BASE, h),
|
||||||
|
"slug_path": "/".join(slugs),
|
||||||
|
"breadcrumb": " > ".join(slug_to_label(s) for s in slugs),
|
||||||
|
"categoria_slug": slugs[-1],
|
||||||
|
"categoria_nome": slug_to_label(slugs[-1]),
|
||||||
|
})
|
||||||
|
return leaves
|
||||||
|
|
||||||
|
|
||||||
|
def parse_product_tiles(html: str) -> list[dict]:
|
||||||
|
soup = BeautifulSoup(html, "html.parser")
|
||||||
|
products = []
|
||||||
|
for tile_wrap in soup.select('[id^="product-tile-"]'):
|
||||||
|
sku = tile_wrap["id"].replace("product-tile-", "")
|
||||||
|
tile = tile_wrap.select_one(".product-tile")
|
||||||
|
if tile is None:
|
||||||
|
continue
|
||||||
|
name_el = tile.select_one(".product-tile__name p")
|
||||||
|
brand_el = tile.select_one(".product-tile__brandname p")
|
||||||
|
price_el = tile.select_one(".base-price__regular span")
|
||||||
|
old_price_el = tile.select_one(".base-price__discount-tag__wrapper")
|
||||||
|
unit_el = tile.select_one('[data-test="product-tile__unit-of-measurement"]')
|
||||||
|
comp_price_el = tile.select_one('[data-test="product-tile__comparison-price"]')
|
||||||
|
link_el = tile.select_one("a.product-tile__link")
|
||||||
|
img_el = tile.select_one("img")
|
||||||
|
|
||||||
|
products.append({
|
||||||
|
"sku": sku,
|
||||||
|
"nome": name_el.get_text(strip=True) if name_el else tile.get("title"),
|
||||||
|
"marca": brand_el.get_text(strip=True).rstrip(",") if brand_el else None,
|
||||||
|
"prezzo_testo": price_el.get_text(strip=True) if price_el else None,
|
||||||
|
"prezzo_scontato": bool(old_price_el and old_price_el.get_text(strip=True)),
|
||||||
|
"unita_misura": unit_el.get_text(strip=True) if unit_el else None,
|
||||||
|
"prezzo_comparativo": comp_price_el.get_text(strip=True) if comp_price_el else None,
|
||||||
|
"url_prodotto": urljoin(BASE, link_el["href"]) if link_el else None,
|
||||||
|
"immagine_url": img_el["src"] if img_el and img_el.get("src") else None,
|
||||||
|
})
|
||||||
|
return products
|
||||||
|
|
||||||
|
|
||||||
|
def max_page(html: str) -> int:
|
||||||
|
soup = BeautifulSoup(html, "html.parser")
|
||||||
|
pages = [int(a.get_text(strip=True)) for a in soup.select(".base-pagination__count")
|
||||||
|
if a.get_text(strip=True).isdigit()]
|
||||||
|
return max(pages) if pages else 1
|
||||||
|
|
||||||
|
|
||||||
|
def scrape_listing(page, leaves: list[dict]) -> dict:
|
||||||
|
"""Ritorna {sku: prodotto} con le categorie aggregate."""
|
||||||
|
products: dict[str, dict] = {}
|
||||||
|
for i, cat in enumerate(leaves, 1):
|
||||||
|
print(f"[{i}/{len(leaves)}] {cat['breadcrumb']}", file=sys.stderr)
|
||||||
|
page.goto(cat["url"], timeout=30000)
|
||||||
|
try:
|
||||||
|
page.wait_for_selector('[id^="product-tile-"], .product-listing-viewer', timeout=15000)
|
||||||
|
except Exception:
|
||||||
|
pass
|
||||||
|
html = page.content()
|
||||||
|
n_pages = max_page(html)
|
||||||
|
all_tiles = parse_product_tiles(html)
|
||||||
|
for p in range(2, n_pages + 1):
|
||||||
|
time.sleep(DELAY)
|
||||||
|
page.goto(f"{cat['url']}?page={p}", timeout=30000)
|
||||||
|
page.wait_for_selector('[id^="product-tile-"]', timeout=15000)
|
||||||
|
all_tiles.extend(parse_product_tiles(page.content()))
|
||||||
|
|
||||||
|
for t in all_tiles:
|
||||||
|
existing = products.get(t["sku"])
|
||||||
|
if existing is None:
|
||||||
|
t["categorie"] = [{"slug": cat["categoria_slug"], "nome": cat["categoria_nome"],
|
||||||
|
"breadcrumb": cat["breadcrumb"]}]
|
||||||
|
products[t["sku"]] = t
|
||||||
|
else:
|
||||||
|
if not any(c["slug"] == cat["categoria_slug"] for c in existing["categorie"]):
|
||||||
|
existing["categorie"].append({"slug": cat["categoria_slug"],
|
||||||
|
"nome": cat["categoria_nome"],
|
||||||
|
"breadcrumb": cat["breadcrumb"]})
|
||||||
|
time.sleep(DELAY)
|
||||||
|
return products
|
||||||
|
|
||||||
|
|
||||||
|
async def _scrape_detail_one(context, product: dict, sem: asyncio.Semaphore,
|
||||||
|
progress: list, total: int) -> None:
|
||||||
|
async with sem:
|
||||||
|
page = await context.new_page()
|
||||||
|
try:
|
||||||
|
await page.goto(product["url_prodotto"], timeout=30000)
|
||||||
|
await page.wait_for_load_state("networkidle", timeout=15000)
|
||||||
|
soup = BeautifulSoup(await page.content(), "html.parser")
|
||||||
|
desc_el = soup.select_one(".product-details__information .show-more__content")
|
||||||
|
product["descrizione"] = desc_el.get_text(strip=True) if desc_el else None
|
||||||
|
except Exception as e:
|
||||||
|
print(f" errore su {product['url_prodotto']}: {e}", file=sys.stderr)
|
||||||
|
product["descrizione"] = None
|
||||||
|
finally:
|
||||||
|
await page.close()
|
||||||
|
progress.append(1)
|
||||||
|
print(f"[dettaglio {len(progress)}/{total}] {product['nome']}", file=sys.stderr)
|
||||||
|
|
||||||
|
|
||||||
|
async def scrape_detail_async(products: dict) -> None:
|
||||||
|
"""Fetch delle pagine di dettaglio in parallelo (DETAIL_CONCURRENCY schede alla volta)."""
|
||||||
|
items = [p for p in products.values() if p.get("url_prodotto")]
|
||||||
|
sem = asyncio.Semaphore(DETAIL_CONCURRENCY)
|
||||||
|
progress: list = []
|
||||||
|
|
||||||
|
async with async_playwright() as pw:
|
||||||
|
browser = await pw.chromium.launch(executable_path="/snap/bin/chromium", headless=True,
|
||||||
|
args=["--no-sandbox", "--disable-gpu"])
|
||||||
|
context = await browser.new_context(user_agent=UA)
|
||||||
|
await asyncio.gather(*(_scrape_detail_one(context, p, sem, progress, len(items))
|
||||||
|
for p in items))
|
||||||
|
await browser.close()
|
||||||
|
|
||||||
|
|
||||||
|
def scrape_detail(products: dict) -> None:
|
||||||
|
asyncio.run(scrape_detail_async(products))
|
||||||
|
|
||||||
|
|
||||||
|
def write_sqlite(products: dict, db_path: Path) -> None:
|
||||||
|
if db_path.exists():
|
||||||
|
db_path.unlink()
|
||||||
|
conn = sqlite3.connect(db_path)
|
||||||
|
conn.executescript("""
|
||||||
|
CREATE TABLE categorie (
|
||||||
|
slug TEXT PRIMARY KEY,
|
||||||
|
nome TEXT NOT NULL,
|
||||||
|
breadcrumb TEXT NOT NULL
|
||||||
|
);
|
||||||
|
CREATE TABLE prodotti (
|
||||||
|
sku TEXT PRIMARY KEY,
|
||||||
|
nome TEXT NOT NULL,
|
||||||
|
marca TEXT,
|
||||||
|
prezzo_testo TEXT,
|
||||||
|
prezzo_scontato INTEGER NOT NULL DEFAULT 0,
|
||||||
|
unita_misura TEXT,
|
||||||
|
prezzo_comparativo TEXT,
|
||||||
|
descrizione TEXT,
|
||||||
|
immagine_url TEXT,
|
||||||
|
url_prodotto TEXT
|
||||||
|
);
|
||||||
|
CREATE TABLE prodotto_categorie (
|
||||||
|
sku TEXT NOT NULL REFERENCES prodotti(sku),
|
||||||
|
categoria_slug TEXT NOT NULL REFERENCES categorie(slug),
|
||||||
|
PRIMARY KEY (sku, categoria_slug)
|
||||||
|
);
|
||||||
|
CREATE TABLE metadata (
|
||||||
|
chiave TEXT PRIMARY KEY,
|
||||||
|
valore TEXT NOT NULL
|
||||||
|
);
|
||||||
|
""")
|
||||||
|
conn.execute("INSERT INTO metadata (chiave, valore) VALUES ('generato_il', ?)",
|
||||||
|
(time.strftime("%Y-%m-%dT%H:%M:%S%z"),))
|
||||||
|
conn.execute("INSERT INTO metadata (chiave, valore) VALUES ('fonte', ?)",
|
||||||
|
(f"{BASE}/prodotti",))
|
||||||
|
seen_cat = set()
|
||||||
|
for p in products.values():
|
||||||
|
conn.execute(
|
||||||
|
"INSERT INTO prodotti (sku, nome, marca, prezzo_testo, prezzo_scontato, "
|
||||||
|
"unita_misura, prezzo_comparativo, descrizione, immagine_url, url_prodotto) "
|
||||||
|
"VALUES (?,?,?,?,?,?,?,?,?,?)",
|
||||||
|
(p["sku"], p["nome"], p.get("marca"), p.get("prezzo_testo"),
|
||||||
|
int(p.get("prezzo_scontato", False)), p.get("unita_misura"),
|
||||||
|
p.get("prezzo_comparativo"), p.get("descrizione"), p.get("immagine_url"),
|
||||||
|
p.get("url_prodotto")),
|
||||||
|
)
|
||||||
|
for c in p["categorie"]:
|
||||||
|
if c["slug"] not in seen_cat:
|
||||||
|
conn.execute("INSERT INTO categorie (slug, nome, breadcrumb) VALUES (?,?,?)",
|
||||||
|
(c["slug"], c["nome"], c["breadcrumb"]))
|
||||||
|
seen_cat.add(c["slug"])
|
||||||
|
conn.execute("INSERT OR IGNORE INTO prodotto_categorie (sku, categoria_slug) VALUES (?,?)",
|
||||||
|
(p["sku"], c["slug"]))
|
||||||
|
conn.commit()
|
||||||
|
conn.close()
|
||||||
|
|
||||||
|
|
||||||
|
def main():
|
||||||
|
ap = argparse.ArgumentParser()
|
||||||
|
ap.add_argument("--no-detail", action="store_true", help="salta il fetch delle pagine di dettaglio")
|
||||||
|
args = ap.parse_args()
|
||||||
|
|
||||||
|
with sync_playwright() as pw:
|
||||||
|
browser = pw.chromium.launch(executable_path="/snap/bin/chromium", headless=True,
|
||||||
|
args=["--no-sandbox", "--disable-gpu"])
|
||||||
|
page = browser.new_page(user_agent=UA)
|
||||||
|
|
||||||
|
leaves = find_leaf_categories(page)
|
||||||
|
print(f"{len(leaves)} categorie foglia trovate", file=sys.stderr)
|
||||||
|
|
||||||
|
products = scrape_listing(page, leaves)
|
||||||
|
print(f"{len(products)} prodotti unici trovati", file=sys.stderr)
|
||||||
|
|
||||||
|
browser.close()
|
||||||
|
|
||||||
|
if not args.no_detail:
|
||||||
|
scrape_detail(products) # fase separata: usa l'API async per il fetch in parallelo
|
||||||
|
|
||||||
|
write_sqlite(products, OUT_DIR / "aldi_prodotti.db")
|
||||||
|
print("Fatto: aldi_prodotti.db", file=sys.stderr)
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
main()
|
||||||
@@ -0,0 +1,160 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="it">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Catalogo ALDI — visualizzatore</title>
|
||||||
|
<style>
|
||||||
|
:root { color-scheme: light dark; }
|
||||||
|
body { font-family: system-ui, sans-serif; margin: 0; padding: 1.5rem; background: #f7f7f5; color: #1a1a1a; }
|
||||||
|
h1 { font-size: 1.25rem; margin: 0 0 0.25rem; }
|
||||||
|
#meta { color: #666; font-size: 0.85rem; margin-bottom: 1rem; }
|
||||||
|
#controls { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; }
|
||||||
|
input, select { padding: 0.4rem 0.6rem; font-size: 0.9rem; border: 1px solid #ccc; border-radius: 6px; }
|
||||||
|
input[type="search"] { flex: 1; min-width: 200px; }
|
||||||
|
#count { font-size: 0.85rem; color: #666; margin-bottom: 0.5rem; }
|
||||||
|
#table-wrap { overflow-x: auto; background: #fff; border-radius: 8px; }
|
||||||
|
table { width: 100%; min-width: 780px; border-collapse: collapse; }
|
||||||
|
th, td { text-align: left; padding: 0.5rem 0.6rem; border-bottom: 1px solid #eee; font-size: 0.9rem; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 260px; }
|
||||||
|
th:nth-child(2), td:nth-child(2) { min-width: 220px; }
|
||||||
|
th:nth-child(6), td:nth-child(6) { white-space: normal; }
|
||||||
|
th { background: #eee; cursor: pointer; user-select: none; position: sticky; top: 0; }
|
||||||
|
th:hover { background: #e2e2e2; }
|
||||||
|
img.thumb { width: 40px; height: 40px; object-fit: contain; border-radius: 4px; background: #f0f0f0; display: block; }
|
||||||
|
tr:hover { background: #fafafa; }
|
||||||
|
a { color: #2d6a4f; }
|
||||||
|
#error { color: #b00020; white-space: pre-wrap; }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Catalogo ALDI — visualizzatore</h1>
|
||||||
|
<div id="meta">caricamento...</div>
|
||||||
|
<div id="controls">
|
||||||
|
<input type="search" id="q" placeholder="Cerca per nome o marca...">
|
||||||
|
<select id="categoria"><option value="">Tutte le categorie</option></select>
|
||||||
|
</div>
|
||||||
|
<div id="count"></div>
|
||||||
|
<div id="error"></div>
|
||||||
|
<div id="table-wrap">
|
||||||
|
<table id="tabella">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th></th>
|
||||||
|
<th data-key="nome">Nome</th>
|
||||||
|
<th data-key="marca">Marca</th>
|
||||||
|
<th data-key="prezzo_num">Prezzo</th>
|
||||||
|
<th data-key="unita_misura">Formato</th>
|
||||||
|
<th data-key="categorie">Categorie</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody></tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/sql.js/1.10.3/sql-wasm.js"></script>
|
||||||
|
<script>
|
||||||
|
let allRows = [];
|
||||||
|
let sortKey = null, sortDir = 1;
|
||||||
|
|
||||||
|
function parsePrezzo(testo) {
|
||||||
|
if (!testo) return null;
|
||||||
|
const n = testo.replace(/[^\d,]/g, "").replace(",", ".");
|
||||||
|
return n ? parseFloat(n) : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function main() {
|
||||||
|
const errEl = document.getElementById("error");
|
||||||
|
try {
|
||||||
|
const SQL = await initSqlJs({ locateFile: f => `https://cdnjs.cloudflare.com/ajax/libs/sql.js/1.10.3/${f}` });
|
||||||
|
const buf = await (await fetch("aldi_prodotti.db")).arrayBuffer();
|
||||||
|
const db = new SQL.Database(new Uint8Array(buf));
|
||||||
|
|
||||||
|
const meta = {};
|
||||||
|
db.exec("SELECT chiave, valore FROM metadata")[0]?.values.forEach(([k, v]) => meta[k] = v);
|
||||||
|
const generatoIl = meta.generato_il
|
||||||
|
? new Date(meta.generato_il).toLocaleString("it-IT", { dateStyle: "long", timeStyle: "short" })
|
||||||
|
: "?";
|
||||||
|
document.getElementById("meta").textContent =
|
||||||
|
`Generato il ${generatoIl} — fonte: ${meta.fonte ?? "?"}`;
|
||||||
|
|
||||||
|
const catStmt = db.exec("SELECT slug, breadcrumb FROM categorie ORDER BY breadcrumb");
|
||||||
|
const catSel = document.getElementById("categoria");
|
||||||
|
(catStmt[0]?.values ?? []).forEach(([slug, breadcrumb]) => {
|
||||||
|
const opt = document.createElement("option");
|
||||||
|
opt.value = slug;
|
||||||
|
opt.textContent = breadcrumb;
|
||||||
|
catSel.appendChild(opt);
|
||||||
|
});
|
||||||
|
|
||||||
|
const res = db.exec(`
|
||||||
|
SELECT p.sku, p.nome, p.marca, p.prezzo_testo, p.unita_misura, p.immagine_url,
|
||||||
|
p.url_prodotto,
|
||||||
|
(SELECT group_concat(c.nome, ', ') FROM prodotto_categorie pc
|
||||||
|
JOIN categorie c ON c.slug = pc.categoria_slug WHERE pc.sku = p.sku) AS categorie,
|
||||||
|
(SELECT group_concat(pc.categoria_slug, ',') FROM prodotto_categorie pc
|
||||||
|
WHERE pc.sku = p.sku) AS categoria_slugs
|
||||||
|
FROM prodotti p
|
||||||
|
`);
|
||||||
|
const cols = res[0].columns;
|
||||||
|
allRows = res[0].values.map(row => {
|
||||||
|
const o = Object.fromEntries(cols.map((c, i) => [c, row[i]]));
|
||||||
|
o.prezzo_num = parsePrezzo(o.prezzo_testo);
|
||||||
|
return o;
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById("q").addEventListener("input", render);
|
||||||
|
catSel.addEventListener("change", render);
|
||||||
|
document.querySelectorAll("th[data-key]").forEach(th => {
|
||||||
|
th.addEventListener("click", () => {
|
||||||
|
const key = th.dataset.key;
|
||||||
|
sortDir = (sortKey === key) ? -sortDir : 1;
|
||||||
|
sortKey = key;
|
||||||
|
render();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
render();
|
||||||
|
} catch (e) {
|
||||||
|
errEl.textContent = "Errore nel caricamento del database: " + e.message +
|
||||||
|
"\n\nSe hai aperto questo file direttamente (file://), il browser blocca il fetch " +
|
||||||
|
"del .db per motivi di sicurezza. Avvialo invece con:\n" +
|
||||||
|
" cd db_prodotti && python3 -m http.server 8000\n" +
|
||||||
|
"e apri http://localhost:8000/viewer.html";
|
||||||
|
document.getElementById("meta").textContent = "";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function render() {
|
||||||
|
const q = document.getElementById("q").value.trim().toLowerCase();
|
||||||
|
const cat = document.getElementById("categoria").value;
|
||||||
|
let rows = allRows.filter(r =>
|
||||||
|
(!q || (r.nome ?? "").toLowerCase().includes(q) || (r.marca ?? "").toLowerCase().includes(q)) &&
|
||||||
|
(!cat || (r.categoria_slugs ?? "").split(",").includes(cat))
|
||||||
|
);
|
||||||
|
if (sortKey) {
|
||||||
|
rows = rows.slice().sort((a, b) => {
|
||||||
|
const av = a[sortKey] ?? "", bv = b[sortKey] ?? "";
|
||||||
|
return av < bv ? -sortDir : av > bv ? sortDir : 0;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
document.getElementById("count").textContent = `${rows.length} / ${allRows.length} prodotti`;
|
||||||
|
|
||||||
|
const tbody = document.querySelector("#tabella tbody");
|
||||||
|
tbody.innerHTML = "";
|
||||||
|
for (const r of rows) {
|
||||||
|
const tr = document.createElement("tr");
|
||||||
|
tr.innerHTML = `
|
||||||
|
<td>${r.immagine_url ? `<img class="thumb" src="${r.immagine_url}" loading="lazy" alt="">` : ""}</td>
|
||||||
|
<td><a href="${r.url_prodotto ?? "#"}" target="_blank" rel="noopener">${r.nome ?? ""}</a></td>
|
||||||
|
<td>${r.marca ?? ""}</td>
|
||||||
|
<td>${r.prezzo_testo ?? ""}</td>
|
||||||
|
<td>${r.unita_misura ?? ""}</td>
|
||||||
|
<td>${r.categorie ?? ""}</td>
|
||||||
|
`;
|
||||||
|
tbody.appendChild(tr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
main();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in new issue
Block a user