@myst-theme/site 0.13.1 → 0.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/site",
-  "version": "0.13.1",
+  "version": "0.13.3",
   "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -21,12 +21,12 @@
   "dependencies": {
     "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/common": "^0.13.1",
-    "@myst-theme/diagrams": "^0.13.1",
-    "@myst-theme/frontmatter": "^0.13.1",
-    "@myst-theme/jupyter": "^0.13.1",
-    "@myst-theme/providers": "^0.13.1",
-    "@myst-theme/search": "^0.13.1",
+    "@myst-theme/common": "^0.13.3",
+    "@myst-theme/diagrams": "^0.13.3",
+    "@myst-theme/frontmatter": "^0.13.3",
+    "@myst-theme/jupyter": "^0.13.3",
+    "@myst-theme/providers": "^0.13.3",
+    "@myst-theme/search": "^0.13.3",
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dialog": "^1.0.3",
     "@radix-ui/react-radio-group": "^1.2.0",
@@ -35,11 +35,11 @@
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "classnames": "^2.3.2",
     "lodash.throttle": "^4.1.1",
-    "myst-common": "^1.7.0",
-    "myst-config": "^1.7.0",
-    "myst-demo": "^0.13.1",
-    "myst-spec-ext": "^1.7.0",
-    "myst-to-react": "^0.13.1",
+    "myst-common": "^1.7.3",
+    "myst-config": "^1.7.3",
+    "myst-demo": "^0.13.3",
+    "myst-spec-ext": "^1.7.3",
+    "myst-to-react": "^0.13.3",
     "nbtx": "^0.2.3",
     "node-cache": "^5.1.2",
     "node-fetch": "^2.6.11",

package/src/components/DocumentOutline.tsx

@@ -365,7 +365,7 @@ export const DocumentOutline = ({
   selector?: string;
   children?: React.ReactNode;
   maxdepth?: number;
-  isMargin: boolean;
+  isMargin?: boolean;
 }) => {
   const { activeId, headings } = useHeaders(selector, maxdepth);
   const [open, setOpen] = useState(false);

package/src/components/Headers.tsx

@@ -7,7 +7,7 @@ import {
 } from '@myst-theme/frontmatter';
 import { useGridSystemProvider } from '@myst-theme/providers';
 import classNames from 'classnames';
-import type { PageFrontmatter } from 'myst-frontmatter';
+import type { PageFrontmatterWithDownloads } from '@myst-theme/common';
 import { ThemeButton } from './Navigation/index.js';
 
 export function ArticleHeader({
@@ -16,13 +16,13 @@ export function ArticleHeader({
   toggleTheme,
   className,
 }: {
-  frontmatter: PageFrontmatter;
+  frontmatter: PageFrontmatterWithDownloads;
   children?: React.ReactNode;
   toggleTheme?: boolean;
   className?: string;
 }) {
   const grid = useGridSystemProvider();
-  const { subject, venue, biblio, ...rest } = frontmatter ?? {};
+  const { subject, venue, volume, issue, ...rest } = frontmatter ?? {};
   const positionBackground = {
     'col-page-right': grid === 'article-left-grid',
     'col-page': grid === 'article-grid',
@@ -71,7 +71,12 @@ export function ArticleHeader({
             })}
           >
             {subject && <div className={classNames('flex-none pr-2 smallcaps')}>{subject}</div>}
-            <Journal venue={venue} biblio={biblio} className="hidden pl-2 border-l md:block" />
+            <Journal
+              venue={venue}
+              volume={volume}
+              issue={issue}
+              className="hidden pl-2 border-l md:block"
+            />
             <div className="flex-grow"></div>
             <div className="hidden sm:block">
               <LicenseBadges license={frontmatter?.license} />

package/src/components/Navigation/Navigation.tsx

@@ -77,7 +77,7 @@ export const ConfigurablePrimaryNavigation = ({
 
   if (children)
     console.warn(
-      `Including children in Navigation can break keyboard accessbility and is deprecated. Please move children to the page component.`,
+      `Including children in Navigation can break keyboard accessibility and is deprecated. Please move children to the page component.`,
     );
 
   // the logic on the following line looks wrong, this will return `null` or `<></>`

package/src/components/Navigation/TableOfContentsItems.tsx

@@ -35,10 +35,16 @@ function nestToc(toc: Heading[]): NestedHeading[] {
   return items;
 }
 
+function pathnameMatchesHeading(pathname: string, heading: Heading, baseurl?: string) {
+  const headingPath = withBaseurl(heading.path, baseurl);
+  if (pathname && headingPath === `${pathname}/index`) return true;
+  return headingPath === pathname;
+}
+
 function childrenOpen(headings: NestedHeading[], pathname: string, baseurl?: string): string[] {
   return headings
     .map((heading) => {
-      if (withBaseurl(heading.path, baseurl) === pathname) return [heading.id];
+      if (pathnameMatchesHeading(pathname, heading, baseurl)) return [heading.id];
       const open = childrenOpen(heading.children, pathname, baseurl);
       if (open.length === 0) return [];
       return [heading.id, ...open];
@@ -110,7 +116,7 @@ const NestedToc = ({ heading }: { heading: NestedHeading }) => {
   useEffect(() => {
     if (nav.state === 'idle') setOpen(startOpen);
   }, [nav.state]);
-  const exact = pathname === withBaseurl(heading.path, baseurl);
+  const exact = pathnameMatchesHeading(pathname, heading, baseurl);
   if (!heading.children || heading.children.length === 0) {
     return (
       <LinkItem

package/src/seo/sitemap.ts

@@ -1,3 +1,4 @@
+import { slugToUrl } from 'myst-common';
 import type { SiteManifest } from 'myst-config';
 
 type ManifestProjectItem = Required<SiteManifest>['projects'][0]['pages'][0];
@@ -148,7 +149,7 @@ export function getSiteSlugs(
         const projectSlug = project.slug ? `/${project.slug}` : '';
         const pages = project.pages
           .filter((page): page is ManifestProjectItem => 'slug' in page)
-          .map((page) => `${baseurl}${projectSlug}/${page.slug}`);
+          .map((page) => `${baseurl}${projectSlug}/${slugToUrl(page.slug)}`);
         if (opts?.excludeIndex) return [...pages];
         return [
           opts?.explicitIndex