@taiga-ui/prettier-config 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 0.1.1 (2023-08-14)
+
+### Features
+
+- add linters ([b35e525](https://github.com/taiga-family/taiga-ui/commit/b35e5252a2bac063696f0fd1b5accc1ac0d34a66))

package/README.md

@@ -0,0 +1,31 @@
+# @taiga-ui/prettier-config
+
+Common Prettier configuration for taiga-ui projects. Compatible with taiga-ui eslint configs.
+
+## Usage
+
+1. Install from npm
+
+```bash
+npm i --save-dev @taiga-ui/prettier-config
+```
+
+1. Create `.prettierrc.js` at project root
+
+```js
+module.exports = require('@taiga-ui/prettier-config');
+```
+
+More information about available at
+[prettier documentation](https://prettier.io/docs/en/configuration.html#sharing-configurations)
+
+### Available presets
+
+- **angular**
+
+```json5
+{
+  // ...
+  prettier: '@taiga-ui/prettier-config/angular',
+}
+```

package/index.js

@@ -0,0 +1,87 @@
+module.exports = {
+    $schema: 'https://json.schemastore.org/prettierrc',
+    htmlWhitespaceSensitivity: 'ignore',
+    printWidth: 120,
+    tabWidth: 4,
+    proseWrap: 'always',
+    useTabs: false,
+    semi: true,
+    singleQuote: true,
+    trailingComma: 'all',
+    endOfLine: 'lf',
+    bracketSpacing: false,
+    arrowParens: 'avoid',
+    singleAttributePerLine: true,
+    plugins: [require.resolve('prettier-plugin-organize-attributes')],
+    attributeGroups: [
+        '$ANGULAR_STRUCTURAL_DIRECTIVE',
+        '$ANGULAR_ELEMENT_REF',
+        '$ID',
+        '$DEFAULT',
+        '$CLASS',
+        '$ANGULAR_ANIMATION',
+        '$ANGULAR_ANIMATION_INPUT',
+        '$ANGULAR_INPUT',
+        '$ANGULAR_TWO_WAY_BINDING',
+        '$ANGULAR_OUTPUT',
+    ],
+    overrides: [
+        {
+            files: ['*.json', '.prettierrc', '.stylelintrc'],
+            options: {parser: 'json'},
+        },
+        {
+            files: ['package.json', 'ng-package.json'],
+            options: {
+                parser: 'json-stringify',
+                plugins: [
+                    require.resolve(
+                        require('path').resolve(
+                            __dirname,
+                            'plugins',
+                            'prettier-plugin-sort-package.js',
+                        ),
+                    ),
+                ],
+            },
+        },
+        {
+            files: ['*.less'],
+            options: {parser: 'less'},
+        },
+        {
+            files: ['*.scss'],
+            options: {parser: 'scss'},
+        },
+        {
+            files: ['*.xml'],
+            options: {
+                parser: 'xml',
+                plugins: [require.resolve('@prettier/plugin-xml')],
+            },
+        },
+        {
+            files: ['*.yml', '*.yaml'],
+            options: {parser: 'yaml', tabWidth: 2},
+        },
+        {
+            files: ['*.md'],
+            options: {parser: 'markdown', tabWidth: 2},
+        },
+        {
+            files: ['*.js', '*.ts'],
+            options: {printWidth: 90, parser: 'typescript'},
+        },
+        {
+            files: ['*.html'],
+            options: {
+                parser: 'angular',
+                printWidth: 120,
+            },
+        },
+        {
+            files: '*.svg',
+            options: require(require('path').resolve(__dirname, 'options', 'svg.js')),
+        },
+    ],
+};

package/options/svg.js

@@ -0,0 +1,7 @@
+module.exports = {
+    parser: 'html',
+    printWidth: 120,
+    singleAttributePerLine: false,
+    plugins: [require.resolve('prettier-plugin-organize-attributes')],
+    attributeGroups: ['^(id|name)$', '^x$', '^y$', '^xmlns$', '$DEFAULT'],
+};

package/package.json

@@ -0,0 +1,25 @@
+{
+    "name": "@taiga-ui/prettier-config",
+    "version": "0.1.1",
+    "description": "Taiga-ui prettier config",
+    "keywords": [
+        "prettier",
+        "prettier-config"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/taiga-family/taiga-ui.git"
+    },
+    "license": "Apache-2.0",
+    "main": "index.js",
+    "dependencies": {
+        "@prettier/plugin-xml": "2.2.0",
+        "@types/prettier": "2.7.3",
+        "prettier-package-json": "2.8.0",
+        "prettier-plugin-organize-attributes": "0.0.5",
+        "sort-package-json": "1.57.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    }
+}

package/plugins/prettier-plugin-sort-package.js

@@ -0,0 +1,40 @@
+const sortPackageJson = require('sort-package-json');
+const {parsers} = require('prettier/parser-babel');
+
+const parser = parsers['json-stringify'];
+
+exports.parsers = {
+    'json-stringify': {
+        ...parser,
+        preprocess(text, options) {
+            const processed = parser.preprocess ? parser.preprocess(text, options) : text;
+
+            const isPackageJson =
+                options.filepath &&
+                /package\.json$|ng-package\.json$/.test(options.filepath);
+
+            if (isPackageJson) {
+                const json = JSON.parse(processed);
+                const unsortedScripts = deepClone((json && json.scripts) || {});
+                const sorted = sortPackageJson(json);
+
+                /**
+                 * @note: add the scripts field if it's provided
+                 * the scripts must be unsorted
+                 */
+                // eslint-disable-next-line no-prototype-builtins
+                if (json && json.hasOwnProperty('scripts')) {
+                    sorted.scripts = unsortedScripts;
+                }
+
+                return JSON.stringify(sorted);
+            }
+
+            return processed;
+        },
+    },
+};
+
+function deepClone(value) {
+    return JSON.parse(JSON.stringify(value));
+}

package/project.json

@@ -0,0 +1,15 @@
+{
+    "name": "prettier-config",
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "sourceRoot": "projects/prettier-config",
+    "projectType": "library",
+    "prefix": "tui",
+    "targets": {
+        "publish": {
+            "executor": "nx:run-commands",
+            "options": {
+                "command": "npm publish ./projects/prettier-config --access=public --ignore-scripts || echo \"already published\""
+            }
+        }
+    }
+}