core-maugli 1.2.9 → 1.2.11

package/package.json

@@ -2,7 +2,7 @@
     "name": "core-maugli",
     "description": "Astro & Tailwind CSS blog theme for Maugli.",
     "type": "module",
-    "version": "1.2.9",
+    "version": "1.2.11",
     "license": "GPL-3.0-or-later OR Commercial",
     "repository": {
         "type": "git",
@@ -19,9 +19,10 @@
     ],
     "scripts": {
         "typograf": "node typograf-batch.js",
-        "dev": "astro dev",
+        "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 typograf-batch.js && node scripts/verify-assets.js && node scripts/generate-previews.js && astro build",
+        "build": "node resize-all.cjs && node typograf-batch.js && node scripts/verify-assets.js && node scripts/generate-previews.js && astro build",
         "test": "node tests/examplesFilter.test.ts",
         "astro": "astro",
         "featured:add": "node scripts/featured.js add",

package/scripts/generate-previews.js

@@ -103,6 +103,8 @@ 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}`);
       }
     }
@@ -141,42 +143,44 @@ function cleanupExistingPreviews() {
 // Функция для создания превьюшки
 async function createPreview(imagePath) {
   const fullImagePath = path.join(rootDir, 'public', imagePath.replace(/^\//, ''));
-  
+
   if (!fs.existsSync(fullImagePath)) {
     console.warn(`Image not found: ${fullImagePath}`);
     return;
   }
-  
+
   const dir = path.dirname(fullImagePath);
   const ext = path.extname(fullImagePath);
   const name = path.basename(fullImagePath, ext);
   const previewPath = path.join(dir, 'previews', `${name}${ext}`);
-  
+
   // Определяем размер превью в зависимости от типа изображения
   let previewWidth, previewHeight;
   if (imagePath.includes('/img/default/') && (name.includes('rubric') || name.includes('tag'))) {
-    // Для изображений рубрик используем меньший размер
     previewWidth = rubricPreviewWidth;
     previewHeight = rubricPreviewHeight;
     console.log(`Creating rubric preview (${previewWidth}x${previewHeight}): ${name}`);
   } else {
-    // Для блог-постов и других изображений используем стандартный размер
     previewWidth = blogPreviewWidth;
     previewHeight = blogPreviewHeight;
     console.log(`Creating blog preview (${previewWidth}x${previewHeight}): ${name}`);
   }
-  
+
   // Создаем папку previews если её нет
   const previewDir = path.dirname(previewPath);
   if (!fs.existsSync(previewDir)) {
     fs.mkdirSync(previewDir, { recursive: true });
   }
-  
+
+  // Если превью уже существует — пропускаем генерацию
+  if (fs.existsSync(previewPath)) {
+    // console.log(`Preview already exists: ${previewPath}`);
+    return;
+  }
   try {
     await sharp(fullImagePath)
       .resize(previewWidth, previewHeight, { fit: 'cover' })
       .toFile(previewPath);
-    
     console.log(`Preview created: ${previewPath}`);
   } catch (error) {
     console.error(`Error processing ${fullImagePath}:`, error.message);
@@ -185,18 +189,22 @@ async function createPreview(imagePath) {
 
 // Основная функция
 async function generatePreviews() {
-  console.log('Cleaning up existing previews...');
-  cleanupExistingPreviews();
-  
+  // Очистка превью только если явно указано (например, через переменную)
+  const CLEAN_PREVIEWS = process.env.CLEAN_PREVIEWS === '1';
+  if (CLEAN_PREVIEWS) {
+    console.log('Cleaning up existing previews...');
+    cleanupExistingPreviews();
+  }
+
   console.log('Scanning content for images...');
   const imagePaths = extractImagePaths();
-  
+
   console.log(`Found ${imagePaths.length} images to process`);
-  
+
   for (const imagePath of imagePaths) {
     await createPreview(imagePath);
   }
-  
+
   console.log('Preview generation completed!');
 }
 

package/src/components/RubricCard.astro

@@ -94,24 +94,95 @@ const isBrandDate = isToday || isYesterday;
 function getPreviewImageSrc(imageSrc: string): string {
     if (!imageSrc) return maugliConfig.defaultRubricImage;
 
-    // Проверяем, есть ли превью для этого изображения
+    // Если это изображение по умолчанию, возвращаем его превью напрямую
+    if (imageSrc === maugliConfig.defaultRubricImage) {
+        return '/img/default/previews/rubric_default.webp';
+    }
+
+    // Для кастомных изображений проверяем, есть ли превью
     const pathParts = imageSrc.split('/');
     const fileName = pathParts.pop();
     const directory = pathParts.join('/');
     const previewPath = `${directory}/previews/${fileName}`;
 
+    // Убеждаемся, что путь абсолютный (начинается с /)
+    const absolutePreviewPath = previewPath.startsWith('/') ? previewPath : `/${previewPath}`;
+
     // Возвращаем путь к превью (браузер покажет оригинал, если превью не найдено)
-    return previewPath;
+    return absolutePreviewPath;
+}
+
+// Всегда используем дефолтное изображение для рубрик
+const previewImageSrc = '/img/default/previews/rubric_default.webp';
+
+// Список стоп-слов (предлоги, союзы, знаки)
+const stopWords = [
+    'и',
+    'в',
+    'на',
+    'с',
+    'по',
+    'от',
+    'до',
+    'за',
+    'над',
+    'под',
+    'о',
+    'об',
+    'у',
+    'для',
+    'к',
+    'ко',
+    'из',
+    'без',
+    'при',
+    'а',
+    'но',
+    'или',
+    'да',
+    'же',
+    'ли',
+    'бы',
+    'не',
+    'то',
+    'же',
+    'the',
+    'of',
+    'to',
+    'in',
+    'on',
+    'at',
+    'by',
+    'for',
+    'with',
+    'from',
+    'as',
+    'an',
+    'or',
+    'but',
+    '&'
+];
+
+function getRubricInitials(title: string): string {
+    if (!title) return '';
+    // Удаляем лишние символы
+    const clean = title.replace(/[^\wа-яА-ЯёЁ\s]/gi, ' ');
+    const words = clean.split(/\s+/).filter(Boolean);
+    // Берём первые буквы каждого слова, кроме стоп-слов
+    const initials = words
+        .filter((word) => !stopWords.includes(word.toLowerCase()))
+        .slice(0, 2)
+        .map((word) => word[0]?.toUpperCase() || '')
+        .join('');
+    return initials;
 }
 
-const imageSrc = image?.src || maugliConfig.defaultRubricImage;
-const previewImageSrc = getPreviewImageSrc(imageSrc);
+const rubricInitials = getRubricInitials(title);
 
 // Debug информация только в development режиме
 if (import.meta.env.DEV) {
     console.log('RubricCard Debug:', {
         title,
-        originalImageSrc: imageSrc,
         previewImageSrc,
         defaultRubricImage: maugliConfig.defaultRubricImage
     });
@@ -123,8 +194,18 @@ if (import.meta.env.DEV) {
         class={`w-full h-[195px] border border-[var(--border-main)] rounded-custom card-bg hover:card-shadow hover:-translate-y-1 transition-all duration-300 p-6 flex flex-row gap-4 items-start ${className}`}
     >
         <!-- Левая часть: картинка и дата -->
-        <div class="flex flex-col items-end gap-2 w-[105px] h-[147px]">
-            <img src={previewImageSrc} alt={image?.alt || title} class="w-[105px] h-[107px] object-cover rounded-custom" loading="lazy" />
+        <div class="flex flex-col items-end gap-2 w-[105px] h-[147px] relative">
+            <img src={previewImageSrc} alt={title} class="w-[105px] h-[107px] object-cover rounded-custom" loading="lazy" />
+            {
+                rubricInitials && (
+                    <span style="position:absolute;left:0;top:0;width:105px;height:107px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;">
+                        <span style="position:absolute;left:0;top:0;width:105px;height:107px;background:rgba(0,0,0,0.10);border-radius:inherit;z-index:1;" />
+                        <span style="position:relative;z-index:2;font-size:48px;font-weight:700;font-family:inherit;color:var(--brand-color);letter-spacing:2px;">
+                            {rubricInitials}
+                        </span>
+                    </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)]'}`}>
                     <svg

package/src/content/tags/ai-business.mdx

@@ -1,9 +1,7 @@
 ---
 title: AI в бизнесе
 description: "Обзоры технологий (LLM, GPT, Claude и др.). Кейсы применения AI в бизнесе. Тренды в автоматизации контента."
-image:
-  src: '/img/default/rubric_default.webp'
-  alt: AI в бизнесе
+
 isRubric: true
 isFeatured: false
 jsonld:

package/src/content/tags/automation.mdx

@@ -1,9 +1,7 @@
 ---
 title: Автоматизация бизнеса
 description: "Workflow и интеграции (Airtable, Supabase, автопостинг). AI-редакторы и сценарии. «Редакция без людей» — практика и инструменты."
-image:
-  src: '/img/default/rubric_default.webp'
-  alt: Автоматизация бизнеса
+
 isRubric: true
 isFeatured: false
 jsonld:

package/src/content/tags/content-strategy.mdx

@@ -1,9 +1,7 @@
 ---
 title: Контент-стратегии
 description: "Как строить Content Market Fit. Мультиязычные блоги. Принципы работы AI-редакции."
-image:
-  src: '/img/default/rubric_default.webp'
-  alt: Контент-стратегии
+
 isRubric: true
 isFeatured: false
 jsonld: