// rooms.jsx — room catalog, generic Item system, frames, empty wall cells.
//
// Model:
// room = { id, kind, title, wallColor?, items: Item[] }
// item = {
// id, type: 'photo' | 'text' | 'link',
// frame: 'none' | 'thin' | 'wood' | 'polaroid' | 'tape' | 'oval',
// size: 'sm' | 'md' | 'lg',
// // photo
// src?, seed?, caption?, url?
// // text
// text?, font: 'hand' | 'mono' | 'serif' | 'display'
// // link (rendered as a small pinned symbol+label, NOT a big card)
// icon?, label?, sublabel?, url?
// }
//
// `kind` only controls the furniture silhouettes on the floor — the wall is
// fully customizable. An "empty cell" (no room object) renders as a plain
// wall + floor so an unfilled half-floor still looks like part of the house.
// ─────────────────────────────────────────────────────────────
// i18n bridge for the house pages.
//
// The house UI is React rendered by in-browser Babel; i18n.js only knows how
// to translate DOM nodes carrying data-i18n. So instead we expose a helper
// `ht(key, fallback)` that reads from window.i18n.t at render time, with a
// French fallback baked in — if a key is missing (or i18n hasn't loaded
// yet), the user still sees clean French rather than a raw key. House
// components call `useHouseLang()` so they re-render when the visitor changes
// language via the picker (i18n.js dispatches an "i18n:change" event).
// ─────────────────────────────────────────────────────────────
function ht(key, fallback, vars) {
try {
if (window.i18n && typeof window.i18n.t === 'function') {
const out = window.i18n.t(key, vars || null);
// i18n.t returns the key itself when missing in every dict; guard so we
// never surface a raw dotted key to the user.
if (out && out !== key) return out;
}
} catch { /* fall through to fallback */ }
// Apply {var} substitution on the fallback too, so callers can rely on it.
let s = fallback != null ? fallback : key;
if (vars) for (const k in vars) s = s.split('{' + k + '}').join(vars[k]);
return s;
}
function useHouseLang() {
const [, force] = React.useReducer((n) => n + 1, 0);
React.useEffect(() => {
const onChange = () => force();
window.addEventListener('i18n:change', onChange);
return () => window.removeEventListener('i18n:change', onChange);
}, []);
return (window.i18n && window.i18n.lang && window.i18n.lang()) || 'fr';
}
// ─────────────────────────────────────────────────────────────
// Catalog of room kinds (drives furniture + default wall/floor color).
// Each kind also carries a default wall *pattern* and floor *style* so a
// freshly-created room already has a distinct, finished-looking ambience
// instead of a flat colour. Both are per-room overridable (room.wallPattern,
// room.floorColor, room.floorStyle).
// ─────────────────────────────────────────────────────────────
const ROOM_LIBRARY = {
kitchen: { label: 'Cuisine', wall: '#FFE9B8', floor: '#D9A055', furn: 'kitchen', pattern: 'tile', floorStyle: 'tiles' },
livingroom: { label: 'Salon TV', wall: '#F8D9B0', floor: '#A87648', furn: 'livingroom', pattern: 'plain', floorStyle: 'wood' },
music: { label: 'Musique', wall: '#F9C8DC', floor: '#7A4566', furn: 'music', pattern: 'dots', floorStyle: 'wood' },
bedroom: { label: 'Chambre', wall: '#D7CCF5', floor: '#544B85', furn: 'bedroom', pattern: 'stripe', floorStyle: 'rug' },
bathroom: { label: 'Salle de bain', wall: '#C2E2EE', floor: '#5C8FA3', furn: 'bathroom', pattern: 'tile', floorStyle: 'tiles' },
library: { label: 'Bibliothèque', wall: '#EBD8B5', floor: '#82603A', furn: 'library', pattern: 'plain', floorStyle: 'wood' },
studio: { label: 'Atelier', wall: '#CFE5C5', floor: '#4D6B41', furn: 'studio', pattern: 'grid', floorStyle: 'concrete' },
gym: { label: 'Gym', wall: '#EFC2C1', floor: '#945454', furn: 'gym', pattern: 'stripe', floorStyle: 'concrete' },
studio_art: { label: 'Atelier d\'art', wall: '#FFD9C2', floor: '#B36A48', furn: 'art', pattern: 'dots', floorStyle: 'wood' },
travel: { label: 'Salle des cartes', wall: '#DDE9F2', floor: '#5B7388', furn: 'travel', pattern: 'grid', floorStyle: 'wood' },
empty: { label: 'Pièce', wall: '#F1ECDF', floor: '#9E8060', furn: 'none', pattern: 'plain', floorStyle: 'wood' },
};
const ROOM_ORDER = ['kitchen','livingroom','music','bedroom','bathroom','library','studio','gym','studio_art','travel','empty'];
// Translated display name for a room kind. ROOM_LIBRARY.label stays as the
// French fallback; this resolves the localized label at render time.
function roomLabel(kind) {
const meta = ROOM_LIBRARY[kind] || ROOM_LIBRARY.empty;
return ht('house.room.kind.' + kind, meta.label);
}
// Wall-color palette the user can pick from (per-room override). Grouped:
// warm pastels, cool pastels, then rich/dark tones for contrast.
const WALL_PALETTE = [
'#FFE9B8','#FFD9C2','#F9C8DC','#EFC2C1','#FCE3A8',
'#D7CCF5','#C2E2EE','#CFE5C5','#DDE9F2','#BFE3D6',
'#F8D9B0','#EBD8B5','#FFF0E8','#F1ECDF','#E9DFF7',
'#E1604F','#3E7CB1','#2E8B6F','#222831','#2B1F1B',
];
// Wall patterns — subtle textures layered over the wall colour. 'plain' is
// just the flat colour (back-compatible default for old rooms).
const WALL_PATTERNS = ['plain','stripe','dots','grid','tile'];
// Floor styles — distinct floor treatments, each derived from the floor
// colour so they stay coherent with the room palette.
const FLOOR_STYLES = ['wood','tiles','rug','concrete'];
const FRAME_STYLES = ['none','thin','wood','polaroid','tape','oval'];
const FONT_STYLES = ['hand','mono','serif','display'];
// ─────────────────────────────────────────────────────────────
// wallPatternCss — returns a CSS background-image for a given pattern over a
// base wall colour. Kept deliberately soft so wall items stay readable.
// ─────────────────────────────────────────────────────────────
function wallPatternCss(pattern, dark) {
const ink = dark ? 'rgba(255,255,255,0.07)' : 'rgba(0,0,0,0.06)';
const ink2 = dark ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.045)';
switch (pattern) {
case 'stripe':
return `repeating-linear-gradient(45deg, ${ink} 0 2px, transparent 2px 11px)`;
case 'dots':
return `radial-gradient(${ink} 1.4px, transparent 1.5px)`;
case 'grid':
return `linear-gradient(0deg, ${ink2} 0 1px, transparent 1px 16px), linear-gradient(90deg, ${ink2} 0 1px, transparent 1px 16px)`;
case 'tile':
return `linear-gradient(0deg, ${ink} 0 1px, transparent 1px 15px), linear-gradient(90deg, ${ink} 0 1px, transparent 1px 15px)`;
case 'plain':
default:
return 'none';
}
}
function wallPatternSize(pattern) {
switch (pattern) {
case 'dots': return '11px 11px';
case 'grid': return '16px 16px';
case 'tile': return '15px 15px';
default: return 'auto';
}
}
// ─────────────────────────────────────────────────────────────
// FloorLayer — renders the bottom 30% of a room as a styled floor. Each
// style is built from the floor colour so it always matches the palette.
// ─────────────────────────────────────────────────────────────
function FloorLayer({ color, style }) {
const base = { position:'absolute', left:0, right:0, bottom:0, height:'30%', background: color };
let bgImage = '', bgSize = 'auto';
if (style === 'tiles') {
bgImage = 'linear-gradient(0deg, rgba(0,0,0,0.16) 0 1.5px, transparent 1.5px 14px), linear-gradient(90deg, rgba(0,0,0,0.16) 0 1.5px, transparent 1.5px 14px)';
bgSize = '14px 14px';
} else if (style === 'rug') {
bgImage = 'repeating-linear-gradient(90deg, rgba(255,255,255,0.10) 0 6px, rgba(0,0,0,0.06) 6px 12px)';
} else if (style === 'concrete') {
bgImage = 'radial-gradient(rgba(0,0,0,0.08) 1px, transparent 1.5px)';
bgSize = '7px 7px';
} else { // wood
bgImage = 'repeating-linear-gradient(90deg, rgba(0,0,0,0.10) 0 1px, transparent 1px 12px)';
}
return ;
}
// ─────────────────────────────────────────────────────────────
// Frame — pluggable visual wrapper for any item content
// ─────────────────────────────────────────────────────────────
function Frame({ style, w, h, children }) {
const base = { width: w, height: h, boxSizing:'border-box', position:'relative' };
if (style === 'none') {
return
{children}
;
}
if (style === 'thin') {
return
{children}
;
}
if (style === 'wood') {
return (
{children}
);
}
if (style === 'polaroid') {
return (
{children}
);
}
if (style === 'tape') {
return (
{children}
);
}
if (style === 'oval') {
return
{children}
;
}
// fallback
return
{children}
;
}
// ─────────────────────────────────────────────────────────────
// LinkPin — a small symbol + label pinned to the wall.
// Always small, never a big card. This is what a "link" looks like.
// ─────────────────────────────────────────────────────────────
function LinkPin({ item, scale = 1 }) {
const meta = LINK_ICONS_META[item.icon] || LINK_ICONS_META.web;
const r = 22 * scale;
// Cosy ambient motion: music/play discs slowly spin like a record on a
// turntable; hearts gently pulse. Everything is slow, looping, and disabled
// for reduced-motion users (handled by the .stx-spin / .stx-pulse CSS).
const spins = item.icon === 'music' || item.icon === 'play';
const pulses = item.icon === 'heart';
const discClass = spins ? 'stx-spin' : pulses ? 'stx-pulse' : '';
return (
{/* pushpin tack */}
{/* tiny spindle hole to sell the "spinning record" read */}
{spins && }
{item.label && (
{item.label}
)}
);
}
const LINK_ICONS_META = {
music: { bg:'#1DB954', fg:'#fff' },
play: { bg:'#FF0033', fg:'#fff' },
web: { bg:'#3A4D8F', fg:'#fff' },
camera: { bg:'#E29BBE', fg:'#fff' },
book: { bg:'#8A6A42', fg:'#fff' },
food: { bg:'#E89D5A', fg:'#fff' },
art: { bg:'#A95EA0', fg:'#fff' },
heart: { bg:'#E15B5B', fg:'#fff' },
chat: { bg:'#5BB0E1', fg:'#fff' },
shop: { bg:'#222', fg:'#FFD159' },
code: { bg:'#111', fg:'#7CE38B' },
star: { bg:'#FFD159', fg:'#111' },
};
const LINK_ICONS_LIST = Object.keys(LINK_ICONS_META);
function LinkIcon({ kind, color, size }) {
const c = color;
const sw = Math.max(1.5, size * 0.12);
const props = { width: size, height: size, viewBox: '0 0 24 24', fill:'none' };
const stroke = (d, extra = {}) => ;
switch (kind) {
case 'music': return ;
case 'play': return ;
case 'web': return ;
case 'camera': return ;
case 'book': return ;
case 'food': return ;
case 'art': return ;
case 'heart': return ;
case 'chat': return ;
case 'shop': return ;
case 'code': return ;
case 'star': return ;
default: return ;
}
}
// ─────────────────────────────────────────────────────────────
// PhotoBody — pixels inside a photo item (cover; clipped by Frame)
// ─────────────────────────────────────────────────────────────
function PhotoBody({ item }) {
if (item.src) {
return ;
}
return ;
}
// ─────────────────────────────────────────────────────────────
// TextBody — text inside a text item.
//
// The wall thumbnail is tiny, so the old version just let long notes spill
// and get sliced mid-word (the unreadable "to…" in a busy room). Instead we
// treat the wall as a *preview*: the text scales to the box and is clamped to
// a whole number of lines with a trailing ellipsis — so it always breaks
// cleanly between words, never inside one. The full note is still readable by
// tapping the room (RoomViewer shows it in full). `box` carries the actual
// rendered size so we can pick a font size and line count that genuinely fit.
// ─────────────────────────────────────────────────────────────
function TextBody({ item, box }) {
const fonts = {
hand: '"Caveat", cursive',
mono: '"JetBrains Mono", monospace',
serif: 'Georgia, "Times New Roman", serif',
display: '"Fredoka", system-ui',
};
const f = item.font || 'hand';
const h = (box && box.h) || 48;
const w = (box && box.w) || 90;
// Scale the font to the available height; hand-writing reads larger.
const big = f === 'hand';
let fontSize = big
? Math.max(9, Math.min(15, Math.round(h * 0.30)))
: Math.max(7, Math.min(11, Math.round(h * 0.22)));
const lineHeight = 1.18;
// How many whole lines fit in the box (leave a little vertical padding).
const maxLines = Math.max(1, Math.floor((h - 6) / (fontSize * lineHeight)));
return (
{item.text || '…'}
);
}
// ─────────────────────────────────────────────────────────────
// Item — render a single wall item with link-badge if applicable
// ─────────────────────────────────────────────────────────────
function Item({ item, max }) {
// For pure 'link' items: always a LinkPin, no frame. We shrink the pin so
// the whole thing (tack + disc + label) fits inside the wall band height —
// otherwise the label used to spill down onto the furniture.
if (item.type === 'link') {
const base = item.size === 'sm' ? 0.85 : item.size === 'lg' ? 1.15 : 1;
const fit = Math.max(0.5, Math.min(base, (max.h - 12) / 52));
return ;
}
// photo / text — sized by `size` within container max
const sizeFactor = item.size === 'sm' ? 0.6 : item.size === 'lg' ? 1.0 : 0.82;
const maxW = max.w;
// Reserve space for a caption (photos) so the frame + caption together stay
// inside the band and never spill onto the furniture below.
const captionH = (item.type === 'photo' && item.caption) ? 13 : 0;
const maxH = Math.max(20, max.h - captionH);
let w, h;
if (item.type === 'photo') {
h = Math.min(maxH * sizeFactor, maxW * 0.85);
w = h * 1.25;
if (w > maxW * sizeFactor) { w = maxW * sizeFactor; h = w / 1.25; }
} else { // text
// Notes get a touch more width than other items so a few words fit per
// line — a clamped multi-line preview reads far better than one cramped,
// truncated line. Height fills most of the band.
w = Math.min(maxW, maxW * Math.max(sizeFactor, 0.92));
h = Math.min(maxH, Math.max(34, maxH * 0.92));
}
// tape/polaroid need extra margin so they fit
const fr = item.frame || 'thin';
const padForFrame = fr === 'polaroid' ? { w: 6, h: 14 } : { w: 0, h: 0 };
const inner = item.type === 'photo'
?
: ;
return (
{inner}
{/* A folded "dog-ear" corner marks a text note as tappable to read in
full — the wall only ever shows a preview of longer notes. */}
{item.type === 'text' && (
)}
{item.url && }
{item.caption && item.type === 'photo' && (
{item.caption}
)}
);
}
function LinkBadge() {
return (
↗
);
}
// ─────────────────────────────────────────────────────────────
// ItemsArea — lay items out on a strict "wall shelf" band.
//
// The room cell is tiny (152×118), so wall items, the room-name tag and the
// furniture all compete for the same space. To stop them overlapping we pin
// items to a reserved rectangle:
// • top — a fixed strip below the room-name tag (so the tag is never
// clipped by an item or its little ↗ badge),
// • bottom — just above the central low furniture (sofa / bed / sink /
// desk all sit at ≥ 0.58·h), so items never reach the floor,
// • sides — generous gutters so the centred items steer clear of the
// tall *side* furniture (speakers, lamps, shelves, fridge).
// Items are a centred flex row (so they never overlap each other), and each
// item — link pins and photo captions included — is sized to fit *inside*
// the band height (see ), so nothing spills out the bottom.
// ─────────────────────────────────────────────────────────────
// Default free-layout positions for items that don't have x/y/scale/rot yet
// (everything migrates to manual placement). We fan them across the upper
// wall band so an un-arranged room still looks intentional; the owner then
// drags/scales/rotates them in the enlarged room editor. Positions are in
// PERCENT of the room box (0..100) for the item's CENTER; scale is relative
// to a base item size; rot in degrees. Deterministic per index.
function defaultItemLayout(idx, total) {
const n = Math.max(1, total);
// spread across the wall, slight vertical stagger and gentle tilt
const fx = n === 1 ? 50 : 22 + (56 * idx) / (n - 1);
const fy = 30 + (idx % 2 === 0 ? 0 : 9);
const rot = (idx % 2 === 0 ? -1 : 1) * (3 + (idx % 3) * 2);
return { x: fx, y: fy, scale: 1, rot };
}
function withItemLayout(item, idx, total) {
const d = defaultItemLayout(idx, total);
return {
x: typeof item.x === 'number' ? item.x : d.x,
y: typeof item.y === 'number' ? item.y : d.y,
scale: typeof item.scale === 'number' ? item.scale : d.scale,
rot: typeof item.rot === 'number' ? item.rot : d.rot,
};
}
// Free-placement layer: items are absolutely positioned by their x/y (% of
// the room box, measured at the item CENTER), scaled and rotated. They may
// overflow the room edges a little (overflow visible) so things feel placed
// by hand rather than boxed in. Base item size scales with the room so a
// scale of 1 reads as a comfortable medium object.
// Fraction of the room width an item occupies at scale 1. Used by BOTH the
// in-house render and the arrange editor so an item's on-screen size matches
// exactly between the two (no surprise when you scale it up in the editor and
// it looks different in the house). Kept as a pure fraction — no absolute
// pixel cap — so the proportion holds at any display size.
const ITEM_BASE_FRAC = 0.42;
function FreeItemsLayer({ items, w, h, onTap }) {
if (!items || items.length === 0) return null;
const total = items.length;
const baseW = w * ITEM_BASE_FRAC; // an item at scale 1
return (
{items.map((it, i) => {
const L = withItemLayout(it, i, total);
const itemW = baseW * (L.scale || 1);
return (
{ e.stopPropagation(); onTap?.(it.id); }}>
);
})}
);
}
function ItemsArea({ items, w, h, onTap }) {
if (!items || items.length === 0) return null;
const bandTop = 24; // fixed strip under the name tag
const bandBottom = h * 0.56; // above the central furniture
const bandH = Math.max(26, bandBottom - bandTop);
const sideGutter = Math.max(16, w * 0.22); // clear of the side furniture
const n = Math.min(items.length, 3);
const gap = n > 1 ? 8 : 0;
const itemMaxW = (w - sideGutter * 2 - gap * (n - 1)) / n;
return (
{items.slice(0, 3).map((it) => (
{ e.stopPropagation(); onTap?.(it.id); }}>
))}
);
}
// ─────────────────────────────────────────────────────────────
// Furniture — silhouettes on the room floor (unchanged from before)
// ─────────────────────────────────────────────────────────────
function Furniture({ kind, w, h }) {
const floorTop = h * 0.70;
const f = ROOM_LIBRARY[kind]?.furn;
if (!f || f === 'none') return null;
const blk = '#4A3B33', wht = '#fff';
if (f === 'kitchen') {
return (<>
);
}
if (f === 'livingroom') {
return (<>
);
}
if (f === 'music') {
return (<>
);
}
if (f === 'bedroom') {
return (<>
);
}
if (f === 'bathroom') {
return (
);
}
if (f === 'library') {
return (<>
);
}
if (f === 'studio') {
return (<>
);
}
if (f === 'gym') {
return (<>
);
}
if (f === 'art') {
return (<>
);
}
if (f === 'travel') {
return (<>
);
}
return null;
}
function Bookshelf({ x, y, w, h }) {
const spines = ['#9C5E5E','#5E7B9C','#9C8A5E','#5E9C7C','#7B5E9C','#9C9C5E'];
return (
{[0,1,2].map(row=>(
))}
{[0,1,2].map(row=>(
{spines.map((c,i)=>(
))}
))}
);
}
// ─────────────────────────────────────────────────────────────
// RoomInterior — wall (custom colour + pattern), styled floor, furniture,
// items, name tag, and a clear "tappable" affordance: on hover/press the
// room lifts slightly and shows a small "ouvrir" pill, so visitors know a
// room opens on tap. The whole cell is one big click target.
// ─────────────────────────────────────────────────────────────
function RoomInterior({ room, w, h, onTapItem, onTapRoom }) {
useHouseLang();
const meta = ROOM_LIBRARY[room.kind] || ROOM_LIBRARY.empty;
const wallColor = room.wallColor || meta.wall;
const pattern = room.wallPattern || meta.pattern || 'plain';
const floorColor = room.floorColor || meta.floor;
const floorStyle = room.floorStyle || meta.floorStyle || 'wood';
const dark = isDarkColor(wallColor);
const [hover, setHover] = React.useState(false);
const patternImg = wallPatternCss(pattern, dark);
return (
setHover(true)}
onMouseLeave={() => setHover(false)}
onTouchStart={() => setHover(true)}
onTouchEnd={() => setHover(false)}
>
{/* wall pattern layer (soft, behind everything) */}
{patternImg !== 'none' && (
)}
{ onTapRoom?.(itemId); }}/>
{/* room name tag — a soft little label rather than a hard UI chip */}
{room.title || roomLabel(room.kind)}
{/* "ouvrir" affordance — fades in on hover/press, bottom-left so it
never collides with the name tag. Signals the room is tappable. */}
{ht('house.room.open', 'ouvrir')}
);
}
// EmptyCell — a wall slot with no room. In edit mode it shows a clear "+"
// to add a room. For visitors (no edit) it now renders as a calm, finished
// "empty room" — a soft tinted wall + styled floor borrowed from a neighbour
// — instead of the old grey striped placeholder that read as broken.
function EmptyCell({ w, h, editMode, onAdd, neighborFloor }) {
useHouseLang();
const floorColor = neighborFloor || '#A88562';
const wallColor = '#EFE7D8';
return (
{/* soft, even wall texture — reads as a real (if bare) wall */}
{editMode ? (
) : (
// Visitor view: a faint hint that this room is simply empty, centered
// on the wall — quiet, not a "broken/unfinished" striped block.
{ht('house.room.empty', 'pièce vide')}
)}
);
}
// Tiny icon for room palette + tags
function RoomIcon({ kind, size = 22 }) {
const G = {
kitchen: <>,
livingroom: <>,
music: <>,
bedroom: <>,
bathroom: <>,
library: <>,
studio: <>,
gym: <>,
studio_art: <>,
travel: <>,
empty: <>,
};
return ;
}
// Fake photo for placeholders
function FakePhoto({ seed = 1, palette }) {
const palettes = [
['#E89B5A','#D4633E','#FFCD8B','#6B2E1F'],
['#9CC4A1','#5C8F70','#E6E2C2','#3A5947'],
['#E29BBE','#9C5E84','#FFE2EF','#3F1E2E'],
['#A4B7E0','#5775A8','#E2EAFA','#1E2B4A'],
['#E8C56B','#B07A2B','#FFEEC2','#5B3A12'],
['#C7A0E0','#7A5198','#EEDCFF','#2E1A45'],
];
const p = palette || palettes[(seed - 1) % palettes.length];
return (
);
}
// brightness check for wall color → adjust label contrast
function isDarkColor(hex) {
if (!hex || hex[0] !== '#') return false;
const r = parseInt(hex.slice(1,3),16), g = parseInt(hex.slice(3,5),16), b = parseInt(hex.slice(5,7),16);
return (r*0.299 + g*0.587 + b*0.114) < 130;
}
// Default starter items for a freshly-created room of a given kind. Every
// kind now starts with a couple of coherent items (a focal piece + an
// accent) so a brand-new room already looks intentional and finished rather
// than bare — bathroom/gym used to start empty, which read as unfinished.
function defaultItemsFor(kind) {
const id = () => 'i_' + Math.random().toString(36).slice(2, 8);
switch (kind) {
case 'kitchen': return [
{ id:id(), type:'photo', frame:'polaroid', size:'md', seed:1, caption:"le repas du jour" },
{ id:id(), type:'link', size:'sm', icon:'food', label:'recette', url:'' },
];
case 'livingroom': return [
{ id:id(), type:'photo', frame:'thin', size:'lg', seed:4, caption:"ce que je regarde" },
{ id:id(), type:'link', size:'sm', icon:'play', label:'à voir', url:'' },
];
case 'music': return [
{ id:id(), type:'link', size:'md', icon:'music', label:'ma playlist', url:'' },
{ id:id(), type:'photo', frame:'thin', size:'sm', seed:6, caption:"en boucle" },
];
case 'bedroom': return [
{ id:id(), type:'text', frame:'tape', size:'md', font:'hand', text:'une pensée du jour' },
{ id:id(), type:'photo', frame:'polaroid', size:'sm', seed:3, caption:"" },
];
case 'bathroom': return [
{ id:id(), type:'text', frame:'oval', size:'md', font:'display', text:'oui' },
];
case 'library': return [
{ id:id(), type:'link', size:'md', icon:'book', label:'mes lectures', url:'' },
{ id:id(), type:'text', frame:'thin', size:'sm', font:'serif', text:'à lire' },
];
case 'studio': return [
{ id:id(), type:'link', size:'md', icon:'code', label:'mes projets', url:'' },
{ id:id(), type:'link', size:'sm', icon:'web', label:'site', url:'' },
];
case 'gym': return [
{ id:id(), type:'text', frame:'tape', size:'md', font:'display', text:'no excuses' },
{ id:id(), type:'link', size:'sm', icon:'heart', label:'progrès', url:'' },
];
case 'studio_art': return [
{ id:id(), type:'photo', frame:'wood', size:'md', seed:5, caption:"dernière œuvre" },
{ id:id(), type:'link', size:'sm', icon:'art', label:'galerie', url:'' },
];
case 'travel': return [
{ id:id(), type:'photo', frame:'polaroid', size:'md', seed:3, caption:"où je suis" },
{ id:id(), type:'link', size:'sm', icon:'camera', label:'photos', url:'' },
];
case 'empty': return [
{ id:id(), type:'text', frame:'tape', size:'md', font:'hand', text:'bienvenue' },
];
default: return [];
}
}
Object.assign(window, {
ROOM_LIBRARY, ROOM_ORDER, WALL_PALETTE, WALL_PATTERNS, FLOOR_STYLES,
FRAME_STYLES, FONT_STYLES,
LINK_ICONS_LIST, LINK_ICONS_META,
RoomInterior, EmptyCell, Furniture, RoomIcon, FakePhoto,
Frame, Item, LinkPin, LinkIcon, PhotoBody, TextBody, ItemsArea, FreeItemsLayer,
defaultItemLayout, withItemLayout, ITEM_BASE_FRAC,
FloorLayer, wallPatternCss, wallPatternSize,
defaultItemsFor, isDarkColor,
ht, useHouseLang, roomLabel,
});