create-alistt69-kit 0.1.9 → 0.1.12

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,23 +1,19 @@
-import { cp } from 'node:fs/promises';
-import { dirname, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { addDependencies } from '../../utils/package-json.js';
-
-const currentFilePath = fileURLToPath(import.meta.url);
-const currentDirPath = dirname(currentFilePath);
-
-export const reactRouterFeature = {
-    id: 'react-router',
-    title: 'React Router DOM',
-    apply: async ({ projectPath }) => {
-        await addDependencies(projectPath, {
-            'react-router-dom': '^7.13.2',
-        });
-
-        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 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,
+    },
 };

package/src/features/stylelint/index.js

@@ -1,29 +1,24 @@
-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 stylelintFeature = {
-    id: 'stylelint',
-    title: 'Stylelint',
-    apply: async ({ projectPath }) => {
-        await addDevDependencies(projectPath, {
-            stylelint: '^17.6.0',
-            'stylelint-config-standard-scss': '^17.0.0',
-        });
-
-        await addScripts(projectPath, {
-            'lint:styles': 'stylelint "src/**/*.{scss,css}"',
-            'lint:styles:fix': 'stylelint "src/**/*.{scss,css}" --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 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'),
+});

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>artello</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>artello</title>
+</head>
+<body>
+<div id="root"></div>
+</body>
+</html>

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

@@ -1,17 +1,17 @@
-import Logo from '../../public/create-alistt69-kit-logo.svg';
-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>
-        </div>
-    );
-}
-
-export default App;
+import Logo from '../../public/create-alistt69-kit-logo.svg';
+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>
+        </div>
+    );
+}
+
+export default App;

package/src/templates/base/src/index.tsx

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

package/src/templates/base/src/styles/index.scss

@@ -1,13 +1,13 @@
-html,
-body,
-#root {
-    margin: 0;
-    padding: 0;
-    min-height: 100%;
-}
-
-body {
-    font-family: Bahnschrift;
-    background: #141617;
-    color: #A6A8AAFF;
-}
+html,
+body,
+#root {
+    margin: 0;
+    padding: 0;
+    min-height: 100%;
+}
+
+body {
+    font-family: Bahnschrift;
+    background: #141617;
+    color: #A6A8AAFF;
+}