Function reorderMainContent

scripts/reorder-html-docs.js:40–130

(html)

// Reorder the main content sections (Classes and Interfaces)

function reorderMainContent(html) {
  // Reorder Classes section
  const classesRegex = /<details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Classes"[^>]*>[\s\S]*?<h2>Classes<\/h2><\/summary><dl class="tsd-member-summaries">([\s\S]*?)<\/dl><\/details>/;
  const classesMatch = html.match(classesRegex);
  
  if (classesMatch) {
    const classesContent = classesMatch[1];
    
    // Extract individual class items
    const classItemRegex = /<dt class="tsd-member-summary"[^>]*>[\s\S]*?<\/dt><dd class="tsd-member-summary"><\/dd>/g;
    const classItems = [];
    let match;
    
    while ((match = classItemRegex.exec(classesContent)) !== null) {
      const item = match[0];
      // Extract class name
      const nameMatch = item.match(/<a href="[^"]*">([^<]+)<\/a>/);
      if (nameMatch) {
        classItems.push({
          name: nameMatch[1],
          content: item
        });
      }
    }
    
    // Define priority order for classes
    const classPriorityOrder = ['GridStack', 'GridStackEngine', 'Utils'];
    
    // Separate priority classes from others
    const priorityClasses = [];
    const otherClasses = [];
    
    classItems.forEach(item => {
      if (classPriorityOrder.includes(item.name)) {
        priorityClasses.push(item);
      } else {
        otherClasses.push(item);
      }
    });
    
    // Sort priority classes
    priorityClasses.sort((a, b) => {
      const aIndex = classPriorityOrder.indexOf(a.name);
      const bIndex = classPriorityOrder.indexOf(b.name);
      return aIndex - bIndex;
    });
    
    // Create new classes content
    const reorderedClasses = [...priorityClasses, ...otherClasses];
    const newClassesContent = reorderedClasses.map(item => item.content).join('');
    
    html = html.replace(classesMatch[0], classesMatch[0].replace(classesContent, newClassesContent));
  }
  
  // Reorder Interfaces section to prioritize GridStackOptions
  const interfacesRegex = /<details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Interfaces"[^>]*>[\s\S]*?<h2>Interfaces<\/h2><\/summary><dl class="tsd-member-summaries">([\s\S]*?)<\/dl><\/details>/;
  const interfacesMatch = html.match(interfacesRegex);