diff --git a/.claude/plans/store-bindings.md b/.claude/plans/store-bindings.md index c26e8b79..9104085b 100644 --- a/.claude/plans/store-bindings.md +++ b/.claude/plans/store-bindings.md @@ -191,8 +191,8 @@ export function StoreContextProvider({ store, children }: { store: AnyStore; chi **File:** `packages/store/src/react/create-store.ts` ```typescript -import type { AnySlice, InferSliceTarget, StoreConfig } from '../core'; import type { ReactNode } from 'react'; +import type { AnySlice, InferSliceTarget, StoreConfig } from '../core'; import { useEffect, useState } from 'react'; @@ -241,9 +241,9 @@ export function createStore(config: CreateStoreConfig **File:** `packages/store/src/react/types.ts` ```typescript -export type SliceResult = - | { state: InferSliceState; request: InferSliceRequests; isAvailable: true } - | { state: null; request: null; isAvailable: false }; +export type SliceResult + = | { state: InferSliceState; request: InferSliceRequests; isAvailable: true } + | { state: null; request: null; isAvailable: false }; export interface MutationResult any> { /** Trigger the request */ @@ -340,11 +340,11 @@ export function useOptimistic **File:** `packages/store/src/react/index.ts` ```typescript +// Internal hook for primitive UI components +export { useStoreContext } from './context'; export { createStore } from './create-store'; // Base hooks for testing/advanced use (all take store as first arg) export { useMutation, useOptimistic, usePending, useRequest, useSelector } from './hooks'; -// Internal hook for primitive UI components -export { useStoreContext } from './context'; export type { CreateStoreConfig, CreateStoreResult, MutationResult, OptimisticResult, SliceResult } from './types'; ``` @@ -389,9 +389,9 @@ class MySkin extends HTMLElement { **File:** `packages/store/src/lit/create-store.ts` ```typescript -import type { AnySlice, InferSliceTarget, StoreConfig } from '../core'; import type { Context } from '@lit/context'; import type { ReactiveControllerHost } from '@lit/reactive-element'; +import type { AnySlice, InferSliceTarget, StoreConfig } from '../core'; import { createContext } from '@lit/context'; @@ -497,7 +497,6 @@ export class OptimisticController< **File:** `packages/store/src/lit/index.ts` ```typescript -export { createStore } from './create-store'; export { MutationController, OptimisticController, @@ -505,6 +504,7 @@ export { RequestController, SelectorController, } from './controllers'; +export { createStore } from './create-store'; export type { CreateStoreConfig, CreateStoreResult, MutationResult, OptimisticResult } from './types'; ``` @@ -928,16 +928,16 @@ function App() { } function MyCustomControls() { - const currentTime = useSelector((s) => s.currentTime); - const seek = useRequest((r) => r.seek); + const currentTime = useSelector(s => s.currentTime); + const seek = useRequest(r => r.seek); return ; } // With mutation status tracking function PlayButton() { - const paused = useSelector((s) => s.paused); - const { mutate: play, isPending } = useMutation((r) => r.play); - const { mutate: pause } = useMutation((r) => r.pause); + const paused = useSelector(s => s.paused); + const { mutate: play, isPending } = useMutation(r => r.play); + const { mutate: pause } = useMutation(r => r.pause); return (