From 78b0ee6b3c7d3cab60a7fd1b66a45556349a6366 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Sun, 17 Jul 2022 00:52:29 +0200
Subject: [PATCH] add plugins.

---
 .gitignore                |  3 +++
 src/page/main.vue         | 38 ++++++++++++++++++++++++++++++++++++++
 src/page/plugins/.gitkeep |  0
 3 files changed, 41 insertions(+)
 create mode 100644 src/page/plugins/.gitkeep

diff --git a/.gitignore b/.gitignore
index f9db0a6f..c63a6ff2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,6 @@
 .env.local
 node_modules
 dist
+
+/src/page/plugins/*
+!/src/page/plugins/.gitkeep
diff --git a/src/page/main.vue b/src/page/main.vue
index 41839f03..96d34e67 100644
--- a/src/page/main.vue
+++ b/src/page/main.vue
@@ -92,6 +92,9 @@
             <i class="fas fa-comment-alt" />
             <span v-show="tab === 'chat'">Chat</span>
           </li>
+
+          <!-- Plugins -->
+          <component v-for="(el, key) in pluginsTabs" :key="key" :is="el" :tab="tab" @tab="tab = $event" />
         </ul>
       </div>
       <div class="page-container">
@@ -99,6 +102,9 @@
         <neko-members v-if="tab === 'members'" :neko="neko" />
         <neko-media v-if="tab === 'media'" :neko="neko" />
         <neko-chat v-show="tab === 'chat'" :neko="neko" />
+
+        <!-- Plugins -->
+        <component v-for="(el, key) in pluginsComponents" :key="key" :is="el" :tab="tab" :neko="neko" />
       </div>
     </aside>
   </div>
@@ -297,6 +303,22 @@
 </style>
 
 <script lang="ts">
+  // plugins must be available at:
+  // ./plugins/{name}/main-tabs.vue
+  // ./plugins/{name}/main-components.vue
+  let plugins = [] as string[]
+
+  // dynamic plugins loader
+  ;(function (r: any) {
+    r.keys().forEach((key: string) => {
+      const found = key.match(/\.\/(.*?)\//)
+      if (found) {
+        plugins.push(found[1])
+        console.log('loading a plugin:', found[1])
+      }
+    })
+  })(require.context('./plugins/', true, /(main-tabs|main-components)\.vue$/))
+
   import { Vue, Component, Ref, Watch } from 'vue-property-decorator'
   import NekoCanvas from '~/component/main.vue'
   import NekoHeader from './components/header.vue'
@@ -319,6 +341,22 @@
       'neko-media': NekoMedia,
       'neko-chat': NekoChat,
     },
+    computed: {
+      pluginsTabs() {
+        let x = {} as Record<string, any>
+        for (let p of plugins) {
+          x[p] = () => import('./plugins/' + p + '/main-tabs.vue')
+        }
+        return x
+      },
+      pluginsComponents() {
+        let x = {} as Record<string, any>
+        for (let p of plugins) {
+          x[p] = () => import('./plugins/' + p + '/main-components.vue')
+        }
+        return x
+      },
+    },
   })
   export default class extends Vue {
     @Ref('neko') readonly neko!: NekoCanvas
diff --git a/src/page/plugins/.gitkeep b/src/page/plugins/.gitkeep
new file mode 100644
index 00000000..e69de29b