@bbki.ng/site 1.8.9 → 1.8.11

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @bbki.ng/site
 
+## 1.8.11
+
+## 1.8.10
+
 ## 1.8.9
 
 ## 1.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "1.8.9",
+  "version": "1.8.11",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "scripts": {

package/src/blog/components/app_ctx_menu/index.tsx

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import React, { ReactElement, useEffect } from "react";
 import {
   ContextMenu,
   ContextMenuContent,
@@ -11,8 +11,24 @@ import { LoginMenuItem } from "@/components/app_ctx_menu/LoginMenuItem";
 import { VersionMenuItem } from "@/components/app_ctx_menu/VersionMenuItem";
 import { ViewSourceMenuItem } from "@/components/app_ctx_menu/ViewSourceMenuItem";
 import { PluginsMenuItem } from "@/components/plugin/PluginsMenuItem";
+import { PluginManager } from "@/plugin/PluginManager";
+import { PluginEvent } from "@/plugin/PluginEvent";
 
 export const AppCtxMenu = (props: { children: ReactElement }) => {
+  const [showPluginEntry, setShowPluginEntry] = React.useState(false);
+
+  const showEntry = () => {
+    setShowPluginEntry(true);
+  }
+
+  useEffect(() => {
+    PluginManager.addEventListener(PluginEvent.INIT, showEntry);
+
+    return () => {
+      PluginManager.removeEventListener(PluginEvent.INIT, showEntry);
+    }
+  }, [])
+
   return (
     <ContextMenu>
       <ContextMenuTrigger>{props.children}</ContextMenuTrigger>
@@ -20,8 +36,12 @@ export const AppCtxMenu = (props: { children: ReactElement }) => {
         <LoginMenuItem />
         <VersionMenuItem />
         <ViewSourceMenuItem />
-        <ContextMenuSeparator />
-        <PluginsMenuItem />
+        {showPluginEntry && (
+          <>
+            <ContextMenuSeparator />
+            <PluginsMenuItem />
+          </>
+        )}
       </ContextMenuContent>
     </ContextMenu>
   );

package/src/blog/plugin/PluginEvent.ts

@@ -3,3 +3,39 @@ export enum PluginEvent {
   INSTALL = "installed",
   UNINSTALL = "uninstalled",
 }
+
+export class PluginEventMgr {
+  private static listeners: Map<PluginEvent, EventListener[]> = new Map();
+
+  public static dispatchEvent<T>(evt: PluginEvent, data: T) {
+    window.dispatchEvent(new CustomEvent(evt, { detail: data }));
+  }
+
+  public static addEventListener<T>(evt: PluginEvent, cb: (data: T) => void) {
+    const listener = (e: any) => {
+      cb((e as CustomEvent<T>).detail);
+    }
+
+    if (!PluginEventMgr.listeners.has(evt)) {
+      PluginEventMgr.listeners.set(evt, []);
+    }
+
+    PluginEventMgr.listeners.get(evt)?.push(listener);
+
+    window.addEventListener(evt, listener);
+  }
+
+  public static removeEventListener<T>(evt: PluginEvent, cb: (data: T) => void) {
+    const listeners = PluginEventMgr.listeners.get(evt);
+    if (!listeners) {
+      return;
+    }
+
+    const targetListener = listeners.find((l) => l === cb);
+    if (!targetListener) {
+      return;
+    }
+
+    window.removeEventListener(evt, targetListener);
+  }
+}

package/src/blog/plugin/PluginManager.ts

@@ -1,7 +1,7 @@
 import { Plugin, PluginConfig } from "./Plugin";
 import { Dependencies } from "@/plugin/Dependencies";
 import { PluginManagerPayload } from "@/plugin/PluginManagerPayload";
-import { PluginEvent } from "@/plugin/PluginEvent";
+import { PluginEvent, PluginEventMgr } from "@/plugin/PluginEvent";
 
 export class PluginManager {
   private readonly dependencies: Dependencies;
@@ -48,19 +48,15 @@ export class PluginManager {
   static instance: PluginManager;
 
   static dispatchEvent<T>(evt: PluginEvent, data: T) {
-    window.dispatchEvent(new CustomEvent(evt, { detail: data }));
+    PluginEventMgr.dispatchEvent(evt, data);
   }
 
   static addEventListener<T>(evt: PluginEvent, cb: (data: T) => void) {
-    window.addEventListener(evt, (e) => {
-      cb((e as CustomEvent<T>).detail);
-    });
+    PluginEventMgr.addEventListener(evt, cb);
   }
 
   static removeEventListener<T>(evt: PluginEvent, cb: (data: T) => void) {
-    window.removeEventListener(evt, (e) => {
-      cb((e as CustomEvent<T>).detail);
-    });
+    PluginEventMgr.removeEventListener(evt, cb);
   }
 
   static async init(dependencies: Dependencies) {