gerarts / lit-redux-watch Goto Github PK

export class MyElement extends connect(store)(LitElement) {
    constructor() {
      super();
    }

    @watch('restaurants.restaurantList')
    public restaurantList: any = {
      data: []
    }

    changed(something: any) {
      // this doesn't fire when `this.restaurantList` changes 
      console.log("something changed: ", something);
    }

class CustomElement extends connect(store)(LitElement) {

  constructor (id: string) {
    super()
    
    const selector = (state: RootState) => state.user.documents.find(d => d.id == id).content
    /** ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
     * I now need to register a watch with that selector,
     * so I can update that custom element instance only when the target document's content changes.
     * Using the @watch decorator won't work from the static context because `id` is passed on instanciation.
     * /
  }

  render () { ... }
}