myst-to-react 1.1.0 → 1.1.2

package/dist/links/index.d.ts

@@ -3,6 +3,7 @@ import type { NodeRenderer, NodeRenderers } from '@myst-theme/providers';
 type TransformedLink = Link & {
     internal?: boolean;
     protocol?: string;
+    static?: boolean;
 };
 export declare const WikiLinkRenderer: NodeRenderer<TransformedLink>;
 export declare const GithubLinkRenderer: NodeRenderer<TransformedLink>;

package/dist/links/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAatC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AASzE,KAAK,eAAe,GAAG,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AA0DxE,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAW1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,CAiB5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAI1D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,eAAe,CAQzD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,eAAe,CAoBpD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,eAAe,CAmCnD,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,aAerB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AActC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUzE,KAAK,eAAe,GAAG,IAAI,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA+D1F,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAW1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,CAiB5D,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,eAAe,CAI1D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,eAAe,CAQzD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAAY,CAAC,eAAe,CA6BpD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,eAAe,CAmCnD,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,aAerB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/links/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowTopRightOnSquareIcon as ExternalLinkIcon, LinkIcon, } from '@heroicons/react/24/outline';
+import { ArrowTopRightOnSquareIcon as ExternalLinkIcon, LinkIcon, ArrowDownTrayIcon, } from '@heroicons/react/24/outline';
 import { isExternalUrl, useLinkProvider, useSiteManifest, useBaseurl, withBaseurl, } from '@myst-theme/providers';
 import { HoverPopover, LinkCard } from '../components/index.js';
 import { WikiLink } from './wiki.js';
@@ -27,7 +27,15 @@ function InternalLink({ url, children, className, }) {
     if (!page || skipPreview) {
         return (_jsx(Link, { to: withBaseurl(url, baseurl), prefetch: "intent", className: classNames('link', className), children: children }));
     }
-    return (_jsx(HoverPopover, { card: _jsx(LinkCard, { internal: true, url: url, title: page.title, description: page.description, thumbnail: page.thumbnailOptimized || page.thumbnail }), children: _jsx(Link, { to: withBaseurl(url, baseurl), prefetch: "intent", className: classNames('hover-link', className), children: children }) }));
+    return (_jsx(HoverPopover
+    // Use a () function rather than directly loading the component.
+    // This avoids hydration errors in static builds so that card display works
+    // See: https://github.com/jupyter-book/myst-theme/issues/771
+    , { 
+        // Use a () function rather than directly loading the component.
+        // This avoids hydration errors in static builds so that card display works
+        // See: https://github.com/jupyter-book/myst-theme/issues/771
+        card: () => (_jsx(LinkCard, { internal: true, url: url, title: page.title, description: page.description, thumbnail: page.thumbnailOptimized || page.thumbnail })), children: _jsx("span", { children: _jsx(Link, { to: withBaseurl(url, baseurl), prefetch: "intent", className: classNames('hover-link', className), children: children }) }) }));
 }
 export const WikiLinkRenderer = ({ node, className }) => {
     var _a, _b;
@@ -46,12 +54,19 @@ export const RORLinkRenderer = ({ node, className }) => {
     return (_jsx(RORLink, { node: node, ror: (_a = node.data) === null || _a === void 0 ? void 0 : _a.ror, className: classNames(node.class, className) }));
 };
 export const SimpleLink = ({ node, className }) => {
-    var _a;
+    var _a, _b;
+    // Internal links will need to be modified by a baseURL (e.g. in static sites).
     const internal = (_a = node.internal) !== null && _a !== void 0 ? _a : !isExternalUrl(node.url);
-    if (internal) {
+    // If the link is static (a link to a document/asset), we can just use the regular link.
+    const isStatic = (_b = node.static) !== null && _b !== void 0 ? _b : false;
+    if (internal && !isStatic) {
         return (_jsx(InternalLink, { url: node.url, className: classNames(node.class, className), children: _jsx(MyST, { ast: node.children }) }));
     }
-    return (_jsxs("a", { target: "_blank", rel: "noreferrer", href: node.url, className: classNames('link', node.class, className), children: [_jsx(MyST, { ast: node.children }), _jsx(ExternalLinkIcon, { className: "external-link-icon" })] }));
+    return (
+    // External or download links get a little icon.
+    // We wrap the link text in an extra span so that we can control its whitespace handling
+    // We want the text in the link to wrap, but the icon *not* to wrap so it stays on the same line
+    _jsxs("a", { target: "_blank", rel: "noreferrer", href: node.url, className: classNames('link whitespace-nowrap', node.class, className), children: [_jsx("span", { className: "link-text whitespace-normal", children: _jsx(MyST, { ast: node.children }) }), isStatic && _jsx(ArrowDownTrayIcon, { className: "link-icon" }), !isStatic && _jsx(ExternalLinkIcon, { className: "link-icon" })] }));
 };
 export const linkBlock = ({ node, className }) => {
     var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-to-react",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/providers": "^1.1.0",
+    "@myst-theme/providers": "^1.1.2",
     "@radix-ui/react-hover-card": "^1.0.6",
     "@scienceicons/react": "^0.0.13",
     "buffer": "^6.0.3",