{items.map(it => (
{it.icon}
))}
);
}
function Nav({ current }) {
const [menuOpen, setMenuOpen] = React.useState(false);
const lang = useLang();
const items = [
{ to: "/", label: t("nav.home") },
{ to: "/catalog", label: t("nav.catalog") },
{ to: "/applications", label: t("nav.applications") },
{ to: "/production", label: t("nav.production") },
{ to: "/objects", label: t("nav.objects") },
{ to: "/insights", label: t("nav.insights") },
{ to: "/partnership", label: t("nav.partnership") },
{ to: "/about", label: t("nav.about") },
{ to: "/contacts", label: t("nav.contacts") },
];
const isActive = (to) => {
if (to === "/") return current === "/";
return current.startsWith(to);
};
React.useEffect(() => { setMenuOpen(false); }, [current]);
React.useEffect(() => {
if (typeof document === "undefined") return;
document.body.classList.toggle("nav-open", menuOpen);
const onKey = (e) => { if (e.key === "Escape") setMenuOpen(false); };
document.addEventListener("keydown", onKey);
return () => {
document.removeEventListener("keydown", onKey);
document.body.classList.remove("nav-open");
};
}, [menuOpen]);
const pickLang = (l) => (e) => { e.preventDefault(); setLang(l); };
return (
setMenuOpen(false)}
aria-hidden="true"
/>
);
}
function Footer() {
useLang();
const addressLines = (COMPANY.addressShort || "").split("\n");
return (
);
}
// ============================================================================
// Content loader — single source of truth now lives in /content/*.json,
// edited through Decap CMS. The old hardcoded DEFAULT_* + localStorage
// override model is gone.
//
// Each JSON item carries bilingual fields with `_ru` / `_en` suffixes
// (e.g. { name_ru, name_en, desc_ru, desc_en, slug, palette, ... }).
// At startup we fetch every file in parallel, then project against the
// current language into the live runtime arrays/objects the rest of
// the codebase reads (PRODUCTS, TEAM, TEXTS, etc.).
// ============================================================================
const CONTENT_BASE = "content/";
const CONTENT_FILES = [
"products", "applications", "objects", "team",
"plans", "partners", "milestones", "faq",
"insights", "texts", "company", "photos"
];
const PRODUCTS = [];
const APPLICATIONS = [];
const OBJECTS = [];
const PHOTOS = {};
const COMPANY = {};
const TEAM = [];
const PLANS = [];
const PARTNERS = [];
const MILESTONES = [];
const FAQ = [];
const INSIGHTS = [];
const TEXTS = {};
// Raw bilingual content, kept exactly as fetched. `refreshArtifexData()`
// re-projects from this source whenever the language changes — no
// refetch required.
let _rawContent = null;
async function _fetchContent() {
const results = await Promise.all(
CONTENT_FILES.map(name =>
fetch(CONTENT_BASE + name + ".json", { cache: "no-cache" })
.then(r => {
if (!r.ok) throw new Error(`${name}.json → HTTP ${r.status}`);
return r.json();
})
)
);
const out = {};
CONTENT_FILES.forEach((name, i) => {
const raw = results[i];
// Collection files are wrapped as { items: [...] } so Decap's list
// widget can edit them. Scalar-object files (texts / company / photos)
// are used as-is.
out[name] = (raw && Array.isArray(raw.items)) ? raw.items : raw;
});
return out;
}
// Project a bilingual record { slug, palette, name_ru, name_en, ... }
// into a single-language record { slug, palette, name, ... } by
// stripping the `_ru` / `_en` suffix for the current language and
// dropping the other language's fields. Neutral fields are kept as-is.
function _projectRecord(rec, lang) {
if (!rec || typeof rec !== "object") return rec;
if (Array.isArray(rec)) return rec.map(x => _projectRecord(x, lang));
const wantSuffix = "_" + lang;
const otherSuffix = lang === "ru" ? "_en" : "_ru";
const out = {};
for (const [k, v] of Object.entries(rec)) {
if (k.endsWith(wantSuffix)) {
out[k.slice(0, -3)] = v;
} else if (k.endsWith(otherSuffix)) {
// fallback: if target language missing the field, opposite wins
const base = k.slice(0, -3);
if (!(base in out)) out[base] = v;
} else if (v && typeof v === "object") {
out[k] = _projectRecord(v, lang);
} else {
out[k] = v;
}
}
return out;
}
function _projectArray(arr, lang) {
return Array.isArray(arr) ? arr.map(x => _projectRecord(x, lang)) : [];
}
function _projectTexts(textsObj, lang) {
const out = {};
for (const [page, fields] of Object.entries(textsObj || {})) {
out[page] = _projectRecord(fields, lang);
}
return out;
}
function _fillArray(target, src) {
target.length = 0;
if (Array.isArray(src)) target.push(...src);
}
function _fillObject(target, src) {
Object.keys(target).forEach(k => delete target[k]);
Object.assign(target, src || {});
}
function refreshArtifexData() {
if (!_rawContent) return; // called before fetch finished; no-op
const lang = getLang();
_fillArray(PRODUCTS, _projectArray(_rawContent.products, lang));
_fillArray(APPLICATIONS, _projectArray(_rawContent.applications, lang));
_fillArray(OBJECTS, _projectArray(_rawContent.objects, lang));
_fillArray(TEAM, _projectArray(_rawContent.team, lang));
_fillArray(PLANS, _projectArray(_rawContent.plans, lang));
_fillArray(PARTNERS, _projectArray(_rawContent.partners, lang));
_fillArray(MILESTONES, _projectArray(_rawContent.milestones, lang));
_fillArray(FAQ, _projectArray(_rawContent.faq, lang));
_fillArray(INSIGHTS, _projectArray(_rawContent.insights, lang));
_fillObject(TEXTS, _projectTexts(_rawContent.texts, lang));
_fillObject(COMPANY, _projectRecord(_rawContent.company, lang));
_fillObject(PHOTOS, _rawContent.photos || {});
_applyFavicon(COMPANY.favicon);
}
// Swap the href when the editor uploads a custom favicon
// in Decap. The static /favicon.svg shipped with the build stays as the
// pre-fetch fallback so there is no flash of missing icon.
function _applyFavicon(url) {
if (typeof document === "undefined" || !url) return;
const link = document.getElementById("site-favicon");
if (!link || link.getAttribute("href") === url) return;
link.setAttribute("href", url);
// Drop the type hint — Decap uploads may be PNG/ICO, not SVG.
link.removeAttribute("type");
}
// Entry point called by app.jsx before the first React render. Resolves
// once every content file is in memory and the runtime slots are filled.
async function initArtifexData() {
_rawContent = await _fetchContent();
refreshArtifexData();
}
Object.assign(window, {
PRODUCTS, APPLICATIONS, OBJECTS, PHOTOS, COMPANY, TEAM, PLANS, PARTNERS, MILESTONES, FAQ, INSIGHTS, TEXTS,
Swatch, PhotoOrSwatch, ProductCoverOrSwatch, useRoute, Link, Nav, Footer, Logo,
refreshArtifexData, initArtifexData,
getLang, setLang, useLang, t, UI_STRINGS
});