initial commit
This commit is contained in:
emizzle
commit
d25e5ba718
|
|
@ -0,0 +1,29 @@
|
||||||
|
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# dependencies
|
||||||
|
/node_modules
|
||||||
|
/.pnp
|
||||||
|
.pnp.js
|
||||||
|
|
||||||
|
# testing
|
||||||
|
/coverage
|
||||||
|
|
||||||
|
# production
|
||||||
|
/build
|
||||||
|
|
||||||
|
# misc
|
||||||
|
.DS_Store
|
||||||
|
.env.local
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
.embark
|
||||||
|
embarkArtifacts
|
||||||
|
/dist
|
||||||
|
chains.json
|
||||||
|
config/livenet/password
|
||||||
|
config/production/password
|
||||||
|
|
@ -0,0 +1,107 @@
|
||||||
|
pragma solidity ^0.5.0;
|
||||||
|
|
||||||
|
// @notice Contract to create posts
|
||||||
|
contract DReddit {
|
||||||
|
|
||||||
|
enum Ballot { NONE, UPVOTE, DOWNVOTE }
|
||||||
|
|
||||||
|
struct Post {
|
||||||
|
uint creationDate;
|
||||||
|
string description;
|
||||||
|
address owner;
|
||||||
|
uint upvotes;
|
||||||
|
uint downvotes;
|
||||||
|
mapping(address => Ballot) voters;
|
||||||
|
}
|
||||||
|
|
||||||
|
Post[] public posts;
|
||||||
|
|
||||||
|
event NewPost (
|
||||||
|
uint indexed postId,
|
||||||
|
address owner,
|
||||||
|
string description
|
||||||
|
);
|
||||||
|
|
||||||
|
event Vote(
|
||||||
|
uint indexed postId,
|
||||||
|
address voter,
|
||||||
|
uint8 vote
|
||||||
|
);
|
||||||
|
|
||||||
|
// @notice Number of posts created
|
||||||
|
// @return Num of posts
|
||||||
|
function numPosts()
|
||||||
|
public
|
||||||
|
view
|
||||||
|
returns(uint)
|
||||||
|
{
|
||||||
|
return posts.length;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @notice Create Post
|
||||||
|
// @param _ipfsHash IPFS hash of the content of the post
|
||||||
|
function create(string memory _ipfsHash) public
|
||||||
|
{
|
||||||
|
require(bytes(_ipfsHash).length > 0, "IPFS hash is required");
|
||||||
|
|
||||||
|
posts.push(Post({
|
||||||
|
creationDate: now,
|
||||||
|
description: _ipfsHash,
|
||||||
|
owner: msg.sender,
|
||||||
|
upvotes: 0,
|
||||||
|
downvotes: 0
|
||||||
|
}));
|
||||||
|
|
||||||
|
emit NewPost(posts.length - 1, msg.sender, _ipfsHash);
|
||||||
|
}
|
||||||
|
|
||||||
|
// @notice Vote on a post
|
||||||
|
// @param _postId Id of the post to up/downvote
|
||||||
|
// @param _vote Vote selection: 0 -> none, 1 -> upvote, 2 -> downvote
|
||||||
|
function vote(uint _postId, uint8 _vote)
|
||||||
|
public
|
||||||
|
{
|
||||||
|
Post storage p = posts[_postId];
|
||||||
|
require(p.creationDate != 0, 'Post does not exist.');
|
||||||
|
require(p.voters[msg.sender] == Ballot.NONE, 'You already voted on this post.');
|
||||||
|
|
||||||
|
Ballot b = Ballot(_vote);
|
||||||
|
require(b != Ballot.NONE, 'Invalid vote');
|
||||||
|
|
||||||
|
if (b == Ballot.UPVOTE) {
|
||||||
|
p.upvotes++;
|
||||||
|
} else {
|
||||||
|
p.downvotes++;
|
||||||
|
}
|
||||||
|
p.voters[msg.sender] = b;
|
||||||
|
|
||||||
|
emit Vote(_postId, msg.sender, _vote);
|
||||||
|
}
|
||||||
|
|
||||||
|
// @notice Determine if the sender can vote on a post
|
||||||
|
// @param _postId Id of the post
|
||||||
|
// @return bool that indicates if the sender can vote or not
|
||||||
|
function canVote(uint _postId)
|
||||||
|
public
|
||||||
|
view
|
||||||
|
returns (bool)
|
||||||
|
{
|
||||||
|
if (_postId > posts.length - 1) return false;
|
||||||
|
|
||||||
|
Post storage p = posts[_postId];
|
||||||
|
return (p.voters[msg.sender] == Ballot.NONE);
|
||||||
|
}
|
||||||
|
|
||||||
|
// @notice Obtain vote for specific post
|
||||||
|
// @param _postId Id of the post
|
||||||
|
// @return uint that represents the vote: 0 -> none, 1 -> upvote, 2 -> downvote
|
||||||
|
function getVote(uint _postId)
|
||||||
|
public
|
||||||
|
view
|
||||||
|
returns (uint8)
|
||||||
|
{
|
||||||
|
Post storage p = posts[_postId];
|
||||||
|
return uint8(p.voters[msg.sender]);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
{
|
||||||
|
"options": {
|
||||||
|
"solc": {
|
||||||
|
"optimize": true,
|
||||||
|
"optimize-runs": 200
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"app": {},
|
||||||
|
"contracts": [
|
||||||
|
"contracts/**"
|
||||||
|
],
|
||||||
|
"buildDir": "dist/",
|
||||||
|
"config": "embarkConfig/",
|
||||||
|
"versions": {
|
||||||
|
"web3": "1.0.0-beta",
|
||||||
|
"solc": "0.5.0",
|
||||||
|
"ipfs-api": "17.2.4"
|
||||||
|
},
|
||||||
|
"plugins": {
|
||||||
|
"embarkjs-connector-web3": {}
|
||||||
|
},
|
||||||
|
"generationDir": "src/embarkArtifacts"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,146 @@
|
||||||
|
module.exports = {
|
||||||
|
// applies to all environments
|
||||||
|
default: {
|
||||||
|
enabled: true,
|
||||||
|
rpcHost: "localhost", // HTTP-RPC server listening interface (default: "localhost")
|
||||||
|
rpcPort: 8545, // HTTP-RPC server listening port (default: 8545)
|
||||||
|
rpcCorsDomain: "auto", // Comma separated list of domains from which to accept cross origin requests (browser enforced)
|
||||||
|
// When set to "auto", Embark will automatically set the cors to the address of the webserver
|
||||||
|
wsRPC: true, // Enable the WS-RPC server
|
||||||
|
wsOrigins: "auto", // Origins from which to accept websockets requests
|
||||||
|
// When set to "auto", Embark will automatically set the cors to the address of the webserver
|
||||||
|
wsHost: "localhost", // WS-RPC server listening interface (default: "localhost")
|
||||||
|
wsPort: 8546 // WS-RPC server listening port (default: 8546)
|
||||||
|
|
||||||
|
// Accounts to use as node accounts
|
||||||
|
// The order here corresponds to the order of `web3.eth.getAccounts`, so the first one is the `defaultAccount`
|
||||||
|
/*,accounts: [
|
||||||
|
{
|
||||||
|
nodeAccounts: true, // Accounts use for the node
|
||||||
|
numAddresses: "1", // Number of addresses/accounts (defaults to 1)
|
||||||
|
password: "config/development/devpassword" // Password file for the accounts
|
||||||
|
},
|
||||||
|
// Below are additional accounts that will count as `nodeAccounts` in the `deployment` section of your contract config
|
||||||
|
// Those will not be unlocked in the node itself
|
||||||
|
{
|
||||||
|
privateKey: "your_private_key"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
privateKeyFile: "path/to/file", // Either a keystore or a list of keys, separated by , or ;
|
||||||
|
password: "passwordForTheKeystore" // Needed to decrypt the keystore file
|
||||||
|
},
|
||||||
|
{
|
||||||
|
mnemonic: "12 word mnemonic",
|
||||||
|
addressIndex: "0", // Optionnal. The index to start getting the address
|
||||||
|
numAddresses: "1", // Optionnal. The number of addresses to get
|
||||||
|
hdpath: "m/44'/60'/0'/0/" // Optionnal. HD derivation path
|
||||||
|
}
|
||||||
|
]*/
|
||||||
|
},
|
||||||
|
|
||||||
|
// default environment, merges with the settings in default
|
||||||
|
// assumed to be the intended environment by `embark run` and `embark blockchain`
|
||||||
|
development: {
|
||||||
|
ethereumClientName: "geth", // Can be geth or parity (default:geth)
|
||||||
|
//ethereumClientBin: "geth", // path to the client binary. Useful if it is not in the global PATH
|
||||||
|
networkType: "custom", // Can be: testnet, rinkeby, livenet or custom, in which case, it will use the specified networkId
|
||||||
|
networkId: 1337, // Network id used when networkType is custom
|
||||||
|
isDev: true, // Uses and ephemeral proof-of-authority network with a pre-funded developer account, mining enabled
|
||||||
|
datadir: ".embark/development/datadir", // Data directory for the databases and keystore (Geth 1.8.15 and Parity 2.0.4 can use the same base folder, till now they does not conflict with each other)
|
||||||
|
mineWhenNeeded: true, // Uses our custom script (if isDev is false) to mine only when needed
|
||||||
|
nodiscover: true, // Disables the peer discovery mechanism (manual peer addition)
|
||||||
|
maxpeers: 0, // Maximum number of network peers (network disabled if set to 0) (default: 25)
|
||||||
|
proxy: true, // Proxy is used to present meaningful information about transactions
|
||||||
|
targetGasLimit: 8000000, // Target gas limit sets the artificial target gas floor for the blocks to mine
|
||||||
|
simulatorBlocktime: 0 // Specify blockTime in seconds for automatic mining. Default is 0 and no auto-mining.
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run privatenet" and/or "embark blockchain privatenet"
|
||||||
|
privatenet: {
|
||||||
|
networkType: "custom",
|
||||||
|
networkId: 1337,
|
||||||
|
isDev: false,
|
||||||
|
datadir: ".embark/privatenet/datadir",
|
||||||
|
// -- mineWhenNeeded --
|
||||||
|
// This options is only valid when isDev is false.
|
||||||
|
// Enabling this option uses our custom script to mine only when needed.
|
||||||
|
// Embark creates a development account for you (using `geth account new`) and funds the account. This account can be used for
|
||||||
|
// development (and even imported in to MetaMask). To enable correct usage, a password for this account must be specified
|
||||||
|
// in the `account > password` setting below.
|
||||||
|
// NOTE: once `mineWhenNeeded` is enabled, you must run an `embark reset` on your dApp before running
|
||||||
|
// `embark blockchain` or `embark run` for the first time.
|
||||||
|
mineWhenNeeded: true,
|
||||||
|
// -- genesisBlock --
|
||||||
|
// This option is only valid when mineWhenNeeded is true (which is only valid if isDev is false).
|
||||||
|
// When enabled, geth uses POW to mine transactions as it would normally, instead of using POA as it does in --dev mode.
|
||||||
|
// On the first `embark blockchain or embark run` after this option is enabled, geth will create a new chain with a
|
||||||
|
// genesis block, which can be configured using the `genesisBlock` configuration option below.
|
||||||
|
genesisBlock: "config/privatenet/genesis.json", // Genesis block to initiate on first creation of a development node
|
||||||
|
nodiscover: true,
|
||||||
|
maxpeers: 0,
|
||||||
|
proxy: true,
|
||||||
|
accounts: [
|
||||||
|
{
|
||||||
|
nodeAccounts: true,
|
||||||
|
password: "config/privatenet/password" // Password to unlock the account
|
||||||
|
}
|
||||||
|
],
|
||||||
|
targetGasLimit: 8000000,
|
||||||
|
simulatorBlocktime: 0
|
||||||
|
},
|
||||||
|
|
||||||
|
privateparitynet: {
|
||||||
|
ethereumClientName: "parity",
|
||||||
|
networkType: "custom",
|
||||||
|
networkId: 1337,
|
||||||
|
isDev: false,
|
||||||
|
genesisBlock: "config/privatenet/genesis-parity.json", // Genesis block to initiate on first creation of a development node
|
||||||
|
datadir: ".embark/privatenet/datadir",
|
||||||
|
mineWhenNeeded: false,
|
||||||
|
nodiscover: true,
|
||||||
|
maxpeers: 0,
|
||||||
|
proxy: true,
|
||||||
|
accounts: [
|
||||||
|
{
|
||||||
|
nodeAccounts: true,
|
||||||
|
password: "config/privatenet/password"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
targetGasLimit: 8000000,
|
||||||
|
simulatorBlocktime: 0
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run testnet" and/or "embark blockchain testnet"
|
||||||
|
testnet: {
|
||||||
|
networkType: "testnet",
|
||||||
|
syncMode: "light",
|
||||||
|
accounts: [
|
||||||
|
{
|
||||||
|
nodeAccounts: true,
|
||||||
|
password: "config/testnet/password"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run livenet" and/or "embark blockchain livenet"
|
||||||
|
livenet: {
|
||||||
|
networkType: "livenet",
|
||||||
|
syncMode: "light",
|
||||||
|
rpcCorsDomain: "http://localhost:8000",
|
||||||
|
wsOrigins: "http://localhost:8000",
|
||||||
|
accounts: [
|
||||||
|
{
|
||||||
|
nodeAccounts: true,
|
||||||
|
password: "config/livenet/password"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
// you can name an environment with specific settings and then specify with
|
||||||
|
// "embark run custom_name" or "embark blockchain custom_name"
|
||||||
|
//custom_name: {
|
||||||
|
//}
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
module.exports = {
|
||||||
|
// default applies to all environments
|
||||||
|
default: {
|
||||||
|
enabled: true,
|
||||||
|
provider: "whisper", // Communication provider. Currently, Embark only supports whisper
|
||||||
|
available_providers: ["whisper"], // Array of available providers
|
||||||
|
},
|
||||||
|
|
||||||
|
// default environment, merges with the settings in default
|
||||||
|
// assumed to be the intended environment by `embark run`
|
||||||
|
development: {
|
||||||
|
connection: {
|
||||||
|
host: "localhost", // Host of the blockchain node
|
||||||
|
port: 8546, // Port of the blockchain node
|
||||||
|
type: "ws" // Type of connection (ws or rpc)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run privatenet"
|
||||||
|
privatenet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run testnet"
|
||||||
|
testnet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run livenet"
|
||||||
|
livenet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// you can name an environment with specific settings and then specify with
|
||||||
|
// "embark run custom_name"
|
||||||
|
//custom_name: {
|
||||||
|
//}
|
||||||
|
// Use this section when you need a specific symmetric or private keys in whisper
|
||||||
|
/*
|
||||||
|
,keys: {
|
||||||
|
symmetricKey: "your_symmetric_key",// Symmetric key for message decryption
|
||||||
|
privateKey: "your_private_key" // Private Key to be used as a signing key and for message decryption
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
//}
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,91 @@
|
||||||
|
module.exports = {
|
||||||
|
// default applies to all environments
|
||||||
|
default: {
|
||||||
|
// Blockchain node to deploy the contracts
|
||||||
|
deployment: {
|
||||||
|
host: "localhost", // Host of the blockchain node
|
||||||
|
port: 8546, // Port of the blockchain node
|
||||||
|
type: "ws" // Type of connection (ws or rpc),
|
||||||
|
// Accounts to use instead of the default account to populate your wallet
|
||||||
|
// The order here corresponds to the order of `web3.eth.getAccounts`, so the first one is the `defaultAccount`
|
||||||
|
/*,accounts: [
|
||||||
|
{
|
||||||
|
privateKey: "your_private_key",
|
||||||
|
balance: "5 ether" // You can set the balance of the account in the dev environment
|
||||||
|
// Balances are in Wei, but you can specify the unit with its name
|
||||||
|
},
|
||||||
|
{
|
||||||
|
privateKeyFile: "path/to/file", // Either a keystore or a list of keys, separated by , or ;
|
||||||
|
password: "passwordForTheKeystore" // Needed to decrypt the keystore file
|
||||||
|
},
|
||||||
|
{
|
||||||
|
mnemonic: "12 word mnemonic",
|
||||||
|
addressIndex: "0", // Optionnal. The index to start getting the address
|
||||||
|
numAddresses: "1", // Optionnal. The number of addresses to get
|
||||||
|
hdpath: "m/44'/60'/0'/0/" // Optionnal. HD derivation path
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"nodeAccounts": true // Uses the Ethereum node's accounts
|
||||||
|
}
|
||||||
|
]*/
|
||||||
|
},
|
||||||
|
// order of connections the dapp should connect to
|
||||||
|
dappConnection: [
|
||||||
|
"$WEB3", // uses pre existing web3 object if available (e.g in Mist)
|
||||||
|
"ws://localhost:8546",
|
||||||
|
"http://localhost:8545"
|
||||||
|
],
|
||||||
|
|
||||||
|
// Automatically call `ethereum.enable` if true.
|
||||||
|
// If false, the following code must run before sending any transaction: `await EmbarkJS.enableEthereum();`
|
||||||
|
// Default value is true.
|
||||||
|
// dappAutoEnable: true,
|
||||||
|
|
||||||
|
gas: "auto",
|
||||||
|
|
||||||
|
// Strategy for the deployment of the contracts:
|
||||||
|
// - implicit will try to deploy all the contracts located inside the contracts directory
|
||||||
|
// or the directory configured for the location of the contracts. This is default one
|
||||||
|
// when not specified
|
||||||
|
// - explicit will only attempt to deploy the contracts that are explicity specified inside the
|
||||||
|
// contracts section.
|
||||||
|
//strategy: 'implicit',
|
||||||
|
|
||||||
|
contracts: {
|
||||||
|
// example:
|
||||||
|
//SimpleStorage: {
|
||||||
|
// args: [ 100 ]
|
||||||
|
//}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// default environment, merges with the settings in default
|
||||||
|
// assumed to be the intended environment by `embark run`
|
||||||
|
development: {
|
||||||
|
dappConnection: [
|
||||||
|
"ws://localhost:8546",
|
||||||
|
"http://localhost:8545",
|
||||||
|
"$WEB3" // uses pre existing web3 object if available (e.g in Mist)
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run privatenet"
|
||||||
|
privatenet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run testnet"
|
||||||
|
testnet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run livenet"
|
||||||
|
livenet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// you can name an environment with specific settings and then specify with
|
||||||
|
// "embark run custom_name" or "embark blockchain custom_name"
|
||||||
|
//custom_name: {
|
||||||
|
//}
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
dev_password
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
module.exports = {
|
||||||
|
// default applies to all environments
|
||||||
|
default: {
|
||||||
|
enabled: true,
|
||||||
|
available_providers: ["ens"],
|
||||||
|
provider: "ens"
|
||||||
|
},
|
||||||
|
|
||||||
|
// default environment, merges with the settings in default
|
||||||
|
// assumed to be the intended environment by `embark run`
|
||||||
|
development: {
|
||||||
|
register: {
|
||||||
|
rootDomain: "embark.eth",
|
||||||
|
subdomains: {
|
||||||
|
'status': '0x1a2f3b98e434c02363f3dac3174af93c1d690914'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run privatenet"
|
||||||
|
privatenet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run testnet"
|
||||||
|
testnet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run livenet"
|
||||||
|
livenet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// you can name an environment with specific settings and then specify with
|
||||||
|
// "embark run custom_name" or "embark blockchain custom_name"
|
||||||
|
//custom_name: {
|
||||||
|
//}
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
// Embark has support for Flow enabled by default in its built-in webpack
|
||||||
|
// config: type annotations will automatically be stripped out of DApp sources
|
||||||
|
// without any additional configuration. Note that type checking is not
|
||||||
|
// performed during builds.
|
||||||
|
|
||||||
|
// To enable Flow type checking refer to the preconfigured template:
|
||||||
|
// https://github.com/embark-framework/embark-flow-template
|
||||||
|
// A new DApp can be created from that template with:
|
||||||
|
// embark new --template flow
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
typescript: false,
|
||||||
|
enabled:false
|
||||||
|
// Setting `typescript: true` in this config will disable Flow support in
|
||||||
|
// Embark's default webpack config and enable TypeScript support: .ts and
|
||||||
|
// .tsx sources will automatically be transpiled into JavaScript without any
|
||||||
|
// additional configuration. Note that type checking is not performed during
|
||||||
|
// builds.
|
||||||
|
|
||||||
|
// To enable TypeScript type checking refer to the preconfigured template:
|
||||||
|
// https://github.com/embark-framework/embark-typescript-template
|
||||||
|
// A new DApp can be created from that template with:
|
||||||
|
// embark new --template typescript
|
||||||
|
};
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,18 @@
|
||||||
|
{
|
||||||
|
"config": {
|
||||||
|
"homesteadBlock": 0,
|
||||||
|
"byzantiumBlock": 0,
|
||||||
|
"daoForkSupport": true
|
||||||
|
},
|
||||||
|
"nonce": "0x0000000000000042",
|
||||||
|
"difficulty": "0x0",
|
||||||
|
"alloc": {
|
||||||
|
"0x3333333333333333333333333333333333333333": {"balance": "15000000000000000000"}
|
||||||
|
},
|
||||||
|
"mixhash": "0x0000000000000000000000000000000000000000000000000000000000000000",
|
||||||
|
"coinbase": "0x3333333333333333333333333333333333333333",
|
||||||
|
"timestamp": "0x00",
|
||||||
|
"parentHash": "0x0000000000000000000000000000000000000000000000000000000000000000",
|
||||||
|
"extraData": "0x",
|
||||||
|
"gasLimit": "0x7a1200"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
dev_password
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
module.exports = {
|
||||||
|
// default applies to all environments
|
||||||
|
default: {
|
||||||
|
enabled: true,
|
||||||
|
ipfs_bin: "ipfs",
|
||||||
|
available_providers: ["ipfs"],
|
||||||
|
upload: {
|
||||||
|
provider: "ipfs",
|
||||||
|
host: "localhost",
|
||||||
|
port: 5001
|
||||||
|
},
|
||||||
|
dappConnection: [
|
||||||
|
{
|
||||||
|
provider: "ipfs",
|
||||||
|
host: "localhost",
|
||||||
|
port: 5001,
|
||||||
|
getUrl: "http://localhost:8080/ipfs/"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
// Configuration to start Swarm in the same terminal as `embark run`
|
||||||
|
/*,account: {
|
||||||
|
address: "YOUR_ACCOUNT_ADDRESS", // Address of account accessing Swarm
|
||||||
|
password: "PATH/TO/PASSWORD/FILE" // File containing the password of the account
|
||||||
|
},
|
||||||
|
swarmPath: "PATH/TO/SWARM/EXECUTABLE" // Path to swarm executable (default: swarm)*/
|
||||||
|
},
|
||||||
|
|
||||||
|
// default environment, merges with the settings in default
|
||||||
|
// assumed to be the intended environment by `embark run`
|
||||||
|
development: {
|
||||||
|
enabled: true,
|
||||||
|
upload: {
|
||||||
|
provider: "ipfs",
|
||||||
|
host: "localhost",
|
||||||
|
port: 5001,
|
||||||
|
getUrl: "http://localhost:8080/ipfs/"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run privatenet"
|
||||||
|
privatenet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run testnet"
|
||||||
|
testnet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// merges with the settings in default
|
||||||
|
// used with "embark run livenet"
|
||||||
|
livenet: {
|
||||||
|
},
|
||||||
|
|
||||||
|
// you can name an environment with specific settings and then specify with
|
||||||
|
// "embark run custom_name"
|
||||||
|
//custom_name: {
|
||||||
|
//}
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
test_password
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
module.exports = {
|
||||||
|
enabled: false
|
||||||
|
};
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,50 @@
|
||||||
|
{
|
||||||
|
"name": "dreddit-unicef-surge-2019",
|
||||||
|
"version": "0.0.1",
|
||||||
|
"private": true,
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "7.1.2",
|
||||||
|
"@babel/plugin-proposal-class-properties": "7.1.0",
|
||||||
|
"@babel/plugin-proposal-decorators": "7.1.2",
|
||||||
|
"@babel/plugin-proposal-export-namespace-from": "7.0.0",
|
||||||
|
"@babel/plugin-proposal-function-sent": "7.1.0",
|
||||||
|
"@babel/plugin-proposal-json-strings": "7.0.0",
|
||||||
|
"@babel/plugin-proposal-numeric-separator": "7.0.0",
|
||||||
|
"@babel/plugin-proposal-object-rest-spread": "7.0.0",
|
||||||
|
"@babel/plugin-proposal-throw-expressions": "7.0.0",
|
||||||
|
"@babel/plugin-syntax-dynamic-import": "7.0.0",
|
||||||
|
"@babel/plugin-syntax-import-meta": "7.0.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime-corejs2": "^7.3.1",
|
||||||
|
"@material-ui/core": "^3.9.3",
|
||||||
|
"@material-ui/icons": "^3.0.2",
|
||||||
|
"@material-ui/lab": "^3.0.0-alpha.30",
|
||||||
|
"dateformat": "^3.0.3",
|
||||||
|
"embarkjs-connector-web3": "^4.1.0-beta.1",
|
||||||
|
"embarkjs-ipfs": "/Users/emizzle/Code/__Github/embk-fw/embark/packages/embarkjs-ipfs",
|
||||||
|
"embarkjs-whisper": "/Users/emizzle/Code/__Github/embk-fw/embark/packages/embarkjs-whisper",
|
||||||
|
"lodash": "^4.17.11",
|
||||||
|
"markdown": "^0.5.0",
|
||||||
|
"react": "^16.8.6",
|
||||||
|
"react-blockies": "^1.4.1",
|
||||||
|
"react-dom": "^16.8.6",
|
||||||
|
"react-scripts": "2.1.8"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"start": "PORT=3001 react-scripts start",
|
||||||
|
"build": "react-scripts build",
|
||||||
|
"test": "embark test",
|
||||||
|
"eject": "react-scripts eject"
|
||||||
|
},
|
||||||
|
"eslintConfig": {
|
||||||
|
"extends": "react-app"
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
">0.2%",
|
||||||
|
"not dead",
|
||||||
|
"not ie <= 11",
|
||||||
|
"not op_mini all"
|
||||||
|
],
|
||||||
|
"description": ""
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
|
|
@ -0,0 +1,43 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
|
||||||
|
<meta
|
||||||
|
name="viewport"
|
||||||
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
||||||
|
/>
|
||||||
|
<meta name="theme-color" content="#000000" />
|
||||||
|
<!--
|
||||||
|
manifest.json provides metadata used when your web app is installed on a
|
||||||
|
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
||||||
|
-->
|
||||||
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||||
|
<!--
|
||||||
|
Notice the use of %PUBLIC_URL% in the tags above.
|
||||||
|
It will be replaced with the URL of the `public` folder during the build.
|
||||||
|
Only files inside the `public` folder can be referenced from the HTML.
|
||||||
|
|
||||||
|
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
||||||
|
work correctly both with client-side routing and a non-root public URL.
|
||||||
|
Learn how to configure a non-root public URL by running `npm run build`.
|
||||||
|
-->
|
||||||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
|
||||||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||||
|
<title>DReddit with Embark 4</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
|
<div id="root"></div>
|
||||||
|
<!--
|
||||||
|
This HTML file is a template.
|
||||||
|
If you open it directly in the browser, you will see an empty page.
|
||||||
|
|
||||||
|
You can add webfonts, meta tags, or analytics to this file.
|
||||||
|
The build step will place the bundled scripts into the <body> tag.
|
||||||
|
|
||||||
|
To begin the development, run `npm start` or `yarn start`.
|
||||||
|
To create a production bundle, use `npm run build` or `yarn build`.
|
||||||
|
-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
{
|
||||||
|
"short_name": "DReddit",
|
||||||
|
"name": "DReddit with Embark 4",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "favicon.ico",
|
||||||
|
"sizes": "64x64 32x32 24x24 16x16",
|
||||||
|
"type": "image/x-icon"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"start_url": ".",
|
||||||
|
"display": "standalone",
|
||||||
|
"theme_color": "#000000",
|
||||||
|
"background_color": "#ffffff"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,109 @@
|
||||||
|
import React, {Component} from 'react';
|
||||||
|
import Create from './Create';
|
||||||
|
import Header from './Header';
|
||||||
|
import Post from './Post';
|
||||||
|
import _ from 'lodash';
|
||||||
|
import {MuiThemeProvider, createMuiTheme} from '@material-ui/core/styles';
|
||||||
|
|
||||||
|
import EmbarkJS from '../embarkArtifacts/embarkjs';
|
||||||
|
import DReddit from '../embarkArtifacts/contracts/DReddit';
|
||||||
|
|
||||||
|
import '../css/app.css';
|
||||||
|
const theme = createMuiTheme({
|
||||||
|
palette: {
|
||||||
|
primary: {
|
||||||
|
dark: '#398689',
|
||||||
|
light: '#78BE97',
|
||||||
|
main: '#0B476D'
|
||||||
|
// contrastText: will be calculated to contrast with palette.primary.main
|
||||||
|
},
|
||||||
|
secondary: {
|
||||||
|
dark: '#E75E3B',
|
||||||
|
// light: will be calculated to contrast with palette.secondary.main
|
||||||
|
main: '#FAB266'
|
||||||
|
},
|
||||||
|
// error: will use the default color
|
||||||
|
},
|
||||||
|
typography: {
|
||||||
|
useNextVariants: true,
|
||||||
|
suppressDeprecationWarnings: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
class App extends Component {
|
||||||
|
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
|
||||||
|
this.state = {
|
||||||
|
'displayForm': false,
|
||||||
|
'list': [],
|
||||||
|
'sortBy': 'age',
|
||||||
|
'sortOrder': 'desc',
|
||||||
|
'filterBy': ''
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
EmbarkJS.onReady(() => {
|
||||||
|
this._loadPosts();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
_toggleForm = () => {
|
||||||
|
this.setState({displayForm: !this.state.displayForm});
|
||||||
|
}
|
||||||
|
|
||||||
|
_setSortOrder = (sortBy) => {
|
||||||
|
const sortOrder = (this.state.sortOrder === 'asc' && this.state.sortBy === sortBy) || this.state.sortBy !== sortBy ? 'desc' : 'asc';
|
||||||
|
this.setState({sortBy, sortOrder});
|
||||||
|
}
|
||||||
|
|
||||||
|
_loadPosts = async () => {
|
||||||
|
const {posts, numPosts} = DReddit.methods;
|
||||||
|
|
||||||
|
let list = [];
|
||||||
|
|
||||||
|
const total = await numPosts().call();
|
||||||
|
|
||||||
|
if(total > 0){
|
||||||
|
for (let i = 0; i < total; i++) {
|
||||||
|
const currentPost = posts(i).call();
|
||||||
|
list.push(currentPost);
|
||||||
|
}
|
||||||
|
|
||||||
|
list = await Promise.all(list);
|
||||||
|
list = list.map((value, index) => {
|
||||||
|
value.id = index;
|
||||||
|
value.upvotes = parseInt(value.upvotes, 10);
|
||||||
|
value.downvotes = parseInt(value.downvotes, 10);
|
||||||
|
return value;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
this.setState({list});
|
||||||
|
}
|
||||||
|
|
||||||
|
_search = (filterBy) => {
|
||||||
|
this.setState({filterBy});
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const {displayForm, list, sortBy, sortOrder, filterBy} = this.state;
|
||||||
|
|
||||||
|
let orderedList;
|
||||||
|
if(sortBy === 'rating'){
|
||||||
|
orderedList = _.orderBy(list, [function(o) { return o.upvotes - o.downvotes; }, 'creationDate'], [sortOrder, sortOrder]);
|
||||||
|
} else {
|
||||||
|
orderedList = _.orderBy(list, 'creationDate', sortOrder);
|
||||||
|
}
|
||||||
|
|
||||||
|
return <MuiThemeProvider theme={theme}>
|
||||||
|
<Header toggleForm={this._toggleForm} sortOrder={this._setSortOrder} search={this._search} onCancelSearch={this._search} />
|
||||||
|
{ displayForm && <Create afterPublish={this._loadPosts} /> }
|
||||||
|
{ orderedList.map((record) => <Post key={record.id} {...record} filterBy={filterBy} />) }
|
||||||
|
</MuiThemeProvider>;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App;
|
||||||
|
|
@ -0,0 +1,128 @@
|
||||||
|
/* global web3 */
|
||||||
|
import React, {Component, Fragment} from 'react';
|
||||||
|
import Button from '@material-ui/core/Button';
|
||||||
|
import Card from '@material-ui/core/Card';
|
||||||
|
import CardContent from '@material-ui/core/CardContent';
|
||||||
|
import LinearProgress from '@material-ui/core/LinearProgress';
|
||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import TextField from '@material-ui/core/TextField';
|
||||||
|
import {withStyles} from '@material-ui/core/styles';
|
||||||
|
|
||||||
|
import EmbarkJS from '../embarkArtifacts/embarkjs';
|
||||||
|
import DReddit from '../embarkArtifacts/contracts/DReddit';
|
||||||
|
|
||||||
|
const styles = theme => ({
|
||||||
|
textField: {
|
||||||
|
marginRight: theme.spacing.unit * 2
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
class Create extends Component{
|
||||||
|
|
||||||
|
constructor(props){
|
||||||
|
super(props);
|
||||||
|
|
||||||
|
this.state = {
|
||||||
|
'title': '',
|
||||||
|
'content': '',
|
||||||
|
'isSubmitting': false,
|
||||||
|
'error': ''
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
handleClick = async event => {
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
if(this.state.title.trim() === ''){
|
||||||
|
this.setState({'error': 'Required field'});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.setState({
|
||||||
|
isSubmitting: true,
|
||||||
|
error: ''
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
const textToSave = {
|
||||||
|
'title': this.state.title,
|
||||||
|
'content': this.state.content
|
||||||
|
};
|
||||||
|
|
||||||
|
const ipfsHash = await EmbarkJS.Storage.saveText(JSON.stringify(textToSave));
|
||||||
|
|
||||||
|
const {create} = DReddit.methods;
|
||||||
|
const toSend = await create(ipfsHash);
|
||||||
|
//const estimatedGas = await toSend.estimateGas();
|
||||||
|
|
||||||
|
let newState = {
|
||||||
|
isSubmitting: false
|
||||||
|
};
|
||||||
|
try {
|
||||||
|
await toSend.send({from: web3.eth.defaultAccount, gas: 1000000}); //estimatedGas + 1000});
|
||||||
|
|
||||||
|
newState.content = '';
|
||||||
|
newState.title = '';
|
||||||
|
|
||||||
|
this.setState(newState);
|
||||||
|
this.props.afterPublish();
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
newState.error = error.message;
|
||||||
|
this.setState(newState);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleChange = name => event => {
|
||||||
|
this.setState({
|
||||||
|
[name]: event.target.value
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
render(){
|
||||||
|
const {classes} = this.props;
|
||||||
|
const {error, content, title, isSubmitting} = this.state;
|
||||||
|
|
||||||
|
return (<Fragment>
|
||||||
|
<Card>
|
||||||
|
<CardContent>
|
||||||
|
<TextField
|
||||||
|
id="title"
|
||||||
|
label="Title"
|
||||||
|
error={error !== ""}
|
||||||
|
multiline
|
||||||
|
rowsMax="20"
|
||||||
|
fullWidth
|
||||||
|
value={title}
|
||||||
|
onChange={this.handleChange('title')}
|
||||||
|
className={classes.textField}
|
||||||
|
margin="normal" />
|
||||||
|
<TextField
|
||||||
|
id="description"
|
||||||
|
label="Description"
|
||||||
|
error={error !== ""}
|
||||||
|
multiline
|
||||||
|
rowsMax="20"
|
||||||
|
fullWidth
|
||||||
|
value={content}
|
||||||
|
helperText={error}
|
||||||
|
onChange={this.handleChange('content')}
|
||||||
|
className={classes.textField}
|
||||||
|
margin="normal" />
|
||||||
|
{
|
||||||
|
<Button variant="contained" color="primary" onClick={this.handleClick} disabled={isSubmitting }>Publish</Button>
|
||||||
|
}
|
||||||
|
</CardContent>
|
||||||
|
</Card>
|
||||||
|
{ this.state.isSubmitting && <LinearProgress /> }
|
||||||
|
</Fragment>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Create.propTypes = {
|
||||||
|
classes: PropTypes.object.isRequired,
|
||||||
|
afterPublish: PropTypes.func.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
export default withStyles(styles)(Create);
|
||||||
|
|
@ -0,0 +1,120 @@
|
||||||
|
import React, {Component} from 'react';
|
||||||
|
import AddIcon from '@material-ui/icons/Add';
|
||||||
|
import AppBar from '@material-ui/core/AppBar';
|
||||||
|
import Button from '@material-ui/core/Button';
|
||||||
|
import Hidden from '@material-ui/core/Hidden';
|
||||||
|
import Menu from '@material-ui/core/Menu';
|
||||||
|
import MenuItem from '@material-ui/core/MenuItem';
|
||||||
|
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import Toolbar from '@material-ui/core/Toolbar';
|
||||||
|
import Typography from '@material-ui/core/Typography';
|
||||||
|
import {withStyles} from '@material-ui/core/styles';
|
||||||
|
import SearchBar from './SearchBar';
|
||||||
|
import logo from '../images/embark-logo.png';
|
||||||
|
|
||||||
|
const styles = {
|
||||||
|
root: {
|
||||||
|
flexGrow: 1
|
||||||
|
},
|
||||||
|
flex: {
|
||||||
|
flexGrow: 1
|
||||||
|
},
|
||||||
|
logo: {
|
||||||
|
display: "inline-block",
|
||||||
|
verticalAlign: "middle",
|
||||||
|
width: "40px",
|
||||||
|
marginRight: "10px"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const options = [
|
||||||
|
'Sort by age',
|
||||||
|
'Sort by rating'
|
||||||
|
];
|
||||||
|
class Header extends Component {
|
||||||
|
|
||||||
|
constructor(props){
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
anchorEl: null,
|
||||||
|
sortIndex: 0
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
handleClick = event => {
|
||||||
|
event.preventDefault();
|
||||||
|
this.setState({anchorEl: event.currentTarget});
|
||||||
|
};
|
||||||
|
|
||||||
|
handleMenuClick = index => event => {
|
||||||
|
event.preventDefault();
|
||||||
|
this.setState({selectedIndex: index, anchorEl: null});
|
||||||
|
this.props.sortOrder(index === 0 ? 'age' : 'rating');
|
||||||
|
};
|
||||||
|
|
||||||
|
handleClose = () => {
|
||||||
|
this.setState({anchorEl: null});
|
||||||
|
};
|
||||||
|
|
||||||
|
render(){
|
||||||
|
const {classes, toggleForm, search, onCancelSearch} = this.props;
|
||||||
|
const {anchorEl, sortIndex} = this.state;
|
||||||
|
const open = Boolean(anchorEl);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className={classes.root} >
|
||||||
|
<AppBar position="fixed">
|
||||||
|
<Toolbar className={classes.toolBar}>
|
||||||
|
<Hidden xsDown>
|
||||||
|
<img src={logo} alt="Logo" className={classes.logo} />
|
||||||
|
<Typography variant="h4" color="inherit" className={classes.flex}>
|
||||||
|
DReddit
|
||||||
|
</Typography>
|
||||||
|
</Hidden>
|
||||||
|
<SearchBar
|
||||||
|
placeholder="Search..."
|
||||||
|
style={{
|
||||||
|
margin: '10px 10px',
|
||||||
|
maxWidth: 280
|
||||||
|
}}
|
||||||
|
onChange={(searchValue) => search(searchValue)}
|
||||||
|
onCancelSearch={onCancelSearch}
|
||||||
|
/>
|
||||||
|
<Button color="inherit" onClick={toggleForm}>
|
||||||
|
<AddIcon />
|
||||||
|
</Button>
|
||||||
|
<Button color="inherit" onClick={this.handleClick}>
|
||||||
|
<MoreVertIcon />
|
||||||
|
</Button>
|
||||||
|
<Menu
|
||||||
|
id="long-menu"
|
||||||
|
anchorEl={anchorEl}
|
||||||
|
open={open}
|
||||||
|
onClose={this.handleClose}
|
||||||
|
PaperProps={{
|
||||||
|
style: {
|
||||||
|
width: 200
|
||||||
|
}
|
||||||
|
}}>
|
||||||
|
{options.map((option, i) => (
|
||||||
|
<MenuItem key={option} selected={i === sortIndex} onClick={this.handleMenuClick(i)}>
|
||||||
|
{option}
|
||||||
|
</MenuItem>
|
||||||
|
))}
|
||||||
|
</Menu>
|
||||||
|
</Toolbar>
|
||||||
|
</AppBar>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Header.propTypes = {
|
||||||
|
classes: PropTypes.object.isRequired,
|
||||||
|
toggleForm: PropTypes.func.isRequired,
|
||||||
|
sortOrder: PropTypes.func.isRequired,
|
||||||
|
search: PropTypes.func.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
export default withStyles(styles)(Header);
|
||||||
|
|
@ -0,0 +1,168 @@
|
||||||
|
import {Card, CardActions, CardContent, CardHeader} from '@material-ui/core';
|
||||||
|
import React, {Component} from 'react';
|
||||||
|
import Blockies from 'react-blockies';
|
||||||
|
import CircularProgress from '@material-ui/core/CircularProgress';
|
||||||
|
import DownvoteIcon from '@material-ui/icons/ExpandMore';
|
||||||
|
import IconButton from '@material-ui/core/IconButton';
|
||||||
|
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
||||||
|
import PropTypes from 'prop-types';
|
||||||
|
import Typography from '@material-ui/core/Typography';
|
||||||
|
import UpvoteIcon from '@material-ui/icons/ExpandLess';
|
||||||
|
import dateformat from 'dateformat';
|
||||||
|
import markdownJS from "markdown";
|
||||||
|
import {withStyles} from '@material-ui/core/styles';
|
||||||
|
|
||||||
|
import EmbarkJS from '../embarkArtifacts/embarkjs';
|
||||||
|
import DReddit from '../embarkArtifacts/contracts/DReddit';
|
||||||
|
|
||||||
|
const markdown = markdownJS.markdown;
|
||||||
|
|
||||||
|
const styles = theme => ({
|
||||||
|
actions: {
|
||||||
|
marginRight: theme.spacing.unit * 5,
|
||||||
|
fontSize: 15,
|
||||||
|
display: 'flex'
|
||||||
|
},
|
||||||
|
card: {
|
||||||
|
margin: theme.spacing.unit,
|
||||||
|
marginTop: theme.spacing.unit * 4,
|
||||||
|
position: 'relative'
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
borderBottom: '1px solid #ccc',
|
||||||
|
color: '#666'
|
||||||
|
},
|
||||||
|
spinner: {
|
||||||
|
position: 'absolute',
|
||||||
|
right: theme.spacing.unit * 3
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const ballot = {
|
||||||
|
NONE: 0,
|
||||||
|
UPVOTE: 1,
|
||||||
|
DOWNVOTE: 2
|
||||||
|
};
|
||||||
|
|
||||||
|
const contains = (filterBy, content, title, date, owner) => {
|
||||||
|
if(!filterBy) return true;
|
||||||
|
filterBy = filterBy.trim().toLowerCase();
|
||||||
|
if(filterBy === '') return true;
|
||||||
|
return content.toLowerCase().indexOf(filterBy) > -1 ||
|
||||||
|
title.toLowerCase().indexOf(filterBy) > -1 ||
|
||||||
|
date.indexOf(filterBy) > -1 ||
|
||||||
|
owner.toLowerCase().indexOf(filterBy) > -1;
|
||||||
|
};
|
||||||
|
|
||||||
|
class Post extends Component {
|
||||||
|
|
||||||
|
constructor(props){
|
||||||
|
super(props);
|
||||||
|
|
||||||
|
this.state = {
|
||||||
|
title: '',
|
||||||
|
content: '',
|
||||||
|
isSubmitting: false,
|
||||||
|
canVote: true,
|
||||||
|
upvotes: props.upvotes,
|
||||||
|
downvotes: props.downvotes
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount(){
|
||||||
|
EmbarkJS.onReady(() => {
|
||||||
|
this._loadAttributes();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
_loadAttributes = async () => {
|
||||||
|
// const ipfsHash = web3.utils.toAscii(this.props.description);
|
||||||
|
|
||||||
|
const ipfsText = await EmbarkJS.Storage.get(this.props.description);
|
||||||
|
|
||||||
|
const jsonContent = JSON.parse(ipfsText);
|
||||||
|
const title = jsonContent.title;
|
||||||
|
const content = jsonContent.content;
|
||||||
|
|
||||||
|
const canVote = await DReddit.methods.canVote(this.props.id).call();
|
||||||
|
|
||||||
|
this.setState({
|
||||||
|
title,
|
||||||
|
content,
|
||||||
|
canVote
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
_vote = choice => async event => {
|
||||||
|
event.preventDefault();
|
||||||
|
this.setState({isSubmitting: true});
|
||||||
|
|
||||||
|
const {vote} = DReddit.methods;
|
||||||
|
const toSend = vote(this.props.id, choice);
|
||||||
|
const estimatedGas = await toSend.estimateGas();
|
||||||
|
|
||||||
|
await toSend.send({gas: estimatedGas + 1000});
|
||||||
|
|
||||||
|
this.setState({
|
||||||
|
canVote: false,
|
||||||
|
upvotes: this.state.upvotes + (choice === ballot.UPVOTE ? 1 : 0),
|
||||||
|
downvotes: this.state.downvotes + (choice === ballot.DOWNVOTE ? 1 : 0)
|
||||||
|
});
|
||||||
|
|
||||||
|
this.setState({isSubmitting: false});
|
||||||
|
}
|
||||||
|
|
||||||
|
render(){
|
||||||
|
const {title, content, upvotes, downvotes, isSubmitting, canVote} = this.state;
|
||||||
|
const {creationDate, classes, owner, filterBy} = this.props;
|
||||||
|
const disabled = isSubmitting || !canVote;
|
||||||
|
const formattedDate = dateformat(new Date(creationDate * 1000), "yyyy-mm-dd HH:MM:ss");
|
||||||
|
const mdText = markdown.toHTML(content);
|
||||||
|
|
||||||
|
const display = contains(filterBy, content, title, formattedDate, owner);
|
||||||
|
|
||||||
|
return display&& <Card className={classes.card}>
|
||||||
|
<CardHeader title={owner} subheader={formattedDate}
|
||||||
|
avatar={
|
||||||
|
<Blockies seed={owner} size={7} scale={5} />
|
||||||
|
}
|
||||||
|
action={
|
||||||
|
<IconButton>
|
||||||
|
<MoreVertIcon />
|
||||||
|
</IconButton>
|
||||||
|
} />
|
||||||
|
<CardContent>
|
||||||
|
<Typography variant="h6" className={classes.title} gutterBottom>
|
||||||
|
{title}
|
||||||
|
</Typography>
|
||||||
|
<Typography component="div" dangerouslySetInnerHTML={{__html: mdText}} />
|
||||||
|
</CardContent>
|
||||||
|
<CardActions disableActionSpacing>
|
||||||
|
<IconButton className={classes.actions} disabled={disabled} onClick={this._vote(ballot.UPVOTE)}>
|
||||||
|
<UpvoteIcon />
|
||||||
|
{upvotes}
|
||||||
|
</IconButton>
|
||||||
|
<IconButton className={classes.actions} disabled={disabled} onClick={this._vote(ballot.DOWNVOTE)}>
|
||||||
|
<DownvoteIcon />
|
||||||
|
{downvotes}
|
||||||
|
</IconButton>
|
||||||
|
{ isSubmitting && <CircularProgress size={14} className={classes.spinner} /> }
|
||||||
|
</CardActions>
|
||||||
|
</Card>;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
Post.propTypes = {
|
||||||
|
filterBy: PropTypes.string,
|
||||||
|
upvotes: PropTypes.number.isRequired,
|
||||||
|
downvotes: PropTypes.number.isRequired,
|
||||||
|
classes: PropTypes.object.isRequired,
|
||||||
|
id: PropTypes.number.isRequired,
|
||||||
|
owner: PropTypes.string.isRequired,
|
||||||
|
creationDate: PropTypes.string.isRequired,
|
||||||
|
description: PropTypes.string.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
export default withStyles(styles)(Post);
|
||||||
|
|
@ -0,0 +1,220 @@
|
||||||
|
import React, { Component } from 'react'
|
||||||
|
import PropTypes from 'prop-types'
|
||||||
|
import IconButton from '@material-ui/core/IconButton'
|
||||||
|
import Input from '@material-ui/core/Input'
|
||||||
|
import Paper from '@material-ui/core/Paper'
|
||||||
|
import ClearIcon from '@material-ui/icons/Clear'
|
||||||
|
import SearchIcon from '@material-ui/icons/Search'
|
||||||
|
import { grey } from '@material-ui/core/colors'
|
||||||
|
import withStyles from '@material-ui/core/styles/withStyles'
|
||||||
|
import classNames from 'classnames'
|
||||||
|
|
||||||
|
const styles = {
|
||||||
|
root: {
|
||||||
|
height: 48,
|
||||||
|
display: 'flex',
|
||||||
|
justifyContent: 'space-between'
|
||||||
|
},
|
||||||
|
iconButton: {
|
||||||
|
opacity: 0.54,
|
||||||
|
transform: 'scale(1, 1)',
|
||||||
|
transition: 'transform 200ms cubic-bezier(0.4, 0.0, 0.2, 1)'
|
||||||
|
},
|
||||||
|
iconButtonHidden: {
|
||||||
|
transform: 'scale(0, 0)',
|
||||||
|
'& > $icon': {
|
||||||
|
opacity: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
iconButtonDisabled: {
|
||||||
|
opacity: 0.38
|
||||||
|
},
|
||||||
|
searchIconButton: {
|
||||||
|
marginRight: -48
|
||||||
|
},
|
||||||
|
icon: {
|
||||||
|
opacity: 0.54,
|
||||||
|
transition: 'opacity 200ms cubic-bezier(0.4, 0.0, 0.2, 1)'
|
||||||
|
},
|
||||||
|
input: {
|
||||||
|
width: '100%'
|
||||||
|
},
|
||||||
|
searchContainer: {
|
||||||
|
margin: 'auto 16px',
|
||||||
|
width: 'calc(100% - 48px - 32px)' // 48px button + 32px margin
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Material design search bar
|
||||||
|
* @see [Search patterns](https://material.io/guidelines/patterns/search.html)
|
||||||
|
*/
|
||||||
|
class SearchBar extends Component {
|
||||||
|
constructor (props) {
|
||||||
|
super(props)
|
||||||
|
this.state = {
|
||||||
|
focus: false,
|
||||||
|
value: this.props.value,
|
||||||
|
active: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
componentWillReceiveProps (nextProps) {
|
||||||
|
if (this.props.value !== nextProps.value) {
|
||||||
|
this.setState({...this.state, value: nextProps.value})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleFocus = (e) => {
|
||||||
|
this.setState({focus: true})
|
||||||
|
if (this.props.onFocus) {
|
||||||
|
this.props.onFocus(e)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleBlur = (e) => {
|
||||||
|
this.setState({focus: false})
|
||||||
|
if (this.state.value.trim().length === 0) {
|
||||||
|
this.setState({value: ''})
|
||||||
|
}
|
||||||
|
if (this.props.onBlur) {
|
||||||
|
this.props.onBlur(e)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleInput = (e) => {
|
||||||
|
this.setState({value: e.target.value})
|
||||||
|
if (this.props.onChange) {
|
||||||
|
this.props.onChange(e.target.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleCancel = () => {
|
||||||
|
this.setState({active: false, value: ''})
|
||||||
|
if (this.props.onCancelSearch) {
|
||||||
|
this.props.onCancelSearch()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleKeyUp = (e) => {
|
||||||
|
if (e.charCode === 13 || e.key === 'Enter') {
|
||||||
|
this.handleRequestSearch()
|
||||||
|
} else if (this.props.cancelOnEscape && (e.charCode === 27 || e.key === 'Escape')) {
|
||||||
|
this.handleCancel()
|
||||||
|
}
|
||||||
|
if (this.props.onKeyUp) {
|
||||||
|
this.props.onKeyUp(e)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
handleRequestSearch = () => {
|
||||||
|
if (this.props.onRequestSearch) {
|
||||||
|
this.props.onRequestSearch(this.state.value)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render () {
|
||||||
|
const { value } = this.state
|
||||||
|
const {
|
||||||
|
cancelOnEscape,
|
||||||
|
className,
|
||||||
|
classes,
|
||||||
|
closeIcon,
|
||||||
|
disabled,
|
||||||
|
onCancelSearch,
|
||||||
|
onRequestSearch,
|
||||||
|
searchIcon,
|
||||||
|
style,
|
||||||
|
...inputProps
|
||||||
|
} = this.props
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Paper
|
||||||
|
className={classNames(classes.root, className)}
|
||||||
|
style={style}
|
||||||
|
>
|
||||||
|
<div className={classes.searchContainer}>
|
||||||
|
<Input
|
||||||
|
{...inputProps}
|
||||||
|
onBlur={this.handleBlur}
|
||||||
|
value={value}
|
||||||
|
onChange={this.handleInput}
|
||||||
|
onKeyUp={this.handleKeyUp}
|
||||||
|
onFocus={this.handleFocus}
|
||||||
|
fullWidth
|
||||||
|
className={classes.input}
|
||||||
|
disableUnderline
|
||||||
|
disabled={disabled}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<IconButton
|
||||||
|
onClick={this.handleRequestSearch}
|
||||||
|
classes={{
|
||||||
|
root: classNames(classes.iconButton, classes.searchIconButton, {
|
||||||
|
[classes.iconButtonHidden]: value !== ''
|
||||||
|
}),
|
||||||
|
disabled: classes.iconButtonDisabled
|
||||||
|
}}
|
||||||
|
disabled={disabled}
|
||||||
|
>
|
||||||
|
{React.cloneElement(searchIcon, {
|
||||||
|
classes: { root: classes.icon }
|
||||||
|
})}
|
||||||
|
</IconButton>
|
||||||
|
<IconButton
|
||||||
|
onClick={this.handleCancel}
|
||||||
|
classes={{
|
||||||
|
root: classNames(classes.iconButton, {
|
||||||
|
[classes.iconButtonHidden]: value === ''
|
||||||
|
}),
|
||||||
|
disabled: classes.iconButtonDisabled
|
||||||
|
}}
|
||||||
|
disabled={disabled}
|
||||||
|
>
|
||||||
|
{React.cloneElement(closeIcon, {
|
||||||
|
classes: { root: classes.icon }
|
||||||
|
})}
|
||||||
|
</IconButton>
|
||||||
|
</Paper>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
SearchBar.defaultProps = {
|
||||||
|
className: '',
|
||||||
|
closeIcon: <ClearIcon style={{ color: grey[500] }} />,
|
||||||
|
disabled: false,
|
||||||
|
placeholder: 'Search',
|
||||||
|
searchIcon: <SearchIcon style={{ color: grey[500] }} />,
|
||||||
|
style: null,
|
||||||
|
value: ''
|
||||||
|
}
|
||||||
|
|
||||||
|
SearchBar.propTypes = {
|
||||||
|
/** Whether to clear search on escape */
|
||||||
|
cancelOnEscape: PropTypes.bool,
|
||||||
|
/** Override or extend the styles applied to the component. */
|
||||||
|
classes: PropTypes.object.isRequired,
|
||||||
|
/** Custom top-level class */
|
||||||
|
className: PropTypes.string,
|
||||||
|
/** Override the close icon. */
|
||||||
|
closeIcon: PropTypes.node,
|
||||||
|
/** Disables text field. */
|
||||||
|
disabled: PropTypes.bool,
|
||||||
|
/** Fired when the search is cancelled. */
|
||||||
|
onCancelSearch: PropTypes.func,
|
||||||
|
/** Fired when the text value changes. */
|
||||||
|
onChange: PropTypes.func,
|
||||||
|
/** Fired when the search icon is clicked. */
|
||||||
|
onRequestSearch: PropTypes.func,
|
||||||
|
/** Sets placeholder text for the embedded text field. */
|
||||||
|
placeholder: PropTypes.string,
|
||||||
|
/** Override the search icon. */
|
||||||
|
searchIcon: PropTypes.node,
|
||||||
|
/** Override the inline-styles of the root element. */
|
||||||
|
style: PropTypes.object,
|
||||||
|
/** The value of the text field. */
|
||||||
|
value: PropTypes.string
|
||||||
|
}
|
||||||
|
|
||||||
|
export default withStyles(styles)(SearchBar)
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
background: #e8e8e8;
|
||||||
|
padding-top: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
|
|
@ -0,0 +1,13 @@
|
||||||
|
import EmbarkJS from './embarkArtifacts/embarkjs';
|
||||||
|
import React from 'react';
|
||||||
|
import { render } from 'react-dom';
|
||||||
|
import App from './components/App';
|
||||||
|
|
||||||
|
// import your contracts
|
||||||
|
// e.g if you have a contract named SimpleStorage:
|
||||||
|
//import SimpleStorage from 'Embark/contracts/SimpleStorage';
|
||||||
|
|
||||||
|
EmbarkJS.onReady(() => {
|
||||||
|
render(<App />, document.getElementById('root'));
|
||||||
|
});
|
||||||
|
|
||||||
|
|
@ -0,0 +1,135 @@
|
||||||
|
// This optional code is used to register a service worker.
|
||||||
|
// register() is not called by default.
|
||||||
|
|
||||||
|
// This lets the app load faster on subsequent visits in production, and gives
|
||||||
|
// it offline capabilities. However, it also means that developers (and users)
|
||||||
|
// will only see deployed updates on subsequent visits to a page, after all the
|
||||||
|
// existing tabs open on the page have been closed, since previously cached
|
||||||
|
// resources are updated in the background.
|
||||||
|
|
||||||
|
// To learn more about the benefits of this model and instructions on how to
|
||||||
|
// opt-in, read https://bit.ly/CRA-PWA
|
||||||
|
|
||||||
|
const isLocalhost = Boolean(
|
||||||
|
window.location.hostname === 'localhost' ||
|
||||||
|
// [::1] is the IPv6 localhost address.
|
||||||
|
window.location.hostname === '[::1]' ||
|
||||||
|
// 127.0.0.1/8 is considered localhost for IPv4.
|
||||||
|
window.location.hostname.match(
|
||||||
|
/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
export function register(config) {
|
||||||
|
if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
|
||||||
|
// The URL constructor is available in all browsers that support SW.
|
||||||
|
const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
|
||||||
|
if (publicUrl.origin !== window.location.origin) {
|
||||||
|
// Our service worker won't work if PUBLIC_URL is on a different origin
|
||||||
|
// from what our page is served on. This might happen if a CDN is used to
|
||||||
|
// serve assets; see https://github.com/facebook/create-react-app/issues/2374
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
|
||||||
|
|
||||||
|
if (isLocalhost) {
|
||||||
|
// This is running on localhost. Let's check if a service worker still exists or not.
|
||||||
|
checkValidServiceWorker(swUrl, config);
|
||||||
|
|
||||||
|
// Add some additional logging to localhost, pointing developers to the
|
||||||
|
// service worker/PWA documentation.
|
||||||
|
navigator.serviceWorker.ready.then(() => {
|
||||||
|
console.log(
|
||||||
|
'This web app is being served cache-first by a service ' +
|
||||||
|
'worker. To learn more, visit https://bit.ly/CRA-PWA'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// Is not localhost. Just register service worker
|
||||||
|
registerValidSW(swUrl, config);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function registerValidSW(swUrl, config) {
|
||||||
|
navigator.serviceWorker
|
||||||
|
.register(swUrl)
|
||||||
|
.then(registration => {
|
||||||
|
registration.onupdatefound = () => {
|
||||||
|
const installingWorker = registration.installing;
|
||||||
|
if (installingWorker == null) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
installingWorker.onstatechange = () => {
|
||||||
|
if (installingWorker.state === 'installed') {
|
||||||
|
if (navigator.serviceWorker.controller) {
|
||||||
|
// At this point, the updated precached content has been fetched,
|
||||||
|
// but the previous service worker will still serve the older
|
||||||
|
// content until all client tabs are closed.
|
||||||
|
console.log(
|
||||||
|
'New content is available and will be used when all ' +
|
||||||
|
'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
|
||||||
|
);
|
||||||
|
|
||||||
|
// Execute callback
|
||||||
|
if (config && config.onUpdate) {
|
||||||
|
config.onUpdate(registration);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// At this point, everything has been precached.
|
||||||
|
// It's the perfect time to display a
|
||||||
|
// "Content is cached for offline use." message.
|
||||||
|
console.log('Content is cached for offline use.');
|
||||||
|
|
||||||
|
// Execute callback
|
||||||
|
if (config && config.onSuccess) {
|
||||||
|
config.onSuccess(registration);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('Error during service worker registration:', error);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkValidServiceWorker(swUrl, config) {
|
||||||
|
// Check if the service worker can be found. If it can't reload the page.
|
||||||
|
fetch(swUrl)
|
||||||
|
.then(response => {
|
||||||
|
// Ensure service worker exists, and that we really are getting a JS file.
|
||||||
|
const contentType = response.headers.get('content-type');
|
||||||
|
if (
|
||||||
|
response.status === 404 ||
|
||||||
|
(contentType != null && contentType.indexOf('javascript') === -1)
|
||||||
|
) {
|
||||||
|
// No service worker found. Probably a different app. Reload the page.
|
||||||
|
navigator.serviceWorker.ready.then(registration => {
|
||||||
|
registration.unregister().then(() => {
|
||||||
|
window.location.reload();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// Service worker found. Proceed as normal.
|
||||||
|
registerValidSW(swUrl, config);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
console.log(
|
||||||
|
'No internet connection found. App is running in offline mode.'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function unregister() {
|
||||||
|
if ('serviceWorker' in navigator) {
|
||||||
|
navigator.serviceWorker.ready.then(registration => {
|
||||||
|
registration.unregister();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
/* global web3, config, contract, assert */
|
||||||
|
const DReddit = require('Embark/contracts/DReddit');
|
||||||
|
|
||||||
|
const ipfsHash = 'Qmc5gCcjYypU7y28oCALwfSvxCBskLuPKWpK4qpterKC7z';
|
||||||
|
let accounts = [];
|
||||||
|
let postId = -1;
|
||||||
|
|
||||||
|
config({
|
||||||
|
contracts: {
|
||||||
|
DReddit: {}
|
||||||
|
}
|
||||||
|
}, (err, _accounts) => {
|
||||||
|
accounts = _accounts;
|
||||||
|
});
|
||||||
|
|
||||||
|
contract('DReddit', () => {
|
||||||
|
|
||||||
|
it('should work', () => {
|
||||||
|
assert.ok(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should be able to create a post and receive it via contract event', async () => {
|
||||||
|
let receipt = await DReddit.methods.create(web3.utils.fromAscii(ipfsHash)).send();
|
||||||
|
const event = receipt.events.NewPost;
|
||||||
|
postId = event.returnValues.postId;
|
||||||
|
assert.equal(web3.utils.toAscii(event.returnValues.description), ipfsHash);
|
||||||
|
});
|
||||||
|
|
||||||
|
it ('post should have correct data', async () => {
|
||||||
|
const post = await DReddit.methods.posts(postId).call();
|
||||||
|
assert.equal(web3.utils.toAscii(post.description), ipfsHash);
|
||||||
|
assert.equal(post.owner, accounts[0]);
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should not be able to vote in an unexisting post", async () => {
|
||||||
|
const userCanVote = await DReddit.methods.canVote("123").call();
|
||||||
|
assert.equal(userCanVote, false);
|
||||||
|
});
|
||||||
|
|
||||||
|
it("should be able to vote in a post if account hasn't voted before", async () => {
|
||||||
|
const userCanVote = await DReddit.methods.canVote(postId).call();
|
||||||
|
assert.equal(userCanVote, true);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should be able to vote in a post', async () => {
|
||||||
|
const receipt = await DReddit.methods.vote(postId, 1).send();
|
||||||
|
const Vote = receipt.events.Vote;
|
||||||
|
assert.equal(Vote.returnValues.voter, accounts[0]);
|
||||||
|
});
|
||||||
|
|
||||||
|
it('shouldn\'t be able to vote twice', async () => {
|
||||||
|
try {
|
||||||
|
await DReddit.methods.vote(postId, 1).send();
|
||||||
|
assert.fail('should have reverted before');
|
||||||
|
} catch (error){
|
||||||
|
assert(error.message.search('revert') > -1, 'Revert should happen');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue