bender/145d8dab-252f-40c3-9e79-0db590f69bb4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

11 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
46dc205b4a Update theme fonts 2026-02-21 19:53:27 +00:00
bender
0dbaaf75ca Update theme fonts 2026-02-21 19:53:27 +00:00
bender
a055d019fb Update src/app/shop/page.tsx 2026-02-21 19:50:12 +00:00
bender
358ca0906c Update src/app/shop/[id]/page.tsx 2026-02-21 19:50:11 +00:00
bender
642f4d5519 Update src/app/blog/page.tsx 2026-02-21 19:50:10 +00:00
bender
d3e8b6d58e Update src/app/styles/variables.css 2026-02-21 19:47:54 +00:00
bender
78a0ea14c9 Update src/app/shop/page.tsx 2026-02-21 19:47:53 +00:00
bender
2f30a4302b Update src/app/shop/[id]/page.tsx 2026-02-21 19:47:53 +00:00
bender
2df604fca4 Merge version_1 into main 
Merge version_1 into main
 2026-02-21 19:12:58 +00:00
bender
f15a672534 Merge version_1 into main 
Merge version_1 into main
 2026-02-21 19:12:13 +00:00
bender
1ed742c319 Merge version_1 into main 
Merge version_1 into main
 2026-02-21 19:10:17 +00:00
6 changed files with 84 additions and 107 deletions
Expand all files Collapse all files

4
src/app/blog/page.tsx
View File

@@ -22,6 +22,7 @@ export default function BlogPage() {
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
headingFontWeight="bold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Ristorante Milanese" brandName="Ristorante Milanese"
navItems={[ navItems={[
@@ -36,6 +37,7 @@ export default function BlogPage() {
buttonClassName="px-5 py-2" buttonClassName="px-5 py-2"
buttonTextClassName="text-sm font-semibold" buttonTextClassName="text-sm font-semibold"
/> />
</div>
<main> <main>
{isLoading ? ( {isLoading ? (
@@ -55,11 +57,13 @@ export default function BlogPage() {
)} )}
</main> </main>
<div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="Ristorante Milanese" logoText="Ristorante Milanese"
copyrightText="© 2024 Ristorante Milanese. All rights reserved." copyrightText="© 2024 Ristorante Milanese. All rights reserved."
socialLinks={[]} socialLinks={[]}
/> />
</div>
</ThemeProvider> </ThemeProvider>
); );
} }

55
src/app/layout.tsx
View File

@@ -4,14 +4,10 @@ import { Source_Sans_3 } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { Inter } from "next/font/google";
import { Open_Sans } from "next/font/google";
const workSans = Work_Sans({
variable: "--font-work-sans", subsets: ["latin"],
});
const sourceSans3 = Source_Sans_3({
variable: "--font-source-sans-3", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Ristorante Milanese | Authentic Italian Dining in Milan", description: "Experience authentic Milanese cuisine at Ristorante Milanese. Savor traditional Italian dishes in an elegant setting in the heart of Milan.", keywords: ["milan restaurant", "italian restaurant", "fine dining milan", "milanese cuisine", "italian food", "restaurant milan", "authentic italian"], title: "Ristorante Milanese | Authentic Italian Dining in Milan", description: "Experience authentic Milanese cuisine at Ristorante Milanese. Savor traditional Italian dishes in an elegant setting in the heart of Milan.", keywords: ["milan restaurant", "italian restaurant", "fine dining milan", "milanese cuisine", "italian food", "restaurant milan", "authentic italian"],
@@ -30,6 +26,15 @@ export const metadata: Metadata = {
}, },
}; };
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
const openSans = Open_Sans({
variable: "--font-open-sans",
subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
@@ -38,9 +43,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${inter.variable} ${openSans.variable} antialiased`}>
className={`${workSans.variable} ${sourceSans3.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}
@@ -285,8 +288,6 @@ export default function RootLayout({
const getElementInfo = (element, assignId = false) => { const getElementInfo = (element, assignId = false) => {
const rect = element.getBoundingClientRect(); const rect = element.getBoundingClientRect();
const tagName = element.tagName.toLowerCase(); const tagName = element.tagName.toLowerCase();
const selector = getUniqueSelector(element, assignId);
const sectionId = getSectionId(element);
let className = undefined; let className = undefined;
try { try {
@@ -315,7 +316,6 @@ export default function RootLayout({
}; };
if (tagName === 'img') { if (tagName === 'img') {
const originalSrc = extractOriginalUrl(element.src);
info.imageData = { info.imageData = {
src: originalSrc, src: originalSrc,
alt: element.alt || undefined, alt: element.alt || undefined,
@@ -327,7 +327,6 @@ export default function RootLayout({
if (tagName === 'video') { if (tagName === 'video') {
const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || ''; const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
const resolvedSrc = extractOriginalUrl(rawSrc);
info.imageData = { info.imageData = {
src: resolvedSrc, src: resolvedSrc,
alt: element.getAttribute('aria-label') || undefined, alt: element.getAttribute('aria-label') || undefined,
@@ -341,7 +340,6 @@ export default function RootLayout({
if (backgroundImage && backgroundImage !== 'none') { if (backgroundImage && backgroundImage !== 'none') {
const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/); const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
if (urlMatch) { if (urlMatch) {
const originalBgSrc = extractOriginalUrl(urlMatch[1]);
if (tagName !== 'img') { if (tagName !== 'img') {
info.imageData = { info.imageData = {
src: originalBgSrc, src: originalBgSrc,
@@ -354,7 +352,6 @@ export default function RootLayout({
} }
} }
const elementType = getElementType(element);
info.elementType = elementType; info.elementType = elementType;
if (elementType === 'Button') { if (elementType === 'Button') {
@@ -448,12 +445,10 @@ export default function RootLayout({
}; };
const isTextElement = (element) => { const isTextElement = (element) => {
const elementType = getElementType(element);
return elementType === 'Text'; return elementType === 'Text';
}; };
const isButtonElement = (element) => { const isButtonElement = (element) => {
const elementType = getElementType(element);
return elementType === 'Button'; return elementType === 'Button';
}; };
@@ -529,7 +524,6 @@ export default function RootLayout({
}; };
const handleInput = () => { const handleInput = () => {
const elementInfo = getElementInfo(element);
let currentText = element.textContent; let currentText = element.textContent;
// Ensure there's always at least a space to keep the element editable // Ensure there's always at least a space to keep the element editable
@@ -643,7 +637,6 @@ export default function RootLayout({
}, '*'); }, '*');
if (save && originalContent !== element.textContent) { if (save && originalContent !== element.textContent) {
const elementInfo = getElementInfo(element);
let finalText = element.textContent; let finalText = element.textContent;
// Trim the final text and convert space-only to empty string for saving // Trim the final text and convert space-only to empty string for saving
@@ -773,7 +766,7 @@ export default function RootLayout({
lastMouseX = e.clientX; lastMouseX = e.clientX;
lastMouseY = e.clientY; lastMouseY = e.clientY;
const target = getMostSpecificElement(e.clientX, e.clientY) || e.target; || e.target;
if (!isValidElement(target) || target === hoveredElement || target === selectedElement) { if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
return; return;
@@ -805,7 +798,6 @@ export default function RootLayout({
hoverOverlay = createHoverOverlay(target); hoverOverlay = createHoverOverlay(target);
} }
const elementType = getElementType(target);
showElementTypeLabel(target, elementType); showElementTypeLabel(target, elementType);
window.parent.postMessage({ window.parent.postMessage({
@@ -848,7 +840,7 @@ export default function RootLayout({
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
const target = getMostSpecificElement(e.clientX, e.clientY) || e.target; || e.target;
if (!isValidElement(target)) return; if (!isValidElement(target)) return;
if (selectedElement && selectedElement !== target) { if (selectedElement && selectedElement !== target) {
@@ -893,7 +885,6 @@ export default function RootLayout({
hoveredElement = null; hoveredElement = null;
} }
const elementInfo = getElementInfo(target, true);
selectedElement.dataset.webildSelector = elementInfo.selector; selectedElement.dataset.webildSelector = elementInfo.selector;
showElementTypeLabel(target, elementInfo.elementType); showElementTypeLabel(target, elementInfo.elementType);
@@ -977,7 +968,6 @@ export default function RootLayout({
isScrolling = false; isScrolling = false;
if (lastMouseX > 0 && lastMouseY > 0) { if (lastMouseX > 0 && lastMouseY > 0) {
const target = getMostSpecificElement(lastMouseX, lastMouseY);
if (target && isValidElement(target) && target !== selectedElement) { if (target && isValidElement(target) && target !== selectedElement) {
hoveredElement = target; hoveredElement = target;
@@ -992,7 +982,6 @@ export default function RootLayout({
hoveredElement.classList.add(hoverClass); hoveredElement.classList.add(hoverClass);
hoverOverlay = createHoverOverlay(target); hoverOverlay = createHoverOverlay(target);
const elementType = getElementType(target);
showElementTypeLabel(target, elementType); showElementTypeLabel(target, elementType);
window.parent.postMessage({ window.parent.postMessage({
@@ -1016,7 +1005,6 @@ export default function RootLayout({
const saveChangeToStorage = (change) => { const saveChangeToStorage = (change) => {
try { try {
const storageKey = getStorageKey();
const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]'); const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
const filteredChanges = existingChanges.filter(c => { const filteredChanges = existingChanges.filter(c => {
@@ -1037,7 +1025,6 @@ export default function RootLayout({
const clearLocalChanges = () => { const clearLocalChanges = () => {
try { try {
const storageKey = getStorageKey();
localStorage.removeItem(storageKey); localStorage.removeItem(storageKey);
window.parent.postMessage({ window.parent.postMessage({
type: 'webild-local-changes-cleared', type: 'webild-local-changes-cleared',
@@ -1087,7 +1074,6 @@ export default function RootLayout({
if (e.data.type === 'webild-cancel-changes') { if (e.data.type === 'webild-cancel-changes') {
try { try {
const storageKey = getStorageKey();
const savedChanges = localStorage.getItem(storageKey); const savedChanges = localStorage.getItem(storageKey);
if (savedChanges) { if (savedChanges) {
const changes = JSON.parse(savedChanges); const changes = JSON.parse(savedChanges);
@@ -1110,7 +1096,6 @@ export default function RootLayout({
if (isBackground) { if (isBackground) {
element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : ''; element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
} else { } else {
const oldMediaType = getMediaTypeFromUrl(change.oldValue);
if (revertTag === 'video' && oldMediaType === 'image') { if (revertTag === 'video' && oldMediaType === 'image') {
swapMediaElement(element, 'img', change.oldValue); swapMediaElement(element, 'img', change.oldValue);
} else if (revertTag === 'img' && oldMediaType === 'video') { } else if (revertTag === 'img' && oldMediaType === 'video') {
@@ -1159,7 +1144,6 @@ export default function RootLayout({
const el = textElements[i]; const el = textElements[i];
if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) { if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
element = el; element = el;
const newSelector = getUniqueSelector(element, true);
if (newSelector) { if (newSelector) {
element.dataset.webildSelector = newSelector; element.dataset.webildSelector = newSelector;
} }
@@ -1251,9 +1235,7 @@ export default function RootLayout({
replaced = true; replaced = true;
} else if (element.tagName.toLowerCase() === 'img') { } else if (element.tagName.toLowerCase() === 'img') {
oldValue = element.src; oldValue = element.src;
const newMediaType = getMediaTypeFromUrl(newSrc);
if (newMediaType === 'video' && allowMediaTypeSwap) { if (newMediaType === 'video' && allowMediaTypeSwap) {
const swapped = swapMediaElement(element, 'video', newSrc);
if (selectedElement === element) selectedElement = swapped; if (selectedElement === element) selectedElement = swapped;
element = swapped; element = swapped;
} else { } else {
@@ -1262,10 +1244,8 @@ export default function RootLayout({
replaced = true; replaced = true;
} else if (element.tagName.toLowerCase() === 'video') { } else if (element.tagName.toLowerCase() === 'video') {
oldValue = element.src || element.currentSrc || ''; oldValue = element.src || element.currentSrc || '';
const newMediaType = getMediaTypeFromUrl(newSrc);
const sources = element.querySelectorAll('source'); const sources = element.querySelectorAll('source');
if (newMediaType === 'image' && allowMediaTypeSwap) { if (newMediaType === 'image' && allowMediaTypeSwap) {
const swapped = swapMediaElement(element, 'img', newSrc);
if (selectedElement === element) selectedElement = swapped; if (selectedElement === element) selectedElement = swapped;
element = swapped; element = swapped;
} else { } else {
@@ -1288,7 +1268,6 @@ export default function RootLayout({
} }
if (replaced) { if (replaced) {
const elementInfo = getElementInfo(element);
let cleanOldValue = oldValue; let cleanOldValue = oldValue;
if (oldValue.includes('url(')) { if (oldValue.includes('url(')) {
@@ -1360,12 +1339,6 @@ export default function RootLayout({
} }
}, true); }, true);
const urlCheckInterval = setInterval(() => {
if (lastPathname !== window.location.pathname) {
lastPathname = window.location.pathname;
notifyPageChange();
}
}, 500);
notifyPageChange(); notifyPageChange();

6
src/app/shop/[id]/page.tsx
View File

@@ -91,7 +91,7 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Ristorante Milanese" brandName="Ristorante Milanese"
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -133,7 +133,7 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Ristorante Milanese" brandName="Ristorante Milanese"
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -182,7 +182,7 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Ristorante Milanese" brandName="Ristorante Milanese"
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}

4
src/app/shop/page.tsx
View File

@@ -59,7 +59,7 @@ function ShopPageContent() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Ristorante Milanese" brandName="Ristorante Milanese"
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
@@ -100,7 +100,7 @@ function ShopPageContent() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="navbar" data-section="navbar"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Ristorante Milanese" brandName="Ristorante Milanese"
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]} navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-source-sans-3), sans-serif; font-family: var(--font-open-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-work-sans), sans-serif; font-family: var(--font-inter), sans-serif;
} }

32
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #f7f6f7;; /* --background: #f5f4ef;;
--card: #ffffff;; --card: #dad6cd;;
--foreground: #0c1325;; --foreground: #2a2928;;
--primary-cta: #0b07ff;; --primary-cta: #2a2928;;
--secondary-cta: #ffffff;; --secondary-cta: #ecebea;;
--accent: #93b7ff;; --accent: #ffffff;;
--background-accent: #a8bae8;; */ --background-accent: #c6b180;; */
--background: #f7f6f7;; --background: #f5f4ef;;
--card: #ffffff;; --card: #dad6cd;;
--foreground: #0c1325;; --foreground: #2a2928;;
--primary-cta: #0b07ff;; --primary-cta: #2a2928;;
--primary-cta-text: #f7f6f7;; --primary-cta-text: #f5f4ef;;
--secondary-cta: #ffffff;; --secondary-cta: #ecebea;;
--secondary-cta-text: #0c1325;; --secondary-cta-text: #2a2928;;
--accent: #93b7ff;; --accent: #ffffff;;
--background-accent: #a8bae8;; --background-accent: #c6b180;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);