// bdk-windows.jsx — window chrome, desktop icons, menubar, taskbar, start menu.
function BdkSoundIcon({ on }) {
return on ? (
) : (
);
}
function BdkWindow({ def, st, delay = 0, scale = 1, onFocus, onMove, onResize, onClose, onMin, children }) {
const drag = React.useRef(null);
const rsz = React.useRef(null);
const secRef = React.useRef(null);
const down = (e) => {
if (e.target.closest('.bdkwin-light')) return;
onFocus(def.id);
drag.current = { sx: e.clientX, sy: e.clientY, ox: st.x, oy: st.y };
e.currentTarget.setPointerCapture(e.pointerId);
};
const move = (e) => {
if (!drag.current) return;
onMove(def.id, drag.current.ox + (e.clientX - drag.current.sx) / scale, drag.current.oy + (e.clientY - drag.current.sy) / scale);
};
const up = () => { drag.current = null; };
const rDown = (e) => {
e.stopPropagation();
onFocus(def.id);
rsz.current = { sx: e.clientX, sy: e.clientY, ow: secRef.current.offsetWidth, oh: secRef.current.offsetHeight };
e.currentTarget.setPointerCapture(e.pointerId);
};
const rMove = (e) => {
if (!rsz.current) return;
onResize(def.id, rsz.current.ow + (e.clientX - rsz.current.sx) / scale, rsz.current.oh + (e.clientY - rsz.current.sy) / scale);
};
const rUp = () => { rsz.current = null; };
return (
onFocus(def.id)}
>
{children}
);
}
function BdkDesktopIcon({ id, glyph, label, delay = 0, onOpen }) {
return (
);
}
const BDK_MENU_ITEMS = ['FILE', 'EDIT', 'VIEW', 'GAMBLE', 'HELP'];
function BdkMenubar({ onItem, sound, onSound, live, clock }) {
const socials = BDK_SOCIALS.slice().sort((a, b) => (a.k === 'KICK' ? 1 : 0) - (b.k === 'KICK' ? 1 : 0));
return (
);
}
function BdkDock({ defs, wins, onOpen }) {
const ref = React.useRef(null);
const onMove = (e) => {
const dock = ref.current; if (!dock) return;
dock.querySelectorAll('.bdk-dock-item').forEach((it) => {
const ico = it.querySelector('.bdk-dock-ico'); if (!ico) return;
const r = it.getBoundingClientRect();
const dist = Math.abs(e.clientX - (r.left + r.width / 2));
const boost = Math.max(0, 1 - dist / 140);
ico.style.transform = 'translateY(' + (-18 * boost) + 'px) scale(' + (1 + 0.45 * boost) + ')';
});
};
const reset = () => {
const dock = ref.current; if (!dock) return;
dock.querySelectorAll('.bdk-dock-ico').forEach((it) => { it.style.transform = ''; });
};
return (
{defs.map((d) => (
))}
{!isMobile && (
)}
{!isMobile && wins && defs.filter((d) => wins[d.id] && wins[d.id].open).map((d) => (
))}
{clock}
);
}
function BdkStartMenu({ defs, onOpen, onReboot }) {
return (
);
}
Object.assign(window, { BdkWindow, BdkDesktopIcon, BdkMenubar, BdkTaskbar, BdkStartMenu, BdkSoundIcon, BdkDock });