add panopto

out/PiPer-chrome/images/default-exit.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Symbol" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 36 36" xml:space="preserve"><style>.st0{fill:#fff}</style><path class="st0" d="M3.5 25.5c-.4 0-1-.1-1.5-.5-.3-.4-.8-1-.8-2V9.8c0-.3 0-1 .4-1.6.4-.5.9-.7 1.6-.7h24.9c1.3.1 2.5.8 2.5 2.2v8h-2.5V10H3.8v13h10v2.5H3.5z"/><path class="st0" d="M13.5 18.5l-5.6-5.6h2.7c.6 0 1-.4 1-1s-.4-1-1-1H5.5c-.1 0-.3 0-.4.1-.2.1-.4.3-.5.5-.1.1-.1.3-.1.4v5.4c0 .6.4 1 1 1s1-.4 1-1v-3l5.6 5.6c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zM31.9 31.2H17.6c-1.6 0-2.9-1.3-2.9-2.8v-6.3c0-1.6 1.3-2.8 2.9-2.8h14.3c1.6 0 2.8 1.3 2.8 2.8v6.3c.1 1.5-1.3 2.8-2.8 2.8zm-14.3-9.4c-.2 0-.4.1-.4.3v6.3c0 .2.1.3.4.3h14.3c.2 0 .3-.2.3-.3v-6.3c0-.2-.1-.3-.3-.3H17.6z"/></svg>

out/PiPer-chrome/images/default.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Symbol" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 36 36" xml:space="preserve"><style>.st0{fill:#fff}</style><path class="st0" d="M12.8 25.8H3.7c-1.2 0-2.5-.9-2.5-2.5V9.6c0-2.1 1.7-2.2 2-2.2h24.9c2.4 0 2.5 1.7 2.5 2.2v8.5h-2.5V9.9H3.8v13.4h9v2.5z"/><path class="st0" d="M13.8 14.2c0-.6-.4-1-1-1s-1 .4-1 1v2.6l-5.6-5.6c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l5.6 5.6H7.8c-.6 0-1 .4-1 1s.4 1 1 1h5c.1 0 .3 0 .4-.1.2-.1.4-.3.5-.5.1-.1.1-.3.1-.4v-5zM31.9 31.8H17.1c-1.6 0-2.9-1.3-2.9-2.8v-6.8c0-1.6 1.3-2.8 2.9-2.8h14.8c1.6 0 2.8 1.3 2.8 2.8v6.7c.1 1.5-1.2 2.9-2.8 2.9zM17.1 21.7c-.2 0-.4.2-.4.4v6.8c0 .2.1.3.4.3h14.8c.2 0 .3-.2.3-.5V22c0-.2-.1-.3-.3-.3H17.1z"/></svg>

out/PiPer-chrome/manifest.json

@@ -0,0 +1,31 @@
+{
+  "name": "PiPer",
+  "description": "Adds Picture in Picture functionality to YouTube, Netflix, Amazon Video, Twitch, and more!",
+  "version": "1.0.4.235",
+  "version_name": "1.0.4",
+  "icons": {
+    "128": "Icon-128.png"
+  },
+  "background": {
+    "scripts": ["scripts/background.js"],
+    "persistent": false
+  },
+  "content_scripts": [
+    {
+      "all_frames": true,
+      "matches": ["http://*/*", "https://*/*"],
+      "run_at": "document_idle",
+      "js": ["scripts/main.js"]
+    }
+  ],
+  "permissions": [
+    "activeTab",
+    "storage"
+  ],
+  "web_accessible_resources": [
+    "images/*.svg",
+    "scripts/*.js"
+  ],
+  "minimum_chrome_version": "69.0.3483.0",
+  "manifest_version": 2
+}

out/PiPer-chrome/scripts/background.js

@@ -0,0 +1,2 @@
+var a;a||(a=!0,(()=>{'use strict';chrome.runtime.onInstalled.addListener(function(a){"install"==a.reason&&chrome.tabs.create({url:chrome.extension.getURL("install.html")})});})());
+//# sourceMappingURL=data:application/json;base64,ewoidmVyc2lvbiI6MywKImZpbGUiOiIiLAoibGluZUNvdW50IjoxLAoibWFwcGluZ3MiOiJBLGtDQUFBQSxNQUFBLENBQU9DLE9BQVAsQ0FBZUMsV0FBZixDQUEyQkMsV0FBM0IsQ0FBdUMsUUFBUSxDQUF5QkMsQ0FBekIsQ0FBa0MsQ0FDekQsU0FBdEIsRUFBSUEsQ0FBSixDQUFZQyxNQUFaLEVBQ0VMLE1BQUEsQ0FBT00sSUFBUCxDQUFZQyxNQUFaLENBQW1CLENBQUNDLElBQUtSLE1BQUEsQ0FBT1MsU0FBUCxDQUFpQkMsTUFBakIsQ0FBd0IsY0FBeEIsQ0FBTixDQUFuQixDQUY2RSxDQUFqRjsiLAoic291cmNlcyI6WyIuL2JhY2tncm91bmQuanMiXSwKInNvdXJjZXNDb250ZW50IjpbImNocm9tZS5ydW50aW1lLm9uSW5zdGFsbGVkLmFkZExpc3RlbmVyKGZ1bmN0aW9uKC8qKiB7cmVhc29uOiBzdHJpbmd9ICovIGRldGFpbHMpIHtcbiAgaWYgKGRldGFpbHMucmVhc29uID09IFwiaW5zdGFsbFwiKSB7XG4gICAgY2hyb21lLnRhYnMuY3JlYXRlKHt1cmw6IGNocm9tZS5leHRlbnNpb24uZ2V0VVJMKFwiaW5zdGFsbC5odG1sXCIpfSk7XG4gIH1cbn0pO1xuIl0sCiJuYW1lcyI6WyJjaHJvbWUiLCJydW50aW1lIiwib25JbnN0YWxsZWQiLCJhZGRMaXN0ZW5lciIsImRldGFpbHMiLCJyZWFzb24iLCJ0YWJzIiwiY3JlYXRlIiwidXJsIiwiZXh0ZW5zaW9uIiwiZ2V0VVJMIl0KfQo=

out/PiPer-safari-legacy.safariextension/Info.plist

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>Author</key>
+	<string>Adam Marcus</string>
+	<key>Builder Version</key>
+	<string>12602.4.8</string>
+	<key>CFBundleDisplayName</key>
+	<string>PiPer</string>
+	<key>CFBundleIdentifier</key>
+	<string>com.amarcus.safari.piper</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0.4</string>
+	<key>CFBundleVersion</key>
+	<string>235</string>
+	<key>Chrome</key>
+	<dict>
+		<key>Global Page</key>
+		<string>global.html</string>
+	</dict>
+	<key>Content</key>
+	<dict>
+		<key>Scripts</key>
+		<dict>
+			<key>End</key>
+			<array>
+				<string>scripts/main.js</string>
+				<string>scripts/legacy.js</string>
+			</array>
+		</dict>
+	</dict>
+	<key>Description</key>
+	<string>Adds Picture in Picture functionality to Youtube, Netflix, Amazon Video, Twitch, and more!</string>
+	<key>DeveloperIdentifier</key>
+	<string>BQ6Q24MF9X</string>
+	<key>ExtensionInfoDictionaryVersion</key>
+	<string>1.0</string>
+	<key>Permissions</key>
+	<dict>
+		<key>Website Access</key>
+		<dict>
+			<key>Include Secure Pages</key>
+			<true/>
+			<key>Level</key>
+			<string>All</string>
+		</dict>
+	</dict>
+	<key>Update Manifest URL</key>
+	<string>https://s3.amazonaws.com/piper-extension/update.plist</string>
+	<key>Website</key>
+	<string>https://github.com/amarcu5/PiPer/</string>
+</dict>
+</plist>

out/PiPer-safari-legacy.safariextension/global.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>PiPer</title>
+  <script src="scripts/background.js"></script>
+</head>
+<body>
+</body>
+</html>

out/PiPer-safari-legacy.safariextension/images/default-exit.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Symbol" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 36 36" xml:space="preserve"><style>.st0{fill:#fff}</style><path class="st0" d="M3.5 25.5c-.4 0-1-.1-1.5-.5-.3-.4-.8-1-.8-2V9.8c0-.3 0-1 .4-1.6.4-.5.9-.7 1.6-.7h24.9c1.3.1 2.5.8 2.5 2.2v8h-2.5V10H3.8v13h10v2.5H3.5z"/><path class="st0" d="M13.5 18.5l-5.6-5.6h2.7c.6 0 1-.4 1-1s-.4-1-1-1H5.5c-.1 0-.3 0-.4.1-.2.1-.4.3-.5.5-.1.1-.1.3-.1.4v5.4c0 .6.4 1 1 1s1-.4 1-1v-3l5.6 5.6c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zM31.9 31.2H17.6c-1.6 0-2.9-1.3-2.9-2.8v-6.3c0-1.6 1.3-2.8 2.9-2.8h14.3c1.6 0 2.8 1.3 2.8 2.8v6.3c.1 1.5-1.3 2.8-2.8 2.8zm-14.3-9.4c-.2 0-.4.1-.4.3v6.3c0 .2.1.3.4.3h14.3c.2 0 .3-.2.3-.3v-6.3c0-.2-.1-.3-.3-.3H17.6z"/></svg>

out/PiPer-safari-legacy.safariextension/images/default.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Symbol" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 36 36" xml:space="preserve"><style>.st0{fill:#fff}</style><path class="st0" d="M12.8 25.8H3.7c-1.2 0-2.5-.9-2.5-2.5V9.6c0-2.1 1.7-2.2 2-2.2h24.9c2.4 0 2.5 1.7 2.5 2.2v8.5h-2.5V9.9H3.8v13.4h9v2.5z"/><path class="st0" d="M13.8 14.2c0-.6-.4-1-1-1s-1 .4-1 1v2.6l-5.6-5.6c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l5.6 5.6H7.8c-.6 0-1 .4-1 1s.4 1 1 1h5c.1 0 .3 0 .4-.1.2-.1.4-.3.5-.5.1-.1.1-.3.1-.4v-5zM31.9 31.8H17.1c-1.6 0-2.9-1.3-2.9-2.8v-6.8c0-1.6 1.3-2.8 2.9-2.8h14.8c1.6 0 2.8 1.3 2.8 2.8v6.7c.1 1.5-1.2 2.9-2.8 2.9zM17.1 21.7c-.2 0-.4.2-.4.4v6.8c0 .2.1.3.4.3h14.8c.2 0 .3-.2.3-.5V22c0-.2-.1-.3-.3-.3H17.1z"/></svg>

out/PiPer-safari-legacy.safariextension/scripts/background.js

@@ -0,0 +1,2 @@
+var a;a||(a=!0,(()=>{'use strict';safari.application.addEventListener("message",function(a){switch(a.name){case "getUpgradeAlertShown":a.target.page.dispatchMessage("upgradeAlertShownResponse",parseInt(safari.extension.settings.upgradeAlertShown||"0",10));break;case "setUpgradeAlertShown":safari.extension.settings.upgradeAlertShown=a.message}},!1);})());
+//# sourceMappingURL=data:application/json;base64,ewoidmVyc2lvbiI6MywKImZpbGUiOiIiLAoibGluZUNvdW50IjoxLAoibWFwcGluZ3MiOiJBLGtDQVlBQSxNQUFBLENBQU9DLFdBQVAsQ0FBbUJDLGdCQUFuQixDQUFvQyxTQUFwQyxDQVp1QkMsUUFBUSxDQUFvQ0MsQ0FBcEMsQ0FBa0QsQ0FDL0UsT0FBUUEsQ0FBUixDQUFxQkMsSUFBckIsRUFDRSxLQUFLLHNCQUFMLENBRWtERCxDQUNoRCxDQUQ2REUsTUFDN0QsQ0FBT0MsSUFBUCxDQUFZQyxlQUFaLENBQTRCLDJCQUE1QixDQUF5REMsUUFBQSxDQUZSVCxNQUVRLENBRkRVLFNBRUMsQ0FGU0MsUUFFVCxDQUZrQkMsaUJBRWxCLEVBQW9CLEdBQXBCLENBQXlCLEVBQXpCLENBQXpELENBQ0EsTUFDRixNQUFLLHNCQUFMLENBQ0VaLE1BQUEsQ0FBT1UsU0FBUCxDQUFpQkMsUUFBakIsQ0FBMEIsaUJBQTFCLENBQWlEUCxDQUFqRCxDQUE4RFMsT0FQbEUsQ0FEK0UsQ0FZakYsQ0FBK0QsQ0FBQSxDQUEvRDsiLAoic291cmNlcyI6WyIuL2JhY2tncm91bmQuanMiXSwKInNvdXJjZXNDb250ZW50IjpbImNvbnN0IG1lc3NhZ2VIYW5kbGVyID0gZnVuY3Rpb24oLyoqIFNhZmFyaUV4dGVuc2lvbk1lc3NhZ2VFdmVudCAqLyBtZXNzYWdlRXZlbnQpIHtcbiAgc3dpdGNoIChtZXNzYWdlRXZlbnQubmFtZSkge1xuICAgIGNhc2UgJ2dldFVwZ3JhZGVBbGVydFNob3duJzpcbiAgICAgIGNvbnN0IHNldHRpbmcgPSAvKiogQHR5cGUge3N0cmluZ3x1bmRlZmluZWR9ICovIChzYWZhcmkuZXh0ZW5zaW9uLnNldHRpbmdzWyd1cGdyYWRlQWxlcnRTaG93biddKTtcbiAgICAgIGNvbnN0IHRhcmdldCA9IC8qKiBAdHlwZSB7U2FmYXJpQnJvd3NlclRhYn0gKi8gKG1lc3NhZ2VFdmVudC50YXJnZXQpO1xuICAgICAgdGFyZ2V0LnBhZ2UuZGlzcGF0Y2hNZXNzYWdlKCd1cGdyYWRlQWxlcnRTaG93blJlc3BvbnNlJywgcGFyc2VJbnQoc2V0dGluZyB8fCAnMCcsIDEwKSk7XG4gICAgICBicmVhaztcbiAgICBjYXNlICdzZXRVcGdyYWRlQWxlcnRTaG93bic6XG4gICAgICBzYWZhcmkuZXh0ZW5zaW9uLnNldHRpbmdzWyd1cGdyYWRlQWxlcnRTaG93biddID0gbWVzc2FnZUV2ZW50Lm1lc3NhZ2U7XG4gICAgICBicmVhaztcbiAgfVxufVxuc2FmYXJpLmFwcGxpY2F0aW9uLmFkZEV2ZW50TGlzdGVuZXIoJ21lc3NhZ2UnLCBtZXNzYWdlSGFuZGxlciwgZmFsc2UpO1xuIl0sCiJuYW1lcyI6WyJzYWZhcmkiLCJhcHBsaWNhdGlvbiIsImFkZEV2ZW50TGlzdGVuZXIiLCJtZXNzYWdlSGFuZGxlciIsIm1lc3NhZ2VFdmVudCIsIm5hbWUiLCJ0YXJnZXQiLCJwYWdlIiwiZGlzcGF0Y2hNZXNzYWdlIiwicGFyc2VJbnQiLCJleHRlbnNpb24iLCJzZXR0aW5ncyIsInNldHRpbmciLCJtZXNzYWdlIl0KfQo=

src/common/scripts/resources/panopto.js

@@ -0,0 +1,53 @@
+import { getButton } from './../button.js'
+
+export const domain = 'panopto';
+
+export const resource = {
+    buttonClassName: 'media-icon',
+    buttonDidAppear: function () {
+        // Get localized button title and hide default tooltip
+        const button = getButton();
+        const /** string */ title = button.title;
+        button.title = '';
+
+        // Create stylized tooltip and add to DOM
+        const tooltip = /** @type {HTMLElement} */ (document.createElement('div'));
+        tooltip.className = 'control-tooltip';
+        tooltip.style.cssText = /** CSS */ (`
+      right: 0px;
+      bottom: 35px;
+      transition: bottom 0.2s ease-out;
+    `);
+        tooltip.textContent = title;
+        button.appendChild(tooltip);
+
+        // Display stylized tooltip on mouseover
+        button.addEventListener('mouseover', function () {
+            button.classList.add('displaying');
+            tooltip.style.bottom = '75px';
+        });
+        button.addEventListener('mouseout', function () {
+            button.classList.remove('displaying');
+            tooltip.style.bottom = '35px';
+        });
+    },
+    buttonElementType: 'div',
+    buttonInsertBefore: function (/** Element */ parent) {
+        return parent.lastChild;
+    },
+    buttonParent: function () {
+        return document.querySelector('#transportControls');
+    },
+    buttonScale: 0.7,
+    buttonStyle: /** CSS */ (`
+    width: 44px;
+    height: 44px;
+    order: 4;
+  `),
+    // captionElement: function () {
+    //     return document.querySelector('.text-track-display');
+    // },
+    videoElement: function () {
+        return document.querySelector('video#primaryVideo');
+    },
+};

src/safari-legacy/update.plist

@@ -10,7 +10,7 @@
 			<key>CFBundleShortVersionString</key>
 			<string>1.0.4</string>
 			<key>CFBundleVersion</key>
-			<string>234</string>
+			<string>235</string>
 			<key>Developer Identifier</key>
 			<string>BQ6Q24MF9X</string>
 			<key>URL</key>