e-oz

@Shnatsel wrote...

The following code is unsound:

https://github.com/actix/actix-net/blob/7c5fa25b23a802b27e8066caf4e01e3c2cedeb35/actix-service/src/cell.rs#L34-L36

This uses Rc::as_ref() to obtain a reference to the underlying data, which does not guarantee uniqueness. It is possible to obtain several mutable references to the same memory location by calling this function repeatedly:

let mycell = Cell::new(vec![1,2,3]);

e-oz

/* eslint-disable @typescript-eslint/no-explicit-any */
//
// https://angular.io/guide/zone#setting-up-zonejs
// https://github.com/angular/angular/blob/master/packages/zone.js/lib/zone.configurations.api.ts
//

(window as any).__Zone_disable_defineProperty = true;
(window as any).__Zone_disable_requestAnimationFrame = true;
(window as any).__Zone_disable_on_property = true;
(window as any).__zone_symbol__UNPATCHED_EVENTS = [

e-oz

// Not so perfect
export class RegStore extends ComponentStore<SomeState> {
    private readonly registrationSuccess$ = this.effect(_ => _.pipe(
        tap(() => {
            this.patchState({success: true});
            this.regsCounterAdd$();
        })
    ));
    private readonly regsCounterAdd$ = this.effect(_ => _.pipe(
      siwtchMap(() => this.regSrv.increaseCounter())

e-oz

class UploaderConfig {
  public readonly url: string;
}
// Service, where you need UploaderConfig
class ApiService {
  constructor(@Inject('UPLOADER_CONFIG') config: UploaderConfig){
    
  } 
}
// Module or component where you can configure dependencies:

e-oz

interface UsersListState {
  users: User[];
  columns: string[];
}
class UsersListStore extends ComponentStore<UsersListState> {
  // ...
  getUsers() {
    return this.select(state => state.users).pipe(
      combineLatestWith(this.select(state => state.columns)),
      map(([users, columns]) => {

e-oz

libs/feature/src:
└─ lib
    ├─ example
    │     ├─  example.component.html
    │     ├─  [example.component.scss]
    │     ├─  example.component.spec.ts 
    │     ├─  example.component.ts 
    │     ├─  [example.store.ts] 
    │     └─  [README.md]
    └─ [README.md]

e-oz

export class SomeComponent {
  @Input() set field(field: someType) {
    this.store.patchState({field});
  }
}

e-oz

$dark-primary-text: rgba(0, 0, 0, 0.87);
$light-primary-text: rgb(255, 255, 255);

$viva-magenta: (
        50 : #f7e5e9,
        100 : #ebbec8,
        200 : #dd93a4,
        300 : #cf6780,
        400 : #c54764,
        500 : #bb2649,

e-oz

platformBrowserDynamic().bootstrapModule(AppModule, {
  ngZoneEventCoalescing: true,
  ngZoneRunCoalescing: true,
}).catch((err) => console.error(err));

e-oz

import { assertInInjectionContext, DestroyRef, inject, Injector, isDevMode, isSignal, type Signal } from '@angular/core';
import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
import { isObservable, Observable, of, retry, type RetryConfig, Subject, Subscription } from 'rxjs';

export type CreateEffectOptions = {
  injector?: Injector,
  /**
   * @param retryOnError
   * Set to 'false' to disable retrying on error.
   * Otherwise, generated effect will use `retry()`.