Convert to TypeScript

Author: Snazzah

.eslintrc.js

@@ -4,19 +4,34 @@ module.exports = {
     es6: true,
     node: true
   },
-  extends: ['eslint:recommended', 'plugin:prettier/recommended'],
-  globals: {},
-  plugins: 'prettier',
+  extends: ['eslint:recommended', 'prettier/@typescript-eslint', 'plugin:prettier/recommended'],
+  globals: {
+    NodeJS: true,
+    BigInt: true
+  },
+  parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaVersion: 6,
     sourceType: 'module'
   },
+  plugins: ['@typescript-eslint'],
   rules: {
     'prettier/prettier': 'warn',
     'no-cond-assign': [2, 'except-parens'],
     'no-unused-vars': 0,
-    'no-empty': ['error', { allowEmptyCatch: true }],
-    'prefer-const': ['warn', { destructuring: 'all' }],
+    '@typescript-eslint/no-unused-vars': 1,
+    'no-empty': [
+      'error',
+      {
+        allowEmptyCatch: true
+      }
+    ],
+    'prefer-const': [
+      'warn',
+      {
+        destructuring: 'all'
+      }
+    ],
     'spaced-comment': 'warn'
   }
 };

.gitignore

@@ -12,3 +12,4 @@ logs/
 .vscode/**/*
 !.vscode/extensions.json
 .env
+dist/

package.json

@@ -4,20 +4,37 @@
   "description": "Slash commands for PhotoBox",
   "main": "src/index.js",
   "scripts": {
-    "start": "node src/index.js"
+    "start": "NODE_ENV=production cd dist && node index.js",
+    "build": "tsc",
+    "dev": "devScript",
+    "dev:ts": "cd src && ts-node index.ts",
+    "lint": "npx eslint --ext .ts ./src",
+    "lint:fix": "npx eslint --ext .ts ./src --fix"
+  },
+  "devScript": {
+    "depCheck": false
   },
   "dependencies": {
     "cat-loggr": "^1.1.0",
+    "common-tags": "^1.8.0",
     "dotenv": "^8.2.0",
     "fastify": "^3.9.2",
     "needle": "^2.6.0",
-    "node-fetch": "^2.6.1",
     "slash-create": "^3.0.0"
   },
   "devDependencies": {
+    "@types/common-tags": "^1.8.0",
+    "@types/express": "^4.17.11",
+    "@types/needle": "^2.5.1",
+    "@types/node": "^14.14.37",
+    "@typescript-eslint/eslint-plugin": "^4.19.0",
+    "@typescript-eslint/parser": "^4.19.0",
     "eslint": "^7.15.0",
     "eslint-config-prettier": "^7.0.0",
     "eslint-plugin-prettier": "^3.3.0",
-    "prettier": "^2.2.1"
+    "prettier": "^2.2.1",
+    "ts-devscript": "^3.0.3",
+    "ts-node": "^9.1.1",
+    "typescript": "^4.2.3"
   }
 }

pm2.json

@@ -3,7 +3,7 @@
     {
       "name": "PhotoBox Slash Commands",
 			"script": "node",
-			"args": "src/index.js"
+			"args": "dist/index.js"
     }
   ]
 }

src/apiCommand.js

@@ -0,0 +1,77 @@
+import { ApplicationCommandOption, CommandContext, SlashCommand, SlashCreator } from 'slash-create';
+import needle from 'needle';
+
+export interface APICommandOptions {
+  name: string;
+  description?: string;
+  url: string;
+  emoji?: string;
+  credit?: string;
+  guildID?: string | string[];
+  options?: ApplicationCommandOption[];
+}
+
+export default abstract class APICommand extends SlashCommand {
+  url: string = null;
+  credit: string = null;
+
+  constructor(creator: SlashCreator, opts: APICommandOptions) {
+    super(creator, {
+      name: opts.name,
+      description: opts.description || `Get a random ${opts.name}.${opts.emoji ? ` ${opts.emoji}` : ''}`,
+      guildIDs: opts.guildID,
+      deferEphemeral: false,
+      options: opts.options || []
+    });
+
+    this.url = opts.url;
+    this.credit = opts.credit;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  async run(ctx: CommandContext) {
+    try {
+      const res = await needle('get', this.url, {
+        headers: this.headers,
+        open_timeout: 2000,
+        response_timeout: 1000,
+        read_timeout: 1000
+      });
+      if (res.statusCode >= 200 && res.statusCode < 300) {
+        return this.messageObject(this.getImage(res.body));
+      } else
+        return {
+          content: `The service gave us a ${res.statusCode}! Try again later!`,
+          ephemeral: true
+        };
+    } catch (e) {
+      return {
+        content: 'An error occurred with the API!',
+        ephemeral: true
+      };
+    }
+  }
+
+  get headers(): Record<string, string> {
+    return {};
+  }
+
+  messageObject(url: string) {
+    return {
+      embeds: [
+        {
+          image: { url },
+          ...(this.credit
+            ? {
+                footer: { text: `Powered by ${this.credit}` }
+              }
+            : {})
+        }
+      ]
+    };
+  }
+
+  getImage(res: any): string {
+    return res.url || res.file || res.image || res.link || res.text || res[0];
+  }
+}

src/apiCommand.ts

@@ -0,0 +1,29 @@
+import { SlashCommand, CommandOptionType, SlashCreator, CommandContext } from 'slash-create';
+
+export default class HTTPCat extends SlashCommand {
+  constructor(creator: SlashCreator) {
+    super(creator, {
+      name: 'httpcat',
+      description: 'Get a cat based on an HTTP status code.',
+      options: [
+        {
+          type: CommandOptionType.INTEGER,
+          name: 'status_code',
+          description: 'The status code you want a cat from.'
+        }
+      ]
+    });
+  }
+
+  async run(ctx: CommandContext) {
+    const code = ctx.options.status_code || 404;
+    return {
+      embeds: [
+        {
+          image: { url: `https://http.cat/${code}.jpg` },
+          footer: { text: 'Powered by http.cat' }
+        }
+      ]
+    };
+  }
+}

src/commands/api/httpcat.ts

@@ -0,0 +1,30 @@
+import { SlashCommand } from 'slash-create';
+import needle from 'needle';
+
+export default class IOTD extends SlashCommand {
+  constructor(creator) {
+    super(creator, {
+      name: 'imageoftheday',
+      description: "Get Bing's Image of the Day.",
+      throttling: {
+        usages: 1,
+        duration: 2
+      }
+    });
+  }
+
+  async run() {
+    const res = await needle('get', 'https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=en-US');
+    const image = res.body.images[0];
+    return {
+      ephemeral: true,
+      embeds: [
+        {
+          title: image.copyright,
+          url: image.copyrightlink,
+          image: { url: `https://bing.com${image.url}` }
+        }
+      ]
+    };
+  }
+}

src/commands/api/imageoftheday.ts

@@ -0,0 +1,57 @@
+import { SlashCommand, CommandOptionType, SlashCreator, CommandContext } from 'slash-create';
+
+export default class Robohash extends SlashCommand {
+  constructor(creator: SlashCreator) {
+    super(creator, {
+      name: 'robohash',
+      description: 'Get a robot based on anything. (Defaults to your user ID)',
+      options: [
+        {
+          type: CommandOptionType.STRING,
+          name: 'value',
+          description: 'Any value you want a robohash from.'
+        },
+        {
+          type: CommandOptionType.STRING,
+          name: 'set',
+          description: 'The set of robohashes you want to get from.',
+          choices: [
+            {
+              name: 'Robots (default)',
+              value: 'set1'
+            },
+            {
+              name: 'Monsters',
+              value: 'set2'
+            },
+            {
+              name: 'Disembodied Robot Heads',
+              value: 'set3'
+            },
+            {
+              name: 'Kittens',
+              value: 'set4'
+            },
+            {
+              name: 'Humans',
+              value: 'set5'
+            }
+          ]
+        }
+      ]
+    });
+  }
+
+  async run(ctx: CommandContext) {
+    const value = (ctx.options.value as string) || ctx.member.id;
+    const set = ctx.options.set || 'set1';
+    return {
+      embeds: [
+        {
+          image: { url: `https://robohash.org/${encodeURIComponent(value)}.png?set=${set}` },
+          footer: { text: 'Powered by robohash.org' }
+        }
+      ]
+    };
+  }
+}