v1.0.4 (#6)

* Add badges to README.md

* Add installation process to README.md

* Update dev dependencies

* Change version to 1.0.4

README.md

@@ -1,7 +1,25 @@
 # r3f-native-orbitcontrols
 
+<p align="center">
+<a href="https://github.com/TiagoCavalcante/r3f-native-orbitcontrols/releases"><img alt="Version" src="https://img.shields.io/npm/v/r3f-native-orbitcontrols" /></a>
+<a href="https://npmjs.com/package/r3f-native-orbitcontrols"><img alt="Downloads" src="https://img.shields.io/npm/dt/r3f-native-orbitcontrols.svg" /></a>
+<a href="https://github.com/TiagoCavalcante/r3f-native-orbitcontrols/blob/main/LICENSE"><img alt="License" src="https://img.shields.io/npm/l/r3f-native-orbitcontrols.svg" /></a>
+<a href="https://bundlephobia.com/package/r3f-native-orbitcontrols"><img alt="Ziped size" src="https://img.shields.io/bundlephobia/minzip/r3f-native-orbitcontrols" /></a>
+</p>
+
 OrbitControls for React Three Fiber in React Native
 
+## Install
+
+r3f-native-orbitcontrols is distributed as a [npm package](https://www.npmjs.com/package/r3f-native-orbitcontrols) and can be installed as follows:
+
+```
+// with npm
+npm install r3f-native-orbitcontrols
+// with yarn
+yarn add r3f-native-orbitcontrols
+```
+
 ## Example
 
 ```jsx
@@ -17,6 +35,8 @@ function Canvas() {
     <View {...events}>
       <Canvas>
         <OrbitControls />
+
+        {/* Place the scene elements here as usual */}
       </Canvas>
     </View>
   )

lib/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import * as react_native from "react-native"
 import { GestureResponderEvent, LayoutChangeEvent } from "react-native"
 import { PerspectiveCamera, Vector3, Matrix4 } from "three"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "r3f-native-orbitcontrols",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "OrbitControls for React Three Fiber in React Native",
   "main": "lib/index.cjs.js",
   "module": "lib/index.esm.js",
@@ -29,17 +29,17 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-node-resolve": "^13.2.1",
-    "@types/react": "^18.0.6",
-    "@types/react-native": "^0.67.5",
-    "@types/three": "^0.139.0",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.0",
-    "prettier": "^2.6.2",
+    "@types/react": "^18.0.24",
+    "@types/react-native": "^0.70.6",
+    "@types/three": "^0.144.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.7.1",
     "rollup": "^2.70.2",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-dts": "^4.2.1",
     "rollup-plugin-typescript2": "^0.31.2",
-    "typescript": "^4.6.3"
+    "typescript": "^4.8.4"
   },
   "lint-staged": {
     "*.{ts,tsx,md}": "prettier --write --no-semi"