<div dir="ltr"><div>Thank you, Sebastien! <br><br></div>It worked! The correct path should also have a '/' at the end so:<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">dataModel = new QueryDataModel(jsonData, '/data/'),<br></blockquote><div><br></div><div>instead of</div><div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div> dataModel = new QueryDataModel(jsonData, '/data'),</div></blockquote><div><br></div><div>Thanks again! <br></div></div><div class="gmail_extra"><br clear="all"><div><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
<br><div class="gmail_quote">2017-08-22 15:30 GMT-03:00 Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Almost, the missing part is for "<span style="font-size:12.8px">dataModel = new QueryDataModel(jsonData, 'path/to/dist/data')"</span><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">'</span><span style="font-size:12.8px">path/to/dist/data' should be '/data' since your web server is serving path/to/dist as /</span></div></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Aug 22, 2017 at 12:23 PM, Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>So, just to be clear in order for me to understand<br><br></div>I should copy the content of 'node_modules/tonic-arctic-sam<wbr>ple-data/data/probe/' to 'dist/data' and use<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">dataModel = new QueryDataModel(jsonData, 'path/to/dist/data'), <br></blockquote><div><br></div><div>in the src/index.js ?</div><div><br></div><div>Thanks in advance! <br></div></div><div class="gmail_extra"><span><br clear="all"><div><div class="m_6775907506485283611m_7536564511153915776gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
<br></span><div><div class="m_6775907506485283611h5"><div class="gmail_quote">2017-08-22 15:01 GMT-03:00 Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><span style="font-size:12.8px">__BASE_PATH__ is meant to dynamically define the http endpoint. </span><span style="font-size:12.8px">This should not be a file path...</span><div><span style="font-size:12.8px">You can remove it from your code and provide a proper endpoint. For us it is used on to allow local and <a href="http://github.io" target="_blank">github.io</a> deployment.<br></span><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">In your case, you need to copy that data by yourself to the dist/data directory so you can access it via http...</span></div></div><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">Hope that helps,</span></div><div><span style="font-size:12.8px"><br></span></div><div><span style="font-size:12.8px">Seb</span></div></div><div class="m_6775907506485283611m_7536564511153915776HOEnZb"><div class="m_6775907506485283611m_7536564511153915776h5"><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Aug 22, 2017 at 11:45 AM, Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Thank you, Sebastien.<br><br></div>I am able to build the example but the data don't show up yelding in the browser debugger<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">ReferenceError: __BASE_PATH__ is not defined[Learn More] <br></blockquote><br>In the following line of MyWebApp.js<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">dataModel = new _QueryDataModel2.default(_inde<wbr>x2.default, __BASE_PATH__ + '/data/probe/'),<br></blockquote><div><br></div><div>Do you know what path should be resolved by (__BASE_PATH__ + 'data/probe') ?</div><div><br></div><div>I looked upon the the example webpage and repositories of paraviewweb/vtk.js and in then the resolve is</div><div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div> dataModel = new _QueryDataModel2.default(_inde<wbr>x2.default, ('/paraviewweb') + '/data/probe/'),<br></div></blockquote><div><br></div><div>but this path does not exists after <br></div><div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div>npm install paraviewweb  --save</div><div>npm install kw-web-suite  --save-dev</div></blockquote><div><br></div><div>In the repositories, __BASE_PATH__ shows up in karma.config. Not using and not knowing how to use karma the problem?</div><div><br></div><div>I tried defining __BASE_PATH__ in <br></div><div><br></div><div>var path = require('path'),<br>    webpack = require('webpack'),<br>    loaders = require('./node_modules/paravi<wbr>ewweb/config/webpack.loaders.j<wbr>s'),<br>    plugins = <br>    [ new webpack.DefinePlugin(<br>      {<br>        __BASE_PATH__: ''' a lot of paths '"<br>      }),<br>    ],</div><div><br></div><div><br></div><div>but of the lot of paths I tried, none worked. <br><br></div><div>Hope you can help me here!</div><div>Thanks in advance!<br></div><div><br></div></div><div class="gmail_extra"><span><br clear="all"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
<br></span><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980h5"><div class="gmail_quote">2017-08-14 18:38 GMT-03:00 Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">I think your import is correct. <div><br></div><div>Regarding the sample data, this is the way you can download it via npm (when doing "npm install")</div><div>=> <a href="https://github.com/Kitware/paraviewweb/blob/master/package.json#L48" target="_blank">https://github.com/Kitware/<wbr>paraviewweb/blob/master/packag<wbr>e.json#L48</a></div></div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729HOEnZb"><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Aug 14, 2017 at 3:12 PM, Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><div>Hi! Thank you for the help! Because of it I was able to build and start the example correctly. Now I am trying different examples such as MultiLayoutViewer <a href="https://kitware.github.io/paraviewweb/examples/MultiLayoutViewer.html" target="_blank">https://kitware.github.io/para<wbr>viewweb/examples/MultiLayoutVi<wbr>ewer.html</a> .<br></div><div>I am still a little doubtful about my imports but I believe<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817gmail-keyword">import</span> MultiLayoutViewer    <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817gmail-keyword">from</span> <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817gmail-string">'..'</span>; <br></blockquote><pre>should be <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817gmail-keyword"><br></span></pre><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817gmail-keyword">import</span> MultiLayoutViewer    <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817gmail-keyword">from</span> <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817gmail-string">'paraviewweb/src/React/Viewers<wbr>/MultiLayoutViewer'</span></blockquote><div> <br>Right?</div></div><div><br></div><div>I couldn't find the package <i>tonic-arctic-sample-data </i>that holds the content needed in MultiLayoutViewer, MultiLayoutRenderer and Probe3DViewer examples in trough npm.<br><br></div>Do you know how to do proceed?<br><br></div>Thanks in advance.<br></div><div class="gmail_extra"><span><br clear="all"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
<br></span><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476h5"><div class="gmail_quote">2017-08-10 11:35 GMT-03:00 Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">With ParaViewWeb, we force the user to pick the version of the dependencies they wants to install instead of forcing them.<div><br></div><div>Regarding your import path they are still wrong.</div><div><br></div><div>from paraviewweb/src/Component/Nati<wbr>ve/Composite/example/index.js</div><div><br></div><div>when you import '..' that resolve to paraviewweb/src/Component/Nati<wbr>ve/Composite</div><div><br></div><div>which means your imports should be:</div><div><br></div><div><span style="font-size:12.8px">import CompositeComponent   from '</span>paraviewweb/src/Component/Nat<wbr>ive/Composite<span style="font-size:12.8px">';</span><br style="font-size:12.8px"><span style="font-size:12.8px">import BGColorComponent     from 'paraviewweb/src/Component/</span><span style="font-size:12.8px">Nat<wbr>ive/BackgroundColor';</span><br></div></div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817HOEnZb"><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817h5"><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Aug 9, 2017 at 7:37 PM, Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div><div><div>So, I was able to build using 'paraviewweb/src/' and installing forcibly mout, axios and hammerjs packages.<br><br></div>Now there's other js errors that I am going after like /plotly.js\ and global reference ones !<br><br></div><div>It's definitely not a simple task to build an example of paraviewweb as a standalone app. <br></div><div><br></div>Definitely will come back with updates.<br><br></div>Best regards,<br><div><div><div><br></div></div></div></div><div class="gmail_extra"><span><br clear="all"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
<br></span><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961h5"><div class="gmail_quote">2017-08-09 19:58 GMT-03:00 Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span><wbr>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>So I am not sure of the first path yet. Is it 'paraviewweb/src/' or 'paraviewweb/src/Component'?<br> <br>I have the exactly same result using full path or starting with 'paraviewweb'<br><br></div>Using:<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">import CompositeComponent   from 'paraviewweb/src/';<br>import BGColorComponent     from 'paraviewweb/src/Component/Nat<wbr>ive/BackgroundColor';<br></blockquote><div><br></div><div>Outputs a lot of:<span><br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">Module not found: Error: Can't resolve<br></blockquote><div><br></div></span><div>So I did a 'npm list x' with x being the modules it couldn't resolve(axios, hammerjs and etc) and none of then was installed.<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">root@PC:~/MyWebProject# npm list hammerjs<br>projeto1@0.0.1 /home/gabriel/MyWebProject<br>└── (empty)<br><br>root@PC:~/MyWebProject# npm list axios<br>projeto1@0.0.1 /home/gabriel/MyWebProject<br>└── (empty)<br></blockquote><br><br></div><div>Do you believe <i><u>npm install paraviewweb --save</u></i> and npm install <u><i>kw-web-suite --save-dev</i></u> failed installing the dependencies correctly?<br><br></div>Best regards,</div></div><div class="gmail_extra"><span><br clear="all"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
<br></span><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594h5"><div class="gmail_quote">2017-08-09 19:38 GMT-03:00 Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">The import should start with 'paraviewweb' then you provide the full path from there like:<div><br></div><div><span style="font-size:12.8px">import BGColorComponent     from '</span><span style="font-size:12.8px">paraviewweb/src/</span><span style="font-size:12.8px">Component/Nat<wbr>ive/</span><span style="font-size:12.8px">BackgroundColor';</span><br></div></div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502HOEnZb"><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502h5"><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Aug 9, 2017 at 6:24 PM, Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Hi! I did the changes. The only thing I am not sure it's the right paths in the imports of  ${ROOT}/src/index.js<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><pre><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-line"><span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-keyword">import</span> CompositeComponent   <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-keyword">from</span> <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-string">'..'</span>;</div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-line"><span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-keyword">import</span> BGColorComponent     <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-keyword">from</span> <span class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-string">'../../BackgroundColor'</span>;</div></pre></blockquote><div><br></div><div>Should I change this paths? <br><br></div><div>I did try <br><br>import CompositeComponent   from '/home/user/MyWebProject/node_<wbr>modules/paraviewweb/src';<br>import BGColorComponent     from '/home/user/MyWebProject/node_<wbr>modules/paraviewweb/src/Compon<wbr>ent/Native/BackgroundColor';<br><br></div><div>and<br></div><div><br>import CompositeComponent   from '/home/user/MyWebProject/node_<wbr>modules/paraviewweb/src/Compon<wbr>ent';<br>import BGColorComponent     from '/home/user/MyWebProject/node_<wbr>modules/paraviewweb/src/Compon<wbr>ent/Native/BackgroundColor';<br><br></div><div>and<br></div><div><br>import CompositeComponent   from '/home/user/MyWebProject/node_<wbr>modules/paraviewweb/src/Compon<wbr>ent/Native';<br>import BGColorComponent     from '/home/user/MyWebProject/node_<wbr>modules/paraviewweb/src/Compon<wbr>ent/Native/BackgroundColor';<br><br></div><div>With the last 2 sucessfully building but with JS errors in Firefox<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">TypeError: _Component2.default is not a constructor[Learn More]<br></blockquote><br></div><div>and<br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">TypeError: _Native2.default is not a constructor<br></blockquote><br></div><div>and the first one not building and giving me a lot of <br><br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">Module not found: Error: Can't resolve<br></blockquote><div><br><br></div><div>Thanks in advance!<br><br></div></div></div></div><div class="gmail_extra"><span><br clear="all"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
<br></span><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877h5"><div class="gmail_quote">2017-08-03 17:42 GMT-03:00 Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">If I get to it, I'll do what I've done with vtk.js to support both.<div><br></div><div>See: <a href="https://github.com/Kitware/vtk-js/blob/master/Utilities/config/dependency.js" target="_blank">https://github.com/Kitwar<wbr>e/vtk-js/blob/master/Utilities<wbr>/config/dependency.js</a></div></div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735HOEnZb"><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735h5"><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Aug 3, 2017 at 1:49 PM, Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Thank you, Sebastien. I will give a try!<br><br></div>Do you believe it's best to rollback webpack to 1.x or to change the webpack.config.js in order to fit webpack 2.x API?<br><div><div><div class="gmail_extra"><span><br clear="all"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735m_-1566784947330593618m_5000014856531208991gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
<br></span><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735m_-1566784947330593618h5"><div class="gmail_quote">2017-07-24 17:21 GMT-03:00 Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Based on the path given in the setup guide, you should copy the example you want to reproduce inside ${ROOT}/src/* where the main example file should be named index.js.<div><br></div><div>Then you should be able to build your example using the npm command: "npm run build".</div><div><br></div><div>Maybe the vtk.js explanation might be easier to follow (<a href="https://kitware.github.io/vtk-js/docs/intro_vtk_as_es6_dependency.html" target="_blank">https://kitware.github.io/vtk<wbr>-js/docs/intro_vtk_as_es6_depe<wbr>ndency.html</a>), but the concept is exactly the same.</div><div>As it is picking the example available here <a href="https://kitware.github.io/vtk-js/examples/Cone.html" target="_blank">https://kitware.github.io<wbr>/vtk-js/examples/Cone.html</a> | <a href="https://github.com/Kitware/vtk-js/tree/master/Examples/WebGL/Cone" target="_blank">https://github.com/Kitware/v<wbr>tk-js/tree/master/Examples/Web<wbr>GL/Cone</a></div><div>and making a standalone application from it.</div><div><br></div><div>Just be aware that vtk.js is using webpack2 which is not the case for ParaViewWeb.<br><div><br></div></div><div class="gmail_extra">Hope that helps,</div><div class="gmail_extra"><br></div><div class="gmail_extra">Seb</div><div class="gmail_extra"><br></div><div class="gmail_extra"><br></div><div class="gmail_extra"><div class="gmail_quote"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735m_-1566784947330593618m_5000014856531208991h5">On Mon, Jul 24, 2017 at 1:28 PM, Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735m_-1566784947330593618m_5000014856531208991h5"><div dir="ltr"><div><div><div><div>Hi!<br><br></div>I would like to know the steps in order to run simple example like the following one:<br><br><a href="https://kitware.github.io/paraviewweb/examples/Composite/index.html" target="_blank">https://kitware.github.io/para<wbr>viewweb/examples/Composite/ind<wbr>ex.html</a><br><br></div>It doesn't need to be a really elaborated tutorial, but a simple one with the main things.<br></div>I have little to no background in web development.<br><br></div>What I managed to do so far was to create my own project and add paraviewweb to it like its described in <a href="https://kitware.github.io/paraviewweb/docs/setup.html" target="_blank">https://kitware.github.io/para<wbr>viewweb/docs/setup.html</a> .<br><br><div><div>I don't know what to do next but I believe that a great start would be to know where to put the source code in the example and how to run it.<br><br></div><div>Thanks in advance,<br><div><div><div><br clear="all"><div><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735m_-1566784947330593618m_5000014856531208991m_-9022126673351906623gmail-m_-7680522396730333179m_-3082878416913511041gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
</div></div></div></div></div></div></div>
<br></div></div>______________________________<wbr>_________________<br>
Powered by <a href="http://www.kitware.com" rel="noreferrer" target="_blank">www.kitware.com</a><br>
<br>
Visit other Kitware open-source projects at <a href="http://www.kitware.com/opensource/opensource.html" rel="noreferrer" target="_blank">http://www.kitware.com/opensou<wbr>rce/opensource.html</a><br>
<br>
Please keep messages on-topic and check the ParaView Wiki at: <a href="http://paraview.org/Wiki/ParaView" rel="noreferrer" target="_blank">http://paraview.org/Wiki/ParaV<wbr>iew</a><br>
<br>
Search the list archives at: <a href="http://markmail.org/search/?q=ParaView" rel="noreferrer" target="_blank">http://markmail.org/search/?q=<wbr>ParaView</a><br>
<br>
Follow this link to subscribe/unsubscribe:<br>
<a href="http://public.kitware.com/mailman/listinfo/paraview" rel="noreferrer" target="_blank">http://public.kitware.com/mail<wbr>man/listinfo/paraview</a><br>
<br></blockquote></div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735m_-1566784947330593618m_5000014856531208991h5">On Mon, Jul 24, 2017 at 1:28 PM, Léo Pessanha <span dir="ltr"><<a href="mailto:leonardopessanha74@gmail.com" target="_blank">leonardopessanha74@gmail.com</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735m_-1566784947330593618m_5000014856531208991h5"><div dir="ltr"><div><div><div><div>Hi!<br><br></div>I would like to know the steps in order to run simple example like the following one:<br><br><a href="https://kitware.github.io/paraviewweb/examples/Composite/index.html" target="_blank">https://kitware.github.io/para<wbr>viewweb/examples/Composite/ind<wbr>ex.html</a><br><br></div>It doesn't need to be a really elaborated tutorial, but a simple one with the main things.<br></div>I have little to no background in web development.<br><br></div>What I managed to do so far was to create my own project and add paraviewweb to it like its described in <a href="https://kitware.github.io/paraviewweb/docs/setup.html" target="_blank">https://kitware.github.io/para<wbr>viewweb/docs/setup.html</a> .<br><br><div><div>I don't know what to do next but I believe that a great start would be to know where to put the source code in the example and how to run it.<br><br></div><div>Thanks in advance,<br><div><div><div><br clear="all"><div><div><div class="m_6775907506485283611m_7536564511153915776m_-2984152841595558980m_-52989773599802729m_-8438432933460425476m_-7395870319390675817m_-2136138196311340961m_9195024968835748594m_7339347005913081502m_-4378844490767050877m_3226251940898746735m_-1566784947330593618m_5000014856531208991m_-9022126673351906623m_-724854798503458129gmail_signature"><div dir="ltr"><div dir="ltr"><div><div><div><div><div><span><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Leonardo Pessanha<br>Laboratory of Computational Methods in Engineering </div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Federal University of Rio de Janeiro - COPPE</div><div style="color:rgb(0,0,0);font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif,serif,EmojiFont;font-size:13px">Rio de Janeiro, RJ, Brasil</div><div><br></div></span></div></div></div></div></div></div><div><div style="font-size:12.8px"></div><div style="font-size:12.8px"></div></div></div></div></div>
</div></div></div></div></div></div></div>
<br></div></div>______________________________<wbr>_________________<br>
Powered by <a href="http://www.kitware.com" rel="noreferrer" target="_blank">www.kitware.com</a><br>
<br>
Visit other Kitware open-source projects at <a href="http://www.kitware.com/opensource/opensource.html" rel="noreferrer" target="_blank">http://www.kitware.com/opensou<wbr>rce/opensource.html</a><br>
<br>
Please keep messages on-topic and check the ParaView Wiki at: <a href="http://paraview.org/Wiki/ParaView" rel="noreferrer" target="_blank">http://paraview.org/Wiki/ParaV<wbr>iew</a><br>
<br>
Search the list archives at: <a href="http://markmail.org/search/?q=ParaView" rel="noreferrer" target="_blank">http://markmail.org/search/?q=<wbr>ParaView</a><br>
<br>
Follow this link to subscribe/unsubscribe:<br>
<a href="http://public.kitware.com/mailman/listinfo/paraview" rel="noreferrer" target="_blank">http://public.kitware.com/mail<wbr>man/listinfo/paraview</a><br>
<br></blockquote></div><br></div>
</blockquote></div><br></div></div></div></div></div></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br></div></div></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br></div></div></div>
</blockquote></div><br></div></div></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br></div></div></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br></div></div></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br></div></div></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br></div>