fixes and add origin

Author: lohanidamodar

templates/react-native/README.md.twig

@@ -25,7 +25,7 @@
 To install
 
 ```bash
-npm install react-native-appwrite react-native-fs react-native-url-polyfill --save
+npx expo install react-native-appwrite react-native-url-polyfill
 ```
 
 {% if sdk.gettingStarted %}

templates/react-native/package.json.twig

@@ -33,10 +33,10 @@
     "typescript": "4.7.2"
   },
   "dependencies": {
-    "cross-fetch": "3.1.5",
-    "isomorphic-form-data": "2.0.0",
-    "react-native": "^0.73.5",
-    "react-native-fs": "^2.20.0",
-    "react-native-url-polyfill": "^2.0.0"
+    "expo-file-system": "16.0.8",
+    "expo-device": "5.9.3"
+  },
+  "peerDependencies": {
+      "expo": "*"
   }
 }

templates/react-native/rollup.config.js.twig

@@ -17,15 +17,5 @@ export default {
             file: pkg.module,
             sourcemap: true,
         },
-        {
-            format: "iife",
-            file: pkg.jsdelivr,
-            name: "Appwrite",
-            extend: true,
-            globals: {
-                "cross-fetch": "window",
-                "FormData": "FormData",
-            },
-        },
     ],
 };

templates/react-native/src/client.ts.twig

@@ -1,7 +1,6 @@
-import 'isomorphic-form-data';
-import { fetch } from 'cross-fetch';
 import { Models } from './models';
 import { Service } from './service';
+import * as Device from 'expo-device'
 
 type Payload = {
     [key: string]: any;
@@ -210,7 +209,11 @@ class Client {
                 }
 
                 this.realtime.url = url;
-                this.realtime.socket = new WebSocket(url);
+                this.realtime.socket = new WebSocket(url, undefined, {
+                    headers: {
+                        Origin: `{{ spec.title | caseLower }}-${Device.osName}://${this.config.platform}`
+                    }
+                });
                 this.realtime.socket.addEventListener('message', this.realtime.onMessage);
                 this.realtime.socket.addEventListener('open', _event => {
                     this.realtime.reconnectAttempts = 0;
@@ -327,6 +330,7 @@ class Client {
 
 
         headers = Object.assign({}, this.headers, headers);
+        headers.Origin = `{{ spec.title | caseLower }}-${Device.osName}://${this.config.platform}`
 
         let options: RequestInit = {
             method,