he attak

README.md

@@ -10,18 +10,25 @@ You write your code and text as you would any other day, just let garlic protect
 | POV          | Result                                |
 |--------------|---------------------------------------|
 | You Write    | `<p>This is a test piece of text</p>` |
-| Scraper Sees | ![final](./media/final.png)           |
+| Scraper Sees | ![final](https://raw.githubusercontent.com/velocitatem/garlic/main/media/final.png)           |
-| User Sees    | ![user](./media/user.png)             |
+| User Sees    | ![user](https://raw.githubusercontent.com/velocitatem/garlic/main/media/user.png)             |
 
 # How?
 Currently, this is in development, but the beta works like this:
 
 ## React
+
+Install the packages with `npm i garlic-react`, you should then import the `Garlic` class with:
+
+```js
+import Garlic from 'garlic';
+```
+
 You just need to wrap your html in the `garlic()` method:
 
 ```js
 function App() {
-  return garlic(
+  return Garlic.clove(
           <div className="App">
             <p>Go away robots :)</p>
           </div>

src/garlic.js

@@ -38,7 +38,7 @@ class Garlic {
     }
 
     static encode(string) {
-        return btoa(string+this.salt);
+        return btoa(string+(this.salt || ""));
     }
     static decodeBase64(root) {
         for (let i = 0; i < root.childNodes.length; i++) {
@@ -61,4 +61,5 @@ class Garlic {
 }
 
 
-export default Garlic;
+
+module.exports = Garlic;

src/package.json

@@ -1,13 +1,18 @@
 {
-  "name": "garlic",
+  "name": "garlic-react",
-  "version": "1.0.0",
+"author": "Daniel Alves Rosel",
+  "version": "1.0.2",
   "description": "",
   "main": "garlic.js",
-"type": "module",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-    "keywords": ["garlic", "protection"],
+  "keywords": [
+    "garlic",
+      "protection",
+    "privacy",
+    "security"
+  ],
   "author": "",
   "license": "ISC"
 }