feat: add prettier

Author: avneesh0612

.github/workflows/format.yml

@@ -0,0 +1,28 @@
+name: Formatting Check
+
+on: [push]
+
+jobs:
+  formatting:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node 16.2.0
+        uses: actions/setup-node@v1
+        with:
+          node-version: 16.2.0
+
+      - name: Cache Node.js modules
+        uses: actions/cache@v1
+        with:
+          path: ~/.yarn
+          key: ${{ runner.OS }}-node-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.OS }}-node-
+            ${{ runner.OS }}-
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+
+      - name: Formatting
+        run: yarn run format:check

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn run pre-commit 

.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  semi: true,
+  arrowParens: "avoid",
+  tabWidth: 2,
+  singleQuote: false,
+};

README.md

@@ -40,7 +40,11 @@ NextJS and React Snippets with TypeScript support as well!🚀
 
 ### JavaScript
 
+<<<<<<< HEAD
 1.  `nssr` (Get Server Side Props Next.js)
+=======
+1.  `nssr` (Next.js Get Server Side Props Typescript)
+>>>>>>> 5f7082e97c62b0d190ff1375a6a840db993a53c2
 
     ```jsx
     export const getServerSideProps = async (context) => {
@@ -50,7 +54,11 @@ NextJS and React Snippets with TypeScript support as well!🚀
     };
     ```
 
+<<<<<<< HEAD
 2.  `nssg` (Get Static Props Next.js)
+=======
+2.  `nssg` (Next.js Get Static Props Typescript)
+>>>>>>> 5f7082e97c62b0d190ff1375a6a840db993a53c2
 
     ```jsx
     export const getStaticProps = async (context) => {
@@ -62,15 +70,23 @@ NextJS and React Snippets with TypeScript support as well!🚀
 
 ### TypeScript
 
+<<<<<<< HEAD
 1. `nssrt` (Get Server Side Props Next.js)
+=======
+1. `nssrt` (Next.js Get Server Side Props Typescript)
+>>>>>>> 5f7082e97c62b0d190ff1375a6a840db993a53c2
 
    ```tsx
    export const getServerSideProps: GetServerSideProps = async (context) => {
      return { props: {} };
    };
    ```
 
+<<<<<<< HEAD
 2. `nssgt` (Get Static Props Next.js)
+=======
+2. `nssgt` (Next.js Get Static Props Typescript)
+>>>>>>> 5f7082e97c62b0d190ff1375a6a840db993a53c2
 
    ```tsx
    export const getStaticProps: getStaticProps = async (context) => {
@@ -86,7 +102,11 @@ NextJS and React Snippets with TypeScript support as well!🚀
    };
    ```
 
+<<<<<<< HEAD
 3) `npaget` (NextPage component with NextPage type)
+=======
+3) `npt` (Next.js Page Typescript)
+>>>>>>> 5f7082e97c62b0d190ff1375a6a840db993a53c2
 
    ```tsx
    import type { NextPage } from "next";
@@ -96,7 +116,11 @@ NextJS and React Snippets with TypeScript support as well!🚀
    export default Page;
    ```
 
+<<<<<<< HEAD
 4) `nct` (Next JS Component with NextComponentType and Props)
+=======
+4) `nct` (Next.js Component Typescript)
+>>>>>>> 5f7082e97c62b0d190ff1375a6a840db993a53c2
 
    ```tsx
    import type { NextComponentType, NextPageContext } from "next";

package.json

@@ -7,8 +7,14 @@
     "vscode": "^1.64.0"
   },
   "scripts": {
-    "format": "prettier --write \"{components,code}/**/*.{js,jsx,ts,tsx}\"",
-    "format:check": "prettier --check \"{components,code}/**/*.{js,jsx,ts,tsx}\""
+    "prepare": "husky install",
+    "pre-commit": "yarn run format && yarn run lint && git add -A .",
+    "format": "prettier --write \"{code,snippets}/**/*.{js,jsx,ts,tsx,json,md}\"",
+    "format:check": "prettier --check \"{code,snippets}/**/*.{js,jsx,ts,tsx,json,md}\"",
+    "release": "standard-version",
+    "release:minor": "standard-version --release-as minor",
+    "release:patch": "standard-version --release-as patch",
+    "release:major": "standard-version --release-as major"
   },
   "categories": [
     "Snippets"
@@ -40,4 +46,4 @@
   "devDependencies": {
     "husky": "^7.0.4"
   }
-}
+}

snippets/next-javascript.code-snippets snippets/next-javascript.json

@@ -9,7 +9,7 @@
       "};",
       ""
     ],
-    "description": "Get Server Side Props Next.js"
+    "description": "Next.js Get Server Side Props Typescript"
   },
   "ssg": {
     "prefix": "nssg",
@@ -21,6 +21,6 @@
       "};",
       ""
     ],
-    "description": "Get Static Props Next.js"
+    "description": "Next.js Get Static Props Typescript"
   }
-}
+}

snippets/next-typescript.code-snippets snippets/next-typescript.json

@@ -9,7 +9,7 @@
       "};",
       ""
     ],
-    "description": "Get Server Side Props Next.js"
+    "description": "Next.js Get Server Side Props Typescript"
   },
   "nssgt": {
     "prefix": "nssgt",
@@ -21,10 +21,10 @@
       "};",
       ""
     ],
-    "description": "Get Static Props Next.js"
+    "description": "Next.js Get Static Props Typescript"
   },
-  "npaget": {
-    "prefix": "npaget",
+  "npt": {
+    "prefix": "npt",
     "body": [
       "import type { NextPage } from \"next\";",
       "",
@@ -37,35 +37,35 @@
       "",
       "export default ${1:${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}}"
     ],
-    "description": "NextPage component with NextPage type"
-   },
-   "ngip": {
+    "description": "Next.js Page Typescript"
+  },
+  "ngip": {
     "prefix": "ngip",
     "body": [
       "${1:${TM_FILENAME_BASE/(.*)/${1:/capitalize}/}}.getInitialProps = async context => {",
       "  return {",
       "    ",
       "  };",
       "};",
-      ""     
+      ""
     ],
-    "description": "Get Initial Props in Next.js"
-   },
-   "nct": {
-		"prefix": "nct",
-		"body": [
-			"import type { NextComponentType, NextPageContext } from \"next\";",
-			"interface Props {}",
-			"const ${1:${TM_FILENAME_BASE}}: NextComponentType<NextPageContext, {}, Props> = (",
+    "description": "Next.js Get Initial Props"
+  },
+  "nct": {
+    "prefix": "nct",
+    "body": [
+      "import type { NextComponentType, NextPageContext } from \"next\";",
+      "interface Props {}",
+      "const ${1:${TM_FILENAME_BASE}}: NextComponentType<NextPageContext, {}, Props> = (",
       "  props: Props,",
       ") => {",
-			"  return (",
+      "  return (",
       "    <div></div>",
       "  )",
-			"}",
+      "}",
       "",
       "export default ${1:${TM_FILENAME_BASE}}"
-		],
-    "description": "Next JS Component with NextComponentType and Props"
-	}
+    ],
+    "description": "Next.js Component Typescript"
+  }
 }

snippets/react-javascript.code-snippets snippets/react-javascript.json

@@ -26,4 +26,4 @@
     ],
     "description": "React Functional Component"
   }
-}
+}

snippets/react-typescript.code-snippets snippets/react-typescript.json

@@ -29,4 +29,4 @@
     ],
     "description": "React Functional Component with Types"
   }
-}
+}