Uday Hiwarale thatisuday

Senior Software Engineer @SAP

thatisuday / index.js

Last active January 5, 2021 13:25

A sample React component with increment button.

	import React, { useState } from 'react';

	// local dependencies
	import { getVersion } from 'common/util';

	// import styles (for compilation)
	import './styles.scss';

	// export a react component
	export default ( props ) => {

thatisuday / index.js

Created January 5, 2021 12:22

electron-webpack renderer entrypoint.

	import React from 'react';
	import ReactDOM from 'react-dom';

	// import entry component
	import Entry from './entry';

	// render `Entry` component
	ReactDOM.render(
	<Entry name='React'/>,
	document.getElementById( 'app' ),

thatisuday / package.json

Created January 5, 2021 09:57

thatisuday / index.html

Last active January 5, 2021 10:27

	<html lang='en'>
	<head>
	<meta charset='UTF-8'>
	<meta name='viewport' content='width=device-width, initial-scale=1.0'>
	</head>
	<body style="background-color: #eee;">
	<div id='app'></div>
	</body>
	</html>

thatisuday / util.js

Last active January 5, 2021 08:16

	import path from 'path';
	import fs from 'fs';

	// get application version from `static/version.txt`
	export const getVersion = () => {
	const versionFilePath = path.resolve( __static, 'version.txt' );
	return fs.readFileSync( versionFilePath, {
	encoding: 'utf-8',
	} );
	};

thatisuday / index.js

Created January 5, 2021 07:49

electron-webpack entrypoint for the main process

	import { app, BrowserWindow } from 'electron';
	import path from 'path';

	// local dependencies
	import { getVersion } from 'common/util';

	// get environment type
	const isDevelopment = process.env.NODE_ENV !== 'production';

	// open a window

thatisuday / electron-webpack.json

Last active January 5, 2021 05:15

A sample electron-webpack configuration file.

	{
	"title": "My React App",
	"main": {
	"sourceDirectory": "app/main"
	},
	"renderer": {
	"sourceDirectory": "app/renderer",
	"template": "app/renderer/index.html"
	},
	"commonSourceDirectory": "app/common",

thatisuday / dom.js

Created December 29, 2020 21:54

Handles DOM related operations of an Electron application.

	const { ipcRenderer } = require( 'electron' );

	// copy file
	window.copyFile = function ( event, itemId ) {
	event.preventDefault();

	// get path of the file
	const itemNode = document.getElementById( itemId );
	const filepath = itemNode.getAttribute( 'data-filepath' );

thatisuday / renderer.js

Created December 29, 2020 21:41

The renderer process entrypoint for an Electron application.

	const dragDrop = require( 'drag-drop' );
	const { ipcRenderer } = require( 'electron' );

	// local dependencies
	const dom = require( './dom' );

	/*****************************/

	// get list of files from the `main` process
	ipcRenderer.invoke( 'app:get-files' ).then( ( files = [] ) => {

thatisuday / index.html

Created December 29, 2020 21:31

An Electron application HTML file.

	<!DOCTYPE html>
	<html lang='en'>
	<head>
	<meta charset='UTF-8'>
	<meta name='viewport' content='width=device-width, initial-scale=1.0'>
	<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
	<title>Files Manager</title>

	<!-- import fonts -->
	<link rel="preconnect" href="https://fonts.gstatic.com">