myst-to-react 0.1.16 → 0.1.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-to-react",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "main": "./src/index.tsx",
   "types": "./src/index.tsx",
   "files": [
@@ -23,7 +23,7 @@
     "ansi-to-react": "^6.1.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.1",
-    "mermaid": "^9.1.6",
+    "mermaid": "^9.1.7",
     "myst-spec": "^0.0.4",
     "myst-to-docx": "*",
     "myst-to-tex": "*",

package/src/basic.tsx

@@ -203,11 +203,18 @@ const BASIC_RENDERERS: BasicNodeRenderers = {
     return <dl key={node.key}>{children}</dl>;
   },
   definitionTerm(node, children) {
-    return (
-      <dt key={node.key}>
-        <strong>{children}</strong>
-      </dt>
-    );
+    let strongChildren: React.ReactNode = children;
+    if (Array.isArray(children)) {
+      const allowedStrongTypes = new Set(['emphasis']);
+      strongChildren = children.map((child, i) => {
+        if (typeof child === 'string') return <strong key={node.key + i}>{child}</strong>;
+        if (allowedStrongTypes.has(child?.type)) return <strong key={node.key + i}>{child}</strong>;
+        return child;
+      });
+    } else if (typeof children === 'string') {
+      strongChildren = <strong key={node.key + '0'}>{children}</strong>;
+    }
+    return <dt key={node.key}>{strongChildren}</dt>;
   },
   definitionDescription(node, children) {
     return <dd key={node.key}>{children}</dd>;

package/src/card.tsx

@@ -7,6 +7,7 @@ import { Link } from '@remix-run/react';
 type CardSpec = {
   type: 'card';
   url?: string;
+  static?: boolean;
 };
 type CardTitleSpec = {
   type: 'cardTitle';
@@ -71,15 +72,17 @@ function getParts(children: React.ReactNode): Parts {
 function ExternalOrInternalLink({
   to,
   className,
+  isStatic,
   prefetch = 'intent',
   children,
 }: {
   to: string;
   className?: string;
+  isStatic?: boolean;
   prefetch?: 'intent' | 'render' | 'none';
   children: React.ReactNode;
 }) {
-  if (to.startsWith('http')) {
+  if (to.startsWith('http') || isStatic) {
     return (
       <a href={to} className={className} target="_blank" rel="noopener noreferrer">
         {children}
@@ -93,7 +96,15 @@ function ExternalOrInternalLink({
   );
 }
 
-function Card({ children, url }: { children: React.ReactNode; url?: string }) {
+function Card({
+  children,
+  url,
+  isStatic,
+}: {
+  children: React.ReactNode;
+  url?: string;
+  isStatic?: boolean;
+}) {
   const parts = getParts(children);
   const link = !!url;
   const sharedStyle =
@@ -102,6 +113,7 @@ function Card({ children, url }: { children: React.ReactNode; url?: string }) {
     return (
       <ExternalOrInternalLink
         to={url}
+        isStatic={isStatic}
         className={classNames(
           sharedStyle,
           'block font-normal no-underline cursor-pointer group',
@@ -125,7 +137,7 @@ function Card({ children, url }: { children: React.ReactNode; url?: string }) {
 
 export const CardRenderer: NodeRenderer<CardSpec> = (node, children) => {
   return (
-    <Card key={node.key} url={node.url}>
+    <Card key={node.key} url={node.url} isStatic={node.static || false}>
       {children}
     </Card>
   );