add snippets for mobile platform projects

Author: guibas741

CHANGELOG.md

@@ -6,6 +6,10 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 
 ## [Unreleased]
 
+## [0.2.0] - 2021-04-19
+### Added
+- Mobile platform snippets
+
 ## [0.1.0] - 2020-05-29
 ### Fixed
 - Extension Logo for VSCode marketplace :)

package.json

@@ -2,7 +2,7 @@
   "name": "loadsmart-react-native",
   "displayName": "Loadsmart React Native Extension Pack",
   "description": "Set of plugins to start developing React Native applications at Loadsmart",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "publisher": "Loadsmart",
   "preview": true,
   "repository": {
@@ -16,6 +16,18 @@
   "categories": [
     "Extension Packs"
   ],
+  "contributes": {
+    "snippets": [
+      {
+        "language": "typescriptreact",
+        "path": "./typescriptreact.snippets.json"
+      },
+      {
+        "language": "typescript",
+        "path": "./typescript.snippets.json"
+      }
+    ]
+  },
   "extensionPack": [
     "christian-kohler.npm-intellisense",
     "esbenp.prettier-vscode",
@@ -36,4 +48,4 @@
   "dependencies": {
     "vsce": "^1.75.0"
   }
-}
+}

typescript.snippets.json

@@ -0,0 +1,17 @@
+{
+  "Mobile platform use case": {
+    "prefix": "mpuc",
+    "body": [
+      "type ${TM_FILENAME/(.*?)\\..+/${1}/}Deps = {",
+      "}",
+      "",
+      "export const ${TM_FILENAME/(.*?)\\..+/${1}/}Factory = (dependencies: ${TM_FILENAME/(.*?)\\..+/${1}/}Deps) => async () => {",
+      "",
+      "}",
+      "",
+      "export const ${TM_FILENAME/(.*?)\\..+/${1}/} = () => {",
+      "}"
+    ],
+    "description": "Boilerplate to use case"
+  }
+}

typescriptreact.snippets.json

@@ -0,0 +1,55 @@
+{
+	"Mobile platform component test": {
+		"prefix": "mpct",
+		"body": [
+			"import React from 'react'",
+			"",
+			"import { renderWithProviders } from '@test/renderWithProviders'",
+			"",
+			"import ${TM_FILENAME/(.*?)\\..+/${1}/} from './${TM_FILENAME/(.*?)\\..+/${1}/}'",
+			"",
+			"const defaultProps = {${1}}",
+			"",
+			"const setup = (props = {}) => renderWithProviders(<${TM_FILENAME/(.*?)\\..+/${1}/} {...defaultProps} {...props} />)",
+			"",
+			"describe('${TM_FILENAME/(.*?)\\..+/${1}/}', () => {",
+			"\tit('should ${2: do something}', () => {",
+			"\t\tconst {${3}} = setup()",
+			"\t\t${4}",
+			"\t})",
+			"})"
+		],
+		"description": "Boilerplate to test React component"
+	},
+	"Test unit": {
+		"prefix": "mpit",
+		"body": [
+			"it('should ${1:do something} ', () => {",
+			"\tconst {${2}} = setup()",
+			"\t${3}",
+			"})"
+		],
+		"description": "Boilerplate to unit test"
+	},
+	"Mobile platform component": {
+		"prefix": "mpc",
+		"body": [
+			"import React from 'react'",
+			"",
+			"import styled from 'styled-components/native'",
+			"",
+			"const Container = styled.View``",
+			"",
+			"const ${TM_FILENAME_BASE} = () => {",
+			"\treturn (",
+			"\t\t<Container>",
+			"\t\t\t${1}",
+			"\t\t</Container>",
+			"\t)",
+			"}",
+			"",
+			"export default ${TM_FILENAME_BASE}"
+		],
+		"description": "Boilerplate to React components"
+	}
+}