core-maugli 1.0.2

package/src/components/ContentFooter.astro

@@ -0,0 +1,147 @@
+---
+import TagPill from './TagPill.astro';
+import Button from './Button.astro';
+import { slugify } from '../utils/common-utils';
+import { maugliConfig } from '../config/maugli.config';
+import { LANGUAGES } from '../i18n/languages';
+export interface Props {
+    tags?: string[];
+    shareUrl?: string;
+    title?: string;
+    basePath?: string;
+    class?: string;
+    productLink?: string;
+}
+
+const { tags = [], shareUrl = '', title = '', basePath = '/blog', class: className = '', productLink = '' } = Astro.props;
+const tagsBasePath = basePath === '/projects' ? '/projects/tags' : '/tags';
+
+const lang = typeof maugliConfig.defaultLang === 'string' ? maugliConfig.defaultLang : 'en';
+const languageObj = LANGUAGES.find((l) => l.code === lang) || LANGUAGES.find((l) => l.code === 'en');
+const fallbackDict = LANGUAGES.find((l) => l.code === 'en')?.dict || {};
+const dict = languageObj?.dict && Object.keys(languageObj.dict).length > 0 ? languageObj.dict : fallbackDict;
+const buttons = (dict as any).buttons || (fallbackDict as any).buttons || {};
+---
+
+<!-- Блок тегов и кнопки поделиться под контентом (только на мобильных, скрыт на sm и выше) -->
+<div class={`flex flex-wrap items-center gap-6 mt-8 sm:hidden ${className}`}>
+    <div class="flex flex-wrap gap-2 w-full">
+        {tags.length > 0 && tags.map((tag) => <TagPill tag={tag} href={`${tagsBasePath}/${slugify(tag)}`} />)}
+    </div>
+    <div class="flex gap-3 w-full">
+        <button
+            type="button"
+            class="share-button mobile-share flex-1 flex justify-center items-center h-12 min-h-12 font-extrabold text-[16px] px-4 py-3 transition-colors duration-200 rounded-custom border border-[var(--border-main)] bg-transparent text-[var(--text-heading)] no-underline"
+            aria-label={buttons.share}
+            data-url={shareUrl}
+            data-title={title}
+            data-copied-label={buttons.copied}
+        >
+            <span class="mobile-share-icon flex items-center justify-center">
+                <svg width="20" height="22" viewBox="0 0 20 22" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="mr-2">
+                    <g clip-path="url(#clip0_3671_7114)">
+                        <path
+                            fill-rule="evenodd"
+                            clip-rule="evenodd"
+                            d="M16 0C18.2091 0 20 1.79086 20 4C20 6.20914 18.2091 8 16 8C14.8882 8 13.8831 7.54567 13.1582 6.81348L7.84863 9.91211C7.94625 10.2581 8 10.6227 8 11C8 11.3765 7.94685 11.7405 7.84961 12.0859L13.1611 15.1816C13.8858 14.4517 14.8902 14 16 14C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22C13.7909 22 12 20.2091 12 18C12 17.6214 12.0531 17.2553 12.1514 16.9082L6.84082 13.8135C6.11591 14.5454 5.11153 15 4 15C1.79086 15 0 13.2091 0 11C0 8.79086 1.79086 7 4 7C5.11103 7 6.11598 7.45324 6.84082 8.18457L12.1504 5.08691C12.053 4.74124 12 4.37683 12 4C12 1.79086 13.7909 0 16 0ZM16 16C15.3038 16 14.6912 16.356 14.333 16.8955C14.3183 16.9284 14.3027 16.9613 14.2842 16.9932C14.265 17.026 14.2439 17.0571 14.2217 17.0869C14.0808 17.3608 14 17.6708 14 18C14 19.1046 14.8954 20 16 20C17.1046 20 18 19.1046 18 18C18 16.8954 17.1046 16 16 16ZM4 9C2.89543 9 2 9.89543 2 11C2 12.1046 2.89543 13 4 13C4.73268 13 5.37041 12.6043 5.71875 12.0166C5.72084 12.0129 5.72345 12.0095 5.72559 12.0059C5.73143 11.9958 5.738 11.9863 5.74414 11.9766C5.90629 11.6876 6 11.3549 6 11C6 9.89543 5.10457 9 4 9ZM16 2C14.8954 2 14 2.89543 14 4C14 5.10457 14.8954 6 16 6C17.1046 6 18 5.10457 18 4C18 2.89543 17.1046 2 16 2Z"
+                        ></path>
+                    </g>
+                    <defs>
+                        <clipPath id="clip0_3671_7114">
+                            <rect width="20" height="22" fill="white"></rect>
+                        </clipPath>
+                    </defs>
+                </svg>
+            </span>
+            {buttons.share}
+        </button>
+        {
+            productLink && (
+                <a
+                    href={productLink}
+                    target={productLink.startsWith('http') ? '_blank' : undefined}
+                    rel={productLink.startsWith('http') ? 'noopener noreferrer' : undefined}
+                    class="flex-1 flex justify-center items-center h-12 min-h-12 font-extrabold text-[16px] px-4 py-3 transition-colors duration-200 rounded-custom bg-[var(--color-brand)] text-[var(--bg-main)] no-underline"
+                >
+                    {buttons.moreAboutProduct}
+                </a>
+            )
+        }
+    </div>
+</div>
+
+<!-- Десктопный блок -->
+<div class:list={['hidden sm:block md:hidden lg:hidden mt-8', className]}>
+    <div class="flex flex-wrap gap-2 w-full">
+        {tags.length > 0 && tags.map((tag) => <TagPill tag={tag} href={`${tagsBasePath}/${slugify(tag)}`} />)}
+    </div>
+    <button
+        type="button"
+        class="share-button mt-6 flex items-center justify-center h-12 min-h-12 font-extrabold text-[16px] px-4 py-3 rounded-custom border border-[var(--border-main)] bg-transparent text-[var(--text-heading)] no-underline"
+        aria-label={buttons.share}
+        data-url={shareUrl}
+        data-title={title}
+        data-copied-label={buttons.copied}
+    >
+        <svg width="20" height="22" viewBox="0 0 20 22" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="mr-2">
+            <g clip-path="url(#clip0_3671_7114)">
+                <path
+                    fill-rule="evenodd"
+                    clip-rule="evenodd"
+                    d="M16 0C18.2091 0 20 1.79086 20 4C20 6.20914 18.2091 8 16 8C14.8882 8 13.8831 7.54567 13.1582 6.81348L7.84863 9.91211C7.94625 10.2581 8 10.6227 8 11C8 11.3765 7.94685 11.7405 7.84961 12.0859L13.1611 15.1816C13.8858 14.4517 14.8902 14 16 14C18.2091 14 20 15.7909 20 18C20 20.2091 18.2091 22 16 22C13.7909 22 12 20.2091 12 18C12 17.6214 12.0531 17.2553 12.1514 16.9082L6.84082 13.8135C6.11591 14.5454 5.11153 15 4 15C1.79086 15 0 13.2091 0 11C0 8.79086 1.79086 7 4 7C5.11103 7 6.11598 7.45324 6.84082 8.18457L12.1504 5.08691C12.053 4.74124 12 4.37683 12 4C12 1.79086 13.7909 0 16 0ZM16 16C15.3038 16 14.6912 16.356 14.333 16.8955C14.3183 16.9284 14.3027 16.9613 14.2842 16.9932C14.265 17.026 14.2439 17.0571 14.2217 17.0869C14.0808 17.3608 14 17.6708 14 18C14 19.1046 14.8954 20 16 20C17.1046 20 18 19.1046 18 18C18 16.8954 17.1046 16 16 16ZM4 9C2.89543 9 2 9.89543 2 11C2 12.1046 2.89543 13 4 13C4.73268 13 5.37041 12.6043 5.71875 12.0166C5.72084 12.0129 5.72345 12.0095 5.72559 12.0059C5.73143 11.9958 5.738 11.9863 5.74414 11.9766C5.90629 11.6876 6 11.3549 6 11C6 9.89543 5.10457 9 4 9ZM16 2C14.8954 2 14 2.89543 14 4C14 5.10457 14.8954 6 16 6C17.1046 6 18 5.10457 18 4C18 2.89543 17.1046 2 16 2Z"
+                ></path>
+            </g>
+            <defs>
+                <clipPath id="clip0_3671_7114">
+                    <rect width="20" height="22" fill="white"></rect>
+                </clipPath>
+            </defs>
+        </svg>
+        {buttons.share}
+    </button>
+</div>
+
+<style>
+    .mobile-share {
+        /* Уникальный класс для мобильной кнопки */
+    }
+    .mobile-share-icon {
+        min-width: 20px;
+        min-height: 22px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .mobile-share-icon svg {
+        width: 20px;
+        height: 22px;
+        display: block;
+    }
+</style>
+
+<script>
+    document.addEventListener('astro:page-load', () => {
+        const shareButtons = document.querySelectorAll('.share-button');
+        shareButtons.forEach((button) => {
+            button.addEventListener('click', async () => {
+                await shareContent(button);
+            });
+        });
+
+        async function shareContent(button) {
+            const url = button.getAttribute('data-url') || '';
+            const title = button.getAttribute('data-title') || '';
+            // Только открываем нативный share, не копируем!
+            if (navigator.share) {
+                try {
+                    await navigator.share({
+                        title: title,
+                        url: url
+                    });
+                } catch (err) {
+                    // ничего не делаем, не копируем
+                }
+            }
+        }
+    });
+</script>

package/src/components/CopyLinkButton.astro

@@ -0,0 +1,133 @@
+---
+export interface Props {
+    url?: string;
+    title?: string;
+    ariaLabel?: string;
+}
+
+const { url = '', title = '', ariaLabel = '' } = Astro.props;
+---
+
+<button class="copy-link-button rounded-circle" title={title} aria-label={ariaLabel} data-url={url}>
+    <div class="copyIcon">
+        <svg width="100%" height="100%" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path
+                fill-rule="evenodd"
+                clip-rule="evenodd"
+                d="M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM11.3112 12.8618C11.1393 12.8618 10.9742 12.93 10.8526 13.0515L8.34611 15.5649C7.84129 16.1144 7.56815 16.8377 7.5839 17.5837C7.5997 18.3299 7.90325 19.0413 8.43099 19.569C8.95873 20.0968 9.67009 20.4003 10.4163 20.4161C11.1623 20.4319 11.8856 20.1587 12.4351 19.6539L14.9485 17.1474C15.07 17.0258 15.1382 16.8607 15.1382 16.6888C15.1382 16.5169 15.07 16.3518 14.9485 16.2302C14.8268 16.1086 14.6614 16.04 14.4893 16.04C14.3174 16.04 14.1523 16.1086 14.0308 16.2302L11.5243 18.7367C11.2208 19.0295 10.8157 19.193 10.394 19.193C9.9723 19.193 9.56673 19.0296 9.26326 18.7367C9.11447 18.5885 8.99635 18.4123 8.91577 18.2183C8.83519 18.0243 8.79386 17.816 8.79386 17.606C8.79387 17.396 8.83526 17.1881 8.91577 16.9941C8.99631 16.8002 9.11454 16.6239 9.26326 16.4757L11.7698 13.9692C11.8914 13.8476 11.96 13.6826 11.96 13.5107C11.96 13.3386 11.8914 13.1732 11.7698 13.0515C11.6482 12.93 11.4831 12.8618 11.3112 12.8618ZM15.5489 11.8022C15.3769 11.8023 15.212 11.8709 15.0903 11.9925L11.9122 15.1707C11.8517 15.2307 11.8037 15.3022 11.7709 15.3809C11.7381 15.4596 11.7208 15.544 11.7208 15.6292C11.7208 15.7145 11.7381 15.7989 11.7709 15.8776C11.8037 15.9563 11.8516 16.0278 11.9122 16.0878C11.9726 16.1477 12.0443 16.1952 12.123 16.2274C12.2016 16.2595 12.2858 16.2757 12.3708 16.2752C12.4557 16.2757 12.5399 16.2595 12.6186 16.2274C12.6973 16.1952 12.769 16.1477 12.8293 16.0878L16.0075 12.9097C16.1291 12.788 16.1977 12.6231 16.1978 12.4511C16.1978 12.2791 16.1291 12.1142 16.0075 11.9925C15.8858 11.8709 15.7209 11.8022 15.5489 11.8022ZM17.5291 7.58333C16.763 7.58333 16.0279 7.88645 15.4845 8.42643L12.9718 10.9329C12.9116 10.9931 12.8636 11.0645 12.8311 11.1431C12.7985 11.2218 12.7815 11.3064 12.7815 11.3915C12.7815 11.4767 12.7985 11.5612 12.8311 11.6399C12.8636 11.7185 12.9116 11.7899 12.9718 11.8501C13.032 11.9103 13.1033 11.9582 13.182 11.9908C13.2607 12.0234 13.3452 12.0404 13.4303 12.0404C13.5154 12.0403 13.5996 12.0233 13.6781 11.9908C13.7568 11.9582 13.8287 11.9103 13.8889 11.8501L16.3954 9.34359C16.6988 9.05085 17.104 8.88731 17.5256 8.88729C17.9474 8.88729 18.353 9.05071 18.6564 9.34359C18.8052 9.4918 18.9233 9.66803 19.0039 9.86198C19.0845 10.056 19.1258 10.2643 19.1258 10.4744C19.1258 10.6843 19.0844 10.8923 19.0039 11.0862C18.9234 11.2801 18.8052 11.4564 18.6564 11.6046L16.1499 14.1111C16.0894 14.1711 16.0414 14.2427 16.0086 14.3213C15.9759 14.3999 15.9585 14.4844 15.9585 14.5697C15.9585 14.6549 15.9759 14.7393 16.0086 14.818C16.0414 14.8967 16.0894 14.9682 16.1499 15.0282C16.21 15.0888 16.2814 15.1373 16.3601 15.1701C16.4388 15.2028 16.5233 15.2196 16.6085 15.2196C16.6937 15.2196 16.7782 15.2029 16.8569 15.1701C16.9356 15.1373 17.007 15.0888 17.0671 15.0282L19.5736 12.5155C20.1135 11.9721 20.4167 11.237 20.4167 10.4709C20.4166 9.70486 20.1136 8.96983 19.5736 8.42643C19.0302 7.88641 18.2951 7.58336 17.5291 7.58333Z"
+                fill="var(--text-main)"
+                fill-opacity="0.8"></path>
+        </svg>
+    </div>
+</button>
+
+<style>
+    .copy-link-button {
+        border: none;
+        cursor: pointer;
+        padding: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: transform 0.2s ease;
+        text-decoration: none;
+        width: 28px;
+        height: 28px;
+        color: var(--bg-main);
+    }
+
+    .copy-link-button:hover {
+        transform: scale(1.1);
+    }
+
+    .copyIcon {
+        width: 28px;
+        height: 28px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .copyIcon svg {
+        width: 100%;
+        height: 100%;
+    }
+
+    /* Планшеты */
+    @media (min-width: 768px) and (max-width: 1023px) {
+        .copy-link-button {
+            width: 28px;
+            height: 28px;
+        }
+        .copyIcon {
+            width: 28px;
+            height: 28px;
+        }
+    }
+
+    /* Десктоп */
+    @media (min-width: 1024px) {
+        .copy-link-button {
+            width: 36px;
+            height: 36px;
+        }
+        .copyIcon {
+            width: 36px;
+            height: 36px;
+        }
+    }
+</style>
+
+<script>
+    document.addEventListener('astro:page-load', () => {
+        // Обработчик для кнопки копирования ссылки
+        const copyButtons = document.querySelectorAll('.copy-link-button');
+
+        copyButtons.forEach((button) => {
+            button.addEventListener('click', async (e) => {
+                e.preventDefault();
+                const url = button.getAttribute('data-url') || window.location.href;
+
+                try {
+                    await navigator.clipboard.writeText(url);
+
+                    // Попытка воспроизвести системный звук копирования
+                    try {
+                        // Создаем короткий звуковой сигнал
+                        const audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();
+                        const oscillator = audioContext.createOscillator();
+                        const gainNode = audioContext.createGain();
+
+                        oscillator.connect(gainNode);
+                        gainNode.connect(audioContext.destination);
+
+                        oscillator.frequency.setValueAtTime(800, audioContext.currentTime);
+                        gainNode.gain.setValueAtTime(0.1, audioContext.currentTime);
+                        gainNode.gain.exponentialRampToValueAtTime(0.01, audioContext.currentTime + 0.1);
+
+                        oscillator.start(audioContext.currentTime);
+                        oscillator.stop(audioContext.currentTime + 0.1);
+                    } catch (audioErr) {
+                        console.log('Audio context not available');
+                    }
+
+                    // Временно меняем иконку на галочку
+                    const iconDiv = button.querySelector('.copyIcon');
+                    if (iconDiv) {
+                        const originalContent = iconDiv.innerHTML;
+                        iconDiv.innerHTML = `<svg width="100%" height="100%" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path fill-rule="evenodd" clip-rule="evenodd" d="M14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0ZM12.9307 16.8096L8 11.8789L5.87891 14L11.9395 20.0605C12.2322 20.3533 12.633 20.5119 13.0469 20.499C13.4607 20.4861 13.8511 20.3027 14.125 19.9922L22.6172 10.3672L20.3672 8.38281L12.9307 16.8096Z" fill="var(--text-main)" fill-opacity="0.8"/>
+                        </svg>`;
+
+                        // Возвращаем исходную иконку через 2 секунды
+                        setTimeout(() => {
+                            iconDiv.innerHTML = originalContent;
+                        }, 2000);
+                    }
+                } catch (err) {
+                    console.error('Failed to copy URL:', err);
+                }
+            });
+        });
+    });
+</script>

package/src/components/CountBadge.astro

@@ -0,0 +1,17 @@
+---
+// Компонент для бейджа-счётчика (например, количество постов у автора или в рубрике)
+// Используется и в AuthorCard, и в RubricCard для консистентности
+export interface Props {
+    count: number;
+    class?: string;
+}
+
+const { count, class: className = '' } = Astro.props;
+---
+
+<span
+    class={`ml-2 px-2 py-0.5 rounded-normal border border-[var(--border-main)] bg-[var(--card-bg)] text-[var(--text-muted)] text-base font-semibold inline-block align-middle ${className}`}
+    style="vertical-align: middle;"
+>
+    {count}
+</span>

package/src/components/Footer.astro

@@ -0,0 +1,122 @@
+---
+import { maugliConfig } from '../config/maugli.config';
+import { LANGUAGES } from '../i18n/languages';
+import AuthorLinksGroup from './AuthorLinksGroup.astro';
+// Универсальный импорт словарей по доступным языкам
+const dicts: Record<string, any> = {};
+for (const lang of LANGUAGES) {
+    try {
+        dicts[lang.code] = await import(`../i18n/${lang.code}.json`).then((m) => m.default);
+    } catch {}
+}
+const lang = maugliConfig.lang || maugliConfig.defaultLang || 'en';
+const dict = dicts[lang] || dicts['en'] || {};
+
+const navLinks = (maugliConfig.navLinks || []).map((link) => ({
+    ...link,
+    label: dict.nav?.[link.key] || link.label
+}));
+const yearStart = 2025;
+const yearEnd = 2025;
+const copyrightYears = yearStart === yearEnd ? `${yearStart}` : `${yearStart}–${yearEnd}`;
+---
+
+<footer class="w-full pt-12 pb-10 mb-6 sm:pt-24 sm:pb-14">
+    <style>
+        .footer-link {
+            transition: color 0.2s;
+        }
+        .footer-link:hover {
+            color: var(--brand-color);
+            text-decoration: none;
+        }
+        .rss-outline {
+            border: 1.5px solid var(--text-muted);
+            border-radius: 50%;
+            width: 36px;
+            height: 36px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: border-color 0.2s;
+            background: none;
+        }
+        .rss-outline svg {
+            color: var(--text-muted);
+            stroke: var(--text-muted);
+        }
+        .rss-outline:hover {
+            border-color: var(--brand-color);
+        }
+    </style>
+    {
+        navLinks.length > 0 && (
+            <div class="mb-4 flex flex-wrap gap-x-6 gap-y-1 justify-between items-center">
+                <div class="flex flex-wrap gap-x-6 gap-y-1 items-center">
+                    {lang === 'ru' ? (
+                        <a
+                            class="footer-link flex items-center text-muted mr-2"
+                            href="/rss.xml"
+                            target="_blank"
+                            rel="noopener"
+                            style="color:var(--text-heading);"
+                        >
+                            RSS
+                        </a>
+                    ) : (
+                        <a class="footer-link flex items-center mr-2" href="/rss.xml" aria-label="RSS" target="_blank" rel="noopener">
+                            <svg
+                                width="20"
+                                height="20"
+                                viewBox="0 0 22 22"
+                                fill="none"
+                                stroke="var(--text-heading)"
+                                stroke-width="1.7"
+                                stroke-linecap="round"
+                                stroke-linejoin="round"
+                                style="display:inline;vertical-align:middle;"
+                            >
+                                <circle cx="6.18" cy="17.82" r="2.18" fill="none" stroke="var(--text-heading)" stroke-width="1.7" />
+                                <path d="M4 4a16 16 0 0 1 16 16" />
+                                <path d="M4 11a9 9 0 0 1 9 9" />
+                            </svg>
+                        </a>
+                    )}
+                    {navLinks.map((link) => (
+                        <a class="footer-link font-serif text-heading" href={link.href}>
+                            {link.label}
+                        </a>
+                    ))}
+                </div>
+                <div class="hidden sm:block text-sm font-serif" style="color:var(--text-muted);text-align:right;opacity:0.6;">
+                    {maugliConfig.brand.name} © {copyrightYears}. {dict.footer.allRightsReserved}
+                </div>
+            </div>
+        )
+    }
+    {
+        navLinks.length > 0 && (
+            <div class="block sm:hidden w-full mt-2 text-sm font-serif" style="color:var(--text-muted);text-align:left;opacity:0.6;">
+                {maugliConfig.brand.name} © {copyrightYears}. {dict.footer.allRightsReserved}
+            </div>
+        )
+    }
+    <div class="block sm:hidden mt-4"></div>
+    <div
+        class:list={[
+            'pt-6 flex flex-col gap-4 border-t border-solid border-main',
+            { 'sm:flex-row-reverse sm:justify-between sm:items-center': Object.values(maugliConfig.links || {}).some(Boolean) }
+        ]}
+    >
+        <div class="flex flex-row justify-between items-end w-full mt-2">
+            <img src="/footerlabel.svg" alt="Maugli Label" style="height:32px;width:auto;" />
+            {
+                Object.values(maugliConfig.links || {}).some(Boolean) && (
+                    <div class="flex flex-row items-center gap-2 ml-4">
+                        <AuthorLinksGroup socials={maugliConfig.links} authorName={maugliConfig.brand.name} maxLinks={8} />
+                    </div>
+                )
+            }
+        </div>
+    </div>
+</footer>

package/src/components/FormattedDate.astro

@@ -0,0 +1,59 @@
+---
+import { maugliConfig } from '../config/maugli.config';
+import { LANGUAGES } from '../i18n/languages';
+// Универсальный импорт словарей по доступным языкам
+const dicts: Record<string, any> = {};
+for (const lang of LANGUAGES) {
+    try {
+        dicts[lang.code] = await import(`../i18n/${lang.code}.json`).then((m) => m.default);
+    } catch {}
+}
+
+type Props = { date: Date };
+
+const { date } = Astro.props;
+const lang = maugliConfig.defaultLang || 'en';
+const dict = dicts[lang] || dicts['en'] || {};
+const locale = lang;
+
+// Получаем текущую дату
+const now = new Date();
+const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+const yesterday = new Date(today);
+yesterday.setDate(yesterday.getDate() - 1);
+
+// Приводим переданную дату к началу дня для корректного сравнения
+const inputDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+
+// Определяем формат отображения
+let displayText: string;
+
+if (inputDate.getTime() === today.getTime()) {
+    displayText = dict.date.today;
+} else if (inputDate.getTime() === yesterday.getTime()) {
+    displayText = dict.date.yesterday;
+} else {
+    // Для остальных дат
+    const currentYear = now.getFullYear();
+    const dateYear = date.getFullYear();
+
+    if (dateYear === currentYear) {
+        // Текущий год - не показываем год
+        displayText = date.toLocaleDateString(locale, {
+            month: 'long',
+            day: 'numeric'
+        });
+    } else {
+        // Другой год - показываем год
+        displayText = date.toLocaleDateString(locale, {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric'
+        });
+    }
+}
+---
+
+<time datetime={date.toISOString()}>
+    {displayText}
+</time>

package/src/components/Header.astro

@@ -0,0 +1,18 @@
+---
+import siteConfig from '../data/site-config';
+---
+
+<header class="w-full mb-12 sm:mb-16">
+    {
+        siteConfig.logo && siteConfig.logo?.src ? (
+            <a href="/">
+                <img src={siteConfig.logo.src} alt={siteConfig.logo.alt || ''} class="max-h-12" />
+            </a>
+        ) : (
+            <a class="font-serif text-2xl leading-tight font-medium text-theme-foreground sm:text-4xl" href="/">
+                {siteConfig.title}
+            </a>
+        )
+    }
+    {siteConfig.subtitle && <p class="text-sm leading-tight mt-1">{siteConfig.subtitle}</p>}
+</header>

package/src/components/HeroImage.astro

@@ -0,0 +1,38 @@
+---
+// src/components/HeroImage.astro
+export interface Props {
+    src: string;
+    alt?: string;
+    caption?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    srcset?: string;
+}
+const defaultWidth = 800;
+const { src, alt = '', caption, width = defaultWidth, height, className = '', srcset = '' } = Astro.props;
+
+// Вариант aspect-ratio: если есть оба размера, рассчитываем; иначе не пишем!
+const aspectRatio = width && height ? `${width} / ${height}` : undefined;
+
+let realSrcset = srcset;
+if (!srcset && src.includes('default-')) {
+    realSrcset = `${src.replace('800', '800')} 1x, ${src.replace('800', '1200')} 2x`;
+}
+---
+
+<figure class={`w-full max-w-[${width}px] mx-auto rounded-custom overflow-hidden bg-[var(--bg-muted)] ${className}`}>
+    <img
+        src={src}
+        alt={alt}
+        width={width}
+        height={height}
+        style={aspectRatio ? `aspect-ratio: ${aspectRatio}; width: 100%; height: auto;` : 'width: 100%; height: auto;'}
+        class="block rounded-custom object-cover"
+        loading="eager"
+        decoding="async"
+        srcset={realSrcset}
+        sizes="100vw"
+    />
+    {caption && <figcaption class="mt-2 text-sm text-[var(--text-main)] opacity-80 text-center px-2">{caption}</figcaption>}
+</figure>

package/src/components/IconButton.astro

@@ -0,0 +1,23 @@
+---
+import type { HTMLAttributes } from 'astro/types';
+
+type AnchorProps = HTMLAttributes<'a'> & { type?: never };
+type ButtonProps = HTMLAttributes<'button'> & { href?: never };
+
+type Props = ButtonProps | AnchorProps;
+
+const { href, class: className, ...rest } = Astro.props;
+const buttonClasses = 'inline-flex items-center justify-center p-2 text-main bg-main border border-main rounded-custom transition hover:bg-muted';
+---
+
+{
+    href ? (
+        <a href={href} class:list={[buttonClasses, className]} {...rest}>
+            <slot />
+        </a>
+    ) : (
+        <button class:list={[buttonClasses, 'cursor-pointer', className]} {...rest}>
+            <slot />
+        </button>
+    )
+}

package/src/components/Image.astro

@@ -0,0 +1,13 @@
+---
+export let src = '';
+export let alt = '';
+export let width = undefined;
+export let height = undefined;
+export let className = '';
+export let loading = 'lazy';
+export let style = '';
+---
+
+export let height = undefined; export let className = ''; export let loading = 'lazy'; export let style = ''; ---
+
+<img src={src} alt={alt} width={width} height={height} class={className} loading={loading} style={style} />