Initial release

Basic support for Netflix, Youtube, Amazon Video, Twitch, and more

.gitignore

@@ -0,0 +1,4 @@
+
+certs/privatekey.pem
+
+certs/cert.pem

README.md

@@ -0,0 +1,27 @@
+# PiPer
+Adds Picture in Picture functionality to Safari for Youtube, Netflix, Amazon Video, Twitch, and more!
+
+## Installation
+
+Get the extension [here](https://s3.amazonaws.com/piper-extension/PiPer.safariextz), open the downloaded file, and hit trust
+
+## Supported sites
+* [Youtube](http://www.youtube.com)
+* [Netflix](http://www.netflix.com)
+* [Amazon video](http://www.amazon.com/PrimeVideo)
+* [Twitch](http://www.twitch.tv)
+* [Metacafe](http://www.metacafe.com)
+* [Openload](http://www.openload.co)
+* [CollegeHumor](http://www.collegehumor.com)
+* [Vevo](http://www.vevo.com)
+* [Vid.me](http://www.vid.me)
+
+## Acknowledgements
+* [Pied PíPer](https://github.com/JoeKuhns/PiedPiPer.safariextension) for the original inspiration and the Netflix icon
+* [Google](https://github.com/google/material-design-icons) for the Picture in Picture icon
+
+## Build tools
+* [svgo](https://github.com/svg/svgo) (0.7.2) for compressing SVG images
+* [xarjs](https://github.com/robertknight/xar-js) (0.2.0) for packaging Safari extension
+* [ccjs](https://github.com/google/closure-compiler-js) (1.6.1) for compiling JavaScript
+* [plistbuddy](https://github.com/amarcu5/PiPer/tree/master/build-tools/) for automated build numbering - reimplementation of utility from [Apple's Command Line Tools](https://developer.apple.com/download/)

certs/apple-intermediate.pem

@@ -0,0 +1,25 @@
+-----BEGIN CERTIFICATE-----
+MIIEIjCCAwqgAwIBAgIIAd68xDltoBAwDQYJKoZIhvcNAQEFBQAwYjELMAkGA1UE
+BhMCVVMxEzARBgNVBAoTCkFwcGxlIEluYy4xJjAkBgNVBAsTHUFwcGxlIENlcnRp
+ZmljYXRpb24gQXV0aG9yaXR5MRYwFAYDVQQDEw1BcHBsZSBSb290IENBMB4XDTEz
+MDIwNzIxNDg0N1oXDTIzMDIwNzIxNDg0N1owgZYxCzAJBgNVBAYTAlVTMRMwEQYD
+VQQKDApBcHBsZSBJbmMuMSwwKgYDVQQLDCNBcHBsZSBXb3JsZHdpZGUgRGV2ZWxv
+cGVyIFJlbGF0aW9uczFEMEIGA1UEAww7QXBwbGUgV29ybGR3aWRlIERldmVsb3Bl
+ciBSZWxhdGlvbnMgQ2VydGlmaWNhdGlvbiBBdXRob3JpdHkwggEiMA0GCSqGSIb3
+DQEBAQUAA4IBDwAwggEKAoIBAQDKOFSmy1aqyCQ5SOmM7uxfuH8mkbw0U3rOfGOA
+YXdkXqUHI7Y5/lAtFVZYcC1+xG7BSoU+L/DehBqhV8mvexj/avoVEkkVCBmsqtsq
+Mu2WY2hSFT2Miuy/axiV4AOsAX2XBWfODoWVN2rtCbauZ81RZJ/GXNG8V25nNYB2
+NqSHgW44j9grFU57Jdhav06DwY3Sk9UacbVgnJ0zTlX5ElgMhrgWDcHld0WNUEi6
+Ky3klIXh6MSdxmilsKP8Z35wugJZS3dCkTm59c3hTO/AO0iMpuUhXf1qarunFjVg
+0uat80YpyejDi+l5wGphZxWy8P3laLxiX27Pmd3vG2P+kmWrAgMBAAGjgaYwgaMw
+HQYDVR0OBBYEFIgnFwmpthhgi+zruvZHWcVSVKO3MA8GA1UdEwEB/wQFMAMBAf8w
+HwYDVR0jBBgwFoAUK9BpR5R2Cf70a40uQKb3R01/CF4wLgYDVR0fBCcwJTAjoCGg
+H4YdaHR0cDovL2NybC5hcHBsZS5jb20vcm9vdC5jcmwwDgYDVR0PAQH/BAQDAgGG
+MBAGCiqGSIb3Y2QGAgEEAgUAMA0GCSqGSIb3DQEBBQUAA4IBAQBPz+9Zviz1smwv
+j+4ThzLoBTWobot9yWkMudkXvHcs1Gfi/ZptOllc34MBvbKuKmFysa/Nw0Uwj6OD
+Dc4dR7Txk4qjdJukw5hyhzs+r0ULklS5MruQGFNrCk4QttkdUGwhgAqJTleMa1s8
+Pab93vcNIx0LSiaHP7qRkkykGRIZbVf1eliHe2iK5IaMSuviSRSqpd1VAKmuu0sw
+ruGgsbwpgOYJd+W+NKIByn/c4grmO7i77LpilfMFY0GCzQ87HUyVpNur+cmV6U/k
+TecmmYHpvPm0KdIBembhLoz2IYrF+Hjhga6/05Cdqa3zr/04GpZnMBxRpVzscYqC
+tGwPDBUf
+-----END CERTIFICATE-----

certs/apple-root.pem

@@ -0,0 +1,28 @@
+-----BEGIN CERTIFICATE-----
+MIIEuzCCA6OgAwIBAgIBAjANBgkqhkiG9w0BAQUFADBiMQswCQYDVQQGEwJVUzET
+MBEGA1UEChMKQXBwbGUgSW5jLjEmMCQGA1UECxMdQXBwbGUgQ2VydGlmaWNhdGlv
+biBBdXRob3JpdHkxFjAUBgNVBAMTDUFwcGxlIFJvb3QgQ0EwHhcNMDYwNDI1MjE0
+MDM2WhcNMzUwMjA5MjE0MDM2WjBiMQswCQYDVQQGEwJVUzETMBEGA1UEChMKQXBw
+bGUgSW5jLjEmMCQGA1UECxMdQXBwbGUgQ2VydGlmaWNhdGlvbiBBdXRob3JpdHkx
+FjAUBgNVBAMTDUFwcGxlIFJvb3QgQ0EwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAw
+ggEKAoIBAQDkkakJH5HbHkdQ6wXtXnmELes2oldMVeyLGYne+Uts9QerIjAC6Bg+
++FAJ039BqJj50cpmnCRrEdCju+QbKsMflZ56DKRHi1vUFjczy8QPTc4UadHJGXL1
+XQ7Vf1+b8iUDulWPTV0N8WQ1IxVLFVkds5T39pyez1C6wVhQZ48ItCD3y6wsIG9w
+tj8BMIy3Q88PnT3zK0koGsj+zrW5DtleHNbLPbU6rfQPDgCSC7EhFi501TwN22IW
+q6NxkkdTVcGvL0Gz+PvjcM3mo0xFfh9Ma1CWQYnEdGILEINBhzOKgbEwWOxaBDKM
+aLOPHd5lc/9nXmW8Sdh2nzMUZaF3lMktAgMBAAGjggF6MIIBdjAOBgNVHQ8BAf8E
+BAMCAQYwDwYDVR0TAQH/BAUwAwEB/zAdBgNVHQ4EFgQUK9BpR5R2Cf70a40uQKb3
+R01/CF4wHwYDVR0jBBgwFoAUK9BpR5R2Cf70a40uQKb3R01/CF4wggERBgNVHSAE
+ggEIMIIBBDCCAQAGCSqGSIb3Y2QFATCB8jAqBggrBgEFBQcCARYeaHR0cHM6Ly93
+d3cuYXBwbGUuY29tL2FwcGxlY2EvMIHDBggrBgEFBQcCAjCBthqBs1JlbGlhbmNl
+IG9uIHRoaXMgY2VydGlmaWNhdGUgYnkgYW55IHBhcnR5IGFzc3VtZXMgYWNjZXB0
+YW5jZSBvZiB0aGUgdGhlbiBhcHBsaWNhYmxlIHN0YW5kYXJkIHRlcm1zIGFuZCBj
+b25kaXRpb25zIG9mIHVzZSwgY2VydGlmaWNhdGUgcG9saWN5IGFuZCBjZXJ0aWZp
+Y2F0aW9uIHByYWN0aWNlIHN0YXRlbWVudHMuMA0GCSqGSIb3DQEBBQUAA4IBAQBc
+NplMLXi37Yyb3PN3m/J20ncwT8EfhYOFG5k9RzfyqZtAjizUsZAS2L70c5vu0mQP
+y3lPNNiiPvl4/2vIB+x9OYOLUyDTOMSxv5pPCmv/K/xZpwUJfBdAVhEedNO3iyM7
+R6PVbyTi69G3cN8PReEnyvFteO3ntRcXqNx+IjXKJdXZD9Zr1KIkIxH3oayPc4Fg
+xhtbCS+SsvhESPBgOJ4V9T0mZyCKM2r3DYLP3uujL/lTaltkwGMzd/c6ByxW69oP
+IQ7aunMZT7XZNn/Bh1XZp5m5MkL72NVxnn6hUrcbvZNCJBIqxw8dtk2cXmPIS4AX
+UKqK1drk/NAJBzewdXUh
+-----END CERTIFICATE-----

make.sh

@@ -0,0 +1,73 @@
+#!/bin/sh
+
+#
+# Settings
+#
+
+EXTENSION_NAME="PiPer"
+
+# Paths
+CCJS_PATH="./build-tools/ccjs"                # "ccjs"
+XARJS_PATH="./build-tools/xarjs"              # "xarjs"
+SVGO_PATH="./build-tools/svgo"                # "svgo"
+PLISTBUDDY_PATH="./build-tools/plistbuddy"    # "/usr/libexec/PlistBuddy"
+
+# Certifcates
+LEAF_CERT_PATH="../certs/cert.pem"
+INTERMEDIATE_CERT_PATH="../certs/apple-intermediate.pem"
+ROOT_CERT_PATH="../certs/apple-root.pem"
+PRIVATE_KEY_PATH="../certs/privatekey.pem"
+
+
+#
+# Build script
+#
+
+# Set working directory to project root
+cd $(cd -P -- "$(dirname -- "$0")" && pwd -P)
+
+# Remove output folder
+rm -rf out
+
+# Make output folder
+mkdir -p "out/${EXTENSION_NAME}.safariextension"
+
+# Copy items into output folder
+cp -r src/* "out/${EXTENSION_NAME}.safariextension/"
+
+# Compress all supported images with SVGO
+${SVGO_PATH} -q -f "out/${EXTENSION_NAME}.safariextension/images"
+
+# Use closure compiler to compress javascript
+${CCJS_PATH} out/${EXTENSION_NAME}.safariextension/scripts/main.js \
+    --compilation_level=ADVANCED_OPTIMIZATIONS \
+    --warning_level=VERBOSE \
+    --externs="out/${EXTENSION_NAME}.safariextension/scripts/externs.js" \
+    --new_type_inf \
+    --use_types_for_optimization \
+    > out/${EXTENSION_NAME}.safariextension/scripts/main.min.js
+mv out/${EXTENSION_NAME}.safariextension/scripts/main.min.js out/${EXTENSION_NAME}.safariextension/scripts/main.js
+rm out/${EXTENSION_NAME}.safariextension/scripts/externs.js
+
+# Update version info from git
+git=$(sh /etc/profile; which git)
+number_of_commits=$(($("$git" rev-list HEAD --count) + 1))
+git_release_version=$("$git" describe --tags --always --abbrev=0)
+git_release_version=${git_release_version%%-*};
+git_release_version=${git_release_version#*v};
+info_plist="out/${EXTENSION_NAME}.safariextension/Info.plist"
+update_plist="update.plist"
+${PLISTBUDDY_PATH} -c "Set :CFBundleVersion $number_of_commits" "$info_plist"
+${PLISTBUDDY_PATH} -c "Set :CFBundleShortVersionString ${git_release_version}" "$info_plist"
+${PLISTBUDDY_PATH} -c "Set \":Extension Updates:0:CFBundleVersion\" $number_of_commits" "$update_plist"
+${PLISTBUDDY_PATH} -c "Set \":Extension Updates:0:CFBundleShortVersionString\" ${git_release_version#*v}" "$update_plist"
+
+# Package safari extension
+cd out
+if [[ ${XARJS_PATH} != /* ]]; then if ! [ command -v "${XARJS_PATH}" >/dev/null 2>&1 ]; then XARJS_PATH="../${XARJS_PATH}"; fi; fi
+${XARJS_PATH} create "${EXTENSION_NAME}.safariextz" --cert "${LEAF_CERT_PATH}" --cert "${INTERMEDIATE_CERT_PATH}" --cert "${ROOT_CERT_PATH}" --private-key "${PRIVATE_KEY_PATH}" "${EXTENSION_NAME}.safariextension"
+
+# Remove unpacked extension
+if [ -f "${PRIVATE_KEY_PATH}" ]; then rm -rf "${EXTENSION_NAME}.safariextension"; fi
+
+echo "Done."

src/Info.plist

@@ -0,0 +1,74 @@
+<?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>0.0</string>
+	<key>CFBundleVersion</key>
+	<string>0</string>
+	<key>Content</key>
+	<dict>
+		<key>Scripts</key>
+		<dict>
+			<key>End</key>
+			<array>
+				<string>scripts/main.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>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.com</string>
+				<string>*.amazon.fr</string>
+				<string>*.amazon.de</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>metacafe.com</string>
+				<string>*.openload.co</string>
+				<string>openload.co</string>
+				<string>*.vevo.com</string>
+				<string>vevo.com</string>
+				<string>*.collegehumor.com</string>
+				<string>collegehumor.com</string>
+				<string>vid.me</string>
+				<string>*.vid.me</string>
+			</array>
+			<key>Include Secure Pages</key>
+			<true/>
+			<key>Level</key>
+			<string>Some</string>
+		</dict>
+	</dict>
+</dict>
+</plist>

src/scripts/externs.js

@@ -0,0 +1,14 @@
+/** @const */
+var safari = {};
+
+/** @const */
+safari.extension = {};
+
+/** @type {string} */
+safari.extension.baseURI;
+
+/** @type {string} */
+HTMLVideoElement.prototype.webkitPresentationMode;
+
+/** @return {undefined} */
+HTMLVideoElement.prototype.webkitSetPresentationMode = function(mode) {}