+
+ props.setValue(e.target.value)}
+ value={props.value}
+ required={true}
+ />
+
+ );
+};
+
+function App() {
+ const [client, setClient] = useState
+
+ 
+
+
+
+ );
+}
+
+export default App;
diff --git a/aqua-examples/price-oracle/web/src/_aqua/get_crypto_prices.ts b/aqua-examples/price-oracle/web/src/_aqua/get_crypto_prices.ts
new file mode 100644
index 0000000..141b73c
--- /dev/null
+++ b/aqua-examples/price-oracle/web/src/_aqua/get_crypto_prices.ts
@@ -0,0 +1,118 @@
+/**
+ *
+ * This file is auto-generated. Do not edit manually: changes may be erased.
+ * Generated by Aqua compiler: https://github.com/fluencelabs/aqua/.
+ * If you find any bugs, please write an issue on GitHub: https://github.com/fluencelabs/aqua/issues
+ * Aqua version: 0.1.9-162
+ *
+ */
+import { FluenceClient, PeerIdB58 } from '@fluencelabs/fluence';
+import { RequestFlowBuilder } from '@fluencelabs/fluence/dist/api.unstable';
+import { RequestFlow } from '@fluencelabs/fluence/dist/internal/RequestFlow';
+
+
+
+export async function get_price(client: FluenceClient, coin: string, currency: string, node: string, pg_sid: string, mean_sid: string, config?: {ttl?: number}): Promise<{error_msg:string;result:number;success:boolean}> {
+ let request: RequestFlow;
+ const promise = new Promise<{error_msg:string;result:number;success:boolean}>((resolve, reject) => {
+ const r = new RequestFlowBuilder()
+ .disableInjections()
+ .withRawScript(
+ `
+(xor
+ (seq
+ (seq
+ (seq
+ (seq
+ (seq
+ (seq
+ (seq
+ (seq
+ (seq
+ (call %init_peer_id% ("getDataSrv" "-relay-") [] -relay-)
+ (call %init_peer_id% ("getDataSrv" "coin") [] coin)
+ )
+ (call %init_peer_id% ("getDataSrv" "currency") [] currency)
+ )
+ (call %init_peer_id% ("getDataSrv" "node") [] node)
+ )
+ (call %init_peer_id% ("getDataSrv" "pg_sid") [] pg_sid)
+ )
+ (call %init_peer_id% ("getDataSrv" "mean_sid") [] mean_sid)
+ )
+ (call -relay- ("op" "noop") [])
+ )
+ (xor
+ (seq
+ (seq
+ (seq
+ (seq
+ (seq
+ (seq
+ (seq
+ (call node ("op" "string_to_b58") [node] k)
+ (call node ("peer" "timestamp_ms") [] ts_ms0)
+ )
+ (call node (pg_sid "price_getter") [coin currency ts_ms0] res0)
+ )
+ (call node ("op" "identity") [res0.$.result!] $prices)
+ )
+ (call node ("peer" "timestamp_ms") [] ts_ms1)
+ )
+ (call node (pg_sid "price_getter") [coin currency ts_ms1] res1)
+ )
+ (call node ("op" "identity") [res1.$.result!] $prices)
+ )
+ (call node (mean_sid "mean") [$prices] result)
+ )
+ (seq
+ (call -relay- ("op" "noop") [])
+ (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 1])
+ )
+ )
+ )
+ (call -relay- ("op" "noop") [])
+ )
+ (xor
+ (call %init_peer_id% ("callbackSrv" "response") [result])
+ (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 2])
+ )
+ )
+ (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 3])
+)
+
+ `,
+ )
+ .configHandler((h) => {
+ h.on('getDataSrv', '-relay-', () => {
+ return client.relayPeerId!;
+ });
+ h.on('getDataSrv', 'coin', () => {return coin;});
+h.on('getDataSrv', 'currency', () => {return currency;});
+h.on('getDataSrv', 'node', () => {return node;});
+h.on('getDataSrv', 'pg_sid', () => {return pg_sid;});
+h.on('getDataSrv', 'mean_sid', () => {return mean_sid;});
+ h.onEvent('callbackSrv', 'response', (args) => {
+ const [res] = args;
+ resolve(res);
+});
+
+ h.onEvent('errorHandlingSrv', 'error', (args) => {
+ // assuming error is the single argument
+ const [err] = args;
+ reject(err);
+ });
+ })
+ .handleScriptError(reject)
+ .handleTimeout(() => {
+ reject('Request timed out for get_price');
+ })
+ if(config?.ttl) {
+ r.withTTL(config.ttl)
+ }
+ request = r.build();
+ });
+ await client.initiateFlow(request!);
+ return promise;
+}
+
\ No newline at end of file
diff --git a/aqua-examples/price-oracle/web/src/index.css b/aqua-examples/price-oracle/web/src/index.css
new file mode 100644
index 0000000..ec2585e
--- /dev/null
+++ b/aqua-examples/price-oracle/web/src/index.css
@@ -0,0 +1,13 @@
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+ 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+ font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+ monospace;
+}
diff --git a/aqua-examples/price-oracle/web/src/index.tsx b/aqua-examples/price-oracle/web/src/index.tsx
new file mode 100644
index 0000000..846ed2c
--- /dev/null
+++ b/aqua-examples/price-oracle/web/src/index.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.css";
+import App from "./App";
+
+ReactDOM.render(
+
+
+ Status: {isConnected ? "Connected" : "Disconnected"}
+Simple app to get eth-based coin price
+
+
+ Get coin price
+
+
+
+ Coin price
+ {result && result.success && ( +The price is: {result.result}
+ )} + {result && !result.success && ( +Error: {result.error_msg}
+ )} +