@effing/canvas 0.40.1 → 0.40.2

package/README.md

@@ -434,15 +434,25 @@ type FontData = {
 type ImageCache = Map<string, Promise<Image>>;
 
 type EmojiStyle =
-  | "twemoji"
-  | "openmoji"
-  | "blobmoji"
-  | "noto"
-  | "fluent"
-  | "fluentFlat";
+  "twemoji" | "openmoji" | "blobmoji" | "noto" | "fluent" | "fluentFlat";
 ```
 
-Also re-exports from `@napi-rs/canvas`: `Canvas`, `SKRSContext2D`, `GlobalFonts`, `Image`, `LottieAnimation`. (`loadImage` is wrapped — see above — not re-exported directly.)
+### Canvas Primitives
+
+The building blocks you need alongside a context are re-exported from `@napi-rs/canvas`, so you never need to import (or declare a dependency on) `@napi-rs/canvas` directly: `Canvas`, `SKRSContext2D`, `GlobalFonts`, `Image`, `ImageData`, `Path2D`, `DOMMatrix`, `DOMPoint`, `DOMRect`, `PathOp`, `FillType`, `StrokeJoin`, `StrokeCap`, and `LottieAnimation`. (`loadImage` is wrapped — see above — not re-exported directly.)
+
+```typescript
+import { createCanvas, Path2D } from "@effing/canvas";
+
+const canvas = createCanvas(200, 200);
+const ctx = canvas.getContext("2d");
+
+const star = new Path2D(
+  "M100 10 L123 80 L195 80 L137 125 L160 195 L100 150 L40 195 L63 125 L5 80 L77 80 Z",
+);
+ctx.fillStyle = "gold";
+ctx.fill(star);
+```
 
 ## Examples
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as _napi_rs_canvas from '@napi-rs/canvas';
 import { Image, loadImage as loadImage$1, LottieAnimation, SKRSContext2D } from '@napi-rs/canvas';
-export { Canvas, GlobalFonts, Image, LottieAnimation, SKRSContext2D } from '@napi-rs/canvas';
+export { Canvas, DOMMatrix, DOMPoint, DOMRect, FillType, GlobalFonts, Image, ImageData, LottieAnimation, Path2D, PathOp, SKRSContext2D, StrokeCap, StrokeJoin } from '@napi-rs/canvas';
 import { ReactNode } from 'react';
 
 /** Source types accepted by {@link loadImage}, mirroring @napi-rs/canvas. */

package/dist/index.js

@@ -3,7 +3,16 @@ import { createCanvas as _createCanvas } from "@napi-rs/canvas";
 import {
   Canvas,
   GlobalFonts as GlobalFonts2,
-  Image
+  Image,
+  ImageData,
+  Path2D as Path2D4,
+  DOMMatrix,
+  DOMPoint,
+  DOMRect,
+  PathOp,
+  FillType,
+  StrokeJoin,
+  StrokeCap
 } from "@napi-rs/canvas";
 
 // src/image.ts
@@ -4087,9 +4096,18 @@ function createCanvas3(width, height) {
 }
 export {
   Canvas,
+  DOMMatrix,
+  DOMPoint,
+  DOMRect,
+  FillType,
   GlobalFonts2 as GlobalFonts,
   Image,
+  ImageData,
   LottieAnimation,
+  Path2D4 as Path2D,
+  PathOp,
+  StrokeCap,
+  StrokeJoin,
   createCanvas3 as createCanvas,
   findLargestUsableFontSize,
   loadImage,