chore: update plop template

Author: segunadebayo

plop/machine/src/{{machine}}.connect.ts.hbs

@@ -3,7 +3,7 @@ import type { State, Send } from "./{{dashCase machine}}.types"
 import { parts } from "./{{dashCase machine}}.anatomy"
 import { dom } from "./{{dashCase machine}}.dom"
 
-export function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>) {
+export function connect<T extends PropTypes>(service: {{machine}}Service, normalize: NormalizeProps<T>) {
   return {
     getRootProps() {
       return normalize.element({})

plop/machine/src/{{machine}}.dom.ts.hbs

@@ -1,4 +1,3 @@
-import { createScope } from "@zag-js/dom-query"
-import type { MachineContext as Ctx } from "./{{dashCase machine}}.types"
+import type { Scope } from "@zag-js/core"
 
-export const dom = createScope({})
+export const getRootId = (ctx: MachineContext) => `{{dashCase machine}}-${ctx.id}`

plop/machine/src/{{machine}}.machine.ts.hbs

@@ -1,24 +1,30 @@
-import { createMachine, ref } from "@zag-js/core"
-import { compact } from "@zag-js/utils"
-import type { MachineContext, MachineState, UserDefinedContext } from "./{{dashCase machine}}.types"
+import { createMachine } from "@zag-js/core"
+import type { {{machine}}Schema } from "./{{dashCase machine}}.types"
 
-export function machine(userContext: UserDefinedContext){ 
-  const ctx = compact(userContext)
-  return createMachine<MachineContext, MachineState>(
-    {
-      id: "{{machine}}",
-      initial: "idle",
-      context: {
-        ...ctx
-      },
-      states: {
-      },
-    },
-    {
-      guards: {
-      },
-      actions: {
-      },
-    },
-  )
-}
+export const machine = createMachine<{{machine}}Schema>({
+  props({ props }) {
+    return props
+  },
+
+  context({ props, bindable }) {
+    return {}
+  },
+
+  initialState() {
+    return "idle"
+  },
+
+  context({ props }) {
+    return props
+  },
+
+  states: {},
+
+  implementations: {
+    guards: {},
+
+    actions: {},
+    
+    effects: {},
+  }
+})

plop/machine/src/{{machine}}.types.ts.hbs

@@ -1,20 +1,18 @@
-import type { StateMachine as S } from "@zag-js/core"
+import type { EventObject, Service, Machine } from "@zag-js/core"
 import type { CommonProperties, DirectionProperty, RequiredBy } from "@zag-js/types"
 
-interface PublicContext extends DirectionProperty, CommonProperties {}
+export interface {{machine}}Props extends DirectionProperty, CommonProperties {}
 
-interface PrivateContext extends {}
-
-type ComputedContext = Readonly<{}>
-
-export type UserDefinedContext = RequiredBy<PublicContext, "id">
-
-export interface MachineContext extends PublicContext, PrivateContext, ComputedContext {}
-
-export interface MachineState {
-  value: "idle"
+export interface {{machine}}Schema {
+  state: 'idle'
+  props: {{machine}}Props
+  context: {}
+  event: EventObject
+  action: string
+  guard: string
+  effect: string
 }
 
-export type State = S.State<MachineContext, MachineState>
+export type {{machine}}Service = Service<{{machine}}Schema>
 
-export type Send = S.Send<S.AnyEventObject>
+export type {{machine}}Machine = Machine<{{machine}}Schema>