},
"rooms": [
{ "id": "r1", "nom": "Nom pièce", "x": <0-1>, "y": <0-1>, "w": <0-1>, "h": <0-1> }
],
"label": "Description courte"
}
- x,y,w,h des rooms sont des fractions normalisées (0–1) du bâtiment.
- Pour les formes complexes (L, T, U, V…), décompose en sous-volumes (rooms).
- Pour les angles biaisés, utilise la rotation globale du batiment.
- Si la description est trop vague, génère quand même un volume raisonnable avec une note dans label.
- Réponds UNIQUEMENT avec le JSON, sans aucun texte autour.`;
try {
const res = await fetch(WORKER, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
model: 'claude-sonnet-4-20250514',
max_tokens: 1000,
system: systemPrompt,
messages: [{ role: 'user', content: prompt }]
})
});
const data = await res.json();
const raw = data.content?.[0]?.text || '';
const cleaned = raw.replace(/```json|```/g, '').trim();
const shape = JSON.parse(cleaned);
// Centrer sur le canvas
const cx = (typeof canvas !== 'undefined') ? canvas.width / 2 : 400;
const cy = (typeof canvas !== 'undefined') ? canvas.height / 2 : 300;
const scale = (typeof SCALE !== 'undefined') ? SCALE : 20;
shape.batiment.x = cx - (shape.batiment.w * scale) / 2;
shape.batiment.y = cy - (shape.batiment.h * scale) / 2;
shape.batiment.w *= scale;
shape.batiment.h *= scale;
applyShape(shape);
status.textContent = `✓ ${shape.label || 'Plan généré'}`;
status.style.color = '#6EE7B7';
setTimeout(hide, 1200);
} catch (err) {
console.error('[MPWelcome IA]', err);
status.textContent = '✗ Erreur — vérifiez votre connexion et réessayez.';
status.style.color = '#F87171';
btn.disabled = false;
}
});
}
/* 3. Emprise PLU */
function plu(panel) {
const d = (typeof MPC !== 'undefined') ? MPC.load() : {};
const rv = d.plu_rules?.rv_min ?? 5;
const rl = d.plu_rules?.rl_min ?? 3;
const surf = d.plu_rules?.parcelle_surface ?? 500;
panel.innerHTML = `
Emprise maximale PLU
Calcul automatique du polygone constructible à partir de vos reculs enregistrés dans le dossier.
Recul avant (rv)
m
Recul latéral (rl)
m
Surface parcelle
m²
`;
function previewPLU() {
const rvV = parseFloat(document.getElementById('mpwm-rv').value) || 5;
const rlV = parseFloat(document.getElementById('mpwm-rl').value) || 3;
const surfV = parseFloat(document.getElementById('mpwm-surf').value) || 500;
const parcW = Math.sqrt(surfV * 1.5);
const parcD = surfV / parcW;
const bW = Math.max(4, parcW - 2 * rlV);
const bD = Math.max(4, parcD - rvV - 3);
document.getElementById('mpwm-plu-result').textContent =
`→ Emprise calculée : ${bW.toFixed(1)} m × ${bD.toFixed(1)} m = ${(bW * bD).toFixed(0)} m²`;
}
['mpwm-rv', 'mpwm-rl', 'mpwm-surf'].forEach(id =>
document.getElementById(id).addEventListener('input', previewPLU)
);
previewPLU();
document.getElementById('mpwm-plu-apply').addEventListener('click', () => {
const rvV = parseFloat(document.getElementById('mpwm-rv').value) || 5;
const rlV = parseFloat(document.getElementById('mpwm-rl').value) || 3;
const surfV = parseFloat(document.getElementById('mpwm-surf').value) || 500;
if (typeof MPC !== 'undefined') {
MPC.updatePLU({ rv_min: rvV, rl_min: rlV, parcelle_surface: surfV });
}
const cx = (typeof canvas !== 'undefined') ? canvas.width / 2 : 400;
const cy = (typeof canvas !== 'undefined') ? canvas.height / 2 : 300;
const scale = (typeof SCALE !== 'undefined') ? SCALE : 20;
const shape = computePLUEmprise(scale, cx, cy);
// Recalcul avec valeurs du form
const parcW = Math.sqrt(surfV * 1.5);
const parcD = surfV / parcW;
const bW = Math.max(4, parcW - 2 * rlV);
const bD = Math.max(4, parcD - rvV - 3);
shape.batiment = {
x: cx - (bW * scale) / 2,
y: cy - (bD * scale) / 2,
w: bW * scale,
h: bD * scale,
rot: 0
};
shape.rooms = [];
applyShape(shape);
hide();
});
}
/* 4. Gabarits paramétriques */
let _selectedShape = 'carre';
function gabarit(panel) {
_selectedShape = 'carre';
panel.innerHTML = `
Gabarits paramétriques
`;
document.querySelectorAll('.mpwm-shape-btn').forEach(btn => {
btn.addEventListener('click', () => {
document.querySelectorAll('.mpwm-shape-btn').forEach(b => b.classList.remove('--active'));
btn.classList.add('--active');
_selectedShape = btn.dataset.shape;
renderGabaritFields();
});
});
function renderGabaritFields() {
const f = document.getElementById('mpwm-gab-fields');
const s = _selectedShape;
const row = (label, id, val, unit='m') => `
${label}
${unit}
`;
if (s === 'carre') {
f.innerHTML = `${row('Largeur (L)', 'g-w', 10)}${row('Profondeur (P)', 'g-d', 8)}
`;
} else if (s === 'l') {
f.innerHTML = `
${row('Largeur totale', 'g-w', 12)}${row('Profondeur totale', 'g-d', 10)}
${row('Largeur aile', 'g-aw', 6)}${row('Profondeur aile', 'g-ad', 5)}
`;
} else if (s === 't') {
f.innerHTML = `
${row('Largeur totale', 'g-w', 14)}${row('Profondeur totale', 'g-d', 10)}
${row('Largeur aile centrale', 'g-aw', 6)}${row('Profondeur aile', 'g-ad', 5)}
`;
} else if (s === 'u') {
f.innerHTML = `
${row('Largeur totale', 'g-w', 14)}${row('Profondeur totale', 'g-d', 12)}
${row('Largeur des ailes', 'g-aw', 4)}${row('Profondeur du fond', 'g-ad', 5)}
`;
}
f.querySelectorAll('input').forEach(i => i.addEventListener('input', updatePreview));
updatePreview();
}
function updatePreview() {
const val = id => parseFloat(document.getElementById(id)?.value || 0);
const s = _selectedShape;
let surf = 0;
if (s === 'carre') { surf = val('g-w') * val('g-d'); }
else if (s === 'l') { surf = val('g-w') * val('g-d') - (val('g-w') - val('g-aw')) * val('g-ad'); }
else if (s === 't') { surf = val('g-w') * (val('g-d') - val('g-ad')) + val('g-aw') * val('g-ad'); }
else if (s === 'u') { surf = val('g-w') * val('g-ad') + 2 * val('g-aw') * (val('g-d') - val('g-ad')); }
document.getElementById('mpwm-gab-preview').textContent =
`→ Surface estimée ≈ ${Math.max(0, surf).toFixed(0)} m²`;
}
renderGabaritFields();
document.getElementById('mpwm-gab-apply').addEventListener('click', () => {
const val = id => parseFloat(document.getElementById(id)?.value || 0);
const cx = (typeof canvas !== 'undefined') ? canvas.width / 2 : 400;
const cy = (typeof canvas !== 'undefined') ? canvas.height / 2 : 300;
const scale = (typeof SCALE !== 'undefined') ? SCALE : 20;
const s = _selectedShape;
let shape;
if (s === 'carre') shape = shapeSquare(val('g-w'), val('g-d'), cx, cy, scale);
else if (s === 'l') shape = shapeL(val('g-w'), val('g-d'), val('g-aw'), val('g-ad'), cx, cy, scale);
else if (s === 't') shape = shapeT(val('g-w'), val('g-d'), val('g-aw'), val('g-ad'), cx, cy, scale);
else if (s === 'u') shape = shapeU(val('g-w'), val('g-d'), val('g-aw'), val('g-ad'), cx, cy, scale);
if (shape) { applyShape(shape); hide(); }
});
}
/* 5. Cadastre IGN */
function cadastre(panel) {
panel.innerHTML = `
Importer un cadastre IGN/Apicarto
`;
document.getElementById('mpwm-cad-load').addEventListener('click', () => {
const addr = document.getElementById('mpwm-cad-addr').value.trim();
if (!addr) return;
const status = document.getElementById('mpwm-cad-status');
status.textContent = 'Recherche en cours…';
// Brancher sur la fonction native de editeur-plan.html si disponible
if (typeof chargerParcelle === 'function') {
document.getElementById('inAdresse') && (document.getElementById('inAdresse').value = addr);
chargerParcelle(addr);
status.textContent = '✓ Chargement lancé — fermeture de la modale.';
setTimeout(hide, 1000);
} else if (typeof chargerParcelleDemo === 'function') {
chargerParcelleDemo(addr);
status.textContent = '✓ Démo chargée.';
setTimeout(hide, 800);
} else {
// Fallback : copie l'adresse dans le champ de la page et ferme
const inp = document.getElementById('inAdresse');
if (inp) {
inp.value = addr;
inp.dispatchEvent(new Event('input'));
}
status.textContent = '✓ Adresse transmise à l\'éditeur.';
setTimeout(hide, 800);
}
});
document.getElementById('mpwm-cad-addr').addEventListener('keydown', e => {
if (e.key === 'Enter') document.getElementById('mpwm-cad-load').click();
});
}
/* 6. Scanner croquis */
function scan(panel) {
panel.innerHTML = `
Scanner un croquis à la main
`;
const zone = document.getElementById('mpwm-scan-zone');
zone.addEventListener('dragover', e => { e.preventDefault(); zone.classList.add('--drag'); });
zone.addEventListener('dragleave', () => zone.classList.remove('--drag'));
zone.addEventListener('drop', e => { e.preventDefault(); zone.classList.remove('--drag'); processImage(e.dataTransfer.files[0]); });
document.getElementById('mpwm-scan-file').addEventListener('change', e => processImage(e.target.files[0]));
async function processImage(file) {
if (!file) return;
const status = document.getElementById('mpwm-scan-status');
status.innerHTML = 'Analyse IA du croquis';
const reader = new FileReader();
reader.onload = async (ev) => {
const b64 = ev.target.result.split(',')[1];
const mime = file.type || 'image/jpeg';
try {
const res = await fetch(WORKER, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
model: 'claude-sonnet-4-20250514',
max_tokens: 1000,
system: `Tu analyses un croquis architectural dessiné à la main.
Retourne UNIQUEMENT un JSON (sans markdown) avec la structure :
{
"batiment": { "w": , "h": , "rot": 0 },
"rooms": [{ "id": "r1", "nom": "Pièce", "x": 0, "y": 0, "w": 1, "h": 1 }],
"label": "Description détectée"
}
Si tu détectes plusieurs volumes (L, T, U…), décompose en rooms.
Estime les dimensions en mètres selon les proportions visuelles (suppose une habitation standard de 8-15m).`,
messages: [{
role: 'user',
content: [
{ type: 'image', source: { type: 'base64', media_type: mime, data: b64 } },
{ type: 'text', text: 'Analyse ce croquis et génère le JSON de forme architecturale.' }
]
}]
})
});
const data = await res.json();
const raw = data.content?.[0]?.text || '';
const shape = JSON.parse(raw.replace(/```json|```/g, '').trim());
const cx = (typeof canvas !== 'undefined') ? canvas.width / 2 : 400;
const cy = (typeof canvas !== 'undefined') ? canvas.height / 2 : 300;
const scale = (typeof SCALE !== 'undefined') ? SCALE : 20;
shape.batiment.x = cx - (shape.batiment.w * scale) / 2;
shape.batiment.y = cy - (shape.batiment.h * scale) / 2;
shape.batiment.w *= scale;
shape.batiment.h *= scale;
applyShape(shape);
status.textContent = `✓ ${shape.label || 'Croquis vectorisé'}`;
status.style.color = '#6EE7B7';
setTimeout(hide, 1200);
} catch (err) {
console.error('[MPWelcome scan]', err);
status.textContent = '✗ Analyse échouée — réessayez avec une image plus nette.';
status.style.color = '#F87171';
}
};
reader.readAsDataURL(file);
}
}
/* ─────────────── SHOW / HIDE ─────────────── */
function show() {
const existing = document.getElementById('mpwm-overlay');
if (existing) { existing.style.display = 'flex'; return; }
inject();
}
function hide() {
const overlay = document.getElementById('mpwm-overlay');
if (!overlay) return;
overlay.style.animation = 'mpwm-fadein .18s ease reverse';
setTimeout(() => overlay.remove(), 180);
}
/* ─────────────── AUTO-TRIGGER ─────────────── */
function shouldShow() {
try {
const raw = JSON.parse(localStorage.getItem('mpDossier') || '{}');
// Si un dossier est actif avec données (nom ou parcelle), ne pas afficher la modale
// La bannière de reprise gère déjà ce cas dans assistant.html
if (raw.savedAt && (raw.nom || raw.pRef)) return false;
const bat = raw.geometry_state?.batiment;
// Vide si w=0 ou absent
return !bat || (!bat.w && !bat.d);
} catch { return true; }
}
function autoInit() {
if (shouldShow()) show();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', autoInit);
} else {
// Léger délai pour laisser la page finir son propre init
setTimeout(autoInit, 400);
}
/* ─────────────── API PUBLIQUE ─────────────── */
window.MPWelcome = { show, hide };
})();