@account-kit/react-native-signer 4.1.8-alpha

package/example/ios/ReactNativeSignerExample.xcodeproj/xcshareddata/xcschemes/ReactNativeSignerExample.xcscheme

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1210"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES">
+
+      <PreActions>
+         <ExecutionAction
+            ActionType = "Xcode.IDEStandardExecutionActionsCore.ExecutionActionType.ShellScriptAction">
+            <ActionContent
+               title = "Invoke Codegen"
+               scriptText = "cd &quot;$WORKSPACE_PATH/../../../&quot; &amp;&amp; npx bob build --target codegen&#10;">
+            </ActionContent>
+         </ExecutionAction>
+      </PreActions>
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "ReactNativeSignerExample.app"
+               BlueprintName = "ReactNativeSignerExample"
+               ReferencedContainer = "container:ReactNativeSignerExample.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "ReactNativeSignerExampleTests.xctest"
+               BlueprintName = "ReactNativeSignerExampleTests"
+               ReferencedContainer = "container:ReactNativeSignerExample.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "ReactNativeSignerExample.app"
+            BlueprintName = "ReactNativeSignerExample"
+            ReferencedContainer = "container:ReactNativeSignerExample.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "ReactNativeSignerExample.app"
+            BlueprintName = "ReactNativeSignerExample"
+            ReferencedContainer = "container:ReactNativeSignerExample.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

package/example/ios/ReactNativeSignerExampleTests/Info.plist

@@ -0,0 +1,24 @@
+<?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>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>

package/example/ios/ReactNativeSignerExampleTests/ReactNativeSignerExampleTests.m

@@ -0,0 +1,66 @@
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React"
+
+@interface ReactNativeSignerExampleTests : XCTestCase
+
+@end
+
+@implementation ReactNativeSignerExampleTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+#ifdef DEBUG
+  RCTSetLogFunction(
+      ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+        if (level >= RCTLogLevelError) {
+          redboxError = message;
+        }
+      });
+#endif
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view
+                                  matching:^BOOL(UIView *view) {
+                                    if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+                                      return YES;
+                                    }
+                                    return NO;
+                                  }];
+  }
+
+#ifdef DEBUG
+  RCTSetLogFunction(RCTDefaultLogFunction);
+#endif
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+@end

package/example/jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  preset: "react-native",
+};

package/example/metro.config.js

@@ -0,0 +1,22 @@
+const path = require("path");
+const { getDefaultConfig } = require("@react-native/metro-config");
+const { getConfig } = require("react-native-builder-bob/metro-config");
+const pkg = require("../package.json");
+
+const root = path.resolve(__dirname, "..");
+// handles the hoisted modules
+const repoRoot = path.resolve(__dirname, "../../..");
+
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ */
+module.exports = {
+  ...getConfig(getDefaultConfig(__dirname), {
+    root,
+    pkg,
+    project: __dirname,
+  }),
+  watchFolders: [root, repoRoot],
+};

package/example/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@account-kit/react-native-signer-example",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android && yarn start:redirect-server",
+    "ios": "react-native run-ios",
+    "start": "react-native start",
+    "start:redirect-server": "tsx ./redirect-server/index.ts",
+    "build:android": "react-native build-android --extra-params \"--no-daemon --console=plain -PreactNativeArchitectures=arm64-v8a\"",
+    "build:ios": "react-native build-ios --scheme ReactNativeSignerExample --mode Debug --extra-params \"-sdk iphonesimulator CC=clang CPLUSPLUS=clang++ LD=clang LDPLUSPLUS=clang++ GCC_OPTIMIZATION_LEVEL=0 GCC_PRECOMPILE_PREFIX_HEADER=YES ASSETCATALOG_COMPILER_OPTIMIZATION=time DEBUG_INFORMATION_FORMAT=dwarf COMPILER_INDEX_STORE_ENABLE=NO\""
+  },
+  "dependencies": {
+    "@account-kit/signer": "^4.3.0",
+    "@react-navigation/native": "7.0.3",
+    "@react-navigation/native-stack": "7.1.0",
+    "dotenv": "^16.4.5",
+    "express": "^4.21.1",
+    "react": "18.3.1",
+    "react-native": "0.76.1",
+    "react-native-config": "1.5.3",
+    "react-native-gesture-handler": "2.21.2",
+    "react-native-mmkv": "3.1.0",
+    "react-native-safe-area-context": "4.14.0",
+    "react-native-screens": "4.2.0",
+    "util": "^0.12.5",
+    "viem": "^2.21.41",
+    "zustand": "^5.0.1"
+  },
+  "peerDependencies": {
+    "@types/react": "18.3.1",
+    "react": "18.3.1",
+    "react-native": "0.76.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "15.0.0",
+    "@react-native-community/cli-platform-android": "15.0.0",
+    "@react-native-community/cli-platform-ios": "15.0.0",
+    "@react-native/babel-preset": "0.76.1",
+    "@react-native/metro-config": "0.76.1",
+    "@react-native/typescript-config": "0.76.1",
+    "react-native-builder-bob": "^0.30.3",
+    "tsx": "^4.19.2"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "workspaces": {
+    "nohoist": [
+      "**"
+    ]
+  }
+}

package/example/react-native.config.js

@@ -0,0 +1,15 @@
+const path = require("path");
+const pkg = require("../package.json");
+
+module.exports = {
+  project: {
+    ios: {
+      automaticPodsInstallation: true,
+    },
+  },
+  dependencies: {
+    [pkg.name]: {
+      root: path.join(__dirname, ".."),
+    },
+  },
+};

package/example/redirect-server/index.ts

@@ -0,0 +1,19 @@
+import express from "express";
+import dotenv from "dotenv";
+
+dotenv.config();
+
+const app = express();
+const port = process.env.PORT || 5500;
+const appScheme = process.env.APP_SCHEME || "rn-signer-demo";
+
+app.get("/", (req, res) => {
+  const bundle = req.query.bundle;
+  const orgId = req.query.orgId;
+
+  res.redirect(`${appScheme}://home?bundle=${bundle}&orgId=${orgId}`);
+});
+
+app.listen(port, () => {
+  console.log(`Server is running on port ${port}`);
+});

package/example/src/App.tsx

@@ -0,0 +1,30 @@
+/* eslint-disable import/extensions */
+import { createStaticNavigation } from "@react-navigation/native";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+
+import HomeScreen from "./screens/Home";
+
+const linking = {
+  enabled: "auto" as const /* Automatically generate paths for all screens */,
+  prefixes: ["rn-signer-demo://"],
+};
+
+const RootStack = createNativeStackNavigator({
+  initialRouteName: "Home",
+  screens: {
+    Home: {
+      screen: HomeScreen,
+      linking: { path: "home" },
+    },
+  },
+});
+
+export default function App() {
+  const Navigation = createStaticNavigation(RootStack);
+  return (
+    <SafeAreaProvider>
+      <Navigation linking={linking} />
+    </SafeAreaProvider>
+  );
+}

package/example/src/screens/Home.tsx

@@ -0,0 +1,149 @@
+/* eslint-disable import/extensions */
+import { RNAlchemySigner } from "@account-kit/react-native-signer";
+import type { User } from "@account-kit/signer";
+import { useEffect, useState } from "react";
+import {
+  View,
+  Text,
+  TextInput,
+  StyleSheet,
+  Linking,
+  TouchableOpacity,
+} from "react-native";
+import Config from "react-native-config";
+
+export default function HomeScreen() {
+  const [email, setEmail] = useState<string>("");
+  const [user, setUser] = useState<User | null>(null);
+  const signer = new RNAlchemySigner({
+    client: { connection: { apiKey: Config.API_KEY! } },
+  });
+
+  const handleUserAuth = ({ bundle }: { bundle: string }) => {
+    signer
+      .authenticate({
+        bundle,
+        type: "email",
+      })
+      .then(setUser)
+      .catch(console.error);
+  };
+
+  const handleIncomingURL = (event: { url: string }) => {
+    const regex = /[?&]([^=#]+)=([^&#]*)/g;
+
+    let params: Record<string, string> = {};
+    let match: RegExpExecArray | null;
+
+    while ((match = regex.exec(event.url))) {
+      if (match[1] && match[2]) {
+        params[match[1]] = match[2];
+      }
+    }
+
+    if (!params.bundle || !params.orgId) {
+      return;
+    }
+
+    handleUserAuth({
+      bundle: params.bundle ?? "",
+    });
+  };
+
+  useEffect(() => {
+    // get the user if already logged in
+    signer.getAuthDetails().then(setUser);
+  }, []);
+
+  // Add listener for incoming links
+  useEffect(() => {
+    const subscription = Linking.addEventListener("url", handleIncomingURL);
+
+    return () => subscription.remove();
+  }, []);
+
+  return (
+    <View style={styles.container}>
+      {!user ? (
+        <>
+          <TextInput
+            style={styles.textInput}
+            placeholderTextColor="gray"
+            placeholder="enter your email"
+            onChangeText={setEmail}
+            value={email}
+          />
+          <TouchableOpacity
+            style={styles.button}
+            onPress={() => {
+              signer
+                .authenticate({ email, type: "email" })
+                .catch(console.error);
+            }}
+          >
+            <Text style={styles.buttonText}>Sign in</Text>
+          </TouchableOpacity>
+        </>
+      ) : (
+        <>
+          <Text style={styles.userText}>
+            Currently logged in as: {user.email}
+          </Text>
+          <Text style={styles.userText}>OrgId: {user.orgId}</Text>
+          <Text style={styles.userText}>Address: {user.address}</Text>
+
+          <TouchableOpacity
+            style={styles.button}
+            onPress={() => signer.disconnect().then(() => setUser(null))}
+          >
+            <Text style={styles.buttonText}>Sign out</Text>
+          </TouchableOpacity>
+        </>
+      )}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#FFFFF",
+    paddingHorizontal: 20,
+  },
+  textInput: {
+    width: "100%",
+    height: 40,
+    borderColor: "gray",
+    borderWidth: 1,
+    paddingHorizontal: 10,
+    backgroundColor: "rgba(0,0,0,0.05)",
+    marginTop: 20,
+    marginBottom: 10,
+  },
+  box: {
+    width: 60,
+    height: 60,
+    marginVertical: 20,
+  },
+  button: {
+    width: 200,
+    padding: 10,
+    height: 50,
+    backgroundColor: "rgb(147, 197, 253)",
+    borderRadius: 5,
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 20,
+  },
+  buttonText: {
+    color: "white",
+    fontWeight: "bold",
+    textAlign: "center",
+  },
+  userText: {
+    marginBottom: 10,
+    fontSize: 18,
+  },
+});

package/example/turbo.json

@@ -0,0 +1,38 @@
+{
+  "extends": ["//"],
+  "tasks": {
+    "build:android": {
+      "dependsOn": ["^build"],
+      "env": ["ANDROID_HOME", "ORG_GRADLE_PROJECT_newArchEnabled"],
+      "inputs": [
+        "package.json",
+        "android",
+        "!android/build",
+        "src/*.ts",
+        "src/*.tsx",
+        "example/package.json",
+        "example/android",
+        "!example/android/.gradle",
+        "!example/android/build",
+        "!example/android/app/build"
+      ],
+      "outputs": []
+    },
+    "build:ios": {
+      "dependsOn": ["^build"],
+      "env": ["RCT_NEW_ARCH_ENABLED"],
+      "inputs": [
+        "package.json",
+        "*.podspec",
+        "ios",
+        "src/*.ts",
+        "src/*.tsx",
+        "example/package.json",
+        "example/ios",
+        "!example/ios/build",
+        "!example/ios/Pods"
+      ],
+      "outputs": []
+    }
+  }
+}

package/ios/ReactNativeSigner.h

@@ -0,0 +1,12 @@
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "RNReactNativeSignerSpec.h"
+
+@interface ReactNativeSigner : NSObject <NativeReactNativeSignerSpec>
+#else
+#import <React/RCTBridgeModule.h>
+
+@interface ReactNativeSigner : NSObject <RCTBridgeModule>
+#endif
+
+@end

package/ios/ReactNativeSigner.mm

@@ -0,0 +1,21 @@
+#import "ReactNativeSigner.h"
+
+@implementation ReactNativeSigner
+RCT_EXPORT_MODULE()
+
+// Don't compile this code when we build for the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+- (NSNumber *)multiply:(double)a b:(double)b {
+    NSNumber *result = @(a * b);
+
+    return result;
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+    return std::make_shared<facebook::react::NativeReactNativeSignerSpecJSI>(params);
+}
+#endif
+
+@end

package/ios/generated/NativeTEKStamperSpec/ComponentDescriptors.cpp

@@ -0,0 +1,22 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include "ComponentDescriptors.h"
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void NativeTEKStamperSpec_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+
+}
+
+} // namespace facebook::react

package/ios/generated/NativeTEKStamperSpec/ComponentDescriptors.h

@@ -0,0 +1,24 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorH.js
+ */
+
+#pragma once
+
+#include "ShadowNodes.h"
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+
+
+void NativeTEKStamperSpec_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react

package/ios/generated/NativeTEKStamperSpec/EventEmitters.cpp

@@ -0,0 +1,16 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateEventEmitterCpp.js
+ */
+
+#include "EventEmitters.h"
+
+
+namespace facebook::react {
+
+} // namespace facebook::react

package/ios/generated/NativeTEKStamperSpec/EventEmitters.h

@@ -0,0 +1,17 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateEventEmitterH.js
+ */
+#pragma once
+
+#include <react/renderer/components/view/ViewEventEmitter.h>
+
+
+namespace facebook::react {
+
+} // namespace facebook::react