gt3 / ultra-router Goto Github PK

• record and save route id to history state
• check if route has been visited to navigate back or forward

confirm(ok, cancel, msg) {
  return window.confirm('Are you sure you want to navigate away?') ? ok() : cancel()
}
render() {
  ultra.pause(this.confirm)
  return <>
}

• matchers should accept loc object { pathname, ?ultra }
• convert string location to object in container

• handle match and validation in Path object
• make Path object and pathKey string semantics clearer

rectify identifier regex to match two consecutive identifiers as one

check same origin in click handler

spec('/user/:id/details')(next)
spec('/user', '/user/:id', '/user/:id/show', '/user/:id/edit')(next, err)
spec('')(next)
let c1 = checks(':id', ':date')(/\d/)
let c2 = checks(':xxx')(/\w/)
let m1 = match(<<base>>, specs, [...c1, ...c2])

let ultra = container(m1, m2, ...)(<history>)
let {stop, push, replace} = utlra

/user/abc - :id not valid, stop matching in current spec, call error of current spec

/user/007/blah - :id valid, does not match any route in current spec EXACTLY, call error of current spec

/user/007/show - :id valid, matches some route exactly, call success

/user/abc/details - matches details but fails :id validation, call error of details spec

/zzz - none of the specs match, use default

flatten values, add ids

/:year : {exact, match, passed}
/:year/:make : {exact, match, passed}
/:year/:make/:vid : {exact, match, passed}
ids: [':year',':make', ':model']
values: ['2017','bmw','m5']

additional parameters for key value pairs
user_path(Endpoint, :show, 17, admin: true, active: false)
"/users/17?admin=true&active=false"

client code tries to delete a handler (element of the set) while proxy is iterating over the same handlers

this may leave the app in unexpected state

• handle this by doing soft deletes
• use weakset to hold "deleted" handlers
• implement custom iterator that will filter out the deleted handlers, and actually remove them from the set

add validator for multiple pathKeys
ultra.advice(someValidateFn, '/a/:level1', '/a/:level1/:level2')

leave out path: "/"

• create path normalize function
• call before processing specs
• move path fixing code from PrefixSpec class to normalize

• late bind on ultra push in Anchor

createListener(ultra.push.bind(null, loc))

createListener(() => getUltra().push.bind(null, loc))

use actions.some

https://gist.github.com/gt3/787767e8cbf0451716a189cdcb2a0d08

• check which == left click
• check defaultPrevented
• if (event.metaKey || event.ctrlKey || event.shiftKey)

before push

• do not run encodeURI on query string and hash
• warn if
  • /? query string or /# fragment are not encoded properly

default style if tag == 'a' and no style prop provided
use: {cursor: 'pointer', touchAction: 'manipulation', msTouchAction: 'manipulation'}

ref

depends on #22 (encodeURI)
URIComponentBlacklist = ([^\s#$&+,/:;=?@]*)
to
([^\s/]*) (space or forward slash)

pass matched value to strip method in PrefixSpec instead of the prefix pathkey

In all bundles:

• prefix warning calls with /*@__PURE__*/
  In minified:
• set process.env.NODE_ENV to "production"

ability to add prefix per match(er)

let specs1 = [
 spec('/:id/details')(next),
 spec('/', '/:id', '/:id/show', '/:id/edit')(next, err)
]
let c1 = checks(':id', ':date')(/\d/)
let c2 = checks(':xxx')(/\w/)
let m1 = match(specs1, [...c1, ...c2], prefix = '/user')

let specs2 = [
 spec('/:id/details')(next),
 spec('/list')(next, err)
]
let c3 = checks(':id')(/\d/)
let m2 = match(specs2, c3, prefix = '/product')

let spec3 = [ spec('/error')(next), spec('')(next) ]
let m3 = match(specs3)

let ultra = container(m1, m2, m3)(<history>)

miss(action, '/x', '/x/xx')

pass mismatchers to container, execute after rejects

props.retain = 'history' or 'qs' or 'hash'
props.retain = 'history, qs' //multi

also remove need for navAction prop

/a/999
/a/999/

should produce identical match result

use defaultStyle variable, overridable by style prop

resolve reject should return timer instance
if time is active, abandon processing (rejections)

• dipatch custom event in push, replace
• generate a proxy listener that listens on custom event, fires actual popstate handlers

all path creation thru dispatch should go through a parser

add a leading /

• path is empty
• path begins with ? or # OR path does not begin with /

spec reject

• gets called after something resolved (exact or partial)
• spec that was resolved obviously should not be rejected
• unless the resolving handler returns false => skip rejection processing completely

spec function should accept (next, err, fail)
container should run reject only after matchers are matched/resolved

decodeURIComponent('%') //URIError: URI malformed
use try catch:

• match function accepts a mapper func
• mapper func always returns a pathname
  • for e.g. mapper could return pathname.concat(query/hash)
• matcher calls mapper fn to get new pathname

current solution:

ultra.stop()
container(...ultra.matchers, ...newMatchers)(ultra.history)

provide simplified version:

container(...newMatchers)(ultra)

• return flattened obj instead of array
• rename to check

match: should accept single object instead of array

c1 = check(v1,v2,v3,rx) // => {v1: f1, v2: f2, v3: f3}
c2 = check(v4,rx2) // => {v4: f4}

let m1 = match(specs, Object.assign({}, c1, c2))