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

create-fynapp

v1.1.3

Published

CLI tool to create new FynApp micro frontends

Readme

FynApp CLI Tools

create-fynapp provides two commands:

  • create-fynapp creates a React FynApp in the current directory.
  • cfa builds and checks an existing FynApp or installs the bundled coding-agent skills.

Installation

Install the released commands globally with fyn:

fyn global add create-fynapp

If the commands are not on PATH, run fyn global setup-path and follow its shell instructions.

To work on this package in the FynMesh monorepo:

cd dev-tools/create-fynapp
fyn install
fyn run build

Create a FynApp

The app is created in the directory you run the command from. At the root of the FynMesh monorepo it is created under demo/ instead, which is where that repository keeps its FynApps.

create-fynapp --name my-app --framework react

The release scaffold supports React. Other framework demos and low-level build configuration exist in FynMesh, but their generator templates are roadmap work.

Options:

  • --name, -n <string>: package and federation name.
  • --framework, -f <string>: react.
  • --dir, -d <string>: directory to create (defaults to the name).
  • --skip-install: create files without running fyn install.

The command creates package.json, tsconfig.json, rollup.config.ts, and starter source files. Register a new demo app separately as described in agent/GUIDE.md.

Work with an existing FynApp

Run cfa from the FynApp directory, or pass --dir.

Build

cfa build
cfa build --watch
cfa build --dir demo/my-app

Options:

  • --dir, -d <string>: target directory (defaults to the current directory).
  • --watch, -w: rebuild when source files change.
  • --minify, -m: enable minified output.

Check build output

cfa check
cfa check --no-build

cfa check builds with the local Rollup binary, then checks for dist/fynapp-entry.js and a parseable dist/fynapp.manifest.json with the required identity and ./main expose. --no-build checks an existing dist/.

What a build emits

dist/ gets JSON as well as JavaScript, and the files are not interchangeable:

  • fynapp.manifest.json — this FynApp's public contract: identity, exposes, consume-shared / provide-shared, import-exposed, shared-providers. Other FynApps' builds read it off disk to discover who provides their shared modules, so build order matters — a dependency built after its consumer leaves the consumer's shared-providers empty.
  • __FYNAPP_MANIFEST__ inside fynapp-entry.js — the same manifest embedded in the entry, which is how the kernel reads it without an extra request. Middleware registration depends on it and has no fallback.
  • federation.json — build plumbing: expose-to-chunk mapping and share config. Optional; nothing at runtime needs it.
  • federation.bundles.json — only when the build's chunks were combined into one file: the map of which file carries which module, which a host reads to preload the file that will really be fetched.
  • __collected_shares.json — debug output. Nothing reads it.

Full reference, including every consumer: notes/BUILD-ARTIFACTS.md.

Install coding-agent skills

cfa install-skills
cfa install-skills --dir path/to/project
cfa install-skills --force

This opt-in command copies the bundled fynapp-modify and fynapp-migrate-kernel skills into <project>/.claude/skills/.

Authoring references

Development checks

fyn run build
fyn run jest-test

License

Apache-2.0