@myst-theme/site 1.1.2 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/site",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -25,11 +25,11 @@
   "dependencies": {
     "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/common": "^1.1.2",
-    "@myst-theme/diagrams": "^1.1.2",
-    "@myst-theme/frontmatter": "^1.1.2",
-    "@myst-theme/providers": "^1.1.2",
-    "@myst-theme/search": "^1.1.2",
+    "@myst-theme/common": "^1.1.3",
+    "@myst-theme/diagrams": "^1.1.3",
+    "@myst-theme/frontmatter": "^1.1.3",
+    "@myst-theme/providers": "^1.1.3",
+    "@myst-theme/search": "^1.1.3",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dialog": "^1.0.3",
     "@radix-ui/react-visually-hidden": "^1.1.0",
@@ -37,9 +37,9 @@
     "lodash.throttle": "^4.1.1",
     "myst-common": "^1.8.1",
     "myst-config": "^1.7.9",
-    "myst-demo": "^1.1.2",
+    "myst-demo": "^1.1.3",
     "myst-spec-ext": "^1.8.1",
-    "myst-to-react": "^1.1.2",
+    "myst-to-react": "^1.1.3",
     "nbtx": "^0.2.3",
     "node-cache": "^5.1.2",
     "node-fetch": "^2.6.11",

package/src/components/Navigation/Link.tsx

@@ -1,5 +1,10 @@
 import React from 'react';
-import { isExternalUrl, useLinkProvider, useNavLinkProvider } from '@myst-theme/providers';
+import {
+  isExternalUrl,
+  useLinkProvider,
+  useNavLinkProvider,
+  useSiteManifest,
+} from '@myst-theme/providers';
 
 export function ExternalOrInternalLink({
   to,
@@ -18,8 +23,9 @@ export function ExternalOrInternalLink({
 }) {
   const Link = useLinkProvider();
   const NavLink = useNavLinkProvider();
+  const config = useSiteManifest();
   const staticClass = typeof className === 'function' ? className({ isActive: false }) : className;
-  if (isExternalUrl(to)) {
+  if (isExternalUrl(to, config?.options?.internal_domains)) {
     return (
       <a
         href={to}

package/src/components/Navigation/TableOfContentsItems.tsx

@@ -3,10 +3,12 @@ import classNames from 'classnames';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import type { Heading } from '@myst-theme/common';
 import {
+  isExternalUrl,
   useBaseurl,
   useLinkProvider,
   useNavLinkProvider,
   useNavOpen,
+  useSiteManifest,
   withBaseurl,
 } from '@myst-theme/providers';
 import { useLocation, useNavigation } from '@remix-run/react';
@@ -87,8 +89,11 @@ function LinkItem({
   const baseurl = useBaseurl();
   const [, setOpen] = useNavOpen();
   // Render external URL
+  const config = useSiteManifest();
+  // In case the URL part of our "treat as internal" domain list
+  const treatAsInternal = !isExternalUrl(heading.url, config?.options?.internal_domains);
   if (heading.url) {
-    const target = heading.open_in_same_tab ? '_self' : '_blank';
+    const target = heading.open_in_same_tab || treatAsInternal ? '_self' : '_blank';
     return (
       <Link
         title={`${heading.enumerator ? `${heading.enumerator} ` : ''}${heading.title}`}
@@ -106,7 +111,9 @@ function LinkItem({
         <span className="inline align-middle">
           {`${heading.enumerator ? `${heading.enumerator} ` : ''}${heading.title}`}
         </span>
-        <ArrowTopRightOnSquareIcon className="inline h-4 w-4 align-middle ml-[0.2rem]" />
+        {!treatAsInternal && (
+          <ArrowTopRightOnSquareIcon className="inline h-4 w-4 align-middle ml-[0.2rem]" />
+        )}
       </Link>
     );
   }