Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Configurable throttling #374

Merged
merged 11 commits into from
Nov 8, 2023
Next Next commit
chore: Centralise import to allow app-wide debugging
franky47 committed Nov 8, 2023

Unverified

This commit is not signed, but one or more authors requires that any commit attributed to them is signed.
commit 6afea50891f07c840bffc1918aa8d79d5d550f98
2 changes: 1 addition & 1 deletion packages/playground/src/app/demos/basic-counter/page.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
'use client'

import { parseAsInteger, useQueryState } from 'next-usequerystate'
import { parseAsInteger, useQueryState } from 'src/nuqs'

export default function BasicCounterDemoPage() {
const [counter, setCounter] = useQueryState(
2 changes: 1 addition & 1 deletion packages/playground/src/app/demos/batching/page.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
'use client'

import { parseAsFloat, useQueryState } from 'next-usequerystate'
import { parseAsFloat, useQueryState } from 'src/nuqs'

const parser = parseAsFloat.withDefault(0)

2 changes: 1 addition & 1 deletion packages/playground/src/app/demos/builder-pattern/page.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
'use client'

import { parseAsInteger, useQueryState } from 'next-usequerystate'
import { parseAsInteger, useQueryState } from 'src/nuqs'

export default function BuilderPatternDemoPage() {
const [counter, setCounter] = useQueryState(
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
'use client'

import { parseAsArrayOf, parseAsJson, useQueryState } from 'next-usequerystate'
import { parseAsArrayOf, parseAsJson, useQueryState } from 'src/nuqs'

const escaped = '-_.!~*\'()?#/&,"`<>{}[]|•@$£%+=:;'

6 changes: 1 addition & 5 deletions packages/playground/src/app/demos/crosslink/page.tsx
Original file line number Diff line number Diff line change
@@ -1,11 +1,7 @@
'use client'

import {
parseAsString,
useQueryState,
useQueryStates
} from 'next-usequerystate'
import Link from 'next/link'
import { parseAsString, useQueryState, useQueryStates } from 'src/nuqs'

const parser = parseAsString.withDefault('')

2 changes: 1 addition & 1 deletion packages/playground/src/app/demos/hex-colors/page.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
'use client'

import { createParser, parseAsHex, useQueryState } from 'next-usequerystate'
import { createParser, parseAsHex, useQueryState } from 'src/nuqs'

const hexColorSchema = createParser({
parse(query) {
2 changes: 1 addition & 1 deletion packages/playground/src/app/demos/repro-359/page.tsx
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@ import {
parseAsStringEnum,
useQueryState,
useQueryStates
} from 'next-usequerystate'
} from 'src/nuqs'

const Component1 = () => {
const [param] = useQueryState('param', parseAsString)
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
'use client'

import { parseAsBoolean, useQueryState } from 'next-usequerystate'
import { parseAsBoolean, useQueryState } from 'src/nuqs'
import { counterParser } from './parser'

type Props = {
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
'use client'

import React from 'react'
import {
parseAsInteger,
subscribeToQueryUpdates,
useQueryState
} from 'next-usequerystate'
import React from 'react'
} from 'src/nuqs'

export default function BuilderPatternDemoPage() {
const [counter, setCounter] = useQueryState(
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
'use client'

import { useQueryState } from 'next-usequerystate'
import Link from 'next/link'
import { useQueryState } from 'src/nuqs'
import { counterParser, fromParser } from './parsers'

type RoutingTourViewProps = {
8 changes: 4 additions & 4 deletions packages/playground/src/app/e2e/app/useQueryState/page.tsx
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
'use client'

import Link from 'next/link'
import { useRouter } from 'next/navigation'
import React from 'react'
import {
parseAsBoolean,
parseAsFloat,
parseAsInteger,
parseAsString,
useQueryState
} from 'next-usequerystate'
import Link from 'next/link'
import { useRouter } from 'next/navigation'
import React from 'react'
} from 'src/nuqs'

export default function IntegrationPage() {
const [numPanes, setNumPanes] = React.useState(1)
Original file line number Diff line number Diff line change
@@ -6,7 +6,7 @@ import {
parseAsInteger,
parseAsString,
useQueryStates
} from 'next-usequerystate'
} from 'src/nuqs'

const IntegrationPage = () => {
const [state, setState] = useQueryStates({
1 change: 1 addition & 0 deletions packages/playground/src/app/page.tsx
Original file line number Diff line number Diff line change
@@ -13,6 +13,7 @@ const demos = [
'app/pretty-urls',
'app/server-side-parsing',
'app/subscribeToQueryUpdates',
'app/throttling',
'app/repro-359',
'app/repro-376',
// Pages router demos
2 changes: 1 addition & 1 deletion packages/playground/src/components/query-spy.tsx
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
'use client'

import { subscribeToQueryUpdates } from 'next-usequerystate'
import { useSearchParams } from 'next/navigation'
import React from 'react'
import { subscribeToQueryUpdates } from 'src/nuqs'

export const QuerySpy: React.FC = () => {
const initialSearchParams = useSearchParams()
4 changes: 4 additions & 0 deletions packages/playground/src/nuqs.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
// Change this to 'next-usequerystate/debug' to enable debug output in the console
// This is to avoid changing every import in the playground, as they all must
// use the same import for bundling reasons (side-effects).
export * from 'next-usequerystate/debug'
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import type { GetServerSideProps, InferGetServerSidePropsType } from 'next'
import { parseAsInteger, useQueryState } from 'next-usequerystate'
import { parseAsInteger, useQueryState } from 'src/nuqs'
import { DemoPageLayout } from '../../../components/demo-page-layout'

export default function ServerSideCounterPage({
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { queryTypes, useQueryState } from 'next-usequerystate'
import Link from 'next/link'
import { usePathname } from 'next/navigation'
import { queryTypes, useQueryState } from 'src/nuqs'
import { HydrationMarker } from '../../../../components/hydration-marker'

const IntegrationPage = () => {
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { queryTypes, useQueryStates } from 'next-usequerystate'
import { queryTypes, useQueryStates } from 'src/nuqs'
import { HydrationMarker } from '../../../../components/hydration-marker'

const IntegrationPage = () => {
5 changes: 4 additions & 1 deletion packages/playground/tsconfig.json
Original file line number Diff line number Diff line change
@@ -30,7 +30,10 @@
{
"name": "next"
}
]
],
"paths": {
"src/*": ["./src/*"]
}
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
"exclude": ["node_modules"]