Use ExtendEditorLogsComponent instead of webtaskWidget (#11)

* Use the develop version of extend-editor-logs

* Use prod release of extend-editor-logs

not `develop`

* Bump version

add repository to webtask.json

build/bundle.js

@@ -108,7 +108,7 @@ app.get('/meta', function (req, res) {
     res.json({
       "title": "Real-time Webtask Logs",
       "name": "auth0-extension-realtime-logs",
-      "version": "1.0.3",
+      "version": "1.3.0",
       "author": "Auth0, Inc",
       "description": "Access real-time webtask logs",
       "type": "application",
@@ -177,7 +177,8 @@ var logsTemplate = s(function () {/*
     <link rel="shortcut icon" href="https://cdn.auth0.com/styleguide/2.0.1/lib/logos/img/favicon.png" />
     <link rel="stylesheet" type="text/css" href="https://cdn.auth0.com/manage/v0.3.973/css/index.min.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.auth0.com/styleguide/3.1.6/index.css">
-    <script src="https://cdn.auth0.com/webtaskWidget/auth0-webtask-widget-2.0.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="https://cdn.auth0.com/webtask-editor/styles/1/wt-editor.min.css">
+    <script type="text/javascript" src="https://cdn.auth0.com/auth0-extend/components/1/extend-editor-logs.js"></script>
     <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
     <script type="text/javascript" src="https://fb.me/react-0.14.0.min.js"></script>
     <script type="text/javascript" src="https://fb.me/react-dom-0.14.0.js"></script>
@@ -193,7 +194,7 @@ var logsTemplate = s(function () {/*
           flex-direction: column;
           padding-bottom: 0;
         }
-        ​
+
         .header {
           flex: 0 0 100px;
         }
@@ -227,6 +228,10 @@ var logsTemplate = s(function () {/*
           border-radius: 3px;
           text-align: center;
         }
+
+        .wt-close {
+          display: none;
+        }
     </style>
     <script type="text/javascript">
       sessionStorage.setItem('token', '<%- a0Token %>');
@@ -284,12 +289,11 @@ var logsTemplate = s(function () {/*
     <div class="message"><div>Press ESC to exit full screen mode</div></div>
     <div id="widget_container" class="logs"></div>
     <script>
-    	var logs = webtaskWidget.showLogs({
-			mount: document.getElementById('widget_container'),
-			url: '<%- webtaskAPIUrl %>',
-			token: '<%- token %>',
-			container: '<%- container %>'
-    	});
+      ExtendEditorLogsComponent.show(document.getElementById('widget_container'), {
+        token: '<%- token %>',
+        hostUrl: '<%- webtaskAPIUrl %>',
+        theme: 'dark'
+      });
 
       $('.js-full-screen').on('click', function () {
         $('.dashboard-header').hide();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "auth0-extension-realtime-logs",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Access real-time webtask logs",
   "scripts": {
     "deploy": "wt create ./build/bundle.js --name logs --no-parse --no-merge"

webtask.json

@@ -1,10 +1,11 @@
 {
   "title": "Real-time Webtask Logs",
   "name": "auth0-extension-realtime-logs",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "author": "Auth0, Inc",
   "description": "Access real-time webtask logs",
   "type": "application",
+  "repository": "https://github.com/auth0/auth0-extension-realtime-logs",
   "keywords": [
     "auth0",
     "extension",