@mui/internal-docs-infra 0.1.1-alpha.10 → 0.1.1-alpha.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-docs-infra",
-  "version": "0.1.1-alpha.10",
+  "version": "0.1.1-alpha.11",
   "author": "MUI Team",
   "description": "MUI Infra - internal documentation creation tools.",
   "main": "./index.js",

package/pipeline/loadPrecomputedCodeHighlighter/loadPrecomputedCodeHighlighter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadPrecomputedCodeHighlighter.d.ts","sourceRoot":"","sources":["../../../src/pipeline/loadPrecomputedCodeHighlighter/loadPrecomputedCodeHighlighter.ts"],"names":[],"mappings":"AAgCA,UAAU,aAAa;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,SAAS,IAAI,IAAI,CAAC;IAClB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,8BAA8B,CAClD,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,IAAI,CAAC,CA4If"}
+{"version":3,"file":"loadPrecomputedCodeHighlighter.d.ts","sourceRoot":"","sources":["../../../src/pipeline/loadPrecomputedCodeHighlighter/loadPrecomputedCodeHighlighter.ts"],"names":[],"mappings":"AAiCA,UAAU,aAAa;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,SAAS,IAAI,IAAI,CAAC;IAClB,QAAQ,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AAED;;;;;;;;;;GAUG;AACH,wBAAsB,8BAA8B,CAClD,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,IAAI,CAAC,CA8If"}

package/pipeline/loadPrecomputedCodeHighlighter/loadPrecomputedCodeHighlighter.js

@@ -4,7 +4,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { loadVariant } from "../../CodeHighlighter/loadVariant.js";
 import { createParseSource } from "../parseSource/index.js";
-import { TypescriptToJavascriptTransformer } from "../transformTypescriptToJavascript/index.js";
+// TODO: re-enable following benchmarking
+// import { TypescriptToJavascriptTransformer } from '../transformTypescriptToJavascript';
+
 import { parseCreateFactoryCall } from "./parseCreateFactoryCall.js";
 import { resolveVariantPathsWithFs } from "../loaderUtils/resolveModulePathWithFs.js";
 import { replacePrecomputeValue } from "./replacePrecomputeValue.js";
@@ -89,7 +91,9 @@ function _loadPrecomputedCodeHighlighter() {
             includeDependencies: true,
             storeAt: 'flat' // TODO: this should be configurable
           }); // Setup source transformers for TypeScript to JavaScript conversion
-          sourceTransformers = [TypescriptToJavascriptTransformer]; // Create sourceParser promise for syntax highlighting
+          // const sourceTransformers: SourceTransformers = [TypescriptToJavascriptTransformer];
+          // TODO: maybe we should have `loadPrecomputedCodeHighlighterWithJsToTs`
+          sourceTransformers = []; // Create sourceParser promise for syntax highlighting
           sourceParser = createParseSource(); // Process variants in parallel
           variantPromises = Array.from(resolvedVariantMap.entries()).map(/*#__PURE__*/function () {
             var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {

package/pipeline/loaderUtils/getFileNameFromUrl.d.ts

@@ -1,6 +1,7 @@
 /**
  * Extracts the filename and extension from a URL or file path.
  * This function is isomorphic and works in both Node.js and browser environments.
+ * It properly handles compound extensions like .module.css, .d.ts, .test.js, etc.
  *
  * @param url - The URL or file path to extract the filename from
  * @returns An object containing the filename and extension

package/pipeline/loaderUtils/getFileNameFromUrl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFileNameFromUrl.d.ts","sourceRoot":"","sources":["../../../src/pipeline/loaderUtils/getFileNameFromUrl.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAoBvF"}
+{"version":3,"file":"getFileNameFromUrl.d.ts","sourceRoot":"","sources":["../../../src/pipeline/loaderUtils/getFileNameFromUrl.ts"],"names":[],"mappings":"AA2BA;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAavF"}

package/pipeline/loaderUtils/getFileNameFromUrl.js

@@ -1,6 +1,13 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+/**
+ * Known compound extensions that should be treated as a single unit
+ */
+var COMPOUND_EXTENSIONS = ['.module.css', '.module.scss', '.module.sass', '.module.less', '.d.ts', '.test.js', '.test.jsx', '.test.ts', '.test.tsx', '.spec.js', '.spec.jsx', '.spec.ts', '.spec.tsx', '.config.js', '.config.ts', '.setup.js', '.setup.ts', '.stories.js', '.stories.jsx', '.stories.ts', '.stories.tsx'];
+
 /**
  * Extracts the filename and extension from a URL or file path.
  * This function is isomorphic and works in both Node.js and browser environments.
+ * It properly handles compound extensions like .module.css, .d.ts, .test.js, etc.
  *
  * @param url - The URL or file path to extract the filename from
  * @returns An object containing the filename and extension
@@ -11,22 +18,49 @@ export function getFileNameFromUrl(url) {
     var urlObj = new URL(url);
     var pathname = urlObj.pathname;
     var fileName = pathname.split('/').pop() || '';
-
-    // Extract extension (including the dot)
-    var lastDotIndex = fileName.lastIndexOf('.');
-    var extension = lastDotIndex > 0 ? fileName.substring(lastDotIndex) : '';
-    return {
-      fileName: fileName,
-      extension: extension
-    };
+    return extractFileNameAndExtension(fileName);
   } catch (_unused) {
     // If URL parsing fails, fall back to simple string manipulation
     var _fileName = url.split('/').pop() || url;
-    var _lastDotIndex = _fileName.lastIndexOf('.');
-    var _extension = _lastDotIndex > 0 ? _fileName.substring(_lastDotIndex) : '';
+    return extractFileNameAndExtension(_fileName);
+  }
+}
+
+/**
+ * Helper function to extract filename and extension, handling compound extensions
+ */
+function extractFileNameAndExtension(fileName) {
+  if (!fileName) {
     return {
-      fileName: _fileName,
-      extension: _extension
+      fileName: '',
+      extension: ''
     };
   }
+
+  // Check for compound extensions first
+  var _iterator = _createForOfIteratorHelper(COMPOUND_EXTENSIONS),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var compoundExt = _step.value;
+      if (fileName.endsWith(compoundExt)) {
+        return {
+          fileName: fileName,
+          extension: compoundExt
+        };
+      }
+    }
+
+    // Fall back to simple extension detection
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var lastDotIndex = fileName.lastIndexOf('.');
+  var extension = lastDotIndex > 0 ? fileName.substring(lastDotIndex) : '';
+  return {
+    fileName: fileName,
+    extension: extension
+  };
 }

package/pipeline/loaderUtils/processRelativeImports.js

@@ -127,7 +127,7 @@ function processFlatMode(importResult, resolvedPathsMap) {
   // First pass: collect all files and their path segments
   Object.entries(importResult).forEach(function (_ref7) {
     var _ref8 = _slicedToArray(_ref7, 2),
-      _relativePath = _ref8[0],
+      relativePath = _ref8[0],
       importInfo = _ref8[1];
     var resolvedPath = resolvedPathsMap.get(importInfo.path);
     if (resolvedPath) {
@@ -136,7 +136,8 @@ function processFlatMode(importResult, resolvedPathsMap) {
       fileMapping.push({
         resolvedPath: resolvedPath,
         extension: fileExtension,
-        segments: pathSegments
+        segments: pathSegments,
+        originalImportPath: relativePath
       });
     }
   });
@@ -150,9 +151,17 @@ function processFlatMode(importResult, resolvedPathsMap) {
     var isIndexFile = fileName.startsWith('index.');
     var candidateName = void 0;
     if (isIndexFile) {
-      // For index files, use the parent directory name + extension
-      var parentDir = file.segments[file.segments.length - 2];
-      candidateName = "".concat(parentDir).concat(file.extension);
+      // Check if the original import was a direct index file (e.g., "./index.ext")
+      var originalImportParts = file.originalImportPath.split('/');
+      var isDirectIndexImport = originalImportParts.length === 2 && originalImportParts[0] === '.' && originalImportParts[1].startsWith('index.');
+      if (isDirectIndexImport) {
+        // For direct index imports like "./index.ext", keep the original name
+        candidateName = "index".concat(file.extension);
+      } else {
+        // For nested index files like "./test/index.ext", use parent directory + extension
+        var parentDir = file.segments[file.segments.length - 2];
+        candidateName = "".concat(parentDir).concat(file.extension);
+      }
     } else {
       candidateName = fileName;
     }
@@ -238,8 +247,15 @@ function processFlatMode(importResult, resolvedPathsMap) {
                   var distinguishingSegment = _file.segments[_distinguishingIndex];
                   var finalName = void 0;
                   if (_isIndexFile) {
-                    var _parentDir = _file.segments[_file.segments.length - 2];
-                    finalName = "".concat(distinguishingSegment, "/").concat(_parentDir).concat(_file.extension);
+                    // Check if this was a direct index import
+                    var _originalImportParts = _file.originalImportPath.split('/');
+                    var _isDirectIndexImport = _originalImportParts.length === 2 && _originalImportParts[0] === '.' && _originalImportParts[1].startsWith('index.');
+                    if (_isDirectIndexImport) {
+                      finalName = "".concat(distinguishingSegment, "/index").concat(_file.extension);
+                    } else {
+                      var _parentDir = _file.segments[_file.segments.length - 2];
+                      finalName = "".concat(distinguishingSegment, "/").concat(_parentDir).concat(_file.extension);
+                    }
                   } else {
                     finalName = "".concat(distinguishingSegment, "/").concat(_fileName);
                   }
@@ -302,8 +318,15 @@ function processFlatMode(importResult, resolvedPathsMap) {
           var _distinguishingSegment = _file2.segments[distinguishingIndex];
           var _finalName = void 0;
           if (_isIndexFile2) {
-            var _parentDir2 = _file2.segments[_file2.segments.length - 2];
-            _finalName = "".concat(_distinguishingSegment, "/").concat(_parentDir2).concat(_file2.extension);
+            // Check if this was a direct index import
+            var _originalImportParts2 = _file2.originalImportPath.split('/');
+            var _isDirectIndexImport2 = _originalImportParts2.length === 2 && _originalImportParts2[0] === '.' && _originalImportParts2[1].startsWith('index.');
+            if (_isDirectIndexImport2) {
+              _finalName = "".concat(_distinguishingSegment, "/index").concat(_file2.extension);
+            } else {
+              var _parentDir2 = _file2.segments[_file2.segments.length - 2];
+              _finalName = "".concat(_distinguishingSegment, "/").concat(_parentDir2).concat(_file2.extension);
+            }
           } else {
             _finalName = "".concat(_distinguishingSegment, "/").concat(_fileName2);
           }

package/useCode/useCode.d.ts

@@ -23,6 +23,7 @@ export interface UseCodeResult<T extends {} = {}> {
     component: React.ReactNode;
   }>;
   selectedFile: React.ReactNode;
+  selectedFileLines: number;
   selectedFileName: string | undefined;
   selectFileName: (fileName: string) => void;
   expanded: boolean;

package/useCode/useCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCode.d.ts","sourceRoot":"","sources":["../../src/useCode/useCode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAS7D,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE;IAC9C,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C,eAAe,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACzB;AAED,wBAAgB,OAAO,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,EACvC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,EAC7B,IAAI,CAAC,EAAE,WAAW,GACjB,aAAa,CAAC,CAAC,CAAC,CA4GlB"}
+{"version":3,"file":"useCode.d.ts","sourceRoot":"","sources":["../../src/useCode/useCode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAS7D,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE;IAC9C,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C,eAAe,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CACzB;AAED,wBAAgB,OAAO,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,EACvC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,EAC7B,IAAI,CAAC,EAAE,WAAW,GACjB,aAAa,CAAC,CAAC,CAAC,CA6GlB"}

package/useCode/useCode.js

@@ -107,6 +107,7 @@ export function useCode(contentProps, opts) {
     selectVariant: variantSelection.selectVariant,
     files: fileNavigation.files,
     selectedFile: fileNavigation.selectedFileComponent,
+    selectedFileLines: fileNavigation.selectedFileLines,
     selectedFileName: fileNavigation.selectedFileName,
     selectFileName: fileNavigation.selectFileName,
     expanded: uiState.expanded,

package/useCode/useFileNavigation.d.ts

@@ -26,6 +26,7 @@ export interface UseFileNavigationResult {
   selectedFileName: string | undefined;
   selectedFile: any;
   selectedFileComponent: React.ReactNode;
+  selectedFileLines: number;
   files: Array<{
     name: string;
     slug?: string;

package/useCode/useFileNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFileNavigation.d.ts","sourceRoot":"","sources":["../../src/useCode/useFileNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAG9D,KAAK,MAAM,GAAG,aAAa,CAAC;AA0D5B,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,WAAW,EAAE;QAAE,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,UAAU,sBAAsB;IAC9B,eAAe,EAAE,GAAG,CAAC;IACrB,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,YAAY,EAAE,GAAG,CAAC;IAClB,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,gBAAgB,EAChB,QAAa,EACb,kBAAuB,EACvB,WAAgB,EAChB,cAAc,EACd,eAAe,GAChB,EAAE,sBAAsB,GAAG,uBAAuB,CAkYlD"}
+{"version":3,"file":"useFileNavigation.d.ts","sourceRoot":"","sources":["../../src/useCode/useFileNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAG9D,KAAK,MAAM,GAAG,aAAa,CAAC;AA0D5B,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,WAAW,EAAE;QAAE,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,UAAU,sBAAsB;IAC9B,eAAe,EAAE,GAAG,CAAC;IACrB,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,YAAY,EAAE,GAAG,CAAC;IAClB,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,eAAe,EACf,gBAAgB,EAChB,QAAa,EACb,kBAAuB,EACvB,WAAgB,EAChB,cAAc,EACd,eAAe,GAChB,EAAE,sBAAsB,GAAG,uBAAuB,CAgalD"}

package/useCode/useFileNavigation.js

@@ -215,7 +215,8 @@ export function useFileNavigation(_ref) {
 
     // Otherwise, use the original untransformed files
     if (selectedFileNameInternal === selectedVariant.fileName || !selectedFileNameInternal) {
-      return selectedVariant.source;
+      var _selectedVariant$sour;
+      return (_selectedVariant$sour = selectedVariant.source) != null ? _selectedVariant$sour : null;
     }
 
     // Look in extraFiles
@@ -225,7 +226,8 @@ export function useFileNavigation(_ref) {
         return extraFile;
       }
       if (extraFile && _typeof(extraFile) === 'object' && 'source' in extraFile) {
-        return extraFile.source;
+        var _extraFile$source;
+        return (_extraFile$source = extraFile.source) != null ? _extraFile$source : null;
       }
     }
     return null;
@@ -245,6 +247,9 @@ export function useFileNavigation(_ref) {
 
     // Otherwise, create component from original untransformed files
     if (selectedFileNameInternal === selectedVariant.fileName || !selectedFileNameInternal) {
+      if (selectedVariant.source == null) {
+        return null;
+      }
       return stringOrHastToJsx(selectedVariant.source, shouldHighlight);
     }
 
@@ -259,10 +264,29 @@ export function useFileNavigation(_ref) {
       } else {
         return null;
       }
+      if (source == null) {
+        return null;
+      }
       return stringOrHastToJsx(source, shouldHighlight);
     }
     return null;
   }, [selectedVariant, selectedFileNameInternal, transformedFiles, shouldHighlight]);
+  var selectedFileLines = React.useMemo(function () {
+    if (selectedFile == null) {
+      return 0;
+    }
+
+    // If it's a string, split by newlines and count
+    if (typeof selectedFile === 'string') {
+      return selectedFile.split('\n').length;
+    }
+
+    // If it's a hast object, count the children length
+    if (selectedFile && _typeof(selectedFile) === 'object' && 'children' in selectedFile) {
+      return Array.isArray(selectedFile.children) ? selectedFile.children.length : 0;
+    }
+    return 0;
+  }, [selectedFile]);
 
   // Convert files for the return interface
   var files = React.useMemo(function () {
@@ -288,7 +312,7 @@ export function useFileNavigation(_ref) {
     var result = [];
 
     // Only add main file if it has a fileName
-    if (selectedVariant.fileName) {
+    if (selectedVariant.fileName && selectedVariant.source) {
       result.push({
         name: selectedVariant.fileName,
         slug: generateFileSlug(mainSlug, selectedVariant.fileName, selectedVariantKey, isInitialVariant),
@@ -308,6 +332,9 @@ export function useFileNavigation(_ref) {
         } else {
           return; // Skip invalid entries
         }
+        if (!source) {
+          return; // Skip null/undefined sources
+        }
         result.push({
           name: fileName,
           slug: generateFileSlug(mainSlug, fileName, selectedVariantKey, isInitialVariant),
@@ -364,6 +391,7 @@ export function useFileNavigation(_ref) {
     selectedFileName: selectedFileName,
     selectedFile: selectedFile,
     selectedFileComponent: selectedFileComponent,
+    selectedFileLines: selectedFileLines,
     files: files,
     selectFileName: selectFileName
   };

package/useDemo/useDemo.d.ts

@@ -60,6 +60,7 @@ export declare function useDemo<T extends {} = {}>(contentProps: ContentProps<T>
     component: React.ReactNode;
   }>;
   selectedFile: React.ReactNode;
+  selectedFileLines: number;
   selectedFileName: string | undefined;
   selectFileName: (fileName: string) => void;
   expanded: boolean;

package/useDemo/useDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDemo.d.ts","sourceRoot":"","sources":["../../src/useDemo/useDemo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQ7D;;;;;;;;;;;;;GAaG;AAEH,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMvF;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,QAAQ,EACR,MAAe,EACf,MAAiB,GAClB,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,IAAI,CAaP;AAGD,wBAAgB,OAAO,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,WAAW;;;;;;;;;;;;;YAxDnD,CAAC;;;;;;;;;;;;;;;;;;EA4KzC"}
+{"version":3,"file":"useDemo.d.ts","sourceRoot":"","sources":["../../src/useDemo/useDemo.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAQ7D;;;;;;;;;;;;;GAaG;AAEH,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMvF;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,QAAQ,EACR,MAAe,EACf,MAAiB,GAClB,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,IAAI,CAaP;AAGD,wBAAgB,OAAO,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,WAAW;;;;;;;;;;;;;YAxDnD,CAAC;;;;;;;;;;;;;;;;;;;EA4KzC"}

package/useDemo/useDemo.js

@@ -64,7 +64,7 @@ export function openWithForm(_ref) {
 
 // TODO: take initialVariant and initialTransforms as parameters
 export function useDemo(contentProps, opts) {
-  var codeResult = useCode(contentProps, opts);
+  var code = useCode(contentProps, opts);
 
   // Get context to access components if available (using React.useContext to avoid import conflicts)
   var context = React.useContext(CodeHighlighterContext);
@@ -79,8 +79,8 @@ export function useDemo(contentProps, opts) {
 
   // Get the component for the current variant
   var component = React.useMemo(function () {
-    return effectiveComponents[codeResult.selectedVariant] || null;
-  }, [effectiveComponents, codeResult.selectedVariant]);
+    return effectiveComponents[code.selectedVariant] || null;
+  }, [effectiveComponents, code.selectedVariant]);
 
   // Demo-specific ref and focus management
   var ref = React.useRef(null);
@@ -97,7 +97,7 @@ export function useDemo(contentProps, opts) {
   // Create StackBlitz demo callback
   var openStackBlitz = React.useCallback(function () {
     // Get the current variant code
-    var variantCode = effectiveCode[codeResult.selectedVariant];
+    var variantCode = effectiveCode[code.selectedVariant];
     if (!variantCode || typeof variantCode === 'string') {
       console.warn('No valid variant code available for StackBlitz demo');
       return;
@@ -107,7 +107,7 @@ export function useDemo(contentProps, opts) {
 
     // Determine if we should use TypeScript based on whether 'js' transform is NOT applied
     // If 'js' transform is applied, it means we're showing the JS version of TS code
-    var useTypescript = codeResult.selectedTransform !== 'js';
+    var useTypescript = code.selectedTransform !== 'js';
 
     // Export variant with additional configuration files
     var _exportVariant = exportVariant(variantCode, {
@@ -127,12 +127,12 @@ export function useDemo(contentProps, opts) {
       rootFile: rootFile
     });
     openWithForm(stackBlitzDemo);
-  }, [effectiveCode, codeResult.selectedVariant, codeResult.selectedTransform, contentProps.name]);
+  }, [effectiveCode, code.selectedVariant, code.selectedTransform, contentProps.name]);
 
   // Create CodeSandbox demo callback
   var openCodeSandbox = React.useCallback(function () {
     // Get the current variant code
-    var variantCode = effectiveCode[codeResult.selectedVariant];
+    var variantCode = effectiveCode[code.selectedVariant];
     if (!variantCode || typeof variantCode === 'string') {
       console.warn('No valid variant code available for CodeSandbox demo');
       return;
@@ -142,7 +142,7 @@ export function useDemo(contentProps, opts) {
 
     // Determine if we should use TypeScript based on whether 'js' transform is NOT applied
     // If 'js' transform is applied, it means we're showing the JS version of TS code
-    var useTypescript = codeResult.selectedTransform !== 'js';
+    var useTypescript = code.selectedTransform !== 'js';
 
     // Export variant as CRA template with additional configuration files
     var _exportVariantAsCra = exportVariantAsCra(variantCode, {
@@ -160,8 +160,8 @@ export function useDemo(contentProps, opts) {
       rootFile: rootFile
     });
     openWithForm(codeSandboxDemo);
-  }, [effectiveCode, codeResult.selectedVariant, codeResult.selectedTransform, contentProps.name]);
-  return _objectSpread(_objectSpread({}, codeResult), {}, {
+  }, [effectiveCode, code.selectedVariant, code.selectedTransform, contentProps.name]);
+  return _objectSpread(_objectSpread({}, code), {}, {
     // Demo-specific additions
     component: component,
     ref: ref,