bb-relay 0.0.35 → 0.0.36

package/dist/index.d.mts

@@ -37,6 +37,7 @@ type Manifest = {
     repository?: string;
     theme?: string;
     [key: string]: unknown;
+    status?: string;
 };
 
 declare const validateManifest: (manifestContent: string) => {

package/dist/index.d.ts

@@ -37,6 +37,7 @@ type Manifest = {
     repository?: string;
     theme?: string;
     [key: string]: unknown;
+    status?: string;
 };
 
 declare const validateManifest: (manifestContent: string) => {

package/dist/index.js

@@ -61,6 +61,9 @@ var validateManifest = (manifestContent) => {
       fileChecks.push(content.sidebar.icon);
     }
   }
+  if (content.status) {
+    fileChecks.push(content.status);
+  }
   if (content.iconsPath) {
     fileChecks.push(content.iconsPath + "/bb.png");
   }

package/dist/index.mjs

@@ -61,6 +61,9 @@ var validateManifest = (manifestContent) => {
       fileChecks.push(content.sidebar.icon);
     }
   }
+  if (content.status) {
+    fileChecks.push(content.status);
+  }
   if (content.iconsPath) {
     fileChecks.push(content.iconsPath + "/bb.png");
   }

package/dist/plugin.d.mts

@@ -152,6 +152,17 @@ type PluginElement = {
 
 type EventHandler<T = unknown> = (payload?: T) => unknown | Promise<unknown>;
 
+type StatusElement = {
+    iconLeft?: IconName;
+    iconRight?: IconName;
+    message?: string;
+    text?: string;
+};
+type RenderStatusType = {
+    element: StatusElement[];
+    onClick?: () => void;
+};
+
 type Store<T extends Record<string, unknown>> = {
     get(): T;
     set(next: SetState<T>): void;
@@ -270,8 +281,12 @@ declare abstract class Plugin<T extends Record<string, unknown>> {
     protected on(event: "file-changed", callback: (filePath: string) => void): void;
     protected on(event: "file-deleted", callback: (filePath: string) => void): void;
     protected on(event: "ping", callback: (arg: unknown) => void): void;
+    renderStatusBar?(): RenderStatusType | null;
+    private registerStatus;
+    private onStatusLoad;
     protected setState(param: SetState<T>): void;
     protected getState(): T;
+    protected log(message: string): void;
     selectFile(filePath: string): void;
 }
 
@@ -283,17 +298,4 @@ type Message = {
 
 declare const getPluginChannel: (event: string, pluginId: string) => string;
 
-type StatusElement = {
-    type: "icon";
-    icon: IconName;
-} | {
-    type: "text";
-    text: string;
-};
-type RenderStatusType = {
-    element: StatusElement[];
-    message: string;
-    onClick: () => void;
-};
-
 export { type EditorAPI, type ElementInstruction, type InputInstruction, type Message, type PluginElement, type RenderStatusType, type SetState, type Store, type TextVariant, type TextareaInstruction, Plugin as default, getPluginChannel };

package/dist/plugin.d.ts

@@ -152,6 +152,17 @@ type PluginElement = {
 
 type EventHandler<T = unknown> = (payload?: T) => unknown | Promise<unknown>;
 
+type StatusElement = {
+    iconLeft?: IconName;
+    iconRight?: IconName;
+    message?: string;
+    text?: string;
+};
+type RenderStatusType = {
+    element: StatusElement[];
+    onClick?: () => void;
+};
+
 type Store<T extends Record<string, unknown>> = {
     get(): T;
     set(next: SetState<T>): void;
@@ -270,8 +281,12 @@ declare abstract class Plugin<T extends Record<string, unknown>> {
     protected on(event: "file-changed", callback: (filePath: string) => void): void;
     protected on(event: "file-deleted", callback: (filePath: string) => void): void;
     protected on(event: "ping", callback: (arg: unknown) => void): void;
+    renderStatusBar?(): RenderStatusType | null;
+    private registerStatus;
+    private onStatusLoad;
     protected setState(param: SetState<T>): void;
     protected getState(): T;
+    protected log(message: string): void;
     selectFile(filePath: string): void;
 }
 
@@ -283,17 +298,4 @@ type Message = {
 
 declare const getPluginChannel: (event: string, pluginId: string) => string;
 
-type StatusElement = {
-    type: "icon";
-    icon: IconName;
-} | {
-    type: "text";
-    text: string;
-};
-type RenderStatusType = {
-    element: StatusElement[];
-    message: string;
-    onClick: () => void;
-};
-
 export { type EditorAPI, type ElementInstruction, type InputInstruction, type Message, type PluginElement, type RenderStatusType, type SetState, type Store, type TextVariant, type TextareaInstruction, Plugin as default, getPluginChannel };

package/dist/plugin.js

@@ -58,8 +58,11 @@ var Plugin = class {
       this.eventIds = [];
       const sidebar = _optionalChain([this, 'access', _ => _.renderSidebar, 'optionalCall', _2 => _2()]) || null;
       if (sidebar) this.render("sidebar", sidebar);
+      const status = _optionalChain([this, 'access', _3 => _3.renderStatusBar, 'optionalCall', _4 => _4()]) || null;
+      if (status) this.registerStatus();
     });
     this.onSidebarLoad();
+    this.onStatusLoad();
   }
   // -----------------------------
   // Element Factory
@@ -92,7 +95,7 @@ var Plugin = class {
   onSidebarLoad() {
     this.index = -1;
     this.registerHandler("sidebar-load", () => {
-      return _optionalChain([this, 'access', _3 => _3.renderSidebar, 'optionalCall', _4 => _4()]) || null;
+      return _optionalChain([this, 'access', _5 => _5.renderSidebar, 'optionalCall', _6 => _6()]) || null;
     });
   }
   // -----------------------------
@@ -165,28 +168,32 @@ var Plugin = class {
   on(event, callback) {
     this.registerSubscription(event, callback);
   }
-  // -----------------------------
-  // Status Bar
-  // -----------------------------
-  // abstract renderStatusBar(): RenderStatusType | null;
-  // private registerStatusBar(): void {
-  //   const arg = this.renderStatusBar();
-  //   if (!arg) return;
-  //   const { onClick, ...rest } = arg;
-  //   if (arg) {
-  //     this.sendMessage({
-  //       type: `status`,
-  //       arg: rest,
-  //     });
-  //     this.off("status-click");
-  //     this.registerSubscription("status-click", onClick);
-  //   }
-  // }
-  // private onStatusLoad(): void {
-  //   this.registerHandler("status-load", () => {
-  //     return this.renderStatusBar();
-  //   });
-  // }
+  registerStatus() {
+    const arg = _optionalChain([this, 'access', _7 => _7.renderStatusBar, 'optionalCall', _8 => _8()]);
+    if (!arg) return;
+    const { onClick, ...rest } = arg;
+    if (arg) {
+      this.sendMessage({
+        type: `status`,
+        arg: rest
+      });
+      this.off("status-click");
+      if (onClick) this.registerSubscription("status-click", onClick);
+    }
+  }
+  onStatusLoad() {
+    this.registerHandler("status-load", () => {
+      const statusBar = _optionalChain([this, 'access', _9 => _9.renderStatusBar, 'optionalCall', _10 => _10()]);
+      if (statusBar) {
+        const { onClick, ...rest } = statusBar;
+        if (onClick) {
+          this.registerSubscription("status-click", onClick);
+        }
+        return rest;
+      }
+      return null;
+    });
+  }
   // -----------------------------
   // State
   // -----------------------------
@@ -199,12 +206,12 @@ var Plugin = class {
   // -----------------------------
   // Logging
   // -----------------------------
-  // protected notify(message: string): void {
-  //   this.sendMessage({
-  //     type: "notification",
-  //     arg: message,
-  //   });
-  // }
+  log(message) {
+    this.sendMessage({
+      type: "log",
+      arg: message
+    });
+  }
   // -----------------------------
   // Utils
   // -----------------------------

package/dist/plugin.mjs

@@ -58,8 +58,11 @@ var Plugin = class {
       this.eventIds = [];
       const sidebar = this.renderSidebar?.() || null;
       if (sidebar) this.render("sidebar", sidebar);
+      const status = this.renderStatusBar?.() || null;
+      if (status) this.registerStatus();
     });
     this.onSidebarLoad();
+    this.onStatusLoad();
   }
   // -----------------------------
   // Element Factory
@@ -165,28 +168,32 @@ var Plugin = class {
   on(event, callback) {
     this.registerSubscription(event, callback);
   }
-  // -----------------------------
-  // Status Bar
-  // -----------------------------
-  // abstract renderStatusBar(): RenderStatusType | null;
-  // private registerStatusBar(): void {
-  //   const arg = this.renderStatusBar();
-  //   if (!arg) return;
-  //   const { onClick, ...rest } = arg;
-  //   if (arg) {
-  //     this.sendMessage({
-  //       type: `status`,
-  //       arg: rest,
-  //     });
-  //     this.off("status-click");
-  //     this.registerSubscription("status-click", onClick);
-  //   }
-  // }
-  // private onStatusLoad(): void {
-  //   this.registerHandler("status-load", () => {
-  //     return this.renderStatusBar();
-  //   });
-  // }
+  registerStatus() {
+    const arg = this.renderStatusBar?.();
+    if (!arg) return;
+    const { onClick, ...rest } = arg;
+    if (arg) {
+      this.sendMessage({
+        type: `status`,
+        arg: rest
+      });
+      this.off("status-click");
+      if (onClick) this.registerSubscription("status-click", onClick);
+    }
+  }
+  onStatusLoad() {
+    this.registerHandler("status-load", () => {
+      const statusBar = this.renderStatusBar?.();
+      if (statusBar) {
+        const { onClick, ...rest } = statusBar;
+        if (onClick) {
+          this.registerSubscription("status-click", onClick);
+        }
+        return rest;
+      }
+      return null;
+    });
+  }
   // -----------------------------
   // State
   // -----------------------------
@@ -199,12 +206,12 @@ var Plugin = class {
   // -----------------------------
   // Logging
   // -----------------------------
-  // protected notify(message: string): void {
-  //   this.sendMessage({
-  //     type: "notification",
-  //     arg: message,
-  //   });
-  // }
+  log(message) {
+    this.sendMessage({
+      type: "log",
+      arg: message
+    });
+  }
   // -----------------------------
   // Utils
   // -----------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bb-relay",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "For managing bb-editor extension",
   "license": "ISC",
   "author": "Ade Adeola",

package/src/lib/plugin/RenderStatusType.ts

@@ -1,17 +1,13 @@
 import { IconName } from "lucide-react/dynamic";
 
-export type StatusElement =
-  | {
-      type: "icon";
-      icon: IconName;
-    }
-  | {
-      type: "text";
-      text: string;
-    };
+export type StatusElement = {
+  iconLeft?: IconName;
+  iconRight?: IconName;
+  message?: string;
+  text?: string;
+};
 
 export type RenderStatusType = {
   element: StatusElement[];
-  message: string;
-  onClick: () => void;
+  onClick?: () => void;
 };

package/src/lib/plugin/index.ts

@@ -11,6 +11,7 @@ import {
 } from "@/editor";
 import { Project } from "@/database";
 import equal from "fast-deep-equal";
+import { RenderStatusType } from "./RenderStatusType";
 
 export type Store<T extends Record<string, unknown>> = {
   get(): T;
@@ -130,9 +131,12 @@ export abstract class Plugin<T extends Record<string, unknown>> {
       this.eventIds = [];
       const sidebar = this.renderSidebar?.() || null;
       if (sidebar) this.render("sidebar", sidebar);
+      const status = this.renderStatusBar?.() || null;
+      if (status) this.registerStatus();
     });
 
     this.onSidebarLoad();
+    this.onStatusLoad();
   }
 
   // -----------------------------
@@ -348,27 +352,35 @@ export abstract class Plugin<T extends Record<string, unknown>> {
   // Status Bar
   // -----------------------------
 
-  // abstract renderStatusBar(): RenderStatusType | null;
-
-  // private registerStatusBar(): void {
-  //   const arg = this.renderStatusBar();
-  //   if (!arg) return;
-  //   const { onClick, ...rest } = arg;
-  //   if (arg) {
-  //     this.sendMessage({
-  //       type: `status`,
-  //       arg: rest,
-  //     });
-  //     this.off("status-click");
-  //     this.registerSubscription("status-click", onClick);
-  //   }
-  // }
-
-  // private onStatusLoad(): void {
-  //   this.registerHandler("status-load", () => {
-  //     return this.renderStatusBar();
-  //   });
-  // }
+  renderStatusBar?(): RenderStatusType | null;
+
+  private registerStatus(): void {
+    const arg = this.renderStatusBar?.();
+    if (!arg) return;
+    const { onClick, ...rest } = arg;
+    if (arg) {
+      this.sendMessage({
+        type: `status`,
+        arg: rest,
+      });
+      this.off("status-click");
+      if (onClick) this.registerSubscription("status-click", onClick);
+    }
+  }
+
+  private onStatusLoad(): void {
+    this.registerHandler("status-load", () => {
+      const statusBar = this.renderStatusBar?.();
+      if (statusBar) {
+        const { onClick, ...rest } = statusBar;
+        if (onClick) {
+          this.registerSubscription("status-click", onClick);
+        }
+        return rest;
+      }
+      return null;
+    });
+  }
 
   // -----------------------------
   // State
@@ -386,12 +398,12 @@ export abstract class Plugin<T extends Record<string, unknown>> {
   // Logging
   // -----------------------------
 
-  // protected notify(message: string): void {
-  //   this.sendMessage({
-  //     type: "notification",
-  //     arg: message,
-  //   });
-  // }
+  protected log(message: string): void {
+    this.sendMessage({
+      type: "log",
+      arg: message,
+    });
+  }
 
   // -----------------------------
   // Utils

package/src/lib/validate-manifest/index.ts

@@ -57,6 +57,10 @@ const validateManifest = (manifestContent: string) => {
     }
   }
 
+  if (content.status) {
+    fileChecks.push(content.status);
+  }
+
   if (content.iconsPath) {
     fileChecks.push(content.iconsPath + "/bb.png");
   }

package/src/types/editor/Manifest.ts

@@ -34,4 +34,5 @@ export type Manifest = {
   repository?: string;
   theme?: string;
   [key: string]: unknown;
+  status?: string;
 };

package/src/lib/plugin/sample.ts

@@ -1,81 +0,0 @@
-import { Plugin } from ".";
-import { RenderStatusType } from "./RenderStatusType";
-
-const templateGenerator = () => {
-  return [
-    {
-      path: "chapters/chapter 1.md",
-      content: "# Chapter 1 \n The content of your book",
-    },
-    {
-      path: "characters/main/Jane Doe.md",
-      content: "# Jane Doe \n The central characters in your story",
-    },
-    {
-      path: "characters/secondary/John Doe.md",
-      content: "# John Doe \n The supporting characters in your story",
-    },
-    {
-      path: "characters/tertiary/Tom Dick Harry.md",
-      content: "# Tom Dick Harry \n Background characters in your story",
-    },
-    {
-      path: "location/House.md",
-      content: "Places where certain events take place",
-    },
-    {
-      path: "scene/assassination.md",
-      content: "Combination of location and event/action",
-    },
-  ];
-};
-
-export class ExtPlugin extends Plugin {
-  init(): Promise<void> | void {
-    console.log("hello");
-    this.subscribe("project-selected", (arg) => {
-      console.log(arg.id, arg.workingDir);
-    });
-    this.subscribe("file-selected", (path) => {
-      console.log(path);
-    });
-    this.subscribe("new-project", (arg) => {
-      const workingDir = arg.workingDir;
-      const fs = this.editor?.fs!;
-      templateGenerator().forEach(async (file) => {
-        await fs.writeFile({
-          path: `${workingDir}/${file.path}`,
-          content: file.content,
-          type: "utf8",
-        });
-      });
-    });
-  }
-
-  renderSidebar() {
-    return this.element.button({
-      style: {
-        color: "red",
-      },
-      label: "Hello world",
-      onClick: () => {
-        console.log("Hello world");
-      },
-    });
-  }
-
-  renderStatusBar(): RenderStatusType {
-    return {
-      element: [
-        {
-          type: "text",
-          text: "Hello world",
-        },
-      ],
-      message: "Hello world",
-      onClick: () => {
-        console.log("Hello world");
-      },
-    };
-  }
-}