@rk-web/create 0.0.1

package/bin/create.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import '../dist/cli.js'

package/dist/cli.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -0,0 +1,47 @@
+import { Command } from 'commander';
+import pc from 'picocolors';
+import prompts from 'prompts';
+import { createProject } from './create.js';
+const program = new Command();
+program
+    .name('create-my-static-builder')
+    .description(pc.bold('Создание нового проекта статического сайта'))
+    .version('0.0.1');
+program
+    .argument('[project-name]', 'Имя проекта')
+    .option('-t, --template <name>', 'Шаблон (minimal|blog|portfolio|landing)')
+    .action(async (projectName, options) => {
+    let name = projectName;
+    if (!name) {
+        const response = await prompts({
+            type: 'text',
+            name: 'name',
+            message: 'Введите имя проекта:',
+            initial: 'my-site'
+        });
+        name = response.name;
+    }
+    if (!name) {
+        console.error(pc.red('Имя проекта не указано'));
+        process.exit(1);
+    }
+    let template = options.template;
+    if (!template) {
+        const response = await prompts({
+            type: 'select',
+            name: 'template',
+            message: 'Выберите шаблон:',
+            choices: [
+                { title: 'Минимальный', value: 'minimal', description: 'Базовая структура' },
+                { title: 'Блог', value: 'blog', description: 'Шаблон для блога' },
+                { title: 'Портфолио', value: 'portfolio', description: 'Шаблон портфолио' },
+                { title: 'Лендинг', value: 'landing', description: 'Одностраничный сайт' }
+            ],
+            initial: 0
+        });
+        template = response.template;
+    }
+    await createProject(name, template || 'minimal');
+});
+program.parse();
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAA;AAE7B,OAAO;KACJ,IAAI,CAAC,0BAA0B,CAAC;KAChC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,4CAA4C,CAAC,CAAC;KAClE,OAAO,CAAC,OAAO,CAAC,CAAA;AAEnB,OAAO;KACJ,QAAQ,CAAC,gBAAgB,EAAE,aAAa,CAAC;KACzC,MAAM,CAAC,uBAAuB,EAAE,yCAAyC,CAAC;KAC1E,MAAM,CAAC,KAAK,EAAE,WAA+B,EAAE,OAA8B,EAAE,EAAE;IAChF,IAAI,IAAI,GAAG,WAAW,CAAA;IAEtB,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC;YAC7B,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,sBAAsB;YAC/B,OAAO,EAAE,SAAS;SACnB,CAAC,CAAA;QACF,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAA;IACtB,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,CAAA;QAC/C,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACjB,CAAC;IAED,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAA;IAE/B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC;YAC7B,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,kBAAkB;YAC3B,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE;gBAC5E,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE;gBACjE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE;gBAC3E,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,qBAAqB,EAAE;aAC3E;YACD,OAAO,EAAE,CAAC;SACX,CAAC,CAAA;QACF,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAA;IAC9B,CAAC;IAED,MAAM,aAAa,CAAC,IAAI,EAAE,QAAQ,IAAI,SAAS,CAAC,CAAA;AAClD,CAAC,CAAC,CAAA;AAEJ,OAAO,CAAC,KAAK,EAAE,CAAA"}

package/dist/create.d.ts

@@ -0,0 +1,2 @@
+export declare function createProject(name: string, template: string): Promise<void>;
+//# sourceMappingURL=create.d.ts.map

package/dist/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AAQA,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,iBA6KjE"}

package/dist/create.js

@@ -0,0 +1,179 @@
+import fs from 'fs-extra';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import pc from 'picocolors';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+export async function createProject(name, template) {
+    console.log(pc.blue(`\nСоздание проекта: ${pc.bold(name)}`));
+    console.log(pc.blue(`Шаблон: ${pc.bold(template)}\n`));
+    const targetDir = path.resolve(process.cwd(), name);
+    // Проверка существования директории
+    if (await fs.pathExists(targetDir)) {
+        const files = await fs.readdir(targetDir);
+        if (files.length > 0) {
+            console.error(pc.red(`\nОшибка: Директория "${name}" уже существует и не пуста`));
+            console.error(pc.gray('Удалите директорию или выберите другое имя'));
+            process.exit(1);
+        }
+    }
+    // Создание директории
+    await fs.ensureDir(targetDir);
+    // Копирование шаблона
+    const templateDir = await resolveTemplateDir(template);
+    if (!templateDir) {
+        console.error(pc.red(`\nОшибка: Шаблон "${template}" не найден`));
+        console.error(pc.gray(`Доступные шаблоны: minimal, blog, portfolio, landing`));
+        process.exit(1);
+    }
+    await fs.copy(templateDir, targetDir, {
+        overwrite: true,
+        errorOnExist: false
+    });
+    // Создание package.json
+    const packageJson = {
+        name,
+        version: '0.0.1',
+        private: true,
+        type: 'module',
+        scripts: {
+            dev: 'my-static-builder dev',
+            build: 'my-static-builder build',
+            preview: 'my-static-builder preview',
+            validate: 'my-static-builder validate'
+        },
+        devDependencies: {
+            '@rk-web/core': 'latest',
+            vite: '^6.4.1'
+        }
+    };
+    await fs.writeJson(path.join(targetDir, 'package.json'), packageJson, { spaces: 2 });
+    // Создание базового config.json если его нет
+    const configPath = path.join(targetDir, 'config.json');
+    if (!await fs.pathExists(configPath)) {
+        const configJson = {
+            site: {
+                title: name,
+                description: 'Описание сайта',
+                lang: 'ru',
+                url: 'https://example.com'
+            },
+            navigation: [
+                { label: 'Главная', url: '/' }
+            ],
+            footer: {
+                copyright: new Date().getFullYear().toString()
+            }
+        };
+        await fs.writeJson(configPath, configJson, { spaces: 2 });
+    }
+    // Создание vite.config.ts если его нет
+    const viteConfigPath = path.join(targetDir, 'vite.config.ts');
+    if (!await fs.pathExists(viteConfigPath)) {
+        const viteConfig = `import { defineConfig } from 'vite'
+import { staticBuilder } from '@rk-web/core'
+
+export default defineConfig({
+  plugins: [
+    staticBuilder({
+      template: {
+        includePath: 'src/components',
+        layoutPath: 'src/layouts',
+        dataPath: 'src/data',
+        configFile: 'config.json'
+      },
+      images: {
+        formats: ['avif', 'webp', 'jpg'],
+        quality: { avif: 50, webp: 80, jpg: 85 },
+        sizes: [320, 640, 960, 1280, 1920],
+        placeholder: 'blur',
+        lazyLoad: true,
+        decoding: 'async'
+      },
+      fonts: {
+        formats: ['woff2', 'woff'],
+        subsets: ['cyrillic', 'latin'],
+        preload: true,
+        display: 'swap'
+      },
+      seo: {
+        sitemap: true,
+        robots: true,
+        manifest: true,
+        rss: false,
+        ogImage: true
+      },
+      validate: {
+        html: true,
+        accessibility: true,
+        lighthouse: true
+      },
+      critical: {
+        enabled: true,
+        inline: true
+      }
+    })
+  ]
+})
+`;
+        await fs.writeFile(viteConfigPath, viteConfig);
+    }
+    // Создание структуры директорий
+    const dirs = [
+        'src/pages',
+        'src/components',
+        'src/layouts',
+        'src/data',
+        'src/assets/images',
+        'src/assets/styles',
+        'src/assets/fonts',
+        'src/scripts',
+        'public/images',
+        'public/fonts'
+    ];
+    for (const dir of dirs) {
+        await fs.ensureDir(path.join(targetDir, dir));
+    }
+    // Создание .gitignore
+    const gitignore = `# Dependencies
+node_modules/
+
+# Builds
+dist/
+
+# Environment
+.env
+.env.*
+
+# IDE
+.vscode/
+.idea/
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Cache
+.cache/
+.vite/
+.sharp-cache/
+`;
+    await fs.writeFile(path.join(targetDir, '.gitignore'), gitignore);
+    console.log(pc.green('\n✓ Проект успешно создан!\n'));
+    console.log(pc.cyan(`  cd ${name}`));
+    console.log(pc.cyan('  npm install  # или pnpm install / yarn install'));
+    console.log(pc.cyan('  npm run dev  # запустить режим разработки\n'));
+}
+async function resolveTemplateDir(template) {
+    const candidates = [
+        path.resolve(__dirname, '../templates', template),
+        path.resolve(__dirname, '../../../templates', template)
+    ];
+    for (const candidate of candidates) {
+        if (await fs.pathExists(candidate)) {
+            return candidate;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=create.js.map

package/dist/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { createProject } from './create.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { createProject } from './create.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@rk-web/create",
+  "version": "0.0.1",
+  "description": "CLI для создания новых проектов",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "bin": {
+    "create-my-static-builder": "./bin/create.js"
+  },
+  "files": [
+    "dist",
+    "bin",
+    "templates"
+  ],
+  "scripts": {
+    "build": "pnpm run copy:templates && tsc",
+    "copy:templates": "node ./scripts/copy-templates.mjs",
+    "dev": "tsc --watch",
+    "lint": "eslint src --ext .ts",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist"
+  },
+  "keywords": [
+    "create",
+    "cli",
+    "static-site"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "commander": "^12.0.0",
+    "picocolors": "^1.0.0",
+    "prompts": "^2.4.2",
+    "fs-extra": "^11.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.0",
+    "@types/prompts": "^2.4.9",
+    "@types/fs-extra": "^11.0.4",
+    "typescript": "^5.4.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/templates/blog/config.json

@@ -0,0 +1,27 @@
+{
+  "site": {
+    "title": "Мой блог",
+    "description": "Персональный блог о разработке и технологиях",
+    "lang": "ru",
+    "url": "https://myblog.com",
+    "author": "Имя автора",
+    "email": "author@myblog.com"
+  },
+  "seo": {
+    "ogImage": "images/og-default.jpg",
+    "ogType": "article",
+    "twitterCard": "summary_large_image"
+  },
+  "navigation": [
+    { "label": "Главная", "url": "/" },
+    { "label": "Блог", "url": "/blog/" },
+    { "label": "Обо мне", "url": "/about/" }
+  ],
+  "footer": {
+    "copyright": "2024",
+    "links": [
+      { "label": "Telegram", "url": "https://t.me/author" },
+      { "label": "GitHub", "url": "https://github.com/author" }
+    ]
+  }
+}

package/templates/blog/src/assets/styles/main.css

@@ -0,0 +1,182 @@
+/* Blog styles */
+:root {
+  --color-primary: #2563eb;
+  --color-text: #1f2937;
+  --color-text-light: #6b7280;
+  --color-bg: #ffffff;
+  --color-bg-light: #f9fafb;
+  --max-width: 800px;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, sans-serif;
+  line-height: 1.6;
+  color: var(--color-text);
+  background: var(--color-bg);
+}
+
+.container {
+  max-width: var(--max-width);
+  margin: 0 auto;
+  padding: 0 1rem;
+}
+
+/* Header */
+.site-header {
+  padding: 1.5rem 0;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.site-header .container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.logo {
+  font-size: 1.5rem;
+  font-weight: bold;
+  text-decoration: none;
+  color: var(--color-text);
+}
+
+.nav-link {
+  margin-left: 1.5rem;
+  text-decoration: none;
+  color: var(--color-text-light);
+}
+
+.nav-link:hover {
+  color: var(--color-primary);
+}
+
+/* Hero */
+.hero {
+  text-align: center;
+  padding: 4rem 0;
+  background: var(--color-bg-light);
+}
+
+.hero h1 {
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+.hero p {
+  font-size: 1.25rem;
+  color: var(--color-text-light);
+}
+
+/* Posts */
+.recent-posts, .blog-list {
+  padding: 2rem 0;
+}
+
+.recent-posts h2, .blog-list h1 {
+  margin-bottom: 2rem;
+}
+
+.post-card {
+  margin-bottom: 2rem;
+  padding-bottom: 2rem;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.post-title {
+  margin-bottom: 0.5rem;
+}
+
+.post-title a {
+  text-decoration: none;
+  color: var(--color-primary);
+}
+
+.post-title a:hover {
+  text-decoration: underline;
+}
+
+.post-meta {
+  font-size: 0.875rem;
+  color: var(--color-text-light);
+  margin-bottom: 1rem;
+}
+
+.post-meta time {
+  margin-right: 1rem;
+}
+
+.post-excerpt {
+  margin-bottom: 1rem;
+  color: var(--color-text-light);
+}
+
+.read-more {
+  text-decoration: none;
+  color: var(--color-primary);
+  font-weight: 500;
+}
+
+.read-more:hover {
+  text-decoration: underline;
+}
+
+/* Blog post */
+.blog-post {
+  padding: 2rem 0;
+}
+
+.post-header {
+  margin-bottom: 2rem;
+}
+
+.post-header h1 {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+}
+
+.post-content {
+  line-height: 1.8;
+}
+
+.post-content p {
+  margin-bottom: 1.5rem;
+}
+
+.post-footer {
+  margin-top: 3rem;
+  padding-top: 2rem;
+  border-top: 1px solid #e5e7eb;
+}
+
+.back-link {
+  text-decoration: none;
+  color: var(--color-primary);
+}
+
+/* Footer */
+.site-footer {
+  padding: 2rem 0;
+  border-top: 1px solid #e5e7eb;
+  text-align: center;
+  color: var(--color-text-light);
+}
+
+.footer-links {
+  margin-top: 1rem;
+}
+
+.footer-links a {
+  margin: 0 0.5rem;
+  text-decoration: none;
+  color: var(--color-text-light);
+}
+
+.footer-links a:hover {
+  color: var(--color-primary);
+}

package/templates/blog/src/components/footer.html

@@ -0,0 +1,10 @@
+<footer class="site-footer">
+  <div class="container">
+    <p>&copy; {{ footer.copyright }} {{ site.author }}</p>
+    <div class="footer-links">
+      <!-- for: link in footer.links -->
+      <a href="{{ link.url }}" target="_blank" rel="noopener">{{ link.label }}</a>
+      <!-- endfor -->
+    </div>
+  </div>
+</footer>

package/templates/blog/src/components/header.html

@@ -0,0 +1,10 @@
+<header class="site-header">
+  <div class="container">
+    <a href="/" class="logo">{{ site.title }}</a>
+    <nav>
+      <!-- for: item in site.navigation -->
+      <a href="{{ item.url }}" class="nav-link">{{ item.label }}</a>
+      <!-- endfor -->
+    </nav>
+  </div>
+</header>

package/templates/blog/src/components/post-card.html

@@ -0,0 +1,11 @@
+<article class="post-card">
+  <h2 class="post-title">
+    <a href="/blog/{{ slug }}">{{ title }}</a>
+  </h2>
+  <div class="post-meta">
+    <time datetime="{{ date }}">{{ date }}</time>
+    <span class="post-tags">{{ tags }}</span>
+  </div>
+  <p class="post-excerpt">{{ excerpt }}</p>
+  <a href="/blog/{{ slug }}" class="read-more">Читать далее →</a>
+</article>

package/templates/blog/src/data/posts.json

@@ -0,0 +1,28 @@
+{
+  "posts": [
+    {
+      "title": "Первый пост: Начало работы",
+      "slug": "first-post",
+      "date": "2024-01-15",
+      "tags": "введение, начало",
+      "excerpt": "Это первый пост в моём новом блоге. Расскажу о планах и целях этого проекта.",
+      "content": "<p>Добро пожаловать в мой блог!</p><p>Здесь я буду публиковать статьи о разработке и технологиях.</p>"
+    },
+    {
+      "title": "Как я начал использовать статические сайты",
+      "slug": "static-sites-journey",
+      "date": "2024-01-20",
+      "tags": "статические сайты, веб-разработка",
+      "excerpt": "История о том, почему я выбрал статические генераторы сайтов вместо традиционных CMS.",
+      "content": "<p>Долгое время я использовал WordPress для своих проектов.</p><p>Но затем открыл для мир статических генераторов.</p>"
+    },
+    {
+      "title": "Оптимизация производительности веб-приложений",
+      "slug": "performance-optimization",
+      "date": "2024-02-01",
+      "tags": "производительность, оптимизация",
+      "excerpt": "Практические советы по ускорению загрузки страниц и улучшению Core Web Vitals.",
+      "content": "<p>Производительность — ключевой фактор пользовательского опыта.</p><p>Расскажу о методах оптимизации.</p>"
+    }
+  ]
+}

package/templates/blog/src/layouts/base.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang }}">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{ site.title }}</title>
+  <meta name="description" content="{{ site.description }}">
+  <meta name="author" content="{{ site.author }}">
+  
+  <!-- SEO -->
+  <meta property="og:title" content="{{ site.title }}">
+  <meta property="og:description" content="{{ site.description }}">
+  <meta property="og:image" content="{{ seo.ogImage }}">
+  <meta property="og:type" content="{{ seo.ogType }}">
+  <link rel="canonical" href="{{ site.url }}">
+</head>
+<body>
+  <!-- include: components/header.html -->
+  
+  <!-- slot: content -->
+  
+  <!-- include: components/footer.html -->
+</body>
+</html>

package/templates/blog/src/pages/blog/index.html

@@ -0,0 +1,22 @@
+<!-- layout: layouts/base.html -->
+
+<!-- slot: content -->
+<main class="blog-list">
+  <h1>Все публикации</h1>
+
+  <!-- for: post in blog.posts -->
+  <article class="post-card">
+    <h2 class="post-title">
+      <a href="/blog/{{ post.slug }}">{{ post.title }}</a>
+    </h2>
+    <div class="post-meta">
+      <time datetime="{{ post.date }}">{{ post.date }}</time>
+      <span class="post-tags">{{ post.tags }}</span>
+    </div>
+    <p class="post-excerpt">{{ post.excerpt }}</p>
+    <a href="/blog/{{ post.slug }}" class="read-more">Читать далее →</a>
+  </article>
+  <!-- endfor -->
+</main>
+
+<!-- data-define: blog = src/data/posts.json -->

package/templates/blog/src/pages/blog/post.html

@@ -0,0 +1,20 @@
+<!-- layout: layouts/base.html -->
+
+<!-- slot: content -->
+<article class="blog-post">
+  <header class="post-header">
+    <h1>{{ blog.title }}</h1>
+    <div class="post-meta">
+      <time datetime="{{ blog.date }}">{{ blog.date }}</time>
+      <span class="post-tags">{{ blog.tags }}</span>
+    </div>
+  </header>
+
+  <div class="post-content">
+    {{ blog.content }}
+  </div>
+
+  <footer class="post-footer">
+    <a href="/blog/" class="back-link">← Все публикации</a>
+  </footer>
+</article>