Replace gulp build with wp-scripts.

.eslintignore

@@ -0,0 +1,6 @@
+node_modules
+release/*
+dist/*
+docs-built/*
+vendor/*
+gulp-tasks/*

.eslintrc.json

@@ -1,3 +1,9 @@
 {
-  "extends": "@10up/eslint-config"
+  "extends": [ "plugin:@wordpress/eslint-plugin/recommended" ],
+  "settings": {
+    "import/core-modules": [ "jquery", "underscore" ]
+  },
+  "rules": {
+    "import/no-extraneous-dependencies": ["error", {"packageDir": ["./", "./node_modules/@wordpress/scripts"] }]
+  }
 }

.github/workflows/cypress.yml

@@ -16,7 +16,7 @@ jobs:
       matrix:
         core:
           - {name: 'WP latest', version: 'latest'}
-          - {name: 'WP minimum', version: 'WordPress/WordPress#5.2'}
+          - {name: 'WP minimum', version: 'WordPress/WordPress#5.7'}
           - {name: 'WP trunk', version: 'WordPress/WordPress#master'}
     steps:
     - name: Checkout

.github/workflows/lint.yml

@@ -25,12 +25,19 @@ jobs:
         node-version: 16
     - name: npm install
       run: npm install
-    - name: eslint
-      uses: icrawl/action-eslint@v1
+    - name: Generate linting report
+      run: npm run lint:js -- --output-file eslint-report.json --format json
+      continue-on-error: true
+    - name: Annotate code linting results
+      uses: ataylorme/[email protected]
       with:
-        custom-glob: assets/js
-      env:
-        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        repo-token: '${{ secrets.GITHUB_TOKEN }}'
+        report-json: 'eslint-report.json'
+    - name: Update summary
+      run: |
+        npm_config_yes=true npx github:10up/eslint-json-to-md --path ./eslint-report.json --output ./eslint-report.md
+        cat eslint-report.md >> $GITHUB_STEP_SUMMARY
+      if: ${{ failure() }}
   phpcs:
     name: phpcs
     runs-on: ubuntu-latest
@@ -67,4 +74,4 @@ jobs:
     - name: PHPCS check
       uses: chekalsky/phpcs-action@v1
       with:
-        phpcs_bin_path: './vendor/bin/phpcs . --runtime-set testVersion 5.6-'
+        phpcs_bin_path: './vendor/bin/phpcs . --runtime-set testVersion 7.4-'

.github/workflows/test.yml

@@ -23,8 +23,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        # We claim to support from 5.6+ but WP Mock only supports 7.1+
-        php: [ '7.1', '7.2', '7.3', '7.4', '8.0', '8.1' ]
+        php: [ '7.4', '8.0', '8.1' ]
         os: [ ubuntu-latest ]
 
     steps:

.npmpackagejsonlintrc.json

@@ -0,0 +1,33 @@
+{
+	"extends": "@wordpress/npm-package-json-lint-config",
+	"rules": {
+		"description-format": [
+			"error",
+			{
+				"requireCapitalFirstLetter": true,
+				"requireEndingPeriod": true
+			}
+		],
+		"prefer-no-devDependencies": "error",
+		"require-publishConfig": "error",
+		"require-repository-directory": "error",
+		"valid-values-publishConfig": [
+			"error",
+			[
+				{
+					"access": "public"
+				}
+			]
+		]
+	},
+	"overrides": [
+		{
+			"patterns": [ "./package.json" ],
+			"rules": {
+				"require-publishConfig": "off",
+				"require-repository-directory": "off",
+				"prefer-no-devDependencies": "off"
+			}
+		}
+	]
+}

.stylelintignore

@@ -0,0 +1,6 @@
+node_modules
+release/*
+dist/*
+docs-built/*
+vendor/*
+gulp-tasks/*

.stylelintrc.json

@@ -0,0 +1,17 @@
+{
+    "extends": "@wordpress/stylelint-config/scss",
+	"rules": {
+		"font-family-no-missing-generic-family-keyword": [
+			true,
+			{
+				"ignoreFontFamilies": [
+					"dashicons"
+				]
+			}
+		],
+		"font-weight-notation": "named-where-possible",
+		"no-descending-specificity": null,
+		"selector-class-pattern": null,
+		"selector-id-pattern": null
+	}
+}

CONTRIBUTING.md

@@ -30,7 +30,7 @@ The `develop` branch is the development branch which means it contains the next
 
 1. Branch: Starting from `develop`, create a release branch named `release/X.Y.Z` for your changes.
 1. Version bump: Bump the version number in `distributor.php`, `package.json`, and `readme.txt` if it does not already reflect the version being released.  In `distributor.php` update both the plugin "Version:" property and the plugin `DT_VERSION` constant.
-1. New files: Ensure any new files, especially in the vendor folder, are correctly included in `gulp-tasks/copy.js`.
+1. New files: Ensure any new files, especially in the vendor folder, are correctly included in `webpack.config.release.js`.
 1. Changelog: Add/update the changelog in `CHANGELOG.md`.
 1. Props: Update `CREDITS.md` file with any new contributors, confirm maintainers are accurate.
 1. Readme updates: Make any other readme changes as necessary.  `README.md` is geared toward GitHub and `readme.txt` contains WordPress.org-specific content.  The two are slightly different.

assets/css/admin-distributed-post.css

@@ -8,7 +8,3 @@
 	cursor: pointer;
 	text-decoration: underline;
 }
-
-.open-distributor-help {
-	cursor: pointer;
-}

assets/css/admin-edit-table.css

@@ -3,7 +3,7 @@
 }
 
 .dt-unlinked {
-	opacity: .3;
+	opacity: 0.3;
 }
 
 .manage-column.column-distributor img {

assets/css/admin-external-connection.css

@@ -15,12 +15,12 @@
 
 .dt-roles-allowed legend {
 	font-size: 14px;
-	font-weight: 700;
+	font-weight: bold;
 	margin-bottom: 4px;
 }
 
 #dt_external_connection_details .dt-roles-allowed label {
-	font-weight: 400;
+	font-weight: normal;
 	vertical-align: top;
 }
 
@@ -30,7 +30,6 @@
 	font-weight: bold;
 }
 
-
 #dt_external_connection_details label {
 	font-size: 14px;
 	font-weight: bold;
@@ -78,45 +77,45 @@
 	font-style: italic;
 }
 
-.endpoint-errors li:before {
-	content: '-';
+.endpoint-errors li::before {
+	content: "-";
 	margin-right: 5px;
 }
 
 .misc-pub-visibility {
 	display: none;
 }
 
-.endpoint-result[data-endpoint-state="loading"]:before {
-	content: ' ';
+.endpoint-result[data-endpoint-state="loading"]::before {
+	content: " ";
 	vertical-align: middle;
-	top: -.25em;
+	top: -0.25em;
 	border-radius: 50%;
-	width: .8em;
+	width: 0.8em;
 	margin-right: 8px;
-	height: .8em;
+	height: 0.8em;
 	display: inline-block;
 	font-size: 9px;
 	position: relative;
 	text-indent: -9999em;
-	border-top: .5em solid #cfcfcf;
-	border-right: .5em solid #cfcfcf;
-	border-bottom: .5em solid #cfcfcf;
-	border-left: .5em solid #666;
+	border-top: 0.5em solid #cfcfcf;
+	border-right: 0.5em solid #cfcfcf;
+	border-bottom: 0.5em solid #cfcfcf;
+	border-left: 0.5em solid #666;
 	-webkit-transform: translateZ(0);
 	-ms-transform: translateZ(0);
 	transform: translateZ(0);
 	-webkit-animation: load8 1.1s infinite linear;
 	animation: load8 1.1s infinite linear;
 }
 
-.endpoint-result[data-endpoint-state="error"]:before,
-.endpoint-result[data-endpoint-state="warning"]:before,
-.endpoint-result[data-endpoint-state="valid"]:before {
-	content: ' ';
+.endpoint-result[data-endpoint-state="error"]::before,
+.endpoint-result[data-endpoint-state="warning"]::before,
+.endpoint-result[data-endpoint-state="valid"]::before {
+	content: " ";
 	display: inline-block;
 	border-radius: 50%;
-	background-color: #ff0000;
+	background-color: #f00;
 	width: 10px;
 	height: 10px;
 	border: 1px solid #999;
@@ -126,11 +125,11 @@
 	margin-right: 5px;
 }
 
-.endpoint-result[data-endpoint-state="valid"]:before {
+.endpoint-result[data-endpoint-state="valid"]::before {
 	background-color: #62ff00;
 }
 
-.endpoint-result[data-endpoint-state="warning"]:before {
+.endpoint-result[data-endpoint-state="warning"]::before {
 	background-color: #ffe000;
 }
 
@@ -143,21 +142,25 @@
 }
 
 @-webkit-keyframes load8 {
+
 	0% {
 		-webkit-transform: rotate(0deg);
 		transform: rotate(0deg);
 	}
+
 	100% {
 		-webkit-transform: rotate(360deg);
 		transform: rotate(360deg);
 	}
 }
 
 @keyframes load8 {
+
 	0% {
 		-webkit-transform: rotate(0deg);
 		transform: rotate(0deg);
 	}
+
 	100% {
 		-webkit-transform: rotate(360deg);
 		transform: rotate(360deg);
@@ -172,33 +175,32 @@
 	color: #a00;
 	margin-left: 1em;
 	text-decoration: none;
+}
 
-	&:hover {
-		color: #f00;
-		text-decoration: none;
-	}
+.delete-link:hover {
+	color: #f00;
+	text-decoration: none;
 }
 
 #poststuff #post-body.columns-2 {
 	margin-right: 0;
 }
 
 #side-sortables {
-	display: none
+	display: none;
 }
 
 .oauth-connection-established .message-header {
 	font-size: 16px;
-	color: green;
+	color: #008000;
 	font-weight: bold;
 }
 
 input[type="text"].error-required,
 input[type="password"].error-required {
-	border: 2px solid red;
+	border: 2px solid #f00;
 }
 
-
 .post-new-php .external-connection-setup,
 .post-new-php .connection-field-wrap,
 .post-new-php .dt-roles-allowed,

assets/css/admin-external-connections.css

@@ -1,13 +1,13 @@
 .network-connections-notice {
-	margin-bottom: .5em;
+	margin-bottom: 0.5em;
 	font-style: italic;
 }
 
 .connection-status {
-	content: ' ';
+	content: " ";
 	display: inline-block;
 	border-radius: 50%;
-	background-color: #ff0000;
+	background-color: #f00;
 	width: 10px;
 	height: 10px;
 	border: 1px solid #999;

assets/css/admin-pull-table.css → assets/css/admin-pull-table.scss

@@ -2,19 +2,19 @@
 
 	&.dt-loading {
 
-		& #posts-filter,
-		& .subsubsub {
-			opacity: .5;
+		#posts-filter,
+		.subsubsub {
+			opacity: 0.5;
 			pointer-events: none;
 			cursor: default;
 		}
 	}
 
-	& .dt-pull-post-type {
+	.dt-pull-post-type {
 		display: flex;
 		align-items: center;
 
-		& .dt-as-draft {
+		.dt-as-draft {
 			padding-left: 10px;
 		}
 	}