npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

truffle-init-webpack

v0.0.3

Published

Frontend example using truffle v3

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

abysmliabysmli

Keywords

Readme

Smart Contract Demo

This demo targets to test a rough and basic logic of smart contract in SEC. It is developed based on truffle framework. Smart Contracts are built in solidity. Test networks are built by testrpc on local. And frontend implementation is based on web3 framework.

Smart Contract

In this small demo, the smart conract targets to create transactions in blochchians when user buy something. We should consider two chains here -- trade chain and token chain. In different cases, the smart contract will be called in different way.

Compile and Deploy

In truffle.js, we could define network settings (such as name and port), for smart contract deployment.

| Commands | Description | | --- | --- | | testrpc -p port | Build a small test blockchain network at the port of localhost | | truffle compile | Compile smart contract | | truffle migrate --network network-name | Deploy the smart contract on the corresponding network |

Frontened

Frotend implementation is based on web3 framework. It is used to interact with smart contracts. Please run following code on commander and then we could access the small demo on localhost:8080

npm run dev

In the frontend, we could see, when user buy something normally with clicking on the yellow "Buy" button. If we checked the logs on two blockchain test networks, we could find that there will be a new transaction in trade-chain, but not in the token-chain.

If we click "Buy from share" (it is only a simple simulation for the behaviour -- buying something through others' shared link), we could find that the accounts' balance on shared-chain changes, the sharer gets some tokens as rewards. When we go to the logs, we could find that there will be one transaction on trade-chain and also one transaction on token-chain.