feat: add useMemo & useCallback wrapper

Author: red-chocobo

snippets/javascript.json

@@ -1226,14 +1226,6 @@
     "description": "Testing `afterAll` / `afterEach` block",
     "scope": "javascript,javascriptreact"
   },
-  "🟨 wrapWithFunction": {
-    "prefix": "_func.$_func",
-    "body": [
-      "${1:func}($TM_SELECTED_TEXT)"
-    ],
-    "description": "Wrap with function",
-    "scope": "javascript,javascriptreact"
-  },
   "🟨 stringToTemplateLiterals": {
     "prefix": "_lt.$_lt",
     "body": [
@@ -1250,6 +1242,26 @@
     "description": "Convert regular string in react prop's value to template literals",
     "scope": "javascript,javascriptreact"
   },
+  "🟨 wrapWithUseMemo": {
+    "prefix": "_useMemo.$_useMemo",
+    "body": [
+      "useMemo$0(() => {",
+      "\t$TM_SELECTED_TEXT",
+      "}, ${1:[]})"
+    ],
+    "description": "Wrap with function",
+    "scope": "javascript,javascriptreact"
+  },
+  "🟨 wrapWithUseCallback": {
+    "prefix": "_useCallback.$_useCallback",
+    "body": [
+      "useCallback$0(",
+      "\t$TM_SELECTED_TEXT",
+      ", ${1:[]})"
+    ],
+    "description": "Wrap with function",
+    "scope": "javascript,javascriptreact"
+  },
   "🟨 wrapWithFragment": {
     "prefix": "_rFrag.$_rFrag._frag",
     "body": [

snippets/typescript.json

@@ -1534,14 +1534,6 @@
     "description": "Testing `afterAll` / `afterEach` block",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
   },
-  "🟨 wrapWithFunction": {
-    "prefix": "_func.$_func",
-    "body": [
-      "${1:func}($TM_SELECTED_TEXT)"
-    ],
-    "description": "Wrap with function",
-    "scope": "javascript,typescript,javascriptreact,typescriptreact"
-  },
   "🟨 stringToTemplateLiterals": {
     "prefix": "_lt.$_lt",
     "body": [
@@ -1558,6 +1550,26 @@
     "description": "Convert regular string in react prop's value to template literals",
     "scope": "javascript,typescript,javascriptreact,typescriptreact"
   },
+  "🟨 wrapWithUseMemo": {
+    "prefix": "_useMemo.$_useMemo",
+    "body": [
+      "useMemo$0(() => {",
+      "\t$TM_SELECTED_TEXT",
+      "}, ${1:[]})"
+    ],
+    "description": "Wrap with function",
+    "scope": "javascript,typescript,javascriptreact,typescriptreact"
+  },
+  "🟨 wrapWithUseCallback": {
+    "prefix": "_useCallback.$_useCallback",
+    "body": [
+      "useCallback$0(",
+      "\t$TM_SELECTED_TEXT",
+      ", ${1:[]})"
+    ],
+    "description": "Wrap with function",
+    "scope": "javascript,typescript,javascriptreact,typescriptreact"
+  },
   "🟨 wrapWithFragment": {
     "prefix": "_rFrag.$_rFrag._frag",
     "body": [

src/snippets/wrapper.ts

@@ -1,11 +1,5 @@
 import { Snippet } from '../types';
 
-export const wrapWithFunction: Snippet = {
-  prefix: '_func',
-  body: ['${1:func}($TM_SELECTED_TEXT)'],
-  description: 'Wrap with function',
-};
-
 export const stringToTemplateLiterals: Snippet = {
   prefix: '_lt',
   body: ['`${TM_SELECTED_TEXT/^[\'"](.*)[\'"]$/$1/g}`'],
@@ -18,6 +12,18 @@ export const reactStringPropToTemplateLiteral: Snippet = {
   description: "Convert regular string in react prop's value to template literals",
 };
 
+export const wrapWithUseMemo: Snippet = {
+  prefix: '_useMemo',
+  body: ['useMemo$0(() => {', '\t$TM_SELECTED_TEXT', '}, ${1:[]})'],
+  description: 'Wrap with function',
+};
+
+export const wrapWithUseCallback: Snippet = {
+  prefix: '_useCallback',
+  body: ['useCallback$0(', '\t$TM_SELECTED_TEXT', ', ${1:[]})'],
+  description: 'Wrap with function',
+};
+
 export const wrapWithFragment: Snippet = {
   prefix: ['_rFrag', '_frag'],
   body: ['<$1$0>', '\t$TM_SELECTED_TEXT', '</$1>'],