From 46afdb113f106c6726167345d94c95c5af16785d Mon Sep 17 00:00:00 2001
From: Navin <navin007.a@gmail.com>
Date: Thu, 10 Sep 2020 14:29:51 +0530
Subject: [PATCH] =?UTF-8?q?chore(vscode):=20=F0=9F=94=A7=20=20add=20vscode?=
 =?UTF-8?q?=20extension=20recommendations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vscode/extensions.json      |  8 ++++++++
 .vscode/reakit.code-snippets | 40 ++++++++++++++++++++++++++++++++++++
 2 files changed, 48 insertions(+)
 create mode 100644 .vscode/extensions.json
 create mode 100644 .vscode/reakit.code-snippets

diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 000000000..386acad21
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode",
+    "orta.vscode-jest",
+    "tlent.jest-snapshot-language-support"
+  ]
+}
diff --git a/.vscode/reakit.code-snippets b/.vscode/reakit.code-snippets
new file mode 100644
index 000000000..e3a2b3b2c
--- /dev/null
+++ b/.vscode/reakit.code-snippets
@@ -0,0 +1,40 @@
+{
+  "Reakit System TS Template": {
+    "prefix": "rk-ts-system",
+    "body": [
+      "import { ${2:ComposeComponent}HTMLProps, ${2:ComposeComponent}Options, use${2:ComposeComponent} } from \"reakit\";",
+      "import { createComponent, createHook } from \"reakit-system\";",
+      "",
+      "import { ${TM_FILENAME_BASE/(.*)/${1:/upcase}/}_KEYS } from \"./__keys\";",
+      "import { ${TM_FILENAME_BASE}StateReturn } from \"./${TM_FILENAME_BASE}State\";",
+      "",
+      "export type ${TM_FILENAME_BASE}Options = ${2:ComposeComponent}Options;",
+      "",
+      "export type ${TM_FILENAME_BASE}HTMLProps = ${2:ComposeComponent}HTMLProps;",
+      "",
+      "export type ${TM_FILENAME_BASE}Props = ${TM_FILENAME_BASE}Options & ${TM_FILENAME_BASE}HTMLProps;",
+      "",
+      "export const use${TM_FILENAME_BASE} = createHook<${TM_FILENAME_BASE}Options, ${TM_FILENAME_BASE}HTMLProps>({",
+      "  name: \"${TM_FILENAME_BASE}\",",
+      "  compose: use${2:ComposeComponent},",
+      "  keys: ${TM_FILENAME_BASE/(.*)/${1:/upcase}/}_KEYS,",
+      "",
+      "  useOptions(options, htmlProps) {",
+      "    return options;",
+      "  },",
+      "",
+      "  useProps(options, htmlProps) {",
+      "    return htmlProps;",
+      "  },",
+      "});",
+      "",
+      "export const ${TM_FILENAME_BASE} = createComponent({",
+      "  as: \"div\",",
+      "  memo: true,",
+      "  useHook: use${TM_FILENAME_BASE},",
+      "});",
+      ""
+    ],
+    "description": "Reakit System TS"
+  }
+}