Forward anchor state about nullstack HOT 2 CLOSED

// referral in any link sets it to the context as is
<a href="/books/1" referral={book}>

// referral can be destructured anywhere from the context until the next anchor click replaces it
async initiate({ referral }) {
  this.book = referral || await this.getBookFromServer()
}

// state in a link forwards it to the next (first or all to be decided) match for the route on click
<a href="/books/1" state={{book}}>

// the component automatically receives the state before prepare is invoked
async initiate() {
  this.book ||= await this.getBookFromServer()
}

class Books extends Nullstack {

  prepare({ project, page, cachedBooks }) {
    page.title = `Books - ${project.name}`;
    this.books = cachedBooks;
  }

  static async getBooks({ database }) {
    return await database.collection('books').find().toArray();
  }

  async initiate(context) {
    this.books = await this.getBooks();
    context.cachedBooks = data.books;
  }

}

class Book extends Nullstack {
  
  static async getBookBySlug({ database, slug }) {
    return await database.collection('books').findOne({slug});
  }

  prepare({ params, cachedBooks }) {
    this.book = cachedBooks?.find(({ slug }) => slug === params.slug);
  }

  async initiate({ params, project, page }) {
    this.book = await this.getBookBySlug({ slug: params.slug });
  }

}