@mui/internal-docs-infra 0.3.1-canary.2 → 0.3.1-canary.3

package/esm/useCode/Pre.js

@@ -41,6 +41,7 @@ function renderCode(hastChildren, renderHast, text) {
 export function Pre(_ref) {
   var children = _ref.children,
     className = _ref.className,
+    language = _ref.language,
     ref = _ref.ref,
     shouldHighlight = _ref.shouldHighlight,
     _ref$hydrateMargin = _ref.hydrateMargin,
@@ -162,6 +163,7 @@ export function Pre(_ref) {
     ref: bindIntersectionObserver,
     className: className,
     children: /*#__PURE__*/_jsx("code", {
+      className: language ? "language-".concat(language) : undefined,
       children: typeof children === 'string' ? children : frames
     })
   });

package/esm/useCode/useFileNavigation.js

@@ -6,14 +6,32 @@ import { decompressSync, strFromU8 } from 'fflate';
 import { decode } from 'uint8-to-base64';
 import { useUrlHashState } from "../useUrlHashState/index.js";
 import { countLines } from "../pipeline/parseSource/addLineGutters.js";
+import { getLanguageFromExtension } from "../pipeline/loaderUtils/getLanguageFromExtension.js";
 import { Pre } from "./Pre.js";
 
+/**
+ * Gets the language from a filename by extracting its extension.
+ * @param fileName - The filename (e.g., 'index.tsx', 'styles.css')
+ * @returns The language name or undefined
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+function getLanguageFromFileName(fileName) {
+  if (!fileName) {
+    return undefined;
+  }
+  var lastDotIndex = fileName.lastIndexOf('.');
+  if (lastDotIndex === -1) {
+    return undefined;
+  }
+  var extension = fileName.substring(lastDotIndex);
+  return getLanguageFromExtension(extension);
+}
+
 /**
  * Converts a string to kebab-case
  * @param str - The string to convert
  * @returns kebab-case string
  */
-import { jsx as _jsx } from "react/jsx-runtime";
 export function toKebabCase(str) {
   return str
   // Insert a dash before any uppercase letter that follows a lowercase letter or digit
@@ -402,6 +420,7 @@ export function useFileNavigation(_ref) {
       }
       return /*#__PURE__*/_jsx(Pre, {
         className: preClassName,
+        language: selectedVariant.language,
         ref: preRef,
         shouldHighlight: shouldHighlight,
         children: selectedVariant.source
@@ -424,6 +443,7 @@ export function useFileNavigation(_ref) {
       }
       return /*#__PURE__*/_jsx(Pre, {
         className: preClassName,
+        language: getLanguageFromFileName(selectedFileNameInternal),
         ref: preRef,
         shouldHighlight: shouldHighlight,
         children: source
@@ -497,6 +517,7 @@ export function useFileNavigation(_ref) {
         slug: generateFileSlug(mainSlug, selectedVariant.fileName, selectedVariantKey),
         component: /*#__PURE__*/_jsx(Pre, {
           className: preClassName,
+          language: selectedVariant.language,
           ref: preRef,
           shouldHighlight: shouldHighlight,
           children: selectedVariant.source
@@ -509,10 +530,12 @@ export function useFileNavigation(_ref) {
           fileName = _ref3[0],
           fileData = _ref3[1];
         var source;
+        var language;
         if (typeof fileData === 'string') {
           source = fileData;
         } else if (fileData && _typeof(fileData) === 'object' && 'source' in fileData) {
           source = fileData.source;
+          language = fileData.language;
         } else {
           return; // Skip invalid entries
         }
@@ -524,6 +547,7 @@ export function useFileNavigation(_ref) {
           slug: generateFileSlug(mainSlug, fileName, selectedVariantKey),
           component: /*#__PURE__*/_jsx(Pre, {
             className: preClassName,
+            language: language != null ? language : getLanguageFromFileName(fileName),
             ref: preRef,
             shouldHighlight: shouldHighlight,
             children: source

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-docs-infra",
-  "version": "0.3.1-canary.2",
+  "version": "0.3.1-canary.3",
   "author": "MUI Team",
   "description": "MUI Infra - internal documentation creation tools.",
   "bin": {
@@ -329,5 +329,5 @@
     },
     "./esm": null
   },
-  "gitSha": "1ff097fa93dd7975b1282196feadba23916b2347"
+  "gitSha": "d451af44f7bc27fd589bdeda8f07395fa2037ad8"
 }