react-native-skia 0.0.1 → 3.0.0

package/lib/module/sksg/Recorder/DrawingContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createFrameScope","createDrawingContext","Skia","paintPool","canvas","frameSkia","track","dispose","paints","colorFilters","shaders","imageFilters","pathEffects","paintDeclarations","opacities","nextPaintIndex","length","push","Paint","reset","setAntiAlias","savePaint","nextPaint","assign","getCurrentPaint","pushPaint","paint","copy","getOpacity","setOpacity","newOpacity","Math","max","min","saveBackdropFilter","imageFilter","imgf","pop","cf","ImageFilter","MakeColorFilter","saveLayer","undefined","restore","restorePaint","materializePaint","setColorFilter","reduceRight","inner","outer","ColorFilter","MakeCompose","setShader","setImageFilter","setPathEffect","PathEffect"],"sources":["DrawingContext.ts"],"sourcesContent":["import type {\n  Skia,\n  SkCanvas,\n  SkColorFilter,\n  SkPaint,\n  SkShader,\n  SkImageFilter,\n  SkPathEffect,\n} from \"../../skia/types\";\n\nimport { createFrameScope } from \"./FrameScope\";\n\nexport const createDrawingContext = (\n  Skia: Skia,\n  paintPool: SkPaint[],\n  canvas: SkCanvas\n) => {\n  \"worklet\";\n\n  // Everything the renderer creates through frameSkia is frame-scoped and\n  // deleted by dispose() once the frame has been recorded. The paint pool is\n  // recording-scoped and deliberately allocated with the raw Skia instance.\n  const { Skia: frameSkia, track, dispose } = createFrameScope(Skia);\n\n  // State (formerly class fields)\n  const paints: SkPaint[] = [];\n  const colorFilters: SkColorFilter[] = [];\n  const shaders: SkShader[] = [];\n  const imageFilters: SkImageFilter[] = [];\n  const pathEffects: SkPathEffect[] = [];\n  const paintDeclarations: SkPaint[] = [];\n  const opacities: number[] = [];\n\n  let nextPaintIndex = 1;\n\n  // Initialize first paint and opacity\n  if (paintPool.length === 0) {\n    paintPool.push(Skia.Paint());\n  } else {\n    // reset() produces an anti-alias false paint, unlike the Skia.Paint()\n    // factory: restore the default so reused pools render like the first frame.\n    paintPool[0].reset();\n    paintPool[0].setAntiAlias(true);\n  }\n  paints.push(paintPool[0]);\n  opacities.push(1);\n\n  // Methods (formerly class methods)\n  const savePaint = () => {\n    // Get next available paint from pool or create new one if needed\n    if (nextPaintIndex >= paintPool.length) {\n      paintPool.push(Skia.Paint());\n    }\n\n    const nextPaint = paintPool[nextPaintIndex];\n    nextPaint.assign(getCurrentPaint()); // Reuse allocation by copying properties\n    paints.push(nextPaint);\n    opacities.push(opacities[opacities.length - 1]);\n    nextPaintIndex++;\n  };\n\n  // Pushes an externally owned paint (the `paint` prop) onto the stack. It\n  // pushes a frame-scoped copy, like the C++ DrawingCtx: materializePaint()\n  // mutates the top of the stack, and those mutations must not leak into the\n  // user-owned paint. It must also push an opacity alongside it: restorePaint()\n  // pops both, so pushing only the paint would underflow the opacity stack and\n  // leak the enclosing group's opacity onto everything drawn afterwards.\n  const pushPaint = (paint: SkPaint) => {\n    paints.push(track(paint.copy()));\n    opacities.push(opacities[opacities.length - 1]);\n  };\n\n  const getOpacity = () => {\n    return opacities[opacities.length - 1];\n  };\n\n  const setOpacity = (newOpacity: number) => {\n    opacities[opacities.length - 1] = Math.max(0, Math.min(1, newOpacity));\n  };\n\n  const saveBackdropFilter = () => {\n    let imageFilter: SkImageFilter | null = null;\n    const imgf = imageFilters.pop();\n    if (imgf) {\n      imageFilter = imgf;\n    } else {\n      const cf = colorFilters.pop();\n      if (cf) {\n        imageFilter = frameSkia.ImageFilter.MakeColorFilter(cf, null);\n      }\n    }\n    canvas.saveLayer(undefined, null, imageFilter);\n    canvas.restore();\n  };\n\n  // Equivalent to the `get paint()` getter in the original class\n  const getCurrentPaint = () => {\n    return paints[paints.length - 1];\n  };\n\n  const restorePaint = () => {\n    opacities.pop();\n    return paints.pop();\n  };\n\n  const materializePaint = () => {\n    // Color Filters\n    if (colorFilters.length > 0) {\n      getCurrentPaint().setColorFilter(\n        colorFilters.reduceRight((inner, outer) =>\n          inner ? frameSkia.ColorFilter.MakeCompose(outer, inner) : outer\n        )\n      );\n    }\n    // Shaders\n    if (shaders.length > 0) {\n      getCurrentPaint().setShader(shaders[shaders.length - 1]);\n    }\n    // Image Filters\n    if (imageFilters.length > 0) {\n      getCurrentPaint().setImageFilter(\n        imageFilters.reduceRight((inner, outer) =>\n          inner ? frameSkia.ImageFilter.MakeCompose(outer, inner) : outer\n        )\n      );\n    }\n\n    // Path Effects\n    if (pathEffects.length > 0) {\n      getCurrentPaint().setPathEffect(\n        pathEffects.reduceRight((inner, outer) =>\n          inner ? frameSkia.PathEffect.MakeCompose(outer, inner) : outer\n        )\n      );\n    }\n\n    // Clear arrays\n    colorFilters.length = 0;\n    shaders.length = 0;\n    imageFilters.length = 0;\n    pathEffects.length = 0;\n  };\n\n  // Return an object containing the Skia reference, the canvas, and the methods\n  return {\n    // Public fields\n    Skia: frameSkia,\n    canvas,\n    track,\n    dispose,\n    paints,\n    colorFilters,\n    shaders,\n    imageFilters,\n    pathEffects,\n    paintDeclarations,\n    paintPool,\n\n    // Public methods\n    savePaint,\n    pushPaint,\n    saveBackdropFilter,\n    get paint() {\n      return paints[paints.length - 1];\n    }, // the \"getter\" for the current paint\n    restorePaint,\n    materializePaint,\n    getOpacity,\n    setOpacity,\n  };\n};\n\nexport type DrawingContext = ReturnType<typeof createDrawingContext>;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Recorder/FrameScope.d.ts

@@ -0,0 +1,18 @@
+import type { Skia } from "../../skia/types";
+export interface FrameScope {
+    Skia: Skia;
+    track: <T>(value: T) => T;
+    dispose: () => void;
+}
+/**
+ * Wraps a Skia instance so that every object created through its factories is
+ * collected and deleted when the scope is disposed. The renderer only keeps
+ * the objects it creates alive for the duration of a frame: once the frame
+ * has been recorded they can be deleted. This is required on Web where
+ * CanvasKit objects live in WASM memory that the JS garbage collector does
+ * not perceive, so it (almost) never reclaims them on its own.
+ *
+ * Objects passed in via props are user-owned: they are not created through
+ * this facade and are therefore never tracked nor disposed.
+ */
+export declare const createFrameScope: (Skia: Skia) => FrameScope;

package/lib/module/sksg/Recorder/FrameScope.js

@@ -0,0 +1,59 @@
+const isDisposable = value => {
+  "worklet";
+
+  return value !== null && typeof value === "object" && typeof value.dispose === "function";
+};
+/**
+ * Wraps a Skia instance so that every object created through its factories is
+ * collected and deleted when the scope is disposed. The renderer only keeps
+ * the objects it creates alive for the duration of a frame: once the frame
+ * has been recorded they can be deleted. This is required on Web where
+ * CanvasKit objects live in WASM memory that the JS garbage collector does
+ * not perceive, so it (almost) never reclaims them on its own.
+ *
+ * Objects passed in via props are user-owned: they are not created through
+ * this facade and are therefore never tracked nor disposed.
+ */
+export const createFrameScope = Skia => {
+  "worklet";
+
+  const disposables = [];
+  const track = value => {
+    if (isDisposable(value)) {
+      disposables.push(value);
+    }
+    return value;
+  };
+  const wrap = obj => {
+    const cache = new Map();
+    return new Proxy(obj, {
+      get(target, prop) {
+        if (cache.has(prop)) {
+          return cache.get(prop);
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const value = target[prop];
+        let wrapped = value;
+        if (typeof value === "function") {
+          wrapped = (...args) => track(value.apply(target, args));
+        } else if (value !== null && typeof value === "object") {
+          wrapped = wrap(value);
+        }
+        cache.set(prop, wrapped);
+        return wrapped;
+      }
+    });
+  };
+  const dispose = () => {
+    for (let i = 0; i < disposables.length; i++) {
+      disposables[i].dispose();
+    }
+    disposables.length = 0;
+  };
+  return {
+    Skia: wrap(Skia),
+    track,
+    dispose
+  };
+};
+//# sourceMappingURL=FrameScope.js.map

package/lib/module/sksg/Recorder/FrameScope.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isDisposable","value","dispose","createFrameScope","Skia","disposables","track","push","wrap","obj","cache","Map","Proxy","get","target","prop","has","wrapped","args","apply","set","i","length"],"sources":["FrameScope.ts"],"sourcesContent":["import type { Skia } from \"../../skia/types\";\n\ninterface Disposable {\n  dispose: () => void;\n}\n\nconst isDisposable = (value: unknown): value is Disposable => {\n  \"worklet\";\n  return (\n    value !== null &&\n    typeof value === \"object\" &&\n    typeof (value as Disposable).dispose === \"function\"\n  );\n};\n\nexport interface FrameScope {\n  Skia: Skia;\n  track: <T>(value: T) => T;\n  dispose: () => void;\n}\n\n/**\n * Wraps a Skia instance so that every object created through its factories is\n * collected and deleted when the scope is disposed. The renderer only keeps\n * the objects it creates alive for the duration of a frame: once the frame\n * has been recorded they can be deleted. This is required on Web where\n * CanvasKit objects live in WASM memory that the JS garbage collector does\n * not perceive, so it (almost) never reclaims them on its own.\n *\n * Objects passed in via props are user-owned: they are not created through\n * this facade and are therefore never tracked nor disposed.\n */\nexport const createFrameScope = (Skia: Skia): FrameScope => {\n  \"worklet\";\n  const disposables: Disposable[] = [];\n  const track = <T>(value: T): T => {\n    if (isDisposable(value)) {\n      disposables.push(value);\n    }\n    return value;\n  };\n  const wrap = <T extends object>(obj: T): T => {\n    const cache = new Map<PropertyKey, unknown>();\n    return new Proxy(obj, {\n      get(target, prop) {\n        if (cache.has(prop)) {\n          return cache.get(prop);\n        }\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const value = (target as any)[prop];\n        let wrapped: unknown = value;\n        if (typeof value === \"function\") {\n          wrapped = (...args: unknown[]) => track(value.apply(target, args));\n        } else if (value !== null && typeof value === \"object\") {\n          wrapped = wrap(value);\n        }\n        cache.set(prop, wrapped);\n        return wrapped;\n      },\n    }) as T;\n  };\n  const dispose = () => {\n    for (let i = 0; i < disposables.length; i++) {\n      disposables[i].dispose();\n    }\n    disposables.length = 0;\n  };\n  return { Skia: wrap(Skia), track, dispose };\n};\n"],"mappings":"AAMA,MAAMA,YAAY,GAAIC,KAAc,IAA0B;EAC5D,SAAS;;EACT,OACEA,KAAK,KAAK,IAAI,IACd,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAQA,KAAK,CAAgBC,OAAO,KAAK,UAAU;AAEvD,CAAC;AAQD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAIC,IAAU,IAAiB;EAC1D,SAAS;;EACT,MAAMC,WAAyB,GAAG,EAAE;EACpC,MAAMC,KAAK,GAAOL,KAAQ,IAAQ;IAChC,IAAID,YAAY,CAACC,KAAK,CAAC,EAAE;MACvBI,WAAW,CAACE,IAAI,CAACN,KAAK,CAAC;IACzB;IACA,OAAOA,KAAK;EACd,CAAC;EACD,MAAMO,IAAI,GAAsBC,GAAM,IAAQ;IAC5C,MAAMC,KAAK,GAAG,IAAIC,GAAG,CAAuB,CAAC;IAC7C,OAAO,IAAIC,KAAK,CAACH,GAAG,EAAE;MACpBI,GAAGA,CAACC,MAAM,EAAEC,IAAI,EAAE;QAChB,IAAIL,KAAK,CAACM,GAAG,CAACD,IAAI,CAAC,EAAE;UACnB,OAAOL,KAAK,CAACG,GAAG,CAACE,IAAI,CAAC;QACxB;QACA;QACA,MAAMd,KAAK,GAAIa,MAAM,CAASC,IAAI,CAAC;QACnC,IAAIE,OAAgB,GAAGhB,KAAK;QAC5B,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;UAC/BgB,OAAO,GAAGA,CAAC,GAAGC,IAAe,KAAKZ,KAAK,CAACL,KAAK,CAACkB,KAAK,CAACL,MAAM,EAAEI,IAAI,CAAC,CAAC;QACpE,CAAC,MAAM,IAAIjB,KAAK,KAAK,IAAI,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;UACtDgB,OAAO,GAAGT,IAAI,CAACP,KAAK,CAAC;QACvB;QACAS,KAAK,CAACU,GAAG,CAACL,IAAI,EAAEE,OAAO,CAAC;QACxB,OAAOA,OAAO;MAChB;IACF,CAAC,CAAC;EACJ,CAAC;EACD,MAAMf,OAAO,GAAGA,CAAA,KAAM;IACpB,KAAK,IAAImB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGhB,WAAW,CAACiB,MAAM,EAAED,CAAC,EAAE,EAAE;MAC3ChB,WAAW,CAACgB,CAAC,CAAC,CAACnB,OAAO,CAAC,CAAC;IAC1B;IACAG,WAAW,CAACiB,MAAM,GAAG,CAAC;EACxB,CAAC;EACD,OAAO;IAAElB,IAAI,EAAEI,IAAI,CAACJ,IAAI,CAAC;IAAEE,KAAK;IAAEJ;EAAQ,CAAC;AAC7C,CAAC","ignoreList":[]}

package/lib/module/sksg/Recorder/FrameScope.native.d.ts

@@ -0,0 +1,10 @@
+import type { Skia } from "../../skia/types";
+import type { FrameScope } from "./FrameScope";
+/**
+ * No-op on native. The JSI wrappers report the size of the native objects
+ * they hold to the garbage collector (setExternalMemoryPressure), so the GC
+ * is aware of the real cost of the objects the renderer creates and reclaims
+ * them on its own. The tracking scope is only needed on Web, where CanvasKit
+ * objects live in WASM memory the GC cannot see (see FrameScope.ts).
+ */
+export declare const createFrameScope: (Skia: Skia) => FrameScope;

package/lib/module/sksg/Recorder/FrameScope.native.js

@@ -0,0 +1,19 @@
+/**
+ * No-op on native. The JSI wrappers report the size of the native objects
+ * they hold to the garbage collector (setExternalMemoryPressure), so the GC
+ * is aware of the real cost of the objects the renderer creates and reclaims
+ * them on its own. The tracking scope is only needed on Web, where CanvasKit
+ * objects live in WASM memory the GC cannot see (see FrameScope.ts).
+ */
+export const createFrameScope = Skia => {
+  "worklet";
+
+  return {
+    Skia,
+    track: value => value,
+    dispose: () => {
+      // nothing to dispose: no objects are tracked on native
+    }
+  };
+};
+//# sourceMappingURL=FrameScope.native.js.map

package/lib/module/sksg/Recorder/FrameScope.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createFrameScope","Skia","track","value","dispose"],"sources":["FrameScope.native.ts"],"sourcesContent":["import type { Skia } from \"../../skia/types\";\n\nimport type { FrameScope } from \"./FrameScope\";\n\n/**\n * No-op on native. The JSI wrappers report the size of the native objects\n * they hold to the garbage collector (setExternalMemoryPressure), so the GC\n * is aware of the real cost of the objects the renderer creates and reclaims\n * them on its own. The tracking scope is only needed on Web, where CanvasKit\n * objects live in WASM memory the GC cannot see (see FrameScope.ts).\n */\nexport const createFrameScope = (Skia: Skia): FrameScope => {\n  \"worklet\";\n  return {\n    Skia,\n    track: <T>(value: T): T => value,\n    dispose: () => {\n      // nothing to dispose: no objects are tracked on native\n    },\n  };\n};\n"],"mappings":"AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,gBAAgB,GAAIC,IAAU,IAAiB;EAC1D,SAAS;;EACT,OAAO;IACLA,IAAI;IACJC,KAAK,EAAMC,KAAQ,IAAQA,KAAK;IAChCC,OAAO,EAAEA,CAAA,KAAM;MACb;IAAA;EAEJ,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/sksg/Recorder/Player.d.ts

@@ -0,0 +1,3 @@
+import type { Command } from "./Core";
+import type { DrawingContext } from "./DrawingContext";
+export declare function replay(ctx: DrawingContext, commands: Command[]): void;

package/lib/module/sksg/Recorder/Player.js

@@ -0,0 +1,179 @@
+import { drawCircle, drawImage, drawOval, drawPath, drawPoints, drawRect, drawRRect, drawLine, drawAtlas, drawParagraph, drawImageSVG, drawPicture, drawGlyphs, drawTextBlob, drawTextPath, drawText, drawDiffRect, drawVertices, drawPatch, drawSkottie } from "./commands/Drawing";
+import { drawBox, isBoxCommand } from "./commands/Box";
+import { composeColorFilters, isPushColorFilter, pushColorFilter } from "./commands/ColorFilters";
+import { saveCTM } from "./commands/CTM";
+import { setBlurMaskFilter, isPushImageFilter, pushImageFilter, composeImageFilters } from "./commands/ImageFilters";
+import { setPaintProperties } from "./commands/Paint";
+import { composePathEffects, isPushPathEffect, pushPathEffect } from "./commands/PathEffects";
+import { isPushShader, pushShader } from "./commands/Shaders";
+import { CommandType, isCommand, isDrawCommand, isGroup, materializeCommand } from "./Core";
+const getZIndex = command => {
+  "worklet";
+
+  var _materialized$props;
+  const materialized = materializeCommand(command);
+  const {
+    zIndex
+  } = (_materialized$props = materialized.props) !== null && _materialized$props !== void 0 ? _materialized$props : {};
+  if (typeof zIndex !== "number" || Number.isNaN(zIndex)) {
+    return 0;
+  }
+  return zIndex;
+};
+const flushPendingGroups = (ctx, pendingGroups, playFn) => {
+  "worklet";
+
+  if (pendingGroups.length === 0) {
+    return;
+  }
+  pendingGroups.sort((a, b) => a.zIndex === b.zIndex ? a.order - b.order : a.zIndex - b.zIndex).forEach(({
+    command
+  }) => {
+    playFn(ctx, command);
+  });
+  pendingGroups.length = 0;
+};
+const playGroup = (ctx, group, playFn) => {
+  "worklet";
+
+  const pending = [];
+  group.children.forEach(child => {
+    if (isGroup(child)) {
+      pending.push({
+        command: child,
+        zIndex: getZIndex(child),
+        order: pending.length
+      });
+      return;
+    }
+    flushPendingGroups(ctx, pending, playFn);
+    playFn(ctx, child);
+  });
+  flushPendingGroups(ctx, pending, playFn);
+};
+const play = (ctx, _command) => {
+  if (isGroup(_command)) {
+    playGroup(ctx, _command, play);
+    return;
+  }
+  const command = materializeCommand(_command);
+  if (isCommand(command, CommandType.SaveBackdropFilter)) {
+    ctx.saveBackdropFilter();
+  } else if (isCommand(command, CommandType.SaveLayer)) {
+    ctx.materializePaint();
+    const paint = ctx.paintDeclarations.pop();
+    ctx.canvas.saveLayer(paint);
+  } else if (isDrawCommand(command, CommandType.SavePaint)) {
+    if (command.props.paint) {
+      ctx.pushPaint(command.props.paint);
+    } else {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const {
+        standalone
+      } = command;
+      ctx.savePaint();
+      if (standalone) {
+        const freshPaint = ctx.Skia.Paint();
+        ctx.paint.assign(freshPaint);
+      }
+      setPaintProperties(ctx.Skia, ctx, command.props, standalone);
+    }
+  } else if (isCommand(command, CommandType.RestorePaint)) {
+    ctx.restorePaint();
+  } else if (isCommand(command, CommandType.ComposeColorFilter)) {
+    composeColorFilters(ctx);
+  } else if (isCommand(command, CommandType.RestorePaintDeclaration)) {
+    ctx.materializePaint();
+    const paint = ctx.restorePaint();
+    if (!paint) {
+      throw new Error("No paint declaration to push");
+    }
+    ctx.paintDeclarations.push(paint);
+  } else if (isCommand(command, CommandType.MaterializePaint)) {
+    ctx.materializePaint();
+  } else if (isPushColorFilter(command)) {
+    pushColorFilter(ctx, command);
+  } else if (isPushShader(command)) {
+    pushShader(ctx, command);
+  } else if (isPushImageFilter(command)) {
+    pushImageFilter(ctx, command);
+  } else if (isPushPathEffect(command)) {
+    pushPathEffect(ctx, command);
+  } else if (isCommand(command, CommandType.ComposePathEffect)) {
+    composePathEffects(ctx);
+  } else if (isCommand(command, CommandType.ComposeImageFilter)) {
+    composeImageFilters(ctx);
+  } else if (isDrawCommand(command, CommandType.PushBlurMaskFilter)) {
+    setBlurMaskFilter(ctx, command.props);
+  } else if (isDrawCommand(command, CommandType.SaveCTM)) {
+    saveCTM(ctx, command.props);
+  } else if (isCommand(command, CommandType.RestoreCTM)) {
+    ctx.canvas.restore();
+  } else {
+    // apply opacity to the current paint.
+    const paint = ctx.track(ctx.paint.copy());
+    paint.setAlphaf(paint.getAlphaf() * ctx.getOpacity());
+    const paints = [paint, ...ctx.paintDeclarations];
+    ctx.paintDeclarations = [];
+    paints.forEach(p => {
+      ctx.paints.push(p);
+      if (isBoxCommand(command)) {
+        drawBox(ctx, command);
+      } else if (isCommand(command, CommandType.DrawPaint)) {
+        ctx.canvas.drawPaint(ctx.paint);
+      } else if (isDrawCommand(command, CommandType.DrawImage)) {
+        drawImage(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawCircle)) {
+        drawCircle(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawPoints)) {
+        drawPoints(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawPath)) {
+        drawPath(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawRect)) {
+        drawRect(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawRRect)) {
+        drawRRect(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawOval)) {
+        drawOval(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawLine)) {
+        drawLine(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawPatch)) {
+        drawPatch(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawVertices)) {
+        drawVertices(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawDiffRect)) {
+        drawDiffRect(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawText)) {
+        drawText(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawTextPath)) {
+        drawTextPath(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawTextBlob)) {
+        drawTextBlob(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawGlyphs)) {
+        drawGlyphs(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawPicture)) {
+        drawPicture(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawImageSVG)) {
+        drawImageSVG(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawParagraph)) {
+        drawParagraph(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawAtlas)) {
+        drawAtlas(ctx, command.props);
+      } else if (isDrawCommand(command, CommandType.DrawSkottie)) {
+        drawSkottie(ctx, command.props);
+      } else {
+        console.warn(`Unknown command: ${command.type}`);
+      }
+      ctx.paints.pop();
+    });
+  }
+};
+export function replay(ctx, commands) {
+  "worklet";
+
+  //console.log(debugTree(commands));
+  commands.forEach(command => {
+    play(ctx, command);
+  });
+}
+//# sourceMappingURL=Player.js.map

package/lib/module/sksg/Recorder/Player.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["drawCircle","drawImage","drawOval","drawPath","drawPoints","drawRect","drawRRect","drawLine","drawAtlas","drawParagraph","drawImageSVG","drawPicture","drawGlyphs","drawTextBlob","drawTextPath","drawText","drawDiffRect","drawVertices","drawPatch","drawSkottie","drawBox","isBoxCommand","composeColorFilters","isPushColorFilter","pushColorFilter","saveCTM","setBlurMaskFilter","isPushImageFilter","pushImageFilter","composeImageFilters","setPaintProperties","composePathEffects","isPushPathEffect","pushPathEffect","isPushShader","pushShader","CommandType","isCommand","isDrawCommand","isGroup","materializeCommand","getZIndex","command","_materialized$props","materialized","zIndex","props","Number","isNaN","flushPendingGroups","ctx","pendingGroups","playFn","length","sort","a","b","order","forEach","playGroup","group","pending","children","child","push","play","_command","SaveBackdropFilter","saveBackdropFilter","SaveLayer","materializePaint","paint","paintDeclarations","pop","canvas","saveLayer","SavePaint","pushPaint","standalone","savePaint","freshPaint","Skia","Paint","assign","RestorePaint","restorePaint","ComposeColorFilter","RestorePaintDeclaration","Error","MaterializePaint","ComposePathEffect","ComposeImageFilter","PushBlurMaskFilter","SaveCTM","RestoreCTM","restore","track","copy","setAlphaf","getAlphaf","getOpacity","paints","p","DrawPaint","drawPaint","DrawImage","DrawCircle","DrawPoints","DrawPath","DrawRect","DrawRRect","DrawOval","DrawLine","DrawPatch","DrawVertices","DrawDiffRect","DrawText","DrawTextPath","DrawTextBlob","DrawGlyphs","DrawPicture","DrawImageSVG","DrawParagraph","DrawAtlas","DrawSkottie","console","warn","type","replay","commands"],"sources":["Player.ts"],"sourcesContent":["import type { DrawingNodeProps } from \"../../dom/types\";\n\nimport {\n  drawCircle,\n  drawImage,\n  drawOval,\n  drawPath,\n  drawPoints,\n  drawRect,\n  drawRRect,\n  drawLine,\n  drawAtlas,\n  drawParagraph,\n  drawImageSVG,\n  drawPicture,\n  drawGlyphs,\n  drawTextBlob,\n  drawTextPath,\n  drawText,\n  drawDiffRect,\n  drawVertices,\n  drawPatch,\n  drawSkottie,\n} from \"./commands/Drawing\";\nimport { drawBox, isBoxCommand } from \"./commands/Box\";\nimport {\n  composeColorFilters,\n  isPushColorFilter,\n  pushColorFilter,\n} from \"./commands/ColorFilters\";\nimport { saveCTM } from \"./commands/CTM\";\nimport {\n  setBlurMaskFilter,\n  isPushImageFilter,\n  pushImageFilter,\n  composeImageFilters,\n} from \"./commands/ImageFilters\";\nimport { setPaintProperties } from \"./commands/Paint\";\nimport {\n  composePathEffects,\n  isPushPathEffect,\n  pushPathEffect,\n} from \"./commands/PathEffects\";\nimport { isPushShader, pushShader } from \"./commands/Shaders\";\nimport {\n  CommandType,\n  isCommand,\n  isDrawCommand,\n  isGroup,\n  materializeCommand,\n} from \"./Core\";\nimport type { Command, GroupCommand } from \"./Core\";\nimport type { DrawingContext } from \"./DrawingContext\";\n\ntype PendingGroup = {\n  command: GroupCommand;\n  zIndex: number;\n  order: number;\n};\n\nconst getZIndex = (command: GroupCommand) => {\n  \"worklet\";\n  const materialized = materializeCommand(command);\n  const { zIndex } = (materialized.props ?? {}) as DrawingNodeProps;\n  if (typeof zIndex !== \"number\" || Number.isNaN(zIndex)) {\n    return 0;\n  }\n  return zIndex;\n};\n\nconst flushPendingGroups = (\n  ctx: DrawingContext,\n  pendingGroups: PendingGroup[],\n  playFn: (ctx: DrawingContext, cmd: Command) => void\n) => {\n  \"worklet\";\n  if (pendingGroups.length === 0) {\n    return;\n  }\n  pendingGroups\n    .sort((a, b) =>\n      a.zIndex === b.zIndex ? a.order - b.order : a.zIndex - b.zIndex\n    )\n    .forEach(({ command }) => {\n      playFn(ctx, command);\n    });\n  pendingGroups.length = 0;\n};\n\nconst playGroup = (\n  ctx: DrawingContext,\n  group: GroupCommand,\n  playFn: (ctx: DrawingContext, cmd: Command) => void\n) => {\n  \"worklet\";\n  const pending: PendingGroup[] = [];\n  group.children.forEach((child) => {\n    if (isGroup(child)) {\n      pending.push({\n        command: child,\n        zIndex: getZIndex(child),\n        order: pending.length,\n      });\n      return;\n    }\n    flushPendingGroups(ctx, pending, playFn);\n    playFn(ctx, child);\n  });\n  flushPendingGroups(ctx, pending, playFn);\n};\n\nconst play = (ctx: DrawingContext, _command: Command) => {\n  if (isGroup(_command)) {\n    playGroup(ctx, _command, play);\n    return;\n  }\n  const command = materializeCommand(_command);\n  if (isCommand(command, CommandType.SaveBackdropFilter)) {\n    ctx.saveBackdropFilter();\n  } else if (isCommand(command, CommandType.SaveLayer)) {\n    ctx.materializePaint();\n    const paint = ctx.paintDeclarations.pop();\n    ctx.canvas.saveLayer(paint);\n  } else if (isDrawCommand(command, CommandType.SavePaint)) {\n    if (command.props.paint) {\n      ctx.pushPaint(command.props.paint);\n    } else {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const { standalone } = command as any;\n      ctx.savePaint();\n      if (standalone) {\n        const freshPaint = ctx.Skia.Paint();\n        ctx.paint.assign(freshPaint);\n      }\n      setPaintProperties(ctx.Skia, ctx, command.props, standalone);\n    }\n  } else if (isCommand(command, CommandType.RestorePaint)) {\n    ctx.restorePaint();\n  } else if (isCommand(command, CommandType.ComposeColorFilter)) {\n    composeColorFilters(ctx);\n  } else if (isCommand(command, CommandType.RestorePaintDeclaration)) {\n    ctx.materializePaint();\n    const paint = ctx.restorePaint();\n    if (!paint) {\n      throw new Error(\"No paint declaration to push\");\n    }\n    ctx.paintDeclarations.push(paint);\n  } else if (isCommand(command, CommandType.MaterializePaint)) {\n    ctx.materializePaint();\n  } else if (isPushColorFilter(command)) {\n    pushColorFilter(ctx, command);\n  } else if (isPushShader(command)) {\n    pushShader(ctx, command);\n  } else if (isPushImageFilter(command)) {\n    pushImageFilter(ctx, command);\n  } else if (isPushPathEffect(command)) {\n    pushPathEffect(ctx, command);\n  } else if (isCommand(command, CommandType.ComposePathEffect)) {\n    composePathEffects(ctx);\n  } else if (isCommand(command, CommandType.ComposeImageFilter)) {\n    composeImageFilters(ctx);\n  } else if (isDrawCommand(command, CommandType.PushBlurMaskFilter)) {\n    setBlurMaskFilter(ctx, command.props);\n  } else if (isDrawCommand(command, CommandType.SaveCTM)) {\n    saveCTM(ctx, command.props);\n  } else if (isCommand(command, CommandType.RestoreCTM)) {\n    ctx.canvas.restore();\n  } else {\n    // apply opacity to the current paint.\n    const paint = ctx.track(ctx.paint.copy());\n    paint.setAlphaf(paint.getAlphaf() * ctx.getOpacity());\n    const paints = [paint, ...ctx.paintDeclarations];\n    ctx.paintDeclarations = [];\n    paints.forEach((p) => {\n      ctx.paints.push(p);\n      if (isBoxCommand(command)) {\n        drawBox(ctx, command);\n      } else if (isCommand(command, CommandType.DrawPaint)) {\n        ctx.canvas.drawPaint(ctx.paint);\n      } else if (isDrawCommand(command, CommandType.DrawImage)) {\n        drawImage(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawCircle)) {\n        drawCircle(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawPoints)) {\n        drawPoints(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawPath)) {\n        drawPath(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawRect)) {\n        drawRect(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawRRect)) {\n        drawRRect(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawOval)) {\n        drawOval(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawLine)) {\n        drawLine(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawPatch)) {\n        drawPatch(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawVertices)) {\n        drawVertices(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawDiffRect)) {\n        drawDiffRect(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawText)) {\n        drawText(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawTextPath)) {\n        drawTextPath(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawTextBlob)) {\n        drawTextBlob(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawGlyphs)) {\n        drawGlyphs(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawPicture)) {\n        drawPicture(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawImageSVG)) {\n        drawImageSVG(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawParagraph)) {\n        drawParagraph(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawAtlas)) {\n        drawAtlas(ctx, command.props);\n      } else if (isDrawCommand(command, CommandType.DrawSkottie)) {\n        drawSkottie(ctx, command.props);\n      } else {\n        console.warn(`Unknown command: ${command.type}`);\n      }\n      ctx.paints.pop();\n    });\n  }\n};\nexport function replay(ctx: DrawingContext, commands: Command[]) {\n  \"worklet\";\n  //console.log(debugTree(commands));\n  commands.forEach((command) => {\n    play(ctx, command);\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/module/sksg/Recorder/ReanimatedRecorder.d.ts

@@ -0,0 +1,59 @@
+import type { SharedValue } from "react-native-reanimated";
+import type { BaseRecorder, JsiRecorder, Skia } from "../../skia/types";
+import type { PaintProps, NodeType, BlurMaskFilterProps, CTMProps, BoxProps, BoxShadowProps, ImageProps, CircleProps, PointsProps, PathProps, RectProps, RoundedRectProps, OvalProps, LineProps, PatchProps, VerticesProps, DiffRectProps, TextProps, TextPathProps, TextBlobProps, GlyphsProps, PictureProps, ImageSVGProps, ParagraphProps, AtlasProps, SkottieProps, DrawingNodeProps } from "../../dom/types";
+import type { AnimatedProps } from "../../renderer";
+/**
+ * Currently the recorder only work if the GPU resources (e.g Images) are owned by the main thread.
+ * It will crash otherwise on Ganesh (iOS/Android).
+ */
+export declare class ReanimatedRecorder implements BaseRecorder {
+    private values;
+    private recorder;
+    constructor(Skia: Skia);
+    reset(): void;
+    private processAnimationValues;
+    getRecorder(): JsiRecorder;
+    getSharedValues(): SharedValue<unknown>[];
+    saveGroup(props?: AnimatedProps<Pick<DrawingNodeProps, "zIndex">>): void;
+    restoreGroup(): void;
+    savePaint(props: AnimatedProps<PaintProps>, standalone: boolean): void;
+    restorePaint(): void;
+    restorePaintDeclaration(): void;
+    materializePaint(): void;
+    pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>): void;
+    pushImageFilter(imageFilterType: NodeType, props: AnimatedProps<unknown>): void;
+    pushColorFilter(colorFilterType: NodeType, props: AnimatedProps<unknown>): void;
+    pushShader(shaderType: NodeType, props: AnimatedProps<unknown>, children: number): void;
+    pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>): void;
+    composePathEffect(): void;
+    composeColorFilter(): void;
+    composeImageFilter(): void;
+    saveCTM(props: AnimatedProps<CTMProps>): void;
+    restoreCTM(): void;
+    drawPaint(): void;
+    saveLayer(): void;
+    saveBackdropFilter(): void;
+    drawBox(boxProps: AnimatedProps<BoxProps>, shadows: {
+        props: BoxShadowProps;
+    }[]): void;
+    drawImage(props: AnimatedProps<ImageProps>): void;
+    drawCircle(props: AnimatedProps<CircleProps>): void;
+    drawPoints(props: AnimatedProps<PointsProps>): void;
+    drawPath(props: AnimatedProps<PathProps>): void;
+    drawRect(props: AnimatedProps<RectProps>): void;
+    drawRRect(props: AnimatedProps<RoundedRectProps>): void;
+    drawOval(props: AnimatedProps<OvalProps>): void;
+    drawLine(props: AnimatedProps<LineProps>): void;
+    drawPatch(props: AnimatedProps<PatchProps>): void;
+    drawVertices(props: AnimatedProps<VerticesProps>): void;
+    drawDiffRect(props: AnimatedProps<DiffRectProps>): void;
+    drawText(props: AnimatedProps<TextProps>): void;
+    drawTextPath(props: AnimatedProps<TextPathProps>): void;
+    drawTextBlob(props: AnimatedProps<TextBlobProps>): void;
+    drawGlyphs(props: AnimatedProps<GlyphsProps>): void;
+    drawPicture(props: AnimatedProps<PictureProps>): void;
+    drawImageSVG(props: AnimatedProps<ImageSVGProps>): void;
+    drawParagraph(props: AnimatedProps<ParagraphProps>): void;
+    drawAtlas(props: AnimatedProps<AtlasProps>): void;
+    drawSkottie(props: AnimatedProps<SkottieProps>): void;
+}

package/lib/module/sksg/Recorder/ReanimatedRecorder.js

@@ -0,0 +1,208 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { isSharedValue, isSharedValueSelector } from "../utils";
+
+/**
+ * Currently the recorder only work if the GPU resources (e.g Images) are owned by the main thread.
+ * It will crash otherwise on Ganesh (iOS/Android).
+ */
+export class ReanimatedRecorder {
+  constructor(Skia) {
+    _defineProperty(this, "values", new Set());
+    _defineProperty(this, "recorder", void 0);
+    this.recorder = Skia.Recorder();
+  }
+  reset() {
+    this.values.clear();
+    this.recorder.reset();
+  }
+  processAnimationValues(props) {
+    if (!props) {
+      return;
+    }
+    Object.values(props).forEach(value => {
+      if (isSharedValueSelector(value) && !this.values.has(value.__sv)) {
+        const sv = value.__sv;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        sv.name = `variable${this.values.size}`;
+        this.values.add(sv);
+        return;
+      }
+      if (isSharedValue(value) && !this.values.has(value)) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-expect-error
+        value.name = `variable${this.values.size}`;
+        this.values.add(value);
+      }
+    });
+  }
+  getRecorder() {
+    return this.recorder;
+  }
+  getSharedValues() {
+    return Array.from(this.values);
+  }
+  saveGroup(props) {
+    if (props) {
+      this.processAnimationValues(props);
+      this.recorder.saveGroup(props);
+    } else {
+      this.recorder.saveGroup();
+    }
+  }
+  restoreGroup() {
+    this.recorder.restoreGroup();
+  }
+  savePaint(props, standalone) {
+    this.processAnimationValues(props);
+    this.recorder.savePaint(props, standalone);
+  }
+  restorePaint() {
+    this.recorder.restorePaint();
+  }
+  restorePaintDeclaration() {
+    this.recorder.restorePaintDeclaration();
+  }
+  materializePaint() {
+    this.recorder.materializePaint();
+  }
+  pushPathEffect(pathEffectType, props) {
+    this.processAnimationValues(props);
+    this.recorder.pushPathEffect(pathEffectType, props);
+  }
+  pushImageFilter(imageFilterType, props) {
+    this.processAnimationValues(props);
+    this.recorder.pushImageFilter(imageFilterType, props);
+  }
+  pushColorFilter(colorFilterType, props) {
+    this.processAnimationValues(props);
+    this.recorder.pushColorFilter(colorFilterType, props);
+  }
+  pushShader(shaderType, props, children) {
+    this.processAnimationValues(props);
+    this.recorder.pushShader(shaderType, props, children);
+  }
+  pushBlurMaskFilter(props) {
+    this.processAnimationValues(props);
+    this.recorder.pushBlurMaskFilter(props);
+  }
+  composePathEffect() {
+    this.recorder.composePathEffect();
+  }
+  composeColorFilter() {
+    this.recorder.composeColorFilter();
+  }
+  composeImageFilter() {
+    this.recorder.composeImageFilter();
+  }
+  saveCTM(props) {
+    this.processAnimationValues(props);
+    this.recorder.saveCTM(props);
+  }
+  restoreCTM() {
+    this.recorder.restoreCTM();
+  }
+  drawPaint() {
+    this.recorder.drawPaint();
+  }
+  saveLayer() {
+    this.recorder.saveLayer();
+  }
+  saveBackdropFilter() {
+    this.recorder.saveBackdropFilter();
+  }
+  drawBox(boxProps, shadows) {
+    this.processAnimationValues(boxProps);
+    shadows.forEach(shadow => {
+      this.processAnimationValues(shadow.props);
+    });
+    this.recorder.drawBox(boxProps,
+    // TODO: Fix this type BaseRecorder.drawBox()
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    shadows.map(s => s.props));
+  }
+  drawImage(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawImage(props);
+  }
+  drawCircle(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawCircle(props);
+  }
+  drawPoints(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawPoints(props);
+  }
+  drawPath(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawPath(props);
+  }
+  drawRect(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawRect(props);
+  }
+  drawRRect(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawRRect(props);
+  }
+  drawOval(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawOval(props);
+  }
+  drawLine(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawLine(props);
+  }
+  drawPatch(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawPatch(props);
+  }
+  drawVertices(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawVertices(props);
+  }
+  drawDiffRect(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawDiffRect(props);
+  }
+  drawText(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawText(props);
+  }
+  drawTextPath(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawTextPath(props);
+  }
+  drawTextBlob(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawTextBlob(props);
+  }
+  drawGlyphs(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawGlyphs(props);
+  }
+  drawPicture(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawPicture(props);
+  }
+  drawImageSVG(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawImageSVG(props);
+  }
+  drawParagraph(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawParagraph(props);
+  }
+  drawAtlas(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawAtlas(props);
+  }
+  drawSkottie(props) {
+    this.processAnimationValues(props);
+    this.recorder.drawSkottie(props);
+  }
+}
+//# sourceMappingURL=ReanimatedRecorder.js.map