core-maugli 1.2.58 → 1.2.60

package/package.json

@@ -2,7 +2,7 @@
     "name": "core-maugli",
     "description": "Astro & Tailwind CSS blog theme for Maugli.",
     "type": "module",
-    "version": "1.2.58",
+    "version": "1.2.60",
     "license": "GPL-3.0-or-later OR Commercial",
     "repository": {
         "type": "git",
@@ -19,11 +19,11 @@
     ],
     "scripts": {
         "typograf": "node typograf-batch.js",
-        "dev": "node scripts/generate-previews.js && astro dev",
-        "prestart": "node scripts/generate-previews.js",
+        "dev": "node resize-all.cjs && node scripts/generate-previews.js && astro dev",
+        "prestart": "node resize-all.cjs && node scripts/generate-previews.js",
         "start": "astro dev",
         "build": "node scripts/check-version.js && node scripts/flatten-images.cjs && node scripts/optimize-images.cjs && node typograf-batch.js && node scripts/verify-assets.js && node scripts/generate-previews.js && astro build",
-        "build:fast": "node typograf-batch.js && node scripts/verify-assets.js && node scripts/generate-previews.js && astro build",
+        "build:fast": "node resize-all.cjs && node typograf-batch.js && node scripts/verify-assets.js && node scripts/generate-previews.js && astro build",
         "build:no-check": "node scripts/flatten-images.cjs && node scripts/optimize-images.cjs && node typograf-batch.js && node scripts/verify-assets.js && node scripts/generate-previews.js && astro build",
         "optimize": "node scripts/optimize-images.cjs",
         "optimize:squoosh": "node scripts/squoosh-optimize.js",
@@ -43,7 +43,8 @@
         "init-netlify": "node scripts/copy-netlify-config.js",
         "set-force-update": "node scripts/set-force-update.js",
         "postinstall": "node scripts/upgrade-config.js && node scripts/setup-user-images.js",
-        "generate-previews": "node scripts/generate-previews.js"
+        "generate-previews": "node scripts/generate-previews.js",
+        "generate-netlify": "node scripts/generate-netlify-config.js"
     },
     "dependencies": {
         "@astrojs/mdx": "^4.3.0",

package/scripts/check-version.js

@@ -46,7 +46,9 @@ async function getMaugliConfig() {
         const forceUpdateMatch = configContent.match(/automation:\s*{[^}]*?forceUpdate:\s*(true|false)/s);
         
         return {
-            forceUpdate: forceUpdateMatch ? forceUpdateMatch[1] === 'true' : false
+            automation: {
+                forceUpdate: forceUpdateMatch ? forceUpdateMatch[1] === 'true' : false
+            }
         };
     } catch (error) {
         console.warn(colorize('⚠️  Could not read maugli.config.ts', 'yellow'));
@@ -253,83 +255,39 @@ async function main() {
                 !process.stdin.isTTY; // Non-interactive terminal
     
     // Check forceUpdate setting from maugli.config.ts
-    const forceUpdate = maugliConfig?.forceUpdate || false;
+    const forceUpdate = maugliConfig?.automation?.forceUpdate || false;
     
-    if (forceUpdate || isCI) {
-        console.log(colorize('\n🤖 Automatic update enabled. Updating...', 'cyan'));
+    if (isCI) {
+        console.log(colorize('\n🤖 CI/CD environment detected. Updating automatically...', 'cyan'));
         const success = await performUpdate();
         if (!success) {
-            if (isCI) {
-                console.log(colorize('\n❌ Auto-update failed in CI/CD environment. Build cancelled.', 'red'));
-                process.exit(1);
-            } else {
-                console.log(colorize('\n⚠️  Update failed. Continuing with build...', 'yellow'));
-            }
+            console.log(colorize('\n❌ Auto-update failed in CI/CD environment. Build cancelled.', 'red'));
+            process.exit(1);
         }
         return;
     }
     
-    if (!isCI && isCritical) {
-        console.log(colorize('\n🚨 CRITICAL UPDATE: Automatic update will start in 10 seconds...', 'red'));
-        console.log(colorize('Press Ctrl+C to cancel and update manually.', 'yellow'));
-        
-        // 10-секундный таймер для критических обновлений
-        for (let i = 10; i > 0; i--) {
-            process.stdout.write(colorize(`\r⏰ Updating in ${i} seconds... `, 'yellow'));
-            await new Promise(resolve => setTimeout(resolve, 1000));
-        }
-        console.log(colorize('\n🔄 Starting automatic update...', 'cyan'));
-        
+    if (forceUpdate) {
+        console.log(colorize('\n🤖 Force update enabled in config. Updating automatically...', 'cyan'));
         const success = await performUpdate();
         if (!success) {
-            console.log(colorize('\n❌ Critical update failed! Please update manually:', 'red'));
-            console.log(colorize('npm update core-maugli', 'white'));
-            process.exit(1);
+            console.log(colorize('\n❌ Auto-update failed. Continuing with build...', 'yellow'));
         }
         return;
     }
     
-    if (!isCI) {
-        const prompt = isCritical ? 
-            colorize('\n🚨 Update now? Critical fixes included! (Y/n): ', 'red') :
-            colorize('\n🔄 Would you like to update now? (Y/n): ', 'bold');
-        process.stdout.write(prompt);
-    }
-    
-    const shouldUpdate = await promptUpdate();
+    // If forceUpdate is false, show update notification without prompts
+    console.log(colorize('\n💡 To update core-maugli, run:', 'cyan'));
+    console.log(colorize('   npm run update', 'white'));
+    console.log(colorize('   # или', 'gray'));
+    console.log(colorize('   npm update core-maugli', 'white'));
     
-    if (shouldUpdate) {
-        const success = await performUpdate();
-        if (!success) {
-            if (isCI) {
-                console.log(colorize('\n❌ Auto-update failed in CI/CD environment. Build cancelled.', 'red'));
-                process.exit(1);
-            } else {
-                console.log(colorize('\n⚠️  Update failed. You can continue with the build, but some features may not work correctly.', 'yellow'));
-                process.stdout.write(colorize('Continue anyway? (Y/n): ', 'yellow'));
-                const continueAnyway = await promptUpdate();
-                if (!continueAnyway) {
-                    console.log(colorize('\n❌ Build cancelled. Please update manually and try again.', 'red'));
-                    process.exit(1);
-                }
-            }
-        }
-    } else {
-        // Пользователь отказался от обновления
-        if (isCritical) {
-            console.log(colorize('\n🚨 WARNING: Building with critically outdated version!', 'red'));
-            console.log(colorize('This may cause build failures or security issues.', 'red'));
-            console.log(colorize('Please update as soon as possible: npm update core-maugli', 'yellow'));
-        }
-        
-        if (isCI) {
-            console.log(colorize('\n⚠️  CI/CD auto-update disabled. Continuing with build...', 'yellow'));
-        } else {
-            console.log(colorize('\n⚠️  Continuing without update. Some features may not work correctly.', 'yellow'));
-            console.log(colorize('💡 You can update later by running: npm run update-all-blogs', 'cyan'));
-        }
+    if (isCritical) {
+        console.log(colorize('\n🚨 WARNING: This is a critical update!', 'red'));
+        console.log(colorize('Building with this version may cause errors.', 'red'));
     }
     
+    
     console.log(colorize('\n✅ Proceeding with build...\n', 'green'));
 }
 

package/scripts/generate-previews-build.js

@@ -0,0 +1,104 @@
+import fs from 'fs';
+import path from 'path';
+import sharp from 'sharp';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Универсальное определение корня проекта
+const rootDir = __dirname.includes('node_modules')
+  ? path.join(__dirname, '../../..')
+  : path.join(__dirname, '..');
+
+// Размеры для разных типов контента
+const blogPreviewWidth = 400;
+const blogPreviewHeight = 210;
+const rubricPreviewWidth = 210;
+const rubricPreviewHeight = 214;
+
+// Генерируем в dist вместо public
+const outputDir = path.join(rootDir, 'dist');
+
+// Функция для создания превью в dist
+async function createPreviewForBuild(sourcePath, outputPath, width, height) {
+  const previewDir = path.dirname(outputPath);
+  if (!fs.existsSync(previewDir)) {
+    fs.mkdirSync(previewDir, { recursive: true });
+  }
+
+  if (fs.existsSync(outputPath)) {
+    return; // Превью уже существует
+  }
+
+  try {
+    await sharp(sourcePath)
+      .resize(width, height, { fit: 'cover' })
+      .toFile(outputPath);
+    console.log(`✅ Превью создано: ${path.relative(rootDir, outputPath)}`);
+  } catch (error) {
+    console.error(`❌ Ошибка при создании превью ${outputPath}:`, error.message);
+  }
+}
+
+// Функция для обработки папки
+async function processDirectory(sourceDir, outputSubDir) {
+  if (!fs.existsSync(sourceDir)) {
+    return;
+  }
+
+  const items = fs.readdirSync(sourceDir);
+  
+  for (const item of items) {
+    const sourcePath = path.join(sourceDir, item);
+    const stat = fs.statSync(sourcePath);
+    
+    if (stat.isDirectory()) {
+      if (item === 'previews') continue; // Пропускаем папки превью
+      await processDirectory(sourcePath, path.join(outputSubDir, item));
+    } else if (item.match(/\.(webp|jpg|jpeg|png)$/i)) {
+      const ext = path.extname(item);
+      const name = path.basename(item, ext);
+      
+      // Пропускаем файлы, которые уже содержат размер
+      const hasResizeSuffix = [400, 800, 1200].some(size => name.includes(`-${size}`));
+      if (hasResizeSuffix) continue;
+      
+      // Определяем размер превью
+      let previewWidth, previewHeight;
+      if (sourcePath.includes('/img/default/') && (name.includes('rubric') || name.includes('tag'))) {
+        previewWidth = rubricPreviewWidth;
+        previewHeight = rubricPreviewHeight;
+      } else {
+        previewWidth = blogPreviewWidth;
+        previewHeight = blogPreviewHeight;
+      }
+      
+      // Создаем превью
+      const outputDir = path.join(rootDir, 'dist', outputSubDir, 'previews');
+      const outputPath = path.join(outputDir, `${name}${ext}`);
+      
+      console.log(`🎭 Создаем превью для сборки: ${name}`);
+      await createPreviewForBuild(sourcePath, outputPath, previewWidth, previewHeight);
+    }
+  }
+}
+
+// Основная функция
+async function generatePreviewsForBuild() {
+  console.log('🚀 Начинаем генерацию превью для сборки...');
+  
+  // Обрабатываем системные папки
+  await processDirectory(path.join(rootDir, 'public/img/default'), 'img/default');
+  await processDirectory(path.join(rootDir, 'public/img/examples'), 'img/examples');
+  
+  // Обрабатываем пользовательские изображения, если они есть
+  const pageImagesDir = path.join(rootDir, 'public/img/page-images');
+  if (fs.existsSync(pageImagesDir)) {
+    await processDirectory(pageImagesDir, 'img/page-images');
+  }
+  
+  console.log('✅ Генерация превью для сборки завершена!');
+}
+
+generatePreviewsForBuild().catch(console.error);

package/scripts/generate-previews.js

@@ -16,6 +16,8 @@ const blogPreviewWidth = 400;
 const blogPreviewHeight = 210;
 const rubricPreviewWidth = 210; // Увеличенный размер для качества на retina дисплеях (105px * 2)
 const rubricPreviewHeight = 214; // Увеличенный размер для качества на retina дисплеях (107px * 2)
+const authorPreviewWidth = 192; // Квадратный размер для аватарок
+const authorPreviewHeight = 192;
 
 // Функция для извлечения путей изображений из markdown файлов
 function extractImagePaths() {
@@ -62,7 +64,7 @@ function extractImagePaths() {
             } else {
               imagePath = match.match(/src\s*=\s*['"]*([^'">\s]+)['"]*/)?.[1];
             }
-            if (imagePath && !imagePath.startsWith('http') && imagePath.includes('/') && !imagePath.includes('authors/')) {
+            if (imagePath && !imagePath.startsWith('http') && imagePath.includes('/')) {
               imagePaths.add(imagePath);
             }
           });
@@ -73,21 +75,16 @@ function extractImagePaths() {
   
   scanDirectory(contentDir);
   
-  // Также добавляем изображения из public/img/examples/ кроме авторов
+  // Также добавляем изображения из public/img/examples/
   const examplesDir = path.join(rootDir, 'public/img/examples');
   if (fs.existsSync(examplesDir)) {
     function addExampleImages(dir, relativePath = '') {
-      // Пропускаем папку authors - аватары не нужно обрабатывать
-      if (relativePath.includes('authors/')) return;
-      
       const items = fs.readdirSync(dir);
       for (const item of items) {
         const itemPath = path.join(dir, item);
         const stat = fs.statSync(itemPath);
         
         if (stat.isDirectory()) {
-          // Пропускаем папку authors
-          if (item === 'authors') continue;
           addExampleImages(itemPath, `${relativePath}${item}/`);
         } else if (item.match(/\.(webp|jpg|jpeg|png)$/i) && !dir.includes('previews')) {
           imagePaths.add(`/img/examples/${relativePath}${item}`);
@@ -103,8 +100,6 @@ function extractImagePaths() {
     const items = fs.readdirSync(defaultDir);
     for (const item of items) {
       if (item.match(/\.(webp|jpg|jpeg|png)$/i)) {
-        // Исключаем изображения авторов и рубрик
-        if (item.includes('autor') || item.includes('author') || item.includes('rubric')) continue;
         imagePaths.add(`/img/default/${item}`);
       }
     }
@@ -160,6 +155,10 @@ async function createPreview(imagePath) {
     previewWidth = rubricPreviewWidth;
     previewHeight = rubricPreviewHeight;
     console.log(`Creating rubric preview (${previewWidth}x${previewHeight}): ${name}`);
+  } else if (imagePath.includes('author') || name.includes('autor')) {
+    previewWidth = authorPreviewWidth;
+    previewHeight = authorPreviewHeight;
+    console.log(`Creating author preview (${previewWidth}x${previewHeight}): ${name}`);
   } else {
     previewWidth = blogPreviewWidth;
     previewHeight = blogPreviewHeight;

package/scripts/resize-for-build.cjs

@@ -1,26 +1,37 @@
-// resize-for-build.cjs - генерация ресайзированных изображений только для сборки
+// resize-for-build.cjs - Generate resized images for build in dist/
 const fs = require('fs');
 const path = require('path');
 const sharp = require('sharp');
 
-// Размеры для генерации
+// Sizes to generate
 const sizes = [400, 800, 1200];
 
 const inputDir = './public';
-const outputDir = './dist'; // Генерируем прямо в dist
+const outputDir = './dist';
 const processedFiles = new Set();
 
-// Функция для создания папки, если она не существует
+// Function to create directory if it doesn't exist
 function ensureDir(dir) {
   if (!fs.existsSync(dir)) {
     fs.mkdirSync(dir, { recursive: true });
   }
 }
 
-// Рекурсивная функция для обхода папок
+// Copy file if it doesn't exist
+function copyIfNotExists(src, dest) {
+  if (!fs.existsSync(dest)) {
+    ensureDir(path.dirname(dest));
+    fs.copyFileSync(src, dest);
+    console.log(`📋 Copied: ${path.relative('./dist', dest)}`);
+    return true;
+  }
+  return false;
+}
+
+// Recursive function to process directories
 function processDirectory(dir, relativePath = '') {
   if (!fs.existsSync(dir)) {
-    console.log(`Папка ${dir} не существует`);
+    console.log(`Directory ${dir} does not exist`);
     return;
   }
 
@@ -32,67 +43,70 @@ function processDirectory(dir, relativePath = '') {
     const currentRelativePath = path.join(relativePath, item);
     
     if (stat.isDirectory()) {
-      // Рекурсивно обрабатываем подпапки
+      // Recursively process subdirectories
       processDirectory(itemPath, currentRelativePath);
     } else if (stat.isFile()) {
       const ext = path.extname(item).toLowerCase();
       const baseName = path.basename(item, ext);
       
-      // Проверяем, что это изображение и не содержит размер в названии
+      // Check if it's an image and doesn't contain size in name
       if (['.jpg', '.jpeg', '.png', '.webp'].includes(ext)) {
-        // Исключаем PWA иконки и служебные файлы
+        // Exclude PWA icons and system files
         const excludePatterns = [
-          'icon-192', 'icon-512', // PWA иконки
-          'favicon', // Фавиконки
-          'logo', // Логотипы
-          'manifest' // Файлы манифеста
+          'icon-192', 'icon-512', // PWA icons
+          'favicon', // Favicons
+          'logo', // Logos
+          'manifest' // Manifest files
         ];
         
         const shouldExclude = excludePatterns.some(pattern => baseName.includes(pattern));
         
-        // Пропускаем файлы, которые уже содержат размер
+        // Skip files that already contain size
         const hasResizeSuffix = sizes.some(size => baseName.includes(`-${size}`));
         
         if (!hasResizeSuffix && !shouldExclude && !processedFiles.has(itemPath)) {
           processedFiles.add(itemPath);
           
-          console.log(`🔄 Обрабатываем для сборки: ${currentRelativePath}`);
+          console.log(`🔄 Processing for build: ${currentRelativePath}`);
           
-          // Сначала копируем оригинал
+          // First copy original
           const outputDirPath = path.join(outputDir, relativePath);
-          ensureDir(outputDirPath);
-          
           const originalOutputPath = path.join(outputDirPath, item);
-          if (!fs.existsSync(originalOutputPath)) {
-            fs.copyFileSync(itemPath, originalOutputPath);
-            console.log(`📋 Скопирован оригинал: ${path.relative('./dist', originalOutputPath)}`);
-          }
+          copyIfNotExists(itemPath, originalOutputPath);
           
-          // Генерируем ресайзированные версии
+          // Generate resized versions
           sizes.forEach(width => {
             const outputPath = path.join(outputDirPath, `${baseName}-${width}${ext}`);
             
             if (!fs.existsSync(outputPath)) {
+              ensureDir(path.dirname(outputPath));
               sharp(itemPath)
                 .resize(width)
                 .toFile(outputPath, (err) => {
                   if (err) {
-                    console.error(`❌ Ошибка при создании ${outputPath}:`, err.message);
+                    console.error(`❌ Error creating ${outputPath}:`, err.message);
                   } else {
-                    console.log(`✅ Создан: ${path.relative('./dist', outputPath)}`);
+                    console.log(`✅ Created: ${path.relative('./dist', outputPath)}`);
                   }
                 });
+            } else {
+              console.log(`⏭️  Skipped (exists): ${path.relative('./dist', outputPath)}`);
             }
           });
         }
+      } else {
+        // Copy non-image files as is
+        const outputDirPath = path.join(outputDir, relativePath);
+        const outputPath = path.join(outputDirPath, item);
+        copyIfNotExists(itemPath, outputPath);
       }
     }
   });
 }
 
-// Убеждаемся, что dist существует
+// Ensure dist exists
 ensureDir(outputDir);
 
-console.log('🚀 Начинаем генерацию изображений для сборки...');
+console.log('🚀 Starting image processing for build...');
 processDirectory(inputDir);
-console.log('✅ Генерация изображений завершена!');
+console.log('✅ Image processing completed!');

package/src/components/ArticleMeta.astro

@@ -58,6 +58,31 @@ if (!authorData) {
 }
 let authorName = authorData.data.name;
 let authorImg = authorData.data.avatar || '/img/default/autor_default.webp';
+
+// Функция для получения пути к превью изображения автора
+function getAuthorPreviewSrc(imageSrc: string): string {
+    if (!imageSrc) return '/img/default/previews/autor_default.webp';
+
+    // Если это дефолтное изображение автора
+    if (imageSrc.includes('/img/default/autor_default.webp')) {
+        return '/img/default/previews/autor_default.webp';
+    }
+
+    // Для изображений авторов из examples
+    if (imageSrc.includes('/img/examples/authors/')) {
+        const fileName = imageSrc.split('/').pop();
+        if (fileName) {
+            const baseName = fileName.replace(/\.(webp|jpg|jpeg|png)$/i, '');
+            const extension = fileName.match(/\.(webp|jpg|jpeg|png)$/i)?.[0] || '.webp';
+            return imageSrc.replace(fileName, `previews/${baseName}${extension}`);
+        }
+    }
+
+    // Fallback к оригинальному изображению если превью нет
+    return imageSrc;
+}
+
+const authorImgPreview = getAuthorPreviewSrc(authorImg);
 ---
 
 <!-- Метаинформация сверху -->
@@ -72,12 +97,26 @@ let authorImg = authorData.data.avatar || '/img/default/autor_default.webp';
                     data-astro-reload
                     style="text-decoration: none; color: inherit; z-index: 10; position: relative;"
                 >
-                    <img src={authorImg} alt={dict.ui?.authorAvatar || 'Author avatar'} class="w-8 h-8 rounded-full" width="32" height="32" decoding="async" />
+                    <img
+                        src={authorImgPreview}
+                        alt={dict.ui?.authorAvatar || 'Author avatar'}
+                        class="w-8 h-8 rounded-full"
+                        width="32"
+                        height="32"
+                        decoding="async"
+                    />
                     <span class="font-medium hover:text-[var(--brand-color)] transition-colors duration-200">{authorName}</span>
                 </a>
             ) : (
                 <>
-                    <img src={authorImg} alt={dict.ui?.authorAvatar || 'Author avatar'} class="w-8 h-8 rounded-full" width="32" height="32" decoding="async" />
+                    <img
+                        src={authorImgPreview}
+                        alt={dict.ui?.authorAvatar || 'Author avatar'}
+                        class="w-8 h-8 rounded-full"
+                        width="32"
+                        height="32"
+                        decoding="async"
+                    />
                     <span class="font-medium">{authorName}</span>
                 </>
             )

package/src/components/Avatar.astro

@@ -10,10 +10,35 @@ const { src, alt, size = '100px', class: className } = Astro.props;
 
 // Определяем размер - может быть строкой (например, "80px", "5rem") или числом (пиксели)
 const avatarSize = typeof size === 'number' ? `${size}px` : size;
+
+// Функция для получения пути к превью изображения автора
+function getAuthorPreviewSrc(imageSrc?: string): string {
+    if (!imageSrc) return '/img/default/previews/autor_default.webp';
+
+    // Если это дефолтное изображение автора
+    if (imageSrc.includes('/img/default/autor_default.webp')) {
+        return '/img/default/previews/autor_default.webp';
+    }
+
+    // Для изображений авторов из examples
+    if (imageSrc.includes('/img/examples/authors/')) {
+        const fileName = imageSrc.split('/').pop();
+        if (fileName) {
+            const baseName = fileName.replace(/\.(webp|jpg|jpeg|png)$/i, '');
+            const extension = fileName.match(/\.(webp|jpg|jpeg|png)$/i)?.[0] || '.webp';
+            return imageSrc.replace(fileName, `previews/${baseName}${extension}`);
+        }
+    }
+
+    // Fallback к оригинальному изображению если превью нет
+    return imageSrc;
+}
+
+const previewSrc = getAuthorPreviewSrc(src);
 ---
 
 <div class:list={['avatar-container', className]} style={`width: ${avatarSize}; height: ${avatarSize};`}>
-    <img src={src || '/img/default/autor_default.webp'} alt={alt} decoding="async" class="w-full h-full object-cover" />
+    <img src={previewSrc} alt={alt} decoding="async" class="w-full h-full object-cover" />
 </div>
 
 <style>

package/src/components/BaseHead.astro

@@ -98,8 +98,8 @@ let defaultAuthorName = defaultAuthor.data.name;
         --bg-main: #ffffff;
         --bg-muted: rgba(237, 241, 247, 0.621);
         --border-main: rgba(17, 28, 44, 0.13);
-        --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-        --font-serif: 'Geologica', Georgia, 'Times New Roman', serif;
+        --font-sans: 'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        --font-serif: 'Geologica Variable', Georgia, 'Times New Roman', serif;
     }
     html.dark {
         --brand-color-rgb: 13, 211, 18;
@@ -171,15 +171,15 @@ let defaultAuthorName = defaultAuthor.data.name;
 
 <!-- PWA Registration -->
 <script>
-// PWA Service Worker Registration
-if ('serviceWorker' in navigator) {
-  window.addEventListener('load', async () => {
-    try {
-      const registration = await navigator.serviceWorker.register('/sw.js');
-      console.log('SW registered: ', registration);
-    } catch (registrationError) {
-      console.log('SW registration failed: ', registrationError);
+    // PWA Service Worker Registration
+    if ('serviceWorker' in navigator) {
+        window.addEventListener('load', async () => {
+            try {
+                const registration = await navigator.serviceWorker.register('/sw.js');
+                console.log('SW registered: ', registration);
+            } catch (registrationError) {
+                console.log('SW registration failed: ', registrationError);
+            }
+        });
     }
-  });
-}
 </script>

package/src/components/RubricCard.astro

@@ -250,8 +250,8 @@ if (import.meta.env.DEV) {
                     </span>
                 )
             }
-            <div class="flex flex-col items-end gap-1 w-[74px] h-[32px]">
-                <span class={`flex items-center gap-1 text-[12px] text-right ${isBrandDate ? 'text-[var(--brand-color)]' : 'text-[var(--text-muted)]'}`}>
+            <div class="flex items-center gap-1 absolute bottom-0 right-0">
+                <span class={`flex items-center gap-1 text-[12px] whitespace-nowrap ${isBrandDate ? 'text-[var(--brand-color)]' : 'text-[var(--text-muted)]'}`}>
                     <svg
                         width="16"
                         height="16"

package/src/components/TableOfContents.astro

@@ -30,16 +30,16 @@ const { headings, title = dict.tableOfContents?.title || fallbackDict.tableOfCon
     id="table-of-contents"
     aria-label={dict.tableOfContents.ariaLabel || fallbackDict.tableOfContents.ariaLabel || 'Contents'}
 >
-    <h3 class="font-serif font-bold text-[18px] leading-[100%] text-[var(--brand-color)] flex-none">
+    <h3 class="font-serif font-bold text-[20px] leading-[110%] text-[var(--brand-color)] flex-none">
         {title}
     </h3>
 
-    <div class="flex flex-col gap-2 flex-none">
+    <div class="flex flex-col gap-3 flex-none">
         {
             headings.map((heading) => (
                 <a
                     href={`#${heading.id}`}
-                    class="toc-link font-sans font-normal text-[12px] leading-[15px] text-[var(--text-heading)] hover:text-[var(--brand-color)] transition-all duration-300 ease-in-out hover:translate-x-1 transform"
+                    class="toc-link font-sans font-normal text-[14px] leading-[18px] text-[var(--text-heading)] hover:text-[var(--brand-color)] transition-all duration-300 ease-in-out hover:translate-x-1 transform"
                     data-target={heading.id}
                 >
                     {heading.title}

package/src/i18n/de.json

@@ -36,7 +36,8 @@
     "tags": {
       "title": "Kategorien",
       "description": "Alle Artikel nach Kategorie",
-      "blogRubrics": "Blog-Kategorien"
+      "blogRubrics": "Blog-Kategorien",
+      "moreTags": "Weitere Tags"
     },
     "index": {
       "title": "<Blog>",

package/src/i18n/en.json

@@ -36,7 +36,8 @@
     "tags": {
       "title": "Categories",
       "description": "All articles by category",
-      "blogRubrics": "Blog categories"
+      "blogRubrics": "Blog categories",
+      "moreTags": "More tags"
     },
     "index": {
       "title": "<Blog>",

package/src/i18n/es.json

@@ -36,7 +36,8 @@
     "tags": {
       "title": "Categorías",
       "description": "Todos los artículos por categoría",
-      "blogRubrics": "Categorías del blog"
+      "blogRubrics": "Categorías del blog",
+      "moreTags": "Más etiquetas"
     },
     "index": {
       "title": "<Blog>",

package/src/i18n/fr.json

@@ -36,7 +36,8 @@
     "tags": {
       "title": "Catégories",
       "description": "Tous les articles par catégorie",
-      "blogRubrics": "Catégories du blog"
+      "blogRubrics": "Catégories du blog",
+      "moreTags": "Plus de tags"
     },
     "index": {
       "title": "<Blog>",

package/src/i18n/ja.json

@@ -36,7 +36,8 @@
     "tags": {
       "title": "カテゴリ",
       "description": "カテゴリごとの記事一覧",
-      "blogRubrics": "ブログカテゴリ"
+      "blogRubrics": "ブログカテゴリ",
+      "moreTags": "その他のタグ"
     },
     "index": {
       "title": "<ブログ>",

package/src/i18n/pt.json

@@ -36,7 +36,8 @@
     "tags": {
       "title": "Categorias",
       "description": "Todos os artigos por categoria",
-      "blogRubrics": "Categorias do blog"
+      "blogRubrics": "Categorias do blog",
+      "moreTags": "Mais tags"
     },
     "index": {
       "title": "<Blog>",

package/src/i18n/ru.json

@@ -33,7 +33,8 @@
     "tags": {
       "title": "Рубрики",
       "description": "Все статьи по рубрикам",
-      "blogRubrics": "Рубрики блога"
+      "blogRubrics": "Рубрики блога",
+      "moreTags": "Дополнительные теги"
     },
     "index": {
       "title": "<Блог>",

package/src/i18n/zh.json

@@ -36,7 +36,8 @@
     "tags": {
       "title": "分类",
       "description": "按类别查看所有文章",
-      "blogRubrics": "博客分类"
+      "blogRubrics": "博客分类",
+      "moreTags": "更多标签"
     },
     "index": {
       "title": "<博客>",

package/src/utils/image-utils.ts

@@ -0,0 +1,76 @@
+// src/utils/image-utils.ts - Утилиты для работы с изображениями
+
+/**
+ * Определяет правильный путь к изображению в зависимости от типа контента
+ * Все пользовательские изображения должны находиться в /img/page-images/
+ * Системные файлы остаются в /img/default/ и /img/examples/
+ */
+export function getImagePath(imageName: string, contentType?: 'blog' | 'author' | 'product' | 'project' | 'tag'): string {
+  // Если путь уже абсолютный (начинается с /), возвращаем как есть
+  if (imageName.startsWith('/')) {
+    return imageName;
+  }
+  
+  // Если это системные папки, не меняем путь
+  if (imageName.startsWith('default/') || imageName.startsWith('examples/')) {
+    return `/img/${imageName}`;
+  }
+  
+  // Все остальные изображения ищем в page-images
+  return `/img/page-images/${imageName}`;
+}
+
+/**
+ * Получает путь к изображению для конкретного типа контента
+ * Добавляет префикс типа если его нет
+ */
+export function getContentImagePath(slug: string, contentType: 'blog' | 'author' | 'product' | 'project' | 'tag', extension: string = '.webp'): string {
+  const fileName = `${contentType}_${slug}${extension}`;
+  return getImagePath(fileName);
+}
+
+/**
+ * Получает путь к превью изображению
+ */
+export function getPreviewImagePath(slug: string, contentType: 'blog' | 'author' | 'product' | 'project' | 'tag', extension: string = '.webp'): string {
+  const fileName = `previews_${contentType}_${slug}${extension}`;
+  return getImagePath(fileName);
+}
+
+/**
+ * Получает fallback путь для изображения в зависимости от типа контента
+ */
+export function getDefaultImagePath(contentType: 'blog' | 'author' | 'product' | 'project' | 'tag'): string {
+  const defaultImages = {
+    blog: '/img/default/blog_default.webp',
+    author: '/img/default/autor_default.webp', 
+    product: '/img/default/product_default.webp',
+    project: '/img/default/project_default.webp',
+    tag: '/img/default/rubric_default.webp'
+  };
+  
+  return defaultImages[contentType];
+}
+
+/**
+ * Конвертирует старые пути к новой структуре
+ * Для обратной совместимости
+ */
+export function convertLegacyImagePath(imagePath: string): string {
+  // Конвертируем старые пути в новые
+  const conversions = [
+    { from: '/img/blog/', to: '/img/page-images/' },
+    { from: '/img/authors/', to: '/img/page-images/' },
+    { from: '/img/products/', to: '/img/page-images/' },
+    { from: '/img/projects/', to: '/img/page-images/' },
+    { from: '/img/uploads/', to: '/img/page-images/' }
+  ];
+  
+  for (const conversion of conversions) {
+    if (imagePath.startsWith(conversion.from)) {
+      return imagePath.replace(conversion.from, conversion.to);
+    }
+  }
+  
+  return imagePath;
+}