<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"><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-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>:<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/<wbr>Native/BackgroundColor';<br></blockquote><div><br></div><div>Outputs a lot of:<span class=""><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 class=""><br clear="all"><div><div class="m_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="h5"><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.<wbr>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">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_7339347005913081502HOEnZb"><div class="m_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_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-line"><span class="m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-keyword">import</span> CompositeComponent   <span class="m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-keyword">from</span> <span class="m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-string">'..'</span>;</div><div class="m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-line"><span class="m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-keyword">import</span> BGColorComponent     <span class="m_7339347005913081502m_-4378844490767050877m_3226251940898746735gmail-keyword">from</span> <span class="m_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_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_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_7339347005913081502m_-4378844490767050877m_3226251940898746735HOEnZb"><div class="m_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_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_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_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_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_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_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_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_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>