Installations

npm install @trellisorg/update

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

18.18.2

NPM Version

9.8.1 Pull Requests

Open

17

Total

421

Closed

252

Merged

152

Issues

Open

5

Total

18

Closed

13

Releases

Unable to fetch releases

Languages

5

TypeScript

HTML

JavaScript

SCSS

Shell

TypeScript (97.62%)

HTML (1.13%)

JavaScript (0.84%)

SCSS (0.3%)

Shell (0.1%)

Developer

trellisorg

Download Statistics

Total Downloads

2,184

Last Day

3

Last Week

48

Last Month

115

Last Year

657

GitHub Statistics

MIT License

71 Stars

342 Commits

19 Forks

2 Watchers

52 Branches

7 Contributors

Updated on Sep 25, 2024

Bundle Size

750.00 B

Minified

453.00 B

Minified + Gzipped

Bundlephobia

Maintainers

2

View All 7 Contributors

Package Meta Information

Latest Version

1.0.3

Package Id

@trellisorg/update@1.0.3

Unpacked Size

15.25 kB

Size

5.05 kB

File Count

9

NPM Version

9.8.1

Node Version

18.18.2

Published on

Nov 05, 2023

Total Downloads

Cumulative downloads

Total Downloads

2,184

Last Day

-70%

3

Compared to previous day

Last Week

71.4%

48

Compared to previous week

Last Month

59.7%

115

Compared to previous month

Last Year

-12.2%

657

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

tslib

Peer Dependencies

2

@angular/common @angular/core

@trellisorg/update

Provides a decorator (@Update) that allows you to hook into the assignment of a property in a class and then call some function on an injectable to update it.

Install

yarn yarn add @trellisorg/update

npm npm i @trellisorg/update --save

Usage

1@Injectable()
2class Store {
3    readonly counter$ = new BehaviorSubject<number>(0);
4
5    readonly counter2$ = new BehaviorSubject<number>(0);
6
7    readonly setCounter = (value: number) => this.counter$.next(value);
8
9    readonly setCounterTwo = (value: number) => this.counter2$.next(value);
10}
11
12@Component({
13    selector: 'test',
14    styles: [''],
15    template: `<div id="input">
16            {{ counter }}
17        </div>
18        <div id="observable">{{ counter$ | async }}</div>
19        <div id="input">
20            {{ counterTwo }}
21        </div>
22        <div id="observable">{{ counterTwo$ | async }}</div>`,
23    providers: [Store],
24})
25class TestComponent {
26    // Will call `setCounter` on the instantiated `Store`
27    // whenever `counter` is assigned a new value.
28    @Input() @Update(Store) counter = 0;
29
30    // Will call `setCounterTwo` on the instantiated `Store`
31    // whenever `counterTwo` is assigned a new value
32    @Input() @Update(Store, 'setCounterTwo') counterTwo = 0;
33
34    readonly counter$ = this.store.counter$;
35
36    readonly counterTwo$ = this.store.counter2$;
37
38    constructor(private readonly store: Store) {}
39}

Caveat: Properties must be explicitly defined, if they are optional properties you have to set them to undefined otherwise this library cannot patch the correct setters on the property.

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

4.9

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More