Create function 'create react hook' menu

src/commands/CreateReactHOC.command.ts

@@ -0,0 +1,22 @@
+import * as vscode from 'vscode';
+import * as fs from 'fs';
+import * as fspath from 'path';
+import { reactHOCFactory } from '../factory/ReactHOC.factory';
+
+export const createReactHOCCommand = (uri: vscode.Uri) => {
+  const path = uri.fsPath;
+
+  vscode.window.showInputBox({
+    prompt: 'Enter React hoc name',
+    placeHolder: 'withMyHOC',
+  }).then((hocName) => {
+    if (hocName) {
+      const hocFileContent = reactHOCFactory(hocName);
+
+      fs.writeFileSync(
+        fspath.join(path, `${hocName}.hoc.tsx`),
+        hocFileContent,
+      );
+    }
+  });
+};

src/factory/Commands.factory.ts

@@ -1,6 +1,7 @@
 import * as vscode from 'vscode';
 import { createReactComponentCommand } from "../commands/CreateReactComponent.command";
 import { createReactHookCommand } from '../commands/CreateReactHook.factory';
+import { createReactHOCCommand } from '../commands/CreateReactHOC.command';
 
 export const commandsFactory = (context: vscode.ExtensionContext) => {
   commands.forEach((command) => {
@@ -13,6 +14,10 @@ const commands = [
     'vscode-react-developer-toolkit.createReactComponent',
     createReactComponentCommand,
   ),
+  vscode.commands.registerCommand(
+    'vscode-react-developer-toolkit.createReactHOC',
+    createReactHOCCommand,
+  ),
   vscode.commands.registerCommand(
     'vscode-react-developer-toolkit.createReactHook',
     createReactHookCommand,

src/factory/ReactHOC.factory.ts

@@ -0,0 +1,16 @@
+export const reactHOCFactory = (hocName: string) => `import { ComponentType } from 'react';
+
+export type IComponentRequiredProps = {
+  // Write required props.
+};
+
+export function ${hocName}<P = IComponentRequiredProps>(Component: ComponentType<P>) {
+  return function(props: P) {
+    return (
+      <Component { ...props as any } />
+    );
+  };
+};
+
+export default ${hocName};
+`;