// gov-page.jsx — APIs Gouvernementales : SIRENE · BAN · Cadastre · Catalogue FROST
// Portage de pg-gov (audits-energies.html) vers design-v1
const { useState, useEffect, useRef, useMemo, useCallback } = React;
/* ─── Catalogue FROST complet (extrait de audits-energies.html) ────────────── */
const FROST_CATALOGUE = [
{code:'BAT-TH-134',desc:'Régulation HP flottante — froid commercial tertiaire',filiere:'BAT',priority:true},
{code:'BAT-TH-139',desc:'Récupération de chaleur sur groupe de production de froid',filiere:'BAT',priority:true},
{code:'BAT-TH-145',desc:'Régulation BP flottante — froid tertiaire',filiere:'BAT',priority:true},
{code:'BAT-TH-116',desc:'Système de gestion technique du bâtiment / GTB tertiaire',filiere:'BAT',priority:true},
{code:'BAT-TH-113',desc:'PAC air/eau ou eau/eau tertiaire — chauffage et ECS',filiere:'BAT',priority:true},
{code:'BAT-TH-129',desc:'PAC air/air — système multi-split ou VRF tertiaire',filiere:'BAT',priority:true},
{code:'BAT-TH-127',desc:'VMC à double flux hygroréglable en bâtiment tertiaire',filiere:'BAT',priority:false},
{code:'BAT-TH-142',desc:'Déstratificateur d\'air ou brasseur grand volume',filiere:'BAT',priority:false},
{code:'BAT-TH-143',desc:'Ventilo-convecteur à moteur brushless haute performance',filiere:'BAT',priority:false},
{code:'BAT-TH-156',desc:'Système de freecooling par eau glacée',filiere:'BAT',priority:false},
{code:'BAT-TH-153',desc:'Confinement des baies informatiques — data center',filiere:'BAT',priority:false},
{code:'BAT-TH-102',desc:'Isolation des combles perdus par soufflage',filiere:'BAT',priority:false},
{code:'BAT-TH-104',desc:'Isolation des murs par l\'extérieur (ITE)',filiere:'BAT',priority:false},
{code:'BAT-TH-146',desc:'Déstratification air intérieur — grande hauteur',filiere:'BAT',priority:false},
{code:'BAT-EQ-117',desc:'Éclairage intérieur LED — bâtiment tertiaire',filiere:'BAT-EQ',priority:true},
{code:'BAT-EQ-134',desc:'Meubles frigorifiques à haute performance énergétique',filiere:'BAT-EQ',priority:true},
{code:'BAR-TH-129',desc:'PAC air/eau résidentiel — chauffage + ECS',filiere:'BAR',priority:false},
{code:'BAR-TH-143',desc:'CET thermodynamique (chauffe-eau thermodynamique)',filiere:'BAR',priority:false},
{code:'BAR-TH-102',desc:'Isolation combles perdus résidentiel',filiere:'BAR',priority:false},
{code:'IND-UT-102',desc:'Récupération de chaleur sur effluents industriels',filiere:'IND',priority:true},
{code:'IND-UT-115',desc:'Isolation des réseaux de vapeur / fluides chauds process',filiere:'IND',priority:true},
{code:'IND-UT-116',desc:'Régulation BP flottante — process industriel',filiere:'IND',priority:false},
{code:'IND-UT-113',desc:'Remplacement moteur électrique haute efficacité IE3/IE4',filiere:'IND',priority:false},
{code:'AGR-BA-102',desc:'Isolation thermique de bâtiments agricoles',filiere:'AGR',priority:false},
];
const FILIERE_COLORS = {
'BAT': { bg:'#3b5bdb18', text:'#3b5bdb' },
'BAT-EQ':{ bg:'#00c48c18', text:'#00c48c' },
'BAR': { bg:'#f59e0b18', text:'#b45309' },
'IND': { bg:'#ef444418', text:'#dc2626' },
'AGR': { bg:'#22c55e18', text:'#16a34a' },
};
/* ─── Debounce helper ────────────────────────────────────────────────────────── */
function useDebounce(fn, delay) {
const timer = useRef(null);
return useCallback((...args) => {
clearTimeout(timer.current);
timer.current = setTimeout(() => fn(...args), delay);
}, [fn, delay]);
}
/* ─── Autocomplete Entreprise (SIRENE) ──────────────────────────────────────── */
function EntrepriseSearch({ onSelect }) {
const [query, setQuery] = useState('');
const [results, setResults] = useState([]);
const [loading, setLoading] = useState(false);
const [selected, setSelected] = useState(null);
const [open, setOpen] = useState(false);
const ref = useRef(null);
const doSearch = useCallback(async (q) => {
if (q.length < 2) { setResults([]); return; }
setLoading(true);
try {
const data = await window.AE_API.fetch(`/api/gov/entreprises?q=${encodeURIComponent(q)}&limit=8`);
setResults(data?.results || []);
setOpen(true);
} catch { setResults([]); }
finally { setLoading(false); }
}, []);
const debouncedSearch = useDebounce(doSearch, 320);
const handleChange = (e) => {
const v = e.target.value;
setQuery(v);
setSelected(null);
debouncedSearch(v);
};
const handleSelect = (r) => {
const nom = r.nom_complet || r.nom_raison_sociale || r.nom || query;
const siret = r.siege?.siret || r.matching_etablissements?.[0]?.siret || '';
const adresse = r.siege?.adresse || '';
const naf = r.siege?.activite_principale || r.activite_principale || '';
const item = { nom, siret, adresse, naf, raw: r };
setSelected(item);
setQuery(nom);
setOpen(false);
onSelect?.(item);
};
useEffect(() => {
const onOut = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', onOut);
return () => document.removeEventListener('mousedown', onOut);
}, []);
return (
results.length && setOpen(true)}
placeholder="Ex: Carrefour, BITZER, Froid Express…"
autoComplete="off"
/>
{loading && ⏳}
{open && results.length > 0 && (
{results.map((r,i) => {
const nom = r.nom_complet || r.nom_raison_sociale || r.nom || '–';
const siret = r.siege?.siret || r.matching_etablissements?.[0]?.siret || '';
const ville = r.siege?.commune || '';
return (
handleSelect(r)} style={{padding:'9px 14px',cursor:'pointer',borderBottom:'1px solid var(--border)',transition:'background .15s'}}
onMouseEnter={e=>e.currentTarget.style.background='var(--bg3)'}
onMouseLeave={e=>e.currentTarget.style.background=''}>
{nom}
{siret && `SIRET: ${siret}`} {ville && `· ${ville}`}
);
})}
)}
{selected && (
🏢 {selected.nom}
{selected.siret &&
SIRET : {selected.siret}
}
{selected.adresse &&
{selected.adresse}
}
{selected.naf &&
NAF : {selected.naf}
}
)}
);
}
/* ─── Recherche par SIRET ───────────────────────────────────────────────────── */
function SiretSearch({ onSelect }) {
const [siret, setSiret] = useState('');
const [result, setResult] = useState(null);
const [loading, setLoading] = useState(false);
const [error, setError] = useState('');
const handleSearch = async () => {
const s = siret.replace(/\s/g, '');
if (!/^\d{14}$/.test(s)) { setError('SIRET invalide (14 chiffres)'); return; }
setError(''); setLoading(true);
try {
const data = await window.AE_API.fetch(`/api/gov/siret/${s}`);
const r = data?.results?.[0];
if (!r) { setError('Entreprise non trouvée'); setResult(null); return; }
const item = {
nom: r.nom_complet || r.nom_raison_sociale || r.nom || '–',
siret: r.siege?.siret || s,
adresse: r.siege?.adresse || '',
naf: r.siege?.activite_principale || '',
};
setResult(item);
onSelect?.(item);
} catch { setError('Erreur API'); }
finally { setLoading(false); }
};
return (
setSiret(e.target.value)} placeholder="14 chiffres…"
onKeyDown={e=>e.key==='Enter'&&handleSearch()} style={{flex:1}} maxLength={18} />
{error &&
{error}
}
{result && (
🏢 {result.nom}
{result.adresse &&
{result.adresse}
}
{result.naf &&
NAF : {result.naf}
}
)}
);
}
/* ─── Autocomplete Adresse (BAN) ────────────────────────────────────────────── */
function AdresseSearch({ onSelect, placeholder }) {
const [query, setQuery] = useState('');
const [results, setResults] = useState([]);
const [open, setOpen] = useState(false);
const [loading, setLoading] = useState(false);
const [selected, setSelected] = useState(null);
const ref = useRef(null);
const doSearch = useCallback(async (q) => {
if (q.length < 3) { setResults([]); return; }
setLoading(true);
try {
const data = await window.AE_API.fetch(`/api/gov/adresses?q=${encodeURIComponent(q)}&limit=6`);
setResults(data?.features || []);
setOpen(true);
} catch { setResults([]); }
finally { setLoading(false); }
}, []);
const debouncedSearch = useDebounce(doSearch, 300);
const handleChange = (e) => {
const v = e.target.value; setQuery(v); setSelected(null); debouncedSearch(v);
};
const handleSelect = (f) => {
const label = f.properties?.label || '';
const lat = f.geometry?.coordinates?.[1];
const lon = f.geometry?.coordinates?.[0];
setQuery(label); setOpen(false);
const item = { label, lat, lon };
setSelected(item);
onSelect?.(item);
};
useEffect(() => {
const onOut = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', onOut);
return () => document.removeEventListener('mousedown', onOut);
}, []);
return (
results.length && setOpen(true)}
placeholder={placeholder || 'Rue, ville…'} autoComplete="off" />
{loading && ⏳}
{open && results.length > 0 && (
{results.map((f,i) => (
handleSelect(f)}
style={{padding:'8px 14px',cursor:'pointer',borderBottom:'1px solid var(--border)',fontSize:12,transition:'background .15s'}}
onMouseEnter={e=>e.currentTarget.style.background='var(--bg3)'}
onMouseLeave={e=>e.currentTarget.style.background=''}>
{f.properties?.label}
{f.properties?.postcode} {f.properties?.city} · {f.properties?.type}
))}
)}
{selected && (
📍 {selected.label} · lat: {selected.lat?.toFixed(5)} lon: {selected.lon?.toFixed(5)}
)}
);
}
/* ─── Carte Leaflet + Cadastre ──────────────────────────────────────────────── */
function CadastreMap({ center, onParcelle }) {
const mapRef = useRef(null);
const leafletMap = useRef(null);
const markerRef = useRef(null);
const parcelleLayer = useRef(null);
useEffect(() => {
if (!window.L || leafletMap.current) return;
leafletMap.current = window.L.map(mapRef.current, { center: [46.5, 2.5], zoom: 5 });
window.L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap',
maxZoom: 20,
}).addTo(leafletMap.current);
// IGN orthophoto overlay
window.L.tileLayer(
'https://data.geopf.fr/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=ORTHOIMAGERY.ORTHOPHOTOS&STYLE=normal&TILEMATRIXSET=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=image%2Fjpeg',
{ maxZoom: 20, opacity: 0, attribution: '© IGN' }
).addTo(leafletMap.current);
leafletMap.current.on('click', async (e) => {
const { lat, lng } = e.latlng;
if (markerRef.current) markerRef.current.remove();
markerRef.current = window.L.marker([lat, lng]).addTo(leafletMap.current);
try {
const data = await window.AE_API.fetch(`/api/gov/cadastre?lat=${lat}&lon=${lng}`);
if (parcelleLayer.current) parcelleLayer.current.remove();
if (data?.features?.length) {
parcelleLayer.current = window.L.geoJSON(data, {
style: { color: '#3b5bdb', weight: 2, fillOpacity: 0.15 },
}).addTo(leafletMap.current);
onParcelle?.(data.features[0]?.properties);
}
} catch { /* ignore */ }
});
}, []);
// Center map when external coordinate is given
useEffect(() => {
if (!leafletMap.current || !center) return;
leafletMap.current.setView([center.lat, center.lon], 16);
if (markerRef.current) markerRef.current.remove();
markerRef.current = window.L.marker([center.lat, center.lon]).addTo(leafletMap.current);
}, [center]);
return (
);
}
/* ─── Tableau FROST ─────────────────────────────────────────────────────────── */
function FrostTable({ filter, onStudy }) {
const filtered = useMemo(() => {
if (!filter) return FROST_CATALOGUE;
const q = filter.toLowerCase();
return FROST_CATALOGUE.filter(f =>
f.code.toLowerCase().includes(q) || f.desc.toLowerCase().includes(q) || f.filiere.toLowerCase().includes(q)
);
}, [filter]);
return (
| Code |
Description |
Filière |
Action |
{filtered.map((f,i) => {
const col = FILIERE_COLORS[f.filiere] || {bg:'#6b728018',text:'#6b7280'};
return (
|
{f.priority && ⭐}
{f.code}
|
{f.desc} |
{f.filiere}
|
🔗
|
);
})}
);
}
/* ─── Parcelle info panel ───────────────────────────────────────────────────── */
function ParcellePanel({ parcelle }) {
if (!parcelle) return (
📍 Cliquez sur la carte pour obtenir les données cadastrales de la parcelle.
);
return (
📐 Parcelle cadastrale
{parcelle.section &&
Section : {parcelle.section}
}
{parcelle.numero &&
Numéro : {parcelle.numero}
}
{parcelle.commune &&
Commune : {parcelle.commune}
}
{parcelle.surface_ha &&
Surface : {(parcelle.surface_ha * 10000).toFixed(0)} m²
}
{parcelle.code_insee &&
INSEE : {parcelle.code_insee}
}
);
}
/* ─── Page principale ───────────────────────────────────────────────────────── */
function GovPage() {
const [mapCenter, setMapCenter] = useState(null);
const [parcelle, setParcelle] = useState(null);
const [frostFilter, setFrostFilter] = useState('');
const [selectedEnt, setSelectedEnt] = useState(null);
const [tab, setTab] = useState('search'); // 'search' | 'frost'
const handleAddressSelect = (item) => {
setMapCenter({ lat: item.lat, lon: item.lon });
setParcelle(null);
};
const handleStudy = (code) => {
// Navigate to dimensionnement with the FROST pre-selected
sessionStorage.setItem('ae_nav_context', JSON.stringify({ screen:'dim', context:{ frostCode: code }, ts: Date.now() }));
window.AE_NAV?.('dim');
};
const frostCount = useMemo(() => ({
total: FROST_CATALOGUE.length,
priority: FROST_CATALOGUE.filter(f=>f.priority).length,
}), []);
return (
{/* Header */}
🏛️ APIs Gouvernementales
SIRENE INSEE · BAN Adresses · Cadastre IGN · Catalogue FROST officiel
{tab === 'search' && (
{/* Colonne gauche */}
{/* SIRENE */}
S
Recherche Entreprise 🏛️ SIRENE INSEE
Dénomination, SIRET, SIREN
{/* BAN */}
A
Recherche Adresse 📍 BAN
Base Adresses Nationales — géocodage
{/* Colonne droite — Carte + Cadastre */}
🗺️
Carte & Cadastre
Leaflet + IGN — cliquez sur la carte pour les données cadastrales
{window.L ? (
) : (
🗺️ Leaflet non chargé — vérifiez la connexion internet
)}
)}
{tab === 'frost' && (
{/* Barre outils FROST */}
setFrostFilter(e.target.value)}
placeholder="Filtrer par code ou description…" style={{paddingLeft:32}} />
🔍
{Object.entries(FILIERE_COLORS).map(([k,v]) => (
))}
{frostFilter && }
{frostCount.priority} ⭐ prioritaires · {frostCount.total} total
{/* Table */}
{/* Footer liens officiels */}
)}