Demo Playground

Svelte Updated Demo

Click any element to jump straight to its source.
Works with Svelte.

o : open in vs code

c : copy file name, line number, and column number to clipboard

i : inspect toggle on/off

md : mid coffee is good

Package Setup

Install `sv-agentation` and mount it only in dev mode

The docs app now consumes the monorepo package through the public `sv-agentation` entrypoint. Use one of these install commands, then mount `Agentation` behind `browser && dev`.

npm npm install sv-agentation

pnpm pnpm add sv-agentation

yarn yarn add sv-agentation

bun bun add sv-agentation

<script lang="ts">
  import { browser, dev } from '$app/environment';
  import { Agentation } from 'sv-agentation';

  const workspaceRoot = '/absolute/path/to/your/repo';
</script>

{#if browser && dev}
  <Agentation {workspaceRoot} />
{/if}

Animation pause demo

Click || in the toolbar to freeze this animation.

Inspector Demo

Block page interactions

With inspect mode on and this setting enabled, clicking these controls should annotate them instead of firing their normal action.