Package Docs Hub

The shared building blocks behind this JavaScript library monorepo.

Browse every package under packages/, see how they fit together, and jump straight into install steps, quick-start snippets, and the full reference docs.

Components Authentication Server Runtime Utilities Types Config Scaffolding

Packages

Each card leads to a detailed usage guide and the README reference.

Design systems, theme primitives, and ready-to-ship interface building blocks.

1 package in this lane.

Components

@batoanng/mui-components

Typed MUI primitives, atomic UI building blocks, and a shared theme system for product teams.

Install

npm install @batoanng/mui-components

Built on MUI v5
Organized by Atomic Design (Atoms, Molecules, Forms)
Theming support (Light/Dark mode, tokenized palette, typography)

@batoanng/utils@batoanng/eslint-config@batoanng/prettier-config@batoanng/tsconfig@batoanng/vite-config

v3.5.42 min read

Authentication

Identity flows and route-level primitives for secure front-end sessions.

1 package in this lane.

Authentication

@batoanng/oidc

React-first OIDC flows with route callbacks, shared auth context, and ready-made status screens.

Install

npm install @batoanng/oidc

Wraps react oidc context with login, logout, and expired password routing.
Exposes a shared authorisation context through useOidcAuthorisationContext , useChallenge , and useChallengeResult .
Provides OidcAuthorisationCallback for post login profile and privilege loading.

@batoanng/mui-components@batoanng/utils@batoanng/eslint-config@batoanng/prettier-config@batoanng/tsconfig@batoanng/vite-config

v3.0.54 min read

Server Runtime

Production-facing runtime helpers for delivery, proxying, and front-end hosting.

1 package in this lane.

Server

@batoanng/frontend-server

Serve front-end builds, inject env vars, proxy API traffic, and keep edge concerns in one runtime.

Install

npm install @batoanng/frontend-server

Does most of the heavy lifting for front end server.js applications. Proxies all requests to the API to a target server, catering for CORS, CSP, and HSTS. Optionally forwards payment completion responses to the Forms API.
1 published export ready to compose.
3 entrypoints exposed for consumers.

@batoanng/eslint-config@batoanng/prettier-config@batoanng/tsconfig@batoanng/vite-config

v2.7.23 min read

Utilities

Shared helpers, hooks, and error-shaping primitives used across the workspace.

1 package in this lane.

Utilities

@batoanng/utils

General-purpose helpers and React hooks for the shared front-end ecosystem.

Install

npm install @batoanng/utils

✅ Typed utility functions (e.g. sleep, slugify, short ID generator)
⚙️ Server + client safe helpers
🪝 React hooks like usePrevious and useIsomorphicLayoutEffect

@batoanng/types@batoanng/eslint-config@batoanng/jest-config@batoanng/tsconfig

v2.4.21 min read

Types

Type-only contracts that keep front-end and back-end code aligned.

1 package in this lane.

Types

@batoanng/types

Centralised domain and error contracts that can be shared across apps, servers, and tooling.

Install

npm install -D @batoanng/types

Root exports for common usage from @batoanng/types
Stable subpath exports for errors , structures , and shared
Runtime data structures with Vitest coverage

@batoanng/utils@batoanng/eslint-config@batoanng/tsconfig

v0.5.17 min read

Config

Reusable standards for linting, formatting, bundling, testing, and build setup.

6 packages in this lane.

Config

@batoanng/eslint-config

Flat-config presets for React, Next.js, Tailwind, tests, and strict TypeScript repos.

Install

npm install -D @batoanng/eslint-config

@batoanng/eslint config or @batoanng/eslint config/react :
@batoanng/eslint config/next :
@batoanng/eslint config/tailwind :

v3.3.22 min read

Config

@batoanng/jest-config

Preset Jest setups for Next.js, NestJS, Node, and esbuild-driven TypeScript projects.

Install

npm install -D @batoanng/jest-config

Multiple Jest presets:
Custom global setups via jest.setup.js and esbuild jest.setup.js
JSDOM, environment, and transform preconfigured

v1.4.11 min read

Config

@batoanng/prettier-config

A single formatting baseline for JavaScript and TypeScript repos in the workspace.

Install

npm install -D @batoanng/prettier-config

Enforces 2 space indentation
Uses single quotes and semicolons
Consistent trailing commas (ES5)

v1.7.01 min read

Config

@batoanng/tailwind-config

Shared Tailwind CSS v4 theme tokens and utility extensions exposed through a CSS-first stylesheet.

Install

npm install -D @batoanng/tailwind-config

A shareable Tailwind CSS v4 theme package built around a CSS first workflow. Import the shared stylesheet to pick up fonts, colors, spacing, shadows, and utility extensions without maintaining a local tailwind.config.js .
2 published exports ready to compose.
Designed to work alongside tailwindcss.

v1.4.01 min read

Config

@batoanng/tsconfig

TypeScript presets for React apps, Next.js projects, Node runtimes, and legacy tooling edges.

Install

npm install -D @batoanng/tsconfig

Strict type checking across all environments
Modern module and target settings
Multiple environment presets:

v1.5.11 min read

Config

@batoanng/vite-config

A shared Vite and Vitest baseline for React and TypeScript projects in the workspace.

Install

npm install -D @batoanng/vite-config

⚡ Pre configured Vite settings for React projects
🎯 Supports TypeScript, JSX, aliases, and asset handling
🧪 Vitest test setup with custom environment and plugins

v1.3.11 min read

Scaffolding

Generators that stamp out new apps and opinionated feature slices quickly.

1 package in this lane.

Scaffolding

generator-t-generator

Yeoman generators for React, Next.js, NestJS, and Node.js stacks with documented base structures and installable features.

Install

npm install -g yo generator-t-generator

React + Vite scaffold with Feature-Sliced Design structure and add-ons for bff, tailwind, ui-library, auth, redux, react-query, apollo, and pwa.
Next.js App Router scaffold with Feature-Sliced Design structure and add-ons for tailwind, ui-library, auth, redux, react-query, apollo, and pwa.
NestJS + Fastify + Prisma scaffold with module-based server structure and add-ons for graphql, queue, cache, and llm.

@batoanng/eslint-config@batoanng/prettier-config@batoanng/tsconfig

v0.4.66 min read