WordPress-Theme-Inspector-Chrome/content.js at main · renangf4/WordPress-Theme-Inspector-Chrome · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.action === "getInfos") {
    const regex = /\/wp-content\/themes\/([^\/]+)\//;
    const messages = [];

    // Procura por qualquer link que contenha wp-content/themes (incluindo CDNs)
    const themeLinks = document.querySelectorAll('link[href*="/wp-content/themes/"], script[src*="/wp-content/themes/"]');
    const themeCounts = {};

    // Conta quantos arquivos cada tema tem
    for (let element of themeLinks) {
      const href = element.href || element.src;
      const match = href.match(regex);
      if (match && match[1]) {
        const themeName = match[1];
        themeCounts[themeName] = (themeCounts[themeName] || 0) + 1;
      }
    }

    // Encontra o tema com mais arquivos
    let mainTheme = '';
    let maxCount = 0;
    let totalThemes = 0;

    for (const [themeName, count] of Object.entries(themeCounts)) {
      totalThemes++;
      if (count > maxCount) {
        maxCount = count;
        mainTheme = themeName;
      }
    }

    if (mainTheme) {
      messages.push("Theme Folder: " + mainTheme);

      // Mostra informações sobre outros temas se houver
      if (totalThemes > 1) {
        messages.push("Total Themes Found: " + totalThemes);
        const otherThemes = Object.entries(themeCounts)
          .filter(([name]) => name !== mainTheme)
          .sort((a, b) => b[1] - a[1])
          .map(([name, count]) => `${name} (${count} files)`)
          .join(', ');

        if (otherThemes) {
          messages.push("Other Themes: " + otherThemes);
        }
      }

      const bodyClasses = document.body.classList;
      let templateName = '';
      let singleName = '';
      let pageType = '';

      bodyClasses.forEach(className => {
        if (className.startsWith('page-template-')) {
          templateName = className.replace('page-template-', '').replace(/-php$/, '').replace('page-templates', '');
          templateName = templateName.replace(/^templates-/, '');
          templateName = templateName.replace(/^-+|-+$/g, '');
        }

        if (className.startsWith('single-')) {
          singleName = className.replace('single-', '');
          singleName = singleName.replace(/-+$/, '');
        }
      });

      // Determina o tipo de página
      if (bodyClasses.contains('single')) {
        pageType = "Single";
        messages.push("Page Type: " + pageType);
        if (singleName) {
          messages.push("Post Name: " + singleName);
        } else {
          messages.push("Post Name: Unknown");
        }
      } else if (bodyClasses.contains('page')) {
        pageType = "Page";
        messages.push("Page Type: " + pageType);
        if (templateName) {
          messages.push("Template Name: " + templateName);
        } else {
          messages.push("Template Name: Default");
        }
      } else if (bodyClasses.contains('home')) {
        pageType = "Home";
        messages.push("Page Type: " + pageType);
      } else if (bodyClasses.contains('archive')) {
        pageType = "Archive";
        messages.push("Page Type: " + pageType);
      } else {
        messages.push("Page Type: Unknown");
      }

      // Extrai Page ID se existir
      const pageIdMatch = Array.from(bodyClasses).find(cls => cls.startsWith('page-id-'));
      if (pageIdMatch) {
        const pageId = pageIdMatch.replace('page-id-', '');
        messages.push("Page ID: " + pageId);
      }

    } else {
      messages.push("Theme not found.");
    }

    const response = messages.join('<br><br>');

    sendResponse({ infos: response });
  }
  return true;
});