@affogatosoftware/recorder 1.0.4 → 1.0.5

package/README.md

@@ -1,41 +1,23 @@
 ### Quick Start:
 
-Don't forget to replace 'YOUR_API_TOKEN' with your actual api token.
-
-#### In your js/ts code:
-```aiignore
-import { Recorder } from '@affogatosoftware/recorder';
-...
-const rec = new Recorder(window, 'YOUR_API_TOKEN', { MaskingLevel.InputPasswordOrEmailAndTextArea });
-rec.start();
-```
-
-#### Put this script tag at the end of the header tag in your index.html:
-```aiignore
-<script type="module">
-  import 'https://unpkg.com/@affogatosoftware/recorder/dist/browser/recorder.es.js';
-  const rec = new Recorder(window, 'YOUR_API_TOKEN', { MaskingLevel.InputPasswordOrEmailAndTextArea });
-  rec.start();
-</script>
-
-```
-
-#### Or if module scripts don't work for you, do it this way:
+Put this script tag at the end of the header tag in your index.html:
 ```aiignore
 <script src="https://unpkg.com/@affogatosoftware/recorder/dist/browser/recorder.iife.js"></script>
 <script>
-  const rec = new Recorder(window, 'YOUR_API_TOKEN', { MaskingLevel.InputPasswordOrEmailAndTextArea });
-  rec.start();
+  (new window.scryspell.Recorder(window, 'YOUR_API_TOKEN', { maskingLevel: "all" })).start();
 </script>
 ```
+**Don't forget to replace 'YOUR_API_TOKEN' with your actual api token.**
 
 ### Masking Options
 The masking level that gets passed in when the Recorder object is created will dictate what elements will turn their text into an asterisks (*).
 This can be passed in using the MaskingLevel enum (ex. MaskingLevel.InputAndTextArea) or as a string ("InputAndTextArea").
 
-* None: Nothing will get masked. Everything will be recorded and stored. **Make sure you have the user's permission to store potential PII.**
-* All: All text will be masked.
-* InputAndTextArea: All input and text area tags will have their text masked.
-* InputPasswordOrEmailAndTextArea: All input tags of type password and email will have their text masked. All text area tags will ahve their text masked.
+* none: Nothing will get masked. Everything will be recorded and stored. **Make sure you have the user's permission to store potential PII.**
+* all: All text will be masked. You won't need to show your users a cookie banner.
+* input-and-text-area: All input and text area tags will have their text masked. If sensitive information is displayed as plain text outside of those 2 html tags, you'll need a cookie banner.
+* input-password-or-email-and-text-area: All input tags of type password and email will have their text masked. All text area tags will ahve their text masked. If sensitive information is displayed as plain text outside of those 2 html tags, you'll need a cookie banner.
+
+### Masking specific html elements
 
-If you want a safe default that won't require you to make a cookie banner, choose All. 
+To mask all text in specific html elements (and their children) add the css class **scry-block**.