chore(migrate): add typescript support

packages/migrate/.gitignore

@@ -0,0 +1,6 @@
+/*.js
+/**/*.js
+!*.test.js
+!/**/*.test.js
+!/**/__testfixtures__/*.js
+!/**/__snapshots__/*.js

packages/migrate/bannerPlugin/bannerPlugin.js → packages/migrate/bannerPlugin/bannerPlugin.ts

@@ -1,4 +1,6 @@
-const utils = require("@webpack-cli/utils/ast-utils");
+import * as utils from "@webpack-cli/utils/ast-utils";
+
+import { IJSCodeshift, INode } from "../types/NodePath";
 
 /**
  *
@@ -10,11 +12,11 @@ const utils = require("@webpack-cli/utils/ast-utils");
  * @returns {Node} ast - jscodeshift ast
  */
 
-module.exports = function(j, ast) {
+export default function(j: IJSCodeshift, ast: INode): INode {
 	return utils
 		.findPluginsByName(j, ast, ["webpack.BannerPlugin"])
-		.forEach(path => {
-			const args = path.value.arguments; // any node
+		.forEach((path: INode): void => {
+			const args: INode[] = path.value.arguments; // any node
 			// If the first argument is a literal replace it with object notation
 			// See https://webpack.js.org/guides/migrating/#bannerplugin-breaking-change
 			if (args && args.length > 1 && args[0].type === j.Literal.name) {
@@ -25,9 +27,9 @@ module.exports = function(j, ast) {
 					path.parent,
 					"webpack.BannerPlugin",
 					{
-						banner: args[0].value
-					}
+						banner: args[0].value,
+					},
 				);
 			}
 		});
-};
+}

packages/migrate/extractTextPlugin/extractTextPlugin.test.js

@@ -1,5 +1,5 @@
 "use strict";
 
-const defineTest = require("@webpack-cli/utils//defineTest");
+const defineTest = require("@webpack-cli/utils/defineTest");
 
 defineTest(__dirname, "extractTextPlugin");

packages/migrate/extractTextPlugin/extractTextPlugin.ts

@@ -0,0 +1,60 @@
+import * as utils from "@webpack-cli/utils/ast-utils";
+
+import { IJSCodeshift, INode } from "../types/NodePath";
+
+/**
+ *
+ * Check whether `node` is the invocation of the plugin denoted by `pluginName`
+ *
+ * @param {Object} j - jscodeshift top-level import
+ * @param {Path} node - ast node to check
+ * @param {String} pluginName - name of the plugin
+ * @returns {Boolean} isPluginInvocation - whether `node` is the invocation of the plugin denoted by `pluginName`
+ */
+
+function findInvocation(j: IJSCodeshift, path: INode, pluginName: string): boolean {
+	let found: boolean = false;
+	found =
+		j(path)
+			.find(j.MemberExpression)
+			.filter((p: INode): boolean => p.get("object").value.name === pluginName)
+			.size() > 0;
+	return found;
+}
+
+/**
+ *
+ * Transform for ExtractTextPlugin arguments. Consolidates arguments into single options object.
+ *
+ * @param {Object} j - jscodeshift top-level import
+ * @param {Node} ast - jscodeshift ast to transform
+ * @returns {Node} ast - jscodeshift ast
+ */
+
+export default function(j: IJSCodeshift, ast: INode): void | INode {
+	const changeArguments = (path: INode): INode => {
+		const args: INode[] = path.value.arguments;
+
+		const literalArgs: INode[] = args.filter((p: INode): boolean => utils.isType(p, "Literal"));
+		if (literalArgs && literalArgs.length > 1) {
+			const newArgs: object = j.objectExpression(
+				literalArgs.map((p: INode, index: number): INode =>
+					utils.createProperty(j, index === 0 ? "fallback" : "use", p.value),
+				),
+			);
+			path.value.arguments = [newArgs];
+		}
+		return path;
+	};
+	const name: string = utils.findVariableToPlugin(
+		j,
+		ast,
+		"extract-text-webpack-plugin",
+	);
+	if (!name) { return ast; }
+
+	return ast
+		.find(j.CallExpression)
+		.filter((p: INode): boolean => findInvocation(j, p, name))
+		.forEach(changeArguments);
+}