<div dir="ltr">Cool, thank you. I found some additional dependencies (hammerjs and monologue.js) and added this loader to the webpack config for the font-awesome thing:<div><br></div><div><div> {</div><div> test: /\.(eot|svg|ttf|woff|woff2)$/,</div><div> loader: 'file-loader?name=public/fonts/[name].[ext]'</div><div> }</div><div> </div></div><div>Not sure if that's optimal, but it seems to work. My package dependencies look like this now:</div><div><br></div><div><div> "dependencies": {</div><div> "font-awesome": "^4.7.0",</div><div> "kw-web-suite": "^5.0.0",</div><div> "monologue.js": "^0.3.5",</div><div> "normalize.css": "^8.0.0",</div><div> "paraviewweb": "^3.0.9",</div><div> "react": "^15.5.4",</div><div> "react-dom": "^15.5.4",</div><div> "wslink": "^0.1.5",</div><div> "hammerjs": "^2.0.8"</div><div> },</div></div><div><br></div><div>Happy to hear if I've gotten something wrong. Looking forward to the new site.</div><div><br></div><div>Thank you,</div><div><br></div><div> -Tom</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Feb 20, 2018 at 12:32 PM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.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">Hi Tom,<div><br></div><div>I've just updated ParaViewWeb documentation (setup) to reflect the latest tools that we use. </div><div>Also I've updated the examples to use absolute path so you would not need to figure out those relative path resolution.</div><div><br></div><div>Travis is currently building the new version along with an updated website which usually take around 25 minutes to complete.</div><div><br></div><div>Seb</div></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Feb 20, 2018 at 8:16 AM, Sgouros, Thomas <span dir="ltr"><<a href="mailto:thomas_sgouros@brown.edu" target="_blank">thomas_sgouros@brown.edu</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">Yes, my excursion to webpack 1 was enough of a failure that I'm not tempted.<div><br></div><div>Thank you for that, I'll see if I can get something out of those.</div><div><br></div><div> -Tom</div></div><div class="m_8543714566267023029HOEnZb"><div class="m_8543714566267023029h5"><div class="gmail_extra"><br><div class="gmail_quote">On Tue, Feb 20, 2018 at 9:54 AM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</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">Hi Tom,<div><br></div><div>Try to stay with the latest webpack. The setup doc was initially describing the ParaViewWeb config itself. </div><div>But since we've updated the build process of ParaViewWeb, you could look at the actual configuration of ParaViewWeb itself. That will give you the proper set of files.</div><div><br></div><div><a href="https://github.com/Kitware/paraviewweb/blob/master/webpack.config.js" target="_blank">https://github.com/Kitware/par<wbr>aviewweb/blob/master/webpack.c<wbr>onfig.js</a><br></div><div><a href="https://github.com/Kitware/paraviewweb/blob/master/prettier.config.js" target="_blank">https://github.com/Kitware/par<wbr>aviewweb/blob/master/prettier.<wbr>config.js</a><br></div><div><a href="https://github.com/Kitware/paraviewweb/blob/master/package.json" target="_blank">https://github.com/Kitware/par<wbr>aviewweb/blob/master/package.j<wbr>son</a><br></div><div><a href="https://github.com/Kitware/paraviewweb/blob/master/.eslintrc.js" target="_blank">https://github.com/Kitware/par<wbr>aviewweb/blob/master/.eslintrc<wbr>.js</a><br></div><div><a href="https://github.com/Kitware/paraviewweb/blob/master/.babelrc" target="_blank">https://github.com/Kitware/par<wbr>aviewweb/blob/master/.babelrc</a><br></div><div><br></div><div>Hope that helps until we fix and update the documentation,</div><div><br></div><div>Seb</div></div><div class="m_8543714566267023029m_7569302758019660629HOEnZb"><div class="m_8543714566267023029m_7569302758019660629h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Feb 19, 2018 at 4:34 PM, Sgouros, Thomas <span dir="ltr"><<a href="mailto:thomas_sgouros@brown.edu" target="_blank">thomas_sgouros@brown.edu</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">Hi Sebastien:<div><br></div><div>I suspected that and also tried downgrading to webpack 1, but then loading paraviewweb won't work because lots of its dependencies require webpack versions up to 2.2.0. (babel-loader, expose-loader, schema-utils, worker-loader, several others) It tells you to load the peer dependencies by hand, but that seems not to work for paraviewweb, though I'm probably misunderstanding something. </div><div><br></div><div>I will forget the examples and try building up a webpack from scratch, but there are a few things in the webpack config that make me nervous about the prospects: </div><div><br></div><div> 1. The alias PVWStyle.</div><div><br></div><div> 2. The "postcss: [require('autoprefixer')... ]</div><div><br></div><div> 3. 'loader: "expose?MyWebApp"'. </div><div><br></div><div>All of these seem like maybe they are going to be required for some parts of paraviewweb. The current version of webpack seems to choke on them all, and I won't know what to replace them with. Any advice?</div><div><br></div><div>Thank you.</div><div><br></div><div> -Tom</div></div><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195HOEnZb"><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Feb 19, 2018 at 6:16 PM, Sebastien Jourdain <span dir="ltr"><<a href="mailto:sebastien.jourdain@kitware.com" target="_blank">sebastien.jourdain@kitware.co<wbr>m</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">Hi Tom,<div><br></div><div>The documentation was written when we were still using Webpack 1 and unfortunately it is outdated. </div><div>I'll try to update it so it will be easier to follow for users that don't know any of those web tools.</div><div><br></div><div>For normalize, you can find some information directly on their web site <a href="https://necolas.github.io/normalize.css/" target="_blank">https://necolas.github.io<wbr>/normalize.css/</a></div><div><br></div><div>Seb</div></div><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250HOEnZb"><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Feb 19, 2018 at 2:27 PM, Sgouros, Thomas <span dir="ltr"><<a href="mailto:thomas_sgouros@brown.edu" target="_blank">thomas_sgouros@brown.edu</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">I tried that page twice and get errors about missing fix-autobahn, and when I removed that from the package.json, webpack complained about missing eslint (I installed eslint, but it doesn't change), and then errors saying "Webpack has been initialised using a configuration object that does not match the API schema" and errors about the output directory needing to be an "**absolute path** (required)". I'm sure there's something simple I'm missing, but not sure what.<div><br></div><div>Thank you,</div><div><br></div><div> -Tom</div></div><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250m_4720284503775649417HOEnZb"><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250m_4720284503775649417h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Feb 19, 2018 at 4:08 PM, Aron Helser <span dir="ltr"><<a href="mailto:aron.helser@kitware.com" target="_blank">aron.helser@kitware.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">I think you're looking for the setup doc: <a href="https://kitware.github.io/paraviewweb/docs/setup.html" target="_blank">https://kitware.github.io<wbr>/paraviewweb/docs/setup.html</a><div>It gives you a sample webpack config. Nearly all the paraviewweb dependencies are contained in kw-websuite, as documented on that page.</div><div><br></div><div>The examples as they stand use a bit of magic, you are right, so they can be embedded in the documentation pages. AFAIK, we don't have an install option to make a stand-alone example.</div><div>Regards,</div><div>Aron</div></div><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250m_4720284503775649417m_-6100447424739261352HOEnZb"><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250m_4720284503775649417m_-6100447424739261352h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Feb 19, 2018 at 3:59 PM, Sgouros, Thomas <span dir="ltr"><<a href="mailto:thomas_sgouros@brown.edu" target="_blank">thomas_sgouros@brown.edu</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">Thank you. it would be great also to have pointers to normalize.css, and the webpack and package configs for these examples. They are more like puzzles than examples in their current state, with the challenge to find all the missing pieces and guess how to put them together. Am I missing some intro that steps me through those parts? Or is there a way to see the whole example laid out with those other pieces? Maybe an npm install option that will give me these examples on my disk?<div><br></div><div>I see fragments of examples on this page: <a href="https://kitware.github.io/paraviewweb/docs/import.html" target="_blank">https://kitware.github.i<wbr>o/paraviewweb/docs/import.html</a> , but apparently it is not enough for me.<br><div><br></div><div>Thank you,<br><div><br></div><div> -Tom</div></div></div></div><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250m_4720284503775649417m_-6100447424739261352m_3395206100699468707HOEnZb"><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250m_4720284503775649417m_-6100447424739261352m_3395206100699468707h5"><div class="gmail_extra"><br><div class="gmail_quote">On Mon, Feb 19, 2018 at 2:48 PM, Aron Helser <span dir="ltr"><<a href="mailto:aron.helser@kitware.com" target="_blank">aron.helser@kitware.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">Hi Tom,<div>The ParaviewWeb examples always live in a sub-directory of the component they illustrate - so here, this is the Composite example, so '..' just refers to 'Composite'.</div><div>If you look in the left menu, you can see that 'Composite' is grouped into ' Component/Native'. That's the directory it's in.
<span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.8px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline">'../../BackgroundColor' is a sibling directory to 'Composite', so it will also be in '
<span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:small;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline">Component/Native'</span></span></div><div><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.8px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline"><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:small;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline"><br></span></span></div><div><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.8px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline"><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:small;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline">Generally you can follow the '..' out from the example sub-directory and figure out where you are. </span></span></div><div><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.8px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline"><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:small;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline"><br></span></span></div><div><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.8px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline"><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:small;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline">Hope that helps,</span></span></div><div><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:12.8px;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline"><span style="color:rgb(34,34,34);font-family:arial,sans-serif;font-size:small;font-style:normal;font-variant-ligatures:normal;font-variant-caps:normal;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;background-color:rgb(255,255,255);text-decoration-style:initial;text-decoration-color:initial;float:none;display:inline">Aron</span></span></div></div><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="m_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250m_4720284503775649417m_-6100447424739261352m_3395206100699468707m_1457256888583101140h5">On Mon, Feb 19, 2018 at 2:38 PM, Sgouros, Thomas <span dir="ltr"><<a href="mailto:thomas_sgouros@brown.edu" target="_blank">thomas_sgouros@brown.edu</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_8543714566267023029m_7569302758019660629m_8648547524997912195m_3241996409398561250m_4720284503775649417m_-6100447424739261352m_3395206100699468707m_1457256888583101140h5"><div dir="ltr">Hello all:<div><br></div><div>When I see a Paraviewweb example like this (from Composite.html):</div><div><br>import CompositeComponent from '..';<br>import BGColorComponent from '../../BackgroundColor';<br><br>Where should I look for BackgroundColor and CompositeComponent? I feel sure I could find them eventually, but is there another search algorithm besides brute force?<br></div><div><br></div><div>Thank you,</div><div><br></div><div> -Tom</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="https://public.kitware.com/mailman/listinfo/paraview" rel="noreferrer" target="_blank">https://public.kitware.com/mai<wbr>lman/listinfo/paraview</a><br>
<br></blockquote></div><br></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></div></blockquote></div><br></div>
</div></div><br>______________________________<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="https://public.kitware.com/mailman/listinfo/paraview" rel="noreferrer" target="_blank">https://public.kitware.com/mai<wbr>lman/listinfo/paraview</a><br>
<br></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>