Loading greeting...
- 
-
-
-
-
-
-
-
-
-
-
-
-
- - Ask a question about an order, e.g. "What's the status of order 42?" -
- - - - {error && ( -
- Run ID: {response.runId}
-
- Correlation ID: {response.correlationId}
-
- Inspect the workflow run with: -
-npx workflow inspect runs
- or
-npx workflow web
-
- View Arcjet decisions in the dashboard filtered by the{" "}
- correlationId above.
-
-
- Get started by editing
- app/page.tsx
-
- Find in-depth information about Next.js features and API. -
- - - -- Learn about Next.js in an interactive course with quizzes! -
- - - -- Explore starter templates for Next.js. -
- - - -- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -
-
- Get started by editing
- app/page.tsx
-
- Find in-depth information about Next.js features and API. -
- - - -- Learn about Next.js in an interactive course with quizzes! -
- - - -- Explore starter templates for Next.js. -
- - - -- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -
-
- Get started by editing
- app/page.tsx
-
- Find in-depth information about Next.js features and API. -
- - - -- Learn about Next.js in an interactive course with quizzes! -
- - - -- Explore starter templates for Next.js. -
- - - -- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -
-
- Get started by editing
- app/page.tsx
-
- Find in-depth information about Next.js features and API. -
- - - -- Learn about Next.js in an interactive course with quizzes! -
- - - -- Explore starter templates for Next.js. -
- - - -- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -- A Vercel AI SDK financial adviser reads a support thread and chooses which tools to call. - Arcjet guards the email tool at the boundary before its side effect can run. -
- - - {error !== undefined && ( -{error}
-Model: {context?.models[result.model]?.label ?? result.model}
- )} -{result.message || "The agent did not return a response."}
- {result.correlationId !== undefined && ( -
- Correlation ID: {result.correlationId}
-
{result.guardResult.summary}
-{JSON.stringify(result.guardResult, null, 2)}
-
- )}
- {result.sentEmail !== undefined && (
- <>
- {JSON.stringify(result.sentEmail, null, 2)}
-
- )}
- {JSON.stringify(event.type === "tool-call" ? event.input : event.output, null, 2)}
-
-
- Get started by editing
- pages/index.tsx
-
- Find in-depth information about Next.js features and API. -
- - - -- Learn about Next.js in an interactive course with quizzes! -
- - - -- Discover and deploy boilerplate example Next.js projects. -
- - - -- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -
-
- Get started by editing
- pages/index.tsx
-
- Find in-depth information about Next.js features and API. -
- - - -- Learn about Next.js in an interactive course with quizzes! -
- - - -- Discover and deploy boilerplate example Next.js projects. -
- - - -- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -
- - This form uses{" "} - - Arcjet's signup form protection - {" "} - which includes: -
-- You're all signed up. -
-- {body} -
- ); -}); -FormMessage.displayName = "FormMessage"; - -export { - useFormField, - Form, - FormItem, - FormLabel, - FormControl, - FormDescription, - FormMessage, - FormField, -}; \ No newline at end of file diff --git a/examples/nextjs-react-hook-form/components/ui/input.tsx b/examples/nextjs-react-hook-form/components/ui/input.tsx deleted file mode 100644 index adab6e9232..0000000000 --- a/examples/nextjs-react-hook-form/components/ui/input.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import * as React from "react"; - -import { cn } from "@/lib/utils"; - -export interface InputProps - extends React.InputHTMLAttributes
-
- Get started by editing
- app/page.tsx
-
- Find in-depth information about Next.js features and API. -
- - - -- Learn about Next.js in an interactive course with quizzes! -
- - - -- Explore starter templates for Next.js. -
- - - -- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -
- - A Vercel AI SDK financial adviser reads a support thread and chooses which tools to call. - Arcjet guards the email tool at the boundary before its side effect can run. -
- - -
-
-
- {details}
- {stack && ( -
- {stack}
-
- )}
-
- {details}
- {stack && ( -
- {stack}
-
- )}
-
- - This form uses Arcjet's sensitive info detection feature which is configured to detect credit card numbers. It can be configured to detect other types of sensitive information and custom patterns. -
-- The request is analyzed entirely on your server so no sensitive information is sent to Arcjet. -
-
-
- This page is protected by Shield. Take
- a look at /src/hooks.server.ts to see how the Arcjet object is initialised.
-
- Why not check out the rate-limited page and - the rate-limited API endpoint to see how you can extend the protections - per route. -
diff --git a/examples/sveltekit/src/routes/api/rate-limited/+server.ts b/examples/sveltekit/src/routes/api/rate-limited/+server.ts deleted file mode 100644 index 613e043daa..0000000000 --- a/examples/sveltekit/src/routes/api/rate-limited/+server.ts +++ /dev/null @@ -1,34 +0,0 @@ -import { slidingWindow } from 'arcjet'; -import { error, type RequestEvent } from '@sveltejs/kit'; -import { aj } from '$lib/server/arcjet'; - -export async function GET(event: RequestEvent) { - const decision = await aj - .withRule( - slidingWindow({ - mode: 'LIVE', - interval: '10s', - max: 5 - }) - ) - .protect(event); - - if (decision.isDenied()) { - return error(403, 'Forbidden'); - } - - return new Response( - JSON.stringify({ - title: `This end-point is rate limited`, - message: `The rate limiting is configured to allow no more than 5 requests in the last 10 seconds. That's 5 requests from this page or the rate-limited page combined.`, - link: '/rate-limited', - nextStep: `Go ahead and hit refresh a few times to see it in action. Then look at /src/routes/api/rate-limited/+server.ts to see how it's done.` - }), - { - status: 200, - headers: { - 'Content-Type': 'application/json' - } - } - ); -} diff --git a/examples/sveltekit/src/routes/rate-limited/+page.server.ts b/examples/sveltekit/src/routes/rate-limited/+page.server.ts deleted file mode 100644 index 956d19e916..0000000000 --- a/examples/sveltekit/src/routes/rate-limited/+page.server.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { slidingWindow } from 'arcjet'; -import { error, type RequestEvent } from '@sveltejs/kit'; -import { aj } from '$lib/server/arcjet'; - -export async function load(event: RequestEvent) { - const decision = await aj - .withRule( - slidingWindow({ - mode: 'LIVE', - interval: '10s', - max: 5 - }) - ) - .protect(event); - - if (decision.isDenied()) { - return error(403, 'Forbidden'); - } - - return {}; -} diff --git a/examples/sveltekit/src/routes/rate-limited/+page.svelte b/examples/sveltekit/src/routes/rate-limited/+page.svelte deleted file mode 100644 index 27d4ca3474..0000000000 --- a/examples/sveltekit/src/routes/rate-limited/+page.svelte +++ /dev/null @@ -1,9 +0,0 @@ -- The rate limiting is configured to allow no more than 5 requests in the last 10 seconds. That's 5 - requests from this page or the the rate-limited API endpoint combined. -
-
- Go ahead and hit refresh a few times to see it in action. Then look at
- /src/routes/rate-limited/+page.server.ts to see how it's done.
-