create-arui-scripts-app 1.0.0

package/build/run.js

@@ -0,0 +1,191 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runInit = runInit;
+exports.resolveCdPath = resolveCdPath;
+/* eslint-disable no-console */
+const path_1 = __importDefault(require("path"));
+const chalk_1 = __importDefault(require("chalk"));
+const ora_1 = __importDefault(require("ora"));
+const prompts_1 = __importDefault(require("prompts"));
+const build_context_1 = require("./build-context");
+const build_file_map_1 = require("./build-file-map");
+const defaults_1 = require("./defaults");
+const install_dependencies_1 = require("./install-dependencies");
+const questions_1 = require("./questions");
+const validate_project_name_1 = require("./validate-project-name");
+const versions_1 = require("./versions");
+const write_files_1 = require("./write-files");
+// eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
+const { version: cliVersion } = require('../package.json');
+function runInit() {
+    return __awaiter(this, arguments, void 0, function* (options = {}) {
+        var _a, _b, _c;
+        const baseCwd = (_a = options.cwd) !== null && _a !== void 0 ? _a : process.cwd();
+        const targetDir = options.targetDirArg ? path_1.default.resolve(baseCwd, options.targetDirArg) : baseCwd;
+        const defaultName = path_1.default.basename(targetDir);
+        const aruiScriptsVersion = (_b = options.aruiScriptsVersion) !== null && _b !== void 0 ? _b : versions_1.DEFAULT_ARUI_SCRIPTS_VERSION;
+        const flags = (_c = options.flags) !== null && _c !== void 0 ? _c : {};
+        printBanner();
+        const initAnswers = yield resolveAnswers(defaultName, flags);
+        const nameError = (0, validate_project_name_1.validateProjectName)(initAnswers.name);
+        if (nameError !== true) {
+            throw new Error(nameError);
+        }
+        const context = (0, build_context_1.buildContext)(initAnswers, aruiScriptsVersion);
+        const files = (0, build_file_map_1.buildFileMap)(context);
+        const conflicts = yield (0, write_files_1.findConflictingFiles)(targetDir, files, write_files_1.STATIC_ASSET_PATHS);
+        if (conflicts.length > 0 && !flags.force) {
+            throw new Error([
+                `В ${targetDir} уже есть файлы, которые мастер хочет создать:`,
+                ...conflicts.map((file) => `  - ${file}`),
+                'Передайте --force, чтобы перезаписать, или выберите пустую папку.',
+            ].join('\n'));
+        }
+        yield (0, write_files_1.writeFiles)(targetDir, files);
+        const assetsCount = yield (0, write_files_1.copyStaticAssets)(targetDir);
+        printSuccess(context, targetDir, Object.keys(files).length + assetsCount);
+        const packageManager = (0, install_dependencies_1.detectPackageManager)();
+        if (initAnswers.install) {
+            const spinner = (0, ora_1.default)({ text: 'Устанавливаю зависимости…', color: 'cyan' }).start();
+            try {
+                yield (0, install_dependencies_1.installDependencies)(targetDir, packageManager);
+                spinner.succeed(chalk_1.default.green('Зависимости установлены'));
+            }
+            catch (error) {
+                spinner.fail(chalk_1.default.red('Не удалось установить зависимости'));
+                throw error;
+            }
+        }
+        printNextSteps(targetDir, baseCwd, initAnswers, packageManager);
+    });
+}
+function resolveAnswers(defaultName, flags) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const base = (0, defaults_1.answersFromFlags)(defaultName, flags);
+        if (flags.yes) {
+            return base;
+        }
+        if (!process.stdin.isTTY) {
+            if ((0, defaults_1.hasAnswerFlags)(flags)) {
+                return base;
+            }
+            throw new Error('Интерактивный режим недоступен. Передайте --yes или явные флаги настроек.');
+        }
+        let cancelled = false;
+        // Вопросы, отвеченные флагами, пропускаются — мастер задаст только остальные.
+        const answers = yield (0, prompts_1.default)((0, questions_1.getQuestions)(defaultName, flags), {
+            onCancel: () => {
+                cancelled = true;
+                return false;
+            },
+        });
+        if (cancelled) {
+            throw new Error('Отменено.');
+        }
+        return mergePromptAnswers(base, answers);
+    });
+}
+// Накладывает ответы мастера поверх базовых значений (флаги + дефолты)
+function mergePromptAnswers(base, answers) {
+    const merged = Object.assign({}, base);
+    if (answers.name !== undefined) {
+        merged.name = String(answers.name).trim();
+    }
+    if (answers.useRtk !== undefined) {
+        merged.useRtk = Boolean(answers.useRtk);
+    }
+    if (answers.clientOnly !== undefined) {
+        merged.clientOnly = Boolean(answers.clientOnly);
+    }
+    if (answers.codeLoader !== undefined) {
+        merged.codeLoader = answers.codeLoader;
+    }
+    if (answers.testRunner !== undefined) {
+        merged.testRunner = answers.testRunner;
+    }
+    if (answers.cssModules !== undefined) {
+        merged.cssModules = Boolean(answers.cssModules);
+    }
+    if (answers.clientServerPort !== undefined) {
+        merged.clientServerPort = Number(answers.clientServerPort) || 8080;
+    }
+    if (answers.serverPort !== undefined) {
+        merged.serverPort = Number(answers.serverPort) || 3000;
+    }
+    if (answers.dockerRegistry !== undefined) {
+        merged.dockerRegistry = String(answers.dockerRegistry);
+    }
+    if (answers.presets !== undefined) {
+        merged.presets = String(answers.presets);
+    }
+    if (answers.polyfills !== undefined) {
+        merged.polyfills = Boolean(answers.polyfills);
+    }
+    if (answers.reactCompiler !== undefined) {
+        merged.reactCompiler = Boolean(answers.reactCompiler);
+    }
+    if (answers.install !== undefined) {
+        merged.install = Boolean(answers.install);
+    }
+    return merged;
+}
+function printBanner() {
+    console.log();
+    console.log(`  ${chalk_1.default.bgCyan.black.bold(' create-arui-scripts-app ')} ${chalk_1.default.dim(`v${cliVersion}`)}`);
+    console.log(`  ${chalk_1.default.dim('Создаем новый проект - ответьте на несколько вопросов.')}`);
+    console.log();
+}
+function printSuccess(context, targetDir, fileCount) {
+    const stack = [
+        chalk_1.default.cyan(context.useRtk ? 'React + RTK' : 'React'),
+        chalk_1.default.dim(context.clientOnly ? 'clientOnly' : 'SSR'),
+        chalk_1.default.dim(context.codeLoader),
+        chalk_1.default.dim(context.testRunner),
+    ].join(chalk_1.default.dim(' · '));
+    console.log();
+    console.log(`  ${chalk_1.default.green('✔')} ${chalk_1.default.bold('Готово!')} ${chalk_1.default.dim(`проект «${context.name}» создан`)}`);
+    console.log(`    ${chalk_1.default.dim(targetDir)}`);
+    console.log(`    ${chalk_1.default.dim(`${fileCount} файлов`)} ${chalk_1.default.dim('·')} ${stack}`);
+}
+// Путь для подсказки `cd`: null — цель совпадает с cwd, а относительный — если цель внутри cwd, иначе берем абсолютный
+function resolveCdPath(baseCwd, targetDir) {
+    const relativeDir = path_1.default.relative(baseCwd, targetDir);
+    if (!relativeDir) {
+        return null;
+    }
+    if (relativeDir.startsWith('..') || path_1.default.isAbsolute(relativeDir)) {
+        return targetDir;
+    }
+    return relativeDir;
+}
+function printNextSteps(targetDir, baseCwd, answers, packageManager) {
+    const cdPath = resolveCdPath(baseCwd, targetDir);
+    const installCommand = packageManager === 'yarn' ? 'yarn' : 'npm install';
+    const startCommand = packageManager === 'yarn' ? 'yarn start' : 'npm start';
+    const steps = [];
+    if (cdPath) {
+        steps.push(`cd ${cdPath}`);
+    }
+    if (!answers.install) {
+        steps.push(installCommand);
+    }
+    steps.push(startCommand);
+    console.log();
+    console.log(`  ${chalk_1.default.bold('Дальше')}`);
+    steps.forEach((step, index) => {
+        console.log(`    ${chalk_1.default.dim(`${index + 1}.`)} ${chalk_1.default.cyan(step)}`);
+    });
+    console.log();
+}

package/build/templates/app-component.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateContext } from '../types';
+export declare function appComponentTemplate(ctx: TemplateContext): string;

package/build/templates/app-component.template.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appComponentTemplate = appComponentTemplate;
+function appComponentTemplate(ctx) {
+    const styleImport = ctx.cssModules
+        ? "import styles from './app.module.css';"
+        : "import './app.css';";
+    const rootClass = ctx.cssModules ? '{styles.root}' : "'app'";
+    const titleClass = ctx.cssModules ? '{styles.title}' : "'app__title'";
+    const coreImports = `import { Button } from '@alfalab/core-components/button';
+import { Gap } from '@alfalab/core-components/gap';
+import { Typography } from '@alfalab/core-components/typography';`;
+    const view = (count) => `        <div className=${rootClass}>
+            <Typography.Title view='medium' tag='h1' className=${titleClass}>
+                {${JSON.stringify(ctx.name)}}
+            </Typography.Title>
+
+            <Gap size={16} />
+
+            <Typography.Text view='primary-medium'>Счетчик: {${count}}</Typography.Text>
+
+            <Gap size={16} />`;
+    if (ctx.useRtk) {
+        return `import React from 'react';
+
+${coreImports}
+
+import { useAppDispatch, useAppSelector } from '../store/hooks';
+import { decrement, increment } from '../store/counter-slice';
+
+${styleImport}
+
+export function App() {
+    const count = useAppSelector((state) => state.counter.value);
+    const dispatch = useAppDispatch();
+
+    return (
+${view('count')}
+
+            <Button view='accent' size={48} onClick={() => dispatch(increment())}>
+                +1
+            </Button>{' '}
+            <Button view='secondary' size={48} onClick={() => dispatch(decrement())}>
+                -1
+            </Button>
+        </div>
+    );
+}
+`;
+    }
+    return `import React, { useState } from 'react';
+
+${coreImports}
+
+${styleImport}
+
+export function App() {
+    const [count, setCount] = useState(0);
+
+    return (
+${view('count')}
+
+            <Button view='accent' size={48} onClick={() => setCount((prev) => prev + 1)}>
+                +1
+            </Button>{' '}
+            <Button view='secondary' size={48} onClick={() => setCount((prev) => prev - 1)}>
+                -1
+            </Button>
+        </div>
+    );
+}
+`;
+}

package/build/templates/app-styles.template.d.ts

@@ -0,0 +1,3 @@
+import { type TemplateContext } from '../types';
+export declare function appStylesFileName(ctx: TemplateContext): string;
+export declare function appStylesTemplate(ctx: TemplateContext): string;

package/build/templates/app-styles.template.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appStylesFileName = appStylesFileName;
+exports.appStylesTemplate = appStylesTemplate;
+function appStylesFileName(ctx) {
+    return ctx.cssModules ? 'app.module.css' : 'app.css';
+}
+function appStylesTemplate(ctx) {
+    if (ctx.cssModules) {
+        return `.root {
+    padding: 16px;
+    font-family: sans-serif;
+}
+
+.title {
+    margin: 0 0 12px;
+    font-size: 24px;
+}
+`;
+    }
+    return `.app {
+    padding: 16px;
+    font-family: sans-serif;
+}
+
+.app__title {
+    margin: 0 0 12px;
+    font-size: 24px;
+}
+`;
+}

package/build/templates/app-test.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateContext } from '../types';
+export declare function appTestTemplate(ctx: TemplateContext): string;

package/build/templates/app-test.template.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appTestTemplate = appTestTemplate;
+function appTestTemplate(ctx) {
+    const vitestImport = ctx.testRunner === 'vitest' ? "import { describe, expect, it } from 'vitest';\n\n" : '';
+    return `${vitestImport}import { App } from '../app';
+
+describe('App', () => {
+    it('описание теста', () => {
+        expect(typeof App).toBe('function');
+    });
+});
+`;
+}

package/build/templates/arui-scripts-config.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateContext } from '../types';
+export declare function aruiScriptsConfigTemplate(ctx: TemplateContext): string;

package/build/templates/arui-scripts-config.template.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aruiScriptsConfigTemplate = aruiScriptsConfigTemplate;
+// Безопасная вставка строки в конфиг
+function tsString(value) {
+    return JSON.stringify(value);
+}
+function aruiScriptsConfigTemplate(ctx) {
+    const lines = [];
+    const clientBase = ctx.clientOnly ? './src' : './src/client';
+    if (ctx.clientOnly) {
+        lines.push('    clientOnly: true,');
+    }
+    else {
+        lines.push(`    clientEntry: ${tsString(clientBase)},`);
+    }
+    lines.push(`    componentsTheme: ${tsString('./node_modules/@alfalab/core-components/themes/corp.css')},`);
+    if (ctx.codeLoader !== 'swc') {
+        lines.push(`    codeLoader: ${tsString(ctx.codeLoader)},`);
+    }
+    if (ctx.clientServerPort !== 8080) {
+        lines.push(`    clientServerPort: ${ctx.clientServerPort},`);
+    }
+    if (!ctx.clientOnly && ctx.serverPort !== 3000) {
+        lines.push(`    serverPort: ${ctx.serverPort},`);
+    }
+    if (ctx.dockerRegistry) {
+        lines.push(`    dockerRegistry: ${tsString(ctx.dockerRegistry)},`);
+    }
+    if (ctx.presets) {
+        lines.push(`    presets: ${tsString(ctx.presets)},`);
+    }
+    if (ctx.polyfills) {
+        lines.push(`    clientPolyfillsEntry: ${tsString(`${clientBase}/polyfills`)},`);
+    }
+    if (ctx.reactCompiler) {
+        lines.push("    experimentalReactCompiler: { target: '19' },");
+    }
+    const body = lines.length > 0 ? `\n${lines.join('\n')}\n` : '';
+    return `import { type PackageSettings } from 'arui-scripts';
+
+const config: PackageSettings = {${body}};
+
+export default config;
+`;
+}

package/build/templates/client-entry.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateContext } from '../types';
+export declare function clientEntryTemplate(ctx: TemplateContext): string;

package/build/templates/client-entry.template.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clientEntryTemplate = clientEntryTemplate;
+const HMR_BLOCK = `if (process.env.NODE_ENV !== 'production' && module.hot) {
+    module.hot.accept('./components/app', () => {
+        // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
+        const NextApp = require('./components/app').App;
+
+        render(NextApp);
+    });
+}
+`;
+function clientEntryTemplate(ctx) {
+    return ctx.clientOnly ? clientOnlyEntryTemplate(ctx) : ssrEntryTemplate(ctx);
+}
+function ssrEntryTemplate(ctx) {
+    if (ctx.useRtk) {
+        return `import React from 'react';
+import { hydrateRoot } from 'react-dom/client';
+import { Provider } from 'react-redux';
+
+import { App } from './components/app';
+import { makeStore, type RootState } from './store';
+
+declare global {
+    interface Window {
+        __PRELOADED_STATE__?: Partial<RootState>;
+    }
+}
+
+const store = makeStore(window.__PRELOADED_STATE__);
+const targetElement = document.getElementById('react-app');
+
+const root = hydrateRoot(
+    targetElement!,
+    <Provider store={store}>
+        <App />
+    </Provider>,
+);
+
+function render(AppComponent: typeof App) {
+    root.render(
+        <Provider store={store}>
+            <AppComponent />
+        </Provider>,
+    );
+}
+
+${HMR_BLOCK}`;
+    }
+    return `import React from 'react';
+import { hydrateRoot } from 'react-dom/client';
+
+import { App } from './components/app';
+
+const targetElement = document.getElementById('react-app');
+const root = hydrateRoot(targetElement!, <App />);
+
+function render(AppComponent: typeof App) {
+    root.render(<AppComponent />);
+}
+
+${HMR_BLOCK}`;
+}
+function clientOnlyEntryTemplate(ctx) {
+    if (ctx.useRtk) {
+        return `import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { Provider } from 'react-redux';
+
+import { App } from './components/app';
+import { makeStore } from './store';
+
+const store = makeStore();
+const targetElement = document.getElementById('react-app');
+const root = createRoot(targetElement!);
+
+function render(AppComponent: typeof App) {
+    root.render(
+        <Provider store={store}>
+            <AppComponent />
+        </Provider>,
+    );
+}
+
+render(App);
+
+${HMR_BLOCK}`;
+    }
+    return `import React from 'react';
+import { createRoot } from 'react-dom/client';
+
+import { App } from './components/app';
+
+const targetElement = document.getElementById('react-app');
+const root = createRoot(targetElement!);
+
+function render(AppComponent: typeof App) {
+    root.render(<AppComponent />);
+}
+
+render(App);
+
+${HMR_BLOCK}`;
+}

package/build/templates/misc.template.d.ts

@@ -0,0 +1,6 @@
+import { type TemplateContext } from '../types';
+export declare function gitignoreTemplate(): string;
+export declare function globalDefinitionsTemplate(): string;
+export declare function polyfillsTemplate(): string;
+export declare function yarnrcTemplate(): string;
+export declare function readmeTemplate(ctx: TemplateContext): string;

package/build/templates/misc.template.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gitignoreTemplate = gitignoreTemplate;
+exports.globalDefinitionsTemplate = globalDefinitionsTemplate;
+exports.polyfillsTemplate = polyfillsTemplate;
+exports.yarnrcTemplate = yarnrcTemplate;
+exports.readmeTemplate = readmeTemplate;
+function gitignoreTemplate() {
+    return `node_modules
+.build
+build.tar
+.cache-loader
+
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+`;
+}
+function globalDefinitionsTemplate() {
+    return `declare module '*.png' {
+    const url: string;
+    export default url;
+}
+
+declare module '*.svg' {
+    const url: string;
+    export default url;
+}
+
+declare module '*.module.css' {
+    const styles: Record<string, string>;
+    export default styles;
+}
+
+declare module '*.css';
+`;
+}
+function polyfillsTemplate() {
+    return "import 'core-js/stable';\n";
+}
+function yarnrcTemplate() {
+    return `nodeLinker: node-modules
+
+npmRegistryServer: "http://binary/artifactory/api/npm/npm/"
+
+unsafeHttpWhitelist:
+  - binary
+
+yarnPath: .yarn/releases/yarn-4.9.1.cjs
+
+defaultSemverRangePrefix: ""
+`;
+}
+function readmeTemplate(ctx) {
+    const testCommand = ctx.testRunner === 'jest' ? 'arui-scripts test' : 'arui-scripts test:vitest';
+    return `# ${ctx.name}
+
+Проект создан с помощью arui-scripts.
+
+## Команды
+
+    arui-scripts start - запуск dev-сервера
+    arui-scripts build - production-сборка
+    ${testCommand}${' '.repeat(Math.max(1, 20 - testCommand.length))}- запуск тестов
+
+## Установка
+
+    yarn install
+`;
+}

package/build/templates/package-json.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateContext } from '../types';
+export declare function packageJsonTemplate(ctx: TemplateContext): string;

package/build/templates/package-json.template.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.packageJsonTemplate = packageJsonTemplate;
+function sortKeys(record) {
+    return Object.keys(record)
+        .sort()
+        .reduce((acc, key) => {
+        acc[key] = record[key];
+        return acc;
+    }, {});
+}
+function packageJsonTemplate(ctx) {
+    const scripts = {
+        start: 'arui-scripts start',
+        build: 'arui-scripts build',
+        test: ctx.testRunner === 'jest' ? 'arui-scripts test' : 'arui-scripts test:vitest',
+    };
+    if (ctx.dockerRegistry) {
+        scripts['docker-build'] = 'arui-scripts docker-build';
+    }
+    const pkg = {
+        name: ctx.name,
+        version: '0.1.0',
+        private: true,
+        scripts,
+        engines: {
+            node: '>=24.11.1',
+        },
+    };
+    if (ctx.testRunner === 'jest') {
+        pkg.jest = { preset: 'arui-scripts' };
+    }
+    pkg.dependencies = sortKeys(ctx.dependencies);
+    pkg.devDependencies = sortKeys(ctx.devDependencies);
+    return `${JSON.stringify(pkg, null, 4)}\n`;
+}

package/build/templates/server-entry.template.d.ts

@@ -0,0 +1,2 @@
+import { type TemplateContext } from '../types';
+export declare function serverEntryTemplate(ctx: TemplateContext): string;