From 1dbb1c6a342442c5e4b127efe8c3441c3729ea51 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Tue, 7 Dec 2021 01:33:18 -0800
Subject: [PATCH] Enabled webviewTag, added webview page

---
 resources/cider-ui-tests/index.js                | 5 +++++
 resources/cider-ui-tests/views/main.ejs          | 3 +++
 resources/cider-ui-tests/views/pages/webview.ejs | 5 +++++
 resources/functions/cider-base.js                | 1 +
 4 files changed, 14 insertions(+)
 create mode 100644 resources/cider-ui-tests/views/pages/webview.ejs

diff --git a/resources/cider-ui-tests/index.js b/resources/cider-ui-tests/index.js
index 5ea28202..2ca8b21f 100644
--- a/resources/cider-ui-tests/index.js
+++ b/resources/cider-ui-tests/index.js
@@ -68,6 +68,11 @@ const app = new Vue({
         radio: {
             personal: []
         },
+        webview: {
+            url: "",
+            title: "",
+            loading: false
+        },
         showingPlaylist: [],
         artistPage: {
             data: {},
diff --git a/resources/cider-ui-tests/views/main.ejs b/resources/cider-ui-tests/views/main.ejs
index fec4c803..d1c01cfd 100644
--- a/resources/cider-ui-tests/views/main.ejs
+++ b/resources/cider-ui-tests/views/main.ejs
@@ -201,6 +201,9 @@
                     <transition name="wpfade">
                         <%- include('pages/artist') %>
                     </transition>
+                    <transition name="wpfade">
+                        <%- include('pages/webview') %>
+                    </transition>
                     <!-- Playlist / Album page-->
                     <transition name="wpfade">
                         <template v-if="page.includes('playlist_')">
diff --git a/resources/cider-ui-tests/views/pages/webview.ejs b/resources/cider-ui-tests/views/pages/webview.ejs
new file mode 100644
index 00000000..2a762499
--- /dev/null
+++ b/resources/cider-ui-tests/views/pages/webview.ejs
@@ -0,0 +1,5 @@
+<template v-if="page == 'webview'">
+    <div style="display:flex;width:100%;height:100%">
+        <webview id="foo" :src="webview.url" style="display:inline-flex; width:100%;"></webview>
+    </div>
+</template>
diff --git a/resources/functions/cider-base.js b/resources/functions/cider-base.js
index afc46a4c..c575f479 100644
--- a/resources/functions/cider-base.js
+++ b/resources/functions/cider-base.js
@@ -29,6 +29,7 @@ const CiderBase = {
             vibrancy: 'dark',
             hasShadow: false,
             webPreferences: {
+                webviewTag: true,
                 plugins: true,
                 nodeIntegration: true,
                 nodeIntegrationInWorker: false,