@front-cmdt/format 1.1.0 → 1.2.0

package/README.md

@@ -16,7 +16,7 @@ yarn add -D @front-cmdt/format prettier
 pnpm add -D @front-cmdt/format prettier
 ```
 
-### Создайте: `prettier.js` в проекте
+### Создайте: `prettier.config.js` в проекте
 
 ```js
 import config from "@front-cmdt/format/prettier"
@@ -57,7 +57,7 @@ yarn add -D @front-cmdt/format prettier
 pnpm add -D @front-cmdt/format prettier
 ```
 
-### Create: `prettier.js` in your project
+### Create: `prettier.config.js` in your project
 
 ```js
 import config from "@front-cmdt/format/prettier"

package/package.json

@@ -1,7 +1,18 @@
 {
   "name": "@front-cmdt/format",
-  "version": "1.1.0",
-  "keywords": [],
+  "version": "1.2.0",
+  "keywords": [
+    "prettier",
+    "trivago",
+    "prettier-plugin-sort-imports",
+    "lint",
+    "linting",
+    "format",
+    "formatting",
+    "code style",
+    "code formatting",
+    "code styling"
+  ],
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/prettier.config.mjs

@@ -1,20 +1,65 @@
 /** @type {import("prettier").Config} */
 
 export default {
-	trailingComma: 'none',
-	tabWidth: 2,
-	useTabs: true,
-	semi: false,
-	singleQuote: true,
-	jsxSingleQuote: true,
-	arrowParens: 'avoid',
-	printWidth: 120,
+  // Запятые в конце: "none" - без запятых, "es5" - где допустимо в ES5, "all" - везде
+  trailingComma: "none",
+  // Количество пробелов для отступа
+  tabWidth: 2,
+  // Использовать табы вместо пробелов
+  useTabs: false,
+  // Добавлять точку с запятой в конце выражений
+  semi: false,
+  // Использовать одинарные кавычки вместо двойных
+  singleQuote: true,
+  // Одинарные кавычки в JSX
+  jsSingleQuote: true,
+  // Скобки вокруг единственного параметра стрелочной функции: "avoid" - убирать, "always" - всегда
+  arrowParens: "avoid",
+  // Максимальная длина строки перед переносом
+  printWidth: 120,
+  // Пробелы внутри фигурных скобок объектов: { foo: bar }
+  bracketSpacing: true,
+  // Кавычки вокруг ключей объекта: "as-needed" - только когда необходимо
+  quoteProps: "as-needed",
+  // Закрывающая скобка > на той же строке что и последний атрибут
+  bracketSameLine: false,
+  // Чувствительность к пробелам в HTML: "css" - как в CSS display свойстве
+  htmlWhitespaceSensitivity: "css",
 
-	importOrderSeparation: true,
-	singleAttributePerLine: true,
-	importOrderSortSpecifiers: true,
-	importOrderCaseInsensitive: true,
-	importOrderParserPlugins: ['classProperties', 'decorators-legacy', 'typescript', 'jsx'],
-	importOrder: ['<THIRD_PARTY_MODULES>', '^react$', '^@/(.*)$', '^../(.*)$', '^./(.*)$'],
-	plugins: ['@trivago/prettier-plugin-sort-imports']
+  // --- Настройки плагина сортировки импортов (@trivago/prettier-plugin-sort-imports) ---
+  // Добавлять пустую строку между группами импортов
+  importOrderSeparation: true,
+  // Каждый атрибут JSX на отдельной строке
+  singleAttributePerLine: true,
+  // Сортировать спецификаторы внутри импорта: import { a, b, c } from 'module'
+  importOrderSortSpecifiers: true,
+  // Сортировка без учёта регистра
+  importOrderInsensitive: true,
+  // Плагины парсера для корректной обработки синтаксиса
+  importOrderParserPlugins: ["classProperties", "decorators-legacy", "typescript"],
+  // Порядок группировки импортов (регулярные выражения)
+  importOrder: [
+    "<THIRD_PARTY_MODULES>", // Сторонние модули (node_modules)
+    "^react$", // React отдельно
+    // "^@/app/(.*)$",
+    // "^@/pages/(.*)$",
+    // "^@/widgets/(.*)$",
+    // "^@/features/(.*)$",
+    // "^@/entities/(.*)$",
+    // "^@/shared/(.*)$",
+    "^@/(.*)$", // Алиасы проекта (@/)
+    "^../(.*)$", // Относительные импорты из родительских директорий
+    "^./(.*)$", // Относительные импорты из текущей директории
+  ],
+  // Подключённые плагины Prettier
+  plugins: ["@trivago/prettier-plugin-sort-imports", "prettier-plugin-astro"],
+  // Переопределения для конкретных типов файлов
+  overrides: [
+    {
+      files: "*.astro",
+      options: {
+        parser: "astro", // Использовать Astro парсер для .astro файлов
+      },
+    },
+  ],
 }