use html file in ios webview (#1625)

prosopo · Jan 16, 2025 · 3e5722b · 3e5722b
1 parent 2f11c6b
commit 3e5722b
Show file tree

Hide file tree

Showing 7 changed files with 62 additions and 22 deletions.
diff --git a/demos/ios-webview/procaptcha.xcodeproj/project.pbxproj b/demos/ios-webview/procaptcha.xcodeproj/project.pbxproj
@@ -11,6 +11,7 @@
 		6093CEA72CA96BB9006699D1 /* ContentView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 6093CEA62CA96BB9006699D1 /* ContentView.swift */; };
 		6093CEA92CA96BBD006699D1 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 6093CEA82CA96BBD006699D1 /* Assets.xcassets */; };
 		6093CEAD2CA96BBD006699D1 /* Preview Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 6093CEAC2CA96BBD006699D1 /* Preview Assets.xcassets */; };
+		CE79A1EA2D38EC2200047A40 /* procaptcha.html in Resources */ = {isa = PBXBuildFile; fileRef = CE79A1E92D38EC2200047A40 /* procaptcha.html */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
@@ -20,6 +21,7 @@
 		6093CEA82CA96BBD006699D1 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		6093CEAA2CA96BBD006699D1 /* procaptcha.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = procaptcha.entitlements; sourceTree = "<group>"; };
 		6093CEAC2CA96BBD006699D1 /* Preview Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = "Preview Assets.xcassets"; sourceTree = "<group>"; };
+		CE79A1E92D38EC2200047A40 /* procaptcha.html */ = {isa = PBXFileReference; lastKnownFileType = text.html; path = procaptcha.html; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -55,6 +57,7 @@
 				6093CEA42CA96BB9006699D1 /* procaptchaApp.swift */,
 				6093CEA62CA96BB9006699D1 /* ContentView.swift */,
 				6093CEA82CA96BBD006699D1 /* Assets.xcassets */,
+				CE79A1E92D38EC2200047A40 /* procaptcha.html */,
 				6093CEAA2CA96BBD006699D1 /* procaptcha.entitlements */,
 				6093CEAB2CA96BBD006699D1 /* Preview Content */,
 			);
@@ -127,6 +130,7 @@
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				CE79A1EA2D38EC2200047A40 /* procaptcha.html in Resources */,
 				6093CEAD2CA96BBD006699D1 /* Preview Assets.xcassets in Resources */,
 				6093CEA92CA96BBD006699D1 /* Assets.xcassets in Resources */,
 			);
@@ -282,6 +286,7 @@
 				"LD_RUNPATH_SEARCH_PATHS[sdk=macosx*]" = "@executable_path/../Frameworks";
 				MACOSX_DEPLOYMENT_TARGET = 13.3;
 				MARKETING_VERSION = 1.0;
+				NSExceptionAllInsecureHTTPLoads = YES;
 				PRODUCT_BUNDLE_IDENTIFIER = io.prosopo.procaptcha;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = auto;
@@ -320,6 +325,7 @@
 				"LD_RUNPATH_SEARCH_PATHS[sdk=macosx*]" = "@executable_path/../Frameworks";
 				MACOSX_DEPLOYMENT_TARGET = 13.3;
 				MARKETING_VERSION = 1.0;
+				NSExceptionAllInsecureHTTPLoads = YES;
 				PRODUCT_BUNDLE_IDENTIFIER = io.prosopo.procaptcha;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = auto;

diff --git a/...ebview/procaptcha.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings b/...ebview/procaptcha.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict/>
+</plist>
diff --git a/....xcodeproj/project.xcworkspace/xcuserdata/user.xcuserdatad/UserInterfaceState.xcuserstate b/....xcodeproj/project.xcworkspace/xcuserdata/user.xcuserdatad/UserInterfaceState.xcuserstate
diff --git a/...ha.xcodeproj/project.xcworkspace/xcuserdata/user.xcuserdatad/WorkspaceSettings.xcsettings b/...ha.xcodeproj/project.xcworkspace/xcuserdata/user.xcuserdatad/WorkspaceSettings.xcsettings
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>BuildLocationStyle</key>
+	<string>UseAppPreferences</string>
+	<key>CustomBuildLocationType</key>
+	<string>RelativeToDerivedData</string>
+	<key>DerivedDataLocationStyle</key>
+	<string>Default</string>
+	<key>ShowSharedSchemesAutomaticallyEnabled</key>
+	<true/>
+</dict>
+</plist>
diff --git a/...bview/procaptcha.xcodeproj/xcuserdata/user.xcuserdatad/xcschemes/xcschememanagement.plist b/...bview/procaptcha.xcodeproj/xcuserdata/user.xcuserdatad/xcschemes/xcschememanagement.plist
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>SchemeUserState</key>
+	<dict>
+		<key>procaptcha.xcscheme_^#shared#^_</key>
+		<dict>
+			<key>orderHint</key>
+			<integer>0</integer>
+		</dict>
+	</dict>
+</dict>
+</plist>
diff --git a/demos/ios-webview/procaptcha/ContentView.swift b/demos/ios-webview/procaptcha/ContentView.swift
@@ -2,7 +2,7 @@ import SwiftUI
 import WebKit
 
 struct WebView: UIViewRepresentable {
-    let htmlString: String
+    let filePath: String
 
     func makeCoordinator() -> Coordinator {
         return Coordinator(self)
@@ -49,8 +49,10 @@ struct WebView: UIViewRepresentable {
         webView.isInspectable = true
 
         //DispatchQueue.main.asyncAfter(deadline: .now() + 30) {
-        // baseURL must be set for localstorage to work. If localstorage is not required, it can be set to nil. Localstorage errors appear like "SecurityError: The operation is insecure."
-            webView.loadHTMLString(htmlString, baseURL: URL(string: "https://prosopo.io"))
+        guard let fileUrl = Bundle.main.url(forResource: filePath, withExtension: nil) else {
+            fatalError("html file \(filePath) not found")
+        }
+        webView.loadFileURL(fileUrl, allowingReadAccessTo: fileUrl.deletingLastPathComponent())
         //}
 
         return webView
@@ -89,25 +91,7 @@ struct ContentView: View {
     var body: some View {
         VStack {
             Text("Demo Procaptcha:")
-            WebView(htmlString: """
-<html>
-<head>
-<title>Procaptcha</title>
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<script type="module" src="https://js.prosopo.io/js/procaptcha.bundle.js" async defer></script>
-</head>
-<body>
-<form action="" method="POST">
-<input type="text" name="email" placeholder="Email" />
-<input type="password" name="password" placeholder="Password" />
-<p>image</p>
-<div class="procaptcha" data-sitekey="5FWCbfR7pH9QiZqLgmm5Rw4QbFwyU5EaMqUV4G6xrvrTZDtC" data-captcha-type="image"></div>
-<br />
-<input type="submit" value="Submit" />
-</form>
-</body>
-</html>
-""")
+            WebView(filePath: "procaptcha.html")
         }
         .padding()
     }

diff --git a/demos/ios-webview/procaptcha/procaptcha.html b/demos/ios-webview/procaptcha/procaptcha.html
@@ -0,0 +1,17 @@
+<html><div style='width:100%;height:100px'></div>
+<head>
+<title>Procaptcha</title>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script type="module" src="https://js.prosopo.io/js/procaptcha.bundle.js" async defer></script>
+</head>
+<body>
+<form action="" method="POST">
+<input type="text" name="email" placeholder="Email" />
+<input type="password" name="password" placeholder="Password" />
+<div class="procaptcha" data-sitekey="5FWCbfR7pH9QiZqLgmm5Rw4QbFwyU5EaMqUV4G6xrvrTZDtC" data-captcha-type="image"></div>
+<br />
+<input type="submit" value="Submit" />
+</form>
+</body>
+</html>
+