@docusaurus/theme-classic 3.7.0-canary-6213 → 3.7.0-canary-6218

package/lib/index.js

@@ -14,6 +14,7 @@ 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 inlineSvgSprites_1 = require("./inlineSvgSprites");
 function getInfimaCSSFile(direction) {
     return `infima/dist/css/default/default${direction === 'rtl' ? '-rtl' : ''}.css`;
 }
@@ -85,6 +86,14 @@ function themeClassic(context, options) {
         injectHtmlTags() {
             return {
                 preBodyTags: [
+                    {
+                        tagName: 'svg',
+                        attributes: {
+                            xmlns: 'http://www.w3.org/2000/svg',
+                            style: 'display: none;',
+                        },
+                        innerHTML: inlineSvgSprites_1.SvgSpriteDefs,
+                    },
                     {
                         tagName: 'script',
                         innerHTML: `

package/lib/inlineSvgSprites.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare const SvgSpriteDefs = "<defs>\n<symbol id=\"theme-svg-external-link\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z\" /></symbol>\n</defs>";

package/lib/inlineSvgSprites.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgSpriteDefs = void 0;
+// For icons that are heavily repeated in the static html output
+// See also https://github.com/facebook/docusaurus/issues/5865
+exports.SvgSpriteDefs = `<defs>
+<symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z" /></symbol>
+</defs>`;

package/lib/theme/Icon/ExternalLink/index.js

@@ -6,18 +6,17 @@
  */
 import React from 'react';
 import styles from './styles.module.css';
+// References symbol in docusaurus-theme-classic/src/inlineSvgSprites.ts
+// See why: https://github.com/facebook/docusaurus/issues/5865
+const svgSprite = '#theme-svg-external-link';
 export default function IconExternalLink({width = 13.5, height = 13.5}) {
   return (
     <svg
       width={width}
       height={height}
       aria-hidden="true"
-      viewBox="0 0 24 24"
       className={styles.iconExternalLink}>
-      <path
-        fill="currentColor"
-        d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"
-      />
+      <use href={svgSprite} />
     </svg>
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docusaurus/theme-classic",
-  "version": "3.7.0-canary-6213",
+  "version": "3.7.0-canary-6218",
   "description": "Classic theme for Docusaurus",
   "main": "lib/index.js",
   "types": "src/theme-classic.d.ts",
@@ -20,19 +20,19 @@
     "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
   },
   "dependencies": {
-    "@docusaurus/core": "3.7.0-canary-6213",
-    "@docusaurus/logger": "3.7.0-canary-6213",
-    "@docusaurus/mdx-loader": "3.7.0-canary-6213",
-    "@docusaurus/module-type-aliases": "3.7.0-canary-6213",
-    "@docusaurus/plugin-content-blog": "3.7.0-canary-6213",
-    "@docusaurus/plugin-content-docs": "3.7.0-canary-6213",
-    "@docusaurus/plugin-content-pages": "3.7.0-canary-6213",
-    "@docusaurus/theme-common": "3.7.0-canary-6213",
-    "@docusaurus/theme-translations": "3.7.0-canary-6213",
-    "@docusaurus/types": "3.7.0-canary-6213",
-    "@docusaurus/utils": "3.7.0-canary-6213",
-    "@docusaurus/utils-common": "3.7.0-canary-6213",
-    "@docusaurus/utils-validation": "3.7.0-canary-6213",
+    "@docusaurus/core": "3.7.0-canary-6218",
+    "@docusaurus/logger": "3.7.0-canary-6218",
+    "@docusaurus/mdx-loader": "3.7.0-canary-6218",
+    "@docusaurus/module-type-aliases": "3.7.0-canary-6218",
+    "@docusaurus/plugin-content-blog": "3.7.0-canary-6218",
+    "@docusaurus/plugin-content-docs": "3.7.0-canary-6218",
+    "@docusaurus/plugin-content-pages": "3.7.0-canary-6218",
+    "@docusaurus/theme-common": "3.7.0-canary-6218",
+    "@docusaurus/theme-translations": "3.7.0-canary-6218",
+    "@docusaurus/types": "3.7.0-canary-6218",
+    "@docusaurus/utils": "3.7.0-canary-6218",
+    "@docusaurus/utils-common": "3.7.0-canary-6218",
+    "@docusaurus/utils-validation": "3.7.0-canary-6218",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "copy-text-to-clipboard": "^3.2.0",
@@ -62,5 +62,5 @@
   "engines": {
     "node": ">=18.0"
   },
-  "gitHead": "c9fdd7acbf913057cfe0c16c9446875b21592e24"
+  "gitHead": "ab76585735ad04818680632edec0f149fd15bbee"
 }

package/src/index.ts

@@ -14,6 +14,7 @@ import {
   getAnnouncementBarInlineScript,
   DataAttributeQueryStringInlineJavaScript,
 } from './inlineScripts';
+import {SvgSpriteDefs} from './inlineSvgSprites';
 import type {LoadContext, Plugin} from '@docusaurus/types';
 import type {ThemeConfig} from '@docusaurus/theme-common';
 import type {Plugin as PostCssPlugin} from 'postcss';
@@ -121,6 +122,14 @@ export default function themeClassic(
     injectHtmlTags() {
       return {
         preBodyTags: [
+          {
+            tagName: 'svg',
+            attributes: {
+              xmlns: 'http://www.w3.org/2000/svg',
+              style: 'display: none;',
+            },
+            innerHTML: SvgSpriteDefs,
+          },
           {
             tagName: 'script',
             innerHTML: `

package/src/inlineSvgSprites.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// For icons that are heavily repeated in the static html output
+// See also https://github.com/facebook/docusaurus/issues/5865
+export const SvgSpriteDefs = `<defs>
+<symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z" /></symbol>
+</defs>`;

package/src/theme/Icon/ExternalLink/index.tsx

@@ -10,6 +10,10 @@ import type {Props} from '@theme/Icon/ExternalLink';
 
 import styles from './styles.module.css';
 
+// References symbol in docusaurus-theme-classic/src/inlineSvgSprites.ts
+// See why: https://github.com/facebook/docusaurus/issues/5865
+const svgSprite = '#theme-svg-external-link';
+
 export default function IconExternalLink({
   width = 13.5,
   height = 13.5,
@@ -19,12 +23,8 @@ export default function IconExternalLink({
       width={width}
       height={height}
       aria-hidden="true"
-      viewBox="0 0 24 24"
       className={styles.iconExternalLink}>
-      <path
-        fill="currentColor"
-        d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"
-      />
+      <use href={svgSprite} />
     </svg>
   );
 }