feat: adapt page level properties as the prefix

package.json

@@ -1,6 +1,7 @@
 {
   "name": "logseq-plugin-tabs",
   "version": "1.7.5",
+  "schemaVersion": "1.0.0",
   "main": "dist/index.html",
   "scripts": {
     "dev": "vite",

src/PageTabs.tsx

@@ -104,6 +104,11 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
             e.dataTransfer.effectAllowed = "move";
             setDraggingTab(tab);
           };
+          const prefix = tab.properties?.emoji
+            ? tab.properties?.emoji
+            : isBlock(tab)
+            ? "B"
+            : "P";
           return (
             <div
               onClick={() => onClickTab(tab)}
@@ -118,7 +123,7 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
               className="logseq-tab group"
             >
               <div className="text-xs rounded border mr-1 px-1 inline light:bg-white dark:bg-dark">
-                {isBlock(tab) ? "B" : "P"}
+                {prefix}
               </div>
               <span className="logseq-tab-title">
                 {tab.originalName ?? tab.name}{" "}

src/types.ts

@@ -6,6 +6,9 @@ export interface ITabInfo {
   page?: {
     id: number;
   };
+  properties?: {
+    emoji?: string;
+  };
 
   // UI States:
   pinned?: boolean;

src/utils.ts

@@ -3,7 +3,7 @@ import type { PageEntity } from "@logseq/libs/dist/LSPlugin";
 import React, { useMemo, useState } from "react";
 import isEqual from "fast-deep-equal";
 import { useHoverDirty, useMountedState } from "react-use";
-import { version } from "../package.json";
+import { schemaVersion } from "../package.json";
 import { ITabInfo } from "./types";
 
 export const useAppVisible = () => {
@@ -92,7 +92,7 @@ export const delay = (ms: number) =>
   new Promise((resolve) => setTimeout(resolve, ms));
 
 function getKeyId(graph: string) {
-  return "logseq-plugin-tabs:" + version + "/" + graph;
+  return "logseq-plugin-tabs:" + schemaVersion + "/" + graph;
 }
 
 const readFromLocalStorage = (graph: string): ITabInfo[] | null => {