MorJS 插件示例 插件源代碼示例

import type { MorJSPlugin, MorJSHooks } from '@morjs/api'

// export 出去，方便使用方集成
export interface IRuntimePluginExampleOptions {}

export default class RuntimePluginExample implements MorJSPlugin {
  // 必須要有插件名字
  pluginName = 'RuntimePluginExample'

  options: IRuntimePluginExampleOptions

  /**
   * 根據插件特性決定是否需要開放選項配置
   */
  constructor(public options: IRuntimePluginExampleOptions = {}) {}

  /**
   * 必須要有 apply 函數
   * class 下面的方法用 arrow function
   */
  apply = (hooks: MorJSHooks): void => {
    // 注意，這里是 arrow function

    // hooks 里面包含上面生命周期列表中的所有hook
    // 請用 tap 來做 hook 的事件監(jiān)聽注冊
    // 傳入的插件執(zhí)行函數必須是 function(){}, 因為會動態(tài)修改 this 指向
    hooks.appOnLaunch.tap(
      this.pluginName,
      function (
        this: tinyapp.IAppInstance<any>,
        options: tinyapp.IAppLaunchOptions
      ) {
        // 這里可以拿到對應生命周期里面的參數
        console.log(options)
      }
    )
  }
}