create-alistt69-kit 0.1.11 → 0.1.12

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,30 +1,30 @@
-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'),
+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,25 +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]),
-);
-
-export const featurePromptOptions = features.map((feature) => ({
-    value: feature.id,
-    label: feature.title,
-    hint: feature.hint,
-}));
-
-export const defaultFeatureIds = features.map((feature) => feature.id);
-
+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;

package/src/features/react-router/files/src/app/layouts/app/index.tsx

@@ -1,36 +1,36 @@
-import clsx from 'clsx';
-import { NavLink, Outlet } from 'react-router-dom';
-import styles from './styles.module.scss';
-
-export default function AppLayout() {
-    return (
-        <div className={styles.layout_wrapper}>
-            <aside className={styles.sidebar}>
-                <nav>
-                    <NavLink
-                        className={({ isActive }) => clsx({
-                            [styles.active]: isActive,
-                        })}
-                        to="/"
-                    >
-                        Main
-                    </NavLink>
-                </nav>
-                <nav>
-                    <NavLink
-                        className={({ isActive }) => clsx({
-                            [styles.active]: isActive,
-                        })}
-                        to="/error-route"
-                    >
-                        Error
-                    </NavLink>
-                </nav>
-            </aside>
-
-            <main>
-                <Outlet />
-            </main>
-        </div>
-    );
-}
+import clsx from 'clsx';
+import { NavLink, Outlet } from 'react-router-dom';
+import styles from './styles.module.scss';
+
+export default function AppLayout() {
+    return (
+        <div className={styles.layout_wrapper}>
+            <aside className={styles.sidebar}>
+                <nav>
+                    <NavLink
+                        className={({ isActive }) => clsx({
+                            [styles.active]: isActive,
+                        })}
+                        to="/"
+                    >
+                        Main
+                    </NavLink>
+                </nav>
+                <nav>
+                    <NavLink
+                        className={({ isActive }) => clsx({
+                            [styles.active]: isActive,
+                        })}
+                        to="/error-route"
+                    >
+                        Error
+                    </NavLink>
+                </nav>
+            </aside>
+
+            <main>
+                <Outlet />
+            </main>
+        </div>
+    );
+}

package/src/features/react-router/files/src/app/providers/router/config/router.tsx

@@ -1,13 +1,13 @@
-import { createBrowserRouter, createRoutesFromElements, Route } from 'react-router-dom';
-import { Error } from '../../../../pages/error';
-import { Main } from '../../../../pages/main';
-import AppLayout from '../../../layouts/app';
-
-export const appRouter = createBrowserRouter(
-    createRoutesFromElements(
-        <Route path="/" element={<AppLayout />}>
-            <Route index element={<Main />} />
-            <Route path="*" element={<Error />} />
-        </Route>,
-    ),
-);
+import { createBrowserRouter, createRoutesFromElements, Route } from 'react-router-dom';
+import { Error } from '../../../../pages/error';
+import { Main } from '../../../../pages/main';
+import AppLayout from '../../../layouts/app';
+
+export const appRouter = createBrowserRouter(
+    createRoutesFromElements(
+        <Route path="/" element={<AppLayout />}>
+            <Route index element={<Main />} />
+            <Route path="*" element={<Error />} />
+        </Route>,
+    ),
+);

package/src/features/react-router/files/src/pages/error/index.ts

@@ -1 +1 @@
-export { LazyError as Error } from './lazy';
+export { LazyError as Error } from './lazy';

package/src/features/react-router/files/src/pages/error/lazy.ts

@@ -1,3 +1,3 @@
-import { lazy } from 'react';
-
-export const LazyError = lazy(() => import('./page'));
+import { lazy } from 'react';
+
+export const LazyError = lazy(() => import('./page'));

package/src/features/react-router/files/src/pages/error/page.tsx

@@ -1,7 +1,7 @@
-function ErrorPage() {
-    return (
-        <h2>error page</h2>
-    );
-}
-
-export default ErrorPage;
+function ErrorPage() {
+    return (
+        <h2>error page</h2>
+    );
+}
+
+export default ErrorPage;

package/src/features/react-router/files/src/pages/main/index.ts

@@ -1 +1 @@
-export { LazyMain as Main } from './lazy';
+export { LazyMain as Main } from './lazy';

package/src/features/react-router/files/src/pages/main/lazy.ts

@@ -1,3 +1,3 @@
-import { lazy } from 'react';
-
-export const LazyMain = lazy(() => import('./page'));
+import { lazy } from 'react';
+
+export const LazyMain = lazy(() => import('./page'));

package/src/features/react-router/files/src/pages/main/page.tsx

@@ -1,7 +1,7 @@
-function MainPage() {
-    return (
-        <h2>main page</h2>
-    );
-}
-
-export default MainPage;
+function MainPage() {
+    return (
+        <h2>main page</h2>
+    );
+}
+
+export default MainPage;

package/src/features/react-router/index.js

@@ -1,19 +1,19 @@
-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 reactRouterFeature = defineFeature({
-    id: 'react-router',
-    title: 'React Router DOM',
-    hint: 'Routing + FSD-like app/pages/shared',
-    packageJson: {
-        dependencies: {
-            'react-router-dom': '^7.13.2',
-        },
-    },
-    copyFiles: resolve(currentDirPath, 'files'),
+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 reactRouterFeature = defineFeature({
+    id: 'react-router',
+    title: 'React Router DOM',
+    hint: 'Routing + FSD-like app/pages/shared',
+    packageJson: {
+        dependencies: {
+            'react-router-dom': '^7.13.2',
+        },
+    },
+    copyFiles: resolve(currentDirPath, 'files'),
 });

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

@@ -1,14 +1,14 @@
-/** @type {import('stylelint').Config} */
-export default {
-    extends: ['stylelint-config-standard-scss'],
-    rules: {
-        'scss/no-global-function-names': null,
-        'selector-class-pattern': [
-            '^[a-z][a-z0-9-_]*$',
-            {
-                message: 'Class names should be lowercase and can include numbers, hyphens, and underscores.',
-            },
-        ],
-        'at-rule-empty-line-before': null,
-    },
+/** @type {import('stylelint').Config} */
+export default {
+    extends: ['stylelint-config-standard-scss'],
+    rules: {
+        'scss/no-global-function-names': null,
+        'selector-class-pattern': [
+            '^[a-z][a-z0-9-_]*$',
+            {
+                message: 'Class names should be lowercase and can include numbers, hyphens, and underscores.',
+            },
+        ],
+        'at-rule-empty-line-before': null,
+    },
 };