テーマまたはプラグインからプラグインアウトレットコネクターを使用する

Arkshine · 2024 年 1 月 11 日午後 6:14

こちらで例を確認できます。

github.com/discourse/discourse-stat-banner

javascripts/discourse/initializers/stat-banner.js

main


      
          import { apiInitializer } from "discourse/lib/api";
          import StatBanner from "../components/stat-banner";
          
          export default apiInitializer((api) => {
            api.renderInOutlet(settings.plugin_outlet.trim(), StatBanner);
          });

StatBanner は components ディレクトリで定義されたネイティブクラスです。

github.com/discourse/discourse-stat-banner

javascripts/discourse/components/stat-banner.gjs

main

import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import { action } from "@ember/object";
import didInsert from "@ember/render-modifiers/modifiers/did-insert";
import { service } from "@ember/service";
import { htmlSafe } from "@ember/template";
import { ajax } from "discourse/lib/ajax";
import { defaultHomepage } from "discourse/lib/utilities";

export default class StatBanner extends Component {
  @service site;
  @service siteSettings;
  @service router;

  @tracked stats;

  <template>
    {{! template-lint-disable modifier-name-case }}
    {{#if this.shouldShow}}
      <div class="stat-banner__wrapper" {{didInsert this.getAboutStats}}>

This file has been truncated. show original

この場合、api.renderInOutlet("above-main-container", YourClass) となります。

HEAD ファイルではできないと思います。コードを複数のファイルに分割する必要があります。

開発を容易にするために、Discourse Theme CLI の使用をお勧めします。これにより、Theme コンポーネントの開発がはるかに簡単になります。

Theme コンポーネントは公開されていますか？

トピック		返信	表示
Developing Discourse Plugins - Part 2 - Connect to a plugin outlet Developer Guides plugin-guides , tutorial	38	29486	2025 年 11 月 23 日
Using discourse's plugin outlets Dev	2	997	2020 年 9 月 24 日
@outletArgs are now available as top-level arguments Dev dev-news	3	145	2025 年 6 月 19 日
Important changes to Plugin Outlets for Ember 2.10 Dev	23	6649	2018 年 6 月 1 日
(deprecated) Plugin outlet locations theme component Theme component end-of-life	38	9803	2025 年 1 月 23 日

テーマまたはプラグインからプラグインアウトレットコネクターを使用する

関連トピック