create-alistt69-kit 0.3.6 → 0.3.7

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

@@ -1,23 +1,23 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import App from '@/app/App';
-import { RouterProvider, ErrorBoundary } from '@/app/providers';
-import './styles/index.scss';
-
-const container = document.getElementById('root');
-
-if (!container) {
-    throw new Error('Root container not found');
-}
-
-createRoot(container).render(
-    <StrictMode>
-        <App
-            router={(
-                <RouterProvider
-                    errorBoundary={ErrorBoundary}
-                />
-            )}
-        />
-    </StrictMode>,
-);
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from '@/app/App';
+import { RouterProvider, ErrorBoundary } from '@/app/providers';
+import './styles/index.scss';
+
+const container = document.getElementById('root');
+
+if (!container) {
+    throw new Error('Root container not found');
+}
+
+createRoot(container).render(
+    <StrictMode>
+        <App
+            router={(
+                <RouterProvider
+                    errorBoundary={ErrorBoundary}
+                />
+            )}
+        />
+    </StrictMode>,
+);

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,37 +1,37 @@
-import { dirname, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-import { defineFeature } from '../define-feature.js';
-import { appendAgentsSection } from '../../utils/agents-md.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',
-        },
-        scripts: {
-            'generate:page': 'node ./scripts/generate/page.mjs',
-        },
-    },
-    copyFiles: resolve(currentDirPath, 'files'),
-    async apply({ projectPath }) {
-        await appendAgentsSection(
-            projectPath,
-            'react-router',
-            `
-                ## React Router
-                
-                - Routing is configured under \`src/app/providers/router/\`.
-                - Route-level pages live in \`src/pages/\`.
-                - Generate a new page with \`npm run generate:page -- <page-name>\`.
-                - Do not remove router marker comments used by the page generator unless you also disable auto-registration.
-            `,
-        );
-    },
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { defineFeature } from '../define-feature.js';
+import { appendAgentsSection } from '../../utils/agents-md.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',
+        },
+        scripts: {
+            'generate:page': 'node ./scripts/generate/page.mjs',
+        },
+    },
+    copyFiles: resolve(currentDirPath, 'files'),
+    async apply({ projectPath }) {
+        await appendAgentsSection(
+            projectPath,
+            'react-router',
+            `
+                ## React Router
+                
+                - Routing is configured under \`src/app/providers/router/\`.
+                - Route-level pages live in \`src/pages/\`.
+                - Generate a new page with \`npm run generate:page -- <page-name>\`.
+                - Do not remove router marker comments used by the page generator unless you also disable auto-registration.
+            `,
+        );
+    },
 });

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,
+    },
 };

package/src/features/stylelint/index.js

@@ -1,38 +1,38 @@
-import { dirname, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-import { defineFeature } from '../define-feature.js';
-import { appendAgentsSection } from '../../utils/agents-md.js';
-
-const currentFilePath = fileURLToPath(import.meta.url);
-const currentDirPath = dirname(currentFilePath);
-
-export const stylelintFeature = defineFeature({
-    id: 'stylelint',
-    title: 'Stylelint',
-    hint: 'SCSS/CSS linting',
-    packageJson: {
-        devDependencies: {
-            stylelint: '^17.6.0',
-            'stylelint-config-standard-scss': '^17.0.0',
-        },
-        scripts: {
-            'lint:styles': 'stylelint "src/**/*.{scss,css}"',
-            'lint:styles:fix': 'stylelint "src/**/*.{scss,css}" --fix',
-        },
-    },
-    copyFiles: resolve(currentDirPath, 'files'),
-    async apply({ projectPath }) {
-        await appendAgentsSection(
-            projectPath,
-            'stylelint',
-            `
-                ## Stylelint
-                
-                - Lint styles with \`npm run lint:styles\`.
-                - Apply autofixes with \`npm run lint:styles:fix\`.
-                - Keep styles compatible with the existing SCSS modules setup.
-            `,
-        );
-    },
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { defineFeature } from '../define-feature.js';
+import { appendAgentsSection } from '../../utils/agents-md.js';
+
+const currentFilePath = fileURLToPath(import.meta.url);
+const currentDirPath = dirname(currentFilePath);
+
+export const stylelintFeature = defineFeature({
+    id: 'stylelint',
+    title: 'Stylelint',
+    hint: 'SCSS/CSS linting',
+    packageJson: {
+        devDependencies: {
+            stylelint: '^17.6.0',
+            'stylelint-config-standard-scss': '^17.0.0',
+        },
+        scripts: {
+            'lint:styles': 'stylelint "src/**/*.{scss,css}"',
+            'lint:styles:fix': 'stylelint "src/**/*.{scss,css}" --fix',
+        },
+    },
+    copyFiles: resolve(currentDirPath, 'files'),
+    async apply({ projectPath }) {
+        await appendAgentsSection(
+            projectPath,
+            'stylelint',
+            `
+                ## Stylelint
+                
+                - Lint styles with \`npm run lint:styles\`.
+                - Apply autofixes with \`npm run lint:styles:fix\`.
+                - Keep styles compatible with the existing SCSS modules setup.
+            `,
+        );
+    },
 });

package/src/templates/base/.editorconfig

@@ -1,12 +1,12 @@
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 4
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.md]
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
 trim_trailing_whitespace = false

package/src/templates/base/README.md

@@ -1,3 +1,3 @@
-# __PROJECT_NAME__
-
+# __PROJECT_NAME__
+
 Created with create-alistt69-kit

package/src/templates/base/babel.config.json

@@ -1,12 +1,12 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-typescript",
-    [
-      "@babel/preset-react",
-      {
-        "runtime": "automatic"
-      }
-    ]
-  ]
-}
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-typescript",
+    [
+      "@babel/preset-react",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ]
+}

package/src/templates/base/gitignore

@@ -1,27 +1,27 @@
-# Local-specified
-node_modules
-dist
-build
-coverage
-.env
-.env.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
+# Local-specified
+node_modules
+dist
+build
+coverage
+.env
+.env.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*

package/src/templates/base/package.json

@@ -1,48 +1,48 @@
-{
-  "name": "__PROJECT_NAME__",
-  "version": "0.0.1",
-  "private": true,
-  "scripts": {
-      "build": "webpack --env mode=production",
-      "build:dev": "webpack --env mode=development",
-      "build:prod": "webpack --env mode=production",
-      "dev": "webpack serve --env mode=development port=3000",
-      "start": "webpack serve --env mode=development port=3000",
-      "typecheck": "tsc --noEmit"
-  },
-    "dependencies": {
-        "clsx": "^2.1.1",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.26.0",
-        "@babel/preset-react": "^7.25.9",
-        "@babel/preset-typescript": "^7.26.0",
-        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
-        "@svgr/webpack": "^8.1.0",
-        "@types/node": "^22.10.1",
-        "@types/react": "^18.3.12",
-        "@types/react-dom": "^18.3.1",
-        "@types/webpack": "^5.28.5",
-        "@types/webpack-bundle-analyzer": "^4.7.0",
-        "@types/webpack-dev-server": "^4.7.1",
-        "babel-loader": "^9.2.1",
-        "css-loader": "^6.11.0",
-        "html-webpack-plugin": "^5.6.3",
-        "mini-css-extract-plugin": "^2.9.2",
-        "postcss": "^8.5.6",
-        "postcss-loader": "^8.2.0",
-        "react-refresh": "^0.14.2",
-        "sass": "^1.81.0",
-        "sass-loader": "^16.0.3",
-        "style-loader": "^4.0.0",
-        "ts-loader": "^9.5.1",
-        "ts-node": "^10.9.2",
-        "typescript": "^5.7.2",
-        "webpack": "^5.96.1",
-        "webpack-bundle-analyzer": "^4.10.2",
-        "webpack-cli": "^5.1.4",
-        "webpack-dev-server": "^5.1.0"
-    }
-}
+{
+  "name": "__PROJECT_NAME__",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+      "build": "webpack --env mode=production",
+      "build:dev": "webpack --env mode=development",
+      "build:prod": "webpack --env mode=production",
+      "dev": "webpack serve --env mode=development port=3000",
+      "start": "webpack serve --env mode=development port=3000",
+      "typecheck": "tsc --noEmit"
+  },
+    "dependencies": {
+        "clsx": "^2.1.1",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.26.0",
+        "@babel/preset-react": "^7.25.9",
+        "@babel/preset-typescript": "^7.26.0",
+        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
+        "@svgr/webpack": "^8.1.0",
+        "@types/node": "^22.10.1",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
+        "@types/webpack": "^5.28.5",
+        "@types/webpack-bundle-analyzer": "^4.7.0",
+        "@types/webpack-dev-server": "^4.7.1",
+        "babel-loader": "^9.2.1",
+        "css-loader": "^6.11.0",
+        "html-webpack-plugin": "^5.6.3",
+        "mini-css-extract-plugin": "^2.9.2",
+        "postcss": "^8.5.6",
+        "postcss-loader": "^8.2.0",
+        "react-refresh": "^0.14.2",
+        "sass": "^1.81.0",
+        "sass-loader": "^16.0.3",
+        "style-loader": "^4.0.0",
+        "ts-loader": "^9.5.1",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.7.2",
+        "webpack": "^5.96.1",
+        "webpack-bundle-analyzer": "^4.10.2",
+        "webpack-cli": "^5.1.4",
+        "webpack-dev-server": "^5.1.0"
+    }
+}

package/src/templates/base/public/index.html

@@ -1,12 +1,12 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>__PROJECT_NAME__</title>
-</head>
-<body>
-<div id="root"></div>
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/png" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>__PROJECT_NAME__</title>
+</head>
+<body>
+<div id="root"></div>
+</body>
+</html>

package/src/templates/base/src/app/App.tsx

@@ -1,12 +1,12 @@
-import CreatedBy from '@/widgets/created-by';
-import styles from './styles.module.scss';
-
-function App() {
-    return (
-        <div className={styles.app_wrapper}>
-            <CreatedBy />
-        </div>
-    );
-}
-
-export default App;
+import CreatedBy from '@/widgets/created-by';
+import styles from './styles.module.scss';
+
+function App() {
+    return (
+        <div className={styles.app_wrapper}>
+            <CreatedBy />
+        </div>
+    );
+}
+
+export default App;

package/src/templates/base/src/app/providers/error-boundary/lib/provider/index.tsx

@@ -1,44 +1,44 @@
-import { Component, ErrorInfo, ReactNode } from 'react';
-import ErrorScreen from '../../ui/error-screen';
-
-type ErrorBoundaryProps = {
-    children: ReactNode;
-};
-
-type ErrorBoundaryState = {
-    hasError: boolean;
-    error: Error | null;
-};
-
-class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps) {
-        super(props);
-        this.state = { hasError: false, error: null };
-    }
-
-    static getDerivedStateFromError(error: Error) {
-        return {
-            hasError: true,
-            error,
-        };
-    }
-
-    componentDidCatch(error: Error, errorInfo: ErrorInfo) {
-        console.error('ErrorBoundary caught:', error, errorInfo);
-    }
-
-    public render(): ReactNode {
-        if (this.state.hasError) {
-            return (
-                <ErrorScreen
-                    errorMessage={this.state.error?.message}
-                    onRetry={() => window.location.reload()}
-                />
-            );
-        }
-
-        return this.props.children;
-    }
-}
-
-export default ErrorBoundary;
+import { Component, ErrorInfo, ReactNode } from 'react';
+import ErrorScreen from '../../ui/error-screen';
+
+type ErrorBoundaryProps = {
+    children: ReactNode;
+};
+
+type ErrorBoundaryState = {
+    hasError: boolean;
+    error: Error | null;
+};
+
+class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps) {
+        super(props);
+        this.state = { hasError: false, error: null };
+    }
+
+    static getDerivedStateFromError(error: Error) {
+        return {
+            hasError: true,
+            error,
+        };
+    }
+
+    componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+        console.error('ErrorBoundary caught:', error, errorInfo);
+    }
+
+    public render(): ReactNode {
+        if (this.state.hasError) {
+            return (
+                <ErrorScreen
+                    errorMessage={this.state.error?.message}
+                    onRetry={() => window.location.reload()}
+                />
+            );
+        }
+
+        return this.props.children;
+    }
+}
+
+export default ErrorBoundary;