From bd4a2e7d27ace34a88c22301fff58db935a22f38 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Tue, 8 Mar 2022 02:26:47 -0800
Subject: [PATCH] working on plugin pages

---
 src/main/base/browserwindow.ts                |  7 ++++++
 src/renderer/main/vueapp.js                   | 11 +++++++++-
 src/renderer/views/components/hello-world.ejs |  2 +-
 src/renderer/views/pages/plugin-renderer.ejs  | 22 +++++++++++++++++++
 4 files changed, 40 insertions(+), 2 deletions(-)
 create mode 100644 src/renderer/views/pages/plugin-renderer.ejs

diff --git a/src/main/base/browserwindow.ts b/src/main/base/browserwindow.ts
index c415e6bf..b9dd9734 100644
--- a/src/main/base/browserwindow.ts
+++ b/src/main/base/browserwindow.ts
@@ -60,6 +60,7 @@ export class BrowserWindow {
                 "pages/replay",
                 "pages/audiolabs",
                 "pages/zoo",
+                "pages/plugin-renderer",
                 "components/mediaitem-artwork",
                 "components/artwork-material",
                 "components/menu-panel",
@@ -90,8 +91,14 @@ export class BrowserWindow {
                 "components/miniplayer",
                 "components/castmenu",
                 "components/artist-chip",
+                "components/hello-world",
             ],
             appRoutes: [
+                {
+                    page: "plugin-renderer",
+                    component: `<plugin-renderer></plugin-renderer>`,
+                    condition: "page == 'plugin-renderer'"
+                },
                 {
                     page: "zoo",
                     component: "<cider-zoo></cider-zoo>",
diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index b90183b4..638aa49b 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -217,7 +217,11 @@ const app = new Vue({
             }
         },
         pauseButtonTimer: null,
-        activeCasts: []
+        activeCasts: [],
+        pluginPages: {
+            page: "hello-world",
+            pages: [],
+        }
     },
     watch: {
         cfg: {
@@ -1488,6 +1492,11 @@ const app = new Vue({
             let page = hash[0]
             let id = hash[1]
             let isLibrary = hash[2] ?? false
+            if(page == "plugin") {
+                this.pluginPages.page = "plugin." + id
+                this.page = "plugin-renderer"
+                return
+            }
             this.routeView({
                 kind: page,
                 id: id,
diff --git a/src/renderer/views/components/hello-world.ejs b/src/renderer/views/components/hello-world.ejs
index 6fa4e1f7..acbac471 100644
--- a/src/renderer/views/components/hello-world.ejs
+++ b/src/renderer/views/components/hello-world.ejs
@@ -3,7 +3,7 @@
 </script>
 
 <script>
-    Vue.component('hello-world', {
+    var hw = Vue.component('hello-world', {
         template: '#hello-world',
         methods: {
             sayHello: function () {
diff --git a/src/renderer/views/pages/plugin-renderer.ejs b/src/renderer/views/pages/plugin-renderer.ejs
new file mode 100644
index 00000000..beaa936a
--- /dev/null
+++ b/src/renderer/views/pages/plugin-renderer.ejs
@@ -0,0 +1,22 @@
+<script>
+    Vue.component('plugin-renderer', {
+        /*html*/
+        template: `
+            <component :is="getPage()"></component>
+        `,
+        data: function () {
+            return {
+                app: this.$root,
+            }
+        },
+        props: {},
+        mounted() { 
+        },
+        methods: {
+            getPage() {
+                return this.$root.pluginPages.page
+            }
+        },
+    }
+    );
+</script>
\ No newline at end of file