@usels/integrations 0.0.1

package/dist/index.mjs

@@ -0,0 +1,397 @@
+// src/tanstack-query/QueryClientProvider.tsx
+import { createContext } from "react";
+import { QueryClient } from "@tanstack/query-core";
+import { jsx } from "react/jsx-runtime";
+var QueryClientContext = createContext(
+  void 0
+);
+function QueryClientProvider({
+  client,
+  children
+}) {
+  return /* @__PURE__ */ jsx(QueryClientContext.Provider, { value: client, children });
+}
+
+// src/tanstack-query/useQueryClient.ts
+import { useContext } from "react";
+function useQueryClient() {
+  const client = useContext(QueryClientContext);
+  if (!client) {
+    throw new Error(
+      "useQueryClient must be used within a QueryClientProvider. Make sure your component tree is wrapped with <QueryClientProvider client={queryClient}>."
+    );
+  }
+  return client;
+}
+
+// src/tanstack-query/useQuery.ts
+import { useMount, useObservable, useObserve } from "@legendapp/state/react";
+import { isObservable } from "@legendapp/state";
+import { QueryObserver } from "@tanstack/query-core";
+import { useRef } from "react";
+import { get } from "@usels/core";
+function serializeQueryKey(queryKey) {
+  return JSON.stringify(queryKey, (_key, value) => {
+    if (isObservable(value)) {
+      return value.get();
+    }
+    return value;
+  });
+}
+function useQuery(options) {
+  const queryClient = useQueryClient();
+  const observerRef = useRef(null);
+  const previousQueryKeyRef = useRef(null);
+  const initialOptions = get(options);
+  const state$ = useObservable({
+    data: void 0,
+    error: null,
+    status: "pending",
+    fetchStatus: "idle",
+    isPending: true,
+    isSuccess: false,
+    isError: false,
+    isLoadingError: false,
+    isRefetchError: false,
+    isFetching: false,
+    isPaused: false,
+    isRefetching: false,
+    isLoading: true,
+    isInitialLoading: true,
+    isStale: true,
+    isPlaceholderData: false,
+    isFetched: false,
+    isFetchedAfterMount: false,
+    isEnabled: get(initialOptions.enabled) ?? true,
+    dataUpdatedAt: 0,
+    errorUpdatedAt: 0,
+    failureCount: 0,
+    failureReason: null,
+    errorUpdateCount: 0,
+    refetch() {
+      observerRef.current?.refetch();
+    }
+  });
+  if (!observerRef.current) {
+    const initialQueryKeyString = serializeQueryKey(initialOptions.queryKey);
+    previousQueryKeyRef.current = initialQueryKeyString;
+    observerRef.current = new QueryObserver(queryClient, {
+      queryKey: [initialQueryKeyString],
+      queryFn: initialOptions.queryFn,
+      enabled: get(initialOptions.enabled) ?? true,
+      staleTime: get(initialOptions.staleTime),
+      gcTime: get(initialOptions.gcTime),
+      retry: get(initialOptions.retry),
+      refetchOnWindowFocus: get(initialOptions.refetchOnWindowFocus),
+      refetchOnMount: get(initialOptions.refetchOnMount),
+      refetchOnReconnect: get(initialOptions.refetchOnReconnect),
+      throwOnError: initialOptions.throwOnError
+    });
+  }
+  useObserve(() => {
+    const resolved = get(options);
+    const queryKeyString = serializeQueryKey(resolved.queryKey);
+    const hasQueryKeyChanged = previousQueryKeyRef.current !== queryKeyString;
+    observerRef.current?.setOptions({
+      queryKey: [queryKeyString],
+      queryFn: resolved.queryFn,
+      enabled: get(resolved.enabled) ?? true,
+      staleTime: get(resolved.staleTime),
+      gcTime: get(resolved.gcTime),
+      retry: get(resolved.retry),
+      refetchOnWindowFocus: get(resolved.refetchOnWindowFocus),
+      refetchOnMount: get(resolved.refetchOnMount),
+      refetchOnReconnect: get(resolved.refetchOnReconnect),
+      throwOnError: resolved.throwOnError
+    });
+    if (hasQueryKeyChanged && previousQueryKeyRef.current !== null) {
+      observerRef.current?.refetch();
+    }
+    previousQueryKeyRef.current = queryKeyString;
+  });
+  useMount(() => {
+    const observer = observerRef.current;
+    if (!observer) return;
+    const unsubscribe = observer.subscribe((result) => {
+      state$.assign({
+        data: result.data,
+        error: result.error ?? null,
+        status: result.status,
+        fetchStatus: result.fetchStatus,
+        isPending: result.isPending,
+        isSuccess: result.isSuccess,
+        isError: result.isError,
+        isLoadingError: result.isLoadingError,
+        isRefetchError: result.isRefetchError,
+        isFetching: result.isFetching,
+        isPaused: result.isPaused,
+        isRefetching: result.isRefetching,
+        isLoading: result.isLoading,
+        isInitialLoading: result.isLoading,
+        isStale: result.isStale,
+        isPlaceholderData: result.isPlaceholderData,
+        isFetched: result.isFetched,
+        isFetchedAfterMount: result.isFetchedAfterMount,
+        isEnabled: result.isEnabled ?? true,
+        dataUpdatedAt: result.dataUpdatedAt,
+        errorUpdatedAt: result.errorUpdatedAt,
+        failureCount: result.failureCount,
+        failureReason: result.failureReason ?? null,
+        errorUpdateCount: result.errorUpdateCount
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      });
+    });
+    return () => {
+      unsubscribe();
+    };
+  });
+  return state$;
+}
+
+// src/tanstack-query/useMutation.ts
+import { useMount as useMount2, useObservable as useObservable2, useObserve as useObserve2 } from "@legendapp/state/react";
+import { MutationObserver } from "@tanstack/query-core";
+import { useRef as useRef2 } from "react";
+function useMutation(options) {
+  const queryClient = useQueryClient();
+  const observerRef = useRef2(null);
+  const state$ = useObservable2({
+    data: void 0,
+    error: null,
+    status: "idle",
+    isIdle: true,
+    isPending: false,
+    isPaused: false,
+    isSuccess: false,
+    isError: false,
+    failureCount: 0,
+    failureReason: null,
+    submittedAt: 0,
+    variables: void 0,
+    context: void 0,
+    mutate(variables) {
+      observerRef.current?.mutate(variables)?.catch?.(() => {
+      });
+    },
+    mutateAsync(variables) {
+      if (observerRef.current) {
+        return new Promise((resolve, reject) => {
+          observerRef.current.mutate(variables, {
+            onSuccess: (data) => resolve(data),
+            onError: (error) => reject(error)
+          })?.catch?.(() => {
+          });
+        });
+      }
+      throw new Error("Mutation not initialized");
+    },
+    reset() {
+      observerRef.current?.reset();
+    }
+  });
+  if (!observerRef.current) {
+    observerRef.current = new MutationObserver(queryClient, {
+      mutationKey: options.mutationKey,
+      mutationFn: options.mutationFn,
+      onMutate: options.onMutate,
+      onSuccess: options.onSuccess,
+      onError: options.onError,
+      onSettled: options.onSettled
+    });
+  }
+  useObserve2(() => {
+    observerRef.current?.setOptions({
+      mutationKey: options.mutationKey,
+      mutationFn: options.mutationFn,
+      onMutate: options.onMutate,
+      onSuccess: options.onSuccess,
+      onError: options.onError,
+      onSettled: options.onSettled
+    });
+  });
+  useMount2(() => {
+    const observer = observerRef.current;
+    if (!observer) return;
+    const unsubscribe = observer.subscribe((result) => {
+      state$.assign({
+        data: result.data,
+        error: result.error ?? null,
+        status: result.status,
+        isIdle: result.isIdle,
+        isPending: result.isPending,
+        isPaused: result.isPaused,
+        isSuccess: result.isSuccess,
+        isError: result.isError,
+        failureCount: result.failureCount,
+        failureReason: result.failureReason ?? null,
+        submittedAt: result.submittedAt,
+        variables: result.variables,
+        context: result.context
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      });
+    });
+    return () => {
+      unsubscribe();
+    };
+  });
+  return state$;
+}
+
+// src/tanstack-query/useInfiniteQuery.ts
+import { useMount as useMount3, useObservable as useObservable3, useObserve as useObserve3 } from "@legendapp/state/react";
+import { isObservable as isObservable2 } from "@legendapp/state";
+import {
+  InfiniteQueryObserver
+} from "@tanstack/query-core";
+import { useRef as useRef3 } from "react";
+import { get as get2 } from "@usels/core";
+function serializeQueryKey2(queryKey) {
+  return JSON.stringify(queryKey, (_key, value) => {
+    if (isObservable2(value)) {
+      return value.get();
+    }
+    return value;
+  });
+}
+function useInfiniteQuery(options) {
+  const queryClient = useQueryClient();
+  const observerRef = useRef3(null);
+  const previousQueryKeyRef = useRef3(null);
+  const initialOptions = get2(options);
+  const state$ = useObservable3({
+    data: void 0,
+    error: null,
+    status: "pending",
+    fetchStatus: "idle",
+    isPending: true,
+    isSuccess: false,
+    isError: false,
+    isLoadingError: false,
+    isRefetchError: false,
+    isFetching: false,
+    isPaused: false,
+    isRefetching: false,
+    isLoading: true,
+    isStale: true,
+    isPlaceholderData: false,
+    isFetched: false,
+    isFetchedAfterMount: false,
+    dataUpdatedAt: 0,
+    errorUpdatedAt: 0,
+    failureCount: 0,
+    failureReason: null,
+    errorUpdateCount: 0,
+    isEnabled: get2(initialOptions.enabled) ?? true,
+    isInitialLoading: true,
+    hasNextPage: false,
+    hasPreviousPage: false,
+    isFetchingNextPage: false,
+    isFetchingPreviousPage: false,
+    isFetchNextPageError: false,
+    isFetchPreviousPageError: false,
+    refetch() {
+      observerRef.current?.refetch();
+    },
+    fetchNextPage() {
+      observerRef.current?.fetchNextPage();
+    },
+    fetchPreviousPage() {
+      observerRef.current?.fetchPreviousPage();
+    }
+  });
+  if (!observerRef.current) {
+    const initialQueryKeyString = serializeQueryKey2(initialOptions.queryKey);
+    previousQueryKeyRef.current = initialQueryKeyString;
+    observerRef.current = new InfiniteQueryObserver(queryClient, {
+      queryKey: [initialQueryKeyString],
+      queryFn: initialOptions.queryFn,
+      enabled: get2(initialOptions.enabled) ?? true,
+      staleTime: get2(initialOptions.staleTime),
+      gcTime: get2(initialOptions.gcTime),
+      retry: get2(initialOptions.retry),
+      refetchOnWindowFocus: get2(initialOptions.refetchOnWindowFocus),
+      refetchOnMount: get2(initialOptions.refetchOnMount),
+      refetchOnReconnect: get2(initialOptions.refetchOnReconnect),
+      initialPageParam: initialOptions.initialPageParam,
+      getNextPageParam: initialOptions.getNextPageParam,
+      getPreviousPageParam: initialOptions.getPreviousPageParam,
+      maxPages: initialOptions.maxPages
+    });
+  }
+  useObserve3(() => {
+    const resolved = get2(options);
+    const queryKeyString = serializeQueryKey2(resolved.queryKey);
+    const hasQueryKeyChanged = previousQueryKeyRef.current !== queryKeyString;
+    observerRef.current?.setOptions({
+      queryKey: [queryKeyString],
+      queryFn: resolved.queryFn,
+      enabled: get2(resolved.enabled) ?? true,
+      staleTime: get2(resolved.staleTime),
+      gcTime: get2(resolved.gcTime),
+      retry: get2(resolved.retry),
+      refetchOnWindowFocus: get2(resolved.refetchOnWindowFocus),
+      refetchOnMount: get2(resolved.refetchOnMount),
+      refetchOnReconnect: get2(resolved.refetchOnReconnect),
+      initialPageParam: resolved.initialPageParam,
+      getNextPageParam: resolved.getNextPageParam,
+      getPreviousPageParam: resolved.getPreviousPageParam,
+      maxPages: resolved.maxPages
+    });
+    if (hasQueryKeyChanged && previousQueryKeyRef.current !== null) {
+      observerRef.current?.refetch();
+    }
+    previousQueryKeyRef.current = queryKeyString;
+  });
+  useMount3(() => {
+    const observer = observerRef.current;
+    if (!observer) return;
+    const unsubscribe = observer.subscribe((result) => {
+      state$.assign({
+        data: result.data,
+        error: result.error ?? null,
+        status: result.status,
+        fetchStatus: result.fetchStatus,
+        isPending: result.isPending,
+        isSuccess: result.isSuccess,
+        isError: result.isError,
+        isLoadingError: result.isLoadingError,
+        isRefetchError: result.isRefetchError,
+        isFetching: result.isFetching,
+        isPaused: result.isPaused,
+        isRefetching: result.isRefetching,
+        isLoading: result.isLoading,
+        isInitialLoading: result.isLoading,
+        isStale: result.isStale,
+        isPlaceholderData: result.isPlaceholderData,
+        isFetched: result.isFetched,
+        isFetchedAfterMount: result.isFetchedAfterMount,
+        isEnabled: result.isEnabled ?? true,
+        dataUpdatedAt: result.dataUpdatedAt,
+        errorUpdatedAt: result.errorUpdatedAt,
+        failureCount: result.failureCount,
+        failureReason: result.failureReason ?? null,
+        errorUpdateCount: result.errorUpdateCount,
+        hasNextPage: result.hasNextPage ?? false,
+        hasPreviousPage: result.hasPreviousPage ?? false,
+        isFetchingNextPage: result.isFetchingNextPage ?? false,
+        isFetchingPreviousPage: result.isFetchingPreviousPage ?? false,
+        isFetchNextPageError: result.isFetchNextPageError ?? false,
+        isFetchPreviousPageError: result.isFetchPreviousPageError ?? false
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      });
+    });
+    return () => {
+      unsubscribe();
+    };
+  });
+  return state$;
+}
+export {
+  QueryClient,
+  QueryClientProvider,
+  useInfiniteQuery,
+  useMutation,
+  useQuery,
+  useQueryClient
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tanstack-query/QueryClientProvider.tsx","../src/tanstack-query/useQueryClient.ts","../src/tanstack-query/useQuery.ts","../src/tanstack-query/useMutation.ts","../src/tanstack-query/useInfiniteQuery.ts"],"sourcesContent":["\"use client\";\nimport { createContext, ReactNode } from \"react\";\nimport { QueryClient } from \"@tanstack/query-core\";\n\n/**\n * React Context for QueryClient\n */\nexport const QueryClientContext = createContext<QueryClient | undefined>(\n  undefined,\n);\n\nexport interface QueryClientProviderProps {\n  client: QueryClient;\n  children: ReactNode;\n}\n\n/**\n * Provider component that makes QueryClient available to hooks\n *\n * @example\n * ```tsx\n * import { QueryClient } from '@tanstack/react-query'\n * import { QueryClientProvider } from '@usels/integrations'\n *\n * const queryClient = new QueryClient()\n *\n * function App() {\n *   return (\n *     <QueryClientProvider client={queryClient}>\n *       <YourApp />\n *     </QueryClientProvider>\n *   )\n * }\n * ```\n */\nexport function QueryClientProvider({\n  client,\n  children,\n}: QueryClientProviderProps) {\n  return (\n    <QueryClientContext.Provider value={client}>\n      {children}\n    </QueryClientContext.Provider>\n  );\n}\n\nexport { QueryClient };\n","\"use client\"\nimport { useContext } from 'react'\nimport { QueryClient } from '@tanstack/react-query'\nimport { QueryClientContext } from './QueryClientProvider'\n\n/**\n * Hook to retrieve the QueryClient from context\n *\n * @throws Error if used outside of QueryClientProvider\n *\n * @example\n * ```tsx\n * import { useQueryClient } from '@usels/integrations'\n *\n * function MyComponent() {\n *   const queryClient = useQueryClient()\n *   // Use queryClient...\n * }\n * ```\n */\nexport function useQueryClient(): QueryClient {\n  const client = useContext(QueryClientContext)\n\n  if (!client) {\n    throw new Error(\n      'useQueryClient must be used within a QueryClientProvider. ' +\n      'Make sure your component tree is wrapped with <QueryClientProvider client={queryClient}>.'\n    )\n  }\n\n  return client\n}\n","\"use client\";\nimport { useMount, useObservable, useObserve } from \"@legendapp/state/react\";\nimport { isObservable } from \"@legendapp/state\";\n// import { QueryKey, QueryObserver } from \"@tanstack/react-query\";\nimport { QueryKey, QueryObserver } from \"@tanstack/query-core\";\nimport { useRef } from \"react\";\nimport type { Observable } from \"@legendapp/state\";\nimport { get, type MaybeObservable } from \"@usels/core\";\nimport { useQueryClient } from \"./useQueryClient\";\n\n/**\n * QueryKey를 직렬화하면서 Observable 값을 추출합니다.\n * JSON.stringify는 Observable을 자동으로 .get()하지 않으므로\n * 커스텀 replacer를 사용하여 Observable 값을 추출합니다.\n */\nfunction serializeQueryKey(queryKey: QueryKey): string {\n  return JSON.stringify(queryKey, (_key, value) => {\n    // isObservable을 사용하여 안전하게 Observable을 감지하고 값을 추출\n    if (isObservable(value)) {\n      return value.get();\n    }\n    return value;\n  });\n}\n\nexport interface UseQueryOptions<TData = unknown> {\n  queryKey: QueryKey;\n  queryFn: () => Promise<TData>;\n  enabled?: MaybeObservable<boolean>;\n  staleTime?: MaybeObservable<number>;\n  gcTime?: MaybeObservable<number>;\n  retry?: MaybeObservable<number | boolean>;\n  refetchOnWindowFocus?: MaybeObservable<boolean>;\n  refetchOnMount?: MaybeObservable<boolean>;\n  refetchOnReconnect?: MaybeObservable<boolean>;\n  /**\n   * Set this to `true` to throw errors to the nearest error boundary.\n   * Set to a function to control which errors should be thrown.\n   */\n  throwOnError?: boolean | ((error: Error) => boolean);\n  /**\n   * Set this to `true` to enable React Suspense mode.\n   * The hook will throw a promise while fetching, suspending the component.\n   *\n   * Note: Requires a React Suspense boundary in the component tree.\n   * The query state is still available as an observable when not suspended.\n   */\n  suspense?: boolean;\n}\n\nexport interface QueryState<TData = unknown> {\n  data: TData | undefined;\n  error: Error | null;\n  status: \"pending\" | \"error\" | \"success\";\n  fetchStatus: \"fetching\" | \"paused\" | \"idle\";\n  isPending: boolean;\n  isSuccess: boolean;\n  isError: boolean;\n  isLoadingError: boolean;\n  isRefetchError: boolean;\n  isFetching: boolean;\n  isPaused: boolean;\n  isRefetching: boolean;\n  isLoading: boolean;\n  /**\n   * @deprecated Use `isLoading` instead. Will be removed in TanStack Query v6.\n   */\n  isInitialLoading: boolean;\n  isStale: boolean;\n  isPlaceholderData: boolean;\n  isFetched: boolean;\n  isFetchedAfterMount: boolean;\n  isEnabled: boolean;\n  dataUpdatedAt: number;\n  errorUpdatedAt: number;\n  failureCount: number;\n  failureReason: Error | null;\n  errorUpdateCount: number;\n\n  refetch: () => void;\n}\n\n/**\n * TanStack Query와 Legend-App-State를 연결하는 커스텀 훅\n * QueryObserver를 사용하여 쿼리 상태를 observable로 관리합니다.\n *\n * Observable 값을 파라미터로 받을 수 있으며, 변경 시 자동으로 refetch됩니다.\n *\n * @example\n * ```tsx\n * import { QueryClient } from '@tanstack/react-query'\n * import { QueryClientProvider, useQuery } from '@usels/integrations'\n *\n * // QueryClient를 생성하고 Provider로 제공\n * const queryClient = new QueryClient()\n *\n * function App() {\n *   return (\n *     <QueryClientProvider client={queryClient}>\n *       <YourApp />\n *     </QueryClientProvider>\n *   )\n * }\n *\n * // 컴포넌트에서 사용\n * function YourComponent() {\n *   // 일반 값\n *   const products$ = useQuery({\n *     queryKey: ['products'],\n *     queryFn: () => fetch('/api/products').then(r => r.json())\n *   })\n *\n *   // Observable 값 (자동 반응)\n *   const filter$ = useObservable({ category: 'electronics' })\n *   const filteredProducts$ = useQuery({\n *     queryKey: ['products', filter$],\n *     queryFn: () => fetch(`/api/products?category=${filter$.category.get()}`).then(r => r.json())\n *   })\n *   // filter$가 변경되면 자동으로 refetch!\n *\n *\n *   // 렌더링\n *   return (\n *     <Show if={() => products$.isSuccess.get()}>\n *       {() => (\n *         <For each={() => products$.data.get()}>\n *           {(product$) => <ProductCard $product={product$} />}\n *         </For>\n *       )}\n *     </Show>\n *   )\n * }\n * ```\n */\nexport function useQuery<TData = unknown>(\n  options: MaybeObservable<UseQueryOptions<TData>>,\n): Observable<QueryState<TData>> {\n  const queryClient = useQueryClient();\n  // Observer는 한 번만 생성\n  const observerRef = useRef<QueryObserver<TData, Error> | null>(null);\n  const previousQueryKeyRef = useRef<string | null>(null);\n\n  // options 자체가 Observable인 경우 초기 스냅샷 추출 (최초 1회용)\n  const initialOptions = get(options);\n\n  // Observable 상태 초기화 (refetch는 별도 함수로 분리 - observable 안에 넣으면 Observable<Function>이 됨)\n  const state$ = useObservable({\n    data: undefined as TData | undefined,\n    error: null as Error | null,\n    status: \"pending\" as \"pending\" | \"error\" | \"success\",\n    fetchStatus: \"idle\" as \"fetching\" | \"paused\" | \"idle\",\n    isPending: true,\n    isSuccess: false,\n    isError: false,\n    isLoadingError: false,\n    isRefetchError: false,\n    isFetching: false,\n    isPaused: false,\n    isRefetching: false,\n    isLoading: true,\n    isInitialLoading: true,\n    isStale: true,\n    isPlaceholderData: false,\n    isFetched: false,\n    isFetchedAfterMount: false,\n    isEnabled: get(initialOptions.enabled) ?? true,\n    dataUpdatedAt: 0,\n    errorUpdatedAt: 0,\n    failureCount: 0,\n    failureReason: null as Error | null,\n    errorUpdateCount: 0,\n    refetch() {\n      observerRef.current?.refetch();\n    },\n  });\n\n  if (!observerRef.current) {\n    const initialQueryKeyString = serializeQueryKey(initialOptions.queryKey);\n    previousQueryKeyRef.current = initialQueryKeyString;\n    observerRef.current = new QueryObserver<TData, Error>(queryClient, {\n      queryKey: [initialQueryKeyString],\n      queryFn: initialOptions.queryFn,\n      enabled: get(initialOptions.enabled) ?? true,\n      staleTime: get(initialOptions.staleTime),\n      gcTime: get(initialOptions.gcTime),\n      retry: get(initialOptions.retry),\n      refetchOnWindowFocus: get(initialOptions.refetchOnWindowFocus),\n      refetchOnMount: get(initialOptions.refetchOnMount),\n      refetchOnReconnect: get(initialOptions.refetchOnReconnect),\n      throwOnError: initialOptions.throwOnError as never,\n    });\n  }\n\n  // useObserve로 options 변화 추적 (렌더링 중 동기 실행)\n  // options 자체가 Observable이면 get(options)로 추적,\n  // 각 필드가 Observable이면 get(field)로 추적\n  useObserve(() => {\n    const resolved = get(options);\n\n    // options 객체를 직렬화하면서 Observable 값을 추출\n    // serializeQueryKey의 replacer에서 .get()을 호출하므로 useObserve가 추적\n    const queryKeyString = serializeQueryKey(resolved.queryKey);\n\n    // queryKey가 변경되었는지 확인\n    const hasQueryKeyChanged = previousQueryKeyRef.current !== queryKeyString;\n\n    observerRef.current?.setOptions({\n      queryKey: [queryKeyString] as QueryKey,\n      queryFn: resolved.queryFn,\n      enabled: get(resolved.enabled) ?? true,\n      staleTime: get(resolved.staleTime),\n      gcTime: get(resolved.gcTime),\n      retry: get(resolved.retry),\n      refetchOnWindowFocus: get(resolved.refetchOnWindowFocus),\n      refetchOnMount: get(resolved.refetchOnMount),\n      refetchOnReconnect: get(resolved.refetchOnReconnect),\n      throwOnError: resolved.throwOnError as never,\n    });\n\n    // queryKey가 변경되면 refetch 트리거\n    if (hasQueryKeyChanged && previousQueryKeyRef.current !== null) {\n      observerRef.current?.refetch();\n    }\n\n    previousQueryKeyRef.current = queryKeyString;\n  });\n\n  // 구독은 한 번만 설정 (React lifecycle)\n  useMount(() => {\n    const observer = observerRef.current;\n    if (!observer) return;\n\n    const unsubscribe = observer.subscribe((result) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      state$.assign({\n        data: result.data,\n        error: result.error ?? null,\n        status: result.status,\n        fetchStatus: result.fetchStatus as \"fetching\" | \"paused\" | \"idle\",\n        isPending: result.isPending,\n        isSuccess: result.isSuccess,\n        isError: result.isError,\n        isLoadingError: result.isLoadingError,\n        isRefetchError: result.isRefetchError,\n        isFetching: result.isFetching,\n        isPaused: result.isPaused,\n        isRefetching: result.isRefetching,\n        isLoading: result.isLoading,\n        isInitialLoading: result.isLoading,\n        isStale: result.isStale,\n        isPlaceholderData: result.isPlaceholderData,\n        isFetched: result.isFetched,\n        isFetchedAfterMount: result.isFetchedAfterMount,\n        isEnabled: result.isEnabled ?? true,\n        dataUpdatedAt: result.dataUpdatedAt,\n        errorUpdatedAt: result.errorUpdatedAt,\n        failureCount: result.failureCount,\n        failureReason: result.failureReason ?? null,\n        errorUpdateCount: result.errorUpdateCount,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      } as any);\n    });\n\n    return () => {\n      unsubscribe();\n    };\n    // state$는 stable하므로 의존성에 불필요\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  });\n\n  return state$;\n}\n","\"use client\";\nimport { useMount, useObservable, useObserve } from \"@legendapp/state/react\";\nimport { MutationKey, MutationObserver } from \"@tanstack/query-core\";\nimport { useRef } from \"react\";\nimport type { Observable } from \"@legendapp/state\";\nimport { useQueryClient } from \"./useQueryClient\";\n\nexport interface UseMutationOptions<\n  TData = unknown,\n  TVariables = void,\n  TContext = unknown,\n> {\n  mutationKey?: MutationKey;\n  mutationFn: (variables: TVariables) => Promise<TData>;\n  onMutate?: (variables: TVariables) => TContext | Promise<TContext>;\n  onSuccess?: (\n    data: TData,\n    variables: TVariables,\n    context: TContext | undefined,\n  ) => void | Promise<void>;\n  onError?: (\n    error: Error,\n    variables: TVariables,\n    context: TContext | undefined,\n  ) => void | Promise<void>;\n  onSettled?: (\n    data: TData | undefined,\n    error: Error | null,\n    variables: TVariables,\n    context: TContext | undefined,\n  ) => void | Promise<void>;\n}\n\nexport interface MutationState<\n  TData = unknown,\n  TVariables = void,\n  TContext = unknown,\n> {\n  data: TData | undefined;\n  error: Error | null;\n  status: \"idle\" | \"pending\" | \"error\" | \"success\";\n  isIdle: boolean;\n  isPending: boolean;\n  isPaused: boolean;\n  isSuccess: boolean;\n  isError: boolean;\n  failureCount: number;\n  failureReason: Error | null;\n  submittedAt: number;\n  variables: TVariables | undefined;\n  context: TContext | undefined;\n\n  mutate: (variables: TVariables) => void;\n  mutateAsync: (variables: TVariables) => Promise<TData>;\n  reset: () => void;\n}\n\n/**\n * TanStack Query Mutation과 Legend-App-State를 연결하는 커스텀 훅\n * MutationObserver를 사용하여 뮤테이션 상태를 observable로 관리합니다.\n *\n * @example\n * ```tsx\n * import { QueryClient } from '@tanstack/react-query'\n * import { QueryClientProvider, useMutation } from '@usels/integrations'\n *\n * // QueryClient를 생성하고 Provider로 제공\n * const queryClient = new QueryClient()\n *\n * function App() {\n *   return (\n *     <QueryClientProvider client={queryClient}>\n *       <YourApp />\n *     </QueryClientProvider>\n *   )\n * }\n *\n * // 컴포넌트에서 사용\n * function YourComponent() {\n *   const createProduct$ = useMutation({\n *     mutationFn: (product: NewProduct) =>\n *       fetch('/api/products', {\n *         method: 'POST',\n *         body: JSON.stringify(product)\n *       }).then(r => r.json()),\n *     onSuccess: () => {\n *       alert('Product created!')\n *     }\n *   })\n *\n *   const handleSubmit = (product: NewProduct) => {\n *     createProduct$.mutate(product)\n *   }\n * }\n * ```\n */\nexport function useMutation<\n  TData = unknown,\n  TVariables = void,\n  TContext = unknown,\n>(\n  options: UseMutationOptions<TData, TVariables, TContext>,\n): Observable<MutationState<TData, TVariables, TContext>> {\n  const queryClient = useQueryClient();\n\n  // Observer는 한 번만 생성\n  const observerRef = useRef<MutationObserver<\n    TData,\n    Error,\n    TVariables,\n    TContext\n  > | null>(null);\n\n  // Observable 상태 초기화 (mutate/mutateAsync/reset는 별도 함수로 분리 - observable 안에 넣으면 Observable<Function>이 됨)\n  const state$ = useObservable({\n    data: undefined as TData | undefined,\n    error: null as Error | null,\n    status: \"idle\" as \"idle\" | \"pending\" | \"error\" | \"success\",\n    isIdle: true,\n    isPending: false,\n    isPaused: false,\n    isSuccess: false,\n    isError: false,\n    failureCount: 0,\n    failureReason: null as Error | null,\n    submittedAt: 0,\n    variables: undefined as TVariables | undefined,\n    context: undefined as TContext | undefined,\n    mutate(variables: TVariables) {\n      // Cast to any: TanStack Query mutate() returns void in types but may return\n      // a Promise at runtime. Swallow it to prevent unhandled rejection warnings.\n      (observerRef.current?.mutate(variables) as any)?.catch?.(() => {});\n    },\n    mutateAsync(variables: TVariables): Promise<TData> {\n      if (observerRef.current) {\n        return new Promise((resolve, reject) => {\n          // Suppress TanStack Query's internal execute() Promise rejection.\n          (\n            observerRef.current!.mutate(variables, {\n              onSuccess: (data) => resolve(data),\n              onError: (error) => reject(error),\n            }) as any\n          )?.catch?.(() => {});\n        });\n      }\n      throw new Error(\"Mutation not initialized\");\n    },\n    reset() {\n      observerRef.current?.reset();\n    },\n  });\n\n  if (!observerRef.current) {\n    observerRef.current = new MutationObserver<\n      TData,\n      Error,\n      TVariables,\n      TContext\n    >(queryClient, {\n      mutationKey: options.mutationKey,\n      mutationFn: options.mutationFn,\n      onMutate: options.onMutate,\n      onSuccess: options.onSuccess,\n      onError: options.onError,\n      onSettled: options.onSettled,\n    });\n  }\n\n  // useObserve로 options 변화 추적\n  useObserve(() => {\n    observerRef.current?.setOptions({\n      mutationKey: options.mutationKey,\n      mutationFn: options.mutationFn,\n      onMutate: options.onMutate,\n      onSuccess: options.onSuccess,\n      onError: options.onError,\n      onSettled: options.onSettled,\n    });\n  });\n\n  // 구독은 한 번만 설정 (React lifecycle)\n  useMount(() => {\n    const observer = observerRef.current;\n    if (!observer) return;\n\n    const unsubscribe = observer.subscribe((result) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      state$.assign({\n        data: result.data,\n        error: result.error ?? null,\n        status: result.status,\n        isIdle: result.isIdle,\n        isPending: result.isPending,\n        isPaused: result.isPaused,\n        isSuccess: result.isSuccess,\n        isError: result.isError,\n        failureCount: result.failureCount,\n        failureReason: result.failureReason ?? null,\n        submittedAt: result.submittedAt,\n        variables: result.variables,\n        context: result.context,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      } as any);\n    });\n\n    return () => {\n      unsubscribe();\n    };\n    // state$는 stable하므로 의존성에 불필요\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  });\n\n  return state$;\n}\n","\"use client\";\nimport { useMount, useObservable, useObserve } from \"@legendapp/state/react\";\nimport { isObservable } from \"@legendapp/state\";\nimport {\n  QueryKey,\n  InfiniteQueryObserver,\n  InfiniteData,\n  QueryFunctionContext,\n} from \"@tanstack/query-core\";\nimport { useRef } from \"react\";\nimport type { Observable } from \"@legendapp/state\";\nimport { get, type MaybeObservable } from \"@usels/core\";\nimport { useQueryClient } from \"./useQueryClient\";\n\n/**\n * QueryKey를 직렬화하면서 Observable 값을 추출합니다.\n * JSON.stringify는 Observable을 자동으로 .get()하지 않으므로\n * 커스텀 replacer를 사용하여 Observable 값을 추출합니다.\n */\nfunction serializeQueryKey(queryKey: QueryKey): string {\n  return JSON.stringify(queryKey, (_key, value) => {\n    if (isObservable(value)) {\n      return value.get();\n    }\n    return value;\n  });\n}\n\nexport interface UseInfiniteQueryOptions<\n  TQueryFnData = unknown,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n> {\n  queryKey: TQueryKey;\n  queryFn: (\n    context: QueryFunctionContext<TQueryKey, TPageParam>,\n  ) => Promise<TQueryFnData>;\n\n  // REQUIRED in v5\n  initialPageParam: TPageParam;\n  getNextPageParam: (\n    lastPage: TQueryFnData,\n    allPages: Array<TQueryFnData>,\n    lastPageParam: TPageParam,\n    allPageParams: Array<TPageParam>,\n  ) => TPageParam | undefined | null;\n\n  // Optional\n  getPreviousPageParam?: (\n    firstPage: TQueryFnData,\n    allPages: Array<TQueryFnData>,\n    firstPageParam: TPageParam,\n    allPageParams: Array<TPageParam>,\n  ) => TPageParam | undefined | null;\n\n  enabled?: MaybeObservable<boolean>;\n  staleTime?: MaybeObservable<number>;\n  gcTime?: MaybeObservable<number>;\n  retry?: MaybeObservable<number | boolean>;\n  refetchOnWindowFocus?: MaybeObservable<boolean>;\n  refetchOnMount?: MaybeObservable<boolean>;\n  refetchOnReconnect?: MaybeObservable<boolean>;\n  maxPages?: number;\n}\n\nexport interface InfiniteQueryState<TData = unknown> {\n  data: TData | undefined;\n  error: Error | null;\n  status: \"pending\" | \"error\" | \"success\";\n  fetchStatus: \"fetching\" | \"paused\" | \"idle\";\n  isPending: boolean;\n  isSuccess: boolean;\n  isError: boolean;\n  isLoadingError: boolean;\n  isRefetchError: boolean;\n  isFetching: boolean;\n  isPaused: boolean;\n  isRefetching: boolean;\n  isLoading: boolean;\n  isStale: boolean;\n  isPlaceholderData: boolean;\n  isFetched: boolean;\n  isFetchedAfterMount: boolean;\n  dataUpdatedAt: number;\n  errorUpdatedAt: number;\n  failureCount: number;\n  failureReason: Error | null;\n  errorUpdateCount: number;\n  isEnabled: boolean;\n  /**\n   * @deprecated Use isLoading instead. Will be removed in TanStack Query v6.\n   */\n  isInitialLoading: boolean;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n  isFetchingNextPage: boolean;\n  isFetchingPreviousPage: boolean;\n  isFetchNextPageError: boolean;\n  isFetchPreviousPageError: boolean;\n\n  refetch: () => void;\n  fetchNextPage: () => void;\n  fetchPreviousPage: () => void;\n}\n\n/**\n * TanStack Query Infinite Query와 Legend-App-State를 연결하는 커스텀 훅\n * InfiniteQueryObserver를 사용하여 쿼리 상태를 observable로 관리합니다.\n *\n * Observable 값을 파라미터로 받을 수 있으며, 변경 시 자동으로 refetch됩니다.\n *\n * @example\n * ```tsx\n * // Cursor-based pagination\n * const items$ = useInfiniteQuery({\n *   queryKey: ['items'],\n *   queryFn: ({ pageParam }) =>\n *     fetch(`/api/items?cursor=${pageParam}`).then(r => r.json()),\n *   initialPageParam: undefined,\n *   getNextPageParam: (lastPage) => lastPage.nextCursor,\n * })\n *\n * // Observable reactivity\n * const filter$ = useObservable({ category: 'electronics' })\n * const items$ = useInfiniteQuery({\n *   queryKey: ['items', filter$],\n *   queryFn: ({ pageParam }) =>\n *     fetch(`/api/items?category=${filter$.category.get()}&cursor=${pageParam}`)\n *       .then(r => r.json()),\n *   initialPageParam: undefined,\n *   getNextPageParam: (lastPage) => lastPage.nextCursor,\n * })\n * ```\n */\nexport function useInfiniteQuery<\n  TQueryFnData = unknown,\n  TQueryKey extends QueryKey = QueryKey,\n  TPageParam = unknown,\n>(\n  options: MaybeObservable<UseInfiniteQueryOptions<TQueryFnData, TQueryKey, TPageParam>>,\n): Observable<InfiniteQueryState<InfiniteData<TQueryFnData>>> {\n  const queryClient = useQueryClient();\n\n  // Observer는 한 번만 생성\n  const observerRef = useRef<InfiniteQueryObserver<\n    TQueryFnData,\n    Error,\n    InfiniteData<TQueryFnData>,\n    TQueryKey,\n    TPageParam\n  > | null>(null);\n  const previousQueryKeyRef = useRef<string | null>(null);\n\n  // options 자체가 Observable인 경우 초기 스냅샷 추출 (최초 1회용)\n  const initialOptions = get(options);\n\n  // Observable 상태 초기화 (refetch/fetchNextPage/fetchPreviousPage는 별도 함수로 분리 - observable 안에 넣으면 Observable<Function>이 됨)\n  const state$ = useObservable({\n    data: undefined as InfiniteData<TQueryFnData> | undefined,\n    error: null as Error | null,\n    status: \"pending\" as \"pending\" | \"error\" | \"success\",\n    fetchStatus: \"idle\" as \"fetching\" | \"paused\" | \"idle\",\n    isPending: true,\n    isSuccess: false,\n    isError: false,\n    isLoadingError: false,\n    isRefetchError: false,\n    isFetching: false,\n    isPaused: false,\n    isRefetching: false,\n    isLoading: true,\n    isStale: true,\n    isPlaceholderData: false,\n    isFetched: false,\n    isFetchedAfterMount: false,\n    dataUpdatedAt: 0,\n    errorUpdatedAt: 0,\n    failureCount: 0,\n    failureReason: null as Error | null,\n    errorUpdateCount: 0,\n    isEnabled: get(initialOptions.enabled) ?? true,\n    isInitialLoading: true,\n    hasNextPage: false,\n    hasPreviousPage: false,\n    isFetchingNextPage: false,\n    isFetchingPreviousPage: false,\n    isFetchNextPageError: false,\n    isFetchPreviousPageError: false,\n    refetch() {\n      observerRef.current?.refetch();\n    },\n    fetchNextPage() {\n      observerRef.current?.fetchNextPage();\n    },\n    fetchPreviousPage() {\n      observerRef.current?.fetchPreviousPage();\n    },\n  });\n\n  if (!observerRef.current) {\n    const initialQueryKeyString = serializeQueryKey(initialOptions.queryKey);\n    previousQueryKeyRef.current = initialQueryKeyString;\n\n    observerRef.current = new InfiniteQueryObserver<\n      TQueryFnData,\n      Error,\n      InfiniteData<TQueryFnData>,\n      TQueryKey,\n      TPageParam\n    >(queryClient, {\n      queryKey: [initialQueryKeyString] as unknown as TQueryKey,\n      queryFn: initialOptions.queryFn,\n      enabled: get(initialOptions.enabled) ?? true,\n      staleTime: get(initialOptions.staleTime),\n      gcTime: get(initialOptions.gcTime),\n      retry: get(initialOptions.retry),\n      refetchOnWindowFocus: get(initialOptions.refetchOnWindowFocus),\n      refetchOnMount: get(initialOptions.refetchOnMount),\n      refetchOnReconnect: get(initialOptions.refetchOnReconnect),\n      initialPageParam: initialOptions.initialPageParam,\n      getNextPageParam: initialOptions.getNextPageParam,\n      getPreviousPageParam: initialOptions.getPreviousPageParam,\n      maxPages: initialOptions.maxPages,\n    });\n  }\n\n  // useObserve로 options 변화 추적 (렌더링 중 동기 실행)\n  // options 자체가 Observable이면 get(options)로 추적,\n  // 각 필드가 Observable이면 get(field)로 추적\n  useObserve(() => {\n    const resolved = get(options);\n\n    // options 객체를 직렬화하면서 Observable 값을 추출\n    // serializeQueryKey의 replacer에서 .get()을 호출하므로 useObserve가 추적\n    const queryKeyString = serializeQueryKey(resolved.queryKey);\n\n    // queryKey가 변경되었는지 확인\n    const hasQueryKeyChanged = previousQueryKeyRef.current !== queryKeyString;\n\n    observerRef.current?.setOptions({\n      queryKey: [queryKeyString] as unknown as TQueryKey,\n      queryFn: resolved.queryFn,\n      enabled: get(resolved.enabled) ?? true,\n      staleTime: get(resolved.staleTime),\n      gcTime: get(resolved.gcTime),\n      retry: get(resolved.retry),\n      refetchOnWindowFocus: get(resolved.refetchOnWindowFocus),\n      refetchOnMount: get(resolved.refetchOnMount),\n      refetchOnReconnect: get(resolved.refetchOnReconnect),\n      initialPageParam: resolved.initialPageParam,\n      getNextPageParam: resolved.getNextPageParam,\n      getPreviousPageParam: resolved.getPreviousPageParam,\n      maxPages: resolved.maxPages,\n    });\n\n    // queryKey가 변경되면 refetch 트리거\n    if (hasQueryKeyChanged && previousQueryKeyRef.current !== null) {\n      observerRef.current?.refetch();\n    }\n\n    previousQueryKeyRef.current = queryKeyString;\n  });\n\n  // 구독은 한 번만 설정 (React lifecycle)\n  useMount(() => {\n    const observer = observerRef.current;\n    if (!observer) return;\n\n    const unsubscribe = observer.subscribe((result: any) => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      state$.assign({\n        data: result.data,\n        error: result.error ?? null,\n        status: result.status,\n        fetchStatus: result.fetchStatus as \"fetching\" | \"paused\" | \"idle\",\n        isPending: result.isPending,\n        isSuccess: result.isSuccess,\n        isError: result.isError,\n        isLoadingError: result.isLoadingError,\n        isRefetchError: result.isRefetchError,\n        isFetching: result.isFetching,\n        isPaused: result.isPaused,\n        isRefetching: result.isRefetching,\n        isLoading: result.isLoading,\n        isInitialLoading: result.isLoading,\n        isStale: result.isStale,\n        isPlaceholderData: result.isPlaceholderData,\n        isFetched: result.isFetched,\n        isFetchedAfterMount: result.isFetchedAfterMount,\n        isEnabled: result.isEnabled ?? true,\n        dataUpdatedAt: result.dataUpdatedAt,\n        errorUpdatedAt: result.errorUpdatedAt,\n        failureCount: result.failureCount,\n        failureReason: result.failureReason ?? null,\n        errorUpdateCount: result.errorUpdateCount,\n        hasNextPage: result.hasNextPage ?? false,\n        hasPreviousPage: result.hasPreviousPage ?? false,\n        isFetchingNextPage: result.isFetchingNextPage ?? false,\n        isFetchingPreviousPage: result.isFetchingPreviousPage ?? false,\n        isFetchNextPageError: result.isFetchNextPageError ?? false,\n        isFetchPreviousPageError: result.isFetchPreviousPageError ?? false,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      } as any);\n    });\n\n    return () => {\n      unsubscribe();\n    };\n    // state$는 stable하므로 의존성에 불필요\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  });\n\n  return state$;\n}\n"],"mappings":"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","names":["useMount","useObservable","useObserve","useRef","useRef","useObservable","useObserve","useMount","useMount","useObservable","useObserve","isObservable","useRef","get","serializeQueryKey","isObservable","useRef","get","useObservable","useObserve","useMount"]}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@usels/integrations",
+  "version": "0.0.1",
+  "description": "Third-party integrations for Legend-App State utilities",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "keywords": [
+    "legendapp",
+    "state",
+    "integrations",
+    "react-query",
+    "zustand"
+  ],
+  "dependencies": {
+    "@tanstack/query-core": "^5.90.20",
+    "@usels/core": "0.0.1"
+  },
+  "peerDependencies": {
+    "@legendapp/state": "^2.0.0 || ^3.0.0-beta.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@legendapp/state": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "typescript": "^5.3.3",
+    "tsup": "^8.0.1",
+    "@legendapp/state": "3.0.0-beta.44",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@tanstack/query-core": "^5.90.20",
+    "@tanstack/react-query": "^5.60.0",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "jsdom": "^25.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest",
+    "test:watch": "vitest --watch"
+  }
+}