Auto-generate plugin docs (WIP)

dashboard/src/store/docs.ts

@@ -0,0 +1,54 @@
+import { get } from "../api";
+import { Module } from "vuex";
+import { DocsState, RootState } from "./types";
+
+export const DocsStore: Module<DocsState, RootState> = {
+  namespaced: true,
+
+  state: {
+    allPlugins: [],
+    loadingAllPlugins: false,
+
+    plugins: {},
+  },
+
+  actions: {
+    async loadAllPlugins({ state, commit }) {
+      if (state.loadingAllPlugins) return;
+      commit("setAllPluginLoadStatus", true);
+
+      const plugins = await get("docs/plugins");
+      plugins.sort((a, b) => {
+        const aName = (a.info.prettyName || a.name).toLowerCase();
+        const bName = (b.info.prettyName || b.name).toLowerCase();
+        if (aName > bName) return 1;
+        if (aName < bName) return -1;
+        return 0;
+      });
+      commit("setAllPlugins", plugins);
+
+      commit("setAllPluginLoadStatus", false);
+    },
+
+    async loadPluginData({ state, commit }, name) {
+      if (state.plugins[name]) return;
+
+      const data = await get(`docs/plugins/${name}`);
+      commit("setPluginData", { name, data });
+    },
+  },
+
+  mutations: {
+    setAllPluginLoadStatus(state: DocsState, status: boolean) {
+      state.loadingAllPlugins = status;
+    },
+
+    setAllPlugins(state: DocsState, plugins) {
+      state.allPlugins = plugins;
+    },
+
+    setPluginData(state: DocsState, { name, data }) {
+      state.plugins[name] = data;
+    },
+  },
+};