Wrote the stuff

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "megamind-ip-grabber"
+  }
+}

README.md

@@ -0,0 +1,16 @@
+# Megamind says your IP!
+## As seen on rDrama
+make your own funni grabber!
+
+setup:
+```
+cd functions
+npm i
+```
+
+to deploy:
+```
+cd functions
+tsc
+firebase deploy
+```

firebase.json

@@ -0,0 +1,14 @@
+{
+  "functions": [
+    {
+      "source": "functions",
+      "codebase": "default",
+      "ignore": [
+        "node_modules",
+        ".git",
+        "firebase-debug.log",
+        "firebase-debug.*.log"
+      ]
+    }
+  ]
+}

functions/.gitignore

@@ -0,0 +1,9 @@
+# Compiled JavaScript files
+lib/**/*.js
+lib/**/*.js.map
+
+# TypeScript v1 declaration files
+typings/
+
+# Node.js dependency directory
+node_modules/

functions/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "functions",
+  "scripts": {
+    "build": "tsc",
+    "build:watch": "tsc --watch",
+    "serve": "npm run build && firebase emulators:start --only functions",
+    "shell": "npm run build && firebase functions:shell",
+    "start": "npm run shell",
+    "deploy": "firebase deploy --only functions",
+    "logs": "firebase functions:log"
+  },
+  "engines": {
+    "node": "18"
+  },
+  "main": "lib/index.js",
+  "dependencies": {
+    "canvas-gif": "^1.0.3",
+    "firebase-admin": "^11.8.0",
+    "firebase-functions": "^4.3.1"
+  },
+  "devDependencies": {
+    "firebase-functions-test": "^3.1.0",
+    "typescript": "^4.9.0"
+  },
+  "private": true
+}

functions/src/index.ts

@@ -0,0 +1,30 @@
+import {onRequest} from "firebase-functions/v2/https";
+import {readFile} from 'fs/promises';
+import canvasGif from 'canvas-gif';
+
+const megamindGif = readFile('megamind.gif');
+
+export const megamind = onRequest({ cors: true }, async (request, response) => {
+    const ip = request.ip;
+    const res = await fetch('http://ip-api.com/json/' + ip);
+    const { city, country } = await res.json();
+
+    // Test info (localhost doesn't have ip obv)
+    /*
+    const ip = '0.0.0.0';
+    const city = 'FakeCity';
+    const country = 'FakeCountry';
+    */
+    
+    const gif = await canvasGif(await megamindGif, (ctx, width, height, totalFrames, currFrame) => {
+        if (currFrame >= 10) {
+            ctx.font = 'bold 40px sans-serif';
+            ctx.fillStyle = 'white';
+            ctx.fillText(ip, 20, height - 60);
+            ctx.fillText(`${city}, ${country}`, 20, height - 20);
+        }
+    }, { fps: 30 });
+
+    response.contentType('gif');
+    response.send(gif);
+});

functions/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "esModuleInterop": true,
+    "noImplicitReturns": true,
+    "noUnusedLocals": true,
+    "outDir": "lib",
+    "sourceMap": true,
+    "strict": true,
+    "target": "es2017"
+  },
+  "compileOnSave": true,
+  "include": [
+    "src"
+  ]
+}