ok

build/AppBar.js

@@ -0,0 +1 @@
+"use strict";

build/WInBar.js

@@ -0,0 +1,35 @@
+"use strict";
+
+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; }; }();
+
+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 AppBar = function (_React$Component) {
+  _inherits(AppBar, _React$Component);
+
+  function AppBar() {
+    _classCallCheck(this, AppBar);
+
+    return _possibleConstructorReturn(this, (AppBar.__proto__ || Object.getPrototypeOf(AppBar)).apply(this, arguments));
+  }
+
+  _createClass(AppBar, [{
+    key: "render",
+    value: function render() {
+      return React.createElement(
+        "p",
+        null,
+        "Hello, ",
+        React.createElement("input", { type: "text", placeholder: "Your name here" }),
+        "! It is ",
+        this.props.date.toTimeString()
+      );
+    }
+  }]);
+
+  return AppBar;
+}(React.Component);

build/WinBar.js

@@ -0,0 +1,53 @@
+'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

@@ -0,0 +1,43 @@
+'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

@@ -0,0 +1,3 @@
+{
+  "presets": ["es2015", "react"]
+}

glih/.editorconfig

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,181 @@
+{
+  "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

@@ -0,0 +1,2 @@
+node_modules/
+private/

glih/app/index.js

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

glih/package.json

@@ -0,0 +1,38 @@
+{
+  "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

@@ -0,0 +1,12 @@
+<!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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,14 @@
+<!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>
+  </body>
+</html>

main.js

@@ -0,0 +1,50 @@
+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.

package.json

@@ -2,9 +2,12 @@
   "name": "glih",
   "version": "1.0.0",
   "description": "javascript version of epitech's blih utility",
-  "main": "blih.js",
+  "main": "main.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "glih": "blih.js",
+    "watch": "webpack --progress --watch",
+    "build": "webpack --optimize-minimize -p",
+    "run": "electron ."
   },
   "bin": {
     "glih": "blih.js"
@@ -18,8 +21,22 @@
   "dependencies": {
     "commander": "^2.9.0",
     "json-stable-stringify": "^1.0.1",
+    "material-ui": "^0.16.0",
     "prompt-sync": "^4.1.4",
+    "react": "^15.3.2",
+    "react-dom": "^15.3.2",
+    "react-tap-event-plugin": "^1.0.0",
     "request": "^2.75.0",
     "utf8": "^2.1.1"
+  },
+  "devDependencies": {
+    "babel-preset-es2015": "^6.16.0",
+    "babel-preset-react": "^6.16.0"
+  },
+  "babel": {
+    "presets": [
+      "es2015",
+      "react"
+    ]
   }
 }

src/WinBar.js

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1,7 @@
+.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

@@ -0,0 +1,48 @@
+/* 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;
+}