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 🙏

© 2024 – Pkg Stats / Ryan Hefner

fxhash

v0.0.10

Published

This package works as an alias for the `@fxhash/cli`, so that it can be called via `npx fxhash`

Downloads

54

Readme

fxhash

This package works as an alias for the @fxhash/cli, so that it can be called via npx fxhash

The usage of the CLI is totally optional for publishing art on the fx(hash) platform. The CLI only provides tools that should help you in the development process.

Prerequisits

  • node >= 18.0.0
  • npm >= 9.0.0

Usage

You can run all commands via npx.

npx fxhash <command> [args]

Alternatively you can install the package with -g flag to make it globally available in your terminal.

npm install -g fxhash

API

$ fxhash create

Create a new project in a single step. The terminal will ask you to provide a name and you can choose one of the predefined templates.

$ fxhash build [options]

Creates a bundled version the artwork. The output file will be called upload.zip and can be uploaded as it is on fxhash.xyz.

Options

--minify Enable minification when creating the bundle. Default: false
--noZip Disable the zip file creation. Default: false
--srcPath The path to the source of the project. This is just relevant for ejected projects that actually have a nested structure. Default: /src

$ fxhash dev [options]

Starts a development environment for the artwork. Each time fxhash dev is run the environment will check for updates and will keep itself up-to-date.

Options

--portStudio The port fxlens is served on. Default: 3300
--portProject The port the project is served on. Default: 3301
--srcPath The path to the source of the project. This is just relevant for ejected projects that actually have a nested structure. Default: /src

$ fxhash update [options]

Will update the whole fxhash environment. It will download the latest version of fxlens and the fxhash-snippet. Optionally you can inject the latest snippet into your html file.

Options

--srcPath The path to the source of the project. This is just relevant for ejected projects that actually have a nested structure. Default: /src

$ fxhash eject

Will eject your project into a nested struture. It will copy all your code into a srcPath (Default: /src) and create a package.json file in the root of your project. This will allow you to configure any custom tooling you like while still being able to use the @fxhash/cli in your ejected project.

Options

--srcPath The path to eject the code into. If you set a custom path here you also must specify this path to the other commands.

$ fxhash add <package@version>

Install an existing libaries. Beside being a convenience feature. This ensure that you are reusing existing libraries from the onchfs, which reduces the costs of storing your project on-chain 😎.

Options

--list Lists all existing libraries that can be imported
--inject Will also inject a <script /> tag into your projects html entry point pointing to the downloaded library

$ fxhash capture [args]

With the capture command you can test your bundled project agains the fx(hash) capture module. For params token you currently must provide the inputBytes yourself. You can copy the inputBytes from the url when you are running the fxhash dev command.

Options

--zip The path (absolute or relative) to the project's zip file you want to create the capture of. Default: upload.zip
--hash The hash that is injected when the capture is taken. Default: random value
--minter The minter address that is injected when the capture is taken. Default: random value
--iteration The iteration number that is injeted when the capture is taken. Default: 1
--inputBytes The inputBytes that are injected when the capture is taken. Default: undefined
--x The width in pixels. Capped at 2560. Default: 800
--y The height in pixels. Capped at 2550. Default: 800
--trigger The trigger mode. Either DELAY or FN_TRIGGER. Default: delay
--delay The delay in ms for the trigger mode DELAY. Default: 3000
--selector The id of the canvas element to capture.

Configuration with .env

The CLI accepts a .env file in the root folder. The .env file allows you to configure all options of the CLI an store them for your project, e.g.

PORT_PROJECT=3301
PORT_STUDIO=3300
SRC_PATH=/src
MINIFY=false

⚠️ Note: Arguments passed to the command will always override the variables set in the .env file