@coffer-org/web-ui 4.0.0 → 5.0.0

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './host-services.ts';
 export * from './list-view.ts';
 export * from './plugin-ui.ts';
 export * from './site-links.ts';
+export * from './internal-link.ts';
 export * from './lib/utils.ts';
 export * from './lib/date-format.ts';
 export * from './hooks/use-as-ref.ts';

package/dist/index.js

@@ -5,6 +5,7 @@ export * from "./host-services.js";
 export * from "./list-view.js";
 export * from "./plugin-ui.js";
 export * from "./site-links.js";
+export * from "./internal-link.js";
 export * from "./lib/utils.js";
 export * from "./lib/date-format.js";
 export * from "./hooks/use-as-ref.js";

package/dist/internal-link.d.ts

@@ -0,0 +1,15 @@
+import { type SiteShelf } from './site-links.ts';
+export type HrefKind = {
+    kind: 'internal';
+    to: string;
+} | {
+    kind: 'external';
+    href: string;
+} | {
+    kind: 'text';
+};
+export type SiteShelfPair = SiteShelf;
+export declare function classifyHref(href: string, origin: string, routes: {
+    pattern: string;
+}[], pairs?: SiteShelfPair[]): HrefKind;
+export declare function classifySiteHref(href: string): HrefKind;

package/dist/internal-link.js

@@ -0,0 +1,66 @@
+import { getSiteLinks, getSiteShelves } from "./site-links.js";
+import { getPluginRoutes } from "./plugin-ui.js";
+const SEGMENT = /^[A-Za-z0-9._~%-]+$/;
+function matchesPattern(pathname, pattern) {
+    const got = pathname.split('/').filter(Boolean);
+    const want = pattern.split('/').filter(Boolean);
+    const captured = {};
+    for (let i = 0; i < want.length; i++) {
+        const w = want[i];
+        if (w === '*')
+            return got.length >= i ? captured : null;
+        const g = got[i];
+        if (g === undefined)
+            return null;
+        if (w.startsWith(':')) {
+            if (!SEGMENT.test(g))
+                return null;
+            captured[w.slice(1)] = g;
+        }
+        else if (w !== g)
+            return null;
+    }
+    return got.length === want.length ? captured : null;
+}
+function hostOf(origin) {
+    try {
+        return new URL(origin).hostname;
+    }
+    catch {
+        return '';
+    }
+}
+export function classifyHref(href, origin, routes, pairs = []) {
+    const raw = href.trim();
+    if (!raw || raw.startsWith('//'))
+        return { kind: 'text' };
+    const isPath = raw.startsWith('/');
+    if (!isPath && !/^https?:\/\//i.test(raw))
+        return { kind: 'text' };
+    let url;
+    try {
+        url = new URL(raw, origin);
+    }
+    catch {
+        return { kind: 'text' };
+    }
+    if (url.hostname !== hostOf(origin))
+        return { kind: 'external', href: url.href };
+    for (const r of routes) {
+        const captured = matchesPattern(url.pathname, r.pattern);
+        if (!captured)
+            continue;
+        if (pairs.length && captured['library'] !== undefined && captured['shelf'] !== undefined) {
+            const known = pairs.some((p) => p.library === captured['library'] && p.shelf === captured['shelf']);
+            if (!known)
+                return { kind: 'text' };
+        }
+        return { kind: 'internal', to: `${url.pathname}${url.search}${url.hash}` };
+    }
+    return { kind: 'text' };
+}
+export function classifySiteHref(href) {
+    const routes = [...getSiteLinks(), ...getPluginRoutes().map((r) => ({ pattern: `/${r.path}` }))];
+    const origin = typeof window === 'undefined' ? '' : window.location.origin;
+    return classifyHref(href, origin, routes, getSiteShelves());
+}

package/dist/render/markdown-view.js

@@ -1,17 +1,46 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { marked } from 'marked';
 import DOMPurify from 'dompurify';
+import { useInRouterContext, useNavigate } from 'react-router-dom';
+import { classifySiteHref } from "../internal-link.js";
+const INTERNAL_ATTR = 'data-site-link';
 DOMPurify.addHook('afterSanitizeAttributes', (node) => {
-    if (node.tagName === 'A') {
-        node.setAttribute('target', '_blank');
-        node.setAttribute('rel', 'noopener noreferrer');
+    if (node.tagName !== 'A')
+        return;
+    const kind = classifySiteHref(node.getAttribute('href') ?? '');
+    if (kind.kind === 'internal') {
+        node.setAttribute('href', kind.to);
+        node.setAttribute(INTERNAL_ATTR, '');
+        node.removeAttribute('target');
+        node.removeAttribute('rel');
+        return;
     }
+    node.setAttribute('target', '_blank');
+    node.setAttribute('rel', 'noopener noreferrer');
 });
 export function markdownToSafeHtml(src) {
     const raw = marked.parse(src, { async: false });
     return DOMPurify.sanitize(raw);
 }
+function Prose({ value, onClick }) {
+    return (_jsx("div", { className: "md-static", onClick: onClick, dangerouslySetInnerHTML: { __html: markdownToSafeHtml(value) } }));
+}
+function RoutedProse({ value }) {
+    const navigate = useNavigate();
+    return (_jsx(Prose, { value: value, onClick: (event) => {
+            const anchor = event.target.closest?.(`a[${INTERNAL_ATTR}]`);
+            if (!anchor)
+                return;
+            if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
+                return;
+            const to = anchor.getAttribute('href');
+            if (!to)
+                return;
+            event.preventDefault();
+            navigate(to);
+        } }));
+}
 export function MarkdownView({ value }) {
-    return _jsx("div", { className: "md-static", dangerouslySetInnerHTML: { __html: markdownToSafeHtml(value) } });
+    return useInRouterContext() ? _jsx(RoutedProse, { value: value }) : _jsx(Prose, { value: value });
 }
 export default MarkdownView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coffer-org/web-ui",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "type": "module",
   "engines": {
     "node": ">=24"
@@ -25,7 +25,7 @@
     "postpack": "node ../../scripts/swap-exports.mjs src"
   },
   "dependencies": {
-    "@coffer-org/sdk": "^4.0.0",
+    "@coffer-org/sdk": "^5.0.0",
     "@ark-ui/react": "^5.37.2",
     "@base-ui/react": "^1.5.0",
     "@icons-pack/react-simple-icons": "^13.13.0",