feat: add more snippets, updated names, update GitPod

Author: avneesh0612

.gitpod.yml

@@ -1,7 +1,12 @@
-# This configuration file was automatically generated by Gitpod.
-# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
-# and commit this file to your remote git repository to share the goodness with others.
-
 tasks:
   - init: yarn install
 
+github:
+  prebuilds:
+    master: true
+    branches: true
+    pullRequests: true
+    pullRequestsFromForks: true
+    addCheck: true
+    addComment: false
+    addBadge: true

README.md

@@ -18,93 +18,93 @@ NextJS and React Snippets with TypeScript support as well!🚀
 
     ```jsx
     const Component = () => {
-      return <div></div>
-    }
-    export default Component
+      return <div></div>;
+    };
+    export default Component;
     ```
 
 ### TypeScript
 
 2. `rafect` (React Functional Component with Types)
 
    ```tsx
-   import { FC } from 'react'
+   import { FC } from "react";
    interface Props {}
    const Component: FC<Props> = () => {
-     return <div></div>
-   }
-   export default Component
+     return <div></div>;
+   };
+   export default Component;
    ```
 
 ## NextJS
 
 ### JavaScript
 
-1.  `nextssr` (Get Server Side Props Next.js)
+1.  `nssr` (Get Server Side Props Next.js)
 
     ```jsx
     export const getServerSideProps = async (context) => {
       return {
         props: {},
-      }
-    }
+      };
+    };
     ```
 
-2.  `nextssg` (Get Static Props Next.js)
+2.  `nssg` (Get Static Props Next.js)
 
     ```jsx
     export const getStaticProps = async (context) => {
       return {
         props: {},
-      }
-    }
+      };
+    };
     ```
 
 ### TypeScript
 
-1. `nextssrt` (Get Server Side Props Next.js)
+1. `nssrt` (Get Server Side Props Next.js)
 
    ```tsx
    export const getServerSideProps: GetServerSideProps = async (context) => {
-     return { props: {} }
-   }
+     return { props: {} };
+   };
    ```
 
-2. `nextssgt` (Get Static Props Next.js)
+2. `nssgt` (Get Static Props Next.js)
 
    ```tsx
    export const getStaticProps: getStaticProps = async (context) => {
-     return { props: {} }
-   }
+     return { props: {} };
+   };
    ```
 
-3. `nextgip` (Get Initial Props in Next.js)
+3. `ngip` (Get Initial Props in Next.js)
 
    ```tsx
    Page.getInitialProps = async (context) => {
-     return { props: {} }
-   }
+     return { props: {} };
+   };
    ```
 
-3) `taytay` (NextPage component with NextPage type)
+3) `npaget` (NextPage component with NextPage type)
 
    ```tsx
-   import type { NextPage } from 'next'
+   import type { NextPage } from "next";
    const Page: NextPage = () => {
-     return <></>
-   }
-   export default Page
+     return <></>;
+   };
+   export default Page;
    ```
 
-4) `nextct` (Next JS Component with NextComponentType and Props)
+4) `nct` (Next JS Component with NextComponentType and Props)
 
    ```tsx
-   import type { NextComponentType, NextPageContext } from 'next'
+   import type { NextComponentType, NextPageContext } from "next";
    interface Props {}
    const Component: NextComponentType<NextPageContext, {}, Props> = (
-     props: Props,
+     props: Props
    ) => {
-     return <div></div>
-   }
-   export default Component
+     return <div></div>;
+   };
+   export default Component;
    ```

snippets/next-javascript.code-snippets

@@ -1,6 +1,6 @@
 {
   "ssr": {
-    "prefix": "nextssr",
+    "prefix": "nssr",
     "body": [
       "export const getServerSideProps = async context => {",
       "  return {",
@@ -12,7 +12,7 @@
     "description": "Get Server Side Props Next.js"
   },
   "ssg": {
-    "prefix": "nextssg",
+    "prefix": "nssg",
     "body": [
       "export const getStaticProps = async context => {",
       "  return {",
@@ -23,4 +23,4 @@
     ],
     "description": "Get Static Props Next.js"
   }
-}
+}

snippets/next-typescript.code-snippets

@@ -1,6 +1,6 @@
 {
-  "ssrt": {
-    "prefix": "nextssrt",
+  "nssrt": {
+    "prefix": "nssrt",
     "body": [
       "export const getServerSideProps: GetServerSideProps = async context => {",
       "  return {",
@@ -11,8 +11,8 @@
     ],
     "description": "Get Server Side Props Next.js"
   },
-  "ssgt": {
-    "prefix": "nextssgt",
+  "nssgt": {
+    "prefix": "nssgt",
     "body": [
       "export const getStaticProps: getStaticProps = async context => {",
       "  return {",
@@ -23,8 +23,8 @@
     ],
     "description": "Get Static Props Next.js"
   },
-  "taytay": {
-    "prefix": "taytay",
+  "npaget": {
+    "prefix": "npaget",
     "body": [
       "import type { NextPage } from \"next\";",
       "",
@@ -39,8 +39,8 @@
     ],
     "description": "NextPage component with NextPage type"
    },
-   "nextgip": {
-    "prefix": "nextgip",
+   "ngip": {
+    "prefix": "ngip",
     "body": [
       "${1:${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}}.getInitialProps = async context => {",
       "  return {",
@@ -52,7 +52,7 @@
     "description": "Get Initial Props in Next.js"
    },
    "nct": {
-		"prefix": "nextct",
+		"prefix": "nct",
 		"body": [
 			"import type { NextComponentType, NextPageContext } from \"next\";",
 			"interface Props {}",

snippets/react-javascript.code-snippets

@@ -1,4 +1,19 @@
 {
+  "rfce": {
+    "prefix": "rfce",
+    "body": [
+      "import React from 'react'",
+      "",
+      "function ${1:${TM_FILENAME_BASE}}() {",
+      "  return (",
+      "    <div></div>",
+      "  )",
+      "}",
+      "",
+      "export default ${1:${TM_FILENAME_BASE}}"
+    ],
+    "description": ""
+  },
   "rafce": {
     "prefix": "rafce",
     "body": [
@@ -11,4 +26,4 @@
     ],
     "description": "React Functional Component"
   }
-}
+}

snippets/react-typescript.code-snippets

@@ -1,4 +1,20 @@
 {
+  "rfcet": {
+    "prefix": "rfcet",
+    "body": [
+      "import React from \"react\";",
+      "",
+      "interface Props {}",
+      "",
+      "function ${1:${TM_FILENAME_BASE}}({}: Props) {",
+      "  return <div></div>;",
+      "}",
+      "",
+      "export default ${1:${TM_FILENAME_BASE}};",
+      ""
+    ],
+    "description": ""
+  },
   "rafcet": {
     "prefix": "rafcet",
     "body": [
@@ -13,4 +29,4 @@
     ],
     "description": "React Functional Component with Types"
   }
-}
+}