Remove deprecated extension component, as the ifram extension it uses is unmaintained

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",

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",

webapp/src/components/tabContentComponents/extensionContent.vue

@@ -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>

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);