placeholder package

apps/web/package.json

@@ -27,9 +27,11 @@
     "next-auth": "^4.18.3",
     "next-transpile-modules": "^10.0.0",
     "npm": "^9.1.3",
+    "placeholder-loading": "^0.6.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "^7.41.5",
+    "sass": "^1.57.1",
     "typescript": "4.8.4"
   },
   "devDependencies": {

apps/web/pages/_app.tsx

@@ -1,4 +1,5 @@
 import "../styles/tailwind.css";
+import "../../../node_modules/placeholder-loading/src/scss/placeholder-loading.scss";
 import { ReactElement, ReactNode } from "react";
 import type { AppProps } from "next/app";
 import { NextPage } from "next";

package-lock.json

@@ -12,7 +12,28 @@
         "packages/*"
       ],
       "dependencies": {
-        "react-hot-toast": "^2.4.0"
+        "@documenso/prisma": "*",
+        "@headlessui/react": "^1.7.4",
+        "@heroicons/react": "^2.0.13",
+        "@tailwindcss/forms": "^0.5.3",
+        "@types/bcryptjs": "^2.4.2",
+        "@types/node": "18.11.9",
+        "@types/react-dom": "18.0.9",
+        "avatar-from-initials": "^1.0.3",
+        "bcryptjs": "^2.4.3",
+        "dotenv": "^16.0.3",
+        "eslint": "8.27.0",
+        "eslint-config-next": "13.0.3",
+        "install": "^0.13.0",
+        "next": "13.0.3",
+        "next-auth": "^4.18.3",
+        "next-transpile-modules": "^10.0.0",
+        "npm": "^9.1.3",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "react-hook-form": "^7.41.5",
+        "react-hot-toast": "^2.4.0",
+        "typescript": "4.8.4"
       }
     },
     "apps/web": {
@@ -36,9 +57,11 @@
         "next-auth": "^4.18.3",
         "next-transpile-modules": "^10.0.0",
         "npm": "^9.1.3",
+        "placeholder-loading": "^0.6.0",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-hook-form": "^7.41.5",
+        "sass": "^1.57.1",
         "typescript": "4.8.4"
       },
       "devDependencies": {
@@ -2251,6 +2274,11 @@
         "node": ">= 4"
       }
     },
+    "node_modules/immutable": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.2.2.tgz",
+      "integrity": "sha512-fTMKDwtbvO5tldky9QZ2fMX7slR0mYpY5nbnFWYp0fOzDhHqhgIw9KoYgxLWsoNTS9ZHGauHj18DTyEw6BK3Og=="
+    },
     "node_modules/import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -5886,6 +5914,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/placeholder-loading": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/placeholder-loading/-/placeholder-loading-0.6.0.tgz",
+      "integrity": "sha512-KdUnwa3AEuXlem7QeSi4qtny+QfiACUh0P0iYskJBwfg3LtAUMQFyd9L21ysdBQ65KbK6tZ4VsKPkcF3mULwMQ=="
+    },
     "node_modules/postcss": {
       "version": "8.4.21",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
@@ -6302,6 +6335,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/sass": {
+      "version": "1.57.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.57.1.tgz",
+      "integrity": "sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==",
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/scheduler": {
       "version": "0.23.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
@@ -7009,10 +7058,12 @@
         "next-auth": "^4.18.3",
         "next-transpile-modules": "^10.0.0",
         "npm": "^9.1.3",
+        "placeholder-loading": "^0.6.0",
         "postcss": "^8.4.19",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-hook-form": "^7.41.5",
+        "sass": "*",
         "tailwindcss": "^3.2.4",
         "typescript": "4.8.4"
       }
@@ -8515,6 +8566,11 @@
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
       "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ=="
     },
+    "immutable": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.2.2.tgz",
+      "integrity": "sha512-fTMKDwtbvO5tldky9QZ2fMX7slR0mYpY5nbnFWYp0fOzDhHqhgIw9KoYgxLWsoNTS9ZHGauHj18DTyEw6BK3Og=="
+    },
     "import-fresh": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@@ -10933,6 +10989,11 @@
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
     },
+    "placeholder-loading": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/placeholder-loading/-/placeholder-loading-0.6.0.tgz",
+      "integrity": "sha512-KdUnwa3AEuXlem7QeSi4qtny+QfiACUh0P0iYskJBwfg3LtAUMQFyd9L21ysdBQ65KbK6tZ4VsKPkcF3mULwMQ=="
+    },
     "postcss": {
       "version": "8.4.21",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
@@ -11171,6 +11232,16 @@
         "is-regex": "^1.1.4"
       }
     },
+    "sass": {
+      "version": "1.57.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.57.1.tgz",
+      "integrity": "sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==",
+      "requires": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      }
+    },
     "scheduler": {
       "version": "0.23.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",