128 | 129 | ## Want to contribute? 130 | 131 | We welcome and encourage all sorts of contributions that help us make this project more awesome. 132 | Contact me philipplgh@gmail.com. 133 | 134 |
135 | 136 | ## License 137 | 138 | 1. License for electron-toolkit 139 | 140 | MIT License 141 |
142 | Copyright (c) 2017 Philipp Langhans & Alina Sinelnikova / Hytag,inc 143 |
144 | 145 | 146 | 2. License for website template (inside Website Builder) 147 | 148 | Copyright (c) 2017 Hytag, inc 149 | 150 | The License grants you, free of charge, an ongoing, non-exclusive, worldwide license to use, copy, modify, manipulate the template to create a website for your commercial or non-commercial end product. 151 | You are not allowed to sublicense, and/or sell the template. 152 | 153 | 154 | 155 | -------------------------------------------------------------------------------- /app/AppBridge.js: -------------------------------------------------------------------------------- 1 | const { spawn, exec } = require("child_process"); 2 | const path = require("path"); 3 | const fs = require("fs"); 4 | const EventEmitter = require("events"); 5 | 6 | const { ipcMain } = require("electron"); 7 | 8 | const is = require("./is.js"); 9 | var devConfig = {}; 10 | try { devConfig = require('../dev.config.js') } catch (error) {} 11 | const PROJECT_DIR = is.dev ? devConfig.PROJECT_DIR : path.join(__dirname, '..', '..', '..'); 12 | 13 | class AppBridge { 14 | constructor() { 15 | 16 | ipcMain.on("spawn-builder", (event, arg) => { 17 | 18 | this.tryLaunch("node", "builder.js", true) 19 | /* 20 | .then(child => { 21 | return this.setupIpc(child); 22 | }) 23 | */ 24 | .then(child => { 25 | console.log("builder is ready"); 26 | 27 | var namespace = "builder_"; 28 | 29 | //TODO recieve this list from child 30 | var eventTypes = ["done", "error", "debug"]; 31 | 32 | const debugCallback = data => { 33 | event.sender.send(namespace + "debug", data.toString()); 34 | }; 35 | child.stdout.on("data", debugCallback) 36 | 37 | const sendCallback = (event, message) => { 38 | console.log("send to builder: ", message); 39 | child.send(message); 40 | }; 41 | ipcMain.on(namespace + "send", sendCallback); 42 | 43 | const unsubscribeAndKill = () => { 44 | child.stdin.pause(); 45 | child.stdout.pause(); 46 | child.stdout.removeListener("data", debugCallback); 47 | ipcMain.removeListener(namespace + "send", sendCallback); 48 | child.removeAllListeners(); 49 | child.kill("SIGKILL"); 50 | } 51 | 52 | eventTypes.forEach(ev => { 53 | child.on("message", message => { 54 | console.log("forward message", message); 55 | event.sender.send(namespace + message.type, message.data); 56 | 57 | if (ev == "done") { 58 | unsubscribeAndKill(); 59 | } 60 | }) 61 | 62 | //ipc syntax 63 | /* 64 | child.on(ev, data => { 65 | console.log("forward builder event", ev); 66 | event.sender.send(namespace + ev, data); 67 | }); 68 | */ 69 | }); 70 | 71 | event.sender.send("spawn-builder-complete", namespace, eventTypes); 72 | 73 | }) 74 | .catch(err => { 75 | console.log("error in builder", err); 76 | }); 77 | 78 | 79 | }); 80 | 81 | ipcMain.on("spawn-wrapper", (event, arg) => { 82 | 83 | /** 84 | * launch child process, 85 | * then create convenience emitter interface (legacy) 86 | * subscribe on emitter, representing child process 87 | * forwrad event through ipc in their own namespace 88 | * listen on backchannel 89 | */ 90 | this.launchWrapper().then(child => { 91 | 92 | //TODO recieve this list from child 93 | var eventTypes = ["title-available", "closed", "blur", "focus", "show", "hide", "maximize", "unmaximize", "minimize", "resize"]; 94 | var namespace = "c1_"; 95 | 96 | eventTypes.forEach(ev => { 97 | child.on(ev, (data) => { 98 | //forward to renderer 99 | //console.log("forward child event to renderer", ev, data) 100 | event.sender.send((namespace + ev), data); 101 | }) 102 | }) 103 | 104 | ipcMain.on(namespace + "send", (event, data) => { 105 | child.send(data) 106 | }) 107 | 108 | event.sender.send("spawn-complete", namespace, eventTypes); 109 | }); 110 | }); 111 | 112 | } 113 | tryLaunch(appPath, scriptPath, isDetached) { 114 | var self = this; 115 | return new Promise((resolve, reject) => { 116 | 117 | var child = spawn(appPath, [path.join(__dirname, scriptPath), PROJECT_DIR], { 118 | stdio: ['pipe', 'pipe', 'pipe', 'ipc'], 119 | //stdio: ["pipe", "pipe", "pipe", "pipe"], 120 | //stdio: ["pipe", "pipe", "pipe"], 121 | // if you pass some value, even an empty object, 122 | // the electron process will always exit immediately on linux, works fine in OSX 123 | // env: {} 124 | // env: { 'DISPLAY': process.env.DISPLAY } 125 | cwd: self.projectDir, 126 | detached: false 127 | }) 128 | .on("error", error => { 129 | reject(error); 130 | }); 131 | 132 | child.unref() 133 | 134 | 135 | var init = function(data) { 136 | try { 137 | var message = data.toString().trim(); 138 | if (message === "~~~") { 139 | setTimeout(() => { child.stdout.removeListener("data", init); }, 500); 140 | resolve(child); 141 | } 142 | if (message === "!~~~") { 143 | reject(new Error("ipc could not be established")) 144 | } 145 | } catch (error) { 146 | console.error("error: ", error); 147 | } 148 | }; 149 | 150 | child.stdout.on("data", init); 151 | 152 | /* 153 | child.stdout.on("data", (data) => { 154 | console.log("debug child: ", data.toString()) 155 | }); 156 | */ 157 | 158 | 159 | }); 160 | } 161 | 162 | launchWrapper() { 163 | //https://github.com/electron/electron/issues/6656#issuecomment-236465350 164 | /* 165 | Also on macOS there two types of process, if you run the script in the main process, 166 | a new instance of your app will be started, if you run it in the renderer process, 167 | the script will be run in background. It is unclear which way would be expected. 168 | let paths = [ 169 | `${process.execPath}`, 170 | "electron", 171 | require.resolve( 172 | "electron", { 173 | paths: [this.projectDir] 174 | } 175 | )]; 176 | */ 177 | let appPath = process.execPath; 178 | 179 | return this.tryLaunch(appPath, "wrapper.js") 180 | .then(child => { 181 | return this.setupIpc(child); 182 | //return this.setupIpcFallback(child); 183 | }) 184 | .catch(error => { 185 | console.error("app could not be started", error); 186 | return; 187 | }); 188 | } 189 | 190 | setupIpc(child) { 191 | var emitter = new EventEmitter(); 192 | 193 | child 194 | .on("message", message => { 195 | emitter.emit(message.type, message.data); 196 | }) 197 | .on("disconnect", () => { 198 | //child.kill(); 199 | }); 200 | 201 | 202 | child.stdout.on("data", function(data) { 203 | console.log("child console: ", data.toString()) 204 | }) 205 | 206 | 207 | emitter.send = (type, data) => { 208 | //console.log("send to child", type, data); 209 | child.send({ 210 | type: type, 211 | data: data 212 | }); 213 | }; 214 | 215 | //provide convenience function to maximize user app 216 | emitter.maximize = () => { 217 | emitter.send("request-maximize"); 218 | }; 219 | 220 | return emitter; 221 | } 222 | 223 | // some configurations (os, webpack, node, electron) seem to have 224 | //issues with IPC and opening additional file descriptors 225 | //the problem occured on mac when child process was created in renderer 226 | //now, that this functionality is moved to the main process, ipc seems to be working fine and thi smethod is not needed 227 | //this method simulates regular ipc using stdout and stdin 228 | //we use emitter as facade to pass it to the renderer without leaking child 229 | //processes 230 | setupIpcFallback(child) { 231 | var emitter = new EventEmitter(); 232 | 233 | /*for debugging: 234 | child.stdout.on('data', function(data) { 235 | console.log('stdout: ' + data); 236 | }); 237 | */ 238 | 239 | //parse incoming message and emit as "regular" events 240 | child.stdout.on("data", function(data) { 241 | var message; 242 | try { 243 | message = data.toString("utf-8").trim(); 244 | 245 | //if child process sends event faster than we read we get 246 | // "{"type":"blur","data":null}{"type":"focus","data":null}" 247 | //which is not valid JSON so we transofmr it to 248 | //{"type":"blur","data":null}#{"type":"focus","data":null} 249 | //and handle them separately. 250 | //{"type":"blur","data":null}# becomes ["{"type":"blur","data":null}", ""] 251 | //we ignore empty strings 252 | var messages = message.split("#"); 253 | 254 | messages.forEach(msg => { 255 | if (!msg) { return; } 256 | 257 | //console.log("received message", msg) 258 | var msg = JSON.parse(msg); 259 | 260 | if (msg.type) { 261 | var mtype = msg.type.trim(); 262 | //console.log("emit: ", mtype, msg.data); 263 | emitter.emit(mtype, msg.data); 264 | } else { 265 | throw new Error("malformed message", m); 266 | } 267 | }); 268 | 269 | } catch (error) { 270 | //console.log("error", error, message); 271 | } 272 | }) 273 | 274 | //provide backchannel 275 | emitter.send = (type, data) => { 276 | //console.log("send to child", type, data); 277 | child.stdin.write(JSON.stringify({ 278 | type: type, 279 | data: data 280 | })); 281 | }; 282 | 283 | //provide convenience function to maximize user app 284 | emitter.maximize = () => { 285 | emitter.send("request-maximize"); 286 | }; 287 | 288 | return emitter; 289 | } 290 | } 291 | 292 | module.exports = AppBridge; -------------------------------------------------------------------------------- /app/AppCapturer.js: -------------------------------------------------------------------------------- 1 | const EventEmitter = require("events"); 2 | 3 | const fs = require('fs') 4 | const path = require('path') 5 | 6 | const { desktopCapturer, screen, ipcRenderer } = require("electron"); 7 | 8 | class AppCapturer { 9 | constructor(projectDir) { 10 | this.recorder; 11 | this.recordedChunks = []; 12 | this.numRecordedChunks = 0; 13 | this.localStream; 14 | this.project_dir = projectDir; 15 | 16 | this.buildDir = path.join(projectDir, "build"); 17 | this.assetDir = path.join(this.buildDir, "assets"); 18 | } 19 | 20 | generateImageFilename() { 21 | var timestamp = new Date().getTime(); 22 | var name = "screenshot_" + timestamp + ".png"; 23 | return name; 24 | } 25 | 26 | generateVideoFilename() { 27 | var timestamp = new Date().getTime(); 28 | var name = "video_" + timestamp + ".webm"; 29 | return name; 30 | } 31 | 32 | launch() { 33 | return new Promise((resolve, reject) => { 34 | ipcRenderer.send("spawn-wrapper", "now"); 35 | 36 | ipcRenderer.removeAllListeners("spawn-complete"); 37 | ipcRenderer.once("spawn-complete", (event, namespace, events) => { 38 | var child = new EventEmitter() 39 | events.forEach(ev => { 40 | var channel = namespace + ev; 41 | ipcRenderer.on(channel, (evt, data) => { 42 | child.emit(ev, data); 43 | }); 44 | }) 45 | child.send = function(msg) { 46 | ipcRenderer.send(namespace + "send", msg) 47 | } 48 | child.maximize = function() { 49 | child.send("request-maximize") 50 | } 51 | resolve(child); 52 | }); 53 | }); 54 | } 55 | 56 | launchApp() { 57 | return this.launch().then(child => { 58 | this.childProcess = child; 59 | 60 | //find child window and extend protocol events with : 61 | //'ready' => ready to record & 62 | //'window-detection-failed' 63 | child.on("title-available", originalWindowTitle => { 64 | //console.log("received title available", originalWindowTitle); 65 | var detectionTitle = originalWindowTitle + "~"; 66 | 67 | this.getWindowByTitle(detectionTitle) 68 | .then(window => { 69 | var windowId = window.id; 70 | 71 | child.windowId = windowId; 72 | 73 | //tell child to reset window title 74 | child.send("detection-complete"); 75 | 76 | //notify app that we found the application window 77 | //and are ready to record => will reste the window title 78 | child.emit("ready", windowId); 79 | }) 80 | .catch(err => { 81 | console.log("error", err); 82 | child.emit("window-detection-failed"); 83 | }); 84 | }); 85 | 86 | return child; 87 | }); 88 | } 89 | 90 | getWindowByTitle(windowTitle, opts) { 91 | return new Promise((resolve, reject) => { 92 | let options = Object.assign({ types: ["window"] }, opts); 93 | desktopCapturer.getSources(options, (error, sources) => { 94 | if (error) { 95 | return reject(error); 96 | } 97 | for (let i = 0; i < sources.length; ++i) { 98 | //console.log("check: ", sources[i].name, " - ", windowTitle); 99 | if (sources[i].name === windowTitle) { 100 | return resolve(sources[i]); 101 | } 102 | } 103 | reject(new Error("window not found")); 104 | }); 105 | }); 106 | } 107 | 108 | //known issues: 109 | //no windows aero effects: https://github.com/electron/electron/blob/8359c72347372176e3cb27735caa19d967dae762/atom/browser/api/atom_api_desktop_capturer.cc#L60 110 | getWindowThumb(windowTitle, thumbSize) { 111 | thumbSize = thumbSize || this.determineScreenShotSize(); 112 | let options = { types: ["window"], thumbnailSize: thumbSize }; 113 | return this.getWindowByTitle(windowTitle, options) 114 | .then(window => window.thumbnail); 115 | } 116 | 117 | determineScreenShotSize() { 118 | const screenSize = screen.getPrimaryDisplay().workAreaSize; 119 | const maxDimension = Math.max(screenSize.width, screenSize.height); 120 | return { 121 | width: maxDimension * window.devicePixelRatio, 122 | height: maxDimension * window.devicePixelRatio 123 | }; 124 | } 125 | 126 | 127 | prepareAssetDir() { 128 | 129 | return new Promise((resolve, reject) => { 130 | this.prepareDirectory(this.buildDir) 131 | .then(data => { 132 | return this.prepareDirectory(this.assetDir) 133 | }) 134 | .then(data => { 135 | resolve(data); 136 | }) 137 | }); 138 | 139 | } 140 | 141 | prepareDirectory(dir) { 142 | return new Promise((resolve, reject) => { 143 | fs.mkdir(dir, err => { 144 | if (err) { 145 | if (err.code == "EEXIST") { 146 | return resolve(dir); 147 | } 148 | reject(err); 149 | } else { 150 | resolve(dir); 151 | } 152 | }); 153 | }); 154 | } 155 | 156 | takeScreenshotFromVideo(videoElement) { 157 | return new Promise((resolve, reject) => { 158 | 159 | /* 160 | if (!localStream) { 161 | resolve(null); 162 | } 163 | */ 164 | 165 | var canvas = document.createElement("canvas"); 166 | canvas.width = videoElement.videoWidth; 167 | canvas.height = videoElement.videoHeight; 168 | canvas.getContext("2d").drawImage(videoElement, 0, 0); 169 | var thumb = canvas.toDataURL("image/png"); 170 | 171 | //TODO ImageUtils.saveDataUri(fullPath, thumb) 172 | 173 | this.prepareAssetDir() 174 | .then(dir => { 175 | var scName = this.generateImageFilename(); 176 | var fullPath = path.join(dir, scName); 177 | 178 | var asset = { 179 | id: scName, 180 | filename: scName, 181 | data: thumb, 182 | state: "ready", 183 | role: scName.startsWith("main") ? "main" : "feature", 184 | type: "image", 185 | path: fullPath 186 | }; 187 | 188 | var base64Data = thumb.replace(/^data:image\/png;base64,/, ""); 189 | var binaryData = new Buffer(base64Data, "base64").toString("binary"); 190 | 191 | fs.writeFile(fullPath, binaryData, "binary", function(err) { 192 | if (err) return console.log(err); 193 | // console.log("screenshot saved"); 194 | 195 | resolve(asset); 196 | }); 197 | }) 198 | .catch(err => { 199 | reject(err); 200 | }); 201 | }); 202 | } 203 | 204 | initScreenCapture(windowId) { 205 | if (this.localStream) { 206 | this.closeStream(); 207 | } 208 | 209 | return new Promise((resolve, reject) => { 210 | if (!windowId) { 211 | return reject(new Error("no window id")); 212 | } 213 | 214 | navigator.webkitGetUserMedia({ 215 | audio: false, 216 | video: { 217 | mandatory: { 218 | chromeMediaSource: "desktop", 219 | chromeMediaSourceId: windowId, 220 | maxWidth: window.screen.width - 10, 221 | maxHeight: window.screen.height - 10 222 | } 223 | } 224 | }, 225 | stream => { 226 | this.localStream = stream; 227 | // console.log("stream created", stream.getTracks().length); 228 | resolve(URL.createObjectURL(stream)); 229 | }, 230 | err => { 231 | // console.log("The following error occurred: " + err.name); 232 | reject(err); 233 | } 234 | ); 235 | }); 236 | } 237 | 238 | closeStream() { 239 | // console.log("closing stream .."); 240 | if (!this.localStream) { 241 | return; 242 | } 243 | let tracks = this.localStream.getTracks(); 244 | tracks.forEach(function(track) { 245 | track.stop(); 246 | }); 247 | this.localStream = null; 248 | } 249 | 250 | startRecording() { 251 | 252 | if (!this.localStream) { 253 | //throw new Error("no stream available") 254 | // console.error("no stream available"); 255 | return; 256 | } 257 | 258 | try { 259 | // console.log("Start recording the stream."); 260 | this.recorder = new MediaRecorder(this.localStream); 261 | } catch (e) { 262 | console.assert(false, "Exception while creating MediaRecorder: " + e); 263 | return; 264 | } 265 | 266 | var state = new EventEmitter(); 267 | 268 | this.recorder.ondataavailable = event => { 269 | // console.log("data available fired"); 270 | if (event.data && event.data.size > 0) { 271 | this.recordedChunks.push(event.data); 272 | this.numRecordedChunks += event.data.byteLength; 273 | } 274 | 275 | if (this.recordedChunks.length == 0) { 276 | return; 277 | } 278 | 279 | let blob = new Blob(this.recordedChunks, { 280 | type: "video/webm" 281 | }); 282 | var url = URL.createObjectURL(blob); 283 | 284 | this.prepareAssetDir() 285 | .then(dir => { 286 | 287 | var vName = this.generateVideoFilename(); 288 | var p = path.join(dir, vName); 289 | 290 | var asset = { 291 | id: vName, 292 | filename: vName, 293 | data: url, 294 | role: vName.startsWith("main") ? "main" : "feature", 295 | type: "video", 296 | path: p 297 | }; 298 | 299 | state.emit("new-video", asset); 300 | 301 | this.saveVideo(vName, p); 302 | }) 303 | .catch(err => { 304 | state.emit("recoder-error", err); 305 | }); 306 | }; 307 | 308 | this.recorder.onstop = () => { 309 | // console.log("recorderOnStop fired"); 310 | }; 311 | 312 | this.recorder.start(); 313 | 314 | return state; 315 | } 316 | 317 | stopRecording() { 318 | if (!this.recorder || this.recorder.state == "inactive") { 319 | return; 320 | } 321 | this.recorder.stop(); 322 | } 323 | 324 | saveVideo(name, p) { 325 | var self = this; 326 | let blob = new Blob(this.recordedChunks, { type: "video/webm" }); 327 | 328 | var reader = new FileReader(); 329 | reader.onload = function() { 330 | var buffer = new Buffer(reader.result); 331 | 332 | fs.writeFile(p, buffer, {}, (err, res) => { 333 | self.resetVideoRecorder(); 334 | if (err) { 335 | console.error(err); 336 | return; 337 | } 338 | 339 | }); 340 | }; 341 | 342 | reader.readAsArrayBuffer(blob); 343 | } 344 | 345 | resetVideoRecorder() { 346 | // this.localStream = null; 347 | this.recordedChunks = []; 348 | this.numRecordedChunks = 0; 349 | } 350 | } 351 | 352 | module.exports = AppCapturer; -------------------------------------------------------------------------------- /app/IconGenerator.js: -------------------------------------------------------------------------------- 1 | const png2icons = require("png2icons"); 2 | const ImageUtils = require("./ImageUtils.js") 3 | const path = require("path") 4 | const fs = require("fs") 5 | 6 | class IconGenerator { 7 | 8 | constructor(projectDir) { 9 | 10 | this.buildDir = path.join(projectDir, "build"); 11 | this.pngDir = path.join(this.buildDir, "png"); 12 | 13 | } 14 | 15 | prepareIconDirs() { 16 | 17 | return new Promise((resolve, reject) => { 18 | this.prepareDirectory(this.buildDir) 19 | .then(data => { 20 | return this.prepareDirectory(this.pngDir) 21 | }) 22 | .then(data => { 23 | resolve(); 24 | 25 | }) 26 | }); 27 | 28 | } 29 | 30 | prepareDirectory(dir) { 31 | return new Promise((resolve, reject) => { 32 | fs.mkdir(dir, err => { 33 | if (err) { 34 | if (err.code == "EEXIST") { 35 | return resolve(dir); 36 | } 37 | reject(err); 38 | } else { 39 | resolve(dir); 40 | } 41 | }); 42 | }); 43 | } 44 | 45 | readFile(p) { 46 | return new Promise((resolve, reject) => { 47 | fs.readFile(p, function(error, data) { 48 | if (error) { 49 | return reject(error); 50 | } 51 | resolve(data); 52 | }); 53 | }); 54 | } 55 | 56 | writeFile(p, data) { 57 | return new Promise((resolve, reject) => { 58 | fs.writeFile(p, data, err => { 59 | if (err) { 60 | return reject(err); 61 | } 62 | resolve(p); 63 | }); 64 | }); 65 | } 66 | 67 | //create dir if not exists and return path 68 | getWritableDir() { 69 | return new Promise((resolve, reject) => {}); 70 | } 71 | 72 | getExtension(p) { 73 | return path.extname(p).toLowerCase(); 74 | } 75 | 76 | generatePng(imagePath) { 77 | return this.prepareIconDirs() 78 | .then(() => { 79 | if (ImageUtils.isPng(imagePath)) { 80 | return Promise.resolve(imagePath); 81 | } 82 | if (!ImageUtils.isSvg(imagePath)) { 83 | throw new Error("svg or png input required"); 84 | } 85 | 86 | const outPath = path.join(this.buildDir, "512x512.png"); 87 | 88 | return ImageUtils.svg2png(imagePath, { width: 512, height: 512 }) 89 | .then(buffer => this.writeFile(outPath, buffer)) 90 | .then(filePath => { 91 | 92 | // console.log("RETURNING OUT", outPath); 93 | return outPath; 94 | }) 95 | }) 96 | } 97 | 98 | generatePngBundle(pngPath) { 99 | if (!ImageUtils.isPng(pngPath)) { 100 | return Promise.reject(new Error("png input required")); 101 | } 102 | 103 | // console.log("png path", this); 104 | var OUT_DIR = this.pngDir; 105 | 106 | var scales = [16, 24, 32, 48, 64, 96, 128, 256, 512]; 107 | 108 | var promises = scales.map(scale => { return ImageUtils.resizePng(pngPath, scale, OUT_DIR) }); 109 | 110 | return Promise.all(promises).then(data => { 111 | return { 112 | //in: pngPath, 113 | //use 512px generated png from bundle as input for .ico & .icns 114 | //for performance 115 | in: path.join(OUT_DIR, "512x512.png"), 116 | out: OUT_DIR 117 | }; 118 | }); 119 | } 120 | 121 | generateIcns(pngPath) { 122 | var icnsPath = path.join(this.buildDir, "icon.icns"); 123 | if (!ImageUtils.isPng(pngPath)) { 124 | return Promise.reject(new Error("png input required")); 125 | } 126 | 127 | return this.readFile(pngPath).then(data => { 128 | var output = png2icons.PNG2ICNS(data, png2icons.BILINEAR, false, 0); 129 | if (!output) { 130 | throw new Error("conversion to Icns failed"); 131 | } 132 | return this.writeFile(icnsPath, output).then(filePath => { 133 | return { in: pngPath, 134 | out: icnsPath 135 | }; 136 | }); 137 | }); 138 | } 139 | 140 | generateIco(pngPath) { 141 | var icoPath = path.join(this.buildDir, "icon.ico"); 142 | 143 | if (!ImageUtils.isPng(pngPath)) { 144 | return Promise.reject(new Error("png input required")); 145 | } 146 | 147 | return this.readFile(pngPath).then(data => { 148 | //var output = png2icons.PNG2ICO_PNG(data, png2icons.BEZIER, false, 0); 149 | // Microsoft ICO using BMP icons with bicubic interpolation. 150 | var output = png2icons.PNG2ICO_BMP(data, png2icons.BICUBIC, false); 151 | if (!output) { 152 | throw new Error("conversion to Ico failed"); 153 | } 154 | return this.writeFile(icoPath, output).then(filePath => { 155 | return { in: pngPath, 156 | out: icoPath 157 | }; 158 | }); 159 | }); 160 | } 161 | } 162 | 163 | module.exports = IconGenerator; -------------------------------------------------------------------------------- /app/ImageUtils.js: -------------------------------------------------------------------------------- 1 | const jimp = require("jimp"); 2 | const path = require('path'); 3 | const fs = require('fs'); 4 | const { nativeImage } = require('electron'); 5 | 6 | class ImageUtils { 7 | static isSvg(imagePath) { 8 | return path.extname(imagePath).toLowerCase() == ".svg"; 9 | } 10 | 11 | static isPng(imagePath) { 12 | return path.extname(imagePath).toLowerCase() == ".png"; 13 | } 14 | 15 | static resizePng(imagePath, scale, dir) { 16 | //console.log("resize", imagePath, scale, dir); 17 | return new Promise((resolve, reject) => { 18 | jimp 19 | .read(imagePath) 20 | .then(function(img) { 21 | img 22 | .resize(scale, scale) 23 | .write(`${dir}/${scale}x${scale}.png`, err => { 24 | if (err) return reject(); 25 | resolve(); 26 | }); 27 | }) 28 | .catch(function(err) { 29 | console.log(err); 30 | reject(); 31 | }); 32 | }); 33 | } 34 | 35 | //FIXME support more formats / mime types and async loading 36 | static loadAsDataUri(pngUri) { 37 | var content = fs.readFileSync(pngUri); 38 | var dataUri = "data:image/png;base64," + content.toString("base64"); 39 | return dataUri; 40 | } 41 | 42 | static dataUriToBuf(pngUri) { 43 | //alternative without native image 44 | //var base64Data = pngUri.replace(/^data:image\/png;base64,/, ""); 45 | //var binaryData = new Buffer(base64Data, "base64").toString("binary"); 46 | //return binaryData; 47 | var pngNative = nativeImage.createFromDataURL(pngUri); 48 | return pngNative.toPng(); 49 | } 50 | 51 | static svg2png(svgPath) { 52 | return new Promise((resolve, reject) => { 53 | var canvas = document.createElement("canvas"); 54 | canvas.width = 1024; 55 | canvas.height = 1024; 56 | var ctx = canvas.getContext("2d"); 57 | var img = new Image(); 58 | img.onload = function() { 59 | ctx.drawImage(img, 0, 0, canvas.width, canvas.height); 60 | var pngUri = canvas.toDataURL("image/png"); 61 | // console.log("data uri is ready", pngUri.length) 62 | var buf = ImageUtils.dataUriToBuf(pngUri); 63 | resolve(buf); //resolve png buffer 64 | }; 65 | img.onerror = e => { 66 | reject(e); 67 | }; 68 | 69 | fs.readFile(svgPath, (err, content) => { 70 | if (err) return reject(err); 71 | var dataUri = "data:image/svg+xml;base64," + content.toString("base64"); 72 | img.src = dataUri; 73 | }); 74 | }); 75 | } 76 | } 77 | 78 | module.exports = ImageUtils; -------------------------------------------------------------------------------- /app/WebsiteManager.js: -------------------------------------------------------------------------------- 1 | const EventEmitter = require("events"); 2 | 3 | const fs = require('fs') 4 | const path = require('path') 5 | 6 | const { desktopCapturer, screen } = require("electron"); 7 | 8 | const AppBridge = require("./AppBridge.js"); 9 | 10 | 11 | class WebsiteManager { 12 | constructor() { 13 | 14 | // this.project_dir = projectDir; 15 | } 16 | /* 17 | 18 | prepareDirectory() { 19 | return new Promise((resolve, reject) => { 20 | const assetsDir = path.join(this.project_dir, "website"); 21 | 22 | fs.mkdir(assetsDir, err => { 23 | if (err) { 24 | if (err.code == "EEXIST") { 25 | return resolve(assetsDir); 26 | } 27 | reject(err); 28 | } else { 29 | resolve(assetsDir); 30 | } 31 | }); 32 | }); 33 | } 34 | */ 35 | 36 | 37 | loadWebsiteData(){ 38 | return new Promise((resolve, reject) => { 39 | this.prepareDirectory() 40 | .then(dir => { 41 | var fullPath = path.join(dir, "website.json"); 42 | 43 | fs.readFile(fullPath, 'utf8', function (err, data) { 44 | if (err) { 45 | console.log(err); 46 | return resolve(null); 47 | 48 | }else{ 49 | var website = JSON.parse(data); 50 | return resolve(website); 51 | } 52 | 53 | }); 54 | 55 | }) 56 | .catch(err => { 57 | reject(err); 58 | }); 59 | }); 60 | } 61 | 62 | saveWebsiteData(website){ 63 | return new Promise((resolve, reject) => { 64 | this.prepareDirectory() 65 | .then(dir => { 66 | var fullPath = path.join(dir, "website.json"); 67 | var json = JSON.stringify(website); 68 | fs.writeFile(fullPath, json, function (err, data) { 69 | if (err) { 70 | console.log(err); 71 | reject(err); 72 | }else{ 73 | resolve(); 74 | } 75 | 76 | }); 77 | 78 | }) 79 | .catch(err => { 80 | reject(err); 81 | }); 82 | }); 83 | 84 | 85 | 86 | } 87 | 88 | 89 | 90 | 91 | 92 | 93 | } 94 | 95 | module.exports = WebsiteManager; 96 | 97 | -------------------------------------------------------------------------------- /app/builder.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | const fs = require("fs"); 3 | 4 | 5 | 6 | function killProcess() { 7 | try { 8 | process.removeAllListeners(); 9 | } catch (error) { 10 | //fs.appendFileSync("log.txt", JSON.stringify(error) + "\n"); 11 | } 12 | 13 | try { 14 | process.exit(1); 15 | } catch (error) { 16 | //fs.appendFileSync("log.txt", JSON.stringify(error) + "\n"); 17 | } 18 | 19 | try { 20 | process.kill(process.pid); 21 | } catch (error) { 22 | //fs.appendFileSync("log.txt", JSON.stringify(error) + "\n"); 23 | } 24 | } 25 | 26 | //we have basically 4 options to create the build process 27 | //1: spawn process of cli.js in the same way npm scripts are doing it 28 | //2: use electron-builder's programmatic api: https://www.electron.build/api/electron-builder 29 | // a) with patched package.json 30 | // b) with separate electron-builder.json 31 | // c) with config object 32 | 33 | function build(config) { 34 | var builder; 35 | try { 36 | builder = require(path.join(config.projectDir, "node_modules", "electron-builder", "out", "index.js")); 37 | } catch (error) { 38 | process.send({ type: "error", data: "electron builder not found.
try: npm install electron-builder --save-dev" }); 39 | setTimeout(() => { 40 | process.exit(); 41 | }, 500); 42 | return; 43 | } 44 | const Platform = builder.Platform; 45 | //const builder = require(path.join(PROJECT_DIR, "node_modules", "electron-builder", "out", "cli", "cli.js")); 46 | 47 | /** 48 | missing settings... 49 | https://github.com/electron-userland/electron-builder/blob/master/packages/electron-builder-lib/src/configuration.ts 50 | 51 | 52 | afterPack?, 53 | apk?, 54 | appImage?, 55 | appx?, 56 | artifactName?, 57 | asarUnpack?, 58 | beforeBuild?, 59 | buildDependenciesFromSource?, 60 | buildVersion?, 61 | compression?, 62 | , deb?, 63 | detectUpdateChannel?, 64 | , dmg?, 65 | electronCompile?, electronDist?, 66 | electronDownload?, , extends?, 67 | extraFiles?, extraMetadata?, extraResources?, 68 | fileAssociations?, files?, forceCodeSigning?, freebsd?, 69 | generateUpdatesFilesForAllChannels?, icon?, linux?, mac?, 70 | mas?, msi?, muonVersion?, nodeGypRebuild?, npmArgs?, 71 | npmRebuild?, npmSkipBuildFromSource?, nsis?, nsisWeb?, p5p?, 72 | pacman?, pkg?, portable?, 73 | , protocols?, 74 | publish?, releaseInfo?, rpm?, snap?, squirrelWindows?, target?, win? 75 | */ 76 | 77 | /** 78 | https://github.com/electron-userland/electron-builder/blob/master/packages/electron-builder-lib/src/packagerApi.ts 79 | export interface PackagerOptions { 80 | targets?: Map
253 |
256 |
257 |
258 |
259 |
--------------------------------------------------------------------------------
/src/Overview.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
79 |
80 |
81 |
97 |
98 |
141 |
--------------------------------------------------------------------------------
/src/app.js:
--------------------------------------------------------------------------------
1 | class App {
2 | showUserInfo(content, callback) {
3 | window.vueApp.showToast({
4 | content: content,
5 | callback: callback
6 | })
7 | }
8 |
9 | showUserError(content) {
10 | window.vueApp.showToast({
11 | content: content,
12 | isError: true
13 | });
14 | }
15 |
16 | openLink(link) {
17 | window.Toolkit.openLink(link);
18 | }
19 |
20 | openExplorer(location) {
21 | window.Toolkit.openInExplorer(location);
22 | }
23 | }
24 |
25 | const app = new App();
26 | export default app;
--------------------------------------------------------------------------------
/src/assets/asset-overview.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
78 |
9 |
10 |
76 |
11 |
12 |
19 |
20 |
21 |
13 |
14 |
15 |
18 | Assets
16 | 17 |
22 |
23 |
30 |
31 |
32 |
24 |
25 |
26 |
29 | Installer
27 | 28 |
33 |
34 |
41 |
42 |
43 |
35 |
36 |
37 |
40 | Publish
38 | 39 |
44 |
45 |
52 |
53 |
54 |
46 |
47 |
48 |
51 | Website
49 | 50 |
55 |
56 |
63 |
64 |
65 |
57 |
58 |
59 |
62 | Updates*
60 | 61 |
66 |
67 |
74 |
75 |
68 |
69 |
70 |
73 | More
71 | 72 |*coming soon
77 |
3 |
7 |
35 |
36 |
37 |
44 |
45 |
88 |
--------------------------------------------------------------------------------
/src/assets/icon-generator.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
34 |
9 |
10 |
33 |
11 |
12 |
19 |
20 |
21 |
13 |
14 |
15 |
18 | App Icon
16 | 17 |
22 |
23 |
30 |
31 |
32 |
24 |
25 |
26 |
29 | Screenshots
27 | 28 |
3 |
4 |
9 |
10 |
48 |
49 |
50 |
223 |
224 |
423 |
--------------------------------------------------------------------------------
/src/assets/screenshot-container.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
47 |
12 |
13 |
14 |
46 |
15 |
16 |
45 |
17 |
37 |
38 | Icon Generator
18 | Please select a SVG or PNG file. 19 |
20 |
36 |
21 | ![]()
34 |
35 |
22 |
23 |
24 |
25 |
26 |
27 |
31 | .png
.ico
.icns
Drop image here or click to browse
32 |{{ warning }}
33 |
39 |
40 |
41 |
44 | placeholder
42 |{{ imagePath }}
43 |
3 |
27 |
28 |
29 |
30 |
59 |
60 |
205 |
--------------------------------------------------------------------------------
/src/assets/screenshot-tool.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
7 |
8 |
9 |
10 | ![]()
11 |
12 |
13 |
14 |
15 |
16 |
19 |
22 |
23 |
24 |
25 |
26 |
3 |
8 |
78 |
79 |
80 |
81 |
379 |
380 |
583 |
--------------------------------------------------------------------------------
/src/launchfox-embedded.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
77 |
10 |
11 |
76 | Screen Capture Tool
12 | Record videos and take screenshots of your app. 13 | 14 |
15 |
33 |
34 |
35 |
16 |
32 |
17 |
20 |
31 |
21 |
22 |
26 |
23 | {{ recordingTimeFormatted }}
24 |
25 |
27 | Start App Preview
28 |
29 |
30 |
36 |
44 |
45 |
37 | Take Screenshot
38 |
39 |
40 | Start Recording
41 | Stop Recording
42 |
43 |
46 |
53 |
54 |
75 | Gallery
47 |
48 |
50 |
51 |
52 | nothing captured yet
49 |
3 |
4 |
10 |
11 |
12 |
13 |
14 |
197 |
198 |
235 |
--------------------------------------------------------------------------------
/src/mocks/website.js:
--------------------------------------------------------------------------------
1 |
2 | const meta = {
3 | author: "",
4 | title: "",
5 | favicon: "",
6 | keywords: ""
7 | };
8 |
9 |
10 | const style = {
11 | backgroundColor: {
12 | "h": 0,
13 | "s": 0,
14 | "l": 1,
15 | "a": 1
16 | },
17 | backgroundColor2: {
18 | "h": 0,
19 | "s": 0,
20 | "l": 0.97,
21 | "a": 1
22 | },
23 | fontColor: {
24 | "h": 0,
25 | "s": 0,
26 | "l": 0.2,
27 | "a": 1
28 | },
29 |
30 | fontColor2: {
31 | "h": 0,
32 | "s": 0,
33 | "l": 0.52,
34 | "a": 1
35 | },
36 | buttonColor: {
37 | "h": 197,
38 | "s": 0.48,
39 | "l": 0.63,
40 | "a": 1
41 | },
42 | buttonFontColor: {
43 | "h": 0,
44 | "s": 0,
45 | "l": 1,
46 | "a": 1
47 | },
48 | accentColor: {
49 | "h": 0,
50 | "s": 0,
51 | "l": 0.4,
52 | "a": 1
53 | },
54 | fontFamily: "Open Sans",
55 | fontFamily2: "Abel"
56 | };
57 |
58 | const website = {
59 | pro: false,
60 | availableInstallers: {
61 | Mac: true,
62 | Windows: true,
63 | Linux: true
64 | },
65 | style: style,
66 | meta: meta,
67 |
68 | name: "Product name",
69 | company: "example Ltd.",
70 | year: (new Date()).getFullYear() + "",
71 | email: "example@company.com",
72 |
73 | logo: {
74 | "path":"",
75 | "type": "image",
76 | "id": "f5941a52-7dee-423e-85ca-7e2475b2af40",
77 | "title": "logo",
78 | "url": "https://launchfox.co/assets/placeholder_icon.png"
79 | },
80 |
81 | mission: "Product mission statement",
82 | description: "Catchy product description text.",
83 | featuresHeadline: "What's inside?",
84 | testimonialHeadline: "What people are saying...",
85 | features: [{
86 | "id": "89493662-9921-4a77-b829-1230c6bae3e6",
87 | "name": "Feature 1",
88 | "description": "What makes this feature awesome?",
89 | "asset": {
90 | "path":"",
91 | "type": "image",
92 | "id": "f5941a52-7dee-423e-85ca-7e2475b2daf40",
93 | "title": "Feature image",
94 | "url": "https://launchfox.co/assets/app_template_placeholder.png"
95 | }
96 | },
97 | {
98 | "id": "89493662-9921-4a77-b829-1230c6bae3e5",
99 | "name": "Feature 2",
100 | "description": "What makes this feature awesome?",
101 | "asset": {
102 | "path":"",
103 | "type": "image",
104 | "id": "f5941a52-7dee-423e-85ca-7e2475db2af42",
105 | "title": "Feature image",
106 | "url": "https://launchfox.co/assets/app_template_placeholder.png"
107 | }
108 | },
109 | {
110 | "id": "89493662-9921-4a77-b829-1230cd6bae3e4",
111 | "name": "Feature 3",
112 | "description": "What makes this feature awesome?",
113 | "asset": {
114 | "path":"",
115 | "type": "image",
116 | "id": "f5941a52-7dee-423e-85ca-7e2475b2af43",
117 | "title": "Feature image",
118 | "url": "https://launchfox.co/assets/app_template_placeholder.png"
119 | }
120 | },
121 | {
122 | "id": "89493662-9921-4a77-b82d9-1230c6bae3e8",
123 | "name": "Feature 4",
124 | "description": "What makes this feature awesome?",
125 | "asset": {
126 | "path":"",
127 | "type": "image",
128 | "id": "f5941a52-7dee-423e-85cda-7e2475b2af40",
129 | "title": "Feature image",
130 | "url": "https://launchfox.co/assets/app_template_placeholder.png"
131 | }
132 | }
133 | ],
134 | testimonials: [{
135 | "id": "1",
136 | "name": "John Doe",
137 | "text": "You have an amazing product. Keep up the good work!",
138 | "image": "",
139 | "src": ""
140 | },
141 | {
142 | "id": "2",
143 | "name": "Jane Doe",
144 | "text": "You have an amazing product. Keep up the good work!",
145 | "image": "",
146 | "src": ""
147 | }
148 | ],
149 | social: [{
150 | "id": "1",
151 | "name": "Twitter",
152 | "icon": "fa fa-twitter",
153 | "url": "twitter.com/
5 |
6 |
7 |
8 |
3 |
7 |
8 |
10 |
11 |
12 |
15 |
16 |
21 |
--------------------------------------------------------------------------------
/src/publish/publish-form-github.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
60 |
61 |
62 |
63 |
155 |
156 |
--------------------------------------------------------------------------------
/src/publish/publish-form-launchfox.vue:
--------------------------------------------------------------------------------
1 |
2 |
10 |
59 |
11 |
57 |
58 |
3 |
8 |
10 |
11 |
12 |
30 |
31 |
--------------------------------------------------------------------------------
/src/publish/publish-form-s3.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
8 |
66 |
67 |
68 |
69 |
157 |
158 |
--------------------------------------------------------------------------------
/src/publish/publish-overview.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
65 |
10 |
63 |
64 |
3 |
7 |
78 |
79 |
80 |
88 |
89 |
132 |
--------------------------------------------------------------------------------
/src/storage.js:
--------------------------------------------------------------------------------
1 | import store from "./store.js";
2 |
3 | class Storage {
4 |
5 |
6 | constructor() {
7 |
8 | }
9 |
10 | getProperty(property) {
11 |
12 | var key = this.computeKey(property);
13 | ///console.log("storage storage", window.localStorage);
14 |
15 | //window.localStorage.removeItem(key);
16 | // console.log()
17 | var data = JSON.parse(window.localStorage.getItem(key));
18 | // console.log("saving", value);
19 | if (property == "website" && data) {
20 | this.addDataUrls(data);
21 | }
22 | return data;
23 | }
24 |
25 | setProperty(property, value) {
26 |
27 | let val = JSON.parse(JSON.stringify(value));
28 | if (property == "website") {
29 | this.removeDataUrls(val);
30 | }
31 |
32 | var key = this.computeKey(property);
33 | window.localStorage.setItem(key, JSON.stringify(val));
34 |
35 | }
36 |
37 | computeKey(key) {
38 | var val = 'electron-toolkit-' + store.id + "-" + key + '-setting';
39 | return val;
40 | }
41 |
42 | removeDataUrls(website) {
43 | this.replaceDataUrlWithPath(website.screenshot);
44 | this.replaceDataUrlWithPath(website.logo);
45 | _.forEach(website.features, (feature) => {
46 | this.replaceDataUrlWithPath(feature.asset);
47 | })
48 | }
49 |
50 | replaceDataUrlWithPath(asset) {
51 | if (asset.url.startsWith("data:")) {
52 | asset.url = "data:" + asset.path;
53 | }
54 | }
55 |
56 | addDataUrls(website) {
57 | this.generateDataUrlFromPath(website.screenshot);
58 | this.generateDataUrlFromPath(website.logo);
59 | _.forEach(website.features, (feature) => {
60 | this.generateDataUrlFromPath(feature.asset);
61 | })
62 | }
63 |
64 | generateDataUrlFromPath(asset) {
65 | if (asset.url.startsWith("data:")) {
66 | var path = asset.url.split("data:")[1];
67 | // console.log(path);
68 | try {
69 | asset.url = Toolkit.base64_abs(path);
70 | } catch (error) {
71 | //path does not exist
72 | }
73 | // asset.url = "data:"+asset.path;
74 | }
75 | }
76 | }
77 |
78 |
79 |
80 | const storage = new Storage();
81 | export default storage;
--------------------------------------------------------------------------------
/src/store.js:
--------------------------------------------------------------------------------
1 | let store = {
2 |
3 | product: {
4 | name: "",
5 | version: "1.0.0",
6 | appId: "",
7 | author: "unknown",
8 | description: ""
9 | },
10 |
11 | website: {},
12 | websiteTemp: {},
13 | websiteInit: false,
14 | packageJSON: {},
15 | screenshots: [],
16 | logos: [],
17 | screens_initialized: false,
18 | screenPlaceholder: 'app_template_placeholder.png',
19 | iconPlaceholder: "placeholder_icon.png"
20 | }
21 |
22 |
23 | export default store;
--------------------------------------------------------------------------------
/src/toolkit.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import VueRouter from 'vue-router'
3 |
4 | import "bootstrap/dist/css/bootstrap.min.css";
5 |
6 | import Toast from "./widgets/fx-toast.vue";
7 |
8 | import Overview from './Overview.vue'
9 |
10 | //Asset Views
11 | import AssetOverview from './assets/asset-overview.vue';
12 | import IconGenerator from './assets/icon-generator.vue';
13 | import ScreenshotTool from './assets/screenshot-tool.vue';
14 |
15 | //Installer Views
16 | import InstallerView from './installer-view.vue';
17 |
18 | //Publish Views
19 | import PublishOverview from './publish/publish-overview.vue';
20 | import PublishLaunchfoxView from "./publish/publish-form-launchfox.vue";
21 | import PublishGithubView from "./publish/publish-form-github.vue";
22 | import PublishS3View from "./publish/publish-form-s3.vue";
23 |
24 | //Website Views
25 | import WebsiteBuilderView from './website-builder-view.vue';
26 |
27 | import MoreToolsView from './more-tools.vue';
28 |
29 | const Toolkit = window.Toolkit;
30 |
31 | const LAUNCHFOX_HOST = Toolkit.Config.LAUNCHFOX_HOST;
32 |
33 | const routes = [
34 |
35 | { path: '/', component: Overview },
36 |
37 | { path: '/assets', component: AssetOverview },
38 | { path: '/assets/appicon', component: IconGenerator },
39 | { path: '/assets/screenshot', component: ScreenshotTool },
40 |
41 | { path: '/installer', component: InstallerView },
42 |
43 | { path: '/publish', component: PublishOverview },
44 | {
45 | path: "/publish/detail/Launchfox",
46 | component: PublishLaunchfoxView,
47 | props: {
48 | host: LAUNCHFOX_HOST
49 | }
50 | },
51 | { path: "/publish/detail/GitHub", component: PublishGithubView },
52 | { path: "/publish/detail/AWS_S3", component: PublishS3View },
53 |
54 | { path: '/website', component: WebsiteBuilderView, props: { host: LAUNCHFOX_HOST } },
55 |
56 | { path: '/more', component: MoreToolsView },
57 |
58 | ]
59 |
60 | Vue.use(VueRouter)
61 |
62 | const router = new VueRouter({
63 | routes // short for `routes: routes`
64 | })
65 |
66 | import store from "./store.js";
67 | import website from './mocks/website.js'
68 | import storage from "./storage.js";
69 |
70 |
71 | const app = new Vue({
72 | components: {
73 | "fx-toast": Toast
74 | },
75 | router,
76 | data: {
77 | product: store.product
78 | },
79 | methods: {
80 | defaultWebsite: function() {
81 | return website;
82 | },
83 | showToast: function(message) {
84 | this.$refs.toast.show(message)
85 | }
86 | },
87 | mounted: function() {
88 |
89 | var logo = {};
90 | var screens = [];
91 |
92 | store.id = Toolkit.getProjectID();
93 |
94 | var data = storage.getProperty("website");
95 |
96 | if (!data) {
97 | store.website = this.defaultWebsite();
98 | } else {
99 | store.website = data;
100 | store.websiteInit = true;
101 | }
102 | store.websiteTemp = store.website;
103 |
104 | Toolkit.readPackageJson()
105 | .then(data => {
106 | this.product.name = data.name;
107 | this.product.version = data.version;
108 | this.product.author = data.author;
109 | this.product.repository = data.repository;
110 | this.product.build = data.build;
111 | })
112 |
113 | Toolkit.loadAssets()
114 | .then(assets => {
115 | assets.forEach(sc => {
116 | store.screenshots.push(
117 | sc
118 | );
119 | });
120 | store.screens_initialized = true;
121 | })
122 | .catch(err => {
123 | console.log("error loading assets: ", err)
124 | })
125 |
126 | Toolkit.loadLogos()
127 | .then(logos => {
128 | store.logos = logos;
129 | });
130 |
131 | }
132 | }).$mount('#app')
133 |
134 | window.vueApp = app;
--------------------------------------------------------------------------------
/src/website-builder-view.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
77 |
9 |
76 |
10 |
11 |
18 |
19 |
20 |
12 |
13 |
14 |
17 | Launchfox
15 | 16 |
21 |
22 |
29 |
30 |
31 |
23 |
24 |
25 |
28 | GitHub
26 | 27 |
32 |
33 |
40 |
41 |
75 |
34 |
35 |
36 |
39 | Amazon S3
37 | 38 |
3 |
14 |
19 |
20 |
21 |
22 |
23 |
24 |
167 |
168 |
212 |
--------------------------------------------------------------------------------
/src/widgets/fx-toast.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
46 |
47 |
--------------------------------------------------------------------------------
/src/widgets/loading-button.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
57 |
58 |
70 |
--------------------------------------------------------------------------------
/src/widgets/server-error.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
8 |
9 |
22 |
23 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/src/widgets/sticky-footer.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
14 |
15 |
35 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path')
2 | var webpack = require("webpack");
3 |
4 | module.exports = {
5 | entry: {
6 | toolkit: "./src/toolkit.js"
7 | },
8 | output: {
9 | path: path.join(__dirname, "renderer"),
10 | publicPath: "/renderer/",
11 | filename: "[name].js"
12 | },
13 | module: {
14 | rules: [{
15 | test: /\.vue$/,
16 | loader: "vue-loader",
17 | options: {
18 | loaders: {}
19 | // other vue-loader options go here
20 | }
21 | },
22 | /*
23 | {
24 | //test: /\.es6$/,
25 | test: /\.js$/,
26 | exclude: /node_modules/,
27 | loader: 'babel-loader',
28 | query: {
29 | //presets: ['es2015'] deprecated: http://babeljs.io/env
30 | presets: ['env']
31 | }
32 | },
33 | */
34 | {
35 | test: /\.css$/,
36 | use: ["style-loader", "css-loader"]
37 | },
38 | {
39 | test: /\.(png|jpg|gif|svg)$/,
40 | loader: "file-loader",
41 | options: {
42 | name: "[name].[ext]?[hash]"
43 | }
44 | }
45 | ]
46 | },
47 | plugins: [
48 | new webpack.ProvidePlugin({
49 | $: "jquery",
50 | jQuery: "jquery",
51 | "window.jQuery": "jquery",
52 | Popper: ["popper.js", "default"],
53 | Tether: "tether"
54 | })
55 | ],
56 | resolve: {
57 | alias: {
58 | vue$: "vue/dist/vue.esm.js"
59 | }
60 | },
61 | devServer: {
62 | historyApiFallback: true,
63 | noInfo: true
64 | },
65 | performance: {
66 | hints: false
67 | },
68 | devtool: "#eval-source-map"
69 | };
--------------------------------------------------------------------------------
4 |
9 |
10 |
11 |