Remove createModel (#3187)

* Remove createModel

* Add changeset

.changeset/smooth-rocks-hang.md

@@ -0,0 +1,5 @@
+---
+'xstate': major
+---
+
+The `createModel()` function has been removed in favor of relying on strong types in the machine configuration.

docs/guides/typescript.md

@@ -50,7 +50,7 @@ const machine = createMachine({
   },
   initial: 'a',
   context: {
-    value: '',
+    value: ''
   },
   states: {
     a: {
@@ -78,7 +78,7 @@ const machine = createMachine({
     events: {} as { type: 'FOO'; value: string } | { type: 'BAR' }
   },
   context: {
-    value: '',
+    value: ''
   },
   initial: 'a',
   states: {

packages/core/CHANGELOG.md

@@ -117,10 +117,10 @@
   And creating your own custom dev tools adapter is a function that takes in the `service`:
 
   ```js
-  const myCustomDevTools = service => {
+  const myCustomDevTools = (service) => {
     console.log('Got a service!');
 
-    service.subscribe(state => {
+    service.subscribe((state) => {
       // ...
     });
   };
@@ -308,7 +308,7 @@
   let previousState;
 
   const service = interpret(someMachine)
-    .onTransition(state => {
+    .onTransition((state) => {
       // previousState represents the last state here
 
       // ...
@@ -507,7 +507,7 @@
   // This will
   const loggedInState = await waitFor(
     loginService,
-    state => state.hasTag('loggedIn'),
+    (state) => state.hasTag('loggedIn'),
     { timeout: Infinity }
   );
   ```
@@ -540,7 +540,7 @@
   // ...
   const loginService = interpret(loginMachine).start();
 
-  const loggedInState = await waitFor(loginService, state =>
+  const loggedInState = await waitFor(loginService, (state) =>
     state.hasTag('loggedIn')
   );
 
@@ -677,7 +677,7 @@
 
   ```js
   // Persisting a state
-  someService.subscribe(state => {
+  someService.subscribe((state) => {
     localStorage.setItem('some-state', JSON.stringify(state));
   });
 
@@ -933,10 +933,10 @@
 
   model.createMachine({
     // `ctx` was of type `any`
-    entry: ctx => {},
+    entry: (ctx) => {},
     exit: assign({
       // `ctx` was of type `unknown`
-      foo: ctx => 42
+      foo: (ctx) => 42
     })
   });
   ```
@@ -1112,11 +1112,11 @@
   const machine = createMachine({
     context: { count: 0 },
     entry: [
-      ctx => console.log(ctx.count), // 0
-      assign({ count: ctx => ctx.count + 1 }),
-      ctx => console.log(ctx.count), // 1
-      assign({ count: ctx => ctx.count + 1 }),
-      ctx => console.log(ctx.count) // 2
+      (ctx) => console.log(ctx.count), // 0
+      assign({ count: (ctx) => ctx.count + 1 }),
+      (ctx) => console.log(ctx.count), // 1
+      assign({ count: (ctx) => ctx.count + 1 }),
+      (ctx) => console.log(ctx.count) // 2
     ],
     preserveActionOrder: true
   });
@@ -1125,11 +1125,11 @@
   const machine = createMachine({
     context: { count: 0 },
     entry: [
-      ctx => console.log(ctx.count), // 2
-      assign({ count: ctx => ctx.count + 1 }),
-      ctx => console.log(ctx.count), // 2
-      assign({ count: ctx => ctx.count + 1 }),
-      ctx => console.log(ctx.count) // 2
+      (ctx) => console.log(ctx.count), // 2
+      assign({ count: (ctx) => ctx.count + 1 }),
+      (ctx) => console.log(ctx.count), // 2
+      assign({ count: (ctx) => ctx.count + 1 }),
+      (ctx) => console.log(ctx.count) // 2
     ]
     // preserveActionOrder: false
   });
@@ -1328,7 +1328,7 @@
   });
 
   const service = interpret(machine)
-    .onTransition(state => {
+    .onTransition((state) => {
       // Read promise value synchronously
       const resolvedValue = state.context.promiseRef?.getSnapshot();
       // => undefined (if promise not resolved yet)
@@ -1408,7 +1408,7 @@
     context: { value: 42 },
     on: {
       INC: {
-        actions: assign({ value: ctx => ctx.value + 1 })
+        actions: assign({ value: (ctx) => ctx.value + 1 })
       }
     }
   });
@@ -1668,7 +1668,7 @@
 
   ```js
   // ...
-  actions: stop(context => context.someActor);
+  actions: stop((context) => context.someActor);
   ```
 
 ### Patch Changes
@@ -1906,10 +1906,10 @@
   ```js
   entry: [
     choose([
-      { cond: ctx => ctx > 100, actions: raise('TOGGLE') },
+      { cond: (ctx) => ctx > 100, actions: raise('TOGGLE') },
       {
         cond: 'hasMagicBottle',
-        actions: [assign(ctx => ({ counter: ctx.counter + 1 }))]
+        actions: [assign((ctx) => ({ counter: ctx.counter + 1 }))]
       },
       { actions: ['fallbackAction'] }
     ])

packages/core/package.json

@@ -52,7 +52,6 @@
       "./index.ts",
       "./actions.ts",
       "./actors.ts",
-      "./model.ts",
       "./guards.ts",
       "./dev/index.ts"
     ]