add sample

7 years ago · 7141780e89
parent ef50e98c25
commit 7141780e89
2 changed files with 81 additions and 0 deletions
--- a/test-browser/plugin/index.html
+++ b/test-browser/plugin/index.html
@ -0,0 +1,46 @@
+<!DOCTYPE html>
+
+<html>
+	<head>
+		<meta charset="utf-8">
+		<!--
+		The MIT License (MIT)
+
+		Copyright (c) 2014, 2015, the individual contributors
+
+		Permission is hereby granted, free of charge, to any person obtaining a copy
+		of this software and associated documentation files (the "Software"), to deal
+		in the Software without restriction, including without limitation the rights
+		to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+		copies of the Software, and to permit persons to whom the Software is
+		furnished to do so, subject to the following conditions:
+
+		The above copyright notice and this permission notice shall be included in
+		all copies or substantial portions of the Software.
+
+		THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+		IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+		FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+		AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+		LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+		OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+		THE SOFTWARE.
+		-->
+		<meta http-equiv="X-UA-Compatible" content="chrome=1">
+		<title></title>
+		<link rel="stylesheet" href="assets/css/pygment_trac.css">
+		<link rel="stylesheet" href="assets/css/font-awesome.min.css">
+		<script type="text/javascript" src="remix.js"></script>
+		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+	</head>
+	<body>
+		<div>PLUGIN</div>
+		<input type="text" id="filename"></input> 
+		<input type="text" id="valuetosend"></input> <br>
+		<input type="button" id="testmessageadd">add config</input> <br>
+		<input type="button" id="testmessageremove">remove config</input> <br>
+		<input type="button" id="testmessagerget">get config</input> <br>
+		<br>
+		<div id='compilationdata'></div>
+	</body>
+</html>
--- a/test-browser/plugin/remix.js
+++ b/test-browser/plugin/remix.js
@ -0,0 +1,35 @@
+
+
+function receiveMessage (event) {
+  console.log('receiveMessage', event.data, event.source, event.origin)
+  document.getElementById('compilationdata').innerHTML += event.data + '<br>'
+}
+window.addEventListener('message', receiveMessage, false)
+
+window.onload = function () {
+  document.querySelector('input#testmessageadd').addEventListener('click', function () {
+    window.parent.postMessage(JSON.stringify({
+      type: 'setConfig',
+      arguments: [document.getElementById('filename').value, document.getElementById('valuetosend').value],
+      id: 34
+    }), 'http://127.0.0.1:8080')
+  })
+
+  document.querySelector('input#testmessageremove').addEventListener('click', function () {
+    window.parent.postMessage(JSON.stringify({
+      type: 'removeConfig',
+      arguments: [document.getElementById('filename').value],
+      id: 35
+    }), 'http://127.0.0.1:8080')
+  })
+
+  document.querySelector('input#testmessagerget').addEventListener('click', function () {
+    window.parent.postMessage(JSON.stringify({
+      type: 'getConfig',
+      arguments: [document.getElementById('filename').value],
+      id: 36
+    }), 'http://127.0.0.1:8080')
+  })
+}
+
+