כל-בו יחזקאל פתח את הדלתות באבן גבירול לפני כמעט 40 שנה. מאז הפכנו לכתובת של כל המשפחות בשכונה — מכל מה שצריך לניקוי הבית ועד לחומרי הדברה שלא משאירים מקקים. בלי הפתעות במחיר, עם שירות שאי אפשר לקבל ברשת.
37 שנות ותקמשלוחיםמאות מוצריםשירות אישי
);
}
/* -------------------- Router (uses v2 home + shared other screens) -------------------- */
function App() {
const [route, setRoute] = useState(() => parseHash());
const [cart, setCart] = useState(() => (window.Store ? Store.getCart() : {}));
const [lastOrder, setLastOrder] = useState(null);
const [activeCat, setActiveCat] = useState('all');
// re-render when the catalog syncs from the server (new/updated products) so the store is never stale
const [, bumpProducts] = useState(0);
useEffect(() => (window.Store && Store.onProductsChange) ? Store.onProductsChange(() => bumpProducts(n => n + 1)) : undefined, []);
// persist the cart so it survives a refresh / coming back later
useEffect(() => { if (window.Store) Store.setCart(cart); }, [cart]);
useEffect(() => {
const onHash = () => setRoute(parseHash());
window.addEventListener('hashchange', onHash);
return () => window.removeEventListener('hashchange', onHash);
}, []);
const prevRoute = React.useRef(route);
useEffect(() => {
// The product modal is an overlay: don't scroll when it opens (→ product) or when it
// closes back to the grid (product → home). Cart → home is also skipped because the
// control that triggers it (menu chip / "הוסף מוצרים") scrolls to its own section.
// Everything else (e.g. home → cart) is a new page → jump to the top.
const wasProduct = prevRoute.current.startsWith('product/');
const isProduct = route.startsWith('product/');
const closingModalToHome = wasProduct && route === 'home';
const cartToHome = prevRoute.current === 'cart' && route === 'home';
if (!isProduct && !closingModalToHome && !cartToHome) window.scrollTo({ top: 0, behavior: 'instant' });
prevRoute.current = route;
}, [route]);
const prevRouteFade = React.useRef(route);
React.useLayoutEffect(() => {
// Yellow wipe when going from the cart back into the store (menu buttons or "הוסף מוצרים").
if (prevRouteFade.current === 'cart' && route === 'home') {
const fade = document.getElementById('route-fade');
if (fade) { fade.classList.remove('on'); void fade.offsetWidth; fade.classList.add('on'); }
}
prevRouteFade.current = route;
}, [route]);
function parseHash() { return window.location.hash.replace(/^#\/?/, '') || 'home'; }
function go(path) { window.location.hash = '/' + path; }
function addToCart(id, qty = 1) {
setCart(prev => ({ ...prev, [id]: (prev[id] || 0) + qty }));
}
function updateQty(id, qty) {
setCart(prev => {
const next = { ...prev };
if (qty <= 0) delete next[id]; else next[id] = qty;
return next;
});
}
function clearCart() { setCart({}); }
async function submitOrder(details) {
if (window.Store) {
const items = Object.entries(cart).map(([id, qty]) => ({ id, qty }));
const order = await Store.placeOrder({ ...details, items }); // server assigns the real order number → tracking link is valid
setLastOrder({ ...details, id: order.id, method: order.method, items });
} else {
const id = String(4128 + Math.floor(Math.random() * 50));
setLastOrder({ ...details, id });
}
}
const common = { activeCat, setActiveCat, go, cart };
if (route.startsWith('product/')) {
return (
<>
);
}
if (route === 'cart') return ;
if (route === 'checkout') return ;
if (route === 'confirm') return ;
if (route === 'list') return ;
return ;
}
ReactDOM.createRoot(document.getElementById('app-root')).render();