JS injection

This CL adds JS injection to support interacting with forms. To be used
to get the content of the current field, and set values on the fields.

Bug: 845472
Cq-Include-Trybots: luci.chromium.try:ios-simulator-full-configs;master.tryserver.chromium.mac:ios-simulator-cronet
Change-Id: I860ebf4e2181f53658c0e519c5b3290ec86ac46f
Reviewed-on: https://chromium-review.googlesource.com/1073407
Commit-Queue: Javier Ernesto Flores Robles <javierrobles@chromium.org>
Reviewed-by: Olivier Robin <olivierrobin@chromium.org>
Cr-Commit-Position: refs/heads/master@{#561891}

ios/showcase/manual_fill/BUILD.gn

@@ -2,6 +2,8 @@
 # Use of this source code is governed by a BSD-style license that can be
 # found in the LICENSE file.
 
+import("//ios/web/js_compile.gni")
+
 source_set("manual_fill") {
   sources = [
     "ipad_keyboard_proto_view_controller.h",
@@ -18,7 +20,10 @@ source_set("manual_fill") {
     "password_picker_view_controller.mm",
   ]
   deps = [
+    ":injected_js",
     "//base",
+    "//ios/chrome/browser/web:chrome_bundle_all_frames",
+    "//ios/chrome/browser/web:chrome_bundle_main_frame",
     "//ios/showcase/common",
     "//third_party/material_design_icons:ic_account_circle",
     "//third_party/material_design_icons:ic_credit_card",
@@ -32,3 +37,14 @@ source_set("manual_fill") {
   ]
   configs += [ "//build/config/compiler:enable_arc" ]
 }
+
+js_compile_checked("injected_js") {
+  visibility = [ ":manual_fill" ]
+  sources = [
+    "resources/manualfill_controller.js",
+  ]
+  js_modules = [
+    "//components/autofill/ios/fill/resources/form.js",
+    "//components/autofill/ios/fill/resources/fill.js",
+  ]
+}

ios/showcase/manual_fill/keyboard_proto_view_controller.h

@@ -53,7 +53,7 @@ UIView* GetFirstResponderSubview(UIView* view);
 
 // Tries to inject the passed string into the web view last focused field.
 //
-// @param string The content to be injected.
+// @param string The content to be injected. Must be JS encoded.
 - (void)fillLastSelectedFieldWithString:(NSString*)string;
 
 // Calls JS `focus()` on the last active element in an attemp to highlight it.

ios/showcase/manual_fill/keyboard_proto_view_controller.mm

@@ -42,7 +42,7 @@ UIView* GetFirstResponderSubview(UIView* view) {
 @interface KeyboardProtoViewController ()
 
 // The last recorded active field identifier, used to interact with the web
-// view (i.e. add CSS focus to the element).
+// view (i.e. overwrite the input of the field).
 @property(nonatomic, strong) NSString* activeFieldID;
 
 @end
@@ -56,9 +56,8 @@ UIView* GetFirstResponderSubview(UIView* view) {
 - (void)viewDidLoad {
   [super viewDidLoad];
 
-  WKWebViewConfiguration* configuration = [[WKWebViewConfiguration alloc] init];
   _webView = [[WKWebView alloc] initWithFrame:self.view.bounds
-                                configuration:configuration];
+                                configuration:[self webViewConfiguration]];
   [self.view addSubview:self.webView];
   self.webView.translatesAutoresizingMaskIntoConstraints = NO;
   manualfill::AddSameConstraints(self.webView, self.view);
@@ -67,8 +66,8 @@ UIView* GetFirstResponderSubview(UIView* view) {
 - (void)viewWillAppear:(BOOL)animated {
   [super viewWillAppear:animated];
 
-  NSURL* sigupURL = [NSURL URLWithString:@"https://appleid.apple.com/account"];
-  NSURLRequest* request = [NSURLRequest requestWithURL:sigupURL];
+  NSURL* signupURL = [NSURL URLWithString:@"https://appleid.apple.com/account"];
+  NSURLRequest* request = [NSURLRequest requestWithURL:signupURL];
   [self.webView loadRequest:request];
 }
 
@@ -82,7 +81,7 @@ UIView* GetFirstResponderSubview(UIView* view) {
 
 - (void)updateActiveFieldID {
   __weak KeyboardProtoViewController* weakSelf = self;
-  NSString* javaScriptQuery = @"document.activeElement.id";
+  NSString* javaScriptQuery = @"__gCrWeb.manualfill.activeElementId()";
   [self.webView evaluateJavaScript:javaScriptQuery
                  completionHandler:^(id result, NSError* error) {
                    NSLog(@"result: %@", [result description]);
@@ -92,9 +91,11 @@ UIView* GetFirstResponderSubview(UIView* view) {
 }
 
 - (void)fillLastSelectedFieldWithString:(NSString*)string {
-  if ([self.lastFirstResponder conformsToProtocol:@protocol(UIKeyInput)]) {
-    [(id<UIKeyInput>)self.lastFirstResponder insertText:string];
-  }
+  NSString* javaScriptQuery =
+      [NSString stringWithFormat:
+                    @"__gCrWeb.manualfill.setValueForElementId(\"%@\", \"%@\")",
+                    string, self.activeFieldID];
+  [self.webView evaluateJavaScript:javaScriptQuery completionHandler:nil];
 }
 
 - (void)callFocusOnLastActiveField {
@@ -104,4 +105,57 @@ UIView* GetFirstResponderSubview(UIView* view) {
   [self.webView evaluateJavaScript:javaScriptQuery completionHandler:nil];
 }
 
+#pragma mark JS Injection
+
+// Returns an NSString with the contents of the files passed. It is assumed the
+// files are of type ".js" and they are in the main bundle.
+- (NSString*)joinedJSFilesWithFilenames:(NSArray<NSString*>*)filenames {
+  NSMutableString* fullScript = [NSMutableString string];
+  for (NSString* filename in filenames) {
+    NSString* path =
+        [[NSBundle mainBundle] pathForResource:filename ofType:@"js"];
+    NSData* scriptData = [[NSData alloc] initWithContentsOfFile:path];
+    NSString* scriptString =
+        [[NSString alloc] initWithData:scriptData
+                              encoding:NSUTF8StringEncoding];
+    [fullScript appendFormat:@"%@\n", scriptString];
+  }
+  return fullScript;
+}
+
+- (NSString*)earlyJSStringMainFrame {
+  NSArray* filenames = @[
+    @"main_frame_web_bundle", @"chrome_bundle_main_frame",
+    @"manualfill_controller"
+  ];
+  return [self joinedJSFilesWithFilenames:filenames];
+}
+
+- (NSString*)earlyJSStringAllFrames {
+  NSArray* filenames = @[
+    @"all_frames_web_bundle",
+    @"chrome_bundle_all_frames",
+  ];
+  return [self joinedJSFilesWithFilenames:filenames];
+}
+
+// Returns a WKWebViewConfiguration with early scripts for the main frame and
+// for all frames.
+- (WKWebViewConfiguration*)webViewConfiguration {
+  WKWebViewConfiguration* configuration = [[WKWebViewConfiguration alloc] init];
+  WKUserScript* userScriptAllFrames = [[WKUserScript alloc]
+        initWithSource:[self earlyJSStringAllFrames]
+         injectionTime:WKUserScriptInjectionTimeAtDocumentStart
+      forMainFrameOnly:NO];
+  [configuration.userContentController addUserScript:userScriptAllFrames];
+
+  WKUserScript* userScriptMainFrame = [[WKUserScript alloc]
+        initWithSource:[self earlyJSStringMainFrame]
+         injectionTime:WKUserScriptInjectionTimeAtDocumentStart
+      forMainFrameOnly:YES];
+  [configuration.userContentController addUserScript:userScriptMainFrame];
+
+  return configuration;
+}
+
 @end

ios/showcase/manual_fill/resources/manualfill_controller.js

+// Copyright 2018 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+goog.provide('__crWeb.manualfill');
+
+/* Beginning of anonymous object. */
+(function() {
+
+/**
+ * Namespace for this file. It depends on |__gCrWeb| having already been
+ * injected.
+ */
+__gCrWeb.manualfill = {};
+__gCrWeb['manualfill'] = __gCrWeb.manualfill;
+
+/**
+ * Returns the identifier to be used with `setValueForElementId`.
+ *
+ * @return {string} The id of the active element.
+ */
+__gCrWeb.manualfill.activeElementId = function() {
+  var activeElementId = document.activeElement.id;
+  return activeElementId;
+};
+
+/**
+ * Sets the value passed for the element with the identifier passed.
+ *
+ * @param {string} value The input to set in the element with the identifier.
+ * @param {string} identifier The identifier of the element, found with
+ *                 `activeElementId`.
+ */
+__gCrWeb.manualfill.setValueForElementId = function(value, identifier) {
+  if (!identifier) {
+    return
+  }
+  var field = document.getElementById(identifier);
+  if (!field) {
+    return;
+  }
+  if (!value || value.length === 0) {
+    return;
+  }
+  __gCrWeb.fill.setInputElementValue(value, field);
+};
+
+}());  // End of anonymous object