www.hyperoracle.io Open in urlscan Pro
2600:9000:2117:8400:f:cf8:5300:93a1  Public Scan

Form analysis
0 forms found in the DOM

Text Content

You need to enable JavaScript to run this app.

--------------------------------------------------------------------------------

 * project
   
   node_modules
   
   src
   
   README.md

MAPPING.TS



README.MD



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
# HyperOracle zkGraph Studio

## Introduction

This is an easy-to-use web code editor and interface for develop zkGraph directly on Web UI.

Some Helpful Links: [HyperOracle Doc](https://docs.hyperoracle.io/), [zkGraph Develop Guide](https://docs.hyperoracle.io/zkgraph/develop-guide), [zkGraph Examples](https://github.com/hyperoracle/awesome-hyper-oracle).

## Layout

- **Left**: File Tree (node_modules with `zkgraph-lib`, src with your zkGraph code)
- **Middle**: Code editor and terminal with logs
- **Right**: Console with config and buttons

## Usage

### 1.1 Develop

Code your zkGraph code in the code editor.

You can check out zkGraph develop guide [here](https://docs.hyperoracle.io/zkgraph/develop-guide) for more info on programming zkGraph.

### 1.2 Compile

After finishing development, click the `Compile` button (“▶️” on the top-right of code editor) to compile your zkGraph code.

When the compilation is finished, you can see the compiled code in the code editor in `zkgraph.wat`.

### 1.3 Execute

After compiling, config the block number you want your zkGraph to execute on, and click the `EXECUTE` button in the console on the right to execute your zkGraph code.

When the execution is finished, you can see the execution result of a state in the terminal and console.

### 1.4 Setup

After executing, you can click the `SETUP` button in the console on the right to setup your zkGraph image in zkOracle node.

When the setup is finished, you can see the setup result of an MD5 id in the terminal and console.

### 1.5 Proof Generation

After setting up, you can click the `GENERATE` button in the console on the right to generate a proof for your zkGraph image on the execution you just run.

You will need to sign a transaction in your connected wallet on Sepolia network.

When the proof generation is finished, you can see the proof result of a task id in the terminal and console.

After finishing all steps, you will see `zkGraph is valid, now you can continue.` in the right console. Click the `next` button to continue to step 2.









Enter to Rename, Shift+Enter to Preview

TERMINAL LOG

@HYPERORACLE.IO $

WELCOME TO HYPERORACLE.

Connect

My graphs

--------------------------------------------------------------------------------

STEP 01



Develop & Validate

PRE

NEXT

Generated WASM Binary



NOT YET GENERATED

Block hash / number




Output state

EXECUTE

NOT YET GENERATED

PLEASE CLICK YOUR WALLET TO DEPOSIT | EXPECTED ETH: 0.01

zkwasm image




NOT YET GENERATED

SETUP

Proof detail




NOT YET GENERATED

GENERATE

LET'S VALIDATE YOUR ZKGRAPH BEFORE GOING TO THE NEXT STEPS.

< >


CONNECT

By connecting a wallet, you agree to Hyper Oracle's Terms of Service and
acknowledge that you have read and understood the disclaimers therein.

METAMASK

COINBASE WALLET

WALLETCONNECT

CLOSE


Overview

APPLICATION:



TYPE:



STATUS:



SUBMITTED AT:



SUBMITTED BY:



PROCESSING STARTED:



PROCESSING FINISHED:









Close