Angular Directive Workspace

An Angular monorepo workspace containing multiple standalone directive and utility libraries. Built with Angular 21+ using ng-packagr for npm publishing.

Projects

ng-tailwind-merge

An Angular standalone directive that merges Tailwind CSS classes using tailwind-merge and clsx.

Features:

• [twMerge] directive - merges class and ngClass attributes
• [merge] directive - dynamic class merging via property binding
• cn() and mergeTailwindClasses() utility functions
• Signal-based inputs
• Tree-shakeable

See ng-tailwind-merge README for detailed usage.

@sergeydus/ng-signals-utils

Utility functions for working with Angular signals.

Features:

• Signal transformations - mapSignal, filterSignal, debounceSignal, combineSignals, distinctSignal
• Array utilities - arraySignalPush, arraySignalFilter, arraySignalMap, arraySignalSort, and more
• Object utilities - patchSignal, pickSignal, omitSignal, pluckSignal, and more
• Effect helpers - watchSignal, watchUntil, throttleEffect, debounceEffect
• Type-safe with full TypeScript support
• Tree-shakeable

See @sergeydus/ng-signals-utils README for detailed usage.

Other Libraries

• my-directive-lib - foundational directive library
• ng-tailwind-merge1 - additional Tailwind utilities

Setup

Prerequisites

• Node.js 18+
• npm 9+

Installation

npm install

Development

Build All Libraries

npm run build

Build Specific Library

ng build ng-tailwind-merge
ng build ng-signals-utils

Run Tests

npm run test

Development Server

npm start

Publishing to npm

Build the library:

# or
ng build ng-signals-utils

Publish:

cd dist/ng-tailwind-merge
npm publish
# or
cd dist/ng-signals-utils
cd dist/ng-tailwind-merge
npm publish

Each library is configured with ng-packagr for automated bundling and distribution.