・Add Example

- Update Readme

Author: xqueezeme

README.md

@@ -1,16 +1,61 @@
-# theta-client-js
-Theta client for javascript.
-
-## Installing
-
-## Example
-
-### HTTP Example
-
-## Theta Client API
-
-### HTTP API
-
-### API Reference(TypeDoc)
-
- https://goroya.github.io/theta-api-client.js/
+# theta-api-client.js
+Theta client for javascript.
+
+# Supported Platforms
+
+- Node.js
+- React Native
+
+## Installing
+
+```bash
+$ npm install @goroya.io/theta-api-client --save
+```
+
+## Example
+
+### HTTP Example
+
+### Node.js Example
+```javascript
+const {ThetaHttpClient} = require('@goroya.io/theta-api-client');
+
+(async () => {
+  this.thetaClient = new ThetaHttpClient({
+    hostname: '192.168.1.1',
+    axiosConfig: {},
+    auth: { user: 'THETAYLxxxxxxxx', pass: 'xxxxxxxx' }
+  });
+  await this.thetaClient
+    .cameraTakePicture({
+      timeout: 3000
+    })
+    .catch(e => {
+      console.error('error:', e);
+    });
+})();
+```
+
+### ES Modules & TypeScript & React Native
+
+```javascript
+import { ThetaHttpClient } from '@goroya.io/theta-api-client';
+
+this.thetaClient = new ThetaHttpClient({
+  hostname: '192.168.1.1',
+  axiosConfig: {},
+  auth: { user: 'THETAYLxxxxxxxx', pass: 'xxxxxxxx' }
+});
+(async () => {
+  const ret = await thetaClient.cameraTakePicture();
+})();
+```
+
+## Theta Client API
+
+### HTTP API
+
+### TypeDoc Document
+https://goroya.github.io/theta-api-client.js/classes/thetahttpclient.html
+
+

example/node/take-picture-example/main.js

@@ -0,0 +1,16 @@
+const {ThetaHttpClient} = require('@goroya.io/theta-api-client');
+
+(async () => {
+  this.thetaClient = new ThetaHttpClient({
+    hostname: '192.168.1.1',
+    axiosConfig: {},
+    auth: { user: 'THETAYLxxxxxxxx', pass: 'xxxxxxxx' }
+  });
+  await this.thetaClient
+    .cameraTakePicture({
+      timeout: 3000
+    })
+    .catch(e => {
+      console.error('error:', e);
+    });
+})();

example/node/take-picture-example/package-lock.json

@@ -0,0 +1,14 @@
+{
+  "name": "@goroya.io/take-picture-example",
+  "version": "1.0.0",
+  "description": "",
+  "main": "main.js",
+  "scripts": {
+    "start": "node main.js"
+  },
+  "dependencies": {
+    "@goroya.io/theta-api-client": "*"
+  },
+  "author": "",
+  "license": "ISC"
+}

example/node/take-picture-example/package.json

@@ -1,29 +1,48 @@
 import { ThetaHttpClient } from '@goroya.io/theta-api-client';
 import React from 'react';
-import { Button, StyleSheet, Text, View } from 'react-native';
+import { Button, StyleSheet, Text, TextInput, View } from 'react-native';
 
-export default class App extends React.Component {
+export default class App extends React.Component<any, any> {
   private thetaClient: ThetaHttpClient;
   constructor(props: Readonly<{}>) {
     super(props);
+    this.state = { thetaIP: '192.168.1.1' };
     this.thetaClient = new ThetaHttpClient({
-      hostname: '192.168.100.18',
+      hostname: '192.168.1.1',
       axiosConfig: {},
-      auth: { user: 'THETAYL00106013', pass: '00106013' }
+      auth: { user: 'THETAYLxxxxxxxx', pass: 'xxxxxxxx' }
     });
-    this.onPressLearnMore.bind(this);
+    this.onPressTakePicture = this.onPressTakePicture.bind(this);
   }
-  public async onPressLearnMore() {
-    console.log('Push');
-    console.log();
-    await this.thetaClient.cameraTakePicture();
+  public async onPressTakePicture() {
+    console.log("take start");
+    await this.thetaClient
+      .cameraTakePicture({
+        baseURL: `http://${this.state.thetaIP}`,
+        timeout: 3000
+      })
+      .catch(e => {
+        console.error('error:', e);
+      });
+    console.log("take stop");
   }
   public render() {
     return (
       <View style={styles.container}>
         <Text>Theta Example</Text>
+        <TextInput
+          style={{
+            height: 40,
+            width: 150,
+            borderColor: 'gray',
+            borderWidth: 1,
+            textAlign: 'center'
+          }}
+          onChangeText={thetaIP => this.setState({ thetaIP })}
+          value={this.state.thetaIP}
+        />
         <Button
-          onPress={this.onPressLearnMore}
+          onPress={this.onPressTakePicture}
           title="Take a Picture"
           color="#841584"
         />

example/react-native/theta-example/App.tsx

@@ -7,7 +7,7 @@
     "eject": "expo eject"
   },
   "dependencies": {
-    "@goroya.io/theta-api-client": "0.0.1",
+    "@goroya.io/theta-api-client": "*",
     "expo": "^32.0.0",
     "react": "16.5.0",
     "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz"