seemore 1.1.1 → 1.1.3

package/README.md

@@ -131,7 +131,7 @@ export default defineConfig({
   nav: [{ text: 'GitHub', link: 'https://github.com/you/repo' }],
   footer: { text: '© 2026' },
   editLink: { base: 'https://github.com/you/repo/edit/main/docs' },
-  search: 'static',
+  search: 'static', // or { provider: 'orama-cloud', endpoint, apiKey } / { provider: 'algolia', appId, apiKey, indexName }
   exclude: ['drafts/**'],
 });
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seemore",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Let AI write the Markdown. Let seemore show it better — zero config documentation framework.",
   "license": "MIT",
   "type": "module",

package/src/app/layout/DocsLayout.tsx

@@ -19,6 +19,7 @@ import { Header } from './Header.js';
 import { Sidebar } from './Sidebar.js';
 import { Breadcrumb } from './Breadcrumb.js';
 import { BackToTop, PageFooter, SiteFooter } from './Footer.js';
+import { SelectionCopyButton } from './SelectionCopyButton.js';
 import { IntegratedToc, Toc, TocProvider } from './Toc.js';
 
 /**
@@ -82,6 +83,7 @@ export function DocPage({ entry }: { entry: RouteEntry }) {
 
         {feature('navigation.top') ? <BackToTop /> : undefined}
         <PagePreview />
+        <SelectionCopyButton />
       </div>
     </TocProvider>
   );

package/src/app/layout/SelectionCopyButton.tsx

@@ -0,0 +1,56 @@
+import { useEffect, useState } from 'react';
+
+/**
+ * A floating "Copy" button that appears over the current text selection.
+ *
+ * Only matters embedded in the VS Code extension's webview: the page runs there inside a
+ * nested, cross-origin iframe, and the workbench's own Ctrl+C/Cmd+C handling never reaches a
+ * selection made inside it. A click does — but the write itself still can't happen here:
+ * VS Code webviews deny the Clipboard API to embedded content regardless of how it's
+ * triggered, so the click instead posts the selected text up to the extension host (see
+ * `panelHtml.ts`/`panel.ts`), which is the only side actually allowed to touch the OS
+ * clipboard (`vscode.env.clipboard`). A plain browser tab already has native copy and is
+ * never embedded this way, so this renders nothing there.
+ */
+export function SelectionCopyButton() {
+  const [rect, setRect] = useState<DOMRect>();
+  const [copied, setCopied] = useState(false);
+
+  useEffect(() => {
+    if (window.parent === window) return;
+
+    function onSelectionChange() {
+      const selection = window.getSelection();
+      if (selection === null || selection.isCollapsed || selection.toString().trim() === '') {
+        setRect(undefined);
+        return;
+      }
+      setRect(selection.getRangeAt(0).getBoundingClientRect());
+      setCopied(false);
+    }
+
+    document.addEventListener('selectionchange', onSelectionChange);
+    return () => document.removeEventListener('selectionchange', onSelectionChange);
+  }, []);
+
+  if (rect === undefined) return undefined;
+
+  return (
+    <button
+      type="button"
+      className="seemore-selection-copy"
+      style={{ top: Math.max(rect.top - 36, 8), left: rect.left }}
+      // A button's default mousedown behaviour collapses whatever is currently selected
+      // before the click ever fires — this is what keeps the selection alive through it.
+      onMouseDown={(event) => event.preventDefault()}
+      onClick={() => {
+        const text = window.getSelection()?.toString() ?? '';
+        if (text === '') return;
+        window.parent.postMessage({ type: 'seemore:copy', text }, '*');
+        setCopied(true);
+      }}
+    >
+      {copied ? 'Copied' : 'Copy'}
+    </button>
+  );
+}

package/src/app/styles/globals.css

@@ -244,6 +244,10 @@
     @apply fixed bottom-6 end-6 inline-flex items-center gap-2 rounded-full border border-fd-border bg-fd-background px-4 py-2 text-sm shadow;
   }
 
+  .seemore-selection-copy {
+    @apply fixed z-50 rounded-md border border-fd-border bg-fd-popover px-2 py-1 text-xs font-medium shadow-lg;
+  }
+
   .seemore-preview {
     @apply pointer-events-none fixed z-50 max-h-80 w-[400px] overflow-hidden rounded-xl border border-fd-border bg-fd-popover p-4 text-sm shadow-lg;
   }