Update djs & knub (#395)

* update pkgs

Signed-off-by: GitHub <noreply@github.com>

* new knub typings

Signed-off-by: GitHub <noreply@github.com>

* more pkg updates

Signed-off-by: GitHub <noreply@github.com>

* more fixes

Signed-off-by: GitHub <noreply@github.com>

* channel typings

Signed-off-by: GitHub <noreply@github.com>

* more message utils typings fixes

Signed-off-by: GitHub <noreply@github.com>

* migrate permissions

Signed-off-by: GitHub <noreply@github.com>

* fix: InternalPoster webhookables

Signed-off-by: GitHub <noreply@github.com>

* djs typings: Attachment & Util

Signed-off-by: GitHub <noreply@github.com>

* more typings

Signed-off-by: GitHub <noreply@github.com>

* fix: rename permissionNames

Signed-off-by: GitHub <noreply@github.com>

* more fixes

Signed-off-by: GitHub <noreply@github.com>

* half the number of errors

* knub commands => messageCommands

Signed-off-by: GitHub <noreply@github.com>

* configPreprocessor => configParser

Signed-off-by: GitHub <noreply@github.com>

* fix channel.messages

Signed-off-by: GitHub <noreply@github.com>

* revert automod any typing

Signed-off-by: GitHub <noreply@github.com>

* more configParser typings

Signed-off-by: GitHub <noreply@github.com>

* revert

Signed-off-by: GitHub <noreply@github.com>

* remove knub type params

Signed-off-by: GitHub <noreply@github.com>

* fix more MessageEmbed / MessageOptions

Signed-off-by: GitHub <noreply@github.com>

* dumb commit for @almeidx to see why this is stupid

Signed-off-by: GitHub <noreply@github.com>

* temp disable custom_events

Signed-off-by: GitHub <noreply@github.com>

* more minor typings fixes - 23 err left

Signed-off-by: GitHub <noreply@github.com>

* update djs dep

* +debug build method (revert this)

Signed-off-by: GitHub <noreply@github.com>

* Revert "+debug build method (revert this)"

This reverts commit a80af1e729.

* Redo +debug build (Revert this)

Signed-off-by: GitHub <noreply@github.com>

* uniform before/after Load shorthands

Signed-off-by: GitHub <noreply@github.com>

* remove unused imports & add prettier plugin

Signed-off-by: GitHub <noreply@github.com>

* env fixes for web platform hosting

Signed-off-by: GitHub <noreply@github.com>

* feat: knub v32-next; related fixes

* fix: allow legacy keys in change_perms action

* fix: request Message Content intent

* fix: use Knub's config validation logic in API

* fix(dashboard): fix error when there are no message and/or slash commands in a plugin

* fix(automod): start_thread action thread options

* fix(CustomEvents): message command types

* chore: remove unneeded type annotation

* feat: add forum channel icon; use thread icon for news threads

* chore: make tslint happy

* chore: fix formatting

---------

Signed-off-by: GitHub <noreply@github.com>
Co-authored-by: almeidx <almeidx@pm.me>
Co-authored-by: Dragory <2606411+Dragory@users.noreply.github.com>

dashboard/src/components/docs/Plugin.vue

@@ -45,10 +45,10 @@
         <MarkdownBlock :content="data.info.usageGuide" class="content" />
       </div>
 
-      <!-- Command list -->
-      <div v-if="data.commands.length">
-        <h3 id="commands" class="text-2xl">Commands</h3>
-        <div v-for="command in data.commands"
+      <!-- Message Command list -->
+      <div v-if="data.messageCommands.length">
+        <h3 id="commands" class="text-2xl">Message Commands</h3>
+        <div v-for="command in data.messageCommands"
              class="command mb-4"
              v-bind:ref="getCommandSlug(command)" v-bind:class="{target: targetCommandId === getCommandSlug(command)}">
           <h4 class="text-xl font-semibold mb-0">
@@ -309,8 +309,9 @@
         },
         hasUsageInfo() {
           if (!this.data) return true;
-          if (this.data.commands.length) return true;
-          if (this.data.info.usageGuide) return true;
+          if (this.data.messageCommands?.length) return true;
+          if (this.data.slashCommands?.length) return true;
+          if (this.data.info?.usageGuide) return true;
           return false;
         },
       }),

dashboard/src/init-vue.ts

@@ -4,11 +4,11 @@ import Vue from "vue";
 
 import hljs from "highlight.js/lib/highlight.js";
 import hljsYaml from "highlight.js/lib/languages/yaml.js";
-import VueHighlightJS from "vue-highlightjs";
 import "highlight.js/styles/ocean.css";
+import VueHighlightJS from "vue-highlightjs";
 
-import { RootStore } from "./store";
 import { router } from "./routes";
+import { RootStore } from "./store";
 
 import "./directives/trim-indents";
 

dashboard/src/routes.ts

@@ -1,5 +1,5 @@
 import Vue from "vue";
-import VueRouter, { RouteConfig } from "vue-router";
+import VueRouter from "vue-router";
 import { authGuard, authRedirectGuard, loginCallbackGuard } from "./auth";
 
 Vue.use(VueRouter);

dashboard/src/store/auth.ts

@@ -1,5 +1,5 @@
-import { get, post } from "../api";
-import { ActionTree, Module } from "vuex";
+import { Module } from "vuex";
+import { post } from "../api";
 import { AuthState, IntervalType, RootState } from "./types";
 
 // Refresh auth every 15 minutes

dashboard/src/store/docs.ts

@@ -1,5 +1,5 @@
-import { get } from "../api";
 import { Module } from "vuex";
+import { get } from "../api";
 import { DocsState, RootState } from "./types";
 
 export const DocsStore: Module<DocsState, RootState> = {
@@ -34,8 +34,8 @@ export const DocsStore: Module<DocsState, RootState> = {
       if (state.plugins[name]) return;
 
       const data = await get(`docs/plugins/${name}`);
-      if (data && data.commands) {
-        data.commands.sort((a, b) => {
+      if (data && data.messageCommands) {
+        data.messageCommands.sort((a, b) => {
           const aName = (Array.isArray(a.trigger) ? a.trigger[0] : a.trigger).toLowerCase();
           const bName = (Array.isArray(b.trigger) ? b.trigger[0] : b.trigger).toLowerCase();
           if (aName > bName) return 1;

dashboard/src/store/guilds.ts

@@ -1,8 +1,7 @@
-import { get, post } from "../api";
-import { Module } from "vuex";
-import { GuildState, LoadStatus, RootState } from "./types";
-import { ApiPermissions } from "@shared/apiPermissions";
 import Vue from "vue";
+import { Module } from "vuex";
+import { get, post } from "../api";
+import { GuildState, LoadStatus, RootState } from "./types";
 
 export const GuildStore: Module<GuildState, RootState> = {
   namespaced: true,

dashboard/src/store/index.ts

@@ -3,10 +3,10 @@ import Vuex, { Store } from "vuex";
 
 Vue.use(Vuex);
 
-import { RootState } from "./types";
 import { AuthStore } from "./auth";
-import { GuildStore } from "./guilds";
 import { DocsStore } from "./docs";
+import { GuildStore } from "./guilds";
+import { RootState } from "./types";
 
 export const RootStore = new Vuex.Store<RootState>({
   modules: {

dashboard/src/store/staff.ts

@@ -1,5 +1,5 @@
-import { get, post } from "../api";
 import { Module } from "vuex";
+import { get } from "../api";
 import { RootState, StaffState } from "./types";
 
 export const StaffStore: Module<StaffState, RootState> = {

dashboard/src/store/types.ts

@@ -54,7 +54,8 @@ export interface ThinDocsPlugin {
 }
 
 export interface DocsPlugin extends ThinDocsPlugin {
-  commands: any[];
+  messageCommands: any[];
+  slashCommands: any[];
   defaultOptions: any;
   configSchema?: string;
   info: {

dashboard/webpack.config.js

@@ -3,6 +3,7 @@ const VueLoaderPlugin = require("vue-loader/lib/plugin");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const DotenvPlugin = require("dotenv-webpack");
 const merge = require("webpack-merge");
+const webpack = require("webpack");
 
 const targetDir = path.normalize(path.join(__dirname, "dist"));
 
@@ -162,6 +163,8 @@ let config = {
   },
 };
 
+if (process.env.NODE_ENV === "web") config.plugins.push(new webpack.EnvironmentPlugin(["NODE_ENV", "API_URL"]));
+
 if (process.env.NODE_ENV === "production") {
   config = merge(config, {
     mode: "production",