@sergeydus/ng-signals-utils 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -12
- package/package.json +14 -3
package/README.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
# ng-signals-utils
|
|
1
|
+
# @sergeydus/ng-signals-utils
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.com/package/ng-signals-utils)
|
|
3
|
+
[](https://www.npmjs.com/package/@sergeydus/ng-signals-utils)
|
|
4
4
|
[](https://opensource.org/licenses/MIT)
|
|
5
5
|
[](https://www.typescriptlang.org/)
|
|
6
6
|
[](https://angular.io/)
|
|
7
7
|
|
|
8
8
|
**Powerful utility functions for Angular signals that make reactive programming easier and more intuitive.**
|
|
9
9
|
|
|
10
|
-
Stop writing repetitive signal manipulation code.
|
|
10
|
+
Stop writing repetitive signal manipulation code. `@sergeydus/ng-signals-utils` provides a comprehensive set of utilities for transforming, filtering, and managing signals in your Angular applications.
|
|
11
11
|
|
|
12
12
|
## 🚀 Why ng-signals-utils?
|
|
13
13
|
|
|
@@ -24,15 +24,15 @@ Angular's signals are powerful, but common operations require boilerplate code.
|
|
|
24
24
|
## 📦 Installation
|
|
25
25
|
|
|
26
26
|
```bash
|
|
27
|
-
npm install ng-signals-utils
|
|
27
|
+
npm install @sergeydus/ng-signals-utils
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
```bash
|
|
31
|
-
yarn add ng-signals-utils
|
|
31
|
+
yarn add @sergeydus/ng-signals-utils
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
```bash
|
|
35
|
-
pnpm add ng-signals-utils
|
|
35
|
+
pnpm add @sergeydus/ng-signals-utils
|
|
36
36
|
```
|
|
37
37
|
|
|
38
38
|
## 🎯 Quick Examples
|
|
@@ -57,7 +57,7 @@ effect(() => {
|
|
|
57
57
|
|
|
58
58
|
**With ng-signals-utils:**
|
|
59
59
|
```typescript
|
|
60
|
-
import { debounceSignal } from 'ng-signals-utils';
|
|
60
|
+
import { debounceSignal } from '@sergeydus/ng-signals-utils';
|
|
61
61
|
|
|
62
62
|
const searchTerm = signal('');
|
|
63
63
|
const debouncedSearch = debounceSignal(searchTerm, 300);
|
|
@@ -77,7 +77,7 @@ const completedTodos = computed(() =>
|
|
|
77
77
|
|
|
78
78
|
**With ng-signals-utils:**
|
|
79
79
|
```typescript
|
|
80
|
-
import { arraySignalFilter } from 'ng-signals-utils';
|
|
80
|
+
import { arraySignalFilter } from '@sergeydus/ng-signals-utils';
|
|
81
81
|
|
|
82
82
|
const allTodos = signal<Todo[]>([]);
|
|
83
83
|
const completedTodos = arraySignalFilter(allTodos, todo => todo.completed);
|
|
@@ -90,7 +90,7 @@ const completedTodos = arraySignalFilter(allTodos, todo => todo.completed);
|
|
|
90
90
|
|
|
91
91
|
```typescript
|
|
92
92
|
import { Component, signal } from '@angular/core';
|
|
93
|
-
import { debounceSignal } from 'ng-signals-utils';
|
|
93
|
+
import { debounceSignal } from '@sergeydus/ng-signals-utils';
|
|
94
94
|
|
|
95
95
|
@Component({
|
|
96
96
|
selector: 'app-search',
|
|
@@ -116,7 +116,7 @@ export class SearchComponent {
|
|
|
116
116
|
### Managing Todo Lists
|
|
117
117
|
|
|
118
118
|
```typescript
|
|
119
|
-
import { arraySignalPush, arraySignalRemoveAt, arraySignalFilter } from 'ng-signals-utils';
|
|
119
|
+
import { arraySignalPush, arraySignalRemoveAt, arraySignalFilter } from '@sergeydus/ng-signals-utils';
|
|
120
120
|
|
|
121
121
|
export class TodoComponent {
|
|
122
122
|
todos = signal<Todo[]>([]);
|
|
@@ -136,7 +136,7 @@ export class TodoComponent {
|
|
|
136
136
|
### Form State Management
|
|
137
137
|
|
|
138
138
|
```typescript
|
|
139
|
-
import { patchSignal, pickSignal } from 'ng-signals-utils';
|
|
139
|
+
import { patchSignal, pickSignal } from '@sergeydus/ng-signals-utils';
|
|
140
140
|
|
|
141
141
|
export class UserFormComponent {
|
|
142
142
|
user = signal({
|
|
@@ -159,7 +159,7 @@ export class UserFormComponent {
|
|
|
159
159
|
### Combining Multiple Signals
|
|
160
160
|
|
|
161
161
|
```typescript
|
|
162
|
-
import { combineSignals } from 'ng-signals-utils';
|
|
162
|
+
import { combineSignals } from '@sergeydus/ng-signals-utils';
|
|
163
163
|
|
|
164
164
|
export class CheckoutComponent {
|
|
165
165
|
items = signal<Item[]>([]);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sergeydus/ng-signals-utils",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"description": "Utility functions for Angular signals",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -8,9 +8,20 @@
|
|
|
8
8
|
"utilities",
|
|
9
9
|
"reactive"
|
|
10
10
|
],
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "https://github.com/sergeydus/ng-tailwind-workspace.git",
|
|
14
|
+
"directory": "projects/ng-signals-utils"
|
|
15
|
+
},
|
|
16
|
+
"bugs": {
|
|
17
|
+
"url": "https://github.com/sergeydus/ng-tailwind-workspace/issues"
|
|
18
|
+
},
|
|
19
|
+
"homepage": "https://github.com/sergeydus/ng-tailwind-workspace/tree/master/projects/ng-signals-utils#readme",
|
|
20
|
+
"author": "Sergey Dus",
|
|
21
|
+
"license": "MIT",
|
|
11
22
|
"peerDependencies": {
|
|
12
|
-
"@angular/common": "
|
|
13
|
-
"@angular/core": "
|
|
23
|
+
"@angular/common": ">=17.0.0",
|
|
24
|
+
"@angular/core": ">=17.0.0"
|
|
14
25
|
},
|
|
15
26
|
"dependencies": {
|
|
16
27
|
"tslib": "^2.3.0"
|