core-maugli 1.2.23 → 1.2.24

package/package.json

@@ -2,7 +2,7 @@
     "name": "core-maugli",
     "description": "Astro & Tailwind CSS blog theme for Maugli.",
     "type": "module",
-    "version": "1.2.23",
+    "version": "1.2.24",
     "license": "GPL-3.0-or-later OR Commercial",
     "repository": {
         "type": "git",

package/src/components/BaseHead.astro

@@ -137,17 +137,17 @@ let defaultAuthorName = defaultAuthor.data.name;
 <meta http-equiv="x-ua-compatible" content="ie=edge" />
 
 <!-- Font Loading Strategy - Non-blocking -->
-<link 
-    rel="preload" 
-    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" 
-    as="style" 
-    onload="this.onload=null;this.rel='stylesheet'" 
+<link
+    rel="preload"
+    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
+    as="style"
+    onload="this.onload=null;this.rel='stylesheet'"
 />
-<link 
-    rel="preload" 
-    href="https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600&display=swap" 
-    as="style" 
-    onload="this.onload=null;this.rel='stylesheet'" 
+<link
+    rel="preload"
+    href="https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;600&display=swap"
+    as="style"
+    onload="this.onload=null;this.rel='stylesheet'"
 />
 <noscript>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" />

package/src/components/Card.astro

@@ -1,7 +1,6 @@
 ---
 import { maugliConfig } from '../config/maugli.config';
 import FormattedDate from './FormattedDate.astro';
-import ResponsiveImage from './ResponsiveImage.astro';
 
 type Props = {
     href: string;
@@ -49,16 +48,13 @@ const content = excerpt || description;
     <a href={href} class="block w-full h-full">
         <!-- Изображение -->
         <div class="w-full aspect-[1200/630] bg-[var(--bg-muted)] overflow-hidden relative">
-            <ResponsiveImage
+            <img
                 src={baseImage}
                 alt={cardImageAlt}
-                width={1200}
-                height={630}
                 loading="lazy"
+                width="1200"
+                height="630"
                 class="w-full h-full object-cover rounded-custom transition-transform duration-300 group-hover:scale-105"
-                sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 400px"
-                quality={75}
-                format="webp"
             />
 
             <!-- Звездочка featured в правом верхнем углу -->

package/src/components/Footer.astro

@@ -2,7 +2,6 @@
 import { maugliConfig } from '../config/maugli.config';
 import { LANGUAGES } from '../i18n/languages';
 import AuthorLinksGroup from './AuthorLinksGroup.astro';
-import OptimizedImage from './OptimizedImage.astro';
 // Универсальный импорт словарей по доступным языкам
 const dicts: Record<string, any> = {};
 for (const lang of LANGUAGES) {

package/src/components/OptimizedImage.astro

@@ -12,34 +12,20 @@ export interface Props {
     quality?: number;
 }
 
-const {
-    src,
-    alt,
-    width,
-    height,
-    class: className = '',
-    loading = 'lazy',
-    decoding = 'async',
-    sizes,
-    priority = false,
-    quality = 75,
-    ...rest
-} = Astro.props;
+const { src, alt, width, height, class: className = '', loading = 'lazy', decoding = 'async', sizes, priority = false, quality = 75, ...rest } = Astro.props;
 
 // Generate responsive image variations with quality optimization
 const generateSrcSet = (baseSrc: string) => {
     const baseUrl = baseSrc.replace(/\.[^.]+$/, '');
     const ext = 'webp'; // Always use WebP for better compression
-    
+
     const variations = [
         { width: 400, suffix: '-400' },
         { width: 800, suffix: '-800' },
         { width: 1200, suffix: '-1200' }
     ];
-    
-    return variations
-        .map(({ width, suffix }) => `${baseUrl}${suffix}.${ext} ${width}w`)
-        .join(', ');
+
+    return variations.map(({ width, suffix }) => `${baseUrl}${suffix}.${ext} ${width}w`).join(', ');
 };
 
 const srcSet = generateSrcSet(src);
@@ -62,6 +48,4 @@ const shouldPreload = priority && loading === 'eager';
     {...rest}
 />
 
-{priority && (
-    <link rel="preload" as="image" href={src} type="image/webp" />
-)}
+{priority && <link rel="preload" as="image" href={src} type="image/webp" />}

package/src/components/ResponsiveImage.astro

@@ -26,59 +26,21 @@ const {
     ...rest
 } = Astro.props;
 
-// Генерируем оптимизированные URL для разных размеров
-const generateImageURL = (baseSrc: string, width: number, quality: number, format: string) => {
-    // Если это внешний URL, возвращаем как есть
-    if (baseSrc.startsWith('http')) {
-        return baseSrc;
-    }
-    
-    // Для карточек проверяем наличие preview версии
-    const previewSrc = baseSrc.replace(/\/([^\/]+)$/, '/previews/$1');
-    
-    // Возвращаем базовое изображение (preview будет проверен в build time)
-    return baseSrc;
-};
-
-const optimizedSrc = generateImageURL(src, width, quality, format);
+// Простая стратегия - используем базовое изображение и не генерируем srcset для несуществующих файлов
+const optimizedSrc = src;
 
-// Генерируем srcset для адаптивности (используем готовые варианты)
+// Генерируем srcset только если есть базовое изображение
 const generateSrcSet = (baseSrc: string) => {
     if (baseSrc.startsWith('http')) {
         return baseSrc;
     }
-    
-    const baseUrl = baseSrc.replace(/\.[^.]+$/, '');
-    const ext = '.webp';
-    
-    // Используем существующие responsive варианты
-    const variants = [
-        { width: 400, suffix: '-400' },
-        { width: 800, suffix: '-800' },
-        { width: 1200, suffix: '-1200' }
-    ];
-    
-    const srcsetItems = variants
-        .map(({ width, suffix }) => `${baseUrl}${suffix}${ext} ${width}w`);
-    
-    // Добавляем оригинал как fallback
-    srcsetItems.push(`${baseSrc} 1200w`);
-    
-    return srcsetItems.join(', ');
+
+    // Возвращаем только базовое изображение без попыток создания srcset
+    // Responsive варианты будут обработаны build процессом
+    return baseSrc;
 };
 
 const srcSet = generateSrcSet(src);
 ---
 
-<img
-    src={optimizedSrc}
-    srcset={srcSet}
-    alt={alt}
-    width={width}
-    height={height}
-    class={className}
-    loading={loading}
-    decoding={decoding}
-    sizes={sizes}
-    {...rest}
-/>
+<img src={optimizedSrc} alt={alt} width={width} height={height} class={className} loading={loading} decoding={decoding} sizes={sizes} {...rest} />