Click to Load support (#148)

* internalize strings for CTL
* embed icons and fonts
* handle sendMessage response via update
* CTL -> CTP
* roundtrip the config to maintain exclusions

Co-authored-by: ladamski@duckduckgo.com <ladamski@duckduckgo.com>

Author: ladamski

Sources/ContentScopeScripts/dist/contentScope.js

@@ -97,8 +97,7 @@ function init () {
                 window.${randomMethodName}('${randomPassword}', ${stringifiedArgs});
             `
         inject(callRandomFunction)
-    }
-    )
+    })
 
     chrome.runtime.onMessage.addListener((message) => {
         // forward update messages to the embedded script
@@ -110,6 +109,18 @@ function init () {
             inject(callRandomUpdateFunction)
         }
     })
+
+    window.addEventListener('sendMessage', (m) => {
+        const messageType = m.detail.messageType
+        chrome.runtime.sendMessage(m && m.detail, response => {
+            const msg = { type: messageType, response }
+            const stringifiedArgs = JSON.stringify(msg)
+            const callRandomUpdateFunction = `
+                window.${reusableMethodName}('${reusableSecret}', ${stringifiedArgs});
+            `
+            inject(callRandomUpdateFunction)
+        })
+    })
 }
 
 init()

build/android/contentScope.js

@@ -29,15 +29,22 @@ function init () {
             })
         }
         contentScopeFeatures.init(message)
-    }
-    )
+    })
 
     chrome.runtime.onMessage.addListener((message) => {
         // forward update messages to the embedded script
         if (message && message.type === 'update') {
             contentScopeFeatures.update(message)
         }
     })
+
+    window.addEventListener('sendMessage', (m) => {
+        const messageType = m.detail.messageType
+        chrome.runtime.sendMessage(m && m.detail, response => {
+            const msg = { type: messageType, response }
+            contentScopeFeatures.update(msg)
+        })
+    })
 }
 
 init()

build/chrome-mv3/inject.js

@@ -16,8 +16,8 @@
     "copy-build-integration": "cp build/integration/contentScope.js integration-test/extension",
     "tsc": "tsc",
     "lint": "eslint . && npm run tsc",
-    "lint-no-output-globals": "eslint build/apple/contentScope.js --rule '{\"no-implicit-globals\": [\"error\"]}' --no-ignore --no-eslintrc --parser-options=ecmaVersion:11",
-    "lint-fix": "npm run lint -- --fix",
+    "lint-no-output-globals": "eslint Sources/ContentScopeScripts/dist/contentScope.js --rule '{\"no-implicit-globals\": [\"error\"]}' --no-ignore --no-eslintrc --parser-options=ecmaVersion:11",
+    "lint-fix": "eslint . --fix && npm run tsc",
     "test-unit": "jasmine --config=unit-test/config.json",
     "test-int": "npm run build-integration && jasmine --config=integration-test/config.js",
     "test-int-x": "xvfb-run --server-args='-screen 0 1024x768x24' npm run test-int",