Class instance Stores based on Proxies

[BigAB]

So the idea would be

const ProductStore extends Store {
  products = [],
  category = null

  constructor({ productService = productService, limit = 3, offset = 0 }) {
    super({ services: { productService } });
    this.limit = limit;
    this.offset = offset;
  }
  
  showMoreProducts = ({ limit = this.limit, offset = this.offset }) => {
    this.limit = limit;
    await { meta, data: {  products = [] } } = this.productService.find({
        offset,
        limit,
        category: this.category
    });
    this.offset = meta.offset;
    this.products.push(...products);
  }

  filterByCategory( category ) {
    this.category = category;
    await { meta, data: {  products = [] } } = this.productService.find({
        offset: 0,
        limit: this.limit,
        category
    });
    this.offset = meta.offset;
    this.products.push(...products);
  }
}

const productStore =  new ProductStore();
const { filterByCategory, showMoreProducts } = productStore;
productStore.subscribe(state => console.log(state.products, state.category));
// log: [] null
productStore.dispatch({ type: filterByCategory, payload: 'toys' })
// log: [] 'toys'
// ...
// log: [product, product, product] 'toys'
showMoreProducts({ limit: 2 })
// log: [product, product, product] 'toys'
// ...
// log: [product, product, product, product, product] 'toys'

Anyway, that's the gist of the idea. Classes that work like normal JS classes, but the instances have the properties observed for changes, which ca be subscribed to, and you can either dispatch "standard actions" where the action.type is the actual method, payload and meta being passed as the first and second arguments respectively, from the store, or you can just call the store functions directly, both have the same result.

That's this idea, at least until I change it