René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"add more ruby like rescues method","articleBody":"The `after_error` hook (called error boundaries in React) is quite primitive.\r\n\r\nBut we can use it to build a more ruby like `rescues` hook:\r\n\r\n```ruby\r\n\r\nclass MyComponent  \r\n  ...\r\n  rescues do |error, info|\r\n    ...  # do whatever here\r\n  end\r\nend\r\n```\r\n\r\nLike ruby `rescue`, the `rescues` method can take a list of exception classes.  If the error raised is an instance of one of the exception classes, the rescues block will catch the error, otherwise it will get passed down the stack to any components further up (down?) the tree.\r\n\r\nLike ruby `rescue` you can have several `rescues` in a component each with different blocks, or you can share the block with multiple exception classes.\r\n\r\nLike ruby `rescue` if given no exception class `rescues` will default to `StandardError`\r\n\r\nAlso `rescues` will automatically create the necessary wrapper classes, so that you can rescue errors raised in the component you are defining.  This is not possible with `after_error` which can only catch errors raised in components mounted from within the component defining the boundary.\r\n\r\n```ruby\r\nclass App \u003c HyperComponent\r\n  include Hyperstack::Router\r\n\r\n  SCOPES = %i[all active completed]\r\n  VALID_ROUTES = \"/:scope(#{SCOPES.join('|')})\"\r\n\r\n  class NoRouteMatched \u003c StandardError\r\n  end\r\n\r\n  render(SECTION, class: 'todo-app') do\r\n    DIV { @flash_message }\r\n    if @error_message\r\n      DIV do\r\n        DIV { @error_message }\r\n        BUTTON { 'okay' }.on(:click) { mutate @error_message = nil }\r\n      end\r\n    else\r\n      Header()\r\n      Switch() do\r\n        Route(App::VALID_ROUTES) { |match| Index(scope: Todo.send(match.params[:scope])) }\r\n        Route('/', exact: true) { Redirect('/all') }\r\n        Route('*') { |match| raise NoRouteMatched, match.url }\r\n      end\r\n      Footer()\r\n    end\r\n  end\r\n\r\n  rescues NoRouteMatched do |err|\r\n    mutate @flash_message = \"I did not recogonize #{err.message}\", history.push('/all')\r\n    after(3) { mutate @flash_message = nil }\r\n  end\r\n\r\n  rescues do |err|\r\n    mutate @error_message = \"Something went wrong! #{err}\"\r\n  end\r\nend\r\n```","author":{"url":"https://github.com/catmando","@type":"Person","name":"catmando"},"datePublished":"2018-12-06T20:56:53.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1},"url":"https://github.com/77/hyperstack/issues/77"}