Vine: use the Desktop site and restore autoplay

vine.co seems to have gotten its act together vis-a-vis desktop browsers
autoplay-disabler can still be user via Shortcuts menu

Author: kfix

sites/MacPin/app.js

@@ -40,15 +40,6 @@ delegate.handleDragAndDroppedURLs = function(urls) {
 	return ret;
 };
 
-delegate.injectTab = function(script, init) {
-	if ($.browser.tabSelected.postinject(script)) {
-		$.browser.tabSelected.evalJS('window.location.reload(false);'); // must reload page after injection
-		if (init) $.browser.tabSelected.asyncEvalJS(init, 2);
-	} else { // script is already injected, so just init it again
-		if (init) $.browser.tabSelected.evalJS(init);
-	}
-};
-
 delegate.setAgent = function(agent) { $.browser.tabSelected.userAgent = agent; };
 delegate.testAS = function() { $.app.callJXALibrary('test', 'doTest', Array.prototype.slice.call(arguments)); };
 
@@ -111,6 +102,7 @@ delegate.closeREPL = function(tab, msg) {
 	tab.close();
 };
 
+$.app.loadAppScript(`file://${$.app.resourcePath}/app_injectTab.js`);
 $.app.loadAppScript(`file://${$.app.resourcePath}/app_repl.js`);
 
 delegate; //return this to macpin

sites/Vine/app.js

@@ -5,12 +5,11 @@
 var delegate = {}; // our delegate to receive events from the webview app
 
 delegate.AppFinishedLaunching = function() {
-	$.browser.tabSelected = new $.WebView({
-		url: "http://vine.co",
-		preinject: ['unpreloader'], // this prevents buffering every video in a feed. If you have a fast Mac and Internet, comment out this line
-		postinject: ['styler'],
-		agent: "Mozilla/5.0 (iPhone; CPU iPhone OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12B411" // mobile version doesnt autoplay on mouseover
-	});
+	$.browser.addShortcut('stop tab from preloading videos', ['injectTab', 'unpreloader', "preinject please kthx"]);
+	// ^ https://hoyois.github.io/safariextensions/universalextension/#html5_blocker
+	$.browser.tabSelected = new $.WebView({ url: "http://vine.co" });
 };
 
+$.app.loadAppScript(`file://${$.app.resourcePath}/app_injectTab.js`);
+
 delegate; //return this to macpin

sites/Vine/styler.js

@@ -0,0 +1,8 @@
+delegate.injectTab = function(script, init, pre) {
+	if (pre ? $.browser.tabSelected.preinject(script) : $.browser.tabSelected.postinject(script)) {
+		$.browser.tabSelected.evalJS('window.location.reload(false);'); // must reload page after injection
+		if (init) $.browser.tabSelected.asyncEvalJS(init, 2);
+	} else { // script is already injected, so just init it again
+		if (init) $.browser.tabSelected.evalJS(init);
+	}
+};