- Every MST middleware is now shipped in a separate package named
mst-middlewares
. They are now written in TypeScript and fully transpiled to ES5 to avoid problems with uglifyjs in create-react-app bundling.
- Introduced
modelType.extend
which allows creating views and actions with shared state.
- Added the middlewares
atomic
and typesTimeTraveller
,UndoManager
. Check out the docs! - Introduced
createActionTrackingMiddleware
to simplify the creation of middleware that support complex async processes - exposed
typecheck(type, value)
as public api (will ignore environment flags)
getEnv
will return an empty object instead of throwing when a tree was initialized without environment- Fixed issue where patches generated for nested maps were incorrect (#396)
- Fixed the escaping of (back)slashes in JSON paths (#405)
- Improved the algorithm that reconcile items in an array (#384)
- Assigning a node that has an environment to a parent is now allowed, as long as the environment is strictly the same (#387)
- Many minor documentation improvements. Thanks everybody who created a PR!
No changes
- BREAKING The redux utilities are no longer part of the core package, but need to be imported from
mobx-state-tree/middleware/redux
.
- BREAKING
onAction
middleware no longer throws when encountering unserializable arguments. Rather, it serializes a struct like{ $MST_UNSERIALIZABLE: true, type: "someType" }
. MST Nodes are no longer automatically serialized. Rather, one should either pass 1: an id, 2: a (relative) path, 3: a snapshot - BREAKING
revertPatch
has been dropped.IReversableJsonPatch
is no longer exposed, instead use the inverse patches generated byonPatch
- BREAKING some middleware events have been renamed:
process_yield
->process_resume
,process_yield_error
->process_resume_error
, to make it less confusing how these events relate toyield
statements. - BREAKING patchRecorder's field
patches
has been renamed torawPatches,
cleanPatchesto
patches, and
inversePatches` was added.
- Introduced
decorate(middleware, action)
to easily attach middleware to a specific action - Handlers passed to
onPatch(handler: (patch, inversePatch) => void)
now receive as second argument the inverse patch of the emitted patch onAction
lister now supports anattachAfter
parameter- Middleware events now also contain
parentId
(id of the causing action,0
if none) andtree
(the root of context)
- ReduxDevTools connection is no longer one step behind #287
- Middleware is no longer run as part of the transaction of the targeted action
- Fixed representation of
union
types in error messages
- BREAKISH Redefining lifecycle hooks will now automatically compose them, implements #252
- Added dev-only checks, typecheck will be performed only in dev-mode and top-level API-calls will be checked.
- The internal types
IMiddleWareEvent
,IMiddlewareEventType
,ISerializedActionCall
are now exposed (fixes #315)
- Object model instances no longer share a prototype.
- Removed accidental dependency on the codemod
- BREAKING the syntax to define model types has been updated. See the updated docs or the original proposal:#282, but no worries, theres a codemod! :D
- BREAKING
preProcessSnapshot
hook is no longer a normal hook that can be defined as action. Instead, it should be defined on the type usingtypes.model(...).preProcessSnapshot(value => value)
- BREAKING Asynchronous process should now be defined using
process
. See this example or the asynchronous action docs.
How to run the codemod?
The codemod is provided as npm package command line tool. It has been written using the TypeScript parser, so it will succefully support either TS or regular JavaScript source files.
To run the codemod, you need to first install it globally by npm install -g mst-codemod-to-0.10
.
After that, the mst-codemod-to-0.10
command will be available in your command line.
To perform the codemod, you need to call in your command line mst-codemod-to-0.10
followed by the filename you want to codemod. A .bak
file with the original source will be created for backup purposes, and the file you provided will be updated to the new syntax! Have fun!
PS: You could also use npx
instead of installing the codemod globally! :)
- Asynchronous actions are now a first class concept in mobx-state-tree. See the docs
- Introduced
types.null
andtypes.undefined
- Introduced
types.enumeration(name?, options)
- Fix
note that a snapshot is compatible
when assigning a type to an optional version of itself - Fix error when deleting a non existing item from a map #255
- Now all required TypeScript interfaces are exported in the main mobx-state-tree package #256
Introduced the concept of reverse patches, see #231
- Introduced the
revertPatch
operation, that takes a patch or list of patches, and reverse applies it to the target. onPatch
now takes a second argument,includeOldValue
, defaulting tofalse
, which, if set to true, includes in the patch any value that is being overwritten as result of the patch. Setting this option to true produces patches that can be used withrevertPatch
patchRecorder
now introduces additional fields / methods to be able to reverse apply changes:patchRecorder.cleanPatches
,patchRecorder.undo
- Applying a snapshot or patches will now emit an action as well. The name of the emitted action will be
@APPLY_PATCHES
resp@APPLY_SNAPSHOT
. See #107 - Fixed issue where same Date instance could'nt be used two times in the same state tree #229
- Fixed issue with reapplying snapshots to Date field resulting in snapshot typecheck error#233
- Declaring
types.maybe(types.frozen)
will now result into an error #224 - Added support for Mobx observable arrays in type checks #221 (from alessioscalici)
- BREAKING Removed
applyPatches
andapplyActions
. UseapplyPatch
resp.applyAction
, as both will now also accept an array as argument - BREAKING
unprotect
andprotect
can only be applied at root nodes to avoid confusing scenarios Fixed #180 - Fixed #141, actions / views are no longer wrapped in dynamically generated functions for a better debugging experience
- Small improvements to typings, fixed compilation issues with TypeScript 2.4.1.
- Fixed issues where
compose
couldn't overwrite getters. #209, by @homura - Fixed CDN links in readme
- Added TodoMVC to the examples section
- Fixed issue in rollup module bundle
- Fixed issue in release script, rendering 0.8.0 useless
- BREAKING Dropped
types.extend
in favor oftypes.compose
. See #192 - Introduced the lifecycle hooks
preProcessSnapshot
andpostProcessSnapshot
. See #203 / #100 - Use rollup as bundler #196
- Introduced the concept of volatile / local state in models. See #168, or docs
- Fixed issue with types.map() with types.identifier(types.number) #191 reported by @boatkorachal
- Fixed issue with reconciler that affected types.map when node already existed at that key reported by @boatkorachal #191
- Fixed
cannot read property resolve of undefined
thanks to @cpunion for reporting, now value of dead nodes will be undefined. #186 - Fixed
[LateType] is not defined
thanks to @amir-arad for reporting, when using late as model property type #187 - Fixed
Object.freeze can only be called on Object
thanks to @ds300 for reporting, when using MST on a ReactNative environment #189 - Now the entire codebase is prettier! :D #187
- Fixed
array.remove
not working
The type system and internal administration has been refactoring, making the internals both simpler and more flexible. Things like references and identifiers are now first class types, making them much better composable. #152
- BREAKING References with a predefined lookup path are no longer supported. Instead of that, identifiers are now looked up in the entire tree. For that reasons identifiers now have to be unique in the entire tree, per type.
- BREAKING
resolve
is renamed toresolvePath
- Introduced
resolveIdentifier(type, tree, identifier)
to find objects by identifier - BREAKING
types.reference
is by default non-nullable. For nullable identifiers, usetypes.maybe(types.reference(X))
- Many, many improvements. Related open issues will be updated.
- BREAKING
isMST
is renamed toisStateTreeNode
- Fixed issue with array/maps of union types @abruzzihraig #151
- Make types.extend support computed attributes @cpunion #169
- Fixed issue with map of primitive types and applySnapshot @pioh #155
- Better type declarations for union, up to 10 supported types
- Fixed issue where arrays where not properly serialized as action argument
- Improved reporting of Type.is(), now it returns a fine grained report of why the provided value is not applicable.
[mobx-state-tree] Error while converting [{}] to AnonymousModel[]:
at path "/name" snapshot undefined is not assignable to type: string.
at path "/quantity" snapshot undefined is not assignable to type: number.
- Fixed support for
types.reference
in combination withtypes.late
, by @robinfehr
- BREAKING
types.withDefault
has been renamed totypes.optional
- BREAKING Array and map types can no longer be left out of snapshots by default. Use
optional
to make them optional in the snapshot - BREAKING Literals no longer have a default value by default (use optional + literal instead)
- BREAKING Disabled inlining type.model definitions as introduced in 0.5.1; to many subtle issues
- Improved identifier support, they are no properly propageted through utility types like
maybe
,union
etc - Fixed issue where fields where not referted back to default when a partial snapshot was provided
- Fixed #122:
types.identifier
now also accepts a subtype to override the default string type; e.g.types.identifier(types.number)
- Introduced support for lazy evaluating values in
withDefault
, useful to generate UUID's, timestamps or non-primitive default values It is now possible to define something likeRemoved in 0.6.0
const Box = types.model({
point: {
x: 10,
y: 10
}
}
Where the type of point
property is inferred to point: types.withDefault(types.model({ x: 10, y: 10}), () => ({ x: 10, y: 10 }))
- ** BREAKING ** protection is now enabled by default (#101)
- ** BREAKING ** it is no longer possible to read values from a dead object. Except through
getSnapshot
orclone
(#102) - ** BREAKING **
types.recursive
has been removed in favor oftypes.late
- Introduced
unprotect
, to disable protection mode for a certain instance. Useful inafterCreate
hooks - Introduced
types.late
. Usage:types.late(() => typeDefinition)
. Can be used for circular / recursive type definitions, even across files. Seetest/circular(1|2).ts
for an example (#74)
BREAKING types.model
no requires 2 parameters to define a model. The first parameter defines the properties, derived values and view functions. The second argment is used to define the actions. For example:
const Todo = types.model("Todo", {
done: types.boolean,
toggle() {
this.done = !this.done
}
})
Now should be defined as:
const Todo = types.model(
"Todo",
{
done: types.boolean,
},
{
toggle() {
this.done = !this.done
}
}
)
It is still possible to define functions on the first object. However, those functions are not considered to be actions, but views. They are not allowed to modify values, but instead should produce a new value themselves.
- Introduced lifecycle hooks
afterCreate
,afterAttach
,beforeDetach
,beforeDestroy
, implements #76 - Introduced the convenience method
addDisposer(this, cb)
that can be used to easily destruct reactions etc. which are set up inafterCreate
. See #76
- Fix: actions where not bound automatically
- Improved and simplified the reconciliation mechanism, fixed many edge cases
- Improved the reference mechanism, fixed many edge cases
- Improved performance
- (re) introduced the concept of environments, which can be passed as second argument to
.create
, and picked up usinggetEnv
- Removed
primitive
type, use a more specific type instead - Improved typescript typings of snapshots
- Added
depth
parameter togetParent
andhasParent
- Separated the concepts of middleware and serializable actions. It is now possible to intercept, modify actions etc through
addMiddleWare
.onAction
now uses middleware, if it is used, all parameters of actions should be serializable!
- Introduced the concept of livelyness; if nodes are removed from the the tree because they are replaced by some other value, they will be marked as "died". This should help to early signal when people hold on to references that are not part of the tree anymore. To explicitly remove an node from a tree, with the intent to spawn a new state tree from it, use
detach
. - Introduced the convenience method
destroy
to remove a model from it's parent and mark it as dead. - Introduced the concept of protected trees. If a tree is protected using
protect
, it can only be modified through action, and not by mutating it directly anymore.
- Introduced .Type and .SnapshotType to be used with TypeScript to get the type for a model
- Renamed
createFactory
totypes.model
(breaking!) - Renamed
composeFactory
totypes.extend
(breaking!) - Actions should now be declared as
name(params) { body }
, instead ofname: action(function (params) { body})
(breaking!) - Models are no longer constructed by invoking the factory as function, but by calling
factory.create
(breaking!) - Introduced
identifier
- Introduced / improved
reference
- Greatly improved typescript support, type inference etc. However there are still limitations as the full typesystem of MST cannot be expressed in TypeScript. Especially concerning the type of snapshots and the possibility to use snapshots as first class value.