lib-window

.browserslistrc

@@ -0,0 +1 @@
+last 1 versions

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 
 # custom ignore
+gui
 node_modules
 package-lock.json
 

config.js

@@ -0,0 +1,8 @@
+const path = require('path')
+
+module.exports = {
+    dir: {
+        app: __dirname,
+        gui: path.join(__dirname, 'gui')
+    }
+}

core/window.js

@@ -0,0 +1,71 @@
+const path = require('path')
+const { BrowserWindow } = require('electron')
+const config = require('../config')
+
+const list = {}
+const defaults = {
+    icon: path.join(config.dir.gui, 'icon.ico'),
+    show: false,
+    frame: false,
+    webPreferences: {
+        nodeIntegration: false,
+        preload: path.join(config.dir.gui, 'script/ipc.js'),
+        webSecurity: true
+    }
+}
+
+module.exports = { exists, custom, open, load }
+
+function exists (window) {
+    return list[window] instanceof BrowserWindow
+}
+
+function custom (name, options) {
+    return new Promise((resolve, reject) => {
+        if ( this.exists(name) === true )
+            return reject(`window ${name} already exists`)
+
+        else {
+            list[name] = new BrowserWindow(options)
+            return resolve(list[name])
+        }
+    })
+}
+
+function open (name, extra = {}) {
+    var options = extraOptions(defaults, extra)
+
+    return new Promise((resolve, reject) => {
+        this.custom(name, options)
+            .then(handle)
+            .catch(reject)
+
+        function handle (window) {
+            window.loadFile( path.join(config.dir.gui, `${name}.html`) )
+            window.once('ready-to-show', () => {
+                window.show()
+                resolve(window)
+            })
+        }
+    })
+}
+
+function load (window) {
+    return new Promise((resolve, reject) => {
+        if ( this.exists(window) === true )
+            return resolve(list[window])
+
+        else return reject(`window ${name} not exists`)
+    })
+}
+
+// Helper functions
+function extraOptions (...options) {
+    var copy = {}
+
+    options.forEach(obj => {
+        Object.assign(copy, JSON.parse(JSON.stringify(obj)))
+    })
+
+    return copy
+}

package.json

@@ -3,9 +3,14 @@
   "version": "0.2.0",
   "description": "AniLibria Cross-Platform Application",
   "main": "main.js",
+  "scripts": {
+    "start": "electron .",
+    "serve": "vue-cli-service build --watch --mode=development",
+    "build": "vue-cli-service build"
+  },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/anilibria/cross-app.git"
+    "url": "git+https://github.com/anilibria/electron.git"
   },
   "keywords": [
     "AniLibria",
@@ -18,10 +23,19 @@
   },
   "license": "Apache-2.0",
   "bugs": {
-    "url": "https://github.com/anilibria/cross-app/issues"
+    "url": "https://github.com/anilibria/electron/issues"
   },
-  "homepage": "https://github.com/anilibria/cross-app#readme",
-    "devDependencies": {
-    "electron": "^6.0.10"
+  "homepage": "https://github.com/anilibria/electron#readme",
+  "devDependencies": {
+    "@vue/cli-service": "^3.11.0",
+    "electron": "^6.0.10",
+    "pug": "^2.0.4",
+    "pug-plain-loader": "^1.0.0",
+    "raw-loader": "^3.1.0",
+    "stylus": "^0.54.7",
+    "stylus-loader": "^3.0.2",
+    "vue": "^2.6.10",
+    "vue-router": "^3.1.3",
+    "vue-template-compiler": "^2.6.10"
   }
 }

vue.config.js

@@ -0,0 +1,30 @@
+const path = require('path')
+
+const pages = {}
+const root = __dirname
+
+for (let page of loads)
+	pages[page] = {
+		entry: path.join(root, 'source', `${page}.js`),
+        template: path.join(root, 'public', `${page}.html`),
+        filename: `${page}.html`
+	}
+
+module.exports = {
+    publicPath: './',
+    pages: pages,
+    filenameHashing: false,
+    productionSourceMap: false,
+    outputDir: path.join(root, 'gui'),
+    configureWebpack: {
+        resolve: {
+            alias: {
+                'root': root,
+                ':root': root,
+
+                'src': path.join(root, 'source'),
+                ':src': path.join(root, 'source')
+            }
+        }
+    }
+}