Make it work on version 1.0.0

.editorconfig

@@ -0,0 +1,7 @@
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

Makefile

@@ -10,7 +10,7 @@ help:
 dist-chrome: ## makes a development mode plugin for chrome
 	mkdir -p dist/chrome
 	cp chrome/manifest.json dist/chrome
-	cp -R lib/* dist/chrome
+	cp -R chrome/lib/* dist/chrome/lib
 	zip dist/chrome.zip dist/chrome
 
 dist: dist-chrome

README.md

@@ -1,4 +1,4 @@
-# Nuketube: Remove distractions from youtube
+# 💥 Nuketube: Remove distractions from youtube
 
 Browser extensions to remove all the elements from a youtube video page but the video.
 

chrome/lib/background.js

@@ -0,0 +1,20 @@
+/*
+ * 💥 Nuketube main script
+ * Copyright 2018 @ guicheffer.me
+ *
+ * Plugin for chrome/firefox which removes all the elements from the page and let only the youtube video tag plays
+ *
+*/
+
+const urlRegex = /^https?:\/\/(?:[^./?#]+\.)?youtube\.com/
+const initialize = (domContent) => {
+  console.log(`I received the following DOM content:\n ${domContent}`)
+}
+
+chrome.browserAction.onClicked.addListener((tab) => {
+  if (urlRegex.test(tab.url)) {
+    chrome.tabs.executeScript({
+      file: './lib/content.js'
+    }) ;
+  }
+})

chrome/lib/content.js

@@ -0,0 +1,55 @@
+/*
+ * 💥 Nuketube content script
+ * Copyright 2018 @ guicheffer.me
+ *
+ * Plugin for chrome/firefox which removes all the elements from the page and let only the youtube video tag plays
+ *
+*/
+
+// Adds query values into a global "getQueryStrings" variable
+if (!window.getQueryStrings) {
+	window.getQueryStrings = () => {
+		const itself = {}
+		const fullQs = window.location.search.substring(1)
+		const params = fullQs.split('&')
+
+		for (let i=0; i<params.length; i++) {
+			const pair = params[i].split('=')
+
+			if (typeof itself[pair[0]] === 'undefined') {
+				itself[pair[0]] = pair[1]
+			} else if (typeof itself[pair[0]] === 'string') {
+				const arr = [ itself[pair[0]], pair[1] ]
+				itself[pair[0]] = arr
+			} else {
+				itself[pair[0]].push(pair[1])
+			}
+		}
+
+		return itself
+	}
+}
+
+(() => {
+	const queryStrings = getQueryStrings()
+
+	if (!queryStrings.v || typeof queryStrings.v === 'undefined') return window.alert('💥 No youtube video found! 😭')
+
+	const isThereAFullScreenAlready = document.querySelector('#iframe-video-nuketube')
+	if (isThereAFullScreenAlready) return window.location.reload()
+
+	const bodyElement = document.querySelector('body')
+	const iframeStyleInline = 'position: absolute;'
+	bodyElement.innerHTML = ''
+
+	const cloneVideoElement = document.createElement( 'div' )
+	cloneVideoElement.innerHTML = `
+		<iframe id="iframe-video-nuketube" width="100%" height="100%"
+			src="https://www.youtube.com/embed/${queryStrings.v}?autoplay=1"
+			style="${iframeStyleInline}"
+			frameborder="0" allowfullscreen autoplay>
+		</iframe>
+	`
+
+	bodyElement.appendChild(cloneVideoElement)
+})()

chrome/manifest.json

@@ -2,26 +2,24 @@
 	"manifest_version": 2,
 
 	"name": "Nuketube",
-	"description": "Plugin for chrome which removes all the elements from the page and let only the youtube video tag plays — Edit",
-	"version": "0.0.1",
+	"description": "Plugin for chrome which removes all the elements from the page and let only the youtube video tag plays",
+	"version": "1.0.0",
 
 	"background": {
-		"scripts": ["background.js"]
+		"persistent": false,
+		"scripts": ["./lib/background.js"]
 	},
 
-	"icons": {
-		"16" : "icon.png",
-		"48" : "icon.png",
-		"128" : "icon.png"
+	"browser_action": {
+		"default_icon": "./images/icon.png",
+    	"default_title": "👉🏼 Click here to let only the youtube video plays!"
 	},
 
-	"browser_action": {
-		"default_icon": "icon.png",
-    	"default_title": "Click here to let only the video plays!"
+	"icons": {
+		"16" : "./images/icon.png",
+		"48" : "./images/icon.png",
+		"128" : "./images/icon.png"
 	},
 
-	"permissions": [
-		"activeTab",
-		"https://www.youtube.com/*"
-	]
+	"permissions": ["activeTab", "https://www.youtube.com/*"]
 }