Hi, I’d like to ask what is recommended way to ship javascript library with some plugin? I can load it asynchronously from external url using e.g. Em.$.getScript('https://cdnjs.cloudflare.com/ajax/libs/......min.js').done(function() { ... } But I’d prefer storing library locally. Normally I’d use…

Just add the js lib at the assets folder in your plugin, or if available, as a gem dependency.

Thanks… In the assets folder will it be loaded automatically or do I need to take care of asynchronous load as quoted in previous post? I need to load library before running plugin code.

It’s loaded in the plugin-third-party file, inside the HEAD. You can use ES6 modules to require stuff.

I asked a similar question a few days ago ( Existing JS module import into ES6 plugin ). The problem I have is, that I want it included server side and I have no idea on which path I should require it in ES6 modules.

Got back to you there, so we don’t pollute here.

Thanks.. placing js lib in asset folder and register_asset in plugin.rb did the trick.

Sorry for necroing this thread, but this is where Google has brought me. I’ve been trying for a couple of hours to get a JS library to load inside my plugin. In my app’s assets/javascripts folder, I have a file named argdown-core.js. In my plugin.rb file, I’m doing register_asset 'javascripts/argd…

GitHub - discourse/discourse-algolia: A plugin for indexing and searching your Discourse with Algolia · GitHub is doing this for example, I recommend you have a look at the code, especially top of plugin.rb. Also a small tip, in programming things always seem hard when you feel like you don’t know …

Thank you, that’s very helpful! Putting my library in the assets/lib folder is helping a lot. Now that I have the correct path to it, the library is misbehaving. :man_facepalming: It’s a large library with lots of submodules - argdown.js requires ArgdownApplication.js and a bunch of others. When it…

I recommend you go with the fully packaged solution.

How to ship javascript library with plugin?

Development

j.jaffeux (Joffrey Jaffeux) 2021 年 4 月 22 日午前 7:46 11

フルパッケージされたソリューションをお勧めします。

トピック		返信	表示
Adding external JS lib globally to all Plugins and Theme (Components) Development	2	809	2020 年 4 月 1 日
Existing JS module import into ES6 plugin Development	3	1836	2016 年 11 月 25 日
Plugin JavaScript wasn't loaded Development	0	745	2017 年 9 月 1 日
Loading js libraries via register_asset Development	8	1215	2020 年 7 月 2 日
Javascript assets in a theme component Development	15	2460	2021 年 5 月 7 日

How to ship javascript library with plugin?

関連トピック