react-shielded's Introduction

react-shielded

Add the Women's Refuge Shielded Site button to your React website.

What's Shielded?

We’ve created a tool for victims of abuse to ask for help, without fear of it showing up in their browser’s history or an abusive partner ever seeing it. A simple icon which can sit on any website and launch a powerful resource to help end domestic violence.

Features

💯 Rewrite of the Shielded script in React.
🔒 No external resources requested—except the iframed content.
✒️ Hand-crafted vector icons.
♿ Accessibility support.

Usage

Install with your favourite package manager:

npm install react-shielded or yarn add react-shielded.

⚠️ Requires React v16.14.0 or higher.

Import in the Shielded component:

import Shielded from 'react-shielded';

Use in your React app:

  ...
  <Shielded />
  ...

And that's it!

react-shielded's People

Contributors

Stargazers

Watchers

react-shielded's Issues

Module not found: Error: Can't resolve './factoryWithThrowingShims' in 'C:\Myproject\prop-types'

I recently asked a question on Stackoverflow that is related to this project : https://stackoverflow.com/questions/76266671/module-not-found-error-cant-resolve-factorywiththrowingshims-in-c-mypro

I added react-shielded to an existing project, and my build no longer works. It's more an issue with various libraries dependencies on prop-types (Including this one deep down), but any hints on how to resolve would be very much appreciated.

Adding this library makes this change in my lock file :

Which seems to send things into chaos.

I believe it could also be related to this : alibaba/BizCharts#99. Where prop-types should be marked as external in your build.

Not exactly a pro when it comes to packaging libraries, but it's possible that in your rollup you need to mark prop-types as external https://github.com/jacobbuck/react-shielded/blob/main/rollup.config.mjs.

I think the drag of the prop-types is from your other project here : https://github.com/jacobbuck/react-document-portal (Which however does mark the prop types as external : https://github.com/jacobbuck/react-document-portal/blob/main/rollup.config.js, so I'm not really too sure :\ )