v0.5.0 - Snippets, Database

Author: tomaschyly

.eslintrc.json

@@ -27,6 +27,7 @@
             "error",
             "always"
 		],
-		"no-whitespace-before-property": "off"
+		"no-whitespace-before-property": "off",
+        "array-callback-return": "off"
     }
 }

.idea/workspace.xml

@@ -0,0 +1,9 @@
+const {ENGINE_TYPES} = require ('tch-database');
+const path = require ('path');
+
+module.exports = {
+	storageSystem: ENGINE_TYPES.NeDB,
+	nedb: {
+		directory: path.join ('var', 'nedb')
+	}
+};

config.js

@@ -1,7 +1,7 @@
 {
 	"name": "tch-filector",
 	"productName": "FileCtor",
-	"version": "0.4.1",
+	"version": "0.5.0",
 	"author": "Tomas Chyly <chyly@tomas-chyly.com> (https://tomas-chyly.com/en/)",
 	"license": "GPL v3",
 	"description": "File inspector with interactive console.",
@@ -19,7 +19,7 @@
 	"devDependencies": {
 		"concurrently": "^4.1.0",
 		"cross-env": "^5.2.0",
-		"electron": "^4.0.4",
+		"electron": "^4.0.5",
 		"electron-devtools-installer": "^2.2.4",
 		"find-free-port": "^2.0.0",
 		"react": "^16.7.0",
@@ -33,7 +33,9 @@
 		"codemirror": "^5.43.0",
 		"extend": "^3.0.2",
 		"fs-extra": "^7.0.1",
+		"nedb": "^1.8.0",
 		"systeminformation": "^4.0.3",
+		"tch-database": "^0.3.2",
 		"uuid": "^3.3.2",
 		"write-file-atomic": "^2.4.2"
 	},

package.json

@@ -8,6 +8,16 @@ if (typeof (window.TCH.Main) === 'undefined') {
 	window.TCH.Main = {
 		titleBar: null,
 		navigation: null,
+		popups: null,
+
+		/**
+		 * Show popup to ask user for action confirmation.
+		 */
+		ConfirmAction (action) {
+			if (typeof (this.popups) !== 'undefined') {
+				this.popups.ConfirmAction (action);
+			}
+		},
 
 		/**
 		 * Open console window with parameters.
@@ -92,6 +102,23 @@ if (typeof (window.TCH.Main) === 'undefined') {
 				} while (parent !== null);
 
 				return null;
+			},
+
+			Object: {
+				/**
+				 * Check if object is empty (no elements).
+				 * @param {object} object Object to check is empty
+				 * @returns {boolean}
+				 */
+				IsEmpty (object) {
+					for (let index in object) {
+						if (object.hasOwnProperty (index)) {
+							return false;
+						}
+					}
+
+					return true;
+				}
 			}
 		}
 	};

public/scripts/main.js

@@ -3,6 +3,7 @@ import { HashRouter } from 'react-router-dom';
 import TitleBar from './component/Titlebar';
 import Navigation from './component/Navigation';
 import Router from './Router';
+import Popups from './component/Popups';
 
 const { ipcRenderer } = window.require ('electron');
 
@@ -61,6 +62,7 @@ class App extends Component {
 					<div id="content">
 						<Router />
 					</div>
+					<Popups/>
 				</div>
 			</HashRouter>;
 		}

src/App.js

@@ -25,7 +25,6 @@ class ButtonSelect extends Component {
 		this.container = undefined;
 
 		this.state = {
-			options: props.options,
 			optionsVisible: false
 		};
 	}
@@ -56,18 +55,22 @@ class ButtonSelect extends Component {
 	 */
 	render () {
 		let options = [];
-		if (typeof (this.state.options) !== 'undefined' && Array.isArray (this.state.options)) {
-			for (let index in this.state.options) {
-				let rowData = this.state.options [index];
+		if (typeof (this.props.options) !== 'undefined' && Array.isArray (this.props.options)) {
+			for (let index in this.props.options) {
+				if (this.props.options.hasOwnProperty (index)) {
+					let rowData = this.props.options [index];
 
-				options.push (<button type="button" key={rowData.id} data-value={rowData.value} onClick={this.SelectOption.bind (this)}>{rowData.label}</button>);
+					options.push (<button type="button" key={rowData.id} data-value={rowData.value} onClick={this.SelectOption.bind (this)}>{rowData.label}</button>);
+				}
 			}
 		}
 
+		let current = typeof (this.props.icon) !== 'undefined' ? this.props.icon : this.props.value;
+
 		this.container = React.createRef ();
 
 		return <div ref={this.container} className={`button-select-container ${typeof (this.props.className) !== 'undefined' ? this.props.className : ''}`}>
-			<button className="button icon" type="button" onClick={this.ToggleOptions.bind (this)}>{this.props.icon}</button>
+			<button className="button icon" type="button" onClick={this.ToggleOptions.bind (this)}>{current}</button>
 			<div className={`button-select-list${this.state.optionsVisible ? ' visible' : ''}`}>{options}</div>
 		</div>;
 	}

src/component/ButtonSelect.js

@@ -27,7 +27,7 @@ class CodeMirrorEditor extends Component {
 	 */
 	componentDidMount () {
 		this.editor = CodeMirror (this.node.current, {
-			value: '',
+			value: typeof (this.props.script) !== 'undefined' ? this.props.script : '',
 			mode: 'javascript',
 			theme: 'darcula',
 			lineNumbers: true,
@@ -59,6 +59,13 @@ class CodeMirrorEditor extends Component {
 
 		return <div ref={this.node} className="code-mirror-editor-container" />;
 	}
+
+	/**
+	 * Change script of the editor.
+	 */
+	ChangeScript (value) {
+		this.editor.getDoc ().setValue (value);
+	}
 }
 
 export default CodeMirrorEditor;