Set up prettier and integrate with eslint

Author: kafkas

.eslintrc.js

@@ -1,10 +1,10 @@
 module.exports = {
   root: true,
   // This tells ESLint to load the config from the package `eslint-config-custom`
-  extends: ["custom"],
+  extends: ['custom'],
   settings: {
     next: {
-      rootDir: ["apps/*/"],
+      rootDir: ['apps/*/'],
     },
   },
 };

.prettierignore

@@ -0,0 +1 @@
+.next/

.prettierrc

@@ -0,0 +1,13 @@
+{
+  "printWidth": 120,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "bracketSameLine": true,
+  "trailingComma": "es5",
+  "endOfLine": "auto",
+  "importOrder": ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "pluginSearchDirs": false
+}

apps/docs/.eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: ["custom"],
+  extends: ['custom'],
 };

apps/docs/next.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   reactStrictMode: true,
   experimental: {
-    transpilePackages: ["@proficient/react-sdk"],
+    transpilePackages: ['@proficient/react-sdk'],
   },
 };

apps/docs/package.json

@@ -6,7 +6,7 @@
     "dev": "next dev --port 3001",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "TIMING=1 eslint \"src/**/*.ts*\""
   },
   "dependencies": {
     "@proficient/react-sdk": "*",

apps/docs/pages/index.tsx

@@ -1,4 +1,4 @@
-import { InteractionView } from "@proficient/react-sdk";
+import { InteractionView } from '@proficient/react-sdk';
 
 export default function Docs() {
   return (