chore: update eslint/prettier configs

.eslintrc.cjs

@@ -2,28 +2,61 @@ module.exports = {
   root: true,
   parserOptions: {
     ecmaVersion: 2020,
-    sourceType: 'module'
+    sourceType: "module",
   },
-  extends: ['eslint:recommended', 'prettier', 'plugin:storybook/recommended'],
+  extends: [
+    "prettier",
+    "plugin:@typescript-eslint/recommended",
+    "eslint:recommended",
+    "plugin:storybook/recommended",
+    "plugin:lit/recommended",
+    "plugin:wc/recommended",
+  ],
+  plugins: ["prettier", "unused-imports", "@typescript-eslint"],
   env: {
     browser: true,
-    node: true
+    node: true,
   },
   globals: {
-    process: 'readonly'
+    process: "readonly",
   },
   rules: {
-    strict: ['error', 'never']
+    "prettier/prettier": "error",
+    "strict": ["error", "never"],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "double", { avoidEscape: true }],
+    "semi": ["error", "always"],
+    "no-empty": "off",
+    "unused-imports/no-unused-imports": "error",
+    "padding-line-between-statements": [
+      "error",
+      { blankLine: "always", prev: ["const", "let", "var"], next: "*" },
+      { blankLine: "any", prev: ["const", "let", "var"], next: ["const", "let", "var"] },
+    ],
+    "space-in-parens": "error",
+    "no-multiple-empty-lines": "error",
+    "no-irregular-whitespace": "error",
+    "space-before-function-paren": [
+      "error",
+      {
+        anonymous: "always",
+        named: "never",
+        asyncArrow: "always",
+      },
+    ],
   },
-  overrides: [{
-    files: ['*.ts'],
-    parser: '@typescript-eslint/parser',
-    extends: ['plugin:@typescript-eslint/recommended'],
-    plugins: ['@typescript-eslint']
-  }, {
-    files: ['web-test-runner.config.js'],
-    env: {
-      node: true
-    }
-  }]
+  overrides: [
+    {
+      files: ["*.ts"],
+      parser: "@typescript-eslint/parser",
+      extends: ["plugin:@typescript-eslint/recommended"],
+      plugins: ["@typescript-eslint"],
+    },
+    {
+      files: ["web-test-runner.config.js"],
+      env: {
+        node: true,
+      },
+    },
+  ],
 };

.npmrc

@@ -1 +1,2 @@
 engine-strict=true
+node-options='--no-experimental-fetch'

.prettierignore

@@ -21,3 +21,4 @@ docs/
 .octane-ci/
 .bin/
 .docksal/
+*.test.ts

.prettierrc.json

@@ -1,11 +1,18 @@
 {
   "arrowParens": "avoid",
-  "bracketSpacing": true,
-  "quoteProps": "consistent",
-  "printWidth": 100,
+  "quoteProps": "preserve",
+  "printWidth": 95,
   "semi": true,
-  "singleQuote": true,
+  "singleQuote": false,
   "tabWidth": 2,
   "trailingComma": "es5",
-  "useTabs": false
+  "useTabs": false,
+  "importOrder": [
+    "^lit",
+    "<THIRD_PARTY_MODULES>",
+    "^[./]",
+    "(.css)$"
+  ],
+  "importOrderParserPlugins": ["typescript", "jsx", "decorators-legacy"],
+  "plugins": ["@trivago/prettier-plugin-sort-imports"]
 }

.stylelintrc.json

@@ -1,9 +1,14 @@
 {
-  "extends": ["stylelint-config-standard", "stylelint-config-prettier"],
+  "extends": ["stylelint-config-standard"],
   "rules": {
     "custom-property-no-missing-var-function": true,
-    "length-zero-no-unit": [true, {
-      "ignore": ["custom-properties"]
-    }]
+    "media-feature-range-notation": "prefix",
+    "no-descending-specificity": null,
+    "length-zero-no-unit": [
+      true,
+      {
+        "ignore": ["custom-properties"]
+      }
+    ]
   }
 }