https://github.com/webview-crypto/react-native-webview-crypto

Web Cryptography API for React Native
https://github.com/webview-crypto/react-native-webview-crypto

Last synced: 3 days ago
JSON representation

Web Cryptography API for React Native

• Host: GitHub
• URL: https://github.com/webview-crypto/react-native-webview-crypto
• Owner: webview-crypto
• Created: 2016-06-17T22:24:31.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2022-08-07T19:54:37.000Z (over 2 years ago)
• Last Synced: 2024-05-10T14:43:01.371Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 147 KB
• Stars: 62
• Watchers: 10
• Forks: 26
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# react-native-webview-crypto

[![npm](https://img.shields.io/npm/v/react-native-webview-crypto?style=flat-square)](https://www.npmjs.com/package/react-native-webview-crypto)

Working version based on /saulshanabrook/react-native-webview-crypto and PR https://github.com/webview-crypto/react-native-webview-crypto/pull/9

This brings `window.crypto.subtle` to your React Native application. It does this by communicating with a hidden WebView, which performs the actual computation.

Refer to the [`webview-crypto`](https://github.com/webview-crypto/webview-crypto) repo for most of the code and some caveats.

## Installation

```sh

npm install --save react-native-webview react-native-webview-crypto

react-native link

```

### known issues

if you use react-native-crypto and get warnings about cyclic require make sure to import it before the bridge

```

import 'react-native-crypto'

import WebviewCrypto from 'react-native-webview-crypto'

```

### getRandomValues

for complete compatability with webcrypto (window.crypto.getRandomValues) you can install react-native-crytpo or react-native-get-random-values

## Usage

Rendering the `PolyfillCrypto` will start up a WebView to transparently proxy all the crypto calls to.

```javascript

import React, { Component } from 'react'

import { View } from 'react-native'

import App from './app'

import PolyfillCrypto from 'react-native-webview-crypto'

class TopLevelComponent extends Component {

  render() {

    return (

      

        

        

      

    )

  }

}

AppRegistry.registerComponent('WhateverName', () => TopLevelComponent)

```

Now, in any of your code, you can access `window.crypto.subtle`, just like you would in a browser.

[Example repo](https://github.com/gooddollar/gun-webcrypto-react-native)

There is also an [example repo](https://github.com/webview-crypto/react-native-webview-crypto-example) which runs some example crypto using this library.

_This project was funded by [Burke Software and Consulting LLC](http://burkesoftware.com/) for [passit](http://passit.io/)._