@sudobility/music_drawing 0.0.7 → 0.0.10

package/dist/test/fake-skia.js

@@ -0,0 +1,228 @@
+/**
+ * Matrices here are kept in Skia's **row-major** order — `[a, c, e, b, d, f]`,
+ * the top two rows of the 3×3 — not canvas's `[a, b, c, d, e, f]`. Identity is
+ * the same six numbers in a different arrangement, which is exactly the sort of
+ * thing that silently transposes a frame.
+ */
+const IDENTITY = [1, 0, 0, 0, 1, 0];
+/**
+ * Where a point ends up under a recorded matrix, computed straight from Skia's
+ * row-major contract: `[scaleX, skewX, transX, skewY, scaleY, transY]`.
+ *
+ * This is the independent half of the transform tests. Asserting on the matrix
+ * array alone cannot catch a transposition — the adapter and this fake would
+ * simply agree on the wrong order, and every transform the renderer uses is
+ * diagonal, where a transpose is invisible. Mapping a point under a *skewed*
+ * matrix and comparing against what canvas semantics say it should be checks
+ * the two sides against the spec rather than against each other.
+ */
+export function mapPoint(matrix, x, y) {
+    return {
+        x: matrix[0] * x + matrix[1] * y + matrix[2],
+        y: matrix[3] * x + matrix[4] * y + matrix[5],
+    };
+}
+/** Row-major 3×3 multiply, kept in the six-value affine form Skia is given. */
+function multiply(m, n) {
+    const [a1, c1, e1, b1, d1, f1] = [m[0], m[1], m[2], m[3], m[4], m[5]];
+    const [a2, c2, e2, b2, d2, f2] = [n[0], n[1], n[2], n[3], n[4], n[5]];
+    return [
+        a1 * a2 + c1 * b2,
+        a1 * c2 + c1 * d2,
+        a1 * e2 + c1 * f2 + e1,
+        b1 * a2 + d1 * b2,
+        b1 * c2 + d1 * d2,
+        b1 * e2 + d1 * f2 + f1,
+    ];
+}
+/**
+ * Metrics good enough to be checkable: half the size per character of advance,
+ * a cap at 0.7 of the size. Real faces differ, which is precisely why nothing
+ * in the renderer hard-codes a number and reads these instead.
+ */
+const ADVANCE_RATIO = 0.5;
+const ASCENT_RATIO = 0.7;
+const DESCENT_RATIO = 0.2;
+export function createFakeSkia() {
+    const draws = [];
+    const fontRequests = [];
+    let matrix = [...IDENTITY];
+    const matrixStack = [];
+    const paintState = new WeakMap();
+    const pathCommands = new WeakMap();
+    const fontState = new WeakMap();
+    function snapshot(paint) {
+        return { ...paintState.get(paint) };
+    }
+    function makePaint() {
+        const paint = {
+            setColor: color => {
+                state.color = String(color);
+            },
+            setStyle: style => {
+                state.style = style;
+            },
+            setStrokeWidth: width => {
+                state.strokeWidth = width;
+            },
+            setStrokeCap: cap => {
+                state.cap = cap;
+            },
+            setStrokeJoin: join => {
+                state.join = join;
+            },
+            setAntiAlias: () => undefined,
+            setAlphaf: alpha => {
+                state.alpha = alpha;
+            },
+            getAlphaf: () => state.alpha,
+            setPathEffect: effect => {
+                state.dashed = effect !== null;
+            },
+            setBlendMode: blendMode => {
+                state.blendMode = blendMode;
+            },
+        };
+        const state = {
+            color: '#000000',
+            style: 0,
+            strokeWidth: 1,
+            cap: 0,
+            join: 0,
+            alpha: 1,
+            blendMode: null,
+            dashed: false,
+        };
+        paintState.set(paint, state);
+        return paint;
+    }
+    function makePath() {
+        const commands = [];
+        const record = (command) => (...args) => {
+            commands.push({
+                command,
+                args: args.filter((a) => typeof a === 'number'),
+            });
+            return path;
+        };
+        const path = {
+            moveTo: record('moveTo'),
+            lineTo: record('lineTo'),
+            cubicTo: record('cubicTo'),
+            quadTo: record('quadTo'),
+            arcToOval: (oval, start, sweep, forceMoveTo) => {
+                commands.push({
+                    command: 'arcToOval',
+                    args: [
+                        oval.x,
+                        oval.y,
+                        oval.width,
+                        oval.height,
+                        start,
+                        sweep,
+                        forceMoveTo ? 1 : 0,
+                    ],
+                });
+                return path;
+            },
+            addRect: rect => {
+                commands.push({
+                    command: 'addRect',
+                    args: [rect.x, rect.y, rect.width, rect.height],
+                });
+                return path;
+            },
+            close: record('close'),
+        };
+        pathCommands.set(path, commands);
+        return path;
+    }
+    function makeFont(family, size, bold) {
+        const metrics = {
+            ascent: -size * ASCENT_RATIO,
+            descent: size * DESCENT_RATIO,
+        };
+        const font = {
+            measureText: text => ({
+                x: 0,
+                y: -size * ASCENT_RATIO,
+                width: text.length * size * ADVANCE_RATIO,
+                height: size * (ASCENT_RATIO + DESCENT_RATIO),
+            }),
+            getMetrics: () => metrics,
+            getGlyphIDs: text => [...text].map((_, i) => i + 1),
+            getGlyphWidths: glyphs => glyphs.map(() => size * ADVANCE_RATIO),
+        };
+        fontState.set(font, { family, size, bold });
+        return font;
+    }
+    const canvas = {
+        save: () => {
+            matrixStack.push([...matrix]);
+            return matrixStack.length;
+        },
+        restore: () => {
+            matrix = matrixStack.pop() ?? [...IDENTITY];
+        },
+        concat: next => {
+            matrix = multiply(matrix, next);
+        },
+        drawPath: (path, paint) => {
+            draws.push({
+                op: 'drawPath',
+                commands: [...(pathCommands.get(path) ?? [])],
+                paint: snapshot(paint),
+                matrix: [...matrix],
+            });
+        },
+        drawRect: (rect, paint) => {
+            draws.push({
+                op: 'drawRect',
+                rect,
+                paint: snapshot(paint),
+                matrix: [...matrix],
+            });
+        },
+        drawText: (text, x, y, paint, font) => {
+            draws.push({
+                op: 'drawText',
+                text,
+                x,
+                y,
+                paint: snapshot(paint),
+                font: { ...fontState.get(font) },
+                matrix: [...matrix],
+            });
+        },
+    };
+    // Mirrors Skia's own enum values.
+    const module = {
+        Skia: {
+            Paint: makePaint,
+            Path: { Make: makePath },
+            Font: (typeface, size = 14) => {
+                const requested = typeface;
+                return makeFont(requested?.family ?? 'system', size, requested?.bold ?? false);
+            },
+            FontMgr: {
+                System: () => ({
+                    matchFamilyStyle: (name, style) => {
+                        fontRequests.push({ family: name, style });
+                        const weight = style?.weight;
+                        return { family: name, bold: (weight ?? 400) >= 600 };
+                    },
+                }),
+            },
+            Color: color => color,
+            XYWHRect: (x, y, width, height) => ({ x, y, width, height }),
+            PathEffect: { MakeDash: intervals => ({ intervals }) },
+        },
+        PaintStyle: { Fill: 0, Stroke: 1 },
+        StrokeCap: { Butt: 0, Round: 1, Square: 2 },
+        StrokeJoin: { Miter: 0, Round: 1, Bevel: 2 },
+        FontSlant: { Upright: 0, Italic: 1 },
+        BlendMode: { Clear: 0 },
+    };
+    return { ...module, canvas, draws, fontRequests };
+}
+//# sourceMappingURL=fake-skia.js.map

package/dist/test/fake-skia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fake-skia.js","sourceRoot":"","sources":["../../src/test/fake-skia.ts"],"names":[],"mappings":"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"}

package/dist/test/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * `@sudobility/music_drawing/test` — doubles for testing a host's render path.
+ *
+ * Both of these stand in for a drawing surface so a suite can render a real
+ * score with no browser and no device: `createMock2DContext` records calls made
+ * to a `DrawingContext2D`, and `createFakeSkia` records what reaches Skia
+ * through the React Native adapter.
+ *
+ * Their own subpath rather than the package root, so nothing ships a test
+ * double into an app bundle that only wanted the renderer — and so the name
+ * `createMock2DContext` does not collide with `music_lib`'s copy where that
+ * package re-exports this one wholesale.
+ */
+export { createMock2DContext } from './canvas-stub.js';
+export type { Mock2DContext, MockOp } from './canvas-stub.js';
+export { createFakeSkia, mapPoint } from './fake-skia.js';
+export type { FakeDraw, FakeFontRequest, FakeFontState, FakePaintState, FakePathCommand, FakeSkia, } from './fake-skia.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1D,YAAY,EACV,QAAQ,EACR,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,QAAQ,GACT,MAAM,gBAAgB,CAAC"}

package/dist/test/index.js

@@ -0,0 +1,16 @@
+/**
+ * `@sudobility/music_drawing/test` — doubles for testing a host's render path.
+ *
+ * Both of these stand in for a drawing surface so a suite can render a real
+ * score with no browser and no device: `createMock2DContext` records calls made
+ * to a `DrawingContext2D`, and `createFakeSkia` records what reaches Skia
+ * through the React Native adapter.
+ *
+ * Their own subpath rather than the package root, so nothing ships a test
+ * double into an app bundle that only wanted the renderer — and so the name
+ * `createMock2DContext` does not collide with `music_lib`'s copy where that
+ * package re-exports this one wholesale.
+ */
+export { createMock2DContext } from './canvas-stub.js';
+export { createFakeSkia, mapPoint } from './fake-skia.js';
+//# sourceMappingURL=index.js.map

package/dist/test/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/test/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/types.d.ts

@@ -48,13 +48,36 @@ export type RenderTheme = {
     noteSelected: string;
     noteRegenerated: string;
     notePlaying: string;
+    /**
+     * Large translucent fill behind a selected measure. Defaults to
+     * `noteSelected` for existing callers, but can be softer than the selected
+     * note ink so a whole-bar selection reads as paper tint instead of a wash of
+     * notehead colour.
+     */
+    measureSelection?: string;
     /** Stave lines + barlines of the active track. */
     staveActive: string;
     /** Stave lines + barlines of every other track. */
     staveInactive: string;
     /** Playback caret. Drawn as a DOM element by the app, but themed here so every render color lives in one object. */
     caret: string;
+    /**
+     * Ink used for print renders. Defaults to black, so paper output stays
+     * readable even when the screen theme is dark or otherwise low-contrast on
+     * white paper.
+     */
+    printForeground?: string;
 };
+/** Default high-contrast paper ink. */
+export declare const PRINT_INK = "#000000";
+/**
+ * A calm default screen palette for notation surfaces. Apps can still supply
+ * their own theme, but this gives the package an eye-friendly baseline with
+ * distinct state colours and print-safe ink.
+ */
+export declare const DEFAULT_SCREEN_RENDER_THEME: RenderTheme;
+/** A monochrome theme for callers that render paper-first surfaces. */
+export declare const DEFAULT_PRINT_RENDER_THEME: RenderTheme;
 export type RenderOptions = {
     /** Linear scale factor applied to the whole render (measure width, stave height, font size). */
     zoom: number;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,oGAAoG;AACpG,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5C,KAAK,oBAAoB,GAAG;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,UAAU,CAIvE;AAED,yEAAyE;AACzE,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,GAAG,OAAO,CAE1E;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,aAAa,EAAE,MAAM,CAAC;IACtB,oHAAoH;IACpH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,gGAAgG;IAChG,IAAI,EAAE,MAAM,CAAC;IACb,mGAAmG;IACnG,UAAU,EAAE,MAAM,GAAG,YAAY,CAAC;IAClC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kGAAkG;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,sHAAsH;IACtH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAChD,sGAAsG;IACtG,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,4IAA4I;IAC5I,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,oGAAoG;AACpG,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5C,KAAK,oBAAoB,GAAG;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,UAAU,CAIvE;AAED,yEAAyE;AACzE,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,GAAG,OAAO,CAE1E;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kDAAkD;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,aAAa,EAAE,MAAM,CAAC;IACtB,oHAAoH;IACpH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,SAAS,YAAY,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,EAAE,WAYzC,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,0BAA0B,EAAE,WAYxC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,gGAAgG;IAChG,IAAI,EAAE,MAAM,CAAC;IACb,mGAAmG;IACnG,UAAU,EAAE,MAAM,GAAG,YAAY,CAAC;IAClC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kGAAkG;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,sHAAsH;IACtH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAChD,sGAAsG;IACtG,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,4IAA4I;IAC5I,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzC;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/types.js

@@ -17,6 +17,40 @@ export function renderModeFor(options) {
 }
 /** Whether the left track-info gutter should be reserved and painted. */
 export function shouldShowTrackInfo(options) {
-    return options.showTrackInfo ?? (renderModeFor(options) === 'screen');
+    return options.showTrackInfo ?? renderModeFor(options) === 'screen';
 }
+/** Default high-contrast paper ink. */
+export const PRINT_INK = '#000000';
+/**
+ * A calm default screen palette for notation surfaces. Apps can still supply
+ * their own theme, but this gives the package an eye-friendly baseline with
+ * distinct state colours and print-safe ink.
+ */
+export const DEFAULT_SCREEN_RENDER_THEME = {
+    foreground: '#1f2937',
+    noteNormal: '#111827',
+    noteInactive: '#8a97a8',
+    noteSelected: '#050816',
+    noteRegenerated: '#2563eb',
+    notePlaying: '#0f766e',
+    measureSelection: '#f59e0b',
+    staveActive: '#64748b',
+    staveInactive: '#c3ccd8',
+    caret: '#e11d48',
+    printForeground: PRINT_INK,
+};
+/** A monochrome theme for callers that render paper-first surfaces. */
+export const DEFAULT_PRINT_RENDER_THEME = {
+    foreground: PRINT_INK,
+    noteNormal: PRINT_INK,
+    noteInactive: PRINT_INK,
+    noteSelected: PRINT_INK,
+    noteRegenerated: PRINT_INK,
+    notePlaying: PRINT_INK,
+    measureSelection: PRINT_INK,
+    staveActive: PRINT_INK,
+    staveInactive: PRINT_INK,
+    caret: PRINT_INK,
+    printForeground: PRINT_INK,
+};
 //# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAYH;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,OAA6B;IACzD,OAAO,CACL,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAC7E,CAAC;AACJ,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,mBAAmB,CAAC,OAA6B;IAC/D,OAAO,OAAO,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC;AACxE,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAYH;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,OAA6B;IACzD,OAAO,CACL,OAAO,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAC7E,CAAC;AACJ,CAAC;AAED,yEAAyE;AACzE,MAAM,UAAU,mBAAmB,CAAC,OAA6B;IAC/D,OAAO,OAAO,CAAC,aAAa,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC;AACtE,CAAC;AAiDD,uCAAuC;AACvC,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAgB;IACtD,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,eAAe,EAAE,SAAS;IAC1B,WAAW,EAAE,SAAS;IACtB,gBAAgB,EAAE,SAAS;IAC3B,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,SAAS;IACxB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,SAAS;CAC3B,CAAC;AAEF,uEAAuE;AACvE,MAAM,CAAC,MAAM,0BAA0B,GAAgB;IACrD,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,eAAe,EAAE,SAAS;IAC1B,WAAW,EAAE,SAAS;IACtB,gBAAgB,EAAE,SAAS;IAC3B,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,SAAS;IACxB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,SAAS;CAC3B,CAAC"}

package/package.json

@@ -1,15 +1,24 @@
 {
   "name": "@sudobility/music_drawing",
-  "version": "0.0.7",
+  "version": "0.0.10",
   "description": "Canvas score rendering for Moosiac: layout, VexFlow drawing and the paint loop.",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "react-native": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./skia": {
+      "types": "./dist/skia/index.d.ts",
+      "import": "./dist/skia/index.js"
+    },
+    "./test": {
+      "types": "./dist/test/index.d.ts",
+      "import": "./dist/test/index.js"
     }
   },
   "files": [
@@ -21,21 +30,22 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "lint": "eslint src",
-    "format": "prettier --write src/**/*.ts",
-    "format:check": "prettier --check src/**/*.ts",
+    "format": "prettier --write \"src/**/*.ts\"",
+    "format:check": "prettier --check \"src/**/*.ts\"",
     "typecheck": "tsc --noEmit",
-    "verify": "bun run format:check && bun run typecheck && bun run lint && bun run test && bun run build",
+    "typecheck:dom": "tsc -p tsconfig.dom-compat.json",
+    "verify": "bun run format:check && bun run typecheck && bun run typecheck:dom && bun run lint && bun run test && bun run build",
     "prepublishOnly": "bun run clean && bun run verify"
   },
   "dependencies": {
     "vexflow": "^4.2.5"
   },
   "peerDependencies": {
-    "@sudobility/music_types": "^0.12.1"
+    "@sudobility/music_types": "^0.13.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.38.0",
-    "@sudobility/music_types": "^0.12.1",
+    "@sudobility/music_types": "^0.13.1",
     "@sudobility/types": "^1.9.66",
     "@tonejs/midi": "^2.0.28",
     "@types/jsdom": "^30.0.0",