reset to blih only

build/WinBar.js

-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WinBar = undefined;
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _AppBar = require('material-ui/AppBar');
-
-var _AppBar2 = _interopRequireDefault(_AppBar);
-
-var _IconButton = require('material-ui/IconButton');
-
-var _IconButton2 = _interopRequireDefault(_IconButton);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var React = require('react');
-
-var WinBar = exports.WinBar = function (_React$Component) {
-  _inherits(WinBar, _React$Component);
-
-  function WinBar() {
-    _classCallCheck(this, WinBar);
-
-    return _possibleConstructorReturn(this, (WinBar.__proto__ || Object.getPrototypeOf(WinBar)).apply(this, arguments));
-  }
-
-  _createClass(WinBar, [{
-    key: 'render',
-    value: function render() {
-      return React.createElement(_AppBar2.default, {
-        title: 'Glih',
-        showMenuIconButton: false,
-        iconElementRight: React.createElement(
-          _IconButton2.default,
-          { iconClassName: 'material-icons' },
-          'close'
-        )
-      });
-    }
-  }]);
-
-  return WinBar;
-}(React.Component);

build/app.js

-'use strict';
-
-var _reactTapEventPlugin = require('react-tap-event-plugin');
-
-var _reactTapEventPlugin2 = _interopRequireDefault(_reactTapEventPlugin);
-
-var _darkBaseTheme = require('material-ui/styles/baseThemes/darkBaseTheme');
-
-var _darkBaseTheme2 = _interopRequireDefault(_darkBaseTheme);
-
-var _getMuiTheme = require('material-ui/styles/getMuiTheme');
-
-var _getMuiTheme2 = _interopRequireDefault(_getMuiTheme);
-
-var _colors = require('material-ui/styles/colors');
-
-var _MuiThemeProvider = require('material-ui/styles/MuiThemeProvider');
-
-var _MuiThemeProvider2 = _interopRequireDefault(_MuiThemeProvider);
-
-var _WinBar = require('WinBar');
-
-var _WinBar2 = _interopRequireDefault(_WinBar);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var React = require('react');
-var ReactDOM = require('react-dom');
-
-
-(0, _reactTapEventPlugin2.default)();
-
-var theme = (0, _getMuiTheme2.default)({
-  palette: {
-    primary1Color: _colors.darkBlack
-  }
-});
-
-var App = function App() {
-  return React.createElement(_MuiThemeProvider2.default, { muiTheme: theme });
-};
-
-ReactDOM.render(React.createElement(App, null), document.getElementById('app'));

glih/.babelrc

-{
-  "presets": ["es2015", "react"]
-}

glih/.editorconfig

-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-indent_size = 2
-indent_style = space
-insert_final_newline = true
-trim_trailing_whitespace = true

glih/.eslintrc

-{
-  "ecmaFeatures": {
-    "arrowFunctions": true,
-    "binaryLiterals": true,
-    "blockBindings": true,
-    "classes": true,
-    "defaultParams": true,
-    "destructuring": true,
-    "forOf": true,
-    "generators": true,
-    "globalReturn": true,
-    "jsx": true,
-    "modules": true,
-    "objectLiteralComputedProperties": true,
-    "objectLiteralDuplicatProperties": true,
-    "objectLiteralShorthandMethods": true,
-    "objectLiteralShorthandProperties": true,
-    "octalLiterals": true,
-    "regexUFlag": true,
-    "regexYFlag": true,
-    "restParams": true,
-    "spread": true,
-    "superInFunctions": true,
-    "templateStrings": true,
-    "unicodeCodePointEscapes": true
-  },
-
-  "env": {
-    "browser": true,
-    "es6": true,
-    "node": true
-  },
-
-  "plugins": [
-    "react"
-  ],
-
-  "rules": {
-    "accessor-pairs": 2,
-    "array-bracket-spacing": 2,
-    "arrow-spacing": [2, { "before": true, "after": true }],
-    "block-spacing": [2, "always"],
-    "brace-style": [2, "stroustrup", { "allowSingleLine": true }],
-    "camelcase": [2, { "properties": "always" }],
-    "comma-dangle": 2,
-    "comma-spacing": [2, { "before": false, "after": true }],
-    "comma-style": [2, "last"],
-    "computed-property-spacing": [2, "never"],
-    "consistent-return": 2,
-    "consistent-this": [2, "self"],
-    "curly": [2, "multi-line"],
-    "dot-location": [2, "property"],
-    "eol-last": 2,
-    "eqeqeq": 2,
-    "generator-star-spacing": [2, { "before": false, "after": true }],
-    "handle-callback-err": 2,
-    "indent": [2, 2, { "SwitchCase": 1 }],
-    "jsx-quotes": [2, "prefer-single"],
-    "key-spacing": [2, { "beforeColon": false, "afterColon": true }],
-    "linebreak-style": [2, "unix"],
-    "new-cap": 2,
-    "new-parens": 2,
-    "no-caller": 2,
-    "no-class-assign": 2,
-    "no-cond-assign": 2,
-    "no-const-assign": 2,
-    "no-constant-condition": 2,
-    "no-control-regex": 2,
-    "no-debugger": 2,
-    "no-delete-var": 2,
-    "no-dupe-args": 2,
-    "no-dupe-class-members": 2,
-    "no-dupe-keys": 2,
-    "no-duplicate-case": 2,
-    "no-else-return": 2,
-    "no-empty": 2,
-    "no-empty-character-class": 2,
-    "no-eq-null": 2,
-    "no-eval": 2,
-    "no-ex-assign": 2,
-    "no-extend-native": 2,
-    "no-extra-bind": 2,
-    "no-extra-boolean-cast": 2,
-    "no-extra-semi": 2,
-    "no-floating-decimal": 2,
-    "no-func-assign": 2,
-    "no-implicit-coercion": 2,
-    "no-implied-eval": 2,
-    "no-inner-declarations": 2,
-    "no-invalid-regexp": 2,
-    "no-invalid-this": 2,
-    "no-irregular-whitespace": 2,
-    "no-iterator": 2,
-    "no-labels": 2,
-    "no-lone-blocks": 2,
-    "no-mixed-spaces-and-tabs": 2,
-    "no-multi-spaces": 2,
-    "no-multiple-empty-lines": 2,
-    "no-native-reassign": 2,
-    "no-negated-in-lhs": 2,
-    "no-nested-ternary": 2,
-    "no-new": 2,
-    "no-new-func": 2,
-    "no-new-object": 2,
-    "no-new-wrappers": 2,
-    "no-obj-calls": 2,
-    "no-octal": 2,
-    "no-param-reassign": 2,
-    "no-process-env": 2,
-    "no-proto": 2,
-    "no-redeclare": 2,
-    "no-regex-spaces": 2,
-    "no-script-url": 2,
-    "no-self-compare": 2,
-    "no-sequences": 2,
-    "no-spaced-func": 2,
-    "no-sparse-arrays": 2,
-    "no-this-before-super": 2,
-    "no-throw-literal": 2,
-    "no-trailing-spaces": 2,
-    "no-undefined": 2,
-    "no-underscore-dangle": 2,
-    "no-unexpected-multiline": 2,
-    "no-unneeded-ternary": 2,
-    "no-unreachable": 2,
-    "no-unused-expressions": 2,
-    "no-unused-vars": 2,
-    "no-useless-call": 2,
-    "no-var": 2,
-    "no-void": 2,
-    "no-with": 2,
-    "object-curly-spacing": [2, "always", { "objectsInObjects": true }],
-    "object-shorthand": 2,
-    "operator-linebreak": [2, "after"],
-    "padded-blocks": [2, "never"],
-    "prefer-arrow-callback": 2,
-    "prefer-spread": 2,
-    "prefer-template": 2,
-    "quotes": [2, "single", "avoid-escape"],
-    "radix": 2,
-    "react/display-name": 2,
-    "react/jsx-boolean-value": 2,
-    "react/jsx-closing-bracket-location": 2,
-    "react/jsx-curly-spacing": 2,
-    "react/jsx-indent-props": [2, 2],
-    "react/jsx-max-props-per-line": 2,
-    "react/jsx-no-duplicate-props": 2,
-    "react/jsx-no-undef": 2,
-    "react/jsx-sort-prop-types": 2,
-    "react/jsx-sort-props": 2,
-    "react/jsx-uses-react": 2,
-    "react/jsx-uses-vars": 2,
-    "react/no-danger": 2,
-    "react/no-did-mount-set-state": [2, 'allow-in-func'],
-    "react/no-did-update-set-state": 2,
-    "react/no-direct-mutation-state": 2,
-    "react/no-multi-comp": 2,
-    "react/no-unknown-property": 2,
-    "react/prop-types": 2,
-    "react/react-in-jsx-scope": 2,
-    "react/require-extension": 2,
-    "react/self-closing-comp": 2,
-    "react/sort-comp": 2,
-    "react/wrap-multilines": 2,
-    "require-yield": 2,
-    "semi": 2,
-    "semi-spacing": [2, { "before": false, "after": true }],
-    "space-after-keywords": [2, "always"],
-    "space-before-blocks": [2, "always"],
-    "space-before-function-paren": [2, "never"],
-    "space-in-parens": [2, "never"],
-    "space-infix-ops": 2,
-    "space-return-throw-case": 2,
-    "space-unary-ops": [2, { "words": true, "nonwords": false }],
-    "spaced-comment": 2,
-    "use-isnan": 2,
-    "valid-typeof": 2,
-    "vars-on-top": 2,
-    "wrap-iife": 2
-  }
-}

glih/.npmignore

-node_modules/
-private/

glih/app/index.js

-import React from 'react';
-import { render } from 'react-dom';
-
-window.addEventListener('load', () => {
-  render(<h2>Welcome to React!</h2>, document.getElementById('App'));
-});

glih/package.json

-{
-  "private": true,
-  "scripts": {
-    "build": "webpack --optimize-minimize -p",
-    "lint": "node node_modules/eslint/bin/eslint.js app",
-    "sync": "npm install; npm prune",
-    "test": "jest",
-    "watch": "webpack --progress --watch"
-  },
-  "dependencies": {
-    "babel-core": "~6.9",
-    "babel-loader": "~6.2",
-    "babel-preset-es2015": "~6.9",
-    "babel-preset-react": "~6.5",
-    "css-loader": "~0.23",
-    "node-sass": "~3.7",
-    "react": "~15.1",
-    "react-dom": "~15.1",
-    "sass-loader": "~3.2",
-    "style-loader": "~0.13",
-    "webpack": "~1.13"
-  },
-  "devDependencies": {
-    "babel-jest": "~12.1",
-    "eslint": "~2.11",
-    "eslint-plugin-react": "~5.1",
-    "jest-cli": "~12.1",
-    "react-addons-test-utils": "~15.1"
-  },
-  "jest": {
-    "scriptPreprocessor": "<rootDir>/node_modules/babel-jest",
-    "unmockedModulePathPatterns": [
-      "react",
-      "react-addons-test-utils",
-      "react-dom"
-    ]
-  }
-}

glih/public/index.html

-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="initial-scale=1, width=device-width" />
-    <title>React Application</title>
-    <script src="application.js"></script>
-  </head>
-  <body>
-    <div id="App"></div>
-  </body>
-</html>

glih/webpack.config.js

-var webpack = require('webpack');
-
-module.exports = {
-  entry: './app/index',
-
-  module: {
-    loaders: [
-      {
-        include: /app/,
-        loader: 'babel',
-        test: /\.js$/
-      },
-      {
-        include: /app/,
-        loaders: ['style', 'css', 'sass'],
-        test: /\.scss$/
-      }
-    ]
-  },
-
-  output: {
-    filename: 'application.js',
-    path: './public'
-  },
-
-  plugins: [
-    new webpack.DefinePlugin({
-      'process.env': {
-        NODE_ENV: '"production"'
-      }
-    })
-  ],
-
-  resolve: {
-    extensions: ['', '.js'],
-    modulesDirectories: ['app', 'node_modules'],
-    root: __dirname
-  },
-
-  sassLoader: {
-    includePaths: ['app']
-  }
-};

index.html

-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8">
-    <title>Glih</title>
-    <link rel="stylesheet" href="src/reset.css">
-    <link rel="stylesheet" href="src/glih.css">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="text/javascript" src="build/app.js"></script>
-    <script type="text/javascript" src="build/WinBar.js"></script>
-  </body>
-</html>

main.js

-const {app, BrowserWindow} = require('electron')
-
-let win
-
-function createWindow () {
-  // Create the browser window.
-  win = new BrowserWindow({
-    width: 800,
-    height: 600
-  })
-
-  // and load the index.html of the app.
-  win.loadURL(`file://${__dirname}/index.html`)
-
-  // Open the DevTools.
-  win.webContents.openDevTools()
-
-  // Emitted when the window is closed.
-  win.on('closed', () => {
-    // Dereference the window object, usually you would store windows
-    // in an array if your app supports multi windows, this is the time
-    // when you should delete the corresponding element.
-    win = null
-  })
-}
-
-// This method will be called when Electron has finished
-// initialization and is ready to create browser windows.
-// Some APIs can only be used after this event occurs.
-app.on('ready', createWindow)
-
-// Quit when all windows are closed.
-app.on('window-all-closed', () => {
-  // On macOS it is common for applications and their menu bar
-  // to stay active until the user quits explicitly with Cmd + Q
-  if (process.platform !== 'darwin') {
-    app.quit()
-  }
-})
-
-app.on('activate', () => {
-  // On macOS it's common to re-create a window in the app when the
-  // dock icon is clicked and there are no other windows open.
-  if (win === null) {
-    createWindow()
-  }
-})
-
-// In this file you can include the rest of your app's specific main process
-// code. You can also put them in separate files and require them here.

src/WinBar.js

-var React = require('react');
-import AppBar from 'material-ui/AppBar';
-import IconButton from 'material-ui/IconButton';
-
-export class WinBar extends React.Component {
-  render() {
-    return (
-      <AppBar
-        title="Glih"
-        showMenuIconButton={false}
-        iconElementRight={
-            <IconButton iconClassName="material-icons">close</IconButton>
-        }
-      />
-    );
-  }
-}

src/app.js

-var React = require('react');
-var ReactDOM = require('react-dom');
-import injectTapEventPlugin from 'react-tap-event-plugin';
-import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
-import getMuiTheme from 'material-ui/styles/getMuiTheme';
-import {darkBlack} from 'material-ui/styles/colors';
-import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
-import WinBar from 'WinBar';
-
-injectTapEventPlugin();
-
-var theme = getMuiTheme({
-  palette: {
-    primary1Color: darkBlack
-  }
-});
-
-const App = () => (
-  <MuiThemeProvider muiTheme={theme}>
-    
-  </MuiThemeProvider>
-);
-
-ReactDOM.render(
-  <App />,
-  document.getElementById('app')
-);

src/glih.css

-.material-icons.md-light { color: rgba(255, 255, 255, 1); }
-.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
-
-body {
-    background-color: #424242;
-}
-

src/reset.css

-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}