Extension SDK

drawtonomy-Erweiterungen sind in Iframes gehostete Web-Apps, die mit dem Editor über postMessage kommunizieren. Das SDK liefert einen typisierten Client; der Dev-Server liefert einen lokalen Editor zum Entwickeln.

Diese Seite ist eine schnelle Orientierung. Die vollständige Anleitung — Manifest-Schema, Capability-Liste, Nachrichtenprotokoll — liegt im öffentlichen Repo:

➡ Extension Development Guide (日本語)

Schnellstart

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

# Ihre Erweiterung auf :3001
cd my-extension && pnpm dev --port 3001

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

Minimale Erweiterung

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

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

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' })])
})

Referenz-Erweiterungen

Die mitgelieferten Erweiterungen sind vollständige Beispiele:

ai-scene-generator — Szenenerzeugung aus natürlicher Sprache und OpenSCENARIO.
template-preview — Vorschau einer Formvorlage.
exporter-playground — den Exporter gegen einen lebenden Canvas testen.
path-footprint-lab — Path-Footprint-Experimente.

Siehe auch

Erweiterungs-Architektur — warum Iframes, warum postMessage.
@drawtonomy/sdk-Übersicht — das Paket und seine Module.