adopt makefile for readability

Author: zendive

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
   "json.schemaDownload.enable": true
-}
+}

Makefile

@@ -0,0 +1,40 @@
+ZIP_FILE="extension.zip"
+HASH_ALG="sha384"
+
+.PHONY: install all dev prod build format lint clean
+
+install:
+	npm i -g pnpm
+	pnpm i
+
+all: build
+
+dev:
+	NODE_OPTIONS="--loader=ts-node/esm" \
+	./node_modules/.bin/webpack --progress --watch --mode=development
+
+prod:
+	NODE_OPTIONS="--loader=ts-node/esm --no-warnings" \
+	NODE_ENV="production" \
+	./node_modules/.bin/webpack --mode=production
+
+build:
+	make lint
+	make prod
+	
+	rm -rf $(ZIP_FILE)
+	zip -r $(ZIP_FILE) ./bundle ./manifest.json > /dev/null
+
+	FILE_HASH=$$(openssl dgst -$(HASH_ALG) -binary $(ZIP_FILE) | openssl base64 -A); \
+	echo "$(ZIP_FILE) (hash-$(HASH_ALG)): $$FILE_HASH"
+
+format:
+	./node_modules/.bin/prettier . --write
+
+lint:
+	./node_modules/.bin/tsc -noEmit
+
+clean:
+	rm -rf ./node_modules
+	rm -rf $(ZIP_FILE)
+	rm -rf ./bundle/js/

README.md

@@ -68,8 +68,6 @@ Chrome extension to compare objects in memory with console.diff(old, new) devtoo
 
 - Compared objects, after being serialized, and stored in `chrome.storage.local` wich has 10MB limit.
 
-- Will not work on `file:///` prorocol and https://chrome.google.com/webstore site.
-
 ### API
 
 - **console.diff(left, right)** - compare left and right arguments
@@ -126,12 +124,11 @@ Historically, left side represents the old state and right side the new state.
 ### How to build
 
 - requires npm/nodejs
-- requires pnpm `npm i -g pnpm`
 
 ```sh
-pnpm i
-pnpm dev # local development
-pnpm zip # make extension.zip
+make install # to install dependencies
+make all # build for prod and make extension.zip
+make dev # local development
 ```
 
 ### Protection

package.json

@@ -4,12 +4,7 @@
   "description": "Chrome extension to compare objects in memory with console.diff(old, new) devtools function",
   "private": true,
   "scripts": {
-    "test": "echo \"no test\" && exit 1",
-    "dev": "NODE_OPTIONS=\"--loader=ts-node/esm\" webpack --progress --watch --mode=development",
-    "prod": "NODE_OPTIONS=\"--loader=ts-node/esm --no-warnings\" NODE_ENV=production webpack --mode=production",
-    "lint": "tsc -noEmit",
-    "format": "prettier . --write",
-    "zip": "./scripts/package.sh"
+    "test": "echo \"no test\" && exit 1"
   },
   "repository": {
     "type": "git",