Compare @uirouter/react versions 0.8.9 and 0.8.10
- travis: use service: xvfb instead of launching it manually. install libgconf debian package (07e6fb6)
Changelog for @uirouter/core:
Compare @uirouter/core versions 5.0.23 and 6.0.1
- resolve: remove unnecessary generics from CustomAsyncPolicy (#452) (61f4ee9)
- travis: use service: xvfb instead of launching it manually (1271fcd)
- travis: use service: xvfb instead of launching it manually. install libgconf debian package (ac1ef4b)
- resolve: Remove RXWAIT async policy in favour of allowing user defined async policy function (#366) (0ad87f6)
- resolve: RXWAIT async policy has been removed, but it never worked in the first place
Compare @uirouter/react versions 0.8.8 and 0.8.9
Compare @uirouter/core versions 5.0.22 and 5.0.23
- test_downstream_projects: don't double build core while testing downstreams (148b16b)
- typescript: Fix typing of onChange callback in UrlService (961ed0f), closes #229
- typescript: Mark
paramsas optional in StateService.href (614bfb4), closes #287 - vanilla: Fix baseHref parsing with chrome-extension:// urls (f11be4d), closes #304
Compare @uirouter/react versions 0.8.7 and 0.8.8
Compare @uirouter/core versions 5.0.21 and 5.0.22
- lazyLoad: StateBuilder should not mutate the state declaration (1478a3c), closes /github.com/ui-router/core/commit/3cd5a2a#r31260154
- state: Update URL in response to ignored transition due to redirect (c64c252)
Compare @uirouter/react versions 0.8.5 and 0.8.7
Compare @uirouter/core versions 5.0.20 and 5.0.21
- dynamic: Use 'find' from common.ts instead of Array.prototype.find (66a3244), closes #215
- url: When using html5Mode and no tag is present, default to '/' (23742e3), closes #223
Compare @uirouter/react versions 0.8.4 and 0.8.5
Compare @uirouter/react versions 0.8.3 and 0.8.4
- uiview: Fix uiCanExit when routing to a React.forwardRef() (cf5c668)
Compare @uirouter/react versions 0.8.2 and 0.8.3
Compare @uirouter/core versions 5.0.19 and 5.0.20
- params: When creating an array parameter from a custom type, copy the
rawproperty (b6dd738), closes #178
- dynamic: Support dynamic flag on a state declaration (3cd5a2a)
- transition: Added transition.paramsChanged() to get added/deleted/changed parameter values for a transition (10b7fde)
- view: Add _pluginapi._registeredUIView() to get a ui-view by id (6533b51)
Compare @uirouter/react versions 0.8.1 and 0.8.2
- enzyme: fix enzyme patch leaving a file called '-' (4c2157c)
- internal: Change UIView from arrow to Component Class (ce2bc1e)
Compare @uirouter/react versions 0.8.0 and 0.8.1
Compare @uirouter/react versions 0.7.0 and 0.8.0
- UISref/UISrefActive: make proptypes non-required: parentUIView, addStateInfoToParentActive (c7aa299), closes #173
- UIView: when a state is entered/exited the State Component is remounted, re-running its lifecycle methods.
Compare @uirouter/core versions 5.0.18 and 5.0.19
- enums: Workaround angular compiler export issue angular/angular#23759 (38d25fa)
Compare @uirouter/react versions 0.6.2 and 0.7.0
- package: update prop-types to version 15.6.1 (1d0ee26)
- use new React 16.3 context API (580700f), closes #54
- react: update minimum react version supported (4acb7a7)
- react: from version
0.7.0@uirouter/reactonly supports react from version16.3.xbecause of the new Context API. If you need to use it with previous versions of React you should check the0.6.x, but bear in mind that it’s no longer supported and it’s advised to update React instead. @uirouter/reactnow uses the new React 16.3 Context API. If you were accessing the router instance via the legacy context api (which was never explecitly supported) you need to update your code accordingly:
before:
class SomeComponent extends React.Component {
static contextTypes = {
router: PropTypes.object
}
render () {
// access context via this.context
const router = this.context.router;
// do whatever needed with the router
}
}after:
class SomeComponent extends React.Component {
render () {
// access router via props
const router = this.props.router;
// do whatever needed with the router
}
}
// when rendering the component wrap it with the `<UIRouterConsumer>` component
<UIRouterConsumer>
{router => <SomeComponent router={router} />}
</UIRouterConsumer>Compare @uirouter/core versions 5.0.17 and 5.0.18
- angular: A hack to force the Angular compiler to import from module index (d56a2be)
- StateRegistry: Notify listeners of added states when there are orphans in the state queue (5a9bac9)
- transition: Fix typing of Transition.params() (ebea30e)
- transition: Normalize
error()to always returnRejection(9bcc5db)
Compare @uirouter/react versions 0.6.2 and 0.6.3
- package: update prop-types to version 15.6.1 (1d0ee26)
- use new React 16.3 context API (580700f), closes #54
- react: update minimum react version supported (4acb7a7)
- react: from version
0.7.0@uirouter/reactonly supports react from version16.3.xbecause of the new Context API. If you need to use it with previous versions of React you should check the0.6.x, but bear in mind that it’s no longer supported and it’s advised to update React instead. @uirouter/reactnow uses the new React 16.3 Context API. If you were accessing the router instance via the legacy context api (which was never explecitly supported) you need to update your code accordingly:
before:
class SomeComponent extends React.Component {
static contextTypes = {
router: PropTypes.object
}
render () {
// access context via this.context
const router = this.context.router;
// do whatever needed with the router
}
}after:
class SomeComponent extends React.Component {
render () {
// access router via props
const router = this.props.router;
// do whatever needed with the router
}
}
// when rendering the component wrap it with the `<UIRouterConsumer>` component
<UIRouterConsumer>
{router => <SomeComponent router={router} />}
</UIRouterConsumer>Compare @uirouter/core versions 5.0.17 and 5.0.18
- angular: A hack to force the Angular compiler to import from module index (d56a2be)
- StateRegistry: Notify listeners of added states when there are orphans in the state queue (5a9bac9)
- transition: Fix typing of Transition.params() (ebea30e)
- transition: Normalize
error()to always returnRejection(9bcc5db)
Compare @uirouter/react versions 0.6.1 and 0.6.2
- package: update @uirouter/core to version 5.0.17 (b0109ee)
- UIView: Do not reload view if the new viewConfig is identical to the old one (07a03bf)
- UIView: Pass style prop through even if no className is specified (cc3d80d)
- UIView: Provide only resolve props that should be accessible to each view (a4ee9e9)
Compare @uirouter/core versions 5.0.16 and 5.0.17
- core: Fix leak of old transitions by mutating pathnode*.resolvables*.data (0a1f518)
Compare @uirouter/react versions 0.6.0 and 0.6.1
Compare @uirouter/core versions 5.0.15 and 5.0.16
- common: Fix signature of for objects (make target optional) (61d0afc)
Compare @uirouter/react versions 0.5.5 and 0.6.0
- package: update @uirouter/core to version 5.0.14 (ee5e672)
- package: update @uirouter/core to version 5.0.15 (ef2b171)
- reactViews: use new map function signature (6b2aa53)
- UIView:
resolves are now injected as root props (ff67239) - UIView: warn user when using
transitionas resolve token (10b247b)
- UIView: Previously
resolves were accessible as properties of aresolvesprops injected in the routed component. They are now each injected as a prop. This way components don't need to be aware of the router and can be more reusable.
before:
render () {
const { foo } = this.props.resolves;
return <div>{foo}</div>;
}after:
render () {
const { foo } = this.props;
return <div>{foo}</div>
}Compare @uirouter/core versions 5.0.11 and 5.0.15
- browserLocation: Use location.pathname (not href) or '/' when no base tag found (db461d6)
- browserLocationConfig: If no base href found, use location.href (not empty string) (0251424)
- core: Fix memory leak of resolve data from ALL transitions ever (7f2aed1)
- pathNode: add backwards compat for PathNode.clone(). Add retainedWithToParams to treeChanges interface. (4833a32)
- pushStateLocation: Fix URLs: add slash between base and path when necessary (bfa5755)
- pushStateLocation: When url is "" or "/", use baseHref for pushState (042a950)
- resolve: Add onFinish hook to resolve any dynamicly added resolvables (7d1ca54)
- trace: Fix null reference in uiview name sort function (59cb067)
- treeChanges: apply toParams to 'retained' path (#72) (cf63d11)
- urlRouter: Update query params when resetting url via .update() (7664cd0)
- common: Add map-in-place support to map() (12bc7d8)
- common: Add onEvict() callback registry for queues with max length (c19d007)
- view: Add onSync callback API to plugin API (9544ae5)
Compare @uirouter/react versions 0.5.4 and 0.5.5
- move prop-types from peerDependencies to dependecies (5c6b2dd), closes #70
- UIRouterReact: throw if
startis called more than once (d48c9fb), closes #65
Compare @uirouter/react versions 0.5.3 and 0.5.4
Compare @uirouter/core versions 5.0.10 and 5.0.11
Compare @uirouter/react versions 0.5.2 and 0.5.3
Compare @uirouter/core versions 5.0.7 and 5.0.10
- angular/cli: Use package.json fields: 'typings', 'main', 'jsnext:main' (74143d9)
- bundle: Rollup: Do not warn on THIS_IS_UNDEFINED (a4581b1)
- isomorphic: Remove use of CustomEvent. Detect root scope (global/window/self) for nodejs, browser, or web-worker. (2d206ba)
- redirectTo: Fix typings for redirectTo. Allow a function that returns a target state or a promise for one. (3904487)
- typings: Use StateObject for parameter to hook criteria functions (5b58566)
- TargetState: Add builder methods .withState, .withParams, and .withOptions (6b93142)
- TransitionHook: Add hook registration option
invokeLimitto limit the number of times a hook is invoked before being auto-deregistered. (2cb17ef)
Compare @uirouter/react versions 0.5.1 and 0.5.2
- sourcemaps: Embed sources in sourcemaps (62d84ea)
Changes to @uirouter/core:
Compare @uirouter/core versions 5.0.5 and 5.0.7
- globals: Use shallow copy to update the globals.params / $state.params object (e883afc)
- Injector: When getting tokens from native injector, only throw on undefined (not on falsey values) (ada9ca2)
- sourceMaps: Embed typescript sources in sourcemaps (10558a3)
- trace: Fall back to console.log if .table is unavailable (IE) (c8110fc)
- trace: Support tracing of object-parameters with circular references (2f1ae9a)
- typescript: Fix strictNullCheck type error (0ae585e)
- url: Add CustomEvent polyfill for IE (a50db21)
- urlRouter: Fix absolute 'href' generation by using location.hostname (not location.host) (a28b68a)
- urlService: Fix priority sorting of URL rules (73a1fe0)
- vanilla: fix base path handling for vanilla push state (ad61d74)
- vanilla: Use
selfinstead ofwindowfor webworker compat (a4629ee)
0.5.1 (2017-07-03)
This release updates @uirouter/core from 5.0.3 to 5.0.5
Changes in @uirouter/core between versions 5.0.3 and 5.0.5 (2017-07-03)
- future: Allow future states to specify a
parent:(828fe1b) - typescript: Update to typescript 2.4 (ce1669b)
- view: only sync views which are of the same name and type (c48da4a)
- invalidTransition: Better error messaging when param values are invalid (2a15d1a)
- Resolvable: Add
.value(): returns value (WAIT) or promise (NOWAIT) (8769449) - trace: Trace view synchronization. Allow trace.enable(...string) (284392d)
- urlMatcher: add support for multiline urls (5b11ce0)
0.5.0 (2017-05-24)
- UIRouter: Apply config before registering states (75f169a)
- rollup: Allow rollup to process 'import * as classNames' (8434883), closes #33
- export everything from core alongside the react stuff (6d0b49b), closes #41
- UIView: add render prop API (1047b84), closes #35 #26 #13
- UIView: Rename
Resolvesinterface toUIViewResolvesfor consistency. - UIView: Rename
InjectedPropsinterface toUIViewResolvesfor consistency.
5.0.3 (2017-05-24)
- BrowserLocationConfig: fixed protocol + port value (#38) (5559382)
- TransitionHook: Transition hooks no longer expose the internal StateObject (2b0e48b)
- common: Fix implementation of 'pick' -- use hasOwnProperty (09848a4)
- common: Re-fix implementation of 'pick' using for .. in (f2da7f4)
- lazyLoad: Allow
lazyLoadstateBuilder: Get lazyLoad fn from internal State object, not StateDeclaration (9313880) - lazyLoad: Wait for future state to be replaced before registering lazy children (4bdce47)
- noImplicitAny: Fix noimplicitany compliance (1a6cdfc)
- pushStateLocation: call listeners in url() (#24) (7c90911), closes #23
- redirect: Do not update URL after redirect with { location: false } (652a760)
- resolve: Allow resolve's state context to be injected as
$state$(a06948b) - tfs: Rename $q.ts and $injector.ts files, removing leading dollar signs (cb653ee)
- trace: Re-add transitionStart trace (b019036)
- transition: Do not ignore transitions which have states being entered or exited (175717e)
- transitionHook: Do not process transition hooks after router has been disposed. (666c6d7)
- typings: Allow strictNullChecks for HookMatchCriteria (d92d4d5)
- ui-sref: Improve performance of generating hrefs (c3967bd)
- view: Do not throw when uiView doesn't have a state context (f76ee2a)
- view: Update views in order of ui-view depth and also by state depth (46dea2b)
- Globals: implement Disposable and delete global transition data (a794018)
- Rejection: Add $id to ease debugging of transition rejections (d456d54)
- State: Support registration of ES6 state classes (as opposed to object literals) (3a5d055)
- State: Switch Internal State Object to prototypally inherit from the State Declaration (027c995), closes #34
- StateObject: Rename internal
Stateobject toStateObject(feceaf9) - StateRegistry: improve perf for:
.register()andStateMatcher.find()misses (fdb3ab9) - Transition: Normalize all transition errors to a Rejection. (a7464bb)
- Transition: deprecate
Transition.is()which was never implemented (1edff4b) - UIRouter: Add
traceglobal to theUIRouterobject (48c5af6) - UrlService: (
UrlRouter) improve perf of registering Url Rules and sorting Url Rules (64fbfff) - UrlService: Add
rules.initial("/home")to config initial state (like otherwise) (bbe4209) - View: Allow targeting views on own state using
viewname@.(normalizeUIViewTarget) (7078216), closes #25 - abort: Add API to manually abort/cancel a transition (39f8a53)
- build: Build and distribute UMD bundles (0a8da85)
- common: Perf improvements in hot functions: (4193244)
- core: Export all vanilla.* code from
ui-router-core(f3392d1) - core: Switch to @uirouter/core npm module (e3f389f)
- decorators: Add state, resolve and resolve data decorators (642df0b)
- defaultErrorHandler: Do not invoke default error handler for ABORTED transitions (b07a24b)
- globals: Removed
UIRouterGlobalsinterface. RenamedGlobalsclass toUIRouterGlobals(8719334) - onBefore: Run onBefore hooks asynchronously. (30b82aa)
- onEnter/Exit/Retain: Use onExit/onEnter/onRetain from 56955state(), not state.self (bc1f554)
- transition: Ignore duplicate transitions (double clicks) (bd1bd0b)
- transition: Improve supersede logic: Do not supersede if the new trans is aborted before onStart (3141a8f)
- transition: Run hooks synchronously in current stack, when possible (953e618)
import { State } from "ui-router-core";
const match = { to: (state: State) => state.data.auth };
transitionsvc.onEnter(match, (trans: Transition, state: State) => {
// state is the internal State object
if (state.includes["foo"]) { // internal ui-router API
return false;
}
}import { StateDeclaration } from "@uirouter/react";
const match = { to: (state: StateDeclaration) => state.data.auth };
transitionsvc.onEnter(match, (trans: Transition, state: StateDeclaration) => {
// state === the state object you registered
// Access internal ui-router API using $$state()
if (state.$$state().includes["foo"]) {
return false;
}
}The State object (now named StateObject) is an internal API and should not be exposed via any public APIs.
If you depend on the internal APIs, you can still access the internal object by calling state.$$state().
import {State} from "ui-router-core";import {StateObject} from "@uirouter/react";We'd like to use the State name/symbol as a public API. It will be an
ES7/TS decorator for ES6/TS state definition classes, i.e:
@State("foo")
export class FooState implements StateDeclaration {
url = "/foo";
component = FooComponent;
@Resolve({ deps: [FooService] })
fooData(fooService) {
return fooService.getFoos();
}
}Previously, if a transition hook returned a rejected promise:
.onStart({}, () => Promise.reject('reject transition'));In onError or transtion.promise.catch(), the raw rejection was returned:
.onError({}, (trans, err) => err === 'reject transition')Now, the error is wrapped in a Rejection object.
- The detail (thrown error or rejected value) is still available as
.detail.
.onError({}, (trans, err) =>
err instanceof Rejection && err.detail === 'reject transition')- The Rejection object indicates the
.typeof transition rejection (ABORTED, ERROR, SUPERSEDED and/or redirection).
.onError({}, (trans, err) => {
err.type === RejectType.ABORTED === 3
});Errors thrown from a hook and rejection values returned from a hook can now be processed in the same way.
Previously, the onBefore hooks were run in the same stackframe as transitionTo.
If they threw an error, it could be caught using try/catch.
transitionService.onBefore({ to: 'foo' }), () => { throw new Error('doh'); });
try {
stateService.go('foo');
} catch (error) {
// handle error
}Now, onBefore hooks are processed asynchronously.
To handle errors, use any of the async error handling paradigms:
- Chain off the promise
transitionService.onBefore({ to: 'foo' }), () => { throw new Error('doh'); }); stateService.go('foo').catch(error => { //handle error });
- Define an error handler
transitionService.onBefore({ to: 'foo' }), () => { throw new Error('doh'); }); transitionService.onError({ to: 'foo' }), () => { // handle error }); stateService.go('foo');
- Use the global defaultErrorHandler
transitionService.onBefore({ to: 'foo' }), () => { throw new Error('doh'); }); stateService.go('foo'); stateService.defaultErrorHandler(error => { // global error handler });
Why introduce a BC?
- No subtle behavior differences by hook type
- Simpler code and mental model
- Fewer edge cases to account for
Returning false from a transition hook will abort the transition.
Previously, this case was considered an error and was logged by
defaultErrorHandler.
After your feedback, we agree that this is not typically an error.
Now, aborted transitions do not trigger the defaultErrorHandler
Most users do not consider ABORT to be an error. The default error handler should match this assumption.
0.4.0 (2017-01-10)
Version 0.4.0 is based on ui-router-ore 3.1.0 and as such introduced a lot of new features/fixes alongside some breaking changes.
[full ui-router-core 3.0.0 changelog]
- html5Mode(): deprecated in favor of
pushStateLocationPlugin.
- ui-router-core: Updated to version
3.1.0(91661b1).
- UIRouter: Add new
UIRoutercomponent for handling router instance and declarative bootstrapping (9b59d68).
Take a look at the guide for upgrading from 0.3.0 to 0.4.0
0.3.0 (2016-09-19)
-
State Glob patterns have been changed slightly.
Previously, a single wildcard
foo.*could match "missing segments" on the end of a state name. For example,foo.*would match the statefoo. Likewise,foo.*.*.*would also match thefoostate.Now, a single wildcard matches exactly one segment.
foo.*will matchfoo.barandfoo.baz, but neitherfoonorfoo.bar.baz.If you previously relied on the single wildcard to match missing segments, use a double wildcard,
foo.**.Double wildcards match 0 or more segments.
-
(obscure) Renamed
Transition.previous()toTransition.redirectedFrom() -
(obscure) Location provider: remove
url(url)andreplace()in favor ofsetUrl(url, replace).
[full ui-router-core 1.0.0-beta.2 changelog].
- ui-router-core: Updated to version
1.0.0-beta.2(9ad732e) - UMD: The UMD build is exported as
window.UIRouterReactinstead ofwindow.ui-router-react. (68ebd4c)
- uiCanExit: Remove
uiCanExithooksetTimeoutwrapper that prevents hook from being called when state is entered and exited synchronously (82bad02). - UISref:
- UISrefActive: Fix state info deregister function (b6c93b5).
- UMD: The UMD build now looks react as
window.Reactinstead ofwindow.react. (68ebd4c)
0.2.3 (2016-08-23)
- UIView: Pass down to rendered element/component
classNameandstyleprops (if defined) (52e4132).
0.2.2 (2016-08-03)
- UISrefActive: register stateChange callback for proper rendering (634e9d1)
- UISref: doesn't need to be nested inside a UIView in order to work (3c00270)
0.2.0 (2016-08-02)
- Module default export is now the
UIRouterReactclass. It takes now care of setting up theviewConfigFactoryandreactViewBuilderso user doesn't need to. - Renamed all symbols to UI* from Ui* for consistency with
ui-router-core. UISrefonly accepts a single valid element as child.UISrefActiveproperly track multiple descendantsUISrefcomponent and track their specified states for applying the active class.
UISrefandUISrefActiveproperly copy over all props and class names of thir children, adding more flexibility for the user.UIViewrendered component exposes two props from the router:resolvesandtransition. They act as an injected dependecy of the state-component, and are used to interact with the router itself.UIViewregisters asonBeforehook theuiCanExitmethod of the component instance it renders.UISrefActive: by passing aextact={true}props it will only activate when the exact target state used in theUISrefis active.html5Modeadded to UIRouterReact class for usingpushStateLocationinstead ofhashLocationas history strategy (WARNING: This is a temporary api and will likely change in the future)
0.1.2 (2016-07-18)
- Removed file extension preventing compiled code to work properly.
0.1.1 (2016-07-18)
- Typings are specified by
typings.jsonfile and must be installed using typings CLI. - Added
es6-shimfor Promises.
0.1.0 (2016-07-14)
- First alpha release of
ui-router-react