Extensie-SDK

drawtonomy-extensies zijn in een iframe gehoste web-apps die met de editor communiceren via postMessage. De SDK geeft u een getypeerde client; de dev-server geeft u een lokale editor om tegenaan te ontwikkelen.

Deze pagina is een snelle oriëntatie. De volledige handleiding — manifest-schema, capabilities-lijst, message-protocol — staat in de openbare repo:

➡ Extension Development Guide (日本語)

Snelstart

# Editor op :3000
pnpm add -g @drawtonomy/dev-server
drawtonomy-dev-server

# Uw extensie op :3001
cd my-extension && pnpm dev --port 3001

open "http://localhost:3000/?ext=http://localhost:3001/manifest.json"

Minimale extensie

my-extension/
  manifest.json
  index.html
  src/

manifest.json

{
  "id": "my-extension",
  "name": "My Extension",
  "version": "1.0.0",
  "entry": "./index.html",
  "capabilities": ["shapes:read", "shapes:write", "ui:panel"]
}

src/main.ts

import { ExtensionClient, createVehicle } from '@drawtonomy/sdk'

const client = new ExtensionClient()
await client.ready()

document.getElementById('add')!.addEventListener('click', async () => {
  await client.addShapes([createVehicle(0, 0, { templateId: 'sedan' })])
})

Referentie-extensies

De in-tree extensies zijn volwaardige voorbeelden:

• ai-scene-generator — scenariocreatie in natuurlijke taal en OpenSCENARIO.
• template-preview — preview van een vormsjabloon.
• exporter-playground — de exporter testen op een live canvas.
• path-footprint-lab — Path Footprint-experimenten.

Zie ook

• Extensie-architectuur — waarom iframes, waarom postMessage.
• @drawtonomy/sdk-overzicht — het pakket en zijn modules.