React Native compatibility issue about noble-ed25519

[paulmillr]

@Cali93 if you'll find something good, please post it here - I will want to add it to README for documentation purposes

[paulmillr]

@Cali93 default async methods require webcrypto sha512. Since it's not present there, your best bet is to enable synchronous methods and use them with noble-hashes. See readme for usage.

[paulmillr]

I think it's because React Native doesn't support crypto by default.

It's all supported. Something is wrong with your config.

You will need to write down the exact steps and errors.

[Cali93]

I updated the issue with more details and steps to reproduce.
I face the same issue using node 16 and 18.

[paulmillr]

Okay. It seems like React Native still doesn't support webcrypto: facebook/hermes#915.

Is there a recommended way to get it working on React Native (with and without using Expo) ? Could you document the steps ?

Use polyfill. There should be some, because a lot of people are using noble with webcrypto.

I don't develop RN apps so I can't say which one I would recommend.

[Cali93]

Most of the library is working by using react-native-quick-crypto to polyfill crypto.
However I get Cannot read property 'digest' of undefined when calling sign or signAsync.

[Cali93]

I got the library working on react-native!

Here's the process to get it working if you want to add it in the documentation.

1. Install and set up react-native-quick-crypto to polyfill crypto.
2. Add the following snippet in the index.js file of your react-native app

import crypto from 'react-native-quick-crypto';

const polyfillDigest = async (algorithm, data) => {
  const algo = algorithm.replace('-', '').toLowerCase();
  const hash = crypto.createHash(algo);
  hash.update(data);
  return hash.digest();
};

globalThis.crypto = crypto;
globalThis.crypto.subtle = {
  digest: polyfillDigest,
};

I hope it helps others using this great library in react-native.