Added Size Limit for node_modules (#248)

* Added Size Limit for `node_modules`

* added test cmd to website check command

.github/workflows/check_website.yaml

@@ -45,5 +45,9 @@ jobs:
       - name: Check
         run: npm run check
 
+      # info: https://etok.codes/acmcsuf.com/blob/main/CONTRIBUTING.md#npm-bloat
+      - name: Test Dependency Size
+        run: npm run test:size
+
       - name: Build
         run: npm run build

CONTRIBUTING.md

@@ -33,6 +33,13 @@ npm run check # Use this command to find bugs in your website code.
 npm run build # Use this to make sure your code builds successfully.
 ```
 
+### NPM Bloat
+
+In this project, we set a threshold for how large the `/node_modules` folder can become after an `npm install`.
+In our [`package.json`](package.json), we set the size to 50 MB.
+
+To test the size of the dependencies in your local workspace, run `npm run test:size`.
+
 ## Architecture 🗿
 
 For architecture-related information, please refer to [`ARCHITECTURE.md`](ARCHITECTURE.md).

package.json

@@ -18,13 +18,15 @@
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "eslint --ignore-path .gitignore .",
     "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. .",
-    "tabs": "node scripts/seek-tabs.js"
+    "tabs": "node scripts/seek-tabs.js",
+    "test:size": "npm i && size-limit"
   },
   "dependencies": {
     "rfs": "^9.0.6",
     "rrule": "^2.6.8"
   },
   "devDependencies": {
+    "@size-limit/file": "^7.0.4",
     "@sveltejs/adapter-static": "next",
     "@sveltejs/adapter-vercel": "next",
     "@sveltejs/kit": "next",
@@ -41,10 +43,17 @@
     "prettier": "^2.4.1",
     "prettier-plugin-svelte": "^2.4.0",
     "sass": "^1.42.1",
+    "size-limit": "^7.0.4",
     "svelte": "^3.42.6",
     "svelte-check": "^2.2.6",
     "svelte-preprocess": "^4.9.4",
     "tslib": "^2.3.1",
     "typescript": "^4.4.3"
-  }
+  },
+  "size-limit": [
+    {
+      "path": "node_modules",
+      "limit": "50 MB"
+    }
+  ]
 }