@symbiote-native/crypto 0.3.0 → 2.0.0

package/README.md

@@ -3,11 +3,10 @@
 A wrapper package for [SymbioteNative](../../README.md) that makes
 [`expo-crypto`](https://github.com/expo/expo/tree/main/packages/expo-crypto) — cryptographically
 secure random bytes, `randomUUID`, and string/buffer digest hashing — usable from **every**
-adapter, React, Vue, and Angular, not just React. Like `@symbiote-native/local-auth`, every
+adapter, React, Vue, Svelte, Solid, and Angular. Like `@symbiote-native/local-auth`, every
 function here is a plain sync/async call with no per-instance state or event stream, so there is
-no hook/composable/service to wrap — the React, Vue, and Angular entry points are plain
-re-exports of the same `core`. AES encryption (`expo-crypto`'s `aes/` subfolder) is out of scope
-for this pass.
+no hook/composable/service to wrap — every adapter's entry point is a plain re-export of the same
+`core`. AES encryption (`expo-crypto`'s `aes/` subfolder) is out of scope for this pass.
 
 ## Install
 
@@ -51,16 +50,15 @@ src/core/     getRandomBytes / getRandomBytesAsync / getRandomValues / randomUUI
 src/angular/  @symbiote-native/crypto/angular — export * from '../core'
 ```
 
-`./react`, `./vue`, and `./svelte` are `exports`-map aliases straight onto `src/core/` — no
-physical per-framework file, since there's nothing to subscribe to or clean up. `./angular` stays
-a physical file/subpath since Angular ships through a separate `ngc`/AOT build (`build-ngc/`).
+`./react`, `./vue`, `./svelte`, and `./solid` are `exports`-map aliases straight onto `src/core/`
+— no physical per-framework file, since there's nothing to subscribe to or clean up. `./angular`
+stays a physical file/subpath since Angular ships through a separate `ngc`/AOT build (`build-ngc/`).
 
 ## Use it
 
 ```tsx
 // React
 import { useEffect, useState } from 'react';
-import { Pressable, Text, View } from '@symbiote-native/react';
 import {
   CryptoDigestAlgorithm,
   digestStringAsync,
@@ -82,13 +80,13 @@ function CryptoScreen() {
   };
 
   return (
-    <View>
-      <Text>UUID: {uuid}</Text>
-      <Pressable onPress={handleHash}>
-        <Text>Hash a string</Text>
-      </Pressable>
-      {hash && <Text>SHA-256: {hash}</Text>}
-    </View>
+    <view>
+      <text>UUID: {uuid}</text>
+      <pressable onPress={handleHash}>
+        <text>Hash a string</text>
+      </pressable>
+      {hash && <text>SHA-256: {hash}</text>}
+    </view>
   );
 }
 ```
@@ -97,7 +95,6 @@ function CryptoScreen() {
 <!-- Vue -->
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
-import { Pressable, Text, View } from '@symbiote-native/vue';
 import {
   CryptoDigestAlgorithm,
   digestStringAsync,
@@ -122,20 +119,79 @@ function handleHash(): void {
 </script>
 
 <template>
-  <View>
-    <Text>UUID: {{ uuid }}</Text>
-    <Pressable @press="handleHash">
-      <Text>Hash a string</Text>
-    </Pressable>
-    <Text v-if="hash">SHA-256: {{ hash }}</Text>
-  </View>
+  <view>
+    <text>UUID: {{ uuid }}</text>
+    <pressable @press="handleHash">
+      <text>Hash a string</text>
+    </pressable>
+    <text v-if="hash">SHA-256: {{ hash }}</text>
+  </view>
 </template>
 ```
 
+```svelte
+<!-- Svelte -->
+<script lang="ts">
+  import {
+    CryptoDigestAlgorithm,
+    digestStringAsync,
+    randomUUID,
+  } from '@symbiote-native/crypto/svelte';
+
+  const uuid = randomUUID();
+  let hash = $state('');
+
+  function handleHash(): void {
+    digestStringAsync(CryptoDigestAlgorithm.SHA256, 'Confirm it is you').then(
+      value => (hash = value),
+    );
+  }
+</script>
+
+<view>
+  <text>UUID: {uuid}</text>
+  <pressable onPress={handleHash}>
+    <text>Hash a string</text>
+  </pressable>
+  {#if hash}<text>SHA-256: {hash}</text>{/if}
+</view>
+```
+
+```tsx
+// Solid
+import { createSignal } from 'solid-js';
+import {
+  CryptoDigestAlgorithm,
+  digestStringAsync,
+  randomUUID,
+} from '@symbiote-native/crypto';
+
+function CryptoScreen() {
+  const [uuid] = createSignal(randomUUID());
+  const [hash, setHash] = createSignal('');
+
+  const handleHash = () => {
+    digestStringAsync(CryptoDigestAlgorithm.SHA256, 'Confirm it is you').then(
+      setHash,
+    );
+  };
+
+  return (
+    <view>
+      <text>UUID: {uuid()}</text>
+      <pressable onPress={handleHash}>
+        <text>Hash a string</text>
+      </pressable>
+      {hash() && <text>SHA-256: {hash()}</text>}
+    </view>
+  );
+}
+```
+
 ```ts
 // Angular
 import { Component, signal } from '@angular/core';
-import { Pressable, Text, View } from '@symbiote-native/angular';
+import { SYMBIOTE_ELEMENTS } from '@symbiote-native/angular';
 import {
   CryptoDigestAlgorithm,
   digestStringAsync,
@@ -144,17 +200,17 @@ import {
 
 @Component({
   standalone: true,
-  imports: [Pressable, Text, View],
+  imports: [SYMBIOTE_ELEMENTS],
   template: `
-    <View>
-      <Text>UUID: {{ uuid() }}</Text>
-      <Pressable (press)="handleHash()">
-        <Text>Hash a string</Text>
-      </Pressable>
+    <view>
+      <text>UUID: {{ uuid() }}</text>
+      <pressable (press)="handleHash()">
+        <text>Hash a string</text>
+      </pressable>
       @if (hash()) {
-        <Text>SHA-256: {{ hash() }}</Text>
+        <text>SHA-256: {{ hash() }}</text>
       }
-    </View>
+    </view>
   `,
 })
 export class CryptoScreen {
@@ -170,7 +226,11 @@ export class CryptoScreen {
 ```
 
 There's no per-instance service to `inject()` in the Angular case — every function is a plain
-free function off the core package.
+free function off the core package, called straight from the component body (or the constructor,
+on Angular). All five examples mirror the real canary demo screens —
+`examples/expo-react/screens/CryptoScreen.tsx`, `examples/expo-vue-sfc/screens/CryptoScreen.vue`,
+`examples/expo-vue-tsx/screens/CryptoScreen.tsx`, `examples/expo-svelte/screens/CryptoScreen.svelte`,
+`examples/expo-solid/screens/CryptoScreen.tsx`, `examples/expo-angular/src/screens/CryptoScreen.ts`.
 
 ## API
 
@@ -200,6 +260,8 @@ import { digestStringAsync, randomUUID } from '@symbiote-native/crypto';
 // or the framework-scoped entry points — identical surface, re-exported verbatim:
 import { randomUUID } from '@symbiote-native/crypto/react';
 import { randomUUID } from '@symbiote-native/crypto/vue';
+import { randomUUID } from '@symbiote-native/crypto/svelte';
+import { randomUUID } from '@symbiote-native/crypto/solid';
 import { randomUUID } from '@symbiote-native/crypto/angular';
 ```
 
@@ -224,7 +286,7 @@ real `requireNativeModule` resolution (`src/core/crypto.test.ts`, `vitest`) —
 `installFabric()`, no ViewConfig. Native rendering itself is verified on-device (see the parent
 [README](../../README.md) for the project's testing model).
 
-Native autolinking wiring is expected to land in the four Expo canary apps
-(`examples/expo-react`, `examples/expo-vue-sfc`, `examples/expo-vue-tsx`, `examples/expo-angular`)
-following the same recipe already proven for `@symbiote-native/local-auth`/`@symbiote-native/sensors`
-— demo-screen wiring for this package is a follow-up, not part of this pass.
+Native autolinking wiring is already done in all six Expo canary apps
+(`examples/expo-react`, `examples/expo-vue-sfc`, `examples/expo-vue-tsx`, `examples/expo-svelte`,
+`examples/expo-solid`, `examples/expo-angular`), each with its own `CryptoScreen` demo, following
+the same recipe already proven for `@symbiote-native/local-auth`/`@symbiote-native/sensors`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/crypto",
-  "version": "0.3.0",
+  "version": "2.0.0",
   "description": "expo-crypto wrapped for SymbioteNative — one framework-agnostic core, built once and reachable from the React, Vue, Svelte, Solid, and Angular adapters. Cryptographically secure random bytes, randomUUID, and string/buffer digest hashing (SHA-1/256/384/512, MD2/MD4/MD5).",
   "license": "MIT",
   "repository": {
@@ -13,6 +13,18 @@
     "url": "https://github.com/OneEyed1366/symbiote-native/issues"
   },
   "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "expo-crypto",
+    "react",
+    "vue",
+    "svelte",
+    "solid",
+    "angular",
+    "random-bytes",
+    "hashing"
+  ],
   "type": "module",
   "main": "./build/core/index.js",
   "module": "./build/core/index.js",
@@ -61,19 +73,19 @@
     "expo-modules-core": "57.0.5"
   },
   "peerDependencies": {
-    "@symbiote-native/angular": ">=0.6.2",
-    "@symbiote-native/engine": ">=0.1.7",
-    "@symbiote-native/react": ">=0.2.8",
-    "@symbiote-native/solid": ">=0.0.1",
-    "@symbiote-native/svelte": ">=0.1.0",
-    "@symbiote-native/vue": ">=0.3.8",
     "@angular/core": ">=20",
     "@vue/runtime-core": "^3.5.13",
     "react": ">=19.0.0",
     "react-native": ">=0.86",
     "solid-js": ">=1.9.0",
     "svelte": ">=5.56.0",
-    "vue": ">=3.5.0"
+    "vue": ">=3.5.0",
+    "@symbiote-native/angular": "^2.0.0",
+    "@symbiote-native/engine": "^0.5.0",
+    "@symbiote-native/react": "^2.0.0",
+    "@symbiote-native/solid": "^2.0.0",
+    "@symbiote-native/svelte": "^2.0.0",
+    "@symbiote-native/vue": "^2.0.0"
   },
   "peerDependenciesMeta": {
     "@symbiote-native/angular": {
@@ -121,13 +133,13 @@
     "solid-js": "^1.9.14",
     "svelte": "^5.56.0",
     "typescript": "~6.0.0",
-    "@symbiote-native/angular": "0.8.0",
-    "@symbiote-native/engine": "0.3.0",
-    "@symbiote-native/react": "0.4.0",
-    "@symbiote-native/solid": "0.1.0",
-    "@symbiote-native/svelte": "0.3.0",
-    "@symbiote-native/test-utils": "0.2.0",
-    "@symbiote-native/vue": "0.5.0"
+    "@symbiote-native/angular": "2.0.0",
+    "@symbiote-native/engine": "0.5.0",
+    "@symbiote-native/react": "2.0.0",
+    "@symbiote-native/solid": "2.0.0",
+    "@symbiote-native/svelte": "2.0.0",
+    "@symbiote-native/test-utils": "0.3.0",
+    "@symbiote-native/vue": "2.0.0"
   },
   "scripts": {
     "typecheck": "tsc --build",