Evo-Forge / Essence

Essence - The Essential Material Design Framework
MIT License
416 stars 51 forks source link

Electron integration #45

Closed bartonhammond closed 8 years ago

bartonhammond commented 8 years ago

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?

hetmann commented 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.

hetmann commented 8 years ago

Hi @bartonhammond Did you tried this implementation? Let me know so I can close this issue :)

bartonhammond commented 8 years ago

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.

bartonhammond commented 8 years ago

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!

hetmann commented 8 years ago

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:

NOTE: for a new compiled version of app.min.js each time run npm run build in another window

bartonhammond commented 8 years ago

Thanks for the help!

Is it possible to have a "watch" so that any change to the code would re-load?

bartonhammond commented 8 years ago

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
screen shot 2016-03-12 at 4 16 52 pm

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
hetmann commented 8 years ago

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.

bartonhammond commented 8 years ago

This helps tremendously!!!