Search

SketchSystems.spec

Search
  # When the App loads, it should check if a query is provided.
  # If query is provided, automatically issue the search
  autosearch -> Search Provided?
  
  Search Provided?
    have query in input field -> Searching
    no query in input field -> Inactive

  Input*
    Inactive*
      focused -> New Search
    New Search
      canceled -> Inactive
      changed -> Try Search?
    # Validation optional
    Try Search?
      valid input -> Searching
      invalid input -> Problem

  Searching
    # This state should communicate work is being done
    Waiting*
      done waiting -> Results?
    # If one result is returned, automatically show details
    Results?
      still waiting -> Waiting
      oops -> Problem
      some -> Results
      none -> No Results
      one -> Result Details

  Results
    show result -> Result Details
    search again -> New Search
    go to page -> More Results?
    Only Page
    Page*
    Last Page
      
    More Results?*
      some -> Page
      none -> Last Page
        
  Result Details
    view results -> Results
    search again -> New Search

  No Results
    try again -> New Search

  Problem
    try again -> New Search

SketchSystems_prototype.js

const render = () => {}