analytics

Monsterize

See merge request gaiety/pronoun-monster!3

.tool-versions

@@ -1 +1 @@
-nodejs 19.7.0
+nodejs latest

Dockerfile

@@ -0,0 +1,12 @@
+# build with nodejs
+FROM node:16.17.0-bullseye-slim
+ENV NODE_ENV production
+WORKDIR /app
+COPY . /app
+RUN mkdir -p dist node_modules
+RUN chown -R node:node .
+USER node
+RUN NODE_ENV=development npm ci
+RUN npm run postinstall
+RUN npm run prestart
+CMD ["node", "./app.js"]

README.md

@@ -1,19 +1,23 @@
 # Pronoun Monster
 
+- [Site Status](https://status.basking.monster/status/pronoun-monster)
+  - Express Service: ![](https://status.basking.monster/api/badge/45/status)
+  - Express Service: ![](https://status.basking.monster/api/badge/46/status)
+- [View site](https://pronoun.monster/)
+
 Inspired by [@morganastra](https://twitter.com/morganastra)'s [pronoun.is](https://github.com/witch-house/pronoun.is) project</p>
-[![DigitalOcean Referral Badge](https://web-platforms.sfo2.digitaloceanspaces.com/WWW/Badge%203.svg)](https://www.digitalocean.com/?refcode=dfabbc9bb922&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge)
 
 ## Getting Started
 
 - [NodeJS](https://nodejs.org/en/)
 
-```bash
+```sh
 npm i # Installs Dependencies
 ```
 
 ### Serving Locally
 
-```bash
+```sh
 npm start
 ```
 
@@ -22,11 +26,12 @@ npm start
 
 ### Deploy
 
-```bash
-npm build:css
-npm start
+```sh
+npm run deploy
 ```
 
 ### Testing
 
-TODO
+```sh
+npm test
+```

docker-compose.yml

@@ -0,0 +1,12 @@
+version: "3.9"
+
+services:
+  app:
+    container_name: pronoun-monster
+    image: pronoun-monster
+    build:
+      context: .
+      dockerfile: Dockerfile
+    restart: always
+    ports:
+      - "9995:3000"

package.json

@@ -5,29 +5,35 @@
   "main": "app.js",
   "scripts": {
     "postinstall": "mkdir -p ./dist",
-    "start": "concurrently npm:serve:*",
+    "start": "node app.js",
+    "prestart": "npm run start:css && npm run start:svg && npm run start:images",
+    "start:css": "tailwindcss -i ./src/app.css -o ./dist/app.css",
+    "start:svg": "npm run build:svg",
+    "start:images": "npm run build:images",
+    "serve": "concurrently npm:serve:*",
     "build": "concurrently npm:build:*",
     "serve:handlebars": "node app.js",
     "serve:css": "tailwindcss -i ./src/app.css -o ./dist/app.css --watch",
     "serve:svg": "nodemon --watch 'src/svgs/*' -e svg --exec 'npm run build:svg'",
-    "serve:svg": "nodemon --watch 'src/images/*' --exec 'npm run build:images'",
+    "serve:image": "nodemon --watch 'src/images/*' --exec 'npm run build:images'",
     "build:css": "tailwindcss -i ./src/app.css -o ./dist/app.css",
     "build:svg": "svgdir2sprite ./src/svgs ./dist/spritesheet.svg",
     "build:images": "mkdir -p ./dist ./dist/images && cp ./src/images/* ./dist/images/",
     "test": "ava",
     "lint": "prettier --check .",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "deploy": "docker compose up --build -d"
   },
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@gitlab.com/gaiety/pronoun-monster.git"
+    "url": "ssh://git@git.basking.monster:222/gaiety/pronoun-monster.git"
   },
   "author": "",
   "license": "Unlicense",
   "bugs": {
-    "url": "https://gitlab.com/gaiety/pronoun-monster/issues"
+    "url": "https://git.basking.monster/gaiety/pronoun-monster/issues"
   },
-  "homepage": "https://gitlab.com/gaiety/pronoun-monster#readme",
+  "homepage": "https://pronoun.monster/",
   "type": "module",
   "devDependencies": {
     "ava": "^5.2.0",

src/views/partials/footer.handlebars

@@ -14,4 +14,6 @@
         <p>Inspired by <a href="https://twitter.com/morganastra" class="font-bold">@morganastra</a>'s <a href="https://github.com/witch-house/pronoun.is" class="font-bold">pronoun.is</a> project</p>
         <p>Background Photo by <a href="https://unsplash.com/@jazminantoinette?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" class="font-bold">Jazmin Quaynor</a> on <a href="https://unsplash.com/photos/bm9zWKi_c9Y?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" class="font-bold">Unsplash</a></p>
     </div>
+
+    <script type="module" data-entity="pronounmonster" src="https://analytics.basking.monster/script.js"></script>
 </footer>