Get EXIF tags to render process
This commit is contained in:
Timothy Warren
parent
eb536063db
commit
1243bd3f5e
67
src/electron/app.js
Normal file
67
src/electron/app.js
Normal file
@ -0,0 +1,67 @@
|
||||
const {app, BrowserWindow} = require('electron');
|
||||
const log = require('electron-log');
|
||||
const path = require('path');
|
||||
const url = require('url');
|
||||
|
||||
log.transports.file.level = false;
|
||||
log.transports.console.level = 'info';
|
||||
|
||||
// Keep a global reference of the window object, if you don't, the window will
|
||||
// be closed automatically when the JavaScript object is garbage collected.
|
||||
let mainWindow;
|
||||
|
||||
const createWindow = () => {
|
||||
// Create the browser window.
|
||||
mainWindow = new BrowserWindow({
|
||||
webPreferences: {
|
||||
contextIsolation: true,
|
||||
nodeIntegration: false,
|
||||
},
|
||||
});
|
||||
|
||||
// load the index.html of the app.
|
||||
const startUrl = process.env.ELECTRON_START_URL || url.format({
|
||||
pathname: path.join(__dirname, '/../../build/index.html'),
|
||||
protocol: 'file:',
|
||||
slashes: true,
|
||||
});
|
||||
mainWindow.loadURL(startUrl);
|
||||
// Open the DevTools.
|
||||
mainWindow.webContents.openDevTools({
|
||||
mode: 'bottom',
|
||||
});
|
||||
|
||||
// Emitted when the window is closed.
|
||||
mainWindow.on('closed', () => {
|
||||
// Dereference the window object, usually you would store windows
|
||||
// in an array if your app supports multi windows, this is the time
|
||||
// when you should delete the corresponding element.
|
||||
mainWindow = null;
|
||||
});
|
||||
};
|
||||
|
||||
// This method will be called when Electron has finished
|
||||
// initialization and is ready to create browser windows.
|
||||
// Some APIs can only be used after this event occurs.
|
||||
app.on('ready', createWindow);
|
||||
|
||||
app.on('browser-window-created', () => {
|
||||
log.info('New browser window created');
|
||||
});
|
||||
|
||||
// Quit when all windows are closed.
|
||||
app.on('window-all-closed', () => {
|
||||
// On OS X it is common for applications and their menu bar
|
||||
// to stay active until the user quits explicitly with Cmd + Q
|
||||
if (process.platform !== 'darwin') {
|
||||
app.quit();
|
||||
}
|
||||
});
|
||||
|
||||
app.on('activate', () => {
|
||||
// On OS X it's common to re-create a window in the app when the
|
||||
// dock icon is clicked and there are no other windows open.
|
||||
if (mainWindow === null) {
|
||||
createWindow();
|
||||
}
|
||||
});
|
||||
16
src/electron/exif-helpers.js
Normal file
16
src/electron/exif-helpers.js
Normal file
@ -0,0 +1,16 @@
|
||||
const {ExifTool} = require('exiftool-vendored');
|
||||
const exiftool = new ExifTool();
|
||||
|
||||
/**
|
||||
* Get the EXIF data from the specified image path
|
||||
*
|
||||
* @param {string} imgPath
|
||||
* @return {Promise<Tags>}
|
||||
*/
|
||||
function getExifTags (imgPath) {
|
||||
return exiftool.read(imgPath);
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
getExifTags,
|
||||
};
|
||||
@ -1,89 +1,8 @@
|
||||
const {app, BrowserWindow} = require('electron');
|
||||
const log = require('electron-log');
|
||||
|
||||
log.transports.file.level = false;
|
||||
log.transports.console.level = 'info';
|
||||
|
||||
const path = require('path');
|
||||
const url = require('url');
|
||||
|
||||
// eslint-disable-next-line
|
||||
const WebSocket = require('ws');
|
||||
|
||||
// eslint-disable-next-line
|
||||
global.eval = () => {};
|
||||
|
||||
// Keep a global reference of the window object, if you don't, the window will
|
||||
// be closed automatically when the JavaScript object is garbage collected.
|
||||
let mainWindow;
|
||||
// Do app initialization and event handling
|
||||
require('./app');
|
||||
|
||||
const createWindow = () => {
|
||||
// Create the browser window.
|
||||
mainWindow = new BrowserWindow({
|
||||
webPreferences: {
|
||||
contextIsolation: true,
|
||||
nodeIntegration: false,
|
||||
},
|
||||
});
|
||||
|
||||
// load the index.html of the app.
|
||||
const startUrl = process.env.ELECTRON_START_URL || url.format({
|
||||
pathname: path.join(__dirname, '/../../build/index.html'),
|
||||
protocol: 'file:',
|
||||
slashes: true,
|
||||
});
|
||||
mainWindow.loadURL(startUrl);
|
||||
// Open the DevTools.
|
||||
mainWindow.webContents.openDevTools({
|
||||
mode: 'bottom',
|
||||
});
|
||||
|
||||
// Emitted when the window is closed.
|
||||
mainWindow.on('closed', () => {
|
||||
// Dereference the window object, usually you would store windows
|
||||
// in an array if your app supports multi windows, this is the time
|
||||
// when you should delete the corresponding element.
|
||||
mainWindow = null;
|
||||
});
|
||||
};
|
||||
|
||||
// This method will be called when Electron has finished
|
||||
// initialization and is ready to create browser windows.
|
||||
// Some APIs can only be used after this event occurs.
|
||||
app.on('ready', createWindow);
|
||||
|
||||
app.on('browser-window-created', () => {
|
||||
log.info('New browser window created');
|
||||
});
|
||||
|
||||
// Quit when all windows are closed.
|
||||
app.on('window-all-closed', () => {
|
||||
// On OS X it is common for applications and their menu bar
|
||||
// to stay active until the user quits explicitly with Cmd + Q
|
||||
if (process.platform !== 'darwin') {
|
||||
app.quit();
|
||||
}
|
||||
});
|
||||
|
||||
app.on('activate', () => {
|
||||
// On OS X it's common to re-create a window in the app when the
|
||||
// dock icon is clicked and there are no other windows open.
|
||||
if (mainWindow === null) {
|
||||
createWindow();
|
||||
}
|
||||
});
|
||||
|
||||
const wss = new WebSocket.Server({
|
||||
perMessageDeflate: false,
|
||||
port: 65432,
|
||||
});
|
||||
wss.broadcast = (data) => {
|
||||
wss.clients.forEach(client => {
|
||||
if (client.readyState === WebSocket.OPEN) {
|
||||
client.send(data);
|
||||
}
|
||||
});
|
||||
};
|
||||
// In this file you can include the rest of your app's specific main process
|
||||
// code. You can also put them in separate files and require them here.
|
||||
require('./websocket-events')(wss);
|
||||
// Initialize websockets
|
||||
require('./websocket-events');
|
||||
|
||||
@ -1,33 +1,38 @@
|
||||
const {getExifTags} = require('./exif-helpers');
|
||||
/**
|
||||
* Websocket event handlers
|
||||
*/
|
||||
const {ExifTool} = require('exiftool-vendored');
|
||||
const {JSONMessage} = require('../helpers/web-socket');
|
||||
// eslint-disable-next-line
|
||||
const WebSocket = require('ws');
|
||||
|
||||
const exiftool = new ExifTool();
|
||||
const wss = new WebSocket.Server({
|
||||
perMessageDeflate: false,
|
||||
port: 65432,
|
||||
});
|
||||
|
||||
module.exports = (wss) => {
|
||||
wss.on('connection', ws => {
|
||||
ws.send(JSONMessage('server-log', 'Connected to client!'));
|
||||
ws.on('message', (...args) => {
|
||||
const [type, message] = JSON.parse(args);
|
||||
switch (type) {
|
||||
case 'dropped-files':
|
||||
const filemap = message.map(async file => {
|
||||
const tags = await getExifTags(file);
|
||||
// console.info('Parsed tags', JSON.stringify(tags));
|
||||
return JSON.parse(JSON.stringify(tags));
|
||||
});
|
||||
wss.broadcast(JSONMessage('parsed-exif-tags', filemap));
|
||||
break;
|
||||
|
||||
default:
|
||||
return ws.send(JSONMessage('server-log', [type, message]));
|
||||
}
|
||||
});
|
||||
wss.broadcast = (data) => {
|
||||
wss.clients.forEach(client => {
|
||||
if (client.readyState === WebSocket.OPEN) {
|
||||
client.send(data);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
async function getExifTags (imgPath) {
|
||||
await exiftool.read(imgPath);
|
||||
}
|
||||
wss.on('connection', ws => {
|
||||
ws.send(JSONMessage('server-log', 'Connected to client!'));
|
||||
ws.on('message', async (...args) => {
|
||||
const [type, message] = JSON.parse(args);
|
||||
switch (type) {
|
||||
case 'dropped-files':
|
||||
const filemap = await Promise.all(
|
||||
message.map(file => getExifTags(file))
|
||||
);
|
||||
wss.broadcast(JSONMessage('parsed-exif-tags', await filemap));
|
||||
break;
|
||||
|
||||
default:
|
||||
return ws.send(JSONMessage('server-log', [type, message]));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue
Block a user