@algorandfoundation/react-native-passkey-autofill 0.0.1 → 1.0.0-canary.10

package/ios/ReactNativePasskeyAutofillModule.swift

@@ -0,0 +1,49 @@
+import ExpoModulesCore
+
+public class ReactNativePasskeyAutofillModule: Module {
+  // Each module class must implement the definition function. The definition consists of components
+  // that describes the module's functionality and behavior.
+  // See https://docs.expo.dev/modules/module-api for more details about available components.
+  public func definition() -> ModuleDefinition {
+    // Sets the name of the module that JavaScript code will use to refer to the module. Takes a string as an argument.
+    // Can be inferred from module's class name, but it's recommended to set it explicitly for clarity.
+    // The module will be accessible from `requireNativeModule('ReactNativePasskeyAutofill')` in JavaScript.
+    Name("ReactNativePasskeyAutofill")
+
+    Events("onPasskeyAdded", "onPasskeyAuthenticated")
+
+    AsyncFunction("setMasterKey") { (secret: String) in
+      // TODO: Implement for iOS
+    }
+
+    AsyncFunction("setHdRootKeyId") { (id: String) in
+      // TODO: Implement for iOS
+    }
+
+    AsyncFunction("getHdRootKeyId") { () -> String? in
+      // TODO: Implement for iOS
+      return nil
+    }
+
+    AsyncFunction("clearCredentials") {
+      // TODO: Implement for iOS
+    }
+
+    AsyncFunction("configureIntentActions") { (getPasskeyAction: String, createPasskeyAction: String) in
+      // TODO: Implement for iOS
+    }
+
+    // Enables the module to be used as a native view. Definition components that are accepted as part of the
+    // view definition: Prop, Events.
+    View(ReactNativePasskeyAutofillView.self) {
+      // Defines a setter for the `url` prop.
+      Prop("url") { (view: ReactNativePasskeyAutofillView, url: URL) in
+        if view.webView.url != url {
+          view.webView.load(URLRequest(url: url))
+        }
+      }
+
+      Events("onLoad")
+    }
+  }
+}

package/ios/ReactNativePasskeyAutofillView.swift

@@ -0,0 +1,38 @@
+import ExpoModulesCore
+import WebKit
+
+// This view will be used as a native component. Make sure to inherit from `ExpoView`
+// to apply the proper styling (e.g. border radius and shadows).
+class ReactNativePasskeyAutofillView: ExpoView {
+  let webView = WKWebView()
+  let onLoad = EventDispatcher()
+  var delegate: WebViewDelegate?
+
+  required init(appContext: AppContext? = nil) {
+    super.init(appContext: appContext)
+    clipsToBounds = true
+    delegate = WebViewDelegate { url in
+      self.onLoad(["url": url])
+    }
+    webView.navigationDelegate = delegate
+    addSubview(webView)
+  }
+
+  override func layoutSubviews() {
+    webView.frame = bounds
+  }
+}
+
+class WebViewDelegate: NSObject, WKNavigationDelegate {
+  let onUrlChange: (String) -> Void
+
+  init(onUrlChange: @escaping (String) -> Void) {
+    self.onUrlChange = onUrlChange
+  }
+
+  func webView(_ webView: WKWebView, didFinish navigation: WKNavigation) {
+    if let url = webView.url {
+      onUrlChange(url.absoluteString)
+    }
+  }
+}

package/lefthook.yml

@@ -0,0 +1,13 @@
+# Lefthook configuration
+# Refer to https://github.com/evilmartians/lefthook/blob/master/docs/configuration.md
+
+pre-commit:
+  commands:
+    lint:
+      run: npm run lint
+
+pre-push:
+  parallel: true
+  commands:
+    test:
+      run: npm run test:all

package/package.json

@@ -1,13 +1,69 @@
 {
   "name": "@algorandfoundation/react-native-passkey-autofill",
-  "version": "0.0.1",
-  "description": "react-native-passkey-autofill for Algorand",
-  "main": "index.js",
+  "version": "1.0.0-canary.10",
+  "description": "Passkey AutoFill React Native",
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "expo-module build",
+    "clean": "expo-module clean",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false expo-module lint",
+    "test": "CI=true expo-module test",
+    "test:android": "cd example/android && ./gradlew :algorandfoundation-react-native-passkey-autofill:testDebugUnitTest --no-daemon",
+    "test:android:instrumented": "cd example/android && ./gradlew :algorandfoundation-react-native-passkey-autofill:connectedDebugAndroidTest --no-daemon",
+    "test:all": "npm run test && npm run test:android",
+    "prepare": "expo-module prepare",
+    "prepublishOnly": "expo-module prepublishOnly",
+    "expo-module": "expo-module",
+    "open:ios": "xed example/ios",
+    "open:android": "open -a \"Android Studio\" example/android"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "@algorandfoundation/react-native-passkey-autofill",
+    "ReactNativePasskeyAutofill"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/algorandfoundation/react-native-passkey-autofill.git"
+  },
+  "bugs": {
+    "url": "https://github.com/algorandfoundation/react-native-passkey-autofill/issues"
+  },
+  "author": "Algorand Foundation",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/algorandfoundation/react-native-passkey-autofill#readme",
+  "dependencies": {
+    "@algorandfoundation/react-native-keystore": "^1.0.0-canary.6"
+  },
+  "jest": {
+    "preset": "ts-jest",
+    "testEnvironment": "node",
+    "testMatch": [
+      "<rootDir>/src/**/__tests__/**/*.test.ts"
+    ]
+  },
+  "devDependencies": {
+    "@expo/config-plugins": "^9.0.0",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^12.0.6",
+    "@semantic-release/npm": "^13.1.5",
+    "@types/react": "~19.1.1",
+    "expo": "^55.0.1",
+    "expo-module-scripts": "^55.0.2",
+    "lefthook": "^2.1.4",
+    "react-native": "0.82.1",
+    "semantic-release": "^25.0.3"
   },
-  "keywords": [],
-  "author": "",
-  "license": "MIT",
-  "type": "commonjs"
+  "peerDependencies": {
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  }
 }

package/src/ReactNativePasskeyAutofill.types.ts

@@ -0,0 +1,4 @@
+export type ReactNativePasskeyAutofillModuleEvents = {
+  onPasskeyAdded: (event: { success: boolean }) => void;
+  onPasskeyAuthenticated: (event: { success: boolean }) => void;
+};

package/src/ReactNativePasskeyAutofillModule.ts

@@ -0,0 +1,14 @@
+import { NativeModule, requireNativeModule } from 'expo';
+
+import { ReactNativePasskeyAutofillModuleEvents } from './ReactNativePasskeyAutofill.types';
+
+declare class ReactNativePasskeyAutofillModule extends NativeModule<ReactNativePasskeyAutofillModuleEvents> {
+  setMasterKey(secret: string): Promise<void>;
+  setHdRootKeyId(id: string): Promise<void>;
+  getHdRootKeyId(): Promise<string | null>;
+  configureIntentActions(getPasskeyAction: string, createPasskeyAction: string): Promise<void>;
+  clearCredentials(): Promise<void>;
+}
+
+// This call loads the native module object from the JSI.
+export default requireNativeModule<ReactNativePasskeyAutofillModule>('ReactNativePasskeyAutofill');

package/src/index.ts

@@ -0,0 +1,4 @@
+// Reexport the native module. On web, it will be resolved to ReactNativePasskeyAutofillModule.web.ts
+// and on native platforms to ReactNativePasskeyAutofillModule.ts
+export { default } from './ReactNativePasskeyAutofillModule';
+export * from  './ReactNativePasskeyAutofill.types';

package/tsconfig.json

@@ -0,0 +1,9 @@
+// @generated by expo-module-scripts
+{
+  "extends": "expo-module-scripts/tsconfig.base",
+  "compilerOptions": {
+    "outDir": "./build"
+  },
+  "include": ["./src"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__rsc_tests__/*"]
+}

package/index.js

@@ -1 +0,0 @@
-module.exports = function () { return 'react-native-passkey-autofill placeholder'; };