Extract script tags to renderer.js file
authorKevin Sawicki <kevinsawicki@gmail.com>
Mon, 24 Apr 2017 18:54:05 +0000 (11:54 -0700)
committerKevin Sawicki <kevinsawicki@gmail.com>
Tue, 25 Apr 2017 15:27:57 +0000 (08:27 -0700)
default_app/index.html
default_app/renderer.js [new file with mode: 0644]
filenames.gypi

index 86100e19dd84880d9e7d62c32bdf4c9aa2cf17c2..41b5396360db11771ee81fbbe906ecb39531c060 100644 (file)
   </style>
 </head>
 <body>
-  <script>
-    const {remote, shell} = require('electron');
-
-    const execPath = remote.process.execPath;
-    const command = execPath + ' path-to-your-app';
-
-    document.onclick = function(e) {
-      e.preventDefault();
-      if (e.target.tagName == 'A')
-        shell.openExternal(e.target.href);
-      return false;
-    };
-    document.ondragover = document.ondrop = function(e) {
-      e.preventDefault();
-      return false;
-    };
-  </script>
-
   <div class="header">
     <svg class="header-icon" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
       <g stroke="none" fill="none" fill-rule="evenodd">
   </div>
 
   <script>
-    const holder = document.getElementById('holder');
-    holder.ondragover = function () {
-      this.className = 'hover';
-      return false;
-    };
-    holder.ondragleave = holder.ondragend = function () {
-      this.className = '';
-      return false;
-    };
-    holder.ondrop = function (e) {
-      this.className = '';
-      e.preventDefault();
-
-      const file = e.dataTransfer.files[0];
-      require('child_process').execFile(execPath, [file.path], {
-        detached: true, stdio: 'ignore'
-      }).unref();
-      return false;
-    };
-
-    const version = process.versions.electron;
-    document.querySelector('.header-version').innerText = version;
-    document.querySelector('.command-example').innerText = command;
-    document.querySelector('.quick-start-link').href = `https://github.com/electron/electron/blob/v${version}/docs/tutorial/quick-start.md`;
-    document.querySelector('.docs-link').href = `https://github.com/electron/electron/tree/v${version}/docs#readme`;
+    require('./renderer')
   </script>
 </body>
 </html>
diff --git a/default_app/renderer.js b/default_app/renderer.js
new file mode 100644 (file)
index 0000000..6196195
--- /dev/null
@@ -0,0 +1,45 @@
+const {remote, shell} = require('electron')
+const {execFile} = require('child_process')
+
+const {execPath} = remote.process
+
+document.onclick = function (e) {
+  e.preventDefault()
+  if (e.target.tagName === 'A') {
+    shell.openExternal(e.target.href)
+  }
+  return false
+}
+
+document.ondragover = document.ondrop = function (e) {
+  e.preventDefault()
+  return false
+}
+
+const holder = document.getElementById('holder')
+holder.ondragover = function () {
+  this.className = 'hover'
+  return false
+}
+
+holder.ondragleave = holder.ondragend = function () {
+  this.className = ''
+  return false
+}
+
+holder.ondrop = function (e) {
+  this.className = ''
+  e.preventDefault()
+
+  const file = e.dataTransfer.files[0]
+  execFile(execPath, [file.path], {
+    detached: true, stdio: 'ignore'
+  }).unref()
+  return false
+}
+
+const version = process.versions.electron
+document.querySelector('.header-version').innerText = version
+document.querySelector('.command-example').innerText = `${execPath} path-to-your-app`
+document.querySelector('.quick-start-link').href = `https://github.com/electron/electron/blob/v${version}/docs/tutorial/quick-start.md`
+document.querySelector('.docs-link').href = `https://github.com/electron/electron/tree/v${version}/docs#readme`
index 8f14b298837bac45f853718137c646f33bd4b124..6107ab956e60b1c6114775321c4905665f314788 100644 (file)
@@ -89,6 +89,7 @@
       'default_app/index.html',
       'default_app/main.js',
       'default_app/package.json',
+      'default_app/renderer.js',
     ],
     'lib_sources': [
       'atom/app/atom_content_client.cc',