Introduce Posts & Post Types Selects

Author: widoz

.editorconfig

@@ -2,7 +2,7 @@
 charset = utf-8
 end_of_line = lf
 indent_size = 4
-indent_style = space
+indent_style = tab
 insert_final_newline = true
 max_line_length = 120
 tab_width = 4

.eslintrc.js

@@ -2,6 +2,10 @@ const baseConfiguration = require('@wordpress/scripts/config/.eslintrc.js');
 
 module.exports = {
 	...baseConfiguration,
+	rules: {
+		...baseConfiguration.rules,
+		'@typescript-eslint/array-type': ['error', { default: 'generic' }],
+	},
 	settings: {
 		'import/resolver': {
 			typescript: {},

.gitattributes

@@ -0,0 +1 @@
+* text eol=lf

.github/workflows/js-qa.yml

@@ -0,0 +1,41 @@
+name: JS Quality Assurance
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+    paths:
+      - '**/workflows/*js*'
+      - '**.js'
+      - '**.jsx'
+      - '**.ts'
+      - '**.tsx'
+      - '**.json'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    if: "!github.event.pull_request.draft"
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          cache: 'yarn'
+          node-version: '16'
+
+      - name: Install
+        run: yarn install
+
+      - name: Coding Style
+        run: yarn cs
+
+      - name: Linting JavaScript
+        run: yarn lint:js
+
+      - name: Unit Tests
+        run: yarn test

.github/workflows/php-qa.yml

@@ -0,0 +1,34 @@
+name: PHP Quality Assurance
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+    paths:
+      - '**.php'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    if: "!contains(github.event.head_commit.message, '--skip ci') && !github.event.pull_request.draft"
+    strategy:
+      matrix:
+        php-versions: [ '8.0' ]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: ${{ matrix.php-versions }}
+
+      - name: Check syntax error in sources
+        run: find ./src/ ./tests/ -type f -name '*.php' -print0 | xargs -0 -L 1 -P 4 -- php -l
+
+      - name: Install dependencies
+        uses: "ramsey/composer-install@v1"
+
+      - name: Check code styles
+        run: composer cs

.prettierignore

@@ -1,11 +1,7 @@
-*.json
-*.scss
-*.css
-
 .psalm
 .github
 
 ./coverage
 ./vendor
 ./node_modules
-./public
+./build

.prettierrc.js

@@ -1,3 +1,16 @@
-const prettierConfig = require('@wordpress/scripts/config/.prettierrc.js')
+const prettierConfig = require('@wordpress/scripts/config/.prettierrc.js');
 
-module.exports = prettierConfig
+module.exports = {
+	...prettierConfig,
+	importOrder: [
+		'<THIRD_PARTY_MODULES>',
+		'^@jest/(.*)$',
+		'^@testing-library/(.*)$',
+		'^@faker-js/faker',
+		'^@wordpress/(.*)$',
+		'^[./]',
+	],
+	importOrderSeparation: true,
+	importOrderSortSpecifiers: false,
+	importOrderCaseInsensitive: false,
+};

.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+	"php.suggest.basic": true,
+	"php.validate.enable": true,
+	"php.validate.executablePath": "/usr/bin/php",
+	"php.format.codeStyle": "Off",
+	"phpCodeSniffer.standardCustom": "./phpcs.xml",
+	"phpCodeSniffer.standard": "Custom",
+	"phpCodeSniffer.autoExecutable": true,
+	"[php]": {
+		"editor.defaultFormatter": "obliviousharmony.vscode-php-codesniffer"
+	},
+	"prettier.configPath": ".prettierrc.js"
+}

.wp-env.json

@@ -1,14 +1,12 @@
 {
-  "core": "WordPress/WordPress",
-  "plugins": [
-    "."
-  ],
-  "env": {
-    "development": {
-      "phpVersion": "8.0",
-      "mappings": {
-        "wp-content/plugins/entities-search": "."
-      }
-    }
-  }
+	"core": "./vendor/roots/wordpress-no-content",
+	"plugins": ["."],
+	"env": {
+		"development": {
+			"phpVersion": "8.0",
+			"mappings": {
+				"wp-content/plugins/entities-search": "."
+			}
+		}
+	}
 }

@types/index.d.ts

@@ -0,0 +1,60 @@
+import type { Set } from 'immutable';
+import React from 'react';
+
+import { BaseEntityRecords, Context } from '@wordpress/core-data';
+
+type ComponentStateAware<V> = {
+	value: Set<V>;
+	setValue(value: ComponentStateAware<V>['value']): void;
+};
+
+export default EntitiesSearch;
+
+declare namespace EntitiesSearch {
+	type PostType<C extends Context = 'view'> = BaseEntityRecords.Type<C>;
+
+	type ViewablePostType = Readonly<{
+		[K in keyof PostType<'edit'>]: K extends 'viewable'
+			? true
+			: PostType<'edit'>[K];
+	}>;
+
+	type ControlOption<V extends any> = Readonly<{
+		value: V;
+		label: string;
+	}>;
+
+	type ComponentStateAware<V> = {
+		value: V;
+		setValue(value: ComponentStateAware['value']): void;
+	};
+
+	type EntitiesRecords<Entity> = Readonly<{
+		records(): Set<Entity>;
+		isResolving(): boolean;
+		errored(): boolean;
+		succeed(): boolean;
+	}>;
+
+	/**
+	 * Components
+	 */
+	interface PostTypeSelect<V> {
+		readonly value: V | null;
+		readonly options: Set<ControlOption<V>>;
+		readonly onChange: (value: PostTypeSelect<V>['value']) => void;
+	}
+
+	interface PostsSelect<V> {
+		readonly value: Set<V> | null;
+		readonly options: Set<ControlOption<V>>;
+		readonly onChange: (values: PostsSelect<V>['value']) => void;
+	}
+
+	interface PostsController<P, T> {
+		readonly postsComponent: React.ComponentType<
+			ComponentStateAware<Set<P>>
+		>;
+		readonly typesComponent: React.ComponentType<ComponentStateAware<T>>;
+	}
+}