Add webkit webview sample

WebView/WebkitWebView/README.md

@@ -0,0 +1,30 @@
+# Set Up Instructions
+Assuming the GlitchMe site and server is up and running (the glitch me site can
+be found [here](https://glitch.com/edit/#!/alder-sunny-bicycle)), this app should
+be fairly easy to setup. There is one process that requires ensuring your app
+signature is known to the server, which will be in the steps below.
+
+1. Clone this repo anywhere on your machine. Ensure you have AndroidStudio and
+   all the setup with that is correct (sdk/etc..).
+2. Ensure your phone can connect to Android Studio. This often involves ensuring
+   debug mode is on and adb is installed.
+3. Double check there is a 'debug.keystore' file at the root. This is important
+as the server expects your app to have the SHA256 from this keystore.
+4. 'Run' the app via the 'run' button (the green play triangle).
+5. Enjoy!
+
+## Running your own server
+If you'd like to manage a server directly, you can choose to Remix this project on glitch.me which
+will clone the current project to management under your account. Note that you will likely need to
+change the env variables to your app's package name and sha-256 hash, as well as update the 
+expectedOrigin variables in server.mjs with your updated apk-key-hash (covert your app's sha-256 to
+base 64).
+
+# Notice
+Please note that accounts created with this sample app are stored on glitch.me. While this does not
+impact the security of your Google accounts, please be wary of putting sensitive information in your
+username or password fields.
+
+## Known Issues
+- We have noticed the GlitchMe service sometimes has reliability issues.
+  - See status [here](https://status.glitch.com/).

WebView/WebkitWebView/app/.gitignore

@@ -0,0 +1 @@
+/build

WebView/WebkitWebView/app/build.gradle

@@ -0,0 +1,84 @@
+plugins {
+    id 'com.android.application'
+    id 'org.jetbrains.kotlin.android'
+}
+
+repositories {
+    google()
+    mavenCentral()
+    maven { url 'https://androidx.dev/snapshots/latest/artifacts/repository' }
+}
+
+android {
+    namespace 'com.google.webkit.webviewsample'
+    compileSdk 35
+
+    signingConfigs {
+        debug {
+            def keystoreFile = project.rootProject.file('debug.keystore')
+            if (keystoreFile.exists()) {
+                storeFile file(keystoreFile.toPath())
+            } else {
+                Properties properties = new Properties()
+                def propertiesFile = project.rootProject.file('local.properties')
+                if (propertiesFile.exists()) {
+                    properties.load(propertiesFile.newDataInputStream())
+                    storeFile file(properties.getProperty("key_path"))
+                }
+            }
+        }
+    }
+
+    defaultConfig {
+        applicationId "com.google.webkit.webviewsample"
+        minSdk 29
+        targetSdk 34
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = '1.8'
+    }
+    buildFeatures {
+        compose true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion '1.5.2'
+    }
+    packagingOptions {
+        resources {
+            excludes += '/META-INF/{AL2.0,LGPL2.1}'
+        }
+    }
+}
+
+dependencies {
+    implementation(platform("org.jetbrains.kotlin:kotlin-bom:1.8.0"))
+
+    implementation 'androidx.credentials:credentials-play-services-auth:1.5.0-rc01'
+    implementation 'androidx.credentials:credentials:1.5.0-rc01'
+
+    implementation("androidx.webkit:webkit:1.12.1")
+    implementation 'androidx.core:core-ktx:1.7.0'
+    implementation 'androidx.lifecycle:lifecycle-runtime-ktx:2.3.1'
+    implementation 'androidx.activity:activity-compose:1.3.1'
+    implementation "androidx.compose.ui:ui:$compose_ui_version"
+    implementation "androidx.compose.ui:ui-tooling-preview:$compose_ui_version"
+    implementation 'androidx.compose.material:material:1.1.1'
+
+    testImplementation 'junit:junit:4.13.2'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.4'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.0'
+    androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_ui_version"
+    debugImplementation "androidx.compose.ui:ui-tooling:$compose_ui_version"
+    debugImplementation "androidx.compose.ui:ui-test-manifest:$compose_ui_version"
+}

WebView/WebkitWebView/app/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

WebView/WebkitWebView/app/src/main/AndroidManifest.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+  <uses-permission android:name="android.permission.INTERNET" />
+  <application
+      android:allowBackup="true"
+      android:dataExtractionRules="@xml/data_extraction_rules"
+      android:fullBackupContent="@xml/backup_rules"
+      android:icon="@mipmap/ic_launcher"
+      android:label="@string/app_name"
+      android:supportsRtl="true"
+      android:theme="@style/Theme.WebViewSample"
+      tools:targetApi="31">
+    <activity
+        android:name="com.google.webkit.webviewsample.MainActivity"
+        android:exported="true"
+        android:label="@string/app_name"
+        android:theme="@style/Theme.WebViewSample">
+      <intent-filter>
+        <action android:name="android.intent.action.MAIN" />
+
+        <category android:name="android.intent.category.LAUNCHER" />
+      </intent-filter>
+
+      <meta-data
+          android:name="android.app.lib_name"
+          android:value="" />
+    </activity>
+  </application>
+
+</manifest>

WebView/WebkitWebView/app/src/main/java/com/google/webkit/webviewsample/MainActivity.kt

@@ -0,0 +1,65 @@
+package com.google.webkit.webviewsample
+
+import android.os.Bundle
+import android.util.Log
+import android.webkit.WebView
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.Surface
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.viewinterop.AndroidView
+import androidx.webkit.WebSettingsCompat
+import androidx.webkit.WebViewFeature
+import com.google.webkit.webviewsample.theme.WebViewSampleTheme
+
+
+/**
+ * Generates a WebView that uses the Webkit API to handle WebView passkey authentication requests.
+ */
+class MainActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContent {
+            val url = "https://alder-sunny-bicycle.glitch.me/"
+            WebViewSampleTheme {
+                Surface(
+                    modifier = Modifier.fillMaxSize(),
+                    color = MaterialTheme.colors.background
+                ) {
+                    AndroidView(factory = {
+                        WebView(it).apply {
+                            settings.javaScriptEnabled = true
+                            webViewClient = WebViewClientImpl()
+                        }
+                    },
+                        update = { webView ->
+                            run {
+                                webView.loadUrl(url)
+                                if (WebViewFeature.isFeatureSupported(WebViewFeature.WEB_AUTHENTICATION)) {
+                                    Log.e("WebViewPasskeyDemo", "WebView supports passkeys.")
+                                    WebSettingsCompat.setWebAuthenticationSupport(
+                                        webView.settings,
+                                        WebSettingsCompat.WEB_AUTHENTICATION_SUPPORT_FOR_APP,
+                                    )
+                                    Log.e(
+                                        "WebViewPasskeyDemo",
+                                        "getWebAuthenticationSupport result: " +
+                                                WebSettingsCompat.getWebAuthenticationSupport(
+                                                    webView.settings
+                                                ),
+                                    )
+                                } else {
+                                    Log.e(
+                                        "WebViewPasskeyDemo",
+                                        "WebView does not support passkeys."
+                                    )
+                                }
+                            }
+                        })
+                }
+            }
+        }
+    }
+}

WebView/WebkitWebView/app/src/main/java/com/google/webkit/webviewsample/WebViewClientImpl.kt

@@ -0,0 +1,10 @@
+package com.google.webkit.webviewsample
+
+import android.webkit.WebView
+import android.webkit.WebViewClient
+
+class WebViewClientImpl : WebViewClient() {
+    override fun shouldOverrideUrlLoading(view: WebView?, url: String?): Boolean {
+        return false
+    }
+}

WebView/WebkitWebView/app/src/main/java/com/google/webkit/webviewsample/theme/Color.kt

@@ -0,0 +1,8 @@
+package com.google.webkit.webviewsample.theme
+
+import androidx.compose.ui.graphics.Color
+
+val Purple200 = Color(0xFFBB86FC)
+val Purple500 = Color(0xFF6200EE)
+val Purple700 = Color(0xFF3700B3)
+val Teal200 = Color(0xFF03DAC5)

WebView/WebkitWebView/app/src/main/java/com/google/webkit/webviewsample/theme/Shape.kt

@@ -0,0 +1,11 @@
+package com.google.webkit.webviewsample.theme
+
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Shapes
+import androidx.compose.ui.unit.dp
+
+val Shapes = Shapes(
+  small = RoundedCornerShape(4.dp),
+  medium = RoundedCornerShape(4.dp),
+  large = RoundedCornerShape(0.dp)
+)

WebView/WebkitWebView/app/src/main/java/com/google/webkit/webviewsample/theme/Theme.kt

@@ -0,0 +1,38 @@
+package com.google.webkit.webviewsample.theme
+
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material.MaterialTheme
+import androidx.compose.material.darkColors
+import androidx.compose.material.lightColors
+import androidx.compose.runtime.Composable
+
+private val DarkColorPalette = darkColors(
+  primary = Purple200,
+  primaryVariant = Purple700,
+  secondary = Teal200
+)
+
+private val LightColorPalette = lightColors(
+  primary = Purple500,
+  primaryVariant = Purple700,
+  secondary = Teal200
+)
+
+@Composable
+fun WebViewSampleTheme(
+  darkTheme: Boolean = isSystemInDarkTheme(),
+  content: @Composable () -> Unit
+) {
+  val colors = if (darkTheme) {
+    DarkColorPalette
+  } else {
+    LightColorPalette
+  }
+
+  MaterialTheme(
+    colors = colors,
+    typography = Typography,
+    shapes = Shapes,
+    content = content
+  )
+}

WebView/WebkitWebView/app/src/main/java/com/google/webkit/webviewsample/theme/Type.kt

@@ -0,0 +1,16 @@
+package com.google.webkit.webviewsample.theme
+
+import androidx.compose.material.Typography
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.sp
+
+// Set of Material typography styles to start with
+val Typography = Typography(
+  body1 = TextStyle(
+    fontFamily = FontFamily.Default,
+    fontWeight = FontWeight.Normal,
+    fontSize = 16.sp
+  )
+)

WebView/WebkitWebView/app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportHeight="108"
+    android:viewportWidth="108">
+  <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+    <aapt:attr name="android:fillColor">
+      <gradient
+          android:endX="85.84757"
+          android:endY="92.4963"
+          android:startX="42.9492"
+          android:startY="49.59793"
+          android:type="linear">
+        <item
+            android:color="#44000000"
+            android:offset="0.0" />
+        <item
+            android:color="#00000000"
+            android:offset="1.0" />
+      </gradient>
+    </aapt:attr>
+  </path>
+  <path
+      android:fillColor="#FFFFFF"
+      android:fillType="nonZero"
+      android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+      android:strokeColor="#00000000"
+      android:strokeWidth="1" />
+</vector>