MCPcopy Index your code
hub / github.com/antfu/drauu

github.com/antfu/drauu @v1.0.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v1.0.0 ↗ · + Follow
109 symbols 176 edges 21 files 6 documented · 6% 2 cross-repo links
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

drauu

NPM version

SVG-based drawing tool in browser. Built for Slidev.

Live Demo (built with Vanilla JavaScript!)

Features

  • Vanilla JavaScript - integrate into any framework you like
  • SVG-based - scalable, transparent, and serializable
  • Stylus / Touch pressure support
  • Headless (unstyled) - style it as you want
  • Undo / Redo stacks

Install

npm i drauu

<svg id="svg"></svg>

import { createDrauu } from 'drauu'

const drauu = createDrauu({
  el: '#svg',
  brush: {
    mode: 'stylus', // 'line', 'rectangle', 'ellipse'
    color: 'skyblue',
    size: 5,
  }
})

// change brush color
drauu.options.brush.color = 'red'

Credits

Inspired by

Thanks!

Sponsors

License

MIT

Extension points exported contracts — how you extend this code

Brush (Interface)
(no doc)
packages/core/src/types.ts
Point (Interface)
(no doc)
packages/core/src/types.ts
Options (Interface)
(no doc)
packages/core/src/types.ts
EventsMap (Interface)
(no doc)
packages/core/src/types.ts
Operation (Interface)
(no doc)
packages/core/src/types.ts

Core symbols most depended-on inside this repo

S4
called by 8
packages/core/src/utils/index.ts
splitNum
called by 4
packages/core/src/utils/index.ts
acceptsInput
called by 3
packages/core/src/drauu.ts
clear
called by 3
packages/core/src/drauu.ts
cancel
called by 3
packages/core/src/drauu.ts
_removeNode
called by 3
packages/core/src/drauu.ts
resolveSelector
called by 2
packages/core/src/drauu.ts
undo
called by 2
packages/core/src/drauu.ts

Shape

Method 56
Function 31
Class 15
Interface 7

Languages

TypeScript100%

Modules by API surface

packages/core/src/drauu.ts30 symbols
packages/core/src/models/base.ts18 symbols
packages/core/src/models/eraser.ts12 symbols
packages/core/src/models/draw.ts9 symbols
packages/core/src/utils/simplify.ts6 symbols
packages/core/src/types.ts6 symbols
packages/core/src/models/stylus.ts6 symbols
packages/core/src/utils/index.ts5 symbols
packages/core/src/models/rect.ts5 symbols
packages/core/src/models/line.ts5 symbols
packages/core/src/models/ellipse.ts5 symbols
packages/core/src/utils/dom.ts1 symbols

Used by 2 indexed graphs manifest dependencies, hub-wide

github.com/slidevjs/slidev
github.com/vueuse/vueuse

For agents

$ claude mcp add drauu \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact