// Watt Spot — Public-web client screens (read-only catalog) + admin login.
//
// Public web is a catalog only:
// • No cart, no checkout, no devis (quote request).
// • No favorites, no consumer signup, no consumer account.
// • Pro clients place orders inside the Watt Spot mobile (Flutter) app.
//
// The single auth-related screen kept here is `LoginPage`, used by the
// hidden `#/admin-login` route so the admin can reach the back-office.
const { useState: useSt2, useEffect: useEf2 } = React;
// ---------- Description parser ----------
// Scraped/imported descriptions arrive as one long line with " -" separators
// (and embedded "Key : Value" specs). This turns that goo into a structured
// shape we can render as: intro paragraph + bullet list + specs table +
// outro paragraph. The product detail screen renders each section cleanly.
const parseDescription = (raw, productNom) => {
if (!raw || typeof raw !== 'string') return null;
const text = raw.replace(/[ \t]+/g, ' ').trim();
// Try multiple separator strategies — scrapes/imports use very different
// conventions. We pick the first split that produces ≥2 chunks.
const splitters = [
// 1. ASCII dash + Unicode dashes preceded by space
/\s+[-–—](?=\s*[A-Za-zÀ-ÖØ-öø-ÿ0-9])/,
// 2. Bullet chars: • · ▪ ►
/\s*[•·▪►]\s*/,
// 3. Newlines (manual descriptions)
/\n+/,
];
let parts = [];
for (const re of splitters) {
const candidate = text.split(re).map(s => s.trim()).filter(Boolean);
if (candidate.length > 1) { parts = candidate; break; }
}
// 4. Last resort: split before any "Capital + lowercase words : " boundary.
// Catches inline spec keys even when we don't know the label, e.g.
// "Puissance : 12W Tension de fonctionnement : 220V Flux lumineux : 1080lm".
// Constraint: key starts with uppercase, runs 2–35 chars of letters
// and inner spaces, ends at " : " followed by a non-space character.
if (parts.length <= 1) {
const labelBoundary = /\s+(?=[A-ZÀ-Ý][A-Za-zÀ-ÿ'’]+(?:\s+[a-zà-ÿA-ZÀ-Ý'’]+){0,4}\s*:\s*\S)/g;
const candidate = text.split(labelBoundary).map(s => s.trim()).filter(Boolean);
if (candidate.length > 1) parts = candidate;
}
if (parts.length <= 1) {
return { intro: text, bullets: [], specs: [], outro: '' };
}
// Drop a leading chunk that's just the product title repeated (common with
// PDF scrapes — first line is the title in all-caps).
if (productNom) {
const titleNorm = productNom.replace(/\s+/g, ' ').trim().toLowerCase();
if (parts[0].replace(/\s+/g, ' ').trim().toLowerCase() === titleNorm) parts.shift();
}
const specKeyHint = /^(marque|modèle|modele|type|puissance|type d'?ampoule|durée|duree|indice|dimensions|alimentation|économie|economie|ampoule|référence|reference|tension|couleur|finition|matière|matiere|garantie|origine|fabricant|installation|usage|fréquence|frequence|culot|flux|temperature|température|ip\d+)\b/i;
const result = { intro: '', bullets: [], specs: [], outro: '' };
let specMode = false;
for (let i = 0; i < parts.length; i++) {
const chunk = parts[i];
// Section break: "Caractéristiques :", "Specs", "Caractéristiques techniques"
if (/^(caractéristiques|caracteristiques|specs|specifications?)\s*[:.]?$/i.test(chunk)) {
specMode = true; continue;
}
// Key : Value detection — split on the FIRST colon only.
const m = chunk.match(/^([^:]{1,40}?)\s*:\s*(.+)$/);
const looksLikeSpec = m && (specMode || specKeyHint.test(m[1].trim()));
if (looksLikeSpec) {
specMode = true;
result.specs.push({ k: m[1].trim(), v: m[2].trim() });
continue;
}
// Outro: closing CTA after the specs ("Commandez maintenant…", "Profitez de…")
if (specMode && /^(commandez|découvrez|profitez|achetez|équipez|équipez-vous|adoptez)/i.test(chunk)) {
result.outro = result.outro ? result.outro + ' ' + chunk : chunk;
continue;
}
if (!result.intro) result.intro = chunk;
else result.bullets.push(chunk);
}
return result;
};
// Renders the parsed description as: intro paragraph + bulleted highlights
// + a specs table (Caractéristiques) + closing CTA. Prefers the persisted
// `description_parsed` shape when present (admin parses on save) and only
// falls back to live parsing for old rows that haven't been re-saved yet.
const StructuredDescription = ({ raw, productNom, parsed }) => {
// Persisted parser output? Trust it as-is — admin can also edit the
// structured shape directly in the future.
let d = (parsed && typeof parsed === 'object')
? {
intro: parsed.intro || '',
bullets: Array.isArray(parsed.bullets) ? parsed.bullets : [],
specs: Array.isArray(parsed.specs) ? parsed.specs : [],
outro: parsed.outro || '',
}
: parseDescription(raw, productNom);
if (!d) return null;
// If parsing produced almost nothing structured, render the raw text.
const hasStructure = d.bullets.length || d.specs.length || d.outro;
if (!hasStructure) {
return