core-maugli 1.2.34 → 1.2.36

package/package.json

@@ -2,7 +2,7 @@
     "name": "core-maugli",
     "description": "Astro & Tailwind CSS blog theme for Maugli.",
     "type": "module",
-    "version": "1.2.34",
+    "version": "1.2.36",
     "license": "GPL-3.0-or-later OR Commercial",
     "repository": {
         "type": "git",
@@ -22,7 +22,7 @@
         "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/optimize-images.cjs && node typograf-batch.js && node scripts/verify-assets.js && node scripts/generate-previews.js && astro build",
+        "build": "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 resize-all.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",

package/scripts/copy-content-images.cjs

@@ -0,0 +1,66 @@
+// copy-content-images.cjs - выносим все изображения из подпапок public/img в корень public/img
+const fs = require('fs');
+const path = require('path');
+
+const sourceDir = './public/img';
+const targetDir = './public/img';
+
+// Функция для рекурсивного поиска и копирования изображений из подпапок
+async function flattenImages(sourceDir, targetDir) {
+    if (!fs.existsSync(sourceDir)) {
+        console.log(`📁 Папка ${sourceDir} не существует, пропускаем`);
+        return 0;
+    }
+
+    const items = fs.readdirSync(sourceDir);
+    let copiedCount = 0;
+
+    for (const item of items) {
+        const sourcePath = path.join(sourceDir, item);
+        const stat = fs.statSync(sourcePath);
+
+        if (stat.isDirectory()) {
+            // Рекурсивно обрабатываем подпапки
+            const copied = await flattenImages(sourcePath, targetDir);
+            copiedCount += copied;
+        } else if (stat.isFile()) {
+            const ext = path.extname(item).toLowerCase();
+            
+            // Проверяем, что это изображение и что оно в подпапке (не в корне)
+            if (['.jpg', '.jpeg', '.png', '.webp', '.gif', '.svg'].includes(ext)) {
+                const relativePath = path.relative(sourceDir, sourcePath);
+                
+                // Если файл не в корне public/img, то копируем его в корень
+                if (relativePath.includes(path.sep)) {
+                    const targetPath = path.join(targetDir, item);
+                    
+                    // Проверяем, что файл с таким именем не существует в корне
+                    if (!fs.existsSync(targetPath)) {
+                        fs.copyFileSync(sourcePath, targetPath);
+                        console.log(`📋 Вынесено: ${relativePath} → ${item}`);
+                        copiedCount++;
+                    } else {
+                        console.log(`⚠️  Пропущено (уже существует): ${item}`);
+                    }
+                }
+            }
+        }
+    }
+
+    return copiedCount;
+}
+
+async function main() {
+    console.log('🚀 Начинаем вынос изображений из подпапок public/img в корень public/img...');
+    
+    // Выносим все изображения из подпапок в корень
+    const totalCopied = await flattenImages(sourceDir, targetDir);
+    
+    console.log('');
+    console.log(`✅ Вынос завершен! Скопировано ${totalCopied} изображений в корень public/img/`);
+    console.log('🔄 Netlify Image Optimization теперь сможет их легче обрабатывать');
+    console.log('⚡ Sharp оптимизация также будет применена к файлам в корне');
+    console.log('📁 Все изображения теперь доступны напрямую из /img/имя_файла.webp');
+}
+
+main().catch(console.error);

package/scripts/flatten-images.cjs

@@ -0,0 +1,78 @@
+// copy-content-images.cjs - выносим все изображения из подпапок public/img в корень public/img
+const fs = require('fs');
+const path = require('path');
+
+const sourceDir = './public/img';
+const targetDir = './public/img';
+
+// Функция для рекурсивного поиска и копирования изображений из подпапок
+async function flattenImages(currentDir) {
+    const items = fs.readdirSync(currentDir);
+    let copiedCount = 0;
+
+    for (const item of items) {
+        const itemPath = path.join(currentDir, item);
+        const stat = fs.statSync(itemPath);
+
+        if (stat.isDirectory()) {
+            // Рекурсивно обрабатываем подпапки
+            const copied = await flattenImages(itemPath);
+            copiedCount += copied;
+        } else if (stat.isFile()) {
+            const ext = path.extname(item).toLowerCase();
+            
+            // Проверяем, что это изображение и что оно НЕ в корне public/img
+            if (['.jpg', '.jpeg', '.png', '.webp', '.gif', '.svg'].includes(ext)) {
+                const isInSubfolder = currentDir !== sourceDir;
+                
+                if (isInSubfolder) {
+                    const targetPath = path.join(sourceDir, item);
+                    
+                    // Проверяем, что файл с таким именем не существует в корне
+                    if (!fs.existsSync(targetPath)) {
+                        fs.copyFileSync(itemPath, targetPath);
+                        console.log(`📋 Вынесено: ${path.relative('./public', itemPath)} → img/${item}`);
+                        copiedCount++;
+                    } else {
+                        // Если файл уже существует, добавляем префикс папки
+                        const folderName = path.basename(currentDir);
+                        const nameWithoutExt = path.parse(item).name;
+                        const extension = path.parse(item).ext;
+                        const newName = `${folderName}_${nameWithoutExt}${extension}`;
+                        const targetPathWithPrefix = path.join(sourceDir, newName);
+                        
+                        if (!fs.existsSync(targetPathWithPrefix)) {
+                            fs.copyFileSync(itemPath, targetPathWithPrefix);
+                            console.log(`📋 Вынесено с префиксом: ${path.relative('./public', itemPath)} → img/${newName}`);
+                            copiedCount++;
+                        } else {
+                            console.log(`⚠️  Пропущено (уже существует): ${item}`);
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    return copiedCount;
+}
+
+async function main() {
+    console.log('🚀 Начинаем вынос изображений из подпапок public/img в корень public/img...');
+    
+    if (!fs.existsSync(sourceDir)) {
+        console.log(`📁 Папка ${sourceDir} не существует!`);
+        return;
+    }
+    
+    // Выносим все изображения из подпапок в корень
+    const totalCopied = await flattenImages(sourceDir);
+    
+    console.log('');
+    console.log(`✅ Вынос завершен! Скопировано ${totalCopied} изображений в корень public/img/`);
+    console.log('🔄 Netlify Image Optimization теперь сможет их легче обрабатывать');
+    console.log('⚡ Sharp оптимизация также будет применена к файлам в корне');
+    console.log('📁 Все изображения теперь доступны напрямую из /img/имя_файла.webp');
+}
+
+main().catch(console.error);

package/src/config/maugli.config.ts

@@ -1,5 +1,5 @@
 // MAUGLI_CONFIG_VERSION — config version for CLI/automation compatibility
-export const MAUGLI_CONFIG_VERSION = '0.3';
+export const MAUGLI_CONFIG_VERSION = '0.4';
 // Main configuration interface for the Maugli project
 export interface MaugliConfig {
   // Show example/demo content (for CLI/empty blog setup)
@@ -63,6 +63,7 @@ export interface MaugliConfig {
   // Control display of tags/rubrics
   // Theme switcher
   enableThemeSwitcher?: boolean; // Enable theme switcher (true by default)
+  defaultTheme?: 'light' | 'dark' | 'auto'; // Default theme (light, dark, or auto based on system preference)
   // Social and contact links (displayed in the footer)
   links?: Record<string, string>; // Social/contact links for footer
   navLinks?: Array<{ key: string; label: string; href: string }>; // Navigation links
@@ -93,7 +94,7 @@ export interface MaugliConfig {
 }
 // Main exported configuration object for the Maugli project
 export const maugliConfig: MaugliConfig = {
-  configVersion: MAUGLI_CONFIG_VERSION, // Config version for CLI/automation compatibility
+  configVersion: MAUGLI_CONFIG_VERSION, // Config version for CLI/automation compatibility (0.4)
   showExamples: true, // Show example/demo content (set false to hide all demo content)
   brand: {
     name: 'Maugli', // Brand name
@@ -122,6 +123,7 @@ export const maugliConfig: MaugliConfig = {
     netlifyEnabled: true, // Enable Netlify deployment button (default: true)
   },
   enableThemeSwitcher: true, // Enable theme switcher (true by default)
+  defaultTheme: 'dark', // Default theme (dark by default)
   seo: {
     titleSuffix: ' — Maugli', // Suffix for page titles
     defaultImage: '/default-image.webp', // Default image for SEO

package/src/layouts/BaseLayout.astro

@@ -5,6 +5,7 @@ import Footer from '../components/Footer.astro';
 import MaugliFloatingLabel from '../components/MaugliFloatingLabel.astro';
 import Header from '../components/Header.astro';
 import Nav from '../components/Nav.astro';
+import { maugliConfig } from '../config/maugli.config';
 
 export type Props = HeadProps & { showHeader?: boolean; fullWidth?: boolean };
 
@@ -15,11 +16,27 @@ const { showHeader = true, fullWidth = false, ...head } = Astro.props;
 <html lang="ru" class="antialiased break-words bg-main">
     <head>
         <BaseHead {...head} />
-        <script>
+        <script define:vars={{ defaultTheme: maugliConfig.defaultTheme || 'auto' }}>
             // Инициализация темы до загрузки DOM
             function initTheme() {
-                const theme = localStorage.getItem('theme');
-                if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+                const savedTheme = localStorage.getItem('theme');
+                let appliedTheme;
+
+                if (savedTheme) {
+                    // Если есть сохранённая тема, используем её
+                    appliedTheme = savedTheme;
+                } else {
+                    // Если нет сохранённой темы, используем значение из конфигурации
+                    if (defaultTheme === 'auto') {
+                        // Автоматический выбор на основе системных настроек
+                        appliedTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+                    } else {
+                        // Используем тему из конфигурации
+                        appliedTheme = defaultTheme;
+                    }
+                }
+
+                if (appliedTheme === 'dark') {
                     document.documentElement.classList.add('dark');
                     localStorage.setItem('theme', 'dark');
                 } else {
@@ -43,12 +60,25 @@ const { showHeader = true, fullWidth = false, ...head } = Astro.props;
             <MaugliFloatingLabel />
         </div>
 
-        <script>
+        <script define:vars={{ defaultTheme: maugliConfig.defaultTheme || 'auto' }}>
             // Сохранение темы при переходах между страницами
             document.addEventListener('astro:page-load', () => {
                 // Переинициализируем тему на каждой новой странице
-                const theme = localStorage.getItem('theme');
-                if (theme === 'dark') {
+                const savedTheme = localStorage.getItem('theme');
+                let appliedTheme;
+
+                if (savedTheme) {
+                    appliedTheme = savedTheme;
+                } else {
+                    // Если нет сохранённой темы, используем значение из конфигурации
+                    if (defaultTheme === 'auto') {
+                        appliedTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+                    } else {
+                        appliedTheme = defaultTheme;
+                    }
+                }
+
+                if (appliedTheme === 'dark') {
                     document.documentElement.classList.add('dark');
                 } else {
                     document.documentElement.classList.remove('dark');

package/src/styles/global.css

@@ -18,8 +18,8 @@
 
         /* Light Theme */
         --text-main: #111c2d;
-        --text-heading: #2d3e5b;
-        --text-muted: #585e6a;
+        --text-heading: #1c273b;
+        --text-muted: #464b56;
         --bg-main: #ffffff;
         --bg-main-40: rgba(255, 255, 255, 0.3);
         --bg-muted: rgba(245, 247, 249, 0.94);
@@ -51,8 +51,8 @@
 
         /* Dark Theme */
         --text-main: #ffffff;
-        --text-heading: rgba(202, 252, 254, 0.7);
-        --text-muted: #9ca3af;
+        --text-heading: rgba(202, 252, 254, 0.85);
+        --text-muted: #a6afbe;
         --bg-main: #0b131e;
         --bg-main-40: rgba(11, 19, 30, 0.4);
         --bg-muted: #131d2cde;