Load specific javascript after everything else

help
1

I’m trying to integrate UploadCare into my project: https://uploadcare.com/documentation/widget/

Basically I need to add this:

<script src="https://ucarecdn.com/widget/2.5.9/uploadcare/uploadcare.min.js" charset="utf-8"></script>

And then just set the public_key:

<script>
    UPLOADCARE_PUBLIC_KEY = 'demopublickey';
</script>

How can I guarantee that the script uploadcare.min.js is loaded after jquery and the rest of the necessary Meteor JS code/files?

Google leads me to old blog posts, outdated StackOverflow answers and ugly hacks like listening to Template.onCreated and $.getScript.

2

Check out the docs on Structuring your app to learn about the load order of files, then place the file where needed (for example, a lib folder). Another alternative would be to use Meteor 1.3 modules to have maximum control of the order that your scripts are loaded in.

3

classic race condition, no matter what they tell you will risk to have random bugs which are very hard to fix.

My suggestion is to have a specific function to do this stuff which:

  1. Launches
  2. Check a lock variable to see if it’s the first time running
  3. If yes run, if no exit
  4. Set lock variable to true
  5. Exit

And this function should be called with modules. Otherwise Tracker will run it multiple times causing race conditions that will fucks everything up.