create-alistt69-kit 0.1.11 → 0.1.12

package/src/features/stylelint/index.js

@@ -1,24 +1,24 @@
-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'),
+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;
+}

package/src/templates/base/tsconfig.json

@@ -1,25 +1,25 @@
-{
-    "compilerOptions": {
-        "outDir": "./build",
-        "noImplicitAny": true,
-        "module": "ESNext",
-        "target": "es6",
-        "jsx": "react-jsx",
-        "allowJs": true,
-        "moduleResolution": "node",
-        "forceConsistentCasingInFileNames": true,
-        "strict": true,
-        "skipLibCheck": true,
-        "allowSyntheticDefaultImports": true,
-        "esModuleInterop": true,
-        "baseUrl": "./",
-        "paths": {
-            "@/*": ["./src/*"]
-        }
-    },
-    "ts-node": {
-        "compilerOptions": {
-            "module": "CommonJS"
-        }
-    }
-}
+{
+    "compilerOptions": {
+        "outDir": "./build",
+        "noImplicitAny": true,
+        "module": "ESNext",
+        "target": "es6",
+        "jsx": "react-jsx",
+        "allowJs": true,
+        "moduleResolution": "node",
+        "forceConsistentCasingInFileNames": true,
+        "strict": true,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "esModuleInterop": true,
+        "baseUrl": "./",
+        "paths": {
+            "@/*": ["./src/*"]
+        }
+    },
+    "ts-node": {
+        "compilerOptions": {
+            "module": "CommonJS"
+        }
+    }
+}

package/src/utils/console-format.js

@@ -1,12 +1,12 @@
-const color = (code, text) => `\u001B[${code}m${text}\u001B[0m`;
-
-export const format = {
-    cyan: (text) => color('36', text),
-    green: (text) => color('32', text),
-    yellow: (text) => color('33', text),
-    dim: (text) => color('2', text),
-    bold: (text) => color('1', text),
-
-    sectionTitle: (text) => color('36', text),
-    label: (text) => color('2', text),
+const color = (code, text) => `\u001B[${code}m${text}\u001B[0m`;
+
+export const format = {
+    cyan: (text) => color('36', text),
+    green: (text) => color('32', text),
+    yellow: (text) => color('33', text),
+    dim: (text) => color('2', text),
+    bold: (text) => color('1', text),
+
+    sectionTitle: (text) => color('36', text),
+    label: (text) => color('2', text),
 };

package/src/utils/package-json.js

@@ -1,97 +1,97 @@
-import { readFile, writeFile } from 'node:fs/promises';
-import { resolve } from 'node:path';
-
-function sortRecordEntries(record) {
-    if (!record) {
-        return record;
-    }
-
-    return Object.fromEntries(
-        Object.entries(record).sort(([leftName], [rightName]) => (
-            leftName.localeCompare(rightName)
-        )),
-    );
-}
-
-function mergeRecordEntries(currentRecord, entriesToAdd) {
-    if (!entriesToAdd || Object.keys(entriesToAdd).length === 0) {
-        return currentRecord;
-    }
-
-    return sortRecordEntries({
-        ...(currentRecord ?? {}),
-        ...entriesToAdd,
-    });
-}
-
-function normalizePackageJson(packageJson) {
-    packageJson.dependencies = sortRecordEntries(packageJson.dependencies);
-    packageJson.devDependencies = sortRecordEntries(packageJson.devDependencies);
-    packageJson.scripts = sortRecordEntries(packageJson.scripts);
-
-    return packageJson;
-}
-
-export async function readPackageJson(projectPath) {
-    const packageJsonPath = resolve(projectPath, 'package.json');
-    const content = await readFile(packageJsonPath, 'utf8');
-
-    return JSON.parse(content);
-}
-
-export async function writePackageJson(projectPath, packageJson) {
-    const packageJsonPath = resolve(projectPath, 'package.json');
-
-    await writeFile(
-        packageJsonPath,
-        `${JSON.stringify(normalizePackageJson(packageJson), null, 4)}\n`,
-        'utf8',
-    );
-}
-
-export async function updatePackageJson(projectPath, updater) {
-    const packageJson = await readPackageJson(projectPath);
-
-    await updater(packageJson);
-
-    await writePackageJson(projectPath, packageJson);
-
-    return packageJson;
-}
-
-export async function patchPackageJson(projectPath, patch) {
-    return updatePackageJson(projectPath, (packageJson) => {
-        packageJson.dependencies = mergeRecordEntries(
-            packageJson.dependencies,
-            patch.dependencies,
-        );
-
-        packageJson.devDependencies = mergeRecordEntries(
-            packageJson.devDependencies,
-            patch.devDependencies,
-        );
-
-        packageJson.scripts = mergeRecordEntries(
-            packageJson.scripts,
-            patch.scripts,
-        );
-    });
-}
-
-export async function addDependencies(projectPath, dependenciesToAdd) {
-    return patchPackageJson(projectPath, {
-        dependencies: dependenciesToAdd,
-    });
-}
-
-export async function addDevDependencies(projectPath, dependenciesToAdd) {
-    return patchPackageJson(projectPath, {
-        devDependencies: dependenciesToAdd,
-    });
-}
-
-export async function addScripts(projectPath, scriptsToAdd) {
-    return patchPackageJson(projectPath, {
-        scripts: scriptsToAdd,
-    });
+import { readFile, writeFile } from 'node:fs/promises';
+import { resolve } from 'node:path';
+
+function sortRecordEntries(record) {
+    if (!record) {
+        return record;
+    }
+
+    return Object.fromEntries(
+        Object.entries(record).sort(([leftName], [rightName]) => (
+            leftName.localeCompare(rightName)
+        )),
+    );
+}
+
+function mergeRecordEntries(currentRecord, entriesToAdd) {
+    if (!entriesToAdd || Object.keys(entriesToAdd).length === 0) {
+        return currentRecord;
+    }
+
+    return sortRecordEntries({
+        ...(currentRecord ?? {}),
+        ...entriesToAdd,
+    });
+}
+
+function normalizePackageJson(packageJson) {
+    packageJson.dependencies = sortRecordEntries(packageJson.dependencies);
+    packageJson.devDependencies = sortRecordEntries(packageJson.devDependencies);
+    packageJson.scripts = sortRecordEntries(packageJson.scripts);
+
+    return packageJson;
+}
+
+export async function readPackageJson(projectPath) {
+    const packageJsonPath = resolve(projectPath, 'package.json');
+    const content = await readFile(packageJsonPath, 'utf8');
+
+    return JSON.parse(content);
+}
+
+export async function writePackageJson(projectPath, packageJson) {
+    const packageJsonPath = resolve(projectPath, 'package.json');
+
+    await writeFile(
+        packageJsonPath,
+        `${JSON.stringify(normalizePackageJson(packageJson), null, 4)}\n`,
+        'utf8',
+    );
+}
+
+export async function updatePackageJson(projectPath, updater) {
+    const packageJson = await readPackageJson(projectPath);
+
+    await updater(packageJson);
+
+    await writePackageJson(projectPath, packageJson);
+
+    return packageJson;
+}
+
+export async function patchPackageJson(projectPath, patch) {
+    return updatePackageJson(projectPath, (packageJson) => {
+        packageJson.dependencies = mergeRecordEntries(
+            packageJson.dependencies,
+            patch.dependencies,
+        );
+
+        packageJson.devDependencies = mergeRecordEntries(
+            packageJson.devDependencies,
+            patch.devDependencies,
+        );
+
+        packageJson.scripts = mergeRecordEntries(
+            packageJson.scripts,
+            patch.scripts,
+        );
+    });
+}
+
+export async function addDependencies(projectPath, dependenciesToAdd) {
+    return patchPackageJson(projectPath, {
+        dependencies: dependenciesToAdd,
+    });
+}
+
+export async function addDevDependencies(projectPath, dependenciesToAdd) {
+    return patchPackageJson(projectPath, {
+        devDependencies: dependenciesToAdd,
+    });
+}
+
+export async function addScripts(projectPath, scriptsToAdd) {
+    return patchPackageJson(projectPath, {
+        scripts: scriptsToAdd,
+    });
 }