SDK Ekstensi

Ekstensi drawtonomy adalah aplikasi web yang di-host di iframe yang berkomunikasi dengan editor melalui postMessage. SDK memberi Anda klien yang typed; dev-server memberi Anda editor lokal untuk pengembangan.

Halaman ini adalah orientasi cepat. Panduan lengkap — skema manifest, daftar kapabilitas, protokol pesan — ada di repositori publik:

➡ Panduan Pengembangan Ekstensi (日本語)

Mulai cepat

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

# Ekstensi Anda di :3001
cd my-extension && pnpm dev --port 3001

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

Ekstensi minimal

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

Ekstensi referensi

Ekstensi in-tree adalah contoh dengan fidelitas penuh:

• ai-scene-generator — pembangkitan adegan dari bahasa alami dan OpenSCENARIO.
• template-preview — pratinjau template bentuk.
• exporter-playground — uji exporter terhadap kanvas langsung.
• path-footprint-lab — eksperimen Path Footprint.

Lihat juga

• Arsitektur ekstensi — mengapa iframe, mengapa postMessage.
• Ikhtisar @drawtonomy/sdk — paket dan modulnya.