Git Product home page Git Product logo

codechain-explorer's Introduction

CodeChain Explorer Gitter Build Status

CodeChain explorer is a simple, easy to use, open-source visualization tool for viewing activity on the underlying blockchain network.

Table of Contents

Install

Download

Download CodeChain-explorer's code from the GitHub repository

# git clone [email protected]:kodebox-io/codechain-explorer.git
# cd codechain-explorer

Install package

Use yarn package manager to install packages

# yarn install

Before starting

Dependency

Running for development

-The explorer will run at http://localhost:3000

# yarn run start

// You can chage the port of test server and the host URL with environment variables.
# PORT=3000 REACT_APP_SERVER_HOST=http://127.0.0.1:8081 yarn run start

Running for production

Build

Build CodeChain-explorer with the following script. You can get optimized and uglified build code. It will be located in the "/build" directory

# yarn run build
  • You can change the server host using an environment variable
# REACT_APP_SERVER_HOST=http://127.0.0.1:8080 yarn run build

Custom Configuration

Build

Default Options Description
REACT_APP_SERVER_HOST http://127.0.0.1:9001
REACT_APP_URL This is used for the open graph
REACT_APP_HEADER_TITLE
REACT_APP_HEADER_SHORT_TITLE
REACT_APP_OG_TITLE
REACT_APP_OG_DESC
REACT_APP_OG_IMAGE
REACT_APP_GOOGLE_ANALYTICS_ID
PUBLIC_URL

codechain-explorer's People

Contributors

baumstern avatar buo avatar dependabot[bot] avatar joojis avatar kseo avatar majecty avatar qria avatar remagpie avatar scarletblue avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

codechain-explorer's Issues

Cancel request in the componentWillUnmount method

index.js:2178 Warning: Can't call setState (or forceUpdate) on an unmounted component.
This is a no-op, but it indicates a memory leak in your application.
To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

    in Home (created by Route)

Use hex string format in url

1f5cfcbe6e61e22be0e392819353c2d05601c275f0abed83d11ec7f7704dd6c1
to
0x1f5cfcbe6e61e22be0e392819353c2d05601c275f0abed83d11ec7f7704dd6c1

Need a filter for tx list

Currently, there is a filter on the pending parcel page.
pending

But there is no filter on the parcels page.
Please add this feature to the parcels page too.

Separate a requesting data and UI drawing

if (!block) {
    return <RequestBlock id={id} onBlock={this.onBlock} onError={this.onError} />;
}
return ( /* Draw */ )

Currently, the above code is configured to draw nothing if there is no data. Draw in advance what we can draw even if we do not have data.

[Bug] Can't install packages

While using yarn 1.9.2, node v10.4.1.

OS: Ubuntu 18.04 LTS running above WSL(Windows System for Linux)

yarn-error.log

paik@DESKTOP-VRRAM6B:~/Workspace/codechain-explorer$ yarn install
yarn install v1.9.2
[1/4] Resolving packages...
[2/4] Fetching packages...
[-----------------------------------------------------------------------------------------] 0/1293(node:6682) [DEP0005] DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "babel-core@^6.0.0 || ^7.0.0-0".
warning " > [email protected]" has unmet peer dependency "babel-core@6".
warning " > [email protected]" has unmet peer dependency "babel-runtime@^6.23.0".
warning " > [email protected]" has unmet peer dependency "[email protected] - 3".
warning " > [email protected]" has unmet peer dependency "popper.js@^1.14.3".
error An unexpected error occurred: "ENOENT: no such file or directory, copyfile '/home/paik/.cache/yarn/v1/npm-istanbul-reports-1.3.0-2f322e81e1d9520767597dca3c20a0cce89a3554/lib/json-summary/index.js' -> '/home/paik/Workspace/codechain-explorer/node_modules/istanbul-reports/lib/json-summary/index.js'".

ElasticSearch index is not being created automatically on the first run

Failed with error that index 'block' did not exist.

[0] [index_not_found_exception] no such index, with { resource.type="index_or_alias" & resource.id="block" & index_uuid="_na_" & index="block" } :: {"path":"/block/_doc/_search","query":{},"body":"{\"sort\":[{\"number\":{\"order\":\"desc\"}}],\"size\":1,\"query\":{\"bool\":{\"must\":{\"term\":{\"isRetracted\":false}}}}}","statusCode":404,"response":"{\"error\":{\"root_cause\":[{\"type\":\"index_not_found_exception\",\"reason\":\"no such index\",\"resource.type\":\"index_or_alias\",\"resource.id\":\"block\",\"index_uuid\":\"_na_\",\"index\":\"block\"}],\"type\":\"index_not_found_exception\",\"reason\":\"no such index\",\"resource.type\":\"index_or_alias\",\"resource.id\":\"block\",\"index_uuid\":\"_na_\",\"index\":\"block\"},\"status\":404}"}
[0]     at respond (C:\Users\gk\Desktop\codechain-explorer\node_modules\elasticsearch\src\lib\transport.js:308:15)
[0]     at checkRespForFailure (C:\Users\gk\Desktop\codechain-explorer\node_modules\elasticsearch\src\lib\transport.js:267:7)
[0]     at HttpConnector.<anonymous> (C:\Users\gk\Desktop\codechain-explorer\node_modules\elasticsearch\src\lib\connectors\http.js:165:7)
[0]     at IncomingMessage.wrapper (C:\Users\gk\Desktop\codechain-explorer\node_modules\lodash\lodash.js:4949:19)
[0]     at emitNone (events.js:110:20)
[0]     at IncomingMessage.emit (events.js:207:7)
[0]     at endReadableNT (_stream_readable.js:1056:12)
[0]     at _combinedTickCallback (internal/process/next_tick.js:138:11)
[0]     at process._tickDomainCallback (internal/process/next_tick.js:218:9)

And when the index was manually created in the ES backend, failed with errors about absence of mapping, and then another index named 'transaction' so on...

These should be auto created on start, or please provider a script that can be run to setup the whole ES index and mappings.

Identify error case

  • The indexer is not responding.
  • CodeChain is not responding.
  • Sync is not working on the indexer.
  • Network error.

Remove copied db folder in client

The current Webpack configuration prevents importing modules from outside the client. So I copied the "db" folder inside the client. Delete the "db" folder by changing the Webpack settings accordingly.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.