Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
hash-brown-router
Advanced tools
A client-side router that only cares about the bits after the #
A router that is only concerned with single-page apps that want to change state based on the bits of the url after the hash.
Want to use this router, but with go
translated to pushState
? Use this library with sausage-router
!
This library:
var router = require('hash-brown-router')()
var mainElement = document.getElementById('main')
router.add('/', function() {
mainElement.innerHTML = 'Thank you for visiting my site! This is the home screen.'
})
router.add('/blog-post/:blogPostName', function (parameters) {
mainElement.innerHTML = getHtmlForBlogPost(parameters.blogPostName)
})
router.on('not found', function (path, querystringParameters) {
alert('Couldn\'t find that page, sorry! Redirecting you to the home screen.')
router.location.replace('/')
})
router.evaluateCurrent('/')
var makeRouter = require('hash-brown-router')
var router = makeRouter(options, [location object])
options
: an object of options
reverse
: By default, routes are matched from oldest to newest. So if there are multiple matching routes for the current url, the first one that was added is used. If reverse
is set to true
, then the most recently added match is used.location
, an abstraction of the browser's location matching this interfaceThe router is an event emitter that emits:
not found
: whenever the route is evaluated and there is no matching handler for that route. It is passed two arguments: the path (a string) and the querystring parameters (an object).router.add(routeString, cb)
- add routesrouter.add('/page/:pageName', function(parameters) {
console.log(parameters.pageName)
})
Parses express-style route paths, using a fork of path-to-regexp.
router.location.go(newPath)
- navigate to a new pathrouter.location.go('/some-other/path')
Changes the current location hash.
router.location.replace(newPath)
- replace the current route in the browser historyrouter.add('/page/:pageName', function(parameters) {
if (doesNotExistInTheDatabase(parameters.pageName)) {
router.location.replace('/pageNotFound')
}
})
Changes the current location hash, replacing the last location in the browser history, i.e. location.replace(location.origin + location.pathname + '#' + newPath)
.
router.location.get()
- get the current path, without a leading hashrouter.location.get() // => '/page/home'
router.evaluateCurrent(defaultPath)
- evaluate the current urlForces the library to evaluate the current route from location.hash. Probably best do do once the dom is ready.
router.evaluateCurrent('/home')
If location.hash is currently empty, it changes the path to the default path value you pass in.
router.stop()
If for some reason you want the router to start ignoring hash change events. you can call router.stop()
.
Want to use a stub of this library that works in node? Just require('hash-brown-router/mock')
for all your automated testing needs.
Automated testing in Chrome, Firefox, Safari, and IE9+ provided by Browserstack.
FAQs
A client-side router that only cares about the bits after the #
The npm package hash-brown-router receives a total of 150 weekly downloads. As such, hash-brown-router popularity was classified as not popular.
We found that hash-brown-router demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.