Improving maintainability: ESLint and Prettier

.editorconfig

@@ -1,8 +1,12 @@
 root=true
 
 [*]
-indent_style = space
-indent_size = 4
 charset = utf-8
+max_line_length = 120
+ij_visual_guides = 120
 end_of_line = lf
-insert_final_newline = true
+
+# We are not running ESLint for JSON files, but we need to maintain the same style
+[*.json]
+indent_style = space
+indent_size = 2

.eslintignore

@@ -0,0 +1,3 @@
+.github
+.yarn
+storybook-static

.eslintrc.js

@@ -0,0 +1,28 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  parserOptions: {
+    ecmaVersion: 2021,
+  },
+  plugins: ['only-warn'],
+  extends: ['eslint:recommended', 'plugin:prettier/recommended', 'plugin:storybook/recommended'],
+  rules: {
+    // Set line length to 120
+    'max-len': ['error', { code: 120 }],
+    // Prevent warnings when debugging
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+  },
+  overrides: [
+    // Fix: import and export, see https://github.com/AtomLinter/linter-eslint/issues/462
+    // TODO: Remove temporary fix after adding `plugin:@typescript-eslint/eslint-recommended`
+    {
+      files: 'packages/example-*/**/*.*',
+      parserOptions: {
+        sourceType: 'module',
+      },
+    },
+  ],
+};

.nvmrc

@@ -1 +1 @@
-v15.14.0
+lts/*

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

package.json

@@ -1,25 +1,28 @@
 {
-    "name": "storybook-builder-vite-parent",
-    "version": "0.1.13",
-    "description": "An experimental plugin to run and build Storybooks with Vite",
-    "main": "index.js",
-    "author": "",
-    "license": "MIT",
-    "scripts": {
-        "lint": "prettier --check .",
-        "format": "prettier --write ."
-    },
-    "workspaces": [
-        "packages/example-react",
-        "packages/example-svelte",
-        "packages/example-vue",
-        "packages/example-workspaces",
-        "packages/storybook-builder-vite"
-    ],
-    "prettier": {
-        "singleQuote": true
-    },
-    "devDependencies": {
-        "prettier": "^2.3.2"
-    }
+  "name": "storybook-builder-vite-parent",
+  "version": "0.1.13",
+  "description": "An experimental plugin to run and build Storybooks with Vite",
+  "license": "MIT",
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "scripts": {
+    "lint": "eslint \"packages/*/**/*.{js,jsx,mjs,cjs}\" --fix",
+    "lint-ci": "eslint \"packages/*/**/*.{js,jsx,mjs,cjs}\" --max-warnings=0"
+  },
+  "workspaces": [
+    "packages/example-react",
+    "packages/example-svelte",
+    "packages/example-vue",
+    "packages/example-workspaces",
+    "packages/storybook-builder-vite"
+  ],
+  "devDependencies": {
+    "eslint": "^8.6.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-only-warn": "^1.0.3",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-storybook": "^0.5.5",
+    "prettier": "^2.3.2"
+  }
 }