Dev

[TheVolpeDev]

This pull request sets up a new React utility component library with a strong focus on developer experience, code quality, and testing. It introduces foundational components (For, Show, Match, Switch), adds comprehensive tests, and configures formatting, build, and CI workflows. The most important changes are:

Component Implementation:

• Added generic utility components: For, Show, Match, and Switch in the src/components directory, and re-exported them from src/index.ts. These provide declarative control flow utilities for React. [1] [2] [3] [4] [5]

Testing Infrastructure:

• Introduced comprehensive test suites for all components using Vitest and Testing Library, including a smoke test and test setup for jest-dom matchers. [1] [2] [3] [4] [5]

Build and Tooling Configuration:

• Added tsup.config.ts for TypeScript bundling and type declarations, and updated package.json with scripts for build, format, and test, as well as relevant dev dependencies. [1] [2]

Code Quality and Editor Setup:

• Configured Prettier with .prettierrc and .prettierignore, and set up VSCode recommendations and settings for consistent formatting and import management. [1] [2] [3] [4]

Continuous Integration:

• Added a GitHub Actions workflow for CI that runs formatting, build, and tests on pull requests.

[Copilot]

Pull request overview

Sets up the initial jsx-utils React component utility library, including core control-flow components, build/test tooling, and CI to support a publishable, well-tested package.

Changes:

• Added foundational React utility components: For, Show, Match, Switch, and exported them from src/index.ts.
• Introduced Vitest + Testing Library setup with component test suites and a smoke test.
• Added bundling (tsup), TypeScript configuration, Prettier configuration, VSCode workspace settings, and a basic GitHub Actions CI workflow.

Reviewed changes

Copilot reviewed 18 out of 21 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
vitest.config.ts	Configures Vitest to run in jsdom with globals and a setup file.
tsup.config.ts	Adds tsup bundling config (ESM+CJS, dts, sourcemaps, externals).
tsconfig.json	Defines TS compilation options (strict, react-jsx, declarations).
src/index.ts	Re-exports public components from the library entrypoint.
src/components/For.tsx	Adds For list-render utility component.
src/components/Show.tsx	Adds Show conditional-render utility component.
src/components/Match.tsx	Adds Match branch component used by Switch.
src/components/Switch.tsx	Adds Switch first-truthy-match control-flow component.
test/For.test.tsx	Adds unit tests for For.
test/Show.test.tsx	Adds unit tests for Show.
test/Switch.test.tsx	Adds unit tests for Switch (and indirectly Match).
test/smoke.test.ts	Adds smoke tests for vitest + jsdom availability.
test/setup.ts	Loads @testing-library/jest-dom matchers.
package.json	Adds scripts and devDependencies for build/format/test; updates package name.
package-lock.json	Captures dependency lock for the new toolchain.
.prettierrc	Adds Prettier formatting rules.
.prettierignore	Excludes build artifacts and lockfile from Prettier.
.vscode/settings.json	Adds editor formatting/import preferences.
.vscode/extensions.json	Recommends editor extensions for the project.
.gitignore	Updates ignore rules and attempts to include VSCode settings files.
.github/workflows/integrity-ci.yml	Adds CI workflow to run format check, build, and tests.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.