<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="gmail-line"><span class="gmail-keyword">import</span> CompositeComponent <span class="gmail-keyword">from</span> <span class="gmail-string">'..'</span>;</div><div class="gmail-line"><span class="gmail-keyword">import</span> BGColorComponent <span class="gmail-keyword">from</span> <span class="gmail-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_modules/paraviewweb/src';<br>import BGColorComponent from '/home/user/MyWebProject/node_modules/paraviewweb/src/Component/Native/BackgroundColor';<br><br></div><div>and<br></div><div><br>import CompositeComponent from '/home/user/MyWebProject/node_modules/paraviewweb/src/Component';<br>import BGColorComponent from '/home/user/MyWebProject/node_modules/paraviewweb/src/Component/Native/BackgroundColor';<br><br></div><div>and<br></div><div><br>import CompositeComponent from '/home/user/MyWebProject/node_modules/paraviewweb/src/Component/Native';<br>import BGColorComponent from '/home/user/MyWebProject/node_modules/paraviewweb/src/Component/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"><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-03 17:42 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">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/<wbr>Kitware/vtk-js/blob/master/<wbr>Utilities/config/dependency.js</a></div></div><div class="HOEnZb"><div class="h5"><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_-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_-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_-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_-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_-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_-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_-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_-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>