Merge pull request #2 from johnhooks/add-typescript-eslint

build: add @typescript-eslint/plugin

.editorconfig

@@ -9,8 +9,8 @@ root = true
 [*]
 charset = utf-8
 end_of_line = lf
-indent_style = space
 indent_size = 2
+indent_style = tab
 insert_final_newline = true
 trim_trailing_whitespace = true
 
@@ -20,3 +20,7 @@ indent_style = tab
 
 [*.md]
 trim_trailing_whitespace = false
+
+[*.{yml,yaml}]
+indent_size = 2
+indent_style = space

.eslintignore

@@ -0,0 +1,6 @@
+.cache
+build
+build-module
+build-types
+coverage
+vendor

.eslintrc.json

@@ -0,0 +1,74 @@
+{
+	"parser": "@typescript-eslint/parser",
+	"parserOptions": {
+		"project": true,
+		"tsconfigRootDir": "."
+	},
+	"extends": [
+		"plugin:@wordpress/eslint-plugin/recommended",
+		"plugin:@typescript-eslint/recommended",
+		"plugin:@typescript-eslint/recommended-requiring-type-checking",
+		"plugin:@typescript-eslint/strict",
+		"plugin:import/recommended",
+		"plugin:import/typescript"
+	],
+	"plugins": [ "@typescript-eslint" ],
+	"rules": {
+		"import/order": [
+			"error",
+			{
+				"alphabetize": {
+					"order": "asc",
+					"caseInsensitive": true
+				},
+				"newlines-between": "always",
+				"groups": [
+					"builtin",
+					"external",
+					"parent",
+					"sibling",
+					"index"
+				],
+				"pathGroups": [
+					{
+						"pattern": "@wordpress/**",
+						"group": "external"
+					}
+				],
+				"pathGroupsExcludedImportTypes": [ "builtin" ]
+			}
+		]
+	},
+	"overrides": [
+		{
+			"files": "tests/**/*",
+			"rules": {
+				"@typescript-eslint/no-unsafe-call": "off"
+			}
+		},
+		{
+			"files": "**/*.js",
+			"rules": {
+				"@typescript-eslint/no-var-requires": "off",
+				"@typescript-eslint/no-unsafe-assignment": "off",
+				"@typescript-eslint/no-unsafe-member-access": "off"
+			}
+		}
+	],
+	"settings": {
+		"import/parsers": {
+			"@typescript-eslint/parser": [ ".ts", ".tsx" ]
+		},
+		"import/resolver": {
+			"typescript": {
+				"alwaysTryTypes": true,
+				"project": [ "./" ]
+			}
+		}
+	},
+	"env": {
+		"browser": true,
+		"es2017": true,
+		"node": true
+	}
+}

.github/workflows/node.js.yml

@@ -5,13 +5,12 @@ name: Node.js CI
 
 on:
   push:
-    branches: [ "master" ]
+    branches: ["master"]
   pull_request:
-    branches: [ "master" ]
+    branches: ["master"]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
@@ -25,7 +24,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
-          cache: 'npm'
+          cache: "npm"
       - run: npm install
       - run: npm run build --if-present
 

.gitignore

@@ -5,6 +5,10 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
+# The build directories
+build/
+build-types/
+
 # Coverage directory used by tools like istanbul
 coverage
 artifacts

.prettierignore

@@ -0,0 +1,8 @@
+.cache
+build
+build-module
+build-types
+coverage
+vendor
+
+**/*.md

.prettierrc.js

@@ -0,0 +1,18 @@
+// Import the default config file and expose it in the project root.
+// Useful for editor integrations.
+const prettierConfig = require( '@wordpress/prettier-config' );
+
+module.exports = {
+	...prettierConfig,
+	proseWrap: 'never',
+	endOfLine: 'lf',
+	overrides: [
+		{
+			files: '*.{yml,yaml}',
+			options: {
+				singleQuote: false,
+				tabWidth: 2,
+			},
+		},
+	],
+};

.stylelintignore

@@ -0,0 +1,3 @@
+build
+build-style
+node_modules

.stylelintrc.json

@@ -0,0 +1,25 @@
+{
+	"extends": "@wordpress/stylelint-config/scss",
+	"rules": {
+		"at-rule-empty-line-before": null,
+		"at-rule-no-unknown": null,
+		"comment-empty-line-before": null,
+		"font-weight-notation": null,
+		"max-line-length": null,
+		"no-descending-specificity": null,
+		"rule-empty-line-before": null,
+		"selector-class-pattern": null,
+		"value-keyword-case": null,
+		"scss/operator-no-unspaced": null,
+		"scss/selector-no-redundant-nesting-selector": null,
+		"scss/at-import-partial-extension": null,
+		"scss/no-global-function-names": null,
+		"scss/comment-no-empty": null,
+		"scss/at-extend-no-missing-placeholder": null,
+		"scss/operator-no-newline-after": null,
+		"scss/at-if-closing-brace-newline-after": null,
+		"scss/at-else-empty-line-before": null,
+		"scss/at-if-closing-brace-space-after": null,
+		"no-invalid-position-at-import-rule": null
+	}
+}

.wp-env.json

@@ -1,4 +1,4 @@
 {
 	"core": "WordPress/WordPress",
-	"plugins": ["."]
+	"plugins": [ "." ]
 }

babel.config.js

@@ -1,11 +1,11 @@
-/** @type {import('@babel/core').ConfigFunction} */
+/** @type {import("@babel/core").ConfigFunction} */
 module.exports = ( api ) => {
 	api.cache( true );
 
 	return {
 		presets: [
-      '@babel/preset-typescript',
-      '@wordpress/babel-preset-default',
+			'@babel/preset-typescript',
+			'@wordpress/babel-preset-default',
 		],
 	};
 };

block.json

@@ -1,14 +1,11 @@
 {
-  "apiVersion": 2,
-  "name": "block/boilerplate",
-  "title": "boilerplate",
-  "description": "A wp-block boilerplate in typescript",
-  "keywords": [
-    "wp-block",
-    "boilerplate"
-  ],
-  "category": "media",
-  "editorScript": "file:./build/boilerplate.js",
-  "editorStyle": "file:./build/boilerplate.css",
-  "style": "file:./build/style-boilerplate.css"
+	"apiVersion": 2,
+	"name": "block/boilerplate",
+	"title": "boilerplate",
+	"description": "A wp-block boilerplate in typescript",
+	"keywords": [ "wp-block", "boilerplate" ],
+	"category": "media",
+	"editorScript": "file:./build/boilerplate.js",
+	"editorStyle": "file:./build/boilerplate.css",
+	"style": "file:./build/style-boilerplate.css"
 }