@asl-19/react-dom-utils

Shared ReactDOM utility functions and types for ASL19 projects.

Install

npm install @asl-19/react-dom-utils

Documentation

See docs/README.md for API documentation.

Development

This package uses mise to manage the Node.js and pinact versions (see mise.toml). With mise activated in your shell:

# Install Node.js and pinact
mise install

mise.toml only lists tools, so mise trusts it without mise trust. Keep it that way: adding [env], [hooks] or [tasks] would let it run code when you cd into the folder.

.npmrc and package.json (devEngines, allowScripts) configure npm supply-chain gates: a one-day release-age window, approved install scripts only, and registry-only dependencies. See AGENTS.md for details.

In this folder:

# Run tests in watch mode
npm test

# Build into dist
npm run build

# Install dependencies if needed, then type check, lint, check formatting,
# run tests, and lint package
npm run dev-lint-test

If you add a hook or type, or change the documentation comments or signature of an existing one, regenerate the API documentation (CI will fail if docs is out of date):

# Update docs/* (Markdown documentation generated by TypeDoc)
npm run docs

To check for updates to Node.js (in mise.toml), npm packages, and GitHub Actions (pinned to commit SHAs in .github/workflows):

npm run outdated

# Update GitHub Actions to the latest releases that are at least 7 days old
npm run pinact-update

To test changes in a project that uses react-dom-utils, use yalc:

# In this folder: build, check, and publish to the local yalc store
npx yalc publish

# In the project: replace the project’s copy of react-dom-utils with the local version
npx yalc add @asl-19/react-dom-utils

After making further changes, run npx yalc push in this folder to update the projects using it.

Once you’re finished testing run npx yalc remove @asl-19/react-dom-utils in the project, then run npm install to revert to the published copy of the package.