├── .babelrc ├── .editorconfig ├── .electron-vue ├── build.js ├── dev-client.js ├── dev-runner.js ├── webpack.main.config.js ├── webpack.renderer.config.js └── webpack.web.config.js ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .travis.yml ├── README.md ├── appveyor.yml ├── build └── icons │ └── app-icon.icns ├── dist ├── electron │ └── .gitkeep └── web │ └── .gitkeep ├── package.json ├── screen_shots └── ffedit_crop.jpg ├── src ├── index.ejs ├── main │ ├── index.dev.js │ ├── index.js │ └── ui │ │ └── menu.js └── renderer │ ├── App.vue │ ├── assets │ ├── .gitkeep │ └── fonts │ │ └── icomoon │ │ ├── icomoon.svg │ │ ├── icomoon.ttf │ │ ├── icomoon.woff │ │ └── index.scss │ ├── components │ ├── BoundsEditor.vue │ ├── MainProcessor.vue │ ├── ProcessorStatus.vue │ ├── ProcessorToolbar.vue │ ├── TrimEditor.vue │ ├── VideoEditor.vue │ ├── VideoList.vue │ └── VideoOutput.vue │ ├── main.js │ ├── router │ └── index.js │ ├── store │ ├── index.js │ └── modules │ │ ├── Counter.js │ │ └── index.js │ └── utils │ ├── math.js │ ├── resource.js │ ├── string.js │ └── video.js ├── static └── .gitkeep └── yarn.lock /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "comments": false, 3 | "env": { 4 | "main": { 5 | "presets": [ 6 | [ 7 | "@babel/preset-env", 8 | { 9 | "targets": { 10 | "node": 7 11 | } 12 | } 13 | ] 14 | ] 15 | }, 16 | "renderer": { 17 | "presets": [ 18 | [ 19 | "@babel/preset-env", 20 | { 21 | "modules": false 22 | } 23 | ] 24 | ] 25 | } 26 | }, 27 | "plugins": [ 28 | "@babel/plugin-transform-runtime", 29 | "@babel/plugin-syntax-dynamic-import", 30 | "@babel/plugin-proposal-class-properties" 31 | ] 32 | } 33 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | end_of_line = lf 6 | charset = utf-8 7 | trim_trailing_whitespace = true 8 | insert_final_newline = true 9 | indent_style = space 10 | indent_size = 2 11 | 12 | [*.md] 13 | indent_style = tab 14 | indent_size = 4 15 | trim_trailing_whitespace = false 16 | -------------------------------------------------------------------------------- /.electron-vue/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | process.env.NODE_ENV = 'production' 4 | 5 | const { say } = require('cfonts') 6 | const chalk = require('chalk') 7 | const del = require('del') 8 | const { spawn } = require('child_process') 9 | const webpack = require('webpack') 10 | const Multispinner = require('multispinner') 11 | 12 | 13 | const mainConfig = require('./webpack.main.config') 14 | const rendererConfig = require('./webpack.renderer.config') 15 | const webConfig = require('./webpack.web.config') 16 | 17 | const doneLog = chalk.bgGreen.white(' DONE ') + ' ' 18 | const errorLog = chalk.bgRed.white(' ERROR ') + ' ' 19 | const okayLog = chalk.bgBlue.white(' OKAY ') + ' ' 20 | const isCI = process.env.CI || false 21 | 22 | if (process.env.BUILD_TARGET === 'clean') clean() 23 | else if (process.env.BUILD_TARGET === 'web') web() 24 | else build() 25 | 26 | function clean () { 27 | del.sync(['build/*', '!build/icons', '!build/icons/icon.*']) 28 | console.log(`\n${doneLog}\n`) 29 | process.exit() 30 | } 31 | 32 | function build () { 33 | greeting() 34 | 35 | del.sync(['dist/electron/*', '!.gitkeep']) 36 | 37 | const tasks = ['main', 'renderer'] 38 | const m = new Multispinner(tasks, { 39 | preText: 'building', 40 | postText: 'process' 41 | }) 42 | 43 | let results = '' 44 | 45 | m.on('success', () => { 46 | process.stdout.write('\x1B[2J\x1B[0f') 47 | console.log(`\n\n${results}`) 48 | console.log(`${okayLog}take it away ${chalk.yellow('`electron-builder`')}\n`) 49 | process.exit() 50 | }) 51 | 52 | pack(mainConfig).then(result => { 53 | results += result + '\n\n' 54 | m.success('main') 55 | }).catch(err => { 56 | m.error('main') 57 | console.log(`\n ${errorLog}failed to build main process`) 58 | console.error(`\n${err}\n`) 59 | process.exit(1) 60 | }) 61 | 62 | pack(rendererConfig).then(result => { 63 | results += result + '\n\n' 64 | m.success('renderer') 65 | }).catch(err => { 66 | m.error('renderer') 67 | console.log(`\n ${errorLog}failed to build renderer process`) 68 | console.error(`\n${err}\n`) 69 | process.exit(1) 70 | }) 71 | } 72 | 73 | function pack (config) { 74 | return new Promise((resolve, reject) => { 75 | config.mode = 'production' 76 | webpack(config, (err, stats) => { 77 | if (err) reject(err.stack || err) 78 | else if (stats.hasErrors()) { 79 | let err = '' 80 | 81 | stats.toString({ 82 | chunks: false, 83 | colors: true 84 | }) 85 | .split(/\r?\n/) 86 | .forEach(line => { 87 | err += ` ${line}\n` 88 | }) 89 | 90 | reject(err) 91 | } else { 92 | resolve(stats.toString({ 93 | chunks: false, 94 | colors: true 95 | })) 96 | } 97 | }) 98 | }) 99 | } 100 | 101 | function web () { 102 | del.sync(['dist/web/*', '!.gitkeep']) 103 | webConfig.mode = 'production' 104 | webpack(webConfig, (err, stats) => { 105 | if (err || stats.hasErrors()) console.log(err) 106 | 107 | console.log(stats.toString({ 108 | chunks: false, 109 | colors: true 110 | })) 111 | 112 | process.exit() 113 | }) 114 | } 115 | 116 | function greeting () { 117 | const cols = process.stdout.columns 118 | let text = '' 119 | 120 | if (cols > 85) text = 'lets-build' 121 | else if (cols > 60) text = 'lets-|build' 122 | else text = false 123 | 124 | if (text && !isCI) { 125 | say(text, { 126 | colors: ['yellow'], 127 | font: 'simple3d', 128 | space: false 129 | }) 130 | } else console.log(chalk.yellow.bold('\n lets-build')) 131 | console.log() 132 | } -------------------------------------------------------------------------------- /.electron-vue/dev-client.js: -------------------------------------------------------------------------------- 1 | const hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') 2 | 3 | hotClient.subscribe(event => { 4 | /** 5 | * Reload browser when HTMLWebpackPlugin emits a new index.html 6 | * 7 | * Currently disabled until jantimon/html-webpack-plugin#680 is resolved. 8 | * https://github.com/SimulatedGREG/electron-vue/issues/437 9 | * https://github.com/jantimon/html-webpack-plugin/issues/680 10 | */ 11 | // if (event.action === 'reload') { 12 | // window.location.reload() 13 | // } 14 | 15 | /** 16 | * Notify `mainWindow` when `main` process is compiling, 17 | * giving notice for an expected reload of the `electron` process 18 | */ 19 | if (event.action === 'compiling') { 20 | document.body.innerHTML += ` 21 | 34 | 35 |
36 | Compiling Main Process... 37 |
38 | ` 39 | } 40 | }) 41 | -------------------------------------------------------------------------------- /.electron-vue/dev-runner.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | const chalk = require('chalk') 4 | const electron = require('electron') 5 | const path = require('path') 6 | const { say } = require('cfonts') 7 | const { spawn } = require('child_process') 8 | const webpack = require('webpack') 9 | const WebpackDevServer = require('webpack-dev-server') 10 | const webpackHotMiddleware = require('webpack-hot-middleware') 11 | 12 | const mainConfig = require('./webpack.main.config') 13 | const rendererConfig = require('./webpack.renderer.config') 14 | 15 | let electronProcess = null 16 | let manualRestart = false 17 | let hotMiddleware 18 | 19 | function logStats (proc, data) { 20 | let log = '' 21 | 22 | log += chalk.yellow.bold(`┏ ${proc} Process ${new Array((19 - proc.length) + 1).join('-')}`) 23 | log += '\n\n' 24 | 25 | if (typeof data === 'object') { 26 | data.toString({ 27 | colors: true, 28 | chunks: false 29 | }).split(/\r?\n/).forEach(line => { 30 | log += ' ' + line + '\n' 31 | }) 32 | } else { 33 | log += ` ${data}\n` 34 | } 35 | 36 | log += '\n' + chalk.yellow.bold(`┗ ${new Array(28 + 1).join('-')}`) + '\n' 37 | 38 | console.log(log) 39 | } 40 | 41 | function startRenderer () { 42 | return new Promise((resolve, reject) => { 43 | rendererConfig.entry.renderer = [path.join(__dirname, 'dev-client')].concat(rendererConfig.entry.renderer) 44 | rendererConfig.mode = 'development' 45 | const compiler = webpack(rendererConfig) 46 | hotMiddleware = webpackHotMiddleware(compiler, { 47 | log: false, 48 | heartbeat: 2500 49 | }) 50 | 51 | compiler.hooks.compilation.tap('compilation', compilation => { 52 | compilation.hooks.htmlWebpackPluginAfterEmit.tapAsync('html-webpack-plugin-after-emit', (data, cb) => { 53 | hotMiddleware.publish({ action: 'reload' }) 54 | cb() 55 | }) 56 | }) 57 | 58 | compiler.hooks.done.tap('done', stats => { 59 | logStats('Renderer', stats) 60 | }) 61 | 62 | const server = new WebpackDevServer( 63 | compiler, 64 | { 65 | contentBase: path.join(__dirname, '../'), 66 | quiet: true, 67 | before (app, ctx) { 68 | app.use(hotMiddleware) 69 | ctx.middleware.waitUntilValid(() => { 70 | resolve() 71 | }) 72 | } 73 | } 74 | ) 75 | 76 | server.listen(9080) 77 | }) 78 | } 79 | 80 | function startMain () { 81 | return new Promise((resolve, reject) => { 82 | mainConfig.entry.main = [path.join(__dirname, '../src/main/index.dev.js')].concat(mainConfig.entry.main) 83 | mainConfig.mode = 'development' 84 | const compiler = webpack(mainConfig) 85 | 86 | compiler.hooks.watchRun.tapAsync('watch-run', (compilation, done) => { 87 | logStats('Main', chalk.white.bold('compiling...')) 88 | hotMiddleware.publish({ action: 'compiling' }) 89 | done() 90 | }) 91 | 92 | compiler.watch({}, (err, stats) => { 93 | if (err) { 94 | console.log(err) 95 | return 96 | } 97 | 98 | logStats('Main', stats) 99 | 100 | if (electronProcess && electronProcess.kill) { 101 | manualRestart = true 102 | process.kill(electronProcess.pid) 103 | electronProcess = null 104 | startElectron() 105 | 106 | setTimeout(() => { 107 | manualRestart = false 108 | }, 5000) 109 | } 110 | 111 | resolve() 112 | }) 113 | }) 114 | } 115 | 116 | function startElectron () { 117 | var args = [ 118 | '--inspect=5858', 119 | path.join(__dirname, '../dist/electron/main.js') 120 | ] 121 | 122 | // detect yarn or npm and process commandline args accordingly 123 | if (process.env.npm_execpath.endsWith('yarn.js')) { 124 | args = args.concat(process.argv.slice(3)) 125 | } else if (process.env.npm_execpath.endsWith('npm-cli.js')) { 126 | args = args.concat(process.argv.slice(2)) 127 | } 128 | 129 | electronProcess = spawn(electron, args) 130 | 131 | electronProcess.stdout.on('data', data => { 132 | electronLog(data, 'blue') 133 | }) 134 | electronProcess.stderr.on('data', data => { 135 | electronLog(data, 'red') 136 | }) 137 | 138 | electronProcess.on('close', () => { 139 | if (!manualRestart) process.exit() 140 | }) 141 | } 142 | 143 | function electronLog (data, color) { 144 | let log = '' 145 | data = data.toString().split(/\r?\n/) 146 | data.forEach(line => { 147 | log += ` ${line}\n` 148 | }) 149 | if (/[0-9A-z]+/.test(log)) { 150 | console.log( 151 | chalk[color].bold('┏ Electron -------------------') + 152 | '\n\n' + 153 | log + 154 | chalk[color].bold('┗ ----------------------------') + 155 | '\n' 156 | ) 157 | } 158 | } 159 | 160 | function greeting () { 161 | const cols = process.stdout.columns 162 | let text = '' 163 | 164 | if (cols > 104) text = 'electron-vue' 165 | else if (cols > 76) text = 'electron-|vue' 166 | else text = false 167 | 168 | if (text) { 169 | say(text, { 170 | colors: ['yellow'], 171 | font: 'simple3d', 172 | space: false 173 | }) 174 | } else console.log(chalk.yellow.bold('\n electron-vue')) 175 | console.log(chalk.blue(' getting ready...') + '\n') 176 | } 177 | 178 | function init () { 179 | greeting() 180 | 181 | Promise.all([startRenderer(), startMain()]) 182 | .then(() => { 183 | startElectron() 184 | }) 185 | .catch(err => { 186 | console.error(err) 187 | }) 188 | } 189 | 190 | init() 191 | -------------------------------------------------------------------------------- /.electron-vue/webpack.main.config.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | process.env.BABEL_ENV = 'main' 4 | 5 | const path = require('path') 6 | const { dependencies } = require('../package.json') 7 | const webpack = require('webpack') 8 | 9 | const BabiliWebpackPlugin = require('babili-webpack-plugin') 10 | 11 | let mainConfig = { 12 | entry: { 13 | main: path.join(__dirname, '../src/main/index.js') 14 | }, 15 | externals: [ 16 | ...Object.keys(dependencies || {}) 17 | ], 18 | module: { 19 | rules: [ 20 | { 21 | test: /\.(js)$/, 22 | enforce: 'pre', 23 | exclude: /node_modules/, 24 | use: { 25 | loader: 'eslint-loader', 26 | options: { 27 | formatter: require('eslint-friendly-formatter') 28 | } 29 | } 30 | }, 31 | { 32 | test: /\.js$/, 33 | use: 'babel-loader', 34 | exclude: /node_modules/ 35 | }, 36 | { 37 | test: /\.node$/, 38 | use: 'node-loader' 39 | } 40 | ] 41 | }, 42 | node: { 43 | __dirname: process.env.NODE_ENV !== 'production', 44 | __filename: process.env.NODE_ENV !== 'production' 45 | }, 46 | output: { 47 | filename: '[name].js', 48 | libraryTarget: 'commonjs2', 49 | path: path.join(__dirname, '../dist/electron') 50 | }, 51 | plugins: [ 52 | new webpack.NoEmitOnErrorsPlugin() 53 | ], 54 | resolve: { 55 | extensions: ['.js', '.json', '.node'] 56 | }, 57 | target: 'electron-main' 58 | } 59 | 60 | /** 61 | * Adjust mainConfig for development settings 62 | */ 63 | if (process.env.NODE_ENV !== 'production') { 64 | mainConfig.plugins.push( 65 | new webpack.DefinePlugin({ 66 | '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\\')}"` 67 | }) 68 | ) 69 | } 70 | 71 | /** 72 | * Adjust mainConfig for production settings 73 | */ 74 | if (process.env.NODE_ENV === 'production') { 75 | mainConfig.plugins.push( 76 | new BabiliWebpackPlugin(), 77 | new webpack.DefinePlugin({ 78 | 'process.env.NODE_ENV': '"production"' 79 | }) 80 | ) 81 | } 82 | 83 | module.exports = mainConfig 84 | -------------------------------------------------------------------------------- /.electron-vue/webpack.renderer.config.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | process.env.BABEL_ENV = 'renderer' 4 | 5 | const path = require('path') 6 | const { dependencies } = require('../package.json') 7 | const webpack = require('webpack') 8 | 9 | const BabiliWebpackPlugin = require('babili-webpack-plugin') 10 | const CopyWebpackPlugin = require('copy-webpack-plugin') 11 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 12 | const HtmlWebpackPlugin = require('html-webpack-plugin') 13 | const { VueLoaderPlugin } = require('vue-loader') 14 | 15 | /** 16 | * List of node_modules to include in webpack bundle 17 | * 18 | * Required for specific packages like Vue UI libraries 19 | * that provide pure *.vue files that need compiling 20 | * https://simulatedgreg.gitbooks.io/electron-vue/content/en/webpack-configurations.html#white-listing-externals 21 | */ 22 | let whiteListedModules = [ 23 | 'vue', 24 | 'vue-slider-component' // FIXME? 25 | ] 26 | 27 | let rendererConfig = { 28 | devtool: '#cheap-module-eval-source-map', 29 | entry: { 30 | renderer: path.join(__dirname, '../src/renderer/main.js') 31 | }, 32 | externals: [ 33 | ...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d)) 34 | ], 35 | module: { 36 | rules: [ 37 | { 38 | test: /\.(js|vue)$/, 39 | enforce: 'pre', 40 | exclude: /node_modules/, 41 | use: { 42 | loader: 'eslint-loader', 43 | options: { 44 | formatter: require('eslint-friendly-formatter') 45 | } 46 | } 47 | }, 48 | { 49 | test: /\.scss$/, 50 | use: ['vue-style-loader', 'css-loader', 'sass-loader'] 51 | }, 52 | { 53 | test: /\.sass$/, 54 | use: ['vue-style-loader', 'css-loader', 'sass-loader?indentedSyntax'] 55 | }, 56 | { 57 | test: /\.less$/, 58 | use: ['vue-style-loader', 'css-loader', 'less-loader'] 59 | }, 60 | { 61 | test: /\.css$/, 62 | use: ['vue-style-loader', 'css-loader'] 63 | }, 64 | { 65 | test: /\.html$/, 66 | use: 'vue-html-loader' 67 | }, 68 | { 69 | test: /\.js$/, 70 | use: 'babel-loader', 71 | exclude: /node_modules/ 72 | }, 73 | { 74 | test: /\.node$/, 75 | use: 'node-loader' 76 | }, 77 | { 78 | test: /\.vue$/, 79 | use: { 80 | loader: 'vue-loader', 81 | options: { 82 | extractCSS: process.env.NODE_ENV === 'production', 83 | loaders: { 84 | sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1', 85 | scss: 'vue-style-loader!css-loader!sass-loader', 86 | less: 'vue-style-loader!css-loader!less-loader' 87 | } 88 | } 89 | } 90 | }, 91 | { 92 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 93 | use: { 94 | loader: 'url-loader', 95 | query: { 96 | limit: 10000, 97 | name: 'imgs/[name]--[folder].[ext]' 98 | } 99 | } 100 | }, 101 | { 102 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, 103 | loader: 'url-loader', 104 | options: { 105 | limit: 10000, 106 | name: 'media/[name]--[folder].[ext]' 107 | } 108 | }, 109 | { 110 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 111 | use: { 112 | loader: 'url-loader', 113 | query: { 114 | limit: 10000, 115 | name: 'fonts/[name]--[folder].[ext]' 116 | } 117 | } 118 | } 119 | ] 120 | }, 121 | node: { 122 | __dirname: process.env.NODE_ENV !== 'production', 123 | __filename: process.env.NODE_ENV !== 'production' 124 | }, 125 | plugins: [ 126 | new VueLoaderPlugin(), 127 | new MiniCssExtractPlugin({filename: 'styles.css'}), 128 | new HtmlWebpackPlugin({ 129 | filename: 'index.html', 130 | template: path.resolve(__dirname, '../src/index.ejs'), 131 | minify: { 132 | collapseWhitespace: true, 133 | removeAttributeQuotes: true, 134 | removeComments: true 135 | }, 136 | nodeModules: process.env.NODE_ENV !== 'production' 137 | ? path.resolve(__dirname, '../node_modules') 138 | : false 139 | }), 140 | new webpack.HotModuleReplacementPlugin(), 141 | new webpack.NoEmitOnErrorsPlugin() 142 | ], 143 | output: { 144 | filename: '[name].js', 145 | libraryTarget: 'commonjs2', 146 | path: path.join(__dirname, '../dist/electron') 147 | }, 148 | resolve: { 149 | alias: { 150 | '@': path.join(__dirname, '../src/renderer'), 151 | 'vue$': 'vue/dist/vue.esm.js' 152 | }, 153 | extensions: ['.js', '.vue', '.json', '.css', '.node'] 154 | }, 155 | target: 'electron-renderer' 156 | } 157 | 158 | /** 159 | * Adjust rendererConfig for development settings 160 | */ 161 | if (process.env.NODE_ENV !== 'production') { 162 | rendererConfig.plugins.push( 163 | new webpack.DefinePlugin({ 164 | '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\\')}"` 165 | }) 166 | ) 167 | } 168 | 169 | /** 170 | * Adjust rendererConfig for production settings 171 | */ 172 | if (process.env.NODE_ENV === 'production') { 173 | rendererConfig.devtool = '' 174 | 175 | rendererConfig.plugins.push( 176 | new BabiliWebpackPlugin(), 177 | new CopyWebpackPlugin([ 178 | { 179 | from: path.join(__dirname, '../static'), 180 | to: path.join(__dirname, '../dist/electron/static'), 181 | ignore: ['.*'] 182 | } 183 | ]), 184 | new webpack.DefinePlugin({ 185 | 'process.env.NODE_ENV': '"production"' 186 | }), 187 | new webpack.LoaderOptionsPlugin({ 188 | minimize: true 189 | }) 190 | ) 191 | } 192 | 193 | module.exports = rendererConfig 194 | -------------------------------------------------------------------------------- /.electron-vue/webpack.web.config.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | process.env.BABEL_ENV = 'web' 4 | 5 | const path = require('path') 6 | const webpack = require('webpack') 7 | 8 | const BabiliWebpackPlugin = require('babili-webpack-plugin') 9 | const CopyWebpackPlugin = require('copy-webpack-plugin') 10 | const MiniCssExtractPlugin = require('mini-css-extract-plugin') 11 | const HtmlWebpackPlugin = require('html-webpack-plugin') 12 | const { VueLoaderPlugin } = require('vue-loader') 13 | 14 | let webConfig = { 15 | devtool: '#cheap-module-eval-source-map', 16 | entry: { 17 | web: path.join(__dirname, '../src/renderer/main.js') 18 | }, 19 | module: { 20 | rules: [ 21 | { 22 | test: /\.(js|vue)$/, 23 | enforce: 'pre', 24 | exclude: /node_modules/, 25 | use: { 26 | loader: 'eslint-loader', 27 | options: { 28 | formatter: require('eslint-friendly-formatter') 29 | } 30 | } 31 | }, 32 | { 33 | test: /\.scss$/, 34 | use: ['vue-style-loader', 'css-loader', 'sass-loader'] 35 | }, 36 | { 37 | test: /\.sass$/, 38 | use: ['vue-style-loader', 'css-loader', 'sass-loader?indentedSyntax'] 39 | }, 40 | { 41 | test: /\.less$/, 42 | use: ['vue-style-loader', 'css-loader', 'less-loader'] 43 | }, 44 | { 45 | test: /\.css$/, 46 | use: ['vue-style-loader', 'css-loader'] 47 | }, 48 | { 49 | test: /\.html$/, 50 | use: 'vue-html-loader' 51 | }, 52 | { 53 | test: /\.js$/, 54 | use: 'babel-loader', 55 | include: [ path.resolve(__dirname, '../src/renderer') ], 56 | exclude: /node_modules/ 57 | }, 58 | { 59 | test: /\.vue$/, 60 | use: { 61 | loader: 'vue-loader', 62 | options: { 63 | extractCSS: true, 64 | loaders: { 65 | sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1', 66 | scss: 'vue-style-loader!css-loader!sass-loader', 67 | less: 'vue-style-loader!css-loader!less-loader' 68 | } 69 | } 70 | } 71 | }, 72 | { 73 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 74 | use: { 75 | loader: 'url-loader', 76 | query: { 77 | limit: 10000, 78 | name: 'imgs/[name].[ext]' 79 | } 80 | } 81 | }, 82 | { 83 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 84 | use: { 85 | loader: 'url-loader', 86 | query: { 87 | limit: 10000, 88 | name: 'fonts/[name].[ext]' 89 | } 90 | } 91 | } 92 | ] 93 | }, 94 | plugins: [ 95 | new VueLoaderPlugin(), 96 | new MiniCssExtractPlugin({filename: 'styles.css'}), 97 | new HtmlWebpackPlugin({ 98 | filename: 'index.html', 99 | template: path.resolve(__dirname, '../src/index.ejs'), 100 | minify: { 101 | collapseWhitespace: true, 102 | removeAttributeQuotes: true, 103 | removeComments: true 104 | }, 105 | nodeModules: false 106 | }), 107 | new webpack.DefinePlugin({ 108 | 'process.env.IS_WEB': 'true' 109 | }), 110 | new webpack.HotModuleReplacementPlugin(), 111 | new webpack.NoEmitOnErrorsPlugin() 112 | ], 113 | output: { 114 | filename: '[name].js', 115 | path: path.join(__dirname, '../dist/web') 116 | }, 117 | resolve: { 118 | alias: { 119 | '@': path.join(__dirname, '../src/renderer'), 120 | 'vue$': 'vue/dist/vue.esm.js' 121 | }, 122 | extensions: ['.js', '.vue', '.json', '.css'] 123 | }, 124 | target: 'web' 125 | } 126 | 127 | /** 128 | * Adjust webConfig for production settings 129 | */ 130 | if (process.env.NODE_ENV === 'production') { 131 | webConfig.devtool = '' 132 | 133 | webConfig.plugins.push( 134 | new BabiliWebpackPlugin(), 135 | new CopyWebpackPlugin([ 136 | { 137 | from: path.join(__dirname, '../static'), 138 | to: path.join(__dirname, '../dist/web/static'), 139 | ignore: ['.*'] 140 | } 141 | ]), 142 | new webpack.DefinePlugin({ 143 | 'process.env.NODE_ENV': '"production"' 144 | }), 145 | new webpack.LoaderOptionsPlugin({ 146 | minimize: true 147 | }) 148 | ) 149 | } 150 | 151 | module.exports = webConfig 152 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/milcktoast/ffEdit/7f4d3aa5af7731f29373bfdd1791b580b78056bc/.eslintignore -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | parser: 'vue-eslint-parser', 4 | parserOptions: { 5 | parser: 'babel-eslint', 6 | sourceType: 'module' 7 | }, 8 | env: { 9 | browser: true, 10 | node: true 11 | }, 12 | extends: [ 13 | 'standard', 14 | 'plugin:vue/base' 15 | ], 16 | globals: { 17 | __static: true 18 | }, 19 | plugins: [ 20 | 'vue' 21 | ], 22 | 'rules': { 23 | 'prefer-const': 0, 24 | // allow paren-less arrow functions 25 | 'arrow-parens': 0, 26 | // allow async-await 27 | 'generator-star-spacing': 0, 28 | // allow debugger during development 29 | 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | dist/electron/* 3 | dist/web/* 4 | build/* 5 | !build/icons 6 | node_modules/ 7 | npm-debug.log 8 | npm-debug.log.* 9 | thumbs.db 10 | !.gitkeep 11 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | osx_image: xcode8.3 2 | sudo: required 3 | dist: trusty 4 | language: c 5 | matrix: 6 | include: 7 | - os: osx 8 | - os: linux 9 | env: CC=clang CXX=clang++ npm_config_clang=1 10 | compiler: clang 11 | cache: 12 | directories: 13 | - node_modules 14 | - "$HOME/.electron" 15 | - "$HOME/.cache" 16 | addons: 17 | apt: 18 | packages: 19 | - libgnome-keyring-dev 20 | - icnsutils 21 | before_install: 22 | - mkdir -p /tmp/git-lfs && curl -L https://github.com/github/git-lfs/releases/download/v1.2.1/git-lfs-$([ 23 | "$TRAVIS_OS_NAME" == "linux" ] && echo "linux" || echo "darwin")-amd64-1.2.1.tar.gz 24 | | tar -xz -C /tmp/git-lfs --strip-components 1 && /tmp/git-lfs/git-lfs pull 25 | - if [[ "$TRAVIS_OS_NAME" == "linux" ]]; then sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils; fi 26 | install: 27 | - nvm install 7 28 | - curl -o- -L https://yarnpkg.com/install.sh | bash 29 | - source ~/.bashrc 30 | - npm install -g xvfb-maybe 31 | - yarn 32 | script: 33 | - yarn run build 34 | branches: 35 | only: 36 | - master 37 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ffEdit 2 | 3 | > Minimal visual editor for ffmpeg 4 | 5 | ![ffEdit](./screen_shots/ffedit_crop.jpg) 6 | 7 | 8 | ## Features 9 | 10 | - Trim start / end of videos 11 | - Crop videos to output aspect ratio 12 | - Automatically generate video poster images 13 | - Configure ffmpeg flags for poster and video outputs 14 | - Batch encoding 15 | 16 | 17 | ## Requirements 18 | 19 | - System ffmpeg (4.x) 20 | -------------------------------------------------------------------------------- /appveyor.yml: -------------------------------------------------------------------------------- 1 | version: 0.1.{build} 2 | 3 | branches: 4 | only: 5 | - master 6 | 7 | image: Visual Studio 2017 8 | platform: 9 | - x64 10 | 11 | cache: 12 | - node_modules 13 | - '%APPDATA%\npm-cache' 14 | - '%USERPROFILE%\.electron' 15 | - '%USERPROFILE%\AppData\Local\Yarn\cache' 16 | 17 | init: 18 | - git config --global core.autocrlf input 19 | 20 | install: 21 | - ps: Install-Product node 8 x64 22 | - git reset --hard HEAD 23 | - yarn 24 | - node --version 25 | 26 | build_script: 27 | - yarn build 28 | 29 | test: off 30 | -------------------------------------------------------------------------------- /build/icons/app-icon.icns: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/milcktoast/ffEdit/7f4d3aa5af7731f29373bfdd1791b580b78056bc/build/icons/app-icon.icns -------------------------------------------------------------------------------- /dist/electron/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/milcktoast/ffEdit/7f4d3aa5af7731f29373bfdd1791b580b78056bc/dist/electron/.gitkeep -------------------------------------------------------------------------------- /dist/web/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/milcktoast/ffEdit/7f4d3aa5af7731f29373bfdd1791b580b78056bc/dist/web/.gitkeep -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ffEdit", 3 | "version": "0.0.1", 4 | "author": "Jay Weeks ", 5 | "description": "Minimal visual editor for ffmpeg", 6 | "license": "MIT", 7 | "main": "./dist/electron/main.js", 8 | "scripts": { 9 | "build": "node .electron-vue/build.js && electron-builder", 10 | "build:dir": "node .electron-vue/build.js && electron-builder --dir", 11 | "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js", 12 | "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js", 13 | "dev": "node .electron-vue/dev-runner.js", 14 | "lint": "eslint --ext .js,.vue -f ./node_modules/eslint-friendly-formatter src", 15 | "lint:fix": "eslint --ext .js,.vue -f ./node_modules/eslint-friendly-formatter --fix src", 16 | "pack": "npm run pack:main && npm run pack:renderer", 17 | "pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js", 18 | "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js", 19 | "postinstall": "npm run lint:fix" 20 | }, 21 | "build": { 22 | "productName": "ffEdit", 23 | "appId": "com.jayweeks.ffmpeg-gui", 24 | "fileAssociations": [ 25 | { 26 | "ext": "ffedit", 27 | "name": "ffEdit Project", 28 | "role": "Editor", 29 | "isPackage": false 30 | } 31 | ], 32 | "directories": { 33 | "output": "build" 34 | }, 35 | "files": [ 36 | "dist/electron/**/*" 37 | ], 38 | "dmg": { 39 | "contents": [ 40 | { 41 | "x": 410, 42 | "y": 150, 43 | "type": "link", 44 | "path": "/Applications" 45 | }, 46 | { 47 | "x": 130, 48 | "y": 150, 49 | "type": "file" 50 | } 51 | ] 52 | }, 53 | "mac": { 54 | "icon": "build/icons/app-icon.icns", 55 | "extendInfo": { 56 | "NSRequiresAquaSystemAppearance": false 57 | } 58 | } 59 | }, 60 | "dependencies": { 61 | "@babel/runtime": "^7.6.0", 62 | "debounce": "^1.2.0", 63 | "electron-log": "^3.0.8", 64 | "electron-store": "^5.0.0", 65 | "electron-window-state": "^5.0.3", 66 | "fs-extra": "^8.1.0", 67 | "gl-vec2": "^1.3.0", 68 | "mkdirp": "^0.5.1", 69 | "vue": "^2.6.10", 70 | "vue-electron": "^1.0.6", 71 | "vue-router": "^3.1.3", 72 | "vue-slider-component": "^3.0.40", 73 | "vuex": "^3.1.1" 74 | }, 75 | "devDependencies": { 76 | "@babel/core": "^7.6.0", 77 | "@babel/plugin-proposal-class-properties": "^7.5.5", 78 | "@babel/plugin-syntax-dynamic-import": "^7.2.0", 79 | "@babel/plugin-transform-runtime": "^7.6.0", 80 | "@babel/preset-env": "^7.6.0", 81 | "ajv": "^6.10.2", 82 | "babel-eslint": "^10.0.3", 83 | "babel-loader": "^8.0.6", 84 | "babili-webpack-plugin": "^0.1.2", 85 | "cfonts": "^2.4.5", 86 | "chalk": "^2.4.2", 87 | "copy-webpack-plugin": "^5.0.4", 88 | "cross-env": "^6.0.0", 89 | "css-loader": "^3.2.0", 90 | "del": "^5.1.0", 91 | "devtron": "^1.4.0", 92 | "electron": "^6.0.9", 93 | "electron-builder": "^21.2.0", 94 | "electron-debug": "^3.0.1", 95 | "electron-devtools-installer": "^2.2.4", 96 | "eslint": "^6.4.0", 97 | "eslint-config-standard": "^14.1.0", 98 | "eslint-friendly-formatter": "^4.0.1", 99 | "eslint-loader": "^3.0.0", 100 | "eslint-plugin-import": "^2.18.2", 101 | "eslint-plugin-node": "^10.0.0", 102 | "eslint-plugin-promise": "^4.2.1", 103 | "eslint-plugin-standard": "^4.0.1", 104 | "eslint-plugin-vue": "^5.2.3", 105 | "file-loader": "^4.2.0", 106 | "html-webpack-plugin": "^3.2.0", 107 | "mini-css-extract-plugin": "0.8.0", 108 | "multispinner": "^0.2.1", 109 | "node-loader": "^0.6.0", 110 | "node-sass": "^4.12.0", 111 | "sass-loader": "^8.0.0", 112 | "style-loader": "^1.0.0", 113 | "url-loader": "^2.1.0", 114 | "vue-eslint-parser": "^6.0.4", 115 | "vue-html-loader": "^1.2.4", 116 | "vue-loader": "^15.7.1", 117 | "vue-style-loader": "^4.1.2", 118 | "vue-template-compiler": "^2.6.10", 119 | "webpack": "^4.40.2", 120 | "webpack-cli": "^3.3.9", 121 | "webpack-dev-server": "^3.8.1", 122 | "webpack-hot-middleware": "^2.25.0", 123 | "webpack-merge": "^4.2.2" 124 | } 125 | } 126 | -------------------------------------------------------------------------------- /screen_shots/ffedit_crop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/milcktoast/ffEdit/7f4d3aa5af7731f29373bfdd1791b580b78056bc/screen_shots/ffedit_crop.jpg -------------------------------------------------------------------------------- /src/index.ejs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | ffmpeg-gui 6 | <% if (htmlWebpackPlugin.options.nodeModules) { %> 7 | 8 | 11 | <% } %> 12 | 13 | 14 |
15 | 16 | <% if (!process.browser) { %> 17 | 20 | <% } %> 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /src/main/index.dev.js: -------------------------------------------------------------------------------- 1 | /** 2 | * This file is used specifically and only for development. It installs 3 | * `electron-debug` & `vue-devtools`. There shouldn't be any need to 4 | * modify this file, but it can be used to extend your development 5 | * environment. 6 | */ 7 | 8 | /* eslint-disable */ 9 | 10 | // Install `electron-debug` with `devtron` 11 | require('electron-debug')({ showDevTools: true }) 12 | 13 | // Install `vue-devtools` 14 | require('electron').app.on('ready', () => { 15 | let installExtension = require('electron-devtools-installer') 16 | installExtension.default(installExtension.VUEJS_DEVTOOLS) 17 | .then(() => {}) 18 | .catch(err => { 19 | console.log('Unable to install `vue-devtools`: \n', err) 20 | }) 21 | }) 22 | 23 | // Require `main` process to boot app 24 | require('./index') -------------------------------------------------------------------------------- /src/main/index.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | 3 | import { 4 | app, 5 | dialog, 6 | ipcMain, 7 | BrowserWindow, 8 | Menu 9 | } from 'electron' 10 | import Store from 'electron-store' 11 | import windowStateKeeper from 'electron-window-state' 12 | 13 | import { 14 | readFile, 15 | writeFile 16 | } from 'fs-extra' 17 | import { 18 | basename 19 | } from 'path' 20 | 21 | import { createMenuTemplate } from './ui/menu' 22 | 23 | /** 24 | * Set `__static` path to static files in production 25 | * https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-static-assets.html 26 | */ 27 | if (process.env.NODE_ENV !== 'development') { 28 | global.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\') 29 | } 30 | 31 | const appWindows = {} 32 | const appMenus = {} 33 | const winURL = process.env.NODE_ENV === 'development' 34 | ? 'http://localhost:9080' 35 | : `file://${__dirname}/index.html` 36 | 37 | const store = new Store() 38 | 39 | function createMainWindow () { 40 | if (appWindows.main != null) return 41 | 42 | let mainWindowState = windowStateKeeper({ 43 | defaultWidth: 1200, 44 | defaultHeight: 600 45 | }) 46 | 47 | let main = appWindows.main = new BrowserWindow({ 48 | x: mainWindowState.x, 49 | y: mainWindowState.y, 50 | width: mainWindowState.width, 51 | height: mainWindowState.height, 52 | backgroundColor: '#111', 53 | minWidth: 900, 54 | minHeight: 400, 55 | titleBarStyle: 'hidden', 56 | useContentSize: true, 57 | webPreferences: { 58 | webSecurity: false, 59 | nodeIntegration: true, 60 | experimentalFeatures: true 61 | } 62 | }) 63 | 64 | mainWindowState.manage(main) 65 | main.loadURL(winURL) 66 | // setMenuState('create-project', 'enabled', false) 67 | 68 | main.on('closed', () => { 69 | appWindows.main = null 70 | setMenuState('create-project', 'enabled', true) 71 | }) 72 | } 73 | 74 | function createAppActions () { 75 | let fileTypeFilters = [{ 76 | name: 'ffEdit Project', 77 | extensions: ['ffedit'] 78 | }] 79 | 80 | return { 81 | createNewProject () { 82 | store.set('openProjectPath', null) 83 | createMainWindow() 84 | }, 85 | 86 | openProject () { 87 | dialog.showOpenDialog(null, { 88 | openDirectory: false, 89 | multiSelections: false, 90 | filters: fileTypeFilters 91 | }, (fileNames) => { 92 | if (!(fileNames && fileNames.length)) return 93 | const fileName = fileNames[0] 94 | store.set('openProjectPath', fileName) 95 | openProjectFile(fileName) 96 | }) 97 | }, 98 | 99 | saveProject (useOpenScene) { 100 | let openProjectPath = store.get('openProjectPath') 101 | if (useOpenScene && openProjectPath) { 102 | saveProjectFile(openProjectPath) 103 | return 104 | } 105 | dialog.showSaveDialog(null, { 106 | filters: fileTypeFilters 107 | }, (fileName) => { 108 | if (!fileName) return 109 | store.set('openProjectPath', fileName) 110 | saveProjectFile(fileName) 111 | }) 112 | } 113 | } 114 | } 115 | 116 | function createMainMenu () { 117 | if (appMenus.main != null) return 118 | 119 | let actions = createAppActions() 120 | let template = createMenuTemplate(app, actions) 121 | let menu = appMenus.main = Menu.buildFromTemplate(template) 122 | 123 | Menu.setApplicationMenu(menu) 124 | } 125 | 126 | function setMenuState (name, key, value) { 127 | let item = appMenus.main.getMenuItemById(name) 128 | if (!item) { 129 | throw new Error(`Menu item ${name} does not exist`) 130 | } 131 | item[key] = value 132 | } 133 | 134 | function openProjectFile (path) { 135 | createMainWindow() 136 | readFile(path, { encoding: 'utf8' }) 137 | .then((data) => { 138 | setWindowFilePath('main', path) 139 | sendWindowMessage('main', 'deserialize-project', data) 140 | }) 141 | .catch((err) => { 142 | console.error(err) 143 | }) 144 | } 145 | 146 | function saveProjectFile (path) { 147 | requestWindowResponse('main', 'serialize-project', null) 148 | .then((data) => JSON.stringify(data)) 149 | .then((buf) => writeFile(path, buf)) 150 | .then(() => { 151 | setWindowFilePath('main', path) 152 | console.log(`Saved project to ${path}.`) 153 | }) 154 | .catch((err) => { 155 | console.error(err) 156 | }) 157 | } 158 | 159 | function sendWindowMessage (name, messageKey, messageData) { 160 | let win = appWindows[name] 161 | if (!win) return 162 | win.send(messageKey, messageData) 163 | return win 164 | } 165 | 166 | function requestWindowResponse (name, messageKey, messageData) { 167 | let win = sendWindowMessage(name, messageKey, messageData) 168 | if (!win) { 169 | return Promise.reject( 170 | new Error(`window ${name} does not exist`)) 171 | } 172 | return new Promise((resolve, reject) => { 173 | ipcMain.once(`${messageKey}--response`, (event, data) => { 174 | resolve(data) 175 | }) 176 | }) 177 | } 178 | 179 | function setWindowFilePath (name, fullPath) { 180 | let win = appWindows[name] 181 | if (!win) return 182 | let fileName = basename(fullPath) 183 | sendWindowMessage('main', 'message', { 184 | type: 'UPDATE_FILE_PATH', 185 | fullPath, 186 | fileName 187 | }) 188 | win.setTitle(fileName) 189 | win.setRepresentedFilename(fullPath) 190 | } 191 | 192 | createMainMenu() 193 | app.on('ready', createMainWindow) 194 | app.on('window-all-closed', () => { 195 | if (process.platform !== 'darwin') { 196 | app.quit() 197 | } 198 | }) 199 | 200 | app.on('activate', () => { 201 | if (appWindows.main === null) { 202 | createMainMenu() 203 | createMainWindow() 204 | } 205 | }) 206 | 207 | ipcMain.on('main-ready', () => { 208 | let openProjectPath = store.get('openProjectPath') 209 | if (!openProjectPath) return 210 | openProjectFile(openProjectPath) 211 | }) 212 | 213 | /** 214 | * Auto Updater 215 | * 216 | * Uncomment the following code below and install `electron-updater` to 217 | * support auto updating. Code Signing with a valid certificate is required. 218 | * https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-electron-builder.html#auto-updating 219 | */ 220 | 221 | /* 222 | import { autoUpdater } from 'electron-updater' 223 | 224 | autoUpdater.on('update-downloaded', () => { 225 | autoUpdater.quitAndInstall() 226 | }) 227 | 228 | app.on('ready', () => { 229 | if (process.env.NODE_ENV === 'production') autoUpdater.checkForUpdates() 230 | }) 231 | */ 232 | -------------------------------------------------------------------------------- /src/main/ui/menu.js: -------------------------------------------------------------------------------- 1 | export function createMenuTemplate (app, actions) { 2 | const template = [ 3 | { 4 | label: 'File', 5 | submenu: [ 6 | { 7 | id: 'create-project', 8 | label: 'New Project', 9 | accelerator: 'Cmd+N', 10 | enabled: false, 11 | click () { 12 | actions.createNewProject() 13 | } 14 | }, 15 | { 16 | id: 'open-project', 17 | label: 'Open...', 18 | accelerator: 'Cmd+O', 19 | click () { 20 | actions.openProject() 21 | } 22 | }, 23 | { 24 | label: 'Save', 25 | accelerator: 'Cmd+S', 26 | click () { 27 | actions.saveProject(true) 28 | } 29 | }, 30 | { 31 | label: 'Save As...', 32 | accelerator: 'Cmd+Shift+S', 33 | click () { 34 | actions.saveProject(false) 35 | } 36 | } 37 | ] 38 | }, 39 | { 40 | label: 'Edit', 41 | submenu: [ 42 | { label: 'Undo', accelerator: 'CmdOrCtrl+Z', selector: 'undo:' }, 43 | { label: 'Redo', accelerator: 'Shift+CmdOrCtrl+Z', selector: 'redo:' }, 44 | { type: 'separator' }, 45 | { label: 'Cut', accelerator: 'CmdOrCtrl+X', selector: 'cut:' }, 46 | { label: 'Copy', accelerator: 'CmdOrCtrl+C', selector: 'copy:' }, 47 | { label: 'Paste', accelerator: 'CmdOrCtrl+V', selector: 'paste:' }, 48 | { label: 'Select All', accelerator: 'CmdOrCtrl+A', selector: 'selectAll:' } 49 | ] 50 | }, 51 | { 52 | label: 'View', 53 | submenu: [ 54 | { role: 'togglefullscreen' } 55 | ] 56 | }, 57 | { 58 | label: 'Window', 59 | submenu: [ 60 | { role: 'minimize' }, 61 | { role: 'close' } 62 | ] 63 | } 64 | ] 65 | 66 | if (process.platform === 'darwin') { 67 | template.unshift({ 68 | label: app.getName(), 69 | submenu: [ 70 | { role: 'about' }, 71 | { type: 'separator' }, 72 | { role: 'services', submenu: [] }, 73 | { type: 'separator' }, 74 | { role: 'hide' }, 75 | { role: 'hideothers' }, 76 | { role: 'unhide' }, 77 | { type: 'separator' }, 78 | { role: 'quit' } 79 | ] 80 | }) 81 | 82 | // Window menu 83 | template[4].submenu = [ 84 | { role: 'close' }, 85 | { role: 'minimize' }, 86 | { role: 'zoom' }, 87 | { type: 'separator' }, 88 | { role: 'front' } 89 | ] 90 | } 91 | 92 | return template 93 | } 94 | -------------------------------------------------------------------------------- /src/renderer/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 66 | -------------------------------------------------------------------------------- /src/renderer/assets/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/milcktoast/ffEdit/7f4d3aa5af7731f29373bfdd1791b580b78056bc/src/renderer/assets/.gitkeep -------------------------------------------------------------------------------- /src/renderer/assets/fonts/icomoon/icomoon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Generated by IcoMoon 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/renderer/assets/fonts/icomoon/icomoon.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/milcktoast/ffEdit/7f4d3aa5af7731f29373bfdd1791b580b78056bc/src/renderer/assets/fonts/icomoon/icomoon.ttf -------------------------------------------------------------------------------- /src/renderer/assets/fonts/icomoon/icomoon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/milcktoast/ffEdit/7f4d3aa5af7731f29373bfdd1791b580b78056bc/src/renderer/assets/fonts/icomoon/icomoon.woff -------------------------------------------------------------------------------- /src/renderer/assets/fonts/icomoon/index.scss: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'icomoon'; 3 | src: url('./assets/fonts/icomoon/icomoon.ttf?s1npx2') format('truetype'), 4 | url('./assets/fonts/icomoon/icomoon.woff?s1npx2') format('woff'), 5 | url('./assets/fonts/icomoon/icomoon.svg?s1npx2#icomoon') format('svg'); 6 | font-weight: normal; 7 | font-style: normal; 8 | } 9 | 10 | [class^="icon-"], [class*=" icon-"] { 11 | /* use !important to prevent issues with browser extensions that change fonts */ 12 | font-family: 'icomoon' !important; 13 | speak: none; 14 | font-size: 14px; 15 | line-height: 16px; 16 | font-style: normal; 17 | font-weight: normal; 18 | font-variant: normal; 19 | text-transform: none; 20 | 21 | /* Better Font Rendering =========== */ 22 | -webkit-font-smoothing: antialiased; 23 | -moz-osx-font-smoothing: grayscale; 24 | } 25 | 26 | .icon-file-text:before { 27 | content: "\e922"; 28 | } 29 | .icon-plus:before { 30 | content: "\ea0a"; 31 | } 32 | .icon-minus:before { 33 | content: "\ea0b"; 34 | } 35 | .icon-cross:before { 36 | content: "\ea0f"; 37 | } 38 | .icon-play:before { 39 | content: "\ea1c"; 40 | } 41 | .icon-stop:before { 42 | content: "\ea1e"; 43 | } 44 | .icon-crop:before { 45 | content: "\ea57"; 46 | } 47 | .icon-scissors:before { 48 | content: "\ea5a"; 49 | } 50 | -------------------------------------------------------------------------------- /src/renderer/components/BoundsEditor.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 420 | 421 | 473 | -------------------------------------------------------------------------------- /src/renderer/components/MainProcessor.vue: -------------------------------------------------------------------------------- 1 | 42 | 43 | 366 | 367 | 473 | -------------------------------------------------------------------------------- /src/renderer/components/ProcessorStatus.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 82 | 83 | 99 | -------------------------------------------------------------------------------- /src/renderer/components/ProcessorToolbar.vue: -------------------------------------------------------------------------------- 1 | 52 | 53 | 74 | 75 | 167 | -------------------------------------------------------------------------------- /src/renderer/components/TrimEditor.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 75 | 76 | 146 | -------------------------------------------------------------------------------- /src/renderer/components/VideoEditor.vue: -------------------------------------------------------------------------------- 1 | 23 | 24 | 146 | 147 | 193 | -------------------------------------------------------------------------------- /src/renderer/components/VideoList.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 102 | 103 | 170 | -------------------------------------------------------------------------------- /src/renderer/components/VideoOutput.vue: -------------------------------------------------------------------------------- 1 |