How to attach large amounts of data with tampermonkey script?

Question

My script adds some annotations to each page on a site, and it needs a few MBs of static JSON data to know what kind of annotations to put where.

Right now I'm including it with just var data = { ... } as part of the script but that's really awkward to maintain and edit.

Are there any better ways to do it?

Are there many pages or sites, or just a site? Maybe including a sample of the data which could help us look into it better? — mfirdaus, May 20 '14 at 13:39
It's one static JSON nested hash, from which a script decides to annotate various things on (potentially) all pages on a single website. Everything is really simple except for size of that hash. — taw, May 21 '14 at 14:07

score 2 · Accepted Answer · edited May 23 '17 at 12:05

2

I can only think of two choices:

Keep it embedded in your script, but to keep maintainable(few megabytes means your editor might not like it much), you put it in another file. And add a compilation step to your workflow to concatenate it. Since you are adding a compilation you can also uglify your script so it might be slightly faster to download for the first time.
Get it dynamically using jsonp. Put it on your webserver, amazon s3 or even better, a CDN. Make sure it will be server cachable and gzipped so it won't slow down the client network by getting downloaded on every page! This solution will work better if you want to update your data regularly, but not your script(I think tampermonkey doesn't support auto updates).

edited May 23 '17 at 12:05

Community

1
1

answered May 24 '14 at 04:25

Farid Nouri Neshat

29,438
6
74
115

Are there any examples of jsonp use in context of tampermonkey? – taw May 26 '14 at 20:49
I would have used jsonp it if I needed to integrate with a service. I haven't seen many tempermonkey scripts to tell that :) – Farid Nouri Neshat May 27 '14 at 01:40

score 2 · Answer 2 · answered May 26 '14 at 19:19

My bet would would definetly be to use special storage functions provided by tampermonkey: GM_getValue, GM_setValue, GM_deleteValue. You can store your objects there as long as needed.

Just download the data from your server once at the first run. If its just for your own use - you can even simply insert all the data directly to a variable from console or use temporary textarea, and have script save that value by GM_setValue.

This way you can even optimize the speed of your script by having unrelated objects stored in different GM variables.

How to attach large amounts of data with tampermonkey script?

2 Answers2