@mui/internal-docs-infra 0.1.1-alpha.13 → 0.1.1-alpha.14

package/useDemo/useDemo.js

@@ -66,6 +66,15 @@ export function openWithForm(_ref) {
 export function useDemo(contentProps, opts) {
   var code = useCode(contentProps, opts);
 
+  // Extract export configuration options
+  var _ref4 = opts || {},
+    _ref4$export = _ref4["export"],
+    commonExportConfig = _ref4$export === void 0 ? {} : _ref4$export,
+    _ref4$exportStackBlit = _ref4.exportStackBlitz,
+    stackBlitzExportConfig = _ref4$exportStackBlit === void 0 ? {} : _ref4$exportStackBlit,
+    _ref4$exportCodeSandb = _ref4.exportCodeSandbox,
+    codeSandboxExportConfig = _ref4$exportCodeSandb === void 0 ? {} : _ref4$exportCodeSandb;
+
   // Get context to access components if available (using React.useContext to avoid import conflicts)
   var context = React.useContext(CodeHighlighterContext);
   var slug = React.useMemo(function () {
@@ -109,14 +118,19 @@ export function useDemo(contentProps, opts) {
     // If 'js' transform is applied, it means we're showing the JS version of TS code
     var useTypescript = code.selectedTransform !== 'js';
 
-    // Export variant with additional configuration files
-    var _exportVariant = exportVariant(variantCode, {
-        title: title,
-        description: description,
-        useTypescript: useTypescript
-      }),
-      exported = _exportVariant.exported,
-      rootFile = _exportVariant.rootFile;
+    // Merge common export config with StackBlitz-specific config
+    var mergedConfig = _objectSpread(_objectSpread(_objectSpread({}, commonExportConfig), stackBlitzExportConfig), {}, {
+      variantName: code.selectedVariant,
+      title: title,
+      description: description,
+      useTypescript: useTypescript
+    });
+
+    // Use custom export function if provided, otherwise use default exportVariant
+    var exportFunction = mergedConfig.exportFunction || exportVariant;
+    var _exportFunction = exportFunction(variantCode, mergedConfig),
+      exported = _exportFunction.exported,
+      rootFile = _exportFunction.rootFile;
 
     // Flatten the variant to get a flat file structure
     var flattenedFiles = flattenVariant(exported);
@@ -127,7 +141,7 @@ export function useDemo(contentProps, opts) {
       rootFile: rootFile
     });
     openWithForm(stackBlitzDemo);
-  }, [effectiveCode, code.selectedVariant, code.selectedTransform, contentProps.name]);
+  }, [effectiveCode, code.selectedVariant, code.selectedTransform, contentProps.name, commonExportConfig, stackBlitzExportConfig]);
 
   // Create CodeSandbox demo callback
   var openCodeSandbox = React.useCallback(function () {
@@ -144,14 +158,19 @@ export function useDemo(contentProps, opts) {
     // If 'js' transform is applied, it means we're showing the JS version of TS code
     var useTypescript = code.selectedTransform !== 'js';
 
-    // Export variant as CRA template with additional configuration files
-    var _exportVariantAsCra = exportVariantAsCra(variantCode, {
-        title: title,
-        description: description,
-        useTypescript: useTypescript
-      }),
-      craExport = _exportVariantAsCra.exported,
-      rootFile = _exportVariantAsCra.rootFile;
+    // Merge common export config with CodeSandbox-specific config
+    var mergedConfig = _objectSpread(_objectSpread(_objectSpread({}, commonExportConfig), codeSandboxExportConfig), {}, {
+      variantName: code.selectedVariant,
+      title: title,
+      description: description,
+      useTypescript: useTypescript
+    });
+
+    // Use custom export function if provided, otherwise use default exportVariantAsCra
+    var exportFunction = mergedConfig.exportFunction || exportVariantAsCra;
+    var _exportFunction2 = exportFunction(variantCode, mergedConfig),
+      craExport = _exportFunction2.exported,
+      rootFile = _exportFunction2.rootFile;
 
     // Flatten the variant to get a flat file structure
     var flattenedFiles = flattenVariant(craExport);
@@ -160,7 +179,7 @@ export function useDemo(contentProps, opts) {
       rootFile: rootFile
     });
     openWithForm(codeSandboxDemo);
-  }, [effectiveCode, code.selectedVariant, code.selectedTransform, contentProps.name]);
+  }, [effectiveCode, code.selectedVariant, code.selectedTransform, contentProps.name, commonExportConfig, codeSandboxExportConfig]);
   return _objectSpread(_objectSpread({}, code), {}, {
     // Demo-specific additions
     component: component,

package/useDemo/examineVariant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"examineVariant.d.ts","sourceRoot":"","sources":["../../src/useDemo/examineVariant.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,UAAU,eAAe;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,kBAAmB,SAAQ,eAAe;IAClD,MAAM,EAAE,IAAI,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,qBAAsB,SAAQ,eAAe;IACrD,MAAM,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AA8FrE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,CA0CnE"}

package/useDemo/examineVariant.js

@@ -1,134 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-/**
- * Variant examination utility for analyzing variant structure and paths
- */
-
-/**
- * Extract directory segments from URL pathname
- */
-function getDirectoryFromUrl(url) {
-  var urlObj = new URL(url);
-  var segments = urlObj.pathname.split('/').filter(Boolean);
-  segments.pop(); // Remove filename
-  return segments;
-}
-
-/**
- * Calculate the maximum back navigation level from extra files
- */
-function calculateMaxBackNavigation(extraFiles) {
-  var maxBackNavigation = 0;
-  for (var _i = 0, _Object$entries = Object.entries(extraFiles); _i < _Object$entries.length; _i++) {
-    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-      relativePath = _Object$entries$_i[0],
-      fileContent = _Object$entries$_i[1];
-    if (relativePath.startsWith('.')) {
-      var backCount = (relativePath.match(/\.\.\//g) || []).length;
-
-      // For metadata files, subtract 1 from their back navigation count
-      var file = typeof fileContent === 'string' ? {
-        source: fileContent
-      } : fileContent;
-      var adjustedBackCount = file.metadata ? Math.max(0, backCount - 1) : backCount;
-      maxBackNavigation = Math.max(maxBackNavigation, adjustedBackCount);
-    }
-  }
-  return maxBackNavigation;
-}
-
-/**
- * Generate a synthetic path using alphabetic progression (a/b/c/d/e/...)
- */
-function generateSyntheticPath(levels) {
-  if (levels <= 0) {
-    return '';
-  }
-  var parts = [];
-  for (var i = 0; i < levels; i += 1) {
-    var charCode = 97 + i % 26; // 97 is 'a', cycles through a-z
-    parts.push(String.fromCharCode(charCode));
-  }
-  return parts.join('/') + (levels > 0 ? '/' : '');
-}
-
-/**
- * Calculate root level path based on URL and max back navigation
- */
-function calculateRootLevel(url, maxBackNavigation) {
-  if (!url || maxBackNavigation === 0) {
-    return '';
-  }
-  var pathSegments = getDirectoryFromUrl(url);
-
-  // Go back by maxBackNavigation levels
-  for (var i = 0; i < maxBackNavigation; i += 1) {
-    pathSegments.pop();
-  }
-  var rootLevel = pathSegments.join('/');
-  return rootLevel && !rootLevel.endsWith('/') ? "".concat(rootLevel, "/") : rootLevel;
-}
-
-/**
- * Calculate the path inward from the root to the variant location
- */
-function calculatePathInwardFromRoot(url, maxBackNavigation) {
-  if (!url || maxBackNavigation === 0) {
-    return '';
-  }
-  var pathSegments = getDirectoryFromUrl(url);
-
-  // The path inward is the segments that remain after going back by maxBackNavigation
-  // but we want the path from root to the variant location, not to the parent directory
-  var variantDepthFromRoot = pathSegments.length - maxBackNavigation;
-  if (variantDepthFromRoot <= 0) {
-    return '';
-  }
-
-  // Get segments starting from the root level up to (but not including) the current directory
-  var rootSegments = pathSegments.slice(0, pathSegments.length - maxBackNavigation);
-  var variantSegments = pathSegments.slice(rootSegments.length);
-  return variantSegments.length > 0 ? "".concat(variantSegments.join('/'), "/") : '';
-}
-
-/**
- * Create path context for processing files with extended information
- */
-export function createPathContext(variant) {
-  var hasUrl = Boolean(variant.url);
-  var actualUrl = variant.url;
-  var hasMetadata = variant.extraFiles ? Object.values(variant.extraFiles).some(function (file) {
-    return _typeof(file) === 'object' && file.metadata;
-  }) : false;
-  var maxBackNavigation = variant.extraFiles ? calculateMaxBackNavigation(variant.extraFiles) : 0;
-
-  // If no URL but we have back navigation, create a synthetic URL
-  if (!hasUrl && maxBackNavigation > 0 && variant.fileName) {
-    var syntheticPath = generateSyntheticPath(maxBackNavigation);
-    actualUrl = "file:///".concat(syntheticPath).concat(variant.fileName);
-    hasUrl = true;
-  }
-  var urlDirectory = hasUrl && actualUrl ? getDirectoryFromUrl(actualUrl) : [];
-  var rootLevel = calculateRootLevel(actualUrl, maxBackNavigation);
-  var pathInwardFromRoot = calculatePathInwardFromRoot(actualUrl, maxBackNavigation);
-  if (hasUrl && actualUrl) {
-    return {
-      hasUrl: true,
-      hasMetadata: hasMetadata,
-      maxBackNavigation: maxBackNavigation,
-      urlDirectory: urlDirectory,
-      rootLevel: rootLevel,
-      pathInwardFromRoot: pathInwardFromRoot,
-      actualUrl: actualUrl
-    };
-  }
-  return {
-    hasUrl: false,
-    hasMetadata: hasMetadata,
-    maxBackNavigation: maxBackNavigation,
-    urlDirectory: urlDirectory,
-    rootLevel: rootLevel,
-    pathInwardFromRoot: pathInwardFromRoot,
-    actualUrl: undefined
-  };
-}