Merge pull request #1 from amarcu5/develop

v0.1.1

README.md

@@ -1,6 +1,8 @@
 # PiPer
 Adds Picture in Picture functionality to Safari for Youtube, Netflix, Amazon Video, Twitch, and more!
 
+<img src="/promo/Promo-shot.png" alt="Screenshot of PiPer in action" width="512" height="384"/>
+
 ## Installation
 
 Get the extension [here](https://s3.amazonaws.com/piper-extension/PiPer.safariextz), open the downloaded file, and hit trust
@@ -15,6 +17,7 @@ Get the extension [here](https://s3.amazonaws.com/piper-extension/PiPer.safariex
 * [CollegeHumor](http://www.collegehumor.com)
 * [Vevo](http://www.vevo.com)
 * [Vid.me](http://www.vid.me)
+* [Hulu](http://www.hulu.com)
 
 ## Acknowledgements
 * [Pied PíPer](https://github.com/JoeKuhns/PiedPiPer.safariextension) for the original inspiration and the Netflix icon

src/Info.plist

@@ -32,43 +32,52 @@
 	<string>BQ6Q24MF9X</string>
 	<key>ExtensionInfoDictionaryVersion</key>
 	<string>1.0</string>
-	<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>
 	<key>Permissions</key>
 	<dict>
 		<key>Website Access</key>
 		<dict>
 			<key>Allowed Domains</key>
 			<array>
+				<string>amazon.co.uk</string>
 				<string>*.amazon.co.uk</string>
+				<string>amazon.com</string>
 				<string>*.amazon.com</string>
+				<string>amazon.fr</string>
 				<string>*.amazon.fr</string>
+				<string>amazon.de</string>
 				<string>*.amazon.de</string>
+				<string>amazon.ca</string>
 				<string>*.amazon.ca</string>
-				<string>*.netflix.com</string>
-				<string>netflix.com</string>
-				<string>*.youtube.com</string>
-				<string>youtube.com</string>
-				<string>*.twitch.tv</string>
-				<string>twitch.tv</string>
-				<string>*.metacafe.com</string>
+				<string>collegehumor.com</string>
+				<string>*.collegehumor.com</string>
+				<string>hulu.com</string>
+				<string>*.hulu.com</string>
 				<string>metacafe.com</string>
-				<string>*.openload.co</string>
+				<string>*.metacafe.com</string>
+				<string>netflix.com</string>
+				<string>*.netflix.com</string>
 				<string>openload.co</string>
-				<string>*.vevo.com</string>
+				<string>*.openload.co</string>
+				<string>twitch.tv</string>
+				<string>*.twitch.tv</string>
 				<string>vevo.com</string>
-				<string>*.collegehumor.com</string>
-				<string>collegehumor.com</string>
+				<string>*.vevo.com</string>
 				<string>vid.me</string>
 				<string>*.vid.me</string>
+				<string>youtu.be</string>
+				<string>*.youtu.be</string>
+				<string>youtube.com</string>
+				<string>*.youtube.com</string>
 			</array>
 			<key>Include Secure Pages</key>
 			<true/>
 			<key>Level</key>
 			<string>Some</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>

src/scripts/externs.js

@@ -1,5 +1,5 @@
 /** @const */
-var safari = {};
+const safari = {};
 
 /** @const */
 safari.extension = {};
@@ -11,4 +11,18 @@ safari.extension.baseURI;
 HTMLVideoElement.prototype.webkitPresentationMode;
 
 /** @return {undefined} */
-HTMLVideoElement.prototype.webkitSetPresentationMode = function(mode) {}
+HTMLVideoElement.prototype.webkitSetPresentationMode = function(mode) {}
+
+/**
+ * @typedef {{
+ *    buttonClassName: (string|undefined),
+ *    buttonDidAppear: (function(): undefined|undefined),
+ *    buttonElementType: (string|undefined),
+ *    buttonImage: (string|undefined),
+ *    buttonInsertBefore: (function(Element): ?Node|undefined),
+ *    buttonParent: function(): ?Element,
+ *    buttonStyle: (string|undefined),
+ *    videoElement: function(): ?Element,
+ * }}
+ */
+let PIPResource;