@docusaurus/theme-classic 3.5.2 → 3.6.0

package/lib/index.js

@@ -10,13 +10,10 @@ exports.validateOptions = exports.validateThemeConfig = exports.getSwizzleConfig
 exports.default = themeClassic;
 const tslib_1 = require("tslib");
 const path_1 = tslib_1.__importDefault(require("path"));
-const module_1 = require("module");
 const rtlcss_1 = tslib_1.__importDefault(require("rtlcss"));
 const theme_translations_1 = require("@docusaurus/theme-translations");
 const translations_1 = require("./translations");
 const inlineScripts_1 = require("./inlineScripts");
-const requireFromDocusaurusCore = (0, module_1.createRequire)(require.resolve('@docusaurus/core/package.json'));
-const ContextReplacementPlugin = requireFromDocusaurusCore('webpack/lib/ContextReplacementPlugin');
 function getInfimaCSSFile(direction) {
     return `infima/dist/css/default/default${direction === 'rtl' ? '-rtl' : ''}.css`;
 }
@@ -54,7 +51,7 @@ function themeClassic(context, options) {
             modules.push(...customCss.map((p) => path_1.default.resolve(context.siteDir, p)));
             return modules;
         },
-        configureWebpack() {
+        configureWebpack(__config, __isServer, { currentBundler }) {
             const prismLanguages = additionalLanguages
                 .map((lang) => `prism-${lang}`)
                 .join('|');
@@ -63,7 +60,7 @@ function themeClassic(context, options) {
                     // This allows better optimization by only bundling those components
                     // that the user actually needs, because the modules are dynamically
                     // required and can't be known during compile time.
-                    new ContextReplacementPlugin(/prismjs[\\/]components$/, new RegExp(`^./(${prismLanguages})$`)),
+                    new currentBundler.instance.ContextReplacementPlugin(/prismjs[\\/]components$/, new RegExp(`^./(${prismLanguages})$`)),
                 ],
             };
         },

package/lib/theme/Blog/Components/Author/index.js

@@ -70,7 +70,7 @@ export default function BlogAuthor({as, author, className, count}) {
                 <AuthorName name={name} as={as} />
               </MaybeLink>
             )}
-            {count && <AuthorBlogPostCount count={count} />}
+            {count !== undefined && <AuthorBlogPostCount count={count} />}
           </div>
           {!!title && <AuthorTitle title={title} />}
 

package/lib/theme/Blog/Pages/BlogAuthorsPostsPage/index.js

@@ -14,6 +14,7 @@ import {
 import {
   useBlogAuthorPageTitle,
   BlogAuthorsListViewAllLabel,
+  BlogAuthorNoPostsLabel,
 } from '@docusaurus/theme-common/internal';
 import Link from '@docusaurus/Link';
 import {useBlogMetadata} from '@docusaurus/plugin-content-blog/client';
@@ -47,9 +48,17 @@ function Content({author, items, sidebar, listMetadata}) {
         {author.description && <p>{author.description}</p>}
         <ViewAllAuthorsLink />
       </header>
-      <hr />
-      <BlogPostItems items={items} />
-      <BlogListPaginator metadata={listMetadata} />
+      {items.length === 0 ? (
+        <p>
+          <BlogAuthorNoPostsLabel />
+        </p>
+      ) : (
+        <>
+          <hr />
+          <BlogPostItems items={items} />
+          <BlogListPaginator metadata={listMetadata} />
+        </>
+      )}
     </BlogLayout>
   );
 }

package/lib/theme/BlogPostPage/Metadata/index.js

@@ -14,7 +14,7 @@ export default function BlogPostPageMetadata() {
   const image = assets.image ?? frontMatter.image;
   return (
     <PageMetadata
-      title={title}
+      title={frontMatter.title_meta ?? title}
       description={description}
       keywords={keywords}
       image={image}>

package/lib/theme/ColorModeToggle/index.js

@@ -48,7 +48,8 @@ function ColorModeToggle({className, buttonClassName, value, onChange}) {
         disabled={!isBrowser}
         title={title}
         aria-label={title}
-        aria-live="polite">
+        aria-live="polite"
+        aria-pressed={value === 'dark' ? 'true' : 'false'}>
         <IconLightMode
           className={clsx(styles.toggleIcon, styles.lightToggleIcon)}
         />

package/lib/theme/Heading/styles.module.css

@@ -8,7 +8,7 @@
 /*
 When the navbar is sticky, ensure that on anchor click,
 the browser does not scroll that anchor behind the navbar
-See https://twitter.com/JoshWComeau/status/1332015868725891076
+See https://x.com/JoshWComeau/status/1332015868725891076
  */
 .anchorWithStickyNavbar {
   scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);

package/lib/theme/prism-include-languages.js

@@ -16,6 +16,7 @@ export default function prismIncludeLanguages(PrismObject) {
   // avoid polluting global namespace.
   // You can mutate PrismObject: registering plugins, deleting languages... As
   // long as you don't re-assign it
+  const PrismBefore = globalThis.Prism;
   globalThis.Prism = PrismObject;
   additionalLanguages.forEach((lang) => {
     if (lang === 'php') {
@@ -25,5 +26,9 @@ export default function prismIncludeLanguages(PrismObject) {
     // eslint-disable-next-line global-require, import/no-dynamic-require
     require(`prismjs/components/prism-${lang}`);
   });
+  // Clean up and eventually restore former globalThis.Prism object (if any)
   delete globalThis.Prism;
+  if (typeof PrismBefore !== 'undefined') {
+    globalThis.Prism = PrismObject;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "3.5.2",
+  "version": "3.6.0",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -20,22 +20,23 @@
     "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "dependencies": {
-    "@docusaurus/core": "3.5.2",
-    "@docusaurus/mdx-loader": "3.5.2",
-    "@docusaurus/module-type-aliases": "3.5.2",
-    "@docusaurus/plugin-content-blog": "3.5.2",
-    "@docusaurus/plugin-content-docs": "3.5.2",
-    "@docusaurus/plugin-content-pages": "3.5.2",
-    "@docusaurus/theme-common": "3.5.2",
-    "@docusaurus/theme-translations": "3.5.2",
-    "@docusaurus/types": "3.5.2",
-    "@docusaurus/utils": "3.5.2",
-    "@docusaurus/utils-common": "3.5.2",
-    "@docusaurus/utils-validation": "3.5.2",
+    "@docusaurus/core": "3.6.0",
+    "@docusaurus/logger": "3.6.0",
+    "@docusaurus/mdx-loader": "3.6.0",
+    "@docusaurus/module-type-aliases": "3.6.0",
+    "@docusaurus/plugin-content-blog": "3.6.0",
+    "@docusaurus/plugin-content-docs": "3.6.0",
+    "@docusaurus/plugin-content-pages": "3.6.0",
+    "@docusaurus/theme-common": "3.6.0",
+    "@docusaurus/theme-translations": "3.6.0",
+    "@docusaurus/types": "3.6.0",
+    "@docusaurus/utils": "3.6.0",
+    "@docusaurus/utils-common": "3.6.0",
+    "@docusaurus/utils-validation": "3.6.0",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "copy-text-to-clipboard": "^3.2.0",
-    "infima": "0.2.0-alpha.44",
+    "infima": "0.2.0-alpha.45",
     "lodash": "^4.17.21",
     "nprogress": "^0.2.0",
     "postcss": "^8.4.26",
@@ -61,5 +62,5 @@
   "engines": {
     "node": ">=18.0"
   },
-  "gitHead": "eeec303dd773774ed5a023884800da0b061f6942"
+  "gitHead": "05bba6d4f495ef6b0bec5d41453932bb97981830"
 }

package/src/index.ts

@@ -6,7 +6,6 @@
  */
 
 import path from 'path';
-import {createRequire} from 'module';
 import rtlcss from 'rtlcss';
 import {readDefaultCodeTranslationMessages} from '@docusaurus/theme-translations';
 import {getTranslationFiles, translateThemeConfig} from './translations';
@@ -19,14 +18,6 @@ import type {LoadContext, Plugin} from '@docusaurus/types';
 import type {ThemeConfig} from '@docusaurus/theme-common';
 import type {Plugin as PostCssPlugin} from 'postcss';
 import type {PluginOptions} from '@docusaurus/theme-classic';
-import type webpack from 'webpack';
-
-const requireFromDocusaurusCore = createRequire(
-  require.resolve('@docusaurus/core/package.json'),
-);
-const ContextReplacementPlugin = requireFromDocusaurusCore(
-  'webpack/lib/ContextReplacementPlugin',
-) as typeof webpack.ContextReplacementPlugin;
 
 function getInfimaCSSFile(direction: string) {
   return `infima/dist/css/default/default${
@@ -89,7 +80,7 @@ export default function themeClassic(
       return modules;
     },
 
-    configureWebpack() {
+    configureWebpack(__config, __isServer, {currentBundler}) {
       const prismLanguages = additionalLanguages
         .map((lang) => `prism-${lang}`)
         .join('|');
@@ -99,7 +90,7 @@ export default function themeClassic(
           // This allows better optimization by only bundling those components
           // that the user actually needs, because the modules are dynamically
           // required and can't be known during compile time.
-          new ContextReplacementPlugin(
+          new currentBundler.instance.ContextReplacementPlugin(
             /prismjs[\\/]components$/,
             new RegExp(`^./(${prismLanguages})$`),
           ),

package/src/theme/Blog/Components/Author/index.tsx

@@ -83,7 +83,7 @@ export default function BlogAuthor({
                 <AuthorName name={name} as={as} />
               </MaybeLink>
             )}
-            {count && <AuthorBlogPostCount count={count} />}
+            {count !== undefined && <AuthorBlogPostCount count={count} />}
           </div>
           {!!title && <AuthorTitle title={title} />}
 

package/src/theme/Blog/Pages/BlogAuthorsPostsPage/index.tsx

@@ -15,6 +15,7 @@ import {
 import {
   useBlogAuthorPageTitle,
   BlogAuthorsListViewAllLabel,
+  BlogAuthorNoPostsLabel,
 } from '@docusaurus/theme-common/internal';
 import Link from '@docusaurus/Link';
 import {useBlogMetadata} from '@docusaurus/plugin-content-blog/client';
@@ -52,9 +53,17 @@ function Content({author, items, sidebar, listMetadata}: Props): JSX.Element {
         {author.description && <p>{author.description}</p>}
         <ViewAllAuthorsLink />
       </header>
-      <hr />
-      <BlogPostItems items={items} />
-      <BlogListPaginator metadata={listMetadata} />
+      {items.length === 0 ? (
+        <p>
+          <BlogAuthorNoPostsLabel />
+        </p>
+      ) : (
+        <>
+          <hr />
+          <BlogPostItems items={items} />
+          <BlogListPaginator metadata={listMetadata} />
+        </>
+      )}
     </BlogLayout>
   );
 }

package/src/theme/BlogPostPage/Metadata/index.tsx

@@ -17,7 +17,7 @@ export default function BlogPostPageMetadata(): JSX.Element {
   const image = assets.image ?? frontMatter.image;
   return (
     <PageMetadata
-      title={title}
+      title={frontMatter.title_meta ?? title}
       description={description}
       keywords={keywords}
       image={image}>

package/src/theme/ColorModeToggle/index.tsx

@@ -59,7 +59,8 @@ function ColorModeToggle({
         disabled={!isBrowser}
         title={title}
         aria-label={title}
-        aria-live="polite">
+        aria-live="polite"
+        aria-pressed={value === 'dark' ? 'true' : 'false'}>
         <IconLightMode
           className={clsx(styles.toggleIcon, styles.lightToggleIcon)}
         />

package/src/theme/Heading/styles.module.css

@@ -8,7 +8,7 @@
 /*
 When the navbar is sticky, ensure that on anchor click,
 the browser does not scroll that anchor behind the navbar
-See https://twitter.com/JoshWComeau/status/1332015868725891076
+See https://x.com/JoshWComeau/status/1332015868725891076
  */
 .anchorWithStickyNavbar {
   scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);

package/src/theme/prism-include-languages.ts

@@ -23,6 +23,8 @@ export default function prismIncludeLanguages(
   // avoid polluting global namespace.
   // You can mutate PrismObject: registering plugins, deleting languages... As
   // long as you don't re-assign it
+
+  const PrismBefore = globalThis.Prism;
   globalThis.Prism = PrismObject;
 
   additionalLanguages.forEach((lang) => {
@@ -34,5 +36,9 @@ export default function prismIncludeLanguages(
     require(`prismjs/components/prism-${lang}`);
   });
 
+  // Clean up and eventually restore former globalThis.Prism object (if any)
   delete (globalThis as Optional<typeof globalThis, 'Prism'>).Prism;
+  if (typeof PrismBefore !== 'undefined') {
+    globalThis.Prism = PrismObject;
+  }
 }