chore:bundle android-for-frames separately

package.json

@@ -16,6 +16,7 @@
     "build-chrome": "node scripts/inject.js --platform chrome",
     "build-chrome-mv3": "node scripts/inject.js --platform chrome-mv3",
     "build-apple": "node scripts/inject.js --platform apple && node scripts/inject.js --platform apple-isolated",
+    "build-android-for-frames": "node scripts/inject.js --platform android-for-frames --for-frames",
     "build-android": "node scripts/inject.js --platform android",
     "build-windows": "node scripts/inject.js --platform windows",
     "build-integration": "node scripts/inject.js --platform integration",

scripts/inject.js

@@ -29,6 +29,10 @@ const builds = {
         input: 'inject/apple.js',
         output: ['Sources/ContentScopeScripts/dist/contentScopeIsolated.js']
     },
+    'android-for-frames': {
+        input: 'inject/android.js',
+        output: ['Sources/ContentScopeScripts/dist/androidForFrames.js']
+    },
     android: {
         input: 'inject/android.js',
         output: ['build/android/contentScope.js']

src/features.js

@@ -4,6 +4,7 @@ const baseFeatures = /** @type {const} */([
     'fingerprintingBattery',
     'fingerprintingCanvas',
     'googleRejected',
+    'googlePasswordImport',
     'gpc',
     'fingerprintingHardware',
     'referrer',
@@ -39,6 +40,9 @@ export const platformSupport = {
         'performanceMetrics',
         'clickToLoad'
     ],
+    'android-for-frames': [
+        'googlePasswordImport',
+    ],
     android: [
         ...baseFeatures,
         'webCompat',

src/features/google-password-import.js

@@ -0,0 +1,32 @@
+import ContentFeature from '../content-feature'
+import { getElement } from './broker-protection/utils';
+
+export default class GooglePasswordImport extends ContentFeature {
+    init () {
+        document.addEventListener('DOMContentLoaded', (event) => {
+            var xpath = "//div[text()='Export passwords']/ancestor::li"; // Should be configurable
+            const exportElement = getElement(document, xpath);
+            if (exportElement) {
+                exportElement.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'center',
+                    inline: 'center'
+                }); // Scroll into view
+                var keyframes = [
+                    { backgroundColor: 'transparent' },
+                    { backgroundColor: 'lightblue' },
+                    { backgroundColor: 'transparent' },
+                ];
+
+                // Define the animation options
+                var options = {
+                    duration: 1000, // 1 seconds, should be configurable
+                    iterations: 3 // Max 3 blinks, should be configurable
+                };
+
+                // Apply the animation to the element
+                exportElement.animate(keyframes, options);
+            }
+        });
+    }
+}

src/globals.d.ts

@@ -16,7 +16,7 @@ interface ImportMeta {
     env: 'production' | 'development'
     platform?: 'windows' | 'macos' | 'android' | 'ios'
     // this represents the different build artifact names
-    injectName?: 'firefox' | 'apple' | 'apple-isolated' | 'android' | 'windows' | 'integration' | 'chrome-mv3' | 'chrome'
+    injectName?: 'firefox' | 'apple' | 'apple-isolated' | 'android' | 'android-for-frames' | 'windows' | 'integration' | 'chrome-mv3' | 'chrome'
     trackerLookup?: Record<string, unknown>
     pageName?: string
 }