working with menu

Author: pietrop

.gitignore

@@ -1,4 +1,4 @@
-dist
+dist/
 node_modules/
 publish.sh
 todo.md

Makefile

@@ -34,5 +34,5 @@ build_prod:
 	./node_modules/webpack/bin/webpack.js -p
 
 	# cp -r lib/ electron/
-	cp lib/main.js electron/main.js
-	cp lib/renderer.js electron/render.js
+	cp -r lib/main.js electron/main.js
+	cp -r lib/renderer.js electron/render.js

README.md

@@ -1,4 +1,8 @@
-## oTranscribe
+## oTranscribe-electron
+
+Modified version to run inside electron as a desktop app to enable text to audio/video auto alignement to create captions(srt) files.
+
+----
 
 **[oTranscribe](http://oTranscribe.com/)** is a free web app designed to take the pain out of transcribing recorded interviews.
 

lib/main.js

@@ -1,8 +1,10 @@
-const electron = require('electron')
+// const electron = require('electron')
+const {app, BrowserWindow, dialog, shell, Menu} = require('electron');
 // Module to control application life.
-const app = electron.app
+// const app = electron.app
 // Module to create native browser window.
-const BrowserWindow = electron.BrowserWindow
+// const BrowserWindow = electron.BrowserWindow
+// const Menu = require('electron').Menu
 
 const path = require('path')
 const url = require('url')
@@ -22,6 +24,65 @@ function createWindow () {
     slashes: true
   }))
 
+ // MENU
+ // Create the Application's main menu
+    var template = [{
+        label: "Application",
+        submenu: [
+            { label: "About Application", selector: "orderFrontStandardAboutPanel:" },
+            { type: "separator" },
+            { label: "Quit", accelerator: "Command+Q", click: function() { app.quit(); }}
+        ]}, {
+        label: "Edit",
+        submenu: [
+            { label: "Undo", accelerator: "CmdOrCtrl+Z", selector: "undo:" },
+            { label: "Redo", accelerator: "Shift+CmdOrCtrl+Z", selector: "redo:" },
+            { type: "separator" },
+            { label: "Cut", accelerator: "CmdOrCtrl+X", selector: "cut:" },
+            { label: "Copy", accelerator: "CmdOrCtrl+C", selector: "copy:" },
+            { label: "Paste", accelerator: "CmdOrCtrl+V", selector: "paste:" },
+            {role: 'pasteandmatchstyle'},
+            {role: 'delete'},
+            { label: "Select All", accelerator: "CmdOrCtrl+A", selector: "selectAll:" },
+            {type: 'separator'},
+            {label: 'Speech',
+              submenu: [
+                {role: 'startspeaking'}, //perhaps add keyboard shortcut?
+                {role: 'stopspeaking'} //perhaps add keyboard shortcut?
+              ]}
+        ]},{
+        label: 'View',
+        submenu: [
+          {role: 'reload'},
+          {role: 'forcereload'},
+          {role: 'toggledevtools', accelerator: "CmdOrCtrl+Alt+I"},
+          {type: 'separator'},
+          {role: 'resetzoom'},
+          {role: 'zoomin'},
+          {role: 'zoomout'},
+          {type: 'separator'},
+          {role: 'togglefullscreen'}
+        ]},{
+        role: 'window',
+        submenu: [
+          {role: 'minimize'},
+          {role: 'close'}
+        ]},{
+        role: 'help',
+        submenu: [
+          {
+            label: 'Project Page',
+            click () { require('electron').shell.openExternal('https://github.com/OpenNewsLabs/oTranscribe-electron') }
+          },
+          {
+            label: 'User Manual',
+            click () { require('electron').shell.openExternal('https://github.com/OpenNewsLabs/oTranscribe-electron') }
+          }
+        ]}
+    ];
+
+    Menu.setApplicationMenu(Menu.buildFromTemplate(template));
+
   // Open the DevTools.
   // mainWindow.webContents.openDevTools()
 
@@ -34,6 +95,10 @@ function createWindow () {
   })
 }
 
+
+
+
+
 // 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.
@@ -58,3 +123,6 @@ app.on('activate', function () {
 
 // 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.
+// 
+// 
+

npm-debug.log

@@ -5,8 +5,38 @@
   "scripts": {
     "postinstall": "cd ./node_modules/jakecache/ && npm install && node ./scripts/build.js && cd ../..",
     "build": "make build_prod",
+    "pack:mac": "npm run build && build --dir --mac --x64",
+    "build:mac": "npm run build && build --mac --x64",
     "start": "electron ."
   },
+  "build": {
+    "appId": "org.otranscribe.otranscribe-electron",
+ 
+    "dmg": {
+      "contents": [
+        {
+          "x": 110,
+          "y": 150
+        },
+        {
+          "x": 240,
+          "y": 150,
+          "type": "link",
+          "path": "/Applications"
+        }
+      ]
+    },
+    "linux": {
+      "target": [
+        "AppImage",
+        "deb"
+      ]
+    },
+    "win": {
+      "target": "squirrel",
+      "icon": "build/icon.ico"
+    }
+  },
   "devDependencies": {
     "babel-core": "^6.24.1",
     "babel-eslint": "^4.1.3",
@@ -17,6 +47,7 @@
     "chai": "^3.5.0",
     "copy-webpack-plugin": "^3.0.1",
     "css-loader": "^0.23.1",
+    "electron-builder": "^19.16.2",
     "eslint": "^1.7.3",
     "extract-text-webpack-plugin": "^2.0.0-beta.4",
     "html-loader": "^0.4.3",