From 3f8add4b8911501d050cfa58872411a6c2cb3502 Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Sun, 6 Jul 2025 20:20:16 +0100
Subject: [PATCH] Remove deprecated extension component, as the ifram extension
 it uses is unmaintained

---
 webapp/package-lock.json                      | 20 -------
 webapp/package.json                           |  1 -
 .../tabContentComponents/extensionContent.vue | 58 -------------------
 webapp/src/main.js                            |  4 --
 4 files changed, 83 deletions(-)
 delete mode 100644 webapp/src/components/tabContentComponents/extensionContent.vue

diff --git a/webapp/package-lock.json b/webapp/package-lock.json
index 0d971c59..2e28b858 100644
--- a/webapp/package-lock.json
+++ b/webapp/package-lock.json
@@ -33,7 +33,6 @@
         "prettier": "^1.19",
         "uikit": "^3.17",
         "vue": "^2.7",
-        "vue-friendly-iframe": "^0.17",
         "vue-template-compiler": "^2.7",
         "vue-tour": "^1.6",
         "vuejs-paginate": "^2.1",
@@ -14942,25 +14941,6 @@
         "eslint": ">=5.0.0"
       }
     },
-    "node_modules/vue-friendly-iframe": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/vue-friendly-iframe/-/vue-friendly-iframe-0.17.0.tgz",
-      "integrity": "sha512-2IEHRpz2KIZ7wSXd3h1n6EEQ9HEU6GRC4DNdQ7w5Dm31Udf/xGjWfHErXJUsUw3Qal0fga8SrA6aOPTOX7mg+Q==",
-      "dev": true,
-      "dependencies": {
-        "uuid": "3.1.0"
-      }
-    },
-    "node_modules/vue-friendly-iframe/node_modules/uuid": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.1.0.tgz",
-      "integrity": "sha512-DIWtzUkw04M4k3bf1IcpS2tngXEL26YUD2M0tMDUpnUrz2hgzUBlD55a4FjdLGPvfHxS6uluGWvaVEqgBcVa+g==",
-      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
-      "dev": true,
-      "bin": {
-        "uuid": "bin/uuid"
-      }
-    },
     "node_modules/vue-hot-reload-api": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
diff --git a/webapp/package.json b/webapp/package.json
index 3c8318d5..7c3e4b7c 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -36,7 +36,6 @@
     "prettier": "^1.19",
     "uikit": "^3.17",
     "vue": "^2.7",
-    "vue-friendly-iframe": "^0.17",
     "vue-template-compiler": "^2.7",
     "vue-tour": "^1.6",
     "vuejs-paginate": "^2.1",
diff --git a/webapp/src/components/tabContentComponents/extensionContent.vue b/webapp/src/components/tabContentComponents/extensionContent.vue
deleted file mode 100644
index 3312c10b..00000000
--- a/webapp/src/components/tabContentComponents/extensionContent.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <!-- Grid managing tab content -->
-  <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
-    <div class="control-component">
-      <vue-friendly-iframe v-if="frame" :src="frame.href"></vue-friendly-iframe>
-      <!-- OpenFlexure Forms used to be handled here - should now be done another way. -->
-    </div>
-    <div class="view-component uk-width-expand">
-      <galleryContent v-if="viewPanel == 'gallery'" />
-      <settingsContent v-else-if="viewPanel == 'settings'" />
-      <streamDisplay v-else />
-    </div>
-  </div>
-</template>
-
-<script>
-import streamDisplay from "./streamContent.vue";
-import galleryContent from "../tabContentComponents/galleryContent.vue";
-import settingsContent from "../tabContentComponents/settingsContent.vue";
-
-export default {
-  name: "ExtensionContent",
-
-  components: {
-    streamDisplay,
-    galleryContent,
-    settingsContent
-  },
-
-  props: {
-    forms: {
-      type: Array,
-      required: false,
-      default: () => []
-    },
-    frame: {
-      type: Object,
-      required: false,
-      default: null
-    },
-    viewPanel: {
-      type: String,
-      required: false,
-      default: "stream"
-    }
-  }
-};
-</script>
-
-<style>
-.vue-friendly-iframe {
-  height: 100%;
-}
-
-.vue-friendly-iframe iframe {
-  height: 100%;
-}
-</style>
diff --git a/webapp/src/main.js b/webapp/src/main.js
index ba55b940..4e1b9baf 100644
--- a/webapp/src/main.js
+++ b/webapp/src/main.js
@@ -4,7 +4,6 @@ import store from "./store";
 import axios from "axios";
 import UIkit from "uikit";
 import VueTour from "vue-tour";
-import VueFriendlyIframe from "vue-friendly-iframe";
 import VueObserveVisibility from "vue-observe-visibility";
 
 require("vue-tour/dist/vue-tour.css");
@@ -26,9 +25,6 @@ UIkit.mixin(
 // Use vue-tour module
 Vue.use(VueTour);
 
-// Use Friendly Iframe module
-Vue.use(VueFriendlyIframe);
-
 // Use visibility observer
 Vue.use(VueObserveVisibility);