Closed bartonhammond closed 8 years ago
Hi @bartonhammond
We thank you for testing our framework. We did try Electron project and implemented a simple Essence app.
I suggest to test our Essence-Templates examples from https://github.com/Evo-Forge/Essence-Templates
From what I read the implementation for Electron is simple:
<div class="app"></div>
<script src="./app.min.js"></script>
Where app.min.js is the compiled React javascript code from your app / Essence components.
In your app file you will use ReactDOM to write to the DOM.
ReactDOM.render(
<YourAppComponent />,
document.querySelector('.app')
);
P.S.: all your assets, js files and build file must be in your Electron project or a CDN.
Hope this information is useful for your future projects. For any questions please reply to this issue.
Hi @bartonhammond Did you tried this implementation? Let me know so I can close this issue :)
No - I'm too new w/ Electron. I was hoping there would be a "boilerplate" available. I'm looking through numerous implementation now to find a possible candidate.
But you can close this if you want.
If you could help me w/ this Electron integration I would appreciate it.
Here is my repository: https://github.com/bartonhammond/ElectronEssence
Here is a short video showing you what I do: https://youtu.be/162AtWxvFio
You can see in the video that Electron starts up and tries to reference the app.min.js bundle but it seems to be missing or I have the wrong path. I think I'm close to getting it.
Please note I will be out now for a few hours but will check any response from you later.
Many thanks - I think Essence looks great!
Thanks for the video :)
This Electron implementation is very easy to implement any framework you like, including Essence.
See the Electron branch from Essence-Templates: https://github.com/Evo-Forge/Essence-Templates/tree/electron
You'll have js folder which has the js/app.js
file (where you write your app code components).
When editing your app.js
file with new components you need to compile the code (which will generate a new build/app.min.js
) with the command: npm run build
So the steps are:
git clone -b electron --single-branch https://github.com/Evo-Forge/Essence-Templates.git electron-demo
npm install
npm run build
npm start
NOTE: for a new compiled version of app.min.js each time run
npm run build
in another window
Thanks for the help!
Is it possible to have a "watch" so that any change to the code would re-load?
Following your above instructions, I'm getting
file:///build/Roboto-Medium-fe13e4170719c2fc586501e777bde143.ttf Failed to load resource: net::ERR_FILE_NOT_FOUND
file:///build/Material-Design-Icons-0fc5952b2ad99db0fa1a49c2e0fd5928.woff Failed to load resource: net::ERR_FILE_NOT_FOUND
file:///build/Roboto-Regular-ac3f799d5bbaf5196fab15ab8de8431c.ttf Failed to load resource: net::ERR_FILE_NOT_FOUND
index.html:1 GET file:///build/Material-Design-Icons-2635ab518b71cfe3d4241741689d8894.ttf net::ERR_FILE_NOT_FOUND
Here is my npm run build
output:
$ npm run build
> essence-electron@1.0.0 build /Users/barton/projects/electron/electron-demo
> webpack -p --optimize-minimize --config js/webpack.config.js
Hash: fcaff6e7ff468f3c787d
Version: webpack 1.12.14
Time: 45664ms
Asset Size Chunks Chunk Names
Roboto-ThinItalic-1e5737be5c68c15c3a105b2db9a3b67c.ttf 168 kB [emitted]
Roboto-Black-893fe14628bd7ac498d550e96367e1be.ttf 163 kB [emitted]
Roboto-Bold-d329cc8b34667f114a95422aaad1b063.ttf 162 kB [emitted]
Roboto-BoldItalic-b37d0bb73a2f688ecaee01647f41e3e5.ttf 164 kB [emitted]
Roboto-Italic-de74c60991cd63c8b922e0e665a39c7a.ttf 161 kB [emitted]
Roboto-Light-7b5fb88f12bec8143f00e21bc3222124.ttf 162 kB [emitted]
Roboto-LightItalic-129c5057f4480f9a353e15e1e1e09f9d.ttf 166 kB [emitted]
Roboto-Medium-fe13e4170719c2fc586501e777bde143.ttf 163 kB [emitted]
Roboto-MediumItalic-5b25afa871e1b896011859f8cdf8da74.ttf 166 kB [emitted]
Roboto-Regular-ac3f799d5bbaf5196fab15ab8de8431c.ttf 163 kB [emitted]
Roboto-Thin-3f68500b267c20051088bcc0698af773.ttf 163 kB [emitted]
Roboto-BlackItalic-256aab654d3c4dd0e12fd0a32c7e8aa6.ttf 165 kB [emitted]
RobotoCondensed-Bold-4b8b4b377e8cb358cf886d13c7bb287c.ttf 162 kB [emitted]
RobotoCondensed-BoldItalic-9b1d05d1b332e5b95ad86e71ca8404fb.ttf 167 kB [emitted]
RobotoCondensed-LightItalic-3e7ea40567d203bb3b6417b840755212.ttf 167 kB [emitted]
RobotoCondensed-Regular-b0b1845ecce8ab6a503971e808a8409c.ttf 162 kB [emitted]
RobotoCondensed-italic-d02fffb6890e4f28023dd149916d1b8a.ttf 166 kB [emitted]
Material-Design-Icons-d23b5163599596ee8fed5e6c4fce824d.eot 142 kB [emitted]
Material-Design-Icons-98311456903486ecf6f8f705bee85781.svg 330 kB [emitted]
Material-Design-Icons-2635ab518b71cfe3d4241741689d8894.ttf 142 kB [emitted]
Material-Design-Icons-0fc5952b2ad99db0fa1a49c2e0fd5928.woff 142 kB [emitted]
app.min.js 1.33 MB 0 [emitted] main
+ 379 hidden modules
WARNING in app.min.js from UglifyJs
Condition always true [./~/classnames/index.js:40,2]
Dropping unreachable code [./~/classnames/index.js:46,0]
Side effects in initialization of unused variable sourceMap [./~/style-loader/addStyles.js:214,0]
Side effects in initialization of unused variable media [./~/style-loader/addStyles.js:232,0]
Condition always false [./~/style-loader/addStyles.js:24,0]
Dropping unreachable code [./~/style-loader/addStyles.js:25,0]
Condition always true [./~/react/lib/ReactMount.js:764,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-card/lib/card.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-card/lib/card.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-card/lib/card.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-dialog/lib/dialog.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-dialog/lib/dialog.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-dialog/lib/dialog.less:7,0]
Condition always true [./~/react/lib/findDOMNode.js:46,0]
Condition always true [./~/react/lib/instantiateReactComponent.js:80,0]
Dropping unreachable code [./~/react/lib/shouldUpdateReactComponent.js:40,0]
Condition always true [./~/react/lib/traverseAllChildren.js:158,0]
Side effects in initialization of unused variable menuItemText [./~/react-essence/~/essence-menu/lib/menu.js:119,0]
Dropping unreachable code [./~/react-essence/~/essence-switch/lib/switch.js:91,0]
Dropping unreachable code [./~/react-essence/~/essence-switch/lib/switch.js:109,0]
Dropping unreachable code [./~/react-essence/~/essence-switch/lib/switch.js:129,0]
Dropping unused variable self [./~/react-essence/~/essence-tooltip/lib/tooltip.js:35,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:58,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:65,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:72,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:79,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:86,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:93,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:96,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:99,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/block/block.js:106,0]
Side effects in initialization of unused variable _reactAddonsCssTransitionGroup2 [./~/react-essence/~/essence-core/lib/highlighter/highlighter.js:15,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:59,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:66,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:73,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:80,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:87,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:94,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:101,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:108,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:115,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:122,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:129,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:136,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:143,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:150,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:157,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:164,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:171,0]
Dropping unreachable code [./~/react-essence/~/essence-core/lib/text/text.js:178,0]
Dropping unused variable self [./~/react-essence/~/essence-data-table/lib/body.js:29,0]
Dropping unused variable self [./~/react-essence/~/essence-data-table/lib/column.js:31,0]
Dropping unused variable self [./~/react-essence/~/essence-data-table/lib/footer.js:29,0]
Dropping unused variable self [./~/react-essence/~/essence-data-table/lib/header.js:29,0]
Dropping unused variable self [./~/react-essence/~/essence-data-table/lib/row.js:31,0]
Dropping unreachable code [./~/react-essence/~/essence-data-table/lib/table.js:188,0]
Dropping unused variable self [./~/react-essence/~/essence-data-table/lib/table.js:233,0]
Dropping unused variable self [./~/react-essence/~/essence-data-table/lib/table.js:325,0]
Dropping unreachable code [./~/react-essence/~/essence-input/lib/input.js:133,0]
Dropping unreachable code [./~/react-essence/~/essence-input/lib/input.js:144,0]
Dropping unreachable code [./~/react-essence/~/essence-progress/lib/progress.js:85,0]
Dropping unreachable code [./~/react-essence/~/essence-progress/lib/progress.js:96,0]
Dropping unreachable code [./~/react-essence/~/essence-progress/lib/progress.js:103,0]
Dropping unreachable code [./~/react-essence/~/essence-progress/lib/progress.js:111,0]
Dropping unreachable code [./~/react-essence/~/essence-progress/lib/progress.js:122,0]
Side effects in initialization of unused variable width [./~/react-essence/~/essence-snackbar/lib/snackbar.js:74,0]
Dropping unused variable stepsHeader [./~/react-essence/~/essence-stepper/lib/stepper.js:103,0]
Dropping unused variable stepsContent [./~/react-essence/~/essence-stepper/lib/stepper.js:104,0]
Dropping unused variable stepsItems [./~/react-essence/~/essence-stepper/lib/stepper.js:177,0]
Side effects in initialization of unused variable width [./~/react-essence/~/essence-toast/lib/toast.js:74,0]
Side effects in initialization of unused variable _essenceCore [./~/react-essence/~/essence-toolbar/lib/toolbar.js:15,0]
Dropping unused variable self [./~/react-essence/~/essence-touchpad/lib/touchpad.js:31,0]
Condition always true [./~/react/lib/ReactDOMComponent.js:907,0]
Dropping side-effect-free statement [./~/react/lib/ReactEventListener.js:72,0]
Dropping unused function handleTopLevelWithPath [./~/react/lib/ReactEventListener.js:98,0]
Dropping unused variable DOCUMENT_FRAGMENT_NODE_TYPE [./~/react/lib/ReactEventListener.js:26,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-appbar/lib/appbar.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-appbar/lib/appbar.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-appbar/lib/appbar.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-bottomsheet/lib/bottomsheet.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-bottomsheet/lib/bottomsheet.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-bottomsheet/lib/bottomsheet.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-button/lib/button.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-button/lib/button.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-button/lib/button.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-chip/lib/chip.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-chip/lib/chip.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-chip/lib/chip.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/block/block.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/block/block.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/block/block.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/divider/divider.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/divider/divider.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/divider/divider.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/highlighter/highlighter.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/highlighter/highlighter.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/highlighter/highlighter.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/rippleink/rippleink.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/rippleink/rippleink.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/rippleink/rippleink.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/text/text.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/text/text.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-core/lib/text/text.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-data-table/lib/table.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-data-table/lib/table.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-data-table/lib/table.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-icon/lib/icon.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-icon/lib/icon.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-icon/lib/icon.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-image/lib/image.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-image/lib/image.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-image/lib/image.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-input/lib/input.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-input/lib/input.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-input/lib/input.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-list/lib/list.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-list/lib/list.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-list/lib/list.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-menu/lib/menu.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-menu/lib/menu.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-menu/lib/menu.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-navigation/lib/navigation.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-navigation/lib/navigation.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-navigation/lib/navigation.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-paper/lib/paper.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-paper/lib/paper.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-paper/lib/paper.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-progress/lib/progress.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-progress/lib/progress.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-progress/lib/progress.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-slider/lib/slider.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-slider/lib/slider.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-slider/lib/slider.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-snackbar/lib/snackbar.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-snackbar/lib/snackbar.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-snackbar/lib/snackbar.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-stepper/lib/stepper.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-stepper/lib/stepper.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-stepper/lib/stepper.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-switch/lib/switch.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-switch/lib/switch.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-switch/lib/switch.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-tab/lib/tab.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-tab/lib/tab.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-tab/lib/tab.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-toast/lib/toast.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-toast/lib/toast.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-toast/lib/toast.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-toolbar/lib/toolbar.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-toolbar/lib/toolbar.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-toolbar/lib/toolbar.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-tooltip/lib/tooltip.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-tooltip/lib/tooltip.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-tooltip/lib/tooltip.less:7,0]
Condition always false [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-touchpad/lib/touchpad.less:10,0]
Dropping unreachable code [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-touchpad/lib/touchpad.less:12,0]
Side effects in initialization of unused variable update [./~/style-loader!./~/css-loader!./~/less-loader!./~/react-essence/~/essence-touchpad/lib/touchpad.less:7,0]
~/projects/electron/electron-demo (electron)$ ls
LICENSE.md README.md assets build index.html js main.js node_modules package.json
~/projects/electron/electron-demo (electron)$ ls build
Material-Design-Icons-0fc5952b2ad99db0fa1a49c2e0fd5928.woff Roboto-Medium-fe13e4170719c2fc586501e777bde143.ttf
Material-Design-Icons-2635ab518b71cfe3d4241741689d8894.ttf Roboto-MediumItalic-5b25afa871e1b896011859f8cdf8da74.ttf
Material-Design-Icons-98311456903486ecf6f8f705bee85781.svg Roboto-Regular-ac3f799d5bbaf5196fab15ab8de8431c.ttf
Material-Design-Icons-d23b5163599596ee8fed5e6c4fce824d.eot Roboto-Thin-3f68500b267c20051088bcc0698af773.ttf
Roboto-Black-893fe14628bd7ac498d550e96367e1be.ttf Roboto-ThinItalic-1e5737be5c68c15c3a105b2db9a3b67c.ttf
Roboto-BlackItalic-256aab654d3c4dd0e12fd0a32c7e8aa6.ttf RobotoCondensed-Bold-4b8b4b377e8cb358cf886d13c7bb287c.ttf
Roboto-Bold-d329cc8b34667f114a95422aaad1b063.ttf RobotoCondensed-BoldItalic-9b1d05d1b332e5b95ad86e71ca8404fb.ttf
Roboto-BoldItalic-b37d0bb73a2f688ecaee01647f41e3e5.ttf RobotoCondensed-LightItalic-3e7ea40567d203bb3b6417b840755212.ttf
Roboto-Italic-de74c60991cd63c8b922e0e665a39c7a.ttf RobotoCondensed-Regular-b0b1845ecce8ab6a503971e808a8409c.ttf
Roboto-Light-7b5fb88f12bec8143f00e21bc3222124.ttf RobotoCondensed-italic-d02fffb6890e4f28023dd149916d1b8a.ttf
Roboto-LightItalic-129c5057f4480f9a353e15e1e1e09f9d.ttf app.min.js
~/projects/electron/electron-demo (electron)$ npm start
That error is from the file:// implementation in the main.js
I think a better option is to have a local http server and open that URL.
When I have time this week I will see what I can do.
Hope this help with your project.
This helps tremendously!!!
I'm learning Electron and think Essence would be a great fit. Do you have any example or know how to include Essence into Electron? Any suggestion?