Opensophy Hub 3.4: záložky CodeBlock a landink

Opensophy Hub 3.4: nové záložky v CodeBlock, vlastní landing page a vylepšení UI

Opensophy Hub 3.4 přináší podporu záložek v komponentě CodeBlock. Nyní lze definovat pole tabs: CodeTab[] s pojmenovanými záložkami, z nichž každá má nezávislý jazyk zvýraznění a obsah kódu. Parser v docUtils.mjs převádí markdown bloky typu :::tabs a :::tab[Název] na odpovídající struktury.

V markdown editoru se objevilo tlačítko pro vložení bloku Tabs. To usnadňuje práci s kódem v různých variantách, například porovnáváním implementací v různých jazycích.

Dříve jsme se vzdali Mermaid ve prospěch vlastních diagramů pro lepší integraci. Podrobnosti v průvodci formátováním.

Vlastní domovská stránka

Nová volba umožňuje nahradit standardní welcome.md plnohodnotnou landing page. Komponenta GeneralPage.tsx obsahuje hero sekci s WebGL shaderem SingularityShaders, bloky bezpečnosti a ekosystému.

Konfigurace je uložena v public/data/site-config.json a aplikuje se v dev módu bez přebírání. Pro SEO v landing módu byla přidána SSR zátka — skrytý <div id="seo-landing-content">, kompatibilní se SPA.

Klíčové opravy a vylepšení navigace

• Odebráno řízení SEO/GEO z admin panelu (návrat v budoucích verzích s rozšířenými možnostmi).
• Oprava problémů v devpanelu.
• Vizuální vylepšení.

Navigace

Přepracován SectionDropdown: text sekcí není ořezáván. Přidány wordBreak: 'break-word' a lineHeight: 1.3 pro prvky navigačního stromu.

DocHoverPreview zobrazuje metadata: autor, typ, datum, tagy. Odstraněn flash mobilní navigace díky synchronní inicializaci breakpointu.

Admin panel

Plná podpora resize z klávesnice. Drag za libovolný bod hlavičky. Pohyb panelu klávesami (šipky ±20px). Nová záložka SitePanel pro přepínání mezi welcome.md a landingem.

Vylepšení tabulek a CodeBlock

Tabulky (tableStyles.ts)

• width: 100%; min-width: max-content pro správné roztažení.
• .prose .not-prose table s display: table pro vnořené tabulky.
• Drag-scroll s prahem 5px (do prahu — výběr textu).
• Touch: horizontální swipe bez blokování vertikálního scrollu.

CodeBlock

• Tlačítko „Rozbalit“ pro bloky >7 řádků.
• Fullscreen přes Overlay.
• Mobilní menu ⋯ (kopírovat/rozbalit) se zavírá při scrollu.
• Lenivá načítání jazyků highlight.js.

SEO, vyhledávání a migrace

SEO/Layout

Jednotný bod řízení — objekt SITE v src/app/layouts/Layout.astro. Podpora JSON-LD (WebSite, Article), Open Graph, Twitter Card, canonical, article:published_time / modified_time. Nastavení přes props: title, description, keywords, robots, lang, author, date.

Vyhledávání

• Filtr podle navSlug s odznakem a resetem.
• Filtr podle data: nové/aktualizované za 30 dní.
• Řazení: nové/staří/aktualizované.
• Paginate „Zobrazit dalších N“ bez překreslení.
• Klávesová navigace: ↑↓ po výsledcích, Enter — otevřít.

Migrace: obsah z hub.opensophy.com přenesen na opensophy.com spolu s UI knihovnou (ui.opensophy.com). Knihovna se doplňuje open-source komponentami bez registrace, jako archiv volných řešení.

Co je důležité:

• Záložky v CodeBlock pro multi-language kód s parsováním :::tabs.
• Vlastní landing page s WebGL-hero a SSR zátkou pro SEO.
• Vylepšení UI: hover náhled, drag-resize adminu, drag-scroll tabulek.
• Centralizované SEO v Layout.astro s JSON-LD a OG metatagy.
• Migrace na hlavní doménu s UI knihovnou.

— Editorial Team