コンポーネントヘルパーファイルで外部ライブラリを要求する方法は？

merefield · 2021 年 6 月 29 日午後 6:44

You can use the approach I use in GitHub - merefield/discourse-tc-tag-cloud: A Discourse Theme Component that displays a tag cloud above the tag lists on the tags page

github.com

merefield/discourse-tc-tag-cloud/blob/91943c7fdc032f640a7a97aa007fd2a3f34ae5fd/javascripts/discourse/components/tagcloudvis.js.es6#L8

    
      
          import loadScript from "discourse/lib/load-script";
          import DiscourseURL from "discourse/lib/url";
          
          
export default Ember.Component.extend({
            classNames: "tag-cloud-vis",
            words: Ember.computed.alias("model.content"),
          
          
  ensureD3() {
              return loadScript(settings.theme_uploads.d3Lib).then(() => {
                return loadScript(settings.theme_uploads.d3Cloud);
              });
            },
          
          
  didInsertElement() {
              if (!this.site.mobileView) {
                this.setup();
              }
            },

Note the assets are registered here:

github.com

merefield/discourse-tc-tag-cloud/blob/91943c7fdc032f640a7a97aa007fd2a3f34ae5fd/about.json#L6

    
      
          {
            "name": "Tag Cloud",
            "about_url": "",
            "component": true,
            "authors": "Robert Barrow",
            "assets": {
              "d3Cloud": "assets/d3.layout.cloud.js",
              "d3Lib": "assets/d3.min.js"
            }
          }

And sit in the assets folder.

トピック		返信	表示
How to load library in a theme component Dev	6	392	2023 年 8 月 25 日
Javascript assets in a theme component Dev	15	2030	2021 年 5 月 7 日
Issues on loading a js asset from a Theme Component Dev	19	804	2023 年 9 月 28 日
How to install npm packages in custom themes/plugins Dev	6	2178	2023 年 11 月 11 日
Defer loading JavaScript in Themes and Components Dev dev-news	4	1944	2022 年 4 月 7 日

コンポーネントヘルパーファイルで外部ライブラリを要求する方法は？

関連トピック