feat(google): add support for Google Q&A section (#473)

resolve #437 * Add support to Goggle Q&A section on Desktop * Add support to Goggle Q&A section on Mobile * Fix background issue for blocked elements on Q&A * Fix issue where Q&A body would load after the rule
iorate · May 26, 2024 · 2d30bc5 · 2d30bc5
1 parent 7c7211b
commit 2d30bc5
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 1 deletion.
diff --git a/src/scripts/search-engines/google-desktop.ts b/src/scripts/search-engines/google-desktop.ts
@@ -243,6 +243,28 @@ const desktopSerpHandlers: Record<string, SerpHandler> = {
         title: (root) => root.querySelector("h3")?.textContent ?? null,
         ...regularEntryHandler,
       },
+      // Questions & answers
+      {
+        target: ".Hb5Kgc > .m9wSUc",
+        level: ".Tpb3kb > .BmkBMc",
+        url: "a",
+        title: ".RqlTSb",
+        actionTarget: ".m9wSUc",
+        actionPosition: "afterend",
+        actionStyle: (actionRoot) => {
+          actionRoot.className = css({
+            ...desktopActionStyle,
+            display: "inline-block",
+            fontSize: "14px",
+            paddingLeft: "4px",
+          });
+          actionRoot.previousElementSibling?.classList.add(
+            css({
+              display: "inline-block !important",
+            }),
+          );
+        },
+      },
       // Quote in the News
       {
         target: ".UaDxmd > .F4CzCf",

diff --git a/src/scripts/search-engines/google-mobile.ts b/src/scripts/search-engines/google-mobile.ts
@@ -105,7 +105,7 @@ const mobileSerpHandlers: Record<string, SerpHandler> = {
   "": handleSerp({
     globalStyle: {
       ...mobileGlobalStyle,
-      "[data-ub-blocked] .ZINbbc, [data-ub-highlight] .ZINbbc, [data-ub-blocked] .D9l01, [data-ub-highlight] .D9l01":
+      "[data-ub-blocked] .ZINbbc, [data-ub-highlight] .ZINbbc, [data-ub-blocked] .D9l01, [data-ub-highlight] .D9l01, .BmkBMc g-inner-card":
         {
           backgroundColor: "transparent !important",
         },
@@ -238,6 +238,31 @@ const mobileSerpHandlers: Record<string, SerpHandler> = {
         actionTarget: "",
         actionStyle: mobileRegularActionStyle,
       },
+      // Questions & answers
+      {
+        target: ".Hb5Kgc > .m9wSUc",
+        level: ".Tpb3kb > .BmkBMc",
+        url: "a",
+        title: ".RqlTSb",
+        actionTarget: ".m9wSUc",
+        actionPosition: "afterend",
+        actionStyle: (actionRoot) => {
+          actionRoot.className = css({
+            "&::before": {
+              content: '" · "',
+            },
+            display: "inline-block",
+            fontSize: "14px",
+            paddingLeft: "4px",
+            ...iOSButtonStyle,
+          });
+          actionRoot.previousElementSibling?.classList.add(
+            css({
+              display: "inline-block !important",
+            }),
+          );
+        },
+      },
     ],
     pagerHandlers: [
       // iOS