Almost, the missing part is for "dataModel = new QueryDataModel(jsonData, 'path/to/dist/data')"
'path/to/dist/data' should be '/data' since your web server is serving path/to/dist as / On Tue, Aug 22, 2017 at 12:23 PM, Léo Pessanha <leonardopessanh...@gmail.com > wrote: > So, just to be clear in order for me to understand > > I should copy the content of > 'node_modules/tonic-arctic-sample-data/data/probe/' > to 'dist/data' and use > > dataModel = new QueryDataModel(jsonData, 'path/to/dist/data'), >> > > in the src/index.js ? > > 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-22 15:01 GMT-03:00 Sebastien Jourdain <sebastien.jourdain@kitware. > com>: > >> __BASE_PATH__ is meant to dynamically define the http endpoint. This >> should not be a file path... >> You can remove it from your code and provide a proper endpoint. For us it >> is used on to allow local and github.io deployment. >> >> In your case, you need to copy that data by yourself to the dist/data >> directory so you can access it via http... >> >> Hope that helps, >> >> Seb >> >> On Tue, Aug 22, 2017 at 11:45 AM, Léo Pessanha < >> leonardopessanh...@gmail.com> wrote: >> >>> Thank you, Sebastien. >>> >>> I am able to build the example but the data don't show up yelding in the >>> browser debugger >>> >>> ReferenceError: __BASE_PATH__ is not defined[Learn More] >>>> >>> >>> In the following line of MyWebApp.js >>> >>> dataModel = new _QueryDataModel2.default(_index2.default, __BASE_PATH__ >>>> + '/data/probe/'), >>>> >>> >>> Do you know what path should be resolved by (__BASE_PATH__ + >>> 'data/probe') ? >>> >>> I looked upon the the example webpage and repositories of >>> paraviewweb/vtk.js and in then the resolve is >>> >>> dataModel = new _QueryDataModel2.default(_index2.default, >>>> ('/paraviewweb') + '/data/probe/'), >>>> >>> >>> but this path does not exists after >>> >>> npm install paraviewweb --save >>>> npm install kw-web-suite --save-dev >>>> >>> >>> In the repositories, __BASE_PATH__ shows up in karma.config. Not using >>> and not knowing how to use karma the problem? >>> >>> I tried defining __BASE_PATH__ in >>> >>> var path = require('path'), >>> webpack = require('webpack'), >>> loaders = require('./node_modules/paravi >>> ewweb/config/webpack.loaders.js'), >>> plugins = >>> [ new webpack.DefinePlugin( >>> { >>> __BASE_PATH__: ''' a lot of paths '" >>> }), >>> ], >>> >>> >>> but of the lot of paths I tried, none worked. >>> >>> Hope you can help me here! >>> 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-14 18:38 GMT-03:00 Sebastien Jourdain < >>> sebastien.jourd...@kitware.com>: >>> >>>> I think your import is correct. >>>> >>>> Regarding the sample data, this is the way you can download it via npm >>>> (when doing "npm install") >>>> => https://github.com/Kitware/paraviewweb/blob/master/package.json#L48 >>>> >>>> On Mon, Aug 14, 2017 at 3:12 PM, Léo Pessanha < >>>> leonardopessanh...@gmail.com> wrote: >>>> >>>>> 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/para >>>>> viewweb/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.jourd...@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/Nati >>>>>> ve/Composite >>>>>> >>>>>> which means your imports should be: >>>>>> >>>>>> import CompositeComponent from 'paraviewweb/src/Component/Nat >>>>>> ive/Composite'; >>>>>> import BGColorComponent from 'paraviewweb/src/Component/Nat >>>>>> ive/BackgroundColor'; >>>>>> >>>>>> On Wed, Aug 9, 2017 at 7:37 PM, Léo Pessanha < >>>>>> leonardopessanh...@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 < >>>>>>> leonardopessanh...@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@PC:~/MyWebProject# npm list hammerjs >>>>>>>>> projeto1@0.0.1 /home/gabriel/MyWebProject >>>>>>>>> └── (empty) >>>>>>>>> >>>>>>>>> root@PC:~/MyWebProject# npm list axios >>>>>>>>> projeto1@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.jourd...@kitware.com>: >>>>>>>> >>>>>>>>> The import should start with 'paraviewweb' then you provide the >>>>>>>>> full path from there like: >>>>>>>>> >>>>>>>>> import BGColorComponent from 'paraviewweb/src/Component/Nat >>>>>>>>> ive/BackgroundColor'; >>>>>>>>> >>>>>>>>> On Wed, Aug 9, 2017 at 6:24 PM, Léo Pessanha < >>>>>>>>> leonardopessanh...@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.jourd...@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 < >>>>>>>>>>> leonardopessanh...@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.jourd...@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/Web >>>>>>>>>>>>> GL/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 < >>>>>>>>>>>>> leonardopessanh...@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 < >>>>>>>>>>>>> leonardopessanh...@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 >>>>>>>>>>>>>> >>>>>>>>>>>>>> >>>>>>>>>>>>> >>>>>>>>>>>> >>>>>>>>>>> >>>>>>>>>> >>>>>>>>> >>>>>>>> >>>>>>> >>>>>> >>>>> >>>> >>> >> >
_______________________________________________ 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