[Paraview] Running a simple example using ParaviewWeb
Léo Pessanha
leonardopessanha74 at gmail.com
Mon Aug 14 17:12:50 EDT 2017
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
https://kitware.github.io/paraviewweb/examples/MultiLayoutViewer.html .
I am still a little doubtful about my imports but I believe
import MultiLayoutViewer from '..';
>
should be
import MultiLayoutViewer from
> 'paraviewweb/src/React/Viewers/MultiLayoutViewer'
Right?
I couldn't find the package *tonic-arctic-sample-data *that holds the
content needed in MultiLayoutViewer, MultiLayoutRenderer and Probe3DViewer
examples in trough npm.
Do you know how to do proceed?
Thanks in advance.
Leonardo Pessanha
Laboratory of Computational Methods in Engineering
Federal University of Rio de Janeiro - COPPE
Rio de Janeiro, RJ, Brasil
2017-08-10 11:35 GMT-03:00 Sebastien Jourdain <
sebastien.jourdain at kitware.com>:
> With ParaViewWeb, we force the user to pick the version of the
> dependencies they wants to install instead of forcing them.
>
> Regarding your import path they are still wrong.
>
> from paraviewweb/src/Component/Native/Composite/example/index.js
>
> when you import '..' that resolve to paraviewweb/src/Component/
> Native/Composite
>
> which means your imports should be:
>
> import CompositeComponent from 'paraviewweb/src/Component/
> Native/Composite';
> import BGColorComponent from 'paraviewweb/src/Component/Nat
> ive/BackgroundColor';
>
> On Wed, Aug 9, 2017 at 7:37 PM, Léo Pessanha <leonardopessanha74 at gmail.com
> > wrote:
>
>> So, I was able to build using 'paraviewweb/src/' and installing forcibly
>> mout, axios and hammerjs packages.
>>
>> Now there's other js errors that I am going after like /plotly.js\ and
>> global reference ones !
>>
>> It's definitely not a simple task to build an example of paraviewweb as a
>> standalone app.
>>
>> Definitely will come back with updates.
>>
>> Best regards,
>>
>>
>> Leonardo Pessanha
>> Laboratory of Computational Methods in Engineering
>> Federal University of Rio de Janeiro - COPPE
>> Rio de Janeiro, RJ, Brasil
>>
>>
>> 2017-08-09 19:58 GMT-03:00 Léo Pessanha <leonardopessanha74 at gmail.com>:
>>
>>> So I am not sure of the first path yet. Is it 'paraviewweb/src/' or
>>> 'paraviewweb/src/Component'?
>>>
>>> I have the exactly same result using full path or starting with
>>> 'paraviewweb'
>>>
>>> Using:
>>>
>>> import CompositeComponent from 'paraviewweb/src/';
>>>> import BGColorComponent from 'paraviewweb/src/Component/Nat
>>>> ive/BackgroundColor';
>>>>
>>>
>>> Outputs a lot of:
>>>
>>> Module not found: Error: Can't resolve
>>>>
>>>
>>> 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.
>>>
>>> root at PC:~/MyWebProject# npm list hammerjs
>>>> projeto1 at 0.0.1 /home/gabriel/MyWebProject
>>>> └── (empty)
>>>>
>>>> root at PC:~/MyWebProject# npm list axios
>>>> projeto1 at 0.0.1 /home/gabriel/MyWebProject
>>>> └── (empty)
>>>>
>>>
>>>
>>> Do you believe *npm install paraviewweb --save* and npm install *kw-web-suite
>>> --save-dev* failed installing the dependencies correctly?
>>>
>>> Best regards,
>>>
>>> Leonardo Pessanha
>>> Laboratory of Computational Methods in Engineering
>>> Federal University of Rio de Janeiro - COPPE
>>> Rio de Janeiro, RJ, Brasil
>>>
>>>
>>> 2017-08-09 19:38 GMT-03:00 Sebastien Jourdain <
>>> sebastien.jourdain at kitware.com>:
>>>
>>>> The import should start with 'paraviewweb' then you provide the full
>>>> path from there like:
>>>>
>>>> import BGColorComponent from 'paraviewweb/src/Component/Native/
>>>> BackgroundColor';
>>>>
>>>> On Wed, Aug 9, 2017 at 6:24 PM, Léo Pessanha <
>>>> leonardopessanha74 at gmail.com> wrote:
>>>>
>>>>> 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
>>>>>
>>>>> import CompositeComponent from '..';
>>>>>> import BGColorComponent from '../../BackgroundColor';
>>>>>>
>>>>>>
>>>>> Should I change this paths?
>>>>>
>>>>> I did try
>>>>>
>>>>> import CompositeComponent from '/home/user/MyWebProject/node_
>>>>> modules/paraviewweb/src';
>>>>> import BGColorComponent from '/home/user/MyWebProject/node_
>>>>> modules/paraviewweb/src/Component/Native/BackgroundColor';
>>>>>
>>>>> and
>>>>>
>>>>> import CompositeComponent from '/home/user/MyWebProject/node_
>>>>> modules/paraviewweb/src/Component';
>>>>> import BGColorComponent from '/home/user/MyWebProject/node_
>>>>> modules/paraviewweb/src/Component/Native/BackgroundColor';
>>>>>
>>>>> and
>>>>>
>>>>> import CompositeComponent from '/home/user/MyWebProject/node_
>>>>> modules/paraviewweb/src/Component/Native';
>>>>> import BGColorComponent from '/home/user/MyWebProject/node_
>>>>> modules/paraviewweb/src/Component/Native/BackgroundColor';
>>>>>
>>>>> With the last 2 sucessfully building but with JS errors in Firefox
>>>>>
>>>>> TypeError: _Component2.default is not a constructor[Learn More]
>>>>>>
>>>>>
>>>>> and
>>>>>
>>>>> TypeError: _Native2.default is not a constructor
>>>>>>
>>>>>
>>>>> and the first one not building and giving me a lot of
>>>>>
>>>>> Module not found: Error: Can't resolve
>>>>>>
>>>>>
>>>>>
>>>>> Thanks in advance!
>>>>>
>>>>>
>>>>> Leonardo Pessanha
>>>>> Laboratory of Computational Methods in Engineering
>>>>> Federal University of Rio de Janeiro - COPPE
>>>>> Rio de Janeiro, RJ, Brasil
>>>>>
>>>>>
>>>>> 2017-08-03 17:42 GMT-03:00 Sebastien Jourdain <
>>>>> sebastien.jourdain at kitware.com>:
>>>>>
>>>>>> If I get to it, I'll do what I've done with vtk.js to support both.
>>>>>>
>>>>>> See: https://github.com/Kitware/vtk-js/blob/master/Utilities
>>>>>> /config/dependency.js
>>>>>>
>>>>>> On Thu, Aug 3, 2017 at 1:49 PM, Léo Pessanha <
>>>>>> leonardopessanha74 at gmail.com> wrote:
>>>>>>
>>>>>>> Thank you, Sebastien. I will give a try!
>>>>>>>
>>>>>>> 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?
>>>>>>>
>>>>>>> Leonardo Pessanha
>>>>>>> Laboratory of Computational Methods in Engineering
>>>>>>> Federal University of Rio de Janeiro - COPPE
>>>>>>> Rio de Janeiro, RJ, Brasil
>>>>>>>
>>>>>>>
>>>>>>> 2017-07-24 17:21 GMT-03:00 Sebastien Jourdain <
>>>>>>> sebastien.jourdain at kitware.com>:
>>>>>>>
>>>>>>>> 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.
>>>>>>>>
>>>>>>>> Then you should be able to build your example using the npm
>>>>>>>> command: "npm run build".
>>>>>>>>
>>>>>>>> Maybe the vtk.js explanation might be easier to follow (
>>>>>>>> https://kitware.github.io/vtk-js/docs/intro_vtk_as_es6_depe
>>>>>>>> ndency.html), but the concept is exactly the same.
>>>>>>>> As it is picking the example available here
>>>>>>>> https://kitware.github.io/vtk-js/examples/Cone.html |
>>>>>>>> https://github.com/Kitware/vtk-js/tree/master/Examples/WebGL/Cone
>>>>>>>> and making a standalone application from it.
>>>>>>>>
>>>>>>>> Just be aware that vtk.js is using webpack2 which is not the case
>>>>>>>> for ParaViewWeb.
>>>>>>>>
>>>>>>>> Hope that helps,
>>>>>>>>
>>>>>>>> Seb
>>>>>>>>
>>>>>>>>
>>>>>>>> On Mon, Jul 24, 2017 at 1:28 PM, Léo Pessanha <
>>>>>>>> leonardopessanha74 at gmail.com> wrote:
>>>>>>>>
>>>>>>>>> Hi!
>>>>>>>>>
>>>>>>>>> I would like to know the steps in order to run simple example like
>>>>>>>>> the following one:
>>>>>>>>>
>>>>>>>>> https://kitware.github.io/paraviewweb/examples/Composite/ind
>>>>>>>>> ex.html
>>>>>>>>>
>>>>>>>>> It doesn't need to be a really elaborated tutorial, but a simple
>>>>>>>>> one with the main things.
>>>>>>>>> I have little to no background in web development.
>>>>>>>>>
>>>>>>>>> What I managed to do so far was to create my own project and add
>>>>>>>>> paraviewweb to it like its described in
>>>>>>>>> https://kitware.github.io/paraviewweb/docs/setup.html .
>>>>>>>>>
>>>>>>>>> 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.
>>>>>>>>>
>>>>>>>>> Thanks in advance,
>>>>>>>>>
>>>>>>>>> Leonardo Pessanha
>>>>>>>>> Laboratory of Computational Methods in Engineering
>>>>>>>>> Federal University of Rio de Janeiro - COPPE
>>>>>>>>> Rio de Janeiro, RJ, Brasil
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> _______________________________________________
>>>>>>>>> Powered by www.kitware.com
>>>>>>>>>
>>>>>>>>> Visit other Kitware open-source projects at
>>>>>>>>> http://www.kitware.com/opensource/opensource.html
>>>>>>>>>
>>>>>>>>> Please keep messages on-topic and check the ParaView Wiki at:
>>>>>>>>> http://paraview.org/Wiki/ParaView
>>>>>>>>>
>>>>>>>>> Search the list archives at: http://markmail.org/search/?q=
>>>>>>>>> ParaView
>>>>>>>>>
>>>>>>>>> Follow this link to subscribe/unsubscribe:
>>>>>>>>> http://public.kitware.com/mailman/listinfo/paraview
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>> On Mon, Jul 24, 2017 at 1:28 PM, Léo Pessanha <
>>>>>>>> leonardopessanha74 at gmail.com> wrote:
>>>>>>>>
>>>>>>>>> Hi!
>>>>>>>>>
>>>>>>>>> I would like to know the steps in order to run simple example like
>>>>>>>>> the following one:
>>>>>>>>>
>>>>>>>>> https://kitware.github.io/paraviewweb/examples/Composite/ind
>>>>>>>>> ex.html
>>>>>>>>>
>>>>>>>>> It doesn't need to be a really elaborated tutorial, but a simple
>>>>>>>>> one with the main things.
>>>>>>>>> I have little to no background in web development.
>>>>>>>>>
>>>>>>>>> What I managed to do so far was to create my own project and add
>>>>>>>>> paraviewweb to it like its described in
>>>>>>>>> https://kitware.github.io/paraviewweb/docs/setup.html .
>>>>>>>>>
>>>>>>>>> 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.
>>>>>>>>>
>>>>>>>>> Thanks in advance,
>>>>>>>>>
>>>>>>>>> Leonardo Pessanha
>>>>>>>>> Laboratory of Computational Methods in Engineering
>>>>>>>>> Federal University of Rio de Janeiro - COPPE
>>>>>>>>> Rio de Janeiro, RJ, Brasil
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> _______________________________________________
>>>>>>>>> Powered by www.kitware.com
>>>>>>>>>
>>>>>>>>> Visit other Kitware open-source projects at
>>>>>>>>> http://www.kitware.com/opensource/opensource.html
>>>>>>>>>
>>>>>>>>> Please keep messages on-topic and check the ParaView Wiki at:
>>>>>>>>> http://paraview.org/Wiki/ParaView
>>>>>>>>>
>>>>>>>>> Search the list archives at: http://markmail.org/search/?q=
>>>>>>>>> ParaView
>>>>>>>>>
>>>>>>>>> Follow this link to subscribe/unsubscribe:
>>>>>>>>> http://public.kitware.com/mailman/listinfo/paraview
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>
>>>>>
>>>>
>>>
>>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://public.kitware.com/pipermail/paraview/attachments/20170814/fc3d930b/attachment.html>
More information about the ParaView
mailing list