@mrktg/project-generator 1.0.0

package/README.md

@@ -0,0 +1,51 @@
+# @mrktg/project-generator
+
+Движок генератора лендингов на Astro. Публикуется в npm как `@mrktg/project-generator`. Ничего не знает о брендах и регионах: реестр брендов,
+регион, региональный оверлей шаблона и темы приходят от регионального генератора.
+
+Региональные генераторы — тонкие обёртки: `bin` с вызовом `main(config)`, свой `template/`
+с `Layout.astro` под пакет компонентов региона, карта тем. Пользователь запускает их:
+`npm create <регион>-project my-landing`.
+
+## Что делает движок
+
+1. Вопросы (`@clack/prompts`): имя проекта (или `.` — текущая папка), бренд из реестра,
+   путь после `/journey/`, ставить ли зависимости, делать ли `git init`. Любой ответ можно передать
+   флагом (`--brand`, `--path`, `--install`/`--no-install`, `--git`/`--no-git`), тогда вопрос не задаётся.
+2. `buildVars`: из бренда и региона собирает словарь для шаблона — прод-урл
+   `https://<хост бренда>/journey/<путь>/`, `base` для Astro, фавиконка и язык бренда, урлы
+   инфраструктуры региона (лоадер футера, clamp-scaling, лоадер аналитики), пакет и версия компонентов.
+3. `scaffold`: копирует `template/base` движка, поверх — `config.templateDir` регионального генератора.
+   Плейсхолдеры `{{KEY}}` подставляются, неизвестный ключ — ошибка. Файлы `_gitignore`, `_nvmrc`,
+   `_editorconfig` переименовываются в dot-файлы (npm выкидывает их при публикации).
+
+## Конфиг регионального генератора
+
+```js
+import { main } from '@mrktg/project-generator';
+
+main({
+  command: 'create-xx-project',      // имя bin, для справки и README сгенерированного проекта
+  registry,                          // реестр брендов региона (brands-core IRegistry)
+  region,                            // { id, host, bucketHost, componentsPackage }
+  templateDir,                       // абсолютный путь к региональному оверлею шаблона
+  brandTheme: (brand) => 'theme',    // какую тему пакета компонентов подключать бренду
+  componentsVersion: async (pkg) => '^1.0.0', // необязательно; по умолчанию — свежая из npm
+});
+```
+
+Региональный оверлей обязан содержать `src/layouts/Layout.astro` — базовый шаблон его импортирует.
+Доступные плейсхолдеры: см. `src/vars.js`.
+
+## Урлы инфраструктуры
+
+`src/urls.js` знает три точки входа на хосте региона: `/footers/loader.js`, `/clamp-scaling/v1`,
+`/loader/loader.js`. Это публичные контракты соответствующих репозиториев; меняется контракт —
+правится здесь.
+
+## Разработка
+
+```bash
+npm install
+npm test          # node --test, на вымышленном регионе и бренде
+```

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@mrktg/project-generator",
+  "version": "1.0.0",
+  "description": "Движок генератора лендингов: вопросы, шаблон Astro, подстановка. Бренды, регионы и региональные оверлеи приходят от региональных генераторов.",
+  "type": "module",
+  "files": [
+    "src",
+    "template",
+    "README.md"
+  ],
+  "scripts": {
+    "test": "node --test"
+  },
+  "engines": {
+    "node": ">=22.18"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.11.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@gitlab.srv.team/marketing-common/project-generator.git"
+  },
+  "keywords": [
+    "astro",
+    "generator",
+    "landing"
+  ],
+  "main": "src/index.js",
+  "exports": {
+    ".": "./src/index.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/args.js

@@ -0,0 +1,46 @@
+import { parseArgs } from 'node:util';
+
+/**
+ * npm create <region>-project my-project -- --brand <id> --path greece --no-install --no-git
+ * Любой ответ можно передать флагом, тогда вопрос не задаётся.
+ */
+export const readArgs = (argv) => {
+  const { values, positionals } = parseArgs({
+    args: argv,
+    allowPositionals: true,
+    options: {
+      brand: { type: 'string' },
+      path: { type: 'string' },
+      install: { type: 'boolean' },
+      'no-install': { type: 'boolean' },
+      git: { type: 'boolean' },
+      'no-git': { type: 'boolean' },
+      help: { type: 'boolean', short: 'h' },
+    },
+  });
+
+  const flag = (yes, no) => (values[no] ? false : values[yes] ? true : undefined);
+
+  return {
+    help: values.help ?? false,
+    answers: {
+      projectName: positionals[0],
+      brandId: values.brand,
+      landingPath: values.path,
+      install: flag('install', 'no-install'),
+      git: flag('git', 'no-git'),
+    },
+  };
+};
+
+export const buildHelp = ({ command, registry }) => `
+Использование:
+  npm create ${command.replace(/^create-/, '')} [имя-проекта | .] [-- флаги]
+
+Флаги (каждый заменяет соответствующий вопрос):
+  --brand <id>       бренд: ${registry.brands.map((brand) => `${brand.id} (${brand.title.en})`).join(', ')}
+  --path <slug>      путь лендинга после /journey/ (прод-урл: https://<хост бренда>/journey/<slug>/)
+  --install / --no-install
+  --git / --no-git
+  -h, --help
+`;

package/src/cli.js

@@ -0,0 +1,78 @@
+import { spawn } from 'node:child_process';
+import path from 'node:path';
+import * as p from '@clack/prompts';
+import { buildHelp, readArgs } from './args.js';
+import { askQuestions } from './questions.js';
+import { buildVars } from './vars.js';
+import { scaffold } from './scaffold.js';
+
+const run = (cmd, args, cwd) =>
+  new Promise((resolve, reject) => {
+    const child = spawn(cmd, args, { cwd, stdio: 'inherit', shell: process.platform === 'win32' });
+    child.on('exit', (code) => (code === 0 ? resolve() : reject(new Error(`${cmd} ${args.join(' ')} завершился с кодом ${code}`))));
+    child.on('error', reject);
+  });
+
+/**
+ * Точка входа регионального генератора. Движок ничего не знает о брендах и регионах:
+ * всё это приходит в config от регионального пакета.
+ *
+ * config:
+ *   command           имя команды для справки, например create-xx-project
+ *   registry          реестр брендов региона (brands-core IRegistry)
+ *   region            регион с host, bucketHost, componentsPackage
+ *   templateDir       папка регионального оверлея шаблона (кладётся поверх template/base движка)
+ *   brandTheme(brand) какую тему пакета компонентов подключать бренду
+ *   componentsVersion(pkg)?  версия пакета компонентов; по умолчанию — свежая из npm
+ */
+export const runCli = async (config, argv = process.argv.slice(2)) => {
+  const { help, answers: initial } = readArgs(argv);
+  if (help) {
+    console.log(buildHelp(config));
+    return;
+  }
+
+  p.intro(config.command);
+
+  const answers = await askQuestions(config, initial);
+  const vars = await buildVars(config, answers);
+  const targetDir = path.resolve(process.cwd(), answers.projectName);
+
+  const spinner = p.spinner();
+  spinner.start('Копирую шаблон');
+  await scaffold(config, targetDir, vars);
+  spinner.stop(`Проект создан в ${path.relative(process.cwd(), targetDir) || 'текущей папке'}`);
+
+  if (answers.git) {
+    await run('git', ['init', '-q'], targetDir);
+    p.log.success('git init');
+  }
+  if (answers.install) {
+    p.log.step('npm install');
+    await run('npm', ['install'], targetDir);
+  }
+
+  p.note(
+    [
+      `Бренд:      ${vars.BRAND_TITLE} (${vars.REGION})`,
+      `Прод:       ${vars.PROD_URL}`,
+      `Компоненты: ${vars.COMPONENTS_PACKAGE}@${vars.COMPONENTS_VERSION}`,
+      `Футер:      ${vars.FOOTER_LOADER_URL} (data-brand=${vars.BRAND_ID})`,
+      '',
+      answers.projectName === '.' ? '' : `cd ${answers.projectName}`,
+      answers.install ? '' : 'npm install',
+      'npm run dev',
+    ]
+      .filter((line) => line !== '')
+      .join('\n'),
+    'Дальше',
+  );
+  p.outro('Готово.');
+};
+
+/** Обёртка для bin регионального генератора: ошибки — в лог и код выхода 1. */
+export const main = (config) =>
+  runCli(config).catch((error) => {
+    p.log.error(error.message);
+    process.exit(1);
+  });

package/src/components-version.js

@@ -0,0 +1,18 @@
+import { execFile } from 'node:child_process';
+import { promisify } from 'node:util';
+
+const execFileAsync = promisify(execFile);
+
+/**
+ * Версия пакета компонентов для package.json нового проекта: свежая из npm.
+ * Если npm недоступен — `latest`, npm install разрешит его сам.
+ */
+export const defaultComponentsVersion = async (pkg) => {
+  try {
+    const { stdout } = await execFileAsync('npm', ['view', pkg, 'version'], { timeout: 15_000 });
+    const version = stdout.trim();
+    return version ? `^${version}` : 'latest';
+  } catch {
+    return 'latest';
+  }
+};

package/src/index.js

@@ -0,0 +1,4 @@
+export { runCli, main } from './cli.js';
+export { buildVars } from './vars.js';
+export { scaffold } from './scaffold.js';
+export { defaultComponentsVersion } from './components-version.js';

package/src/questions.js

@@ -0,0 +1,89 @@
+import path from 'node:path';
+import * as p from '@clack/prompts';
+
+/**
+ * Цепочка вопросов. Каждый вопрос — { id, ask(ctx) }: читает уже собранные ответы
+ * из ctx, возвращает свой. Ответ, переданный флагом CLI (ctx[id] уже есть),
+ * не переспрашивается — так генератор работает и без TTY.
+ *
+ * Чтобы добавить вопрос — добавить объект в массив и использовать ответ
+ * в buildVars (src/vars.js).
+ */
+
+const PROJECT_NAME_RE = /^[a-z0-9][a-z0-9._-]*$/;
+
+const validateProjectName = (value) => {
+  if (!value) return 'Введите имя проекта';
+  if (value === '.') return undefined;
+  if (!PROJECT_NAME_RE.test(value)) return 'Только строчные латинские буквы, цифры, «-», «_», «.»';
+  return undefined;
+};
+
+const LANDING_PATH_RE = /^[a-z0-9][a-z0-9-]*(\/[a-z0-9][a-z0-9-]*)*$/;
+
+const validateLandingPath = (value) => {
+  if (!value) return 'Введите путь';
+  if (!LANDING_PATH_RE.test(value)) return 'Строчные латинские буквы, цифры и «-», без ведущего и конечного слэша: greece или promo/greece';
+  return undefined;
+};
+
+export const buildQuestions = ({ registry }) => [
+  {
+    id: 'projectName',
+    ask: () =>
+      p.text({
+        message: 'Имя проекта (папка и name в package.json; «.» — текущая папка)',
+        placeholder: 'my-landing',
+        validate: validateProjectName,
+      }),
+    validate: validateProjectName,
+  },
+  {
+    id: 'brandId',
+    ask: () =>
+      p.select({
+        message: 'WHITE_LABEL — под какой бренд лендинг?',
+        options: registry.brands.map((brand) => ({ value: brand.id, label: brand.title.en })),
+      }),
+    validate: (value) => (registry.isBrandId(value) ? undefined : `Неизвестный бренд «${value}». Есть: ${registry.brandIds.join(', ')}`),
+  },
+  {
+    id: 'landingPath',
+    ask: (ctx) =>
+      p.text({
+        message: `Путь лендинга после /journey/ (${registry.getBrand(ctx.brandId).siteHost}/journey/…)`,
+        // initialValue, а не defaultValue: default подставляется после валидации и пустой ввод не проходит
+        initialValue: ctx.projectName === '.' ? path.basename(process.cwd()) : ctx.projectName,
+        validate: validateLandingPath,
+      }),
+    validate: validateLandingPath,
+  },
+  {
+    id: 'install',
+    ask: () => p.confirm({ message: 'Установить зависимости (npm install)?', initialValue: true }),
+  },
+  {
+    id: 'git',
+    ask: () => p.confirm({ message: 'Инициализировать git-репозиторий?', initialValue: true }),
+  },
+];
+
+export const askQuestions = async (config, initial) => {
+  const ctx = { ...initial };
+
+  for (const question of buildQuestions(config)) {
+    if (ctx[question.id] !== undefined) {
+      const error = question.validate?.(ctx[question.id]);
+      if (error) throw new Error(`--${question.id}: ${error}`);
+      continue;
+    }
+    const answer = await question.ask(ctx);
+    if (p.isCancel(answer)) {
+      p.cancel('Отменено.');
+      process.exit(0);
+    }
+    ctx[question.id] = answer;
+  }
+
+  return ctx;
+};

package/src/render.js

@@ -0,0 +1,10 @@
+const PLACEHOLDER_RE = /\{\{([A-Z0-9_]+)\}\}/g;
+
+/** Подставляет {{KEY}} из vars. Неизвестный ключ — ошибка, чтобы шаблон не разъезжался с vars.js. */
+export const render = (source, vars, fileName = '') =>
+  source.replace(PLACEHOLDER_RE, (_, key) => {
+    if (!(key in vars)) {
+      throw new Error(`В шаблоне ${fileName} плейсхолдер {{${key}}}, которого нет в buildVars()`);
+    }
+    return String(vars[key]);
+  });

package/src/scaffold.js

@@ -0,0 +1,51 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { render } from './render.js';
+
+const TEMPLATE_ROOT = fileURLToPath(new URL('../template/', import.meta.url));
+
+/** npm при публикации выкидывает .gitignore и т.п., поэтому в шаблоне они лежат с «_». */
+const RENAMES = { _gitignore: '.gitignore', _npmrc: '.npmrc', _editorconfig: '.editorconfig', _nvmrc: '.nvmrc' };
+
+const BINARY_EXT = new Set(['.png', '.jpg', '.jpeg', '.webp', '.gif', '.ico', '.woff', '.woff2']);
+
+const copyDir = async (from, to, vars) => {
+  const entries = await fs.readdir(from, { withFileTypes: true });
+  for (const entry of entries) {
+    const src = path.join(from, entry.name);
+    const dest = path.join(to, RENAMES[entry.name] ?? entry.name);
+    if (entry.isDirectory()) {
+      await fs.mkdir(dest, { recursive: true });
+      await copyDir(src, dest, vars);
+      continue;
+    }
+    if (BINARY_EXT.has(path.extname(entry.name))) {
+      await fs.copyFile(src, dest);
+      continue;
+    }
+    const source = await fs.readFile(src, 'utf8');
+    await fs.writeFile(dest, render(source, vars, src));
+  }
+};
+
+/**
+ * Собирает проект: template/base движка, поверх него региональный оверлей config.templateDir.
+ * Файл из оверлея перекрывает одноимённый файл базы.
+ */
+export const scaffold = async ({ templateDir }, targetDir, vars) => {
+  await fs.mkdir(targetDir, { recursive: true });
+  const existing = await fs.readdir(targetDir);
+  if (existing.length > 0) {
+    throw new Error(`Папка ${targetDir} не пустая`);
+  }
+
+  for (const layerDir of [path.join(TEMPLATE_ROOT, 'base'), templateDir]) {
+    try {
+      await fs.access(layerDir);
+    } catch {
+      throw new Error(`Нет слоя шаблона ${layerDir}`);
+    }
+    await copyDir(layerDir, targetDir, vars);
+  }
+};

package/src/urls.js

@@ -0,0 +1,14 @@
+/**
+ * Урлы инфраструктуры региона. Реестр брендов знает только хост, схемы путей принадлежат
+ * репозиториям, которые туда выкладывают. Здесь ровно три точки входа, дальше каждая система
+ * разбирается сама (лоадер футера — с брендом и языком, clamp-scaling — с брейкпоинтами).
+ */
+
+/** live-footer-loader: один скрипт, сборку футера выбирает сам. */
+export const footerLoaderUrl = (region) => `${region.host}/footers/loader.js`;
+
+/** clamp-scaling: два файла, версия зашита в путь. */
+export const clampScalingBaseUrl = (region) => `${region.host}/clamp-scaling/v1`;
+
+/** Лоадер аналитики региона. */
+export const analyticsLoaderUrl = (region) => `${region.host}/loader/loader.js`;

package/src/vars.js

@@ -0,0 +1,41 @@
+import { analyticsLoaderUrl, clampScalingBaseUrl, footerLoaderUrl } from './urls.js';
+import { defaultComponentsVersion } from './components-version.js';
+
+/**
+ * Из ответов на вопросы собирает плоский словарь для подстановки в шаблон.
+ * Ключ словаря = имя плейсхолдера {{KEY}} в файлах шаблона.
+ */
+export const buildVars = async (config, answers) => {
+  const { registry, region, brandTheme, componentsVersion = defaultComponentsVersion } = config;
+  const brand = registry.getBrand(answers.brandId);
+  // Все лендинги живут на https://<хост бренда>/journey/<путь>/
+  const prodUrl = new URL(`/journey/${answers.landingPath}/`, registry.siteUrl(brand.id));
+  // base для Astro: без конечного слэша, /journey/<путь>
+  const basePath = prodUrl.pathname.replace(/\/$/, '');
+
+  return {
+    // «.» — проект в текущей папке, имя пакета берём из её названия
+    PROJECT_NAME: answers.projectName === '.' ? basenameOfCwd() : answers.projectName,
+    GENERATOR: config.command,
+    BRAND_ID: brand.id,
+    BRAND_TITLE: brand.title.en,
+    REGION: region.id,
+    LANG: brand.siteLang,
+    THEME: brandTheme(brand),
+    PROD_URL: prodUrl.href,
+    LANDING_PATH: answers.landingPath,
+    BASE_PATH: basePath,
+    PROD_ORIGIN: prodUrl.origin,
+    // Та же иконка, что у основного продукта бренда
+    FAVICON_URL: brand.favicon.href,
+    FAVICON_TYPE: brand.favicon.type,
+    COMPONENTS_PACKAGE: region.componentsPackage,
+    COMPONENTS_VERSION: await componentsVersion(region.componentsPackage),
+    ANALYTICS_LOADER_URL: analyticsLoaderUrl(region),
+    CLAMP_SCALING_BASE_URL: clampScalingBaseUrl(region),
+    FOOTER_LOADER_URL: footerLoaderUrl(region),
+    ASSETS_HOST: region.host,
+  };
+};
+
+const basenameOfCwd = () => process.cwd().split(/[\\/]/).filter(Boolean).at(-1);

package/template/base/.prettierrc.mjs

@@ -0,0 +1,5 @@
+/** @type {import("prettier").Config} */
+export default {
+  plugins: ["prettier-plugin-astro"],
+  overrides: [{ files: "*.astro", options: { parser: "astro" } }],
+};

package/template/base/README.md

@@ -0,0 +1,46 @@
+# {{PROJECT_NAME}}
+
+Лендинг **{{BRAND_TITLE}}** на [Astro](https://astro.build/). Сгенерирован `{{GENERATOR}}`.
+
+| Параметр       | Значение                                    |
+| -------------- | ------------------------------------------- |
+| Бренд          | {{BRAND_TITLE}} (`{{BRAND_ID}}`)            |
+| Регион         | `{{REGION}}`                                |
+| Прод           | {{PROD_URL}}                                |
+| Локально       | http://localhost:4321{{BASE_PATH}}/         |
+| Компоненты     | `{{COMPONENTS_PACKAGE}}`                    |
+| Хост ассетов   | {{ASSETS_HOST}}                             |
+| Футер          | {{FOOTER_LOADER_URL}}, `data-brand={{BRAND_ID}}` |
+
+Эти значения также лежат в `src/site.config.ts`.
+
+## Что уже подключено
+
+- **Тема компонентов** — `ThemeProvider` в `src/layouts/Layout.astro`: шрифты и токены бренда.
+- **Флюидная вёрстка** — `clamp-scaling` (`base.css` + `media.css`) в `<head>`. Верстаем в `rem`,
+  1rem = 1px макета. Если флюид нужен не на всех страницах, `<link>` переносятся из общего layout
+  на конкретную страницу.
+- **Аналитика** — лоадер региона `{{ANALYTICS_LOADER_URL}}` в `<head>`.
+- **Живой футер** — `src/components/LiveFooter.astro`: лоадер из `live-footer-loader`, сборку выбирает по `data-brand`,
+  язык берёт из `<html lang>`, fluid включает сам по переменной clamp-scaling.
+
+## Команды
+
+| Команда           | Описание                                  |
+| ----------------- | ----------------------------------------- |
+| `npm install`     | Установить зависимости                    |
+| `npm run dev`     | Сервер разработки, http://localhost:4321{{BASE_PATH}}/ |
+| `npm run build`   | Собрать проект для продакшена (`./dist/`) |
+| `npm run preview` | Локальный предпросмотр сборки             |
+| `npm run pack`    | Собрать `dist.zip` для публикации         |
+
+## Развертывание
+
+1. `npm run pack`
+2. Выложить `dist.zip` через админку.
+
+## Документация
+
+- [Astro](https://docs.astro.build)
+- [React](https://react.dev/)
+- Компоненты: `node_modules/{{COMPONENTS_PACKAGE}}/README.md`

package/template/base/_editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

package/template/base/_gitignore

@@ -0,0 +1,24 @@
+# build output
+dist/
+dist.zip
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/

package/template/base/_nvmrc

@@ -0,0 +1 @@
+24

package/template/base/astro.config.mjs

@@ -0,0 +1,20 @@
+import { defineConfig } from "astro/config";
+import svgr from "vite-plugin-svgr";
+import react from "@astrojs/react";
+
+// https://astro.build/config
+export default defineConfig({
+  // Хост бренда: канонические ссылки, og:url, sitemap.
+  site: "{{PROD_ORIGIN}}",
+  // Путь лендинга: в проде https://<хост>/journey/<путь>/, локально http://localhost:4321/journey/<путь>/
+  base: "{{BASE_PATH}}",
+  build: {
+    format: "directory",
+    // Относительные пути к ассетам: архив статики кладётся в админку по любому пути.
+    assetsPrefix: "./",
+  },
+  integrations: [react()],
+  vite: {
+    plugins: [svgr()],
+  },
+});

package/template/base/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "{{PROJECT_NAME}}",
+  "type": "module",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro",
+    "prettier": "npx prettier . --write",
+    "zip": "zip -r dist.zip dist",
+    "pack": "npm run build && rm -rf dist.zip && npm run zip"
+  },
+  "dependencies": {
+    "@astrojs/react": "^4.2.0",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "astro": "^5.3.1",
+    "classnames": "^2.5.1",
+    "{{COMPONENTS_PACKAGE}}": "{{COMPONENTS_VERSION}}",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "prettier": "^3.5.2",
+    "prettier-plugin-astro": "^0.14.1",
+    "vite-plugin-svgr": "^4.3.0"
+  }
+}

package/template/base/src/components/Hero.astro

@@ -0,0 +1,34 @@
+---
+/**
+ * Демо-секция, чтобы проект сразу собирался и было видно флюидную вёрстку.
+ * Размеры в rem: 1rem = 1px макета благодаря clamp-scaling из Layout.
+ * Заменить на реальные секции лендинга.
+ */
+import { SITE } from "../site.config";
+---
+
+<section class="hero">
+  <h1 class="hero__title">{SITE.brandTitle}</h1>
+  <p class="hero__text">Лендинг сгенерирован из стаба. Регион: {SITE.region}, прод: {SITE.prodUrl}</p>
+</section>
+
+<style>
+  .hero {
+    padding: 80rem 24rem;
+    max-width: 1440rem;
+    margin: 0 auto;
+    box-sizing: border-box;
+  }
+
+  .hero__title {
+    margin: 0 0 16rem;
+    font-size: 48rem;
+    line-height: 1.1;
+  }
+
+  .hero__text {
+    margin: 0;
+    font-size: 18rem;
+    line-height: 1.4;
+  }
+</style>

package/template/base/src/components/LiveFooter.astro

@@ -0,0 +1,10 @@
+---
+/**
+ * Живой футер бренда. Подключается через лоадер из репозитория live-footer-loader:
+ * он сам выбирает сборку по data-brand, язык берёт из <html lang>, fluid — по переменной
+ * clamp-scaling на :root. Схема урлов сборок футера лендингу неизвестна и не нужна.
+ * Настройки футера (data-max-width, data-target и др.) пишутся на этом же теге.
+ */
+---
+
+<script src="{{FOOTER_LOADER_URL}}" data-brand="{{BRAND_ID}}" async is:inline></script>

package/template/base/src/pages/index.astro

@@ -0,0 +1,10 @@
+---
+import Layout from "../layouts/Layout.astro";
+import Hero from "../components/Hero.astro";
+import LiveFooter from "../components/LiveFooter.astro";
+---
+
+<Layout>
+  <Hero />
+  <LiveFooter />
+</Layout>

package/template/base/src/site.config.ts

@@ -0,0 +1,12 @@
+/**
+ * Параметры лендинга, заданные при генерации ({{GENERATOR}}).
+ * Единственное место, где живут бренд, регион и прод-урл — остальной код читает отсюда.
+ */
+export const SITE = {
+  brand: "{{BRAND_ID}}",
+  brandTitle: "{{BRAND_TITLE}}",
+  region: "{{REGION}}",
+  lang: "{{LANG}}",
+  prodUrl: "{{PROD_URL}}",
+  assetsHost: "{{ASSETS_HOST}}",
+} as const;

package/template/base/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist"],
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "moduleResolution": "node"
+  }
+}

package/template/base/vite-env.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="vite-plugin-svgr/client" />
+
+declare global {
+  interface Window {
+    dataLayer: Record<string, unknown>[];
+  }
+}
+
+export {};