cdn dependency

[rnwgnr]

I just came across NoPaste. The concept of not "storing" the data at all seems very appealing to me.

Relaying on external CDNs to ship most of the required files seems counter-intuitive to me.

Have you ever considered creating a deployable package which includes the dependencys so that they are shipped from the local host?

[bokub]

Hi,

That is not a bad idea at all,

My only requirement for this project is that everyone should be able to use the files from the git repository immediately, without having to build anything.

Maybe I could bundle all the dependencies into a single file, and add it to the source files, maybe using webpack? I'll try to do something

[rnwgnr]

My only requirement for this project is that everyone should be able to use the files from the git repository immediately, without having to build anything.

Fair enough.

Maybe I could bundle all the dependencies into a single file, and add it to the source files, maybe using webpack? I'll try to do something

Sounds good. 👍

[TheFrenchGhosty]

@bokub Any news? I just started hosting an instance on PussTheCat.org ( https://nopaste.pussthecat.org/ ) and it's one of my only complaint with it. If you don't do it, I'll surely fork the project and do it.

[bokub]

Well, I couldn't manage to do that in an elegant way.. 🤷🏻‍♂️

Feel free to submit a PR, I'm curious to see what can be done, but I think the easiest way to get rid of the CDN is just to download the files and host them yourself.

[TheFrenchGhosty]

@bokub If I do it, I'll just do it "the easy way": download the files served by the CDNs, and serve them internally (similar to how I fixed the namazso.eu website: namazso/namazso.eu#2

[bokub]

Yeah that's the easiest thing to do.

For NoPaste, it's just one css file and one js file.

[TheFrenchGhosty]

@bokub Okay so I started doing it, and I am currently stuck:
I don't know what to do to remove this call, since it's calling multiple scripts: https://github.com/TheFrenchGhosty/nopaste/blob/master/scripts/script.js#L19

Also, it's currently broken for whatever reason: https://github.com/TheFrenchGhosty/nopaste

[bokub]

In the current code, if I replace %N with css, the URL will point to https://cdn.jsdelivr.net/npm/codemirror@5.58.1/mode/css/css.js which contains the code for CSS syntax highlighting. It's the CDN version of this file.

If you want to serve the modes yourself, you need to download and host every .js file of the ./mode folder of CodeMirror (https://github.com/codemirror/CodeMirror/tree/5.58.1/mode), if possible at tag 5.58.1, then edit the URL so it points to your files (%N being a placeholder for the mode name).

[TheFrenchGhosty]

@bokub Alright, I finally have all resources loaded internally, however it's still broken and I don't know why, any idea?

Edit:

Those are the errors:

Edit 2:

Here a PR if you want to fix it: #8

[bokub]

It's "broken" because you forgot to include CodeMirror...

[TheFrenchGhosty]

@bokub Oh I completely missed that!

So this fixed it, but it's now complaining about not being able to load the compression library:

I tried various path but I couldn't make it to work, any idea?

[bokub]

You need to provide the whole URL, not just "./scripts/lzma_worker.js"!

Otherwise, I think you can replace the first lines of script.js with this (I'm not 100% sure tho):

- const blob = new Blob(['importScripts("https://cdn.jsdelivr.net/npm/lzma@2.3.2/src/lzma_worker.min.js");']);
- const lzma = new LZMA(window.URL.createObjectURL(blob));
+ const lzma = new LZMA("./scripts/lzma_worker.js");

[TheFrenchGhosty]

@bokub And it's working! Thanks a lot!

[TheFrenchGhosty]

One last issue (it's working perfectly so I don't know if it maters or not):

[bokub]

It's because you're opening the files directly with your browser (file:///) instead of using a file server, which would be accessible on http://localhost

[TheFrenchGhosty]

@bokub Ah, that's good to know!

Thanks for the help :)