From: Youngsoo Choi <kenshin.choi@samsung.com>
Date: Wed, 20 Sep 2017 01:59:00 +0000 (+0900)
Subject: [WRT] Add chrome extension sample
X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=803383bea1237337a85837609701b04e2d3361d4;p=platform%2Fframework%2Fweb%2Fcrosswalk-tizen.git

[WRT] Add chrome extension sample

This adds chrome extension sample for reference.

The extension has chrome extension style manifest.json that specifies
name, background, and contentscript.

It alerts popup when click event is emitted on web app.
Also, contentscript and background communicate each other via IPC
that can be checked by inspector console.

Change-Id: I92921b05fe07f9b0bb8e88d14d26e1bc3a59af6e
Signed-off-by: Youngsoo Choi <kenshin.choi@samsung.com>
---

diff --git a/wrt/wrt_support/extensions_repo/chrome_extension_sample/background.js b/wrt/wrt_support/extensions_repo/chrome_extension_sample/background.js
new file mode 100755
index 000000000..fdc3e97bf
--- /dev/null
+++ b/wrt/wrt_support/extensions_repo/chrome_extension_sample/background.js
@@ -0,0 +1,9 @@
+chrome.runtime.onConnect.addListener(function(port) {
+  console.assert(port.name == "contentscript");
+  port.onMessage.addListener(function(msg) {
+    if (msg.contentscript == "Hello background!") {
+      console.log('from contentscript : ' + msg.contentscript);
+      port.postMessage({background: "Hello contentscript!"});
+    }
+  });
+});
diff --git a/wrt/wrt_support/extensions_repo/chrome_extension_sample/contentscript.js b/wrt/wrt_support/extensions_repo/chrome_extension_sample/contentscript.js
new file mode 100755
index 000000000..d06077835
--- /dev/null
+++ b/wrt/wrt_support/extensions_repo/chrome_extension_sample/contentscript.js
@@ -0,0 +1,16 @@
+var port = chrome.runtime.connect({name: "contentscript"});
+port.postMessage({contentscript: "Hello background!"});
+port.onMessage.addListener(function(msg) {
+  if (msg.background == "Hello contentscript!") {
+    console.log('from background : ' + msg.background);
+  }
+});
+
+var items = document.getElementsByTagName("*");
+for (var i = 0; i < items.length; i++) {
+  items[i].addEventListener("click", function(e) {
+    e.stopPropagation();
+    alert('hello world!');
+  });
+}
+
diff --git a/wrt/wrt_support/extensions_repo/chrome_extension_sample/manifest.json b/wrt/wrt_support/extensions_repo/chrome_extension_sample/manifest.json
new file mode 100755
index 000000000..5768145f7
--- /dev/null
+++ b/wrt/wrt_support/extensions_repo/chrome_extension_sample/manifest.json
@@ -0,0 +1,21 @@
+{
+  "name": "chrome_extension_sample",
+  "description": "Alert",
+  "version": "2.0",
+  "background": {
+    "scripts": ["background.js"],
+    "persistent": false
+  },
+  "content_scripts": [
+    {
+      "matches": [
+        "<all_urls>"
+      ],
+      "js": ["contentscript.js"]
+    }
+  ],
+  "browser_action": {
+    "default_title": "Alert"
+  },
+  "manifest_version": 2
+}