mobx 6.11.0-pre → 6.11.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # mobx
 
+## 6.11.0
+
+### Minor Changes
+
+-   [`c9260974`](https://github.com/mobxjs/mobx/commit/c9260974f726f58de0fd4974ea024c644d9b7c6f) [#3790](https://github.com/mobxjs/mobx/pull/3790) Thanks [@mweststrate](https://github.com/mweststrate)! - Added support for modern 2022.3 Decorators. [#3790](https://github.com/mobxjs/mobx/pull/3790)
+    -   [Installation / usage instruction](https://mobx.js.org/enabling-decorators.html).
+    -   [Introduction announcement](https://michel.codes/blogs/mobx-decorators)
+    -   Original PR by [@Matchlighter](https://github.com/Matchlighter) in [#3638](https://github.com/mobxjs/mobx/pull/3638),
+
 ## 6.10.2
 
 ### Patch Changes

package/README.md

@@ -35,7 +35,7 @@ MobX is made possible by the generosity of the sponsors below, and many other [i
 <a href="https://coinbase.com/"><img src="https://mobx.js.org/assets/coinbase.jpeg" align="center" width="100" title="Coinbase" alt="Coinbase" /></a>
 <a href="https://curology.com/blog/tech"><img src="https://mobx.js.org/assets/curology.png" align="center" width="100" title="Curology" alt="Curology"/></a>
 <a href="https://opensource.facebook.com/"><img src="https://mobx.js.org/assets/fbos.jpeg" align="center" width="100" title="Facebook Open Source" alt="Facebook Open Source" /></a>
-<a href="https://www.canva.com/"><img src="https://mobx.js.org/assets/canva.png" align="center" width="100" title="Canva" alt="Canva" /></a>
+<a href="https://www.canva.com/"><img src="https://mobx.js.org/assets/canva.svg" align="center" width="100" title="Canva" alt="Canva" /></a>
 
 **🥈 Silver sponsors (\$100+ per month):**<br/>
 
@@ -58,7 +58,7 @@ MobX is made possible by the generosity of the sponsors below, and many other [i
 
 _Anything that can be derived from the application state, should be. Automatically._
 
-MobX is a battle-tested library that makes state management simple and scalable by transparently applying functional reactive programming.
+MobX is a signal based, battle-tested library that makes state management simple and scalable by transparently applying functional reactive programming.
 The philosophy behind MobX is simple:
 
 <div class="benefits">

package/dist/mobx.cjs.development.js

@@ -420,7 +420,7 @@ function is20223Decorator(context) {
 }
 function assert20223DecoratorType(context, types) {
   if ( !types.includes(context.kind)) {
-    die("Decorator may not be used like this");
+    die("The decorator applied to '" + String(context.name) + "' cannot be used on a " + context.kind + " element");
   }
 }
 
@@ -918,24 +918,21 @@ function extend_$4(adm, key, descriptor, proxyTrap) {
 }
 function decorate_20223_$4(desc, context) {
   {
-    assert20223DecoratorType(context, ["accessor", "field"]);
+    if (context.kind === "field") {
+      throw die("Please use `@observable accessor " + String(context.name) + "` instead of `@observable " + String(context.name) + "`");
+    }
+    assert20223DecoratorType(context, ["accessor"]);
   }
   var ann = this;
   var kind = context.kind,
-    name = context.name,
-    addInitializer = context.addInitializer;
-  // Backwards/Legacy behavior, expects makeObservable(this)
-  if (kind == "field") {
-    addInitializer(function () {
-      storeAnnotation(this, name, ann);
-    });
-    return;
-  }
+    name = context.name;
   // The laziness here is not ideal... It's a workaround to how 2022.3 Decorators are implemented:
   //   `addInitializer` callbacks are executed _before_ any accessors are defined (instead of the ideal-for-us right after each).
   //   This means that, if we were to do our stuff in an `addInitializer`, we'd attempt to read a private slot
   //   before it has been initialized. The runtime doesn't like that and throws a `Cannot read private member
   //   from an object whose class did not declare it` error.
+  // TODO: it seems that this will not be required anymore in the final version of the spec
+  // See TODO: link
   var initializedObjects = new WeakSet();
   function initializeObservable(target, value) {
     var _ann$options_$enhance, _ann$options_;