chore: Remove unused sync code

Author: franky47

packages/nuqs/src/sync.ts

@@ -1,14 +1,11 @@
 import Mitt from 'mitt'
 
-export const SYNC_EVENT_KEY = Symbol('__nuqs__SYNC__')
-
 export type CrossHookSyncPayload = {
   state: any
   query: string | null
 }
 
 type EventMap = {
-  [SYNC_EVENT_KEY]: URLSearchParams
   [key: string]: CrossHookSyncPayload
 }
 

packages/nuqs/src/useQueryState.ts

@@ -3,7 +3,7 @@ import React from 'react'
 import { debug } from './debug'
 import type { Options } from './defs'
 import type { Parser } from './parsers'
-import { SYNC_EVENT_KEY, emitter, type CrossHookSyncPayload } from './sync'
+import { emitter, type CrossHookSyncPayload } from './sync'
 import {
   FLUSH_RATE_LIMIT_MS,
   enqueueQueryStringUpdate,
@@ -261,21 +261,10 @@ export function useQueryState<T = string>(
       queryRef.current = query
       setInternalState(state)
     }
-    function syncFromURL(search: URLSearchParams) {
-      const query = search.get(key)
-      if (query === queryRef.current) {
-        return
-      }
-      const state = query === null ? null : safeParse(parse, query, key)
-      debug('[nuqs `%s`] syncFromURL %O', key, state)
-      updateInternalState({ state, query })
-    }
     debug('[nuqs `%s`] subscribing to sync', key)
-    emitter.on(SYNC_EVENT_KEY, syncFromURL)
     emitter.on(key, updateInternalState)
     return () => {
       debug('[nuqs `%s`] unsubscribing from sync', key)
-      emitter.off(SYNC_EVENT_KEY, syncFromURL)
       emitter.off(key, updateInternalState)
     }
   }, [key])

packages/nuqs/src/useQueryStates.ts

@@ -7,7 +7,7 @@ import React from 'react'
 import { debug } from './debug'
 import type { Nullable, Options } from './defs'
 import type { Parser } from './parsers'
-import { SYNC_EVENT_KEY, emitter, type CrossHookSyncPayload } from './sync'
+import { emitter, type CrossHookSyncPayload } from './sync'
 import {
   FLUSH_RATE_LIMIT_MS,
   enqueueQueryStringUpdate,
@@ -111,16 +111,17 @@ export function useQueryStates<KeyMap extends UseQueryStatesKeysMap>(
   React.useEffect(() => {
     const state = parseMap(
       keyMap,
+      urlKeys,
       initialSearchParams,
       queryRef.current,
       stateRef.current
     )
     setInternalState(state)
   }, [
-    Object.keys(keyMap)
+    Object.keys(resolvedUrlKeys)
       .map(key => initialSearchParams?.get(key))
       .join('&'),
-    keys
+    stateKeys
   ])
 
   // Sync all hooks together & with external URL changes
@@ -130,17 +131,6 @@ export function useQueryStates<KeyMap extends UseQueryStatesKeysMap>(
       stateRef.current = state
       setInternalState(state)
     }
-    function syncFromURL(search: URLSearchParams) {
-      const state = parseMap(
-        keyMap,
-        urlKeys,
-        search,
-        queryRef.current,
-        stateRef.current
-      )
-      debug('[nuq+ `%s`] syncFromURL %O', stateKeys, state)
-      updateInternalState(state)
-    }
     const handlers = Object.keys(keyMap).reduce(
       (handlers, stateKey) => {
         handlers[stateKey as keyof V] = ({
@@ -171,14 +161,12 @@ export function useQueryStates<KeyMap extends UseQueryStatesKeysMap>(
       {} as Record<keyof V, (payload: CrossHookSyncPayload) => void>
     )
 
-    emitter.on(SYNC_EVENT_KEY, syncFromURL)
     for (const stateKey of Object.keys(keyMap)) {
       const urlKey = resolvedUrlKeys[stateKey]!
       debug('[nuq+ `%s`] Subscribing to sync for `%s`', stateKeys, urlKey)
       emitter.on(urlKey, handlers[stateKey]!)
     }
     return () => {
-      emitter.off(SYNC_EVENT_KEY, syncFromURL)
       for (const stateKey of Object.keys(keyMap)) {
         const urlKey = resolvedUrlKeys[stateKey]!
         debug('[nuq+ `%s`] Unsubscribing to sync for `%s`', stateKeys, urlKey)