İçeriğe geç

Dışa Aktarıcı SDK'sı

Dışa aktarıcı, DrawtonomySnapshot üzerinde bir saf fonksiyon kümesidir. Yeni bir hedef format eklemek bağımsızdır: yeni bir modül, birkaç test ve isteğe bağlı bir UI kancası.

Bu sayfa hızlı bir yönlendirmedir. Tam kılavuz — mimari, API, test kalıpları, esmini görsel kontrolleri — genel depodadır:

Dışa Aktarıcı Geliştirici Kılavuzu (日本語)

Terminal window
git clone https://github.com/kosuke55/drawtonomy.git
cd drawtonomy
pnpm install
cd packages/drawtonomy-sdk
pnpm exec vitest exporter # izleme modu
packages/drawtonomy-sdk/src/exporter/my-format.ts
import type { DrawtonomySnapshot } from '../types'
export function exportToMyFormat(snapshot: DrawtonomySnapshot): string {
// Şekiller arasında dolaşın, formatınızı yayın.
return ''
}
packages/drawtonomy-sdk/__tests__/exporter/my-format.test.ts
import { describe, it, expect } from 'vitest'
import { exportToMyFormat } from '../../src/exporter/my-format'
import { createSnapshot, createLane } from '../../src/index'
describe('my-format exporter', () => {
it('emits expected payload for a single lane', () => {
const snapshot = createSnapshot([createLane(/* ... */)])
expect(exportToMyFormat(snapshot)).toContain('<expected/>')
})
})

Bir fikstür olarak gerçek bir sahne kullanma

Section titled “Bir fikstür olarak gerçek bir sahne kullanma”

drawtonomy.svg dosyaları SDK aracılığıyla çift yönlü dönüşümlüdür, böylece düzenleyicide bir sahne yazabilir ve bunu bir gerileme testi girdisi olarak kullanabilirsiniz:

import { readFileSync } from 'node:fs'
import { parseDrawtonomySvg } from '@drawtonomy/sdk'
const svg = readFileSync('./fixtures/my-scene.drawtonomy.svg', 'utf-8')
const snapshot = parseDrawtonomySvg(svg)!