mirrors/electron
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions 1

Extract script tags to renderer.js file

Browse source
This commit is contained in:
Kevin Sawicki 2017-04-24 11:54:05 -07:00
parent 7881376aff
commit ca5a8b6166
3 changed files with 47 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

44
default_app/index.html
View file

@ -113,24 +113,6 @@
</style> </style>
</head> </head>
<body> <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"> <div class="header">
<svg class="header-icon" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <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"> <g stroke="none" fill="none" fill-rule="evenodd">
@ -185,31 +167,7 @@
</div> </div>
<script> <script>
const holder = document.getElementById('holder'); require('./renderer')
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`;
</script> </script>
</body> </body>
</html> </html>

45
default_app/renderer.js Normal file
View file

@ -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`

1
filenames.gypi
View file

@ -89,6 +89,7 @@
'default_app/index.html', 'default_app/index.html',
'default_app/main.js', 'default_app/main.js',
'default_app/package.json', 'default_app/package.json',
'default_app/renderer.js',
], ],
'lib_sources': [ 'lib_sources': [
'atom/app/atom_content_client.cc', 'atom/app/atom_content_client.cc',