177256 (2) [Avatar] Offline
#1
The book quotes on page 14:
"INTEGRATING 3RD PARTY CONTROLS IS A BREEZE"

I have worked now with Aurelia for 3 weeks.
However, the integration of 3rd party controls (have integrated the ag-grid and jQuery UI lib controls) have taken me hours.
Mostly due to false, outdated or incomplete example code and "lessons" on the Internet and not much help by the Aurelia Doc, Forum, Community and Provider of those controls.
The most confusing part is, that there are (at least) 3 standard ways to setup the Aurelia framework, each requiring different details for setting up 3rd party stuff.
Since months Aurelia has promised better support (at least for the CLI setup and when it comes, maybe all will be easy.
But at this date June 2017 integrating 3rd party controls is NOT a breeze (but a good exercise to find out about all the aurelia internals normally hidden behind the scene).
Sean Hunter (23) [Avatar] Offline
#2
Sorry to hear that you've hit some speed bumps with integrating 3rd party controls. We'll be covering this in chapter 3 of the book, so stay tuned smilie. Will be interested to see whether this addresses some of the issues you've run into.

Cheers,
Sean
483118 (1) [Avatar] Offline
#3
I have been working with Aurelia for some months now, and to me the biggest challenge is to integrate 3rd party controls, especially using Typescript.
Sean Hunter (23) [Avatar] Offline
#4
Thanks for the feedback. I've revised the first chapter to remove this section since it appears that my experience with integrating third party controls is not necessarily in line with what others have experienced. We do have sections to cover integrating third party controls from chapter 3 on-wards so hopefully this should help smilie.
508177 (4) [Avatar] Offline
#5
I'm experiencing similar troubles with the actual live book in Chapter 3. The "simple" way of using CDNs does not work. And the appendix A does not make clear a working solution. As far as where and when to use the require way for font awesome and bootstrap... So basically this Aurelia in action live book has come to a grinding halt at chapter 3.2.1... tis a shame because i was rather enjoying it and it wasn't cheap. I am frustrated by books that are supposed to teach you that end up using shortcuts. especially when those supposedly simpler solutions don't work. I've double and triple checked my code and I keep getting the same error. The appendix is little help as it does not follow through on how to implement the aurelia require way, like where to put the require, the font folder and how and where to implement in the example we are building.... So after cruising right along I've hit a serious problem. Please double-check your own code and any thoughts or suggestions would be helpful and appreciated... considering I already paid for this book and it is already dead in the water after just a couple chapters/// lame until something is updated... thanks

vendor-bundle.js:4879 Uncaught TypeError: plugin.load is not a function


Sean Hunter (23) [Avatar] Offline
#6
Thanks for the feedback, and so sorry to hear you've run into trouble with the examples. I've received a few similar comments and will be doing an update soon which includes steps to upgrade with Bootstrap 4 Beta. In the meanwhile you should be able to check out a working version of the code here:

 git clone https://github.com/freshcutdevelopment/Aurelia-in-Action.git 


From there if you change the chapter 3 completed project subdirectory:

 cd \Chapter-3-Complete\my-books 


run
 npm install 
then
 au run --watch 
this should get you up and running.

If you have further problems please feel free to post them here or create an issue on the books GitHub repository.

Cheers,
Sean
508177 (4) [Avatar] Offline
#7
Thanks for the fast reply Sean. Sorry if I was rude. Yes I remembered that their was working code there and did exactly that. Thank you. Some examples of how to continue the app via the alternative appendix way may be helpful though. Appreciate it. Cheers
Sean Hunter (23) [Avatar] Offline
#8
No problem, and I'm glad you got it going.

That's useful feedback about the appendix. The idea was to include the CDN option to allow readers to keep going without interrupting the learning flow too much. Will look at how we can make both the appendix (which will be updated to Bootstrap 4 beta soon), and also the CDN options clearer.

Again, appreciate the input. If you've run into a problem, chances are that others have as well smilie.
508177 (4) [Avatar] Offline
#9
i think this is where I got messed up...

https://livebook.manning.com#!/book/aurelia-in-action/chapter-3/v-3/point-264-20-20-0


notice the sentence before figure 3.1 indicates that the ./src/index.html is the file to be modified... but in the files that I downloaded from above it is not the src/index.html that has been modified but rather the my-books/index.html.

the src/index.html has the jumbotron div

the my-books/index.html has the head and the dependencies


just out of curiosity what are the differences between the two index.html files as far as naming convention i guess

thanks. hope that helps.
Sean Hunter (23) [Avatar] Offline
#10
Ah thank you that'd do it. You're absolutely correct there!

The
 ./src/index.html 
file is the view template for the Aurelia index page, where as the
./index.html 
file is the main page for the actual website used to bootstrap the Aurelia application. In hindsight I probably should have named the one under source something like home.html instead to differentiate it.


I've made the edit to that path now so that this will be included as a part of one of the next updates.

Cheers,
Sean