create-alistt69-kit 0.1.9 → 0.1.12

package/src/core/replace-tokens.js

@@ -1,46 +1,46 @@
-import { readFile, readdir, stat, writeFile } from 'node:fs/promises';
-import { resolve } from 'node:path';
-
-const replaceTokensInFile = async (filePath, tokens) => {
-    const fileContent = await readFile(filePath, 'utf8');
-
-    let updatedContent = fileContent;
-
-    for (const [token, value] of Object.entries(tokens)) {
-        updatedContent = updatedContent.replaceAll(token, value);
-    }
-
-    await writeFile(filePath, updatedContent, 'utf8');
-};
-
-const replaceTokensRecursively = async (targetPath, tokens) => {
-    const targetStat = await stat(targetPath);
-
-    if (targetStat.isFile()) {
-        await replaceTokensInFile(targetPath, tokens);
-        return;
-    }
-
-    if (!targetStat.isDirectory()) {
-        return;
-    }
-
-    const entries = await readdir(targetPath, { withFileTypes: true });
-
-    for (const entry of entries) {
-        const entryPath = resolve(targetPath, entry.name);
-
-        if (entry.isDirectory()) {
-            await replaceTokensRecursively(entryPath, tokens);
-            continue;
-        }
-
-        if (entry.isFile()) {
-            await replaceTokensInFile(entryPath, tokens);
-        }
-    }
-};
-
-export async function replaceTokens(targetDirPath, tokens) {
-    await replaceTokensRecursively(targetDirPath, tokens);
+import { readFile, readdir, stat, writeFile } from 'node:fs/promises';
+import { resolve } from 'node:path';
+
+const replaceTokensInFile = async (filePath, tokens) => {
+    const fileContent = await readFile(filePath, 'utf8');
+
+    let updatedContent = fileContent;
+
+    for (const [token, value] of Object.entries(tokens)) {
+        updatedContent = updatedContent.replaceAll(token, value);
+    }
+
+    await writeFile(filePath, updatedContent, 'utf8');
+};
+
+const replaceTokensRecursively = async (targetPath, tokens) => {
+    const targetStat = await stat(targetPath);
+
+    if (targetStat.isFile()) {
+        await replaceTokensInFile(targetPath, tokens);
+        return;
+    }
+
+    if (!targetStat.isDirectory()) {
+        return;
+    }
+
+    const entries = await readdir(targetPath, { withFileTypes: true });
+
+    for (const entry of entries) {
+        const entryPath = resolve(targetPath, entry.name);
+
+        if (entry.isDirectory()) {
+            await replaceTokensRecursively(entryPath, tokens);
+            continue;
+        }
+
+        if (entry.isFile()) {
+            await replaceTokensInFile(entryPath, tokens);
+        }
+    }
+};
+
+export async function replaceTokens(targetDirPath, tokens) {
+    await replaceTokensRecursively(targetDirPath, tokens);
 }

package/src/core/restore-special-files.js

@@ -1,19 +1,19 @@
-import { access, rename } from 'node:fs/promises';
-import { resolve } from 'node:path';
-
-async function renameIfExists(fromPath, toPath) {
-    try {
-        await access(fromPath);
-    } catch {
-        return;
-    }
-
-    await rename(fromPath, toPath);
-}
-
-export async function restoreSpecialFiles(projectPath) {
-    await renameIfExists(
-        resolve(projectPath, 'gitignore'),
-        resolve(projectPath, '.gitignore'),
-    );
+import { access, rename } from 'node:fs/promises';
+import { resolve } from 'node:path';
+
+async function renameIfExists(fromPath, toPath) {
+    try {
+        await access(fromPath);
+    } catch {
+        return;
+    }
+
+    await rename(fromPath, toPath);
+}
+
+export async function restoreSpecialFiles(projectPath) {
+    await renameIfExists(
+        resolve(projectPath, 'gitignore'),
+        resolve(projectPath, '.gitignore'),
+    );
 }

package/src/features/autoprefixer/files/postcss.config.cjs

@@ -1,5 +1,5 @@
-module.exports = {
-    plugins: [
-        require('autoprefixer'),
-    ],
+module.exports = {
+    plugins: [
+        require('autoprefixer'),
+    ],
 };

package/src/features/autoprefixer/index.js

@@ -1,23 +1,19 @@
-import { cp } from 'node:fs/promises';
-import { dirname, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { addDevDependencies } from '../../utils/package-json.js';
-
-const currentFilePath = fileURLToPath(import.meta.url);
-const currentDirPath = dirname(currentFilePath);
-
-export const autoprefixerFeature = {
-    id: 'autoprefixer',
-    title: 'Autoprefixer',
-    apply: async ({ projectPath }) => {
-        await addDevDependencies(projectPath, {
-            autoprefixer: '^10.4.21',
-        });
-
-        const filesDirPath = resolve(currentDirPath, 'files');
-
-        await cp(filesDirPath, projectPath, {
-            recursive: true,
-        });
-    },
-};
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { defineFeature } from '../define-feature.js';
+
+const currentFilePath = fileURLToPath(import.meta.url);
+const currentDirPath = dirname(currentFilePath);
+
+export const autoprefixerFeature = defineFeature({
+    id: 'autoprefixer',
+    title: 'Autoprefixer',
+    hint: 'PostCSS vendor prefixes',
+    packageJson: {
+        devDependencies: {
+            autoprefixer: '^10.4.21',
+        },
+    },
+    copyFiles: resolve(currentDirPath, 'files'),
+});

package/src/features/define-feature.js

@@ -0,0 +1,33 @@
+import { cp } from 'node:fs/promises';
+
+import { patchPackageJson } from '../utils/package-json.js';
+
+export function defineFeature({
+    id,
+    title,
+    hint,
+    packageJson,
+    apply,
+    copyFiles,
+}) {
+    return {
+        id,
+        title,
+        hint,
+        async applyFeature(context) {
+            if (packageJson) {
+                await patchPackageJson(context.projectPath, packageJson);
+            }
+
+            if (copyFiles) {
+                await cp(copyFiles, context.projectPath, {
+                    recursive: true,
+                });
+            }
+
+            if (apply) {
+                await apply(context);
+            }
+        },
+    };
+}

package/src/features/eslint/files/eslint.config.mjs

@@ -1,134 +1,134 @@
-import js from '@eslint/js';
-import stylistic from '@stylistic/eslint-plugin';
-import importPlugin from 'eslint-plugin-import';
-import react from 'eslint-plugin-react';
-import reactHooks from 'eslint-plugin-react-hooks';
-import unused from 'eslint-plugin-unused-imports';
-import tseslint from 'typescript-eslint';
-
-export default [
-    // ESLint recommended rules
-    js.configs.recommended,
-
-    // Paths to ignore
-    {
-        ignores: ['**/dist', '**/node_modules', '**/build', 'webpack.config.ts', 'postcss.config.cjs'],
-    },
-
-    // TypeScript rules
-    ...tseslint.configs.recommended,
-    ...tseslint.configs.stylistic,
-
-    // TypeScript parser configuration
-    {
-        files: ['**/*.ts', '**/*.tsx'],
-        languageOptions: {
-            parser: tseslint.parser,
-            parserOptions: { sourceType: 'module' },
-        },
-    },
-
-    // Stylistic rules (Prettier alternative)
-    stylistic.configs.recommended,
-
-    // Main rule configuration
-    {
-        plugins: {
-            react,
-            'react-hooks': reactHooks,
-            '@stylistic': stylistic,
-            import: importPlugin,
-            'unused-imports': unused,
-        },
-        settings: { react: { version: 'detect' } },
-        rules: {
-            // === Formatting ===
-            '@stylistic/indent': ['error', 4, { SwitchCase: 1 }],
-            '@stylistic/semi': ['error', 'always'],
-            '@stylistic/quotes': ['error', 'single', { avoidEscape: true }],
-            '@stylistic/comma-dangle': ['error', 'always-multiline'],
-            '@stylistic/object-curly-spacing': ['error', 'always'],
-            '@stylistic/array-bracket-spacing': ['error', 'never'],
-            '@stylistic/eol-last': ['error', 'always'],
-            '@stylistic/arrow-parens': ['error', 'always'],
-            '@stylistic/quote-props': ['error', 'as-needed', { keywords: false }],
-            '@stylistic/member-delimiter-style': ['error', {
-                multiline: { delimiter: 'semi', requireLast: true },
-                singleline: { delimiter: 'semi', requireLast: false },
-            }],
-            '@stylistic/no-extra-parens': 'off',
-            '@stylistic/jsx-indent-props': 'off',
-            '@stylistic/multiline-ternary': 'off',
-
-            // === Whitespace ===
-            'no-trailing-spaces': ['warn', { skipBlankLines: false }],
-            'no-multiple-empty-lines': ['error', { max: 1, maxBOF: 0, maxEOF: 1 }],
-            'comma-style': ['error', 'last'],
-
-            // === Line length ===
-            'max-len': ['error', {
-                code: 120,
-                tabWidth: 4,
-                ignoreUrls: true,
-                ignoreStrings: true,
-                ignoreComments: false,
-                ignoreTemplateLiterals: true,
-            }],
-
-            // === Imports ===
-            'unused-imports/no-unused-imports': 'warn',
-            'unused-imports/no-unused-vars': ['warn', {
-                args: 'after-used',
-                argsIgnorePattern: '^_',
-                varsIgnorePattern: '^_',
-                caughtErrorsIgnorePattern: '^_',
-            }],
-            'import/order': ['error', {
-                groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index', 'object', 'type'],
-                pathGroups: [
-                    { pattern: '@/**', group: 'internal', position: 'after' },
-                    { pattern: '@app/**', group: 'internal', position: 'after' },
-                    { pattern: '@pages/**', group: 'internal', position: 'after' },
-                    { pattern: '@widgets/**', group: 'internal', position: 'after' },
-                    { pattern: '@features/**', group: 'internal', position: 'after' },
-                    { pattern: '@entities/**', group: 'internal', position: 'after' },
-                    { pattern: '@shared/**', group: 'internal', position: 'after' },
-                ],
-                pathGroupsExcludedImportTypes: ['builtin', 'external'],
-                'newlines-between': 'never',
-                alphabetize: { order: 'asc', caseInsensitive: true },
-            }],
-
-            // === React ===
-            ...react.configs.recommended.rules,
-            ...reactHooks.configs.recommended.rules,
-            'react/react-in-jsx-scope': 'off',      // Not needed in React 17+
-            'react/jsx-uses-react': 'off',          // Not needed in React 17+
-            'react/prop-types': 'off',              // TypeScript handles this
-
-            // === JSX formatting ===
-            'react/jsx-indent': ['error', 4],
-            'react/jsx-indent-props': ['error', 4],
-            'react/jsx-curly-spacing': ['error', { when: 'never', children: true }],
-            'react/jsx-equals-spacing': ['error', 'never'],
-            'react/jsx-tag-spacing': ['error', {
-                closingSlash: 'never',
-                beforeSelfClosing: 'always',
-                afterOpening: 'never',
-                beforeClosing: 'never',
-            }],
-            'react/jsx-first-prop-new-line': ['error', 'multiline-multiprop'],
-            'react/jsx-max-props-per-line': ['error', { maximum: 1, when: 'multiline' }],
-            'react/jsx-closing-bracket-location': ['error', 'line-aligned'],
-
-            // === General ===
-            '@typescript-eslint/no-unused-vars': 'off', // Handled by unused-imports
-            'no-console': ['warn', { allow: ['error'] }],
-            'no-restricted-imports': ['error', {
-                name: 'react',
-                importNames: ['default'],
-                message: 'React import is not needed in React 17+. Remove import React from "react".',
-            }],
-        },
-    },
+import js from '@eslint/js';
+import stylistic from '@stylistic/eslint-plugin';
+import importPlugin from 'eslint-plugin-import';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import unused from 'eslint-plugin-unused-imports';
+import tseslint from 'typescript-eslint';
+
+export default [
+    // ESLint recommended rules
+    js.configs.recommended,
+
+    // Paths to ignore
+    {
+        ignores: ['**/dist', '**/node_modules', '**/build', 'webpack.config.ts', 'postcss.config.cjs'],
+    },
+
+    // TypeScript rules
+    ...tseslint.configs.recommended,
+    ...tseslint.configs.stylistic,
+
+    // TypeScript parser configuration
+    {
+        files: ['**/*.ts', '**/*.tsx'],
+        languageOptions: {
+            parser: tseslint.parser,
+            parserOptions: { sourceType: 'module' },
+        },
+    },
+
+    // Stylistic rules (Prettier alternative)
+    stylistic.configs.recommended,
+
+    // Main rule configuration
+    {
+        plugins: {
+            react,
+            'react-hooks': reactHooks,
+            '@stylistic': stylistic,
+            import: importPlugin,
+            'unused-imports': unused,
+        },
+        settings: { react: { version: 'detect' } },
+        rules: {
+            // === Formatting ===
+            '@stylistic/indent': ['error', 4, { SwitchCase: 1 }],
+            '@stylistic/semi': ['error', 'always'],
+            '@stylistic/quotes': ['error', 'single', { avoidEscape: true }],
+            '@stylistic/comma-dangle': ['error', 'always-multiline'],
+            '@stylistic/object-curly-spacing': ['error', 'always'],
+            '@stylistic/array-bracket-spacing': ['error', 'never'],
+            '@stylistic/eol-last': ['error', 'always'],
+            '@stylistic/arrow-parens': ['error', 'always'],
+            '@stylistic/quote-props': ['error', 'as-needed', { keywords: false }],
+            '@stylistic/member-delimiter-style': ['error', {
+                multiline: { delimiter: 'semi', requireLast: true },
+                singleline: { delimiter: 'semi', requireLast: false },
+            }],
+            '@stylistic/no-extra-parens': 'off',
+            '@stylistic/jsx-indent-props': 'off',
+            '@stylistic/multiline-ternary': 'off',
+
+            // === Whitespace ===
+            'no-trailing-spaces': ['warn', { skipBlankLines: false }],
+            'no-multiple-empty-lines': ['error', { max: 1, maxBOF: 0, maxEOF: 1 }],
+            'comma-style': ['error', 'last'],
+
+            // === Line length ===
+            'max-len': ['error', {
+                code: 120,
+                tabWidth: 4,
+                ignoreUrls: true,
+                ignoreStrings: true,
+                ignoreComments: false,
+                ignoreTemplateLiterals: true,
+            }],
+
+            // === Imports ===
+            'unused-imports/no-unused-imports': 'warn',
+            'unused-imports/no-unused-vars': ['warn', {
+                args: 'after-used',
+                argsIgnorePattern: '^_',
+                varsIgnorePattern: '^_',
+                caughtErrorsIgnorePattern: '^_',
+            }],
+            'import/order': ['error', {
+                groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index', 'object', 'type'],
+                pathGroups: [
+                    { pattern: '@/**', group: 'internal', position: 'after' },
+                    { pattern: '@app/**', group: 'internal', position: 'after' },
+                    { pattern: '@pages/**', group: 'internal', position: 'after' },
+                    { pattern: '@widgets/**', group: 'internal', position: 'after' },
+                    { pattern: '@features/**', group: 'internal', position: 'after' },
+                    { pattern: '@entities/**', group: 'internal', position: 'after' },
+                    { pattern: '@shared/**', group: 'internal', position: 'after' },
+                ],
+                pathGroupsExcludedImportTypes: ['builtin', 'external'],
+                'newlines-between': 'never',
+                alphabetize: { order: 'asc', caseInsensitive: true },
+            }],
+
+            // === React ===
+            ...react.configs.recommended.rules,
+            ...reactHooks.configs.recommended.rules,
+            'react/react-in-jsx-scope': 'off',      // Not needed in React 17+
+            'react/jsx-uses-react': 'off',          // Not needed in React 17+
+            'react/prop-types': 'off',              // TypeScript handles this
+
+            // === JSX formatting ===
+            'react/jsx-indent': ['error', 4],
+            'react/jsx-indent-props': ['error', 4],
+            'react/jsx-curly-spacing': ['error', { when: 'never', children: true }],
+            'react/jsx-equals-spacing': ['error', 'never'],
+            'react/jsx-tag-spacing': ['error', {
+                closingSlash: 'never',
+                beforeSelfClosing: 'always',
+                afterOpening: 'never',
+                beforeClosing: 'never',
+            }],
+            'react/jsx-first-prop-new-line': ['error', 'multiline-multiprop'],
+            'react/jsx-max-props-per-line': ['error', { maximum: 1, when: 'multiline' }],
+            'react/jsx-closing-bracket-location': ['error', 'line-aligned'],
+
+            // === General ===
+            '@typescript-eslint/no-unused-vars': 'off', // Handled by unused-imports
+            'no-console': ['warn', { allow: ['error'] }],
+            'no-restricted-imports': ['error', {
+                name: 'react',
+                importNames: ['default'],
+                message: 'React import is not needed in React 17+. Remove import React from "react".',
+            }],
+        },
+    },
 ];

package/src/features/eslint/index.js

@@ -1,35 +1,30 @@
-import { cp } from 'node:fs/promises';
-import { dirname, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { addDevDependencies, addScripts } from '../../utils/package-json.js';
-
-const currentFilePath = fileURLToPath(import.meta.url);
-const currentDirPath = dirname(currentFilePath);
-
-export const eslintFeature = {
-    id: 'eslint',
-    title: 'ESLint + Stylistic',
-    apply: async ({ projectPath }) => {
-        await addDevDependencies(projectPath, {
-            "eslint": "^9.0.0",
-            "@eslint/js": "^9.0.0",
-            "@stylistic/eslint-plugin": "^5.0.0",
-            "typescript-eslint": "^8.0.0",
-            "eslint-plugin-import": "^2.0.0",
-            "eslint-plugin-react": "^7.0.0",
-            "eslint-plugin-react-hooks": "^7.0.0",
-            "eslint-plugin-unused-imports": "^4.0.0"
-        });
-
-        await addScripts(projectPath, {
-            lint: 'eslint . --ext .js,.jsx,.ts,.tsx',
-            'lint:fix': 'eslint . --ext .js,.jsx,.ts,.tsx --fix',
-        });
-
-        const filesDirPath = resolve(currentDirPath, 'files');
-
-        await cp(filesDirPath, projectPath, {
-            recursive: true,
-        });
-    },
-};
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { defineFeature } from '../define-feature.js';
+
+const currentFilePath = fileURLToPath(import.meta.url);
+const currentDirPath = dirname(currentFilePath);
+
+export const eslintFeature = defineFeature({
+    id: 'eslint',
+    title: 'ESLint + Stylistic',
+    hint: 'JS/TS/React linting',
+    packageJson: {
+        devDependencies: {
+            eslint: '^9.0.0',
+            '@eslint/js': '^9.0.0',
+            '@stylistic/eslint-plugin': '^5.0.0',
+            'typescript-eslint': '^8.0.0',
+            'eslint-plugin-import': '^2.0.0',
+            'eslint-plugin-react': '^7.0.0',
+            'eslint-plugin-react-hooks': '^7.0.0',
+            'eslint-plugin-unused-imports': '^4.0.0',
+        },
+        scripts: {
+            lint: 'eslint . --ext .js,.jsx,.ts,.tsx',
+            'lint:fix': 'eslint . --ext .js,.jsx,.ts,.tsx --fix',
+        },
+    },
+    copyFiles: resolve(currentDirPath, 'files'),
+});

package/src/features/index.js

@@ -1,15 +1,25 @@
-import { autoprefixerFeature } from './autoprefixer/index.js';
-import { eslintFeature } from './eslint/index.js';
-import { reactRouterFeature } from './react-router/index.js';
-import { stylelintFeature } from './stylelint/index.js';
-
-export const features = [
-    autoprefixerFeature,
-    eslintFeature,
-    reactRouterFeature,
-    stylelintFeature,
-];
-
-export const featuresById = new Map(
-    features.map((feature) => [feature.id, feature]),
-);
+import { autoprefixerFeature } from './autoprefixer/index.js';
+import { eslintFeature } from './eslint/index.js';
+import { reactRouterFeature } from './react-router/index.js';
+import { stylelintFeature } from './stylelint/index.js';
+
+export const features = [
+    autoprefixerFeature,
+    eslintFeature,
+    reactRouterFeature,
+    stylelintFeature,
+];
+
+export const featuresById = new Map(
+    features.map((feature) => [feature.id, feature]),
+);
+
+export const featurePromptOptions = features.map((feature) => ({
+    value: feature.id,
+    label: feature.title,
+    hint: feature.hint,
+}));
+
+export const defaultFeatureIds = features.map((feature) => feature.id);
+
+export const availableFeatureIdSet = new Set(defaultFeatureIds);

package/src/features/react-router/files/src/app/App.tsx

@@ -1,20 +1,20 @@
-import { RouterProvider } from 'react-router-dom';
-import Logo from '../../public/create-alistt69-kit-logo.svg';
-import { appRouter } from './providers/router/config/router';
-import styles from './styles.module.scss';
-
-function App() {
-    return (
-        <div className={styles.app_wrapper}>
-            <div className={styles.created_by_section}>
-                <Logo className={styles.logo} />
-                <p className={styles.promo}>
-                    created by create-alistt69-kit
-                </p>
-            </div>
-            <RouterProvider router={appRouter} />
-        </div>
-    );
-}
-
-export default App;
+import { RouterProvider } from 'react-router-dom';
+import Logo from '../../public/create-alistt69-kit-logo.svg';
+import { appRouter } from './providers/router/config/router';
+import styles from './styles.module.scss';
+
+function App() {
+    return (
+        <div className={styles.app_wrapper}>
+            <div className={styles.created_by_section}>
+                <Logo className={styles.logo} />
+                <p className={styles.promo}>
+                    created by create-alistt69-kit
+                </p>
+            </div>
+            <RouterProvider router={appRouter} />
+        </div>
+    );
+}
+
+export default App;