Merge branch 'master' of https://github.com/mathuo/dockview into 100-docs

packages/docs/docusaurus.config.js

@@ -12,7 +12,7 @@ console.log(`isCI: ${process.env.CI}`);
 const config = {
     title: 'Dockview',
     tagline: 'Zero dependency layout manager for React',
-    url: 'https://your-docusaurus-test-site.com',
+    url: 'https://dockview.dev',
     baseUrl: process.env.CI ? `/` : '/',
     onBrokenLinks: 'throw',
     onBrokenMarkdownLinks: 'warn',
@@ -87,6 +87,28 @@ const config = {
     themeConfig:
         /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
         ({
+            metadata: [
+                {
+                    name: 'keywords',
+                    content: [
+                        'react',
+                        'components',
+                        'typescript',
+                        'drag-and-drop',
+                        'reactjs',
+                        'layout',
+                        'drag',
+                        'drop',
+                        'tabs',
+                        'dock',
+                        'docking',
+                        'splitter',
+                        'docking-library',
+                        'layout-manager',
+                        'docking-layout',
+                    ].join(' ,'),
+                },
+            ],
             navbar: {
                 title: 'Dockview',
                 logo: {

packages/docs/src/components/dockview/contextMenu.tsx

@@ -98,12 +98,18 @@ export const ContextMenuDockview = () => {
         });
     };
 
+    const onContextMenu = (event: TabContextMenuEvent) => {
+        event.event.preventDefault();
+        alert(`Content appear event fired for panel ${event.panel.id}`);
+    };
+
     return (
         <DockviewReact
             components={components}
             tabComponents={tabComponents}
             onReady={onReady}
             className="dockview-theme-dark"
+            onTabContextMenu={onContextMenu}
         />
     );
 };