feat(react): add hoc snippet

Author: afiiif

snippets/javascript.json

@@ -297,6 +297,21 @@
     "description": "React Arrow Function Component with PropTypes",
     "scope": "javascript,javascriptreact"
   },
+  "hocComponent": {
+    "prefix": "hoc.$hoc.🟨",
+    "body": [
+      "export default function ${1:${RELATIVE_FILEPATH/(^.+?(?=[\\/\\\\][^\\/\\\\]+[\\/\\\\][^\\/\\\\]+\\.[jt]sx?))|(\\.[jt]sx?$|[\\/\\\\](?:index|\\[).*|.+[\\/\\\\](?!(?:index|\\[))|[.\\-_\\/\\\\])|([\\w\\-_]*)/${3:/camelcase}/g}}(WrappedComponent) {$0",
+      "\tconst Component = (props) => {",
+      "\t\treturn <WrappedComponent {...props} />",
+      "\t}",
+      "",
+      "\treturn Component",
+      "}",
+      ""
+    ],
+    "description": "React HOC",
+    "scope": "javascript,javascriptreact"
+  },
   "useState": {
     "prefix": "useState.$useState.🟨",
     "body": [

snippets/typescript.json

@@ -297,6 +297,21 @@
     "description": "React Arrow Function Component with PropTypes",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
   },
+  "hocComponent": {
+    "prefix": "hoc.$hoc.🟨",
+    "body": [
+      "export default function ${1:${RELATIVE_FILEPATH/(^.+?(?=[\\/\\\\][^\\/\\\\]+[\\/\\\\][^\\/\\\\]+\\.[jt]sx?))|(\\.[jt]sx?$|[\\/\\\\](?:index|\\[).*|.+[\\/\\\\](?!(?:index|\\[))|[.\\-_\\/\\\\])|([\\w\\-_]*)/${3:/camelcase}/g}}(WrappedComponent) {$0",
+      "\tconst Component = (props) => {",
+      "\t\treturn <WrappedComponent {...props} />",
+      "\t}",
+      "",
+      "\treturn Component",
+      "}",
+      ""
+    ],
+    "description": "React HOC",
+    "scope": "javascript,typescript,javascriptreact,typescriptreact"
+  },
   "tsReactFunctionalComp": {
     "prefix": "rfc.TS.$$rfc.🟦",
     "body": [

src/snippets/react.ts

@@ -1,7 +1,6 @@
+import { FILENAME_PASCALCASE, FILENAME_CAMELCASE } from '../constants';
 import { Snippet } from '../types';
 
-const { FILENAME_PASCALCASE } = require('../constants');
-
 export const reactFunctionalComp: Snippet = {
   prefix: 'rfc',
   body: [
@@ -125,3 +124,17 @@ export const reactArrowFunctionCompWithPropTypesChildren: Snippet = {
   ],
   description: 'React Arrow Function Component with PropTypes',
 };
+
+export const hocComponent: Snippet = {
+  prefix: 'hoc',
+  body: [
+    `export default function \${1:${FILENAME_CAMELCASE}}(WrappedComponent) {$0`,
+    '\tconst Component = (props) => {',
+    '\t\treturn <WrappedComponent {...props} />',
+    '\t}',
+    '',
+    '\treturn Component',
+    '}',
+  ],
+  description: 'React HOC',
+};