fix: clean up all the snippets (#40)

Author: 0xMukesh

packages/vscode/README.md

@@ -45,33 +45,33 @@
    export default Component;
    ```
 
-6. `rue` (React useEffect)
+6. `rue` (useEffect hook)
 
    ```jsx
    useEffect(() => {}, []);
    ```
 
-7. `rus` (React useState)
+7. `rus` (useState hook)
 
    ```jsx
    const [state, setState] = useState(initialValue);
    ```
 
-8. `ruc` (React useContext)
+8. `ruc` (useContext hook)
 
    ```jsx
    const value = useContext(myContext);
    ```
 
-9. `rur` (React useRef)
+9. `rur` (useRef hook)
 
    ```jsx
    const refContainer = useRef(initialValue);
    ```
 
 ### TypeScript
 
-1. `rfcet` (React functional component Typescript)
+1. `rfcet` (React functional component)
 
    ```tsx
    import React from "react";
@@ -85,11 +85,35 @@
    export default Component;
    ```
 
+2. `ruet` (useEffect hook)
+
+    ```tsx
+    useEffect(() => {}, []);
+    ```
+
+3. `rust` (useState hook)
+
+    ```tsx
+    const [state, setState] = useState(initialValue);
+    ```
+
+4. `ruct` (useContext hook)
+
+    ```tsx
+    const value = useContext(myContext);
+    ```
+
+5. `rurt` (useRef hook)
+
+    ```tsx
+    const refContainer = useRef(initialValue);
+    ```
+
 ## NextJS
 
 ### JavaScript
 
-1.  `nssr` (Next.js Get Server Side Props)
+1.  `ngss` (Next.js get server side props)
 
     ```jsx
     export const getServerSideProps = async (context) => {
@@ -99,7 +123,7 @@
     };
     ```
 
-2.  `nssg` (Next.js Get Static Props)
+2.  `ngsp` (Next.js get static props)
 
     ```jsx
     export const getStaticProps = async (context) => {
@@ -109,7 +133,7 @@
     };
     ```
 
-3.  `ncapp` (Next Custom App)
+3.  `ncapp` (Next.js custom app)
 
     ```jsx
     const MyApp = ({ Component, pageProps }) => {
@@ -119,7 +143,7 @@
     export default MyApp;
     ```
 
-4.  `ncdoc` (Next Custom Document)
+4.  `ncdoc` (Next.js custom document)
 
     ```jsx
     import Document, { Html, Main, NextScript } from "next/document";
@@ -137,7 +161,7 @@
     export default Document;
     ```
 
-5.  `ngsp` (Next.js Get Static Path Javascript)
+5.  `ngspa` (Next.js get static path)
 
     ```jsx
     export const getStaticPaths = async () => {
@@ -150,41 +174,41 @@
 
 ### TypeScript
 
-1. `nssrt` (Next.js Get Server Side Props Typescript)
+1. `ngsst` (Next.js get server side props)
 
    ```tsx
    export const getServerSideProps: GetServerSideProps = async (context) => {
      return { props: {} };
    };
    ```
 
-2. `nssgt` (Next.js Get Static Props Typescript)
+2. `ngspt` (Next.js get static props)
 
    ```tsx
    export const getStaticProps: getStaticProps = async (context) => {
      return { props: {} };
    };
    ```
 
-3. `ngip` (Get Initial Props in Next.js)
+3. `npt` (Next.js page)
 
    ```tsx
-   Page.getInitialProps = async (context) => {
-     return { props: {} };
+   import type { NextPage } from "next";
+   const Page: NextPage = () => {
+     return <></>;
    };
+   export default Page;
    ```
 
-4. `npt` (Next.js Page Typescript)
+4. `ngipt` (Next.js get initial props)
 
    ```tsx
-   import type { NextPage } from "next";
-   const Page: NextPage = () => {
-     return <></>;
+   Page.getInitialProps = async (context) => {
+     return { props: {} };
    };
-   export default Page;
    ```
 
-5. `nct` (Next.js Component Typescript)
+5. `nct` (Next.js component)
 
    ```tsx
    import type { NextComponentType, NextPageContext } from "next";
@@ -197,7 +221,18 @@
    export default Component;
    ```
 
-6. `ncappt` (Next Custom App Typescript)
+6. `ngspat` (Next.js Get Static Path Typescript)
+
+   ```tsx
+   export const getStaticPaths: GetStaticPaths = async () => {
+     return {
+       paths:[${1}],
+       fallback:false
+     };
+   }
+   ```
+
+7. `ncappt` (Next.js custom app)
 
    ```tsx
    const MyApp = ({ Component, pageProps }) => {
@@ -206,7 +241,7 @@
    export default MyApp;
    ```
 
-7. `ncdoct`(Next Custom Document Typescript)
+8. `ncdoct`(Next.js custom document)
 
    ```tsx
    import Document, { Html, Main, NextScript } from "next/document";
@@ -224,13 +259,3 @@
    export default Document;
    ```
 
-8. `ngspt` (Next.js Get Static Path Typescript)
-
-   ```tsx
-   export const getStaticPaths: GetStaticPaths = async () => {
-     return {
-       paths:[${1}],
-       fallback:false
-     };
-   }
-   ```

packages/vscode/snippets/next-javascript.json

@@ -1,29 +1,29 @@
 {
-  "nssr": {
-    "prefix": "nssr",
+  "ngss": {
+    "prefix": "ngss",
     "body": [
       "export const getServerSideProps = async context => {",
       "  return {",
       "    props: {},",
       "  };",
       "};"
     ],
-    "description": "Next.js Get Server Side Props"
+    "description": "JavaScript: Next.js get server side props"
   },
 
-  "nssg": {
-    "prefix": "nssg",
+  "ngsp": {
+    "prefix": "ngsp",
     "body": [
       "export const getStaticProps = async context => {",
       "  return {",
       "    props: {},",
       "  };",
       "};"
     ],
-    "description": "Next.js Get Static Props"
+    "description": "JavaScript: Next.js get static props"
   },
-  "ngsp": {
-    "prefix": "ngsp",
+  "ngspa": {
+    "prefix": "ngspa",
     "body": [
       "export const getStaticPaths = async () => {",
       "    return {",
@@ -32,7 +32,7 @@
       "    }",
       "}"
     ],
-    "description": "Next.js Get Static Path Javascript"
+    "description": "JavaScript: Next.js get static path"
   },
   "ncapp": {
     "prefix": "ncapp",
@@ -43,7 +43,7 @@
       "",
       "export default MyApp;"
     ],
-    "description": "Next Custom App"
+    "description": "JavaScript: Next.js custom app"
   },
 
   "ncdoc": {
@@ -64,6 +64,6 @@
       "",
       "export default Document;"
     ],
-    "description": "Next Custom Document"
+    "description": "JavaScript: Next.js custom document"
   }
 }

packages/vscode/snippets/next-typescript.json

@@ -1,26 +1,26 @@
 {
-  "nssrt": {
-    "prefix": "nssrt",
+  "ngsst": {
+    "prefix": "ngsst",
     "body": [
       "export const getServerSideProps: GetServerSideProps = async context => {",
       "  return {",
       "    props: {},",
       "  };",
       "};"
     ],
-    "description": "Next.js Get Server Side Props Typescript"
+    "description": "Typescript: Next.js get server side props"
   },
 
-  "nssgt": {
-    "prefix": "nssgt",
+  "ngspt": {
+    "prefix": "ngsp",
     "body": [
       "export const getStaticProps: getStaticProps = async context => {",
       "  return {",
       "    props: {},",
       "  };",
       "};"
     ],
-    "description": "Next.js Get Static Props Typescript"
+    "description": "TypeScript: Next.js get static props"
   },
 
   "npt": {
@@ -37,19 +37,19 @@
       "",
       "export default ${1:${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}}"
     ],
-    "description": "Next.js Page Typescript"
+    "description": "Typescript: Next.js page"
   },
 
-  "ngip": {
-    "prefix": "ngip",
+  "ngipt": {
+    "prefix": "ngipt",
     "body": [
       "${1:${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}}.getInitialProps = async context => {",
       "  return {",
       "    ",
       "  };",
       "};"
     ],
-    "description": "Next.js Get Initial Props"
+    "description": "TypeScript: Next.js get initial props"
   },
 
   "nct": {
@@ -69,10 +69,10 @@
       "",
       "export default ${1:${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}}"
     ],
-    "description": "Next.js Component Typescript"
+    "description": "Typescript: Next.js component"
   },
-  "ngspt": {
-    "prefix": "ngspt",
+  "ngspat": {
+    "prefix": "ngspat",
     "body": [
       "export const getStaticPaths: GetStaticPaths = async () => {",
       "    return {",
@@ -81,7 +81,7 @@
       "    }",
       "}"
     ],
-    "description": "Next.js Get Static Path Typescript"
+    "description": "Typescript: Next.js get static path"
   },
   "ncappt": {
     "prefix": "ncappt",
@@ -92,7 +92,7 @@
       "",
       "export default MyApp;"
     ],
-    "description": "Next Custom App Typescript"
+    "description": "Typescript: Next.js custom app"
   },
 
   "ncdoct": {
@@ -113,6 +113,6 @@
       "",
       "export default Document;"
     ],
-    "description": "Next Custom Document Typescript"
+    "description": "Typescript: Next.js custom document"
   }
 }