@symbiote-native/local-auth 1.0.0 → 3.0.0

package/README.md

@@ -15,6 +15,10 @@ re-exports of the same `core`.
 npm install @symbiote-native/local-auth
 ```
 
+Scaffolding or extending a SymbioteNative app? `npx @symbiote-native/cli new --local-auth` (or
+`add --local-auth` in an existing app) installs and wires this for you — see
+[`@symbiote-native/cli`](../cli).
+
 `expo-local-authentication` and `expo-modules-core` come along as regular dependencies, pinned
 to exact versions — never install either yourself, and never add the `expo` meta-package to
 your project (it bundles its own Metro/Babel pipeline, which conflicts with this project's own).
@@ -65,7 +69,7 @@ src/angular/  @symbiote-native/local-auth/angular — export * from '../core'
 ```tsx
 // React
 import { useEffect, useState } from 'react';
-import { Platform, Pressable, Text, View } from '@symbiote-native/react';
+import { Platform } from '@symbiote-native/react';
 import {
   authenticateAsync,
   cancelAuthenticate,
@@ -92,26 +96,26 @@ function LocalAuthScreen() {
   };
 
   return (
-    <View>
-      <Text>
+    <view>
+      <text>
         {hasHardware && isEnrolled
           ? 'Ready to authenticate'
           : 'No biometrics enrolled'}
-      </Text>
-      <Pressable onPress={handleAuthenticate}>
-        <Text>Authenticate</Text>
-      </Pressable>
+      </text>
+      <pressable onPress={handleAuthenticate}>
+        <text>Authenticate</text>
+      </pressable>
       {Platform.OS === 'android' && (
-        <Pressable onPress={() => cancelAuthenticate()}>
-          <Text>Cancel</Text>
-        </Pressable>
+        <pressable onPress={() => cancelAuthenticate()}>
+          <text>Cancel</text>
+        </pressable>
       )}
       {authResult && (
-        <Text>
+        <text>
           {authResult.success ? 'Success' : `Failed: ${authResult.error}`}
-        </Text>
+        </text>
       )}
-    </View>
+    </view>
   );
 }
 ```
@@ -120,7 +124,7 @@ function LocalAuthScreen() {
 <!-- Vue -->
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
-import { Platform, Pressable, Text, View } from '@symbiote-native/vue';
+import { Platform } from '@symbiote-native/vue';
 import {
   authenticateAsync,
   cancelAuthenticate,
@@ -146,29 +150,29 @@ function handleAuthenticate(): void {
 </script>
 
 <template>
-  <View>
-    <Text>{{
+  <view>
+    <text>{{
       hasHardware && isEnrolled
         ? 'Ready to authenticate'
         : 'No biometrics enrolled'
-    }}</Text>
-    <Pressable @press="handleAuthenticate">
-      <Text>Authenticate</Text>
-    </Pressable>
-    <Pressable v-if="Platform.OS === 'android'" @press="cancelAuthenticate">
-      <Text>Cancel</Text>
-    </Pressable>
-    <Text v-if="authResult">{{
+    }}</text>
+    <pressable @press="handleAuthenticate">
+      <text>Authenticate</text>
+    </pressable>
+    <pressable v-if="Platform.OS === 'android'" @press="cancelAuthenticate">
+      <text>Cancel</text>
+    </pressable>
+    <text v-if="authResult">{{
       authResult.success ? 'Success' : `Failed: ${authResult.error}`
-    }}</Text>
-  </View>
+    }}</text>
+  </view>
 </template>
 ```
 
 ```svelte
 <!-- Svelte -->
 <script lang="ts">
-  import { Platform, Pressable, Text, View } from '@symbiote-native/svelte';
+  import { Platform } from '@symbiote-native/svelte';
   import {
     authenticateAsync,
     cancelAuthenticate,
@@ -193,28 +197,31 @@ function handleAuthenticate(): void {
   }
 </script>
 
-<View>
-  <Text>
-    {hasHardware && isEnrolled ? 'Ready to authenticate' : 'No biometrics enrolled'}
-  </Text>
-  <Pressable onPress={handleAuthenticate}>
-    <Text>Authenticate</Text>
-  </Pressable>
+<view>
+  <text>
+    {hasHardware && isEnrolled
+      ? 'Ready to authenticate'
+      : 'No biometrics enrolled'}
+  </text>
+  <pressable onPress={handleAuthenticate}>
+    <text>Authenticate</text>
+  </pressable>
   {#if Platform.OS === 'android'}
-    <Pressable onPress={() => cancelAuthenticate()}>
-      <Text>Cancel</Text>
-    </Pressable>
+    <pressable onPress={() => cancelAuthenticate()}>
+      <text>Cancel</text>
+    </pressable>
   {/if}
   {#if authResult}
-    <Text>{authResult.success ? 'Success' : `Failed: ${authResult.error}`}</Text>
+    <text>{authResult.success ? 'Success' : `Failed: ${authResult.error}`}</text
+    >
   {/if}
-</View>
+</view>
 ```
 
 ```tsx
 // Solid
 import { Show, createSignal, onMount } from 'solid-js';
-import { Platform, Pressable, Text, View } from '@symbiote-native/solid';
+import { Platform } from '@symbiote-native/solid';
 import {
   authenticateAsync,
   cancelAuthenticate,
@@ -241,28 +248,26 @@ function LocalAuthScreen() {
   };
 
   return (
-    <View>
-      <Text>
+    <view>
+      <text>
         {hasHardware() && isEnrolled()
           ? 'Ready to authenticate'
           : 'No biometrics enrolled'}
-      </Text>
-      <Pressable onPress={handleAuthenticate}>
-        <Text>Authenticate</Text>
-      </Pressable>
+      </text>
+      <pressable onPress={handleAuthenticate}>
+        <text>Authenticate</text>
+      </pressable>
       {Platform.OS === 'android' && (
-        <Pressable onPress={() => cancelAuthenticate()}>
-          <Text>Cancel</Text>
-        </Pressable>
+        <pressable onPress={() => cancelAuthenticate()}>
+          <text>Cancel</text>
+        </pressable>
       )}
       <Show when={authResult()} keyed>
         {result => (
-          <Text>
-            {result.success ? 'Success' : `Failed: ${result.error}`}
-          </Text>
+          <text>{result.success ? 'Success' : `Failed: ${result.error}`}</text>
         )}
       </Show>
-    </View>
+    </view>
   );
 }
 ```
@@ -270,7 +275,7 @@ function LocalAuthScreen() {
 ```ts
 // Angular
 import { Component, signal } from '@angular/core';
-import { Platform, Pressable, Text, View } from '@symbiote-native/angular';
+import { Platform, SYMBIOTE_ELEMENTS } from '@symbiote-native/angular';
 import {
   authenticateAsync,
   cancelAuthenticate,
@@ -281,28 +286,28 @@ import type { ILocalAuthenticationResult } from '@symbiote-native/local-auth/ang
 
 @Component({
   standalone: true,
-  imports: [Pressable, Text, View],
+  imports: [SYMBIOTE_ELEMENTS],
   template: `
-    <View>
-      <Text>{{
+    <view>
+      <text>{{
         hasHardware() && isEnrolled()
           ? 'Ready to authenticate'
           : 'No biometrics enrolled'
-      }}</Text>
-      <Pressable (press)="handleAuthenticate()">
-        <Text>Authenticate</Text>
-      </Pressable>
+      }}</text>
+      <pressable (press)="handleAuthenticate()">
+        <text>Authenticate</text>
+      </pressable>
       @if (Platform.OS === 'android') {
-        <Pressable (press)="handleCancel()">
-          <Text>Cancel</Text>
-        </Pressable>
+        <pressable (press)="handleCancel()">
+          <text>Cancel</text>
+        </pressable>
       }
       @if (authResult(); as result) {
-        <Text>{{
+        <text>{{
           result.success ? 'Success' : 'Failed: ' + result.error
-        }}</Text>
+        }}</text>
       }
-    </View>
+    </view>
   `,
 })
 export class LocalAuthScreen {
@@ -329,13 +334,13 @@ export class LocalAuthScreen {
 ```
 
 There's no per-instance service to `inject()` in the Angular case — every function is a plain
-free function off the core package, called straight from the constructor. The React/Vue/Angular
-examples are trimmed from the real canary demo screens
+free function off the core package, called straight from the constructor. The examples above are
+trimmed from the real canary demo screens, which exist for all six Expo canaries
 (`examples/expo-react/screens/LocalAuthScreen.tsx`,
 `examples/expo-vue-sfc/screens/LocalAuthScreen.vue`, `examples/expo-vue-tsx/screens/LocalAuthScreen.tsx`,
+`examples/expo-svelte/screens/LocalAuthScreen.svelte`, `examples/expo-solid/screens/LocalAuthScreen.tsx`,
 `examples/expo-angular/src/screens/LocalAuthScreen.ts`), which also cover
-`getEnrolledLevelAsync`/`supportedAuthenticationTypesAsync` and render a capabilities card. No
-canary demo screen exists yet for Svelte/Solid — the two snippets above follow the same surface.
+`getEnrolledLevelAsync`/`supportedAuthenticationTypesAsync` and render a capabilities card.
 
 ## API
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/local-auth",
-  "version": "1.0.0",
+  "version": "3.0.0",
   "description": "expo-local-authentication wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. FaceID/TouchID on iOS, the Fingerprint/Biometric API on Android.",
   "license": "MIT",
   "repository": {
@@ -81,12 +81,12 @@
     "solid-js": ">=1.9.0",
     "svelte": ">=5.56.0",
     "vue": ">=3.5.0",
-    "@symbiote-native/angular": "^1.0.0",
-    "@symbiote-native/engine": "^0.4.0",
-    "@symbiote-native/react": "^1.0.0",
-    "@symbiote-native/solid": "^1.0.0",
-    "@symbiote-native/svelte": "^1.0.0",
-    "@symbiote-native/vue": "^1.0.0"
+    "@symbiote-native/angular": "^3.0.0",
+    "@symbiote-native/engine": "^1.0.0",
+    "@symbiote-native/react": "^3.0.0",
+    "@symbiote-native/solid": "^3.0.0",
+    "@symbiote-native/svelte": "^3.0.0",
+    "@symbiote-native/vue": "^3.0.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -135,13 +135,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/angular": "1.0.0",
-    "@symbiote-native/engine": "0.4.0",
-    "@symbiote-native/react": "1.0.0",
-    "@symbiote-native/solid": "1.0.0",
-    "@symbiote-native/svelte": "1.0.0",
-    "@symbiote-native/test-utils": "0.3.0",
-    "@symbiote-native/vue": "1.0.0"
+    "@symbiote-native/angular": "3.0.0",
+    "@symbiote-native/engine": "1.0.0",
+    "@symbiote-native/react": "3.0.0",
+    "@symbiote-native/solid": "3.0.0",
+    "@symbiote-native/svelte": "3.0.0",
+    "@symbiote-native/test-utils": "0.3.1",
+    "@symbiote-native/vue": "3.0.0"
   },
   "scripts": {
     "typecheck": "tsc --build",