Merge pull request #100 from topherhunt/th/clean-title-text

readme.md

@@ -27,3 +27,8 @@ UX is mainly brought from modern browsers:
 Hint: you can change them in the Settings. After change, you need to restart the app.
 
 ![](./keybinding-settings.png)
+
+## Contributing
+
+- Please follow [Logseq's guidelines](https://github.com/logseq/logseq/blob/master/CONTRIBUTING.md) for contributions and Pull Requests.
+- See the [logseq-plugin-template-react readme](https://github.com/pengx17/logseq-plugin-template-react?tab=readme-ov-file#how-to-get-started) for steps on how to build and test this plugin.

src/PageTabs.tsx

@@ -98,6 +98,13 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
       };
     }, []);
 
+    // Clean out link markup and internal block metadata from text shown in tab titles.
+    const cleanBlockTitle = (text: string): string => (
+      text
+        .replace(/\[([^\]]+)\]\([^\)]+\)/, "$1")
+        .replace(/\s+(id|background-color|collapsed):: .+/g, "")
+    )
+
     const debouncedSwap = useDebounceFn(onSwapTab, 0);
     const showTabs =
       showSingleTab ||
@@ -180,9 +187,9 @@ const Tabs = React.forwardRef<HTMLElement, TabsProps>(
               <span className="logseq-tab-title">
                 {tab.originalName ?? tab.name}{" "}
                 {isBlock(tab) && (
-                  <span title={tab.content}>
+                  <span title={cleanBlockTitle(tab.content)}>
                     <strong className="text-blue-600">•</strong>
-                    <span className="mx-1">{tab.content}</span>
+                    <span className="mx-1">{cleanBlockTitle(tab.content)}</span>
                   </span>
                 )}
               </span>