@shopify/react-native-skia 1.8.0 → 1.8.2

package/lib/commonjs/sksg/Recorder/Core.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CommandType","exports","materializeProps","command","animatedProps","key","props","value","isCommand","type","isDrawCommand"],"sources":["Core.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type {\n  BlurMaskFilterProps,\n  CircleProps,\n  CTMProps,\n  ImageProps,\n  PointsProps,\n  PathProps,\n  RectProps,\n  RoundedRectProps,\n  OvalProps,\n  LineProps,\n  PatchProps,\n  VerticesProps,\n  DiffRectProps,\n  TextProps,\n  TextPathProps,\n  TextBlobProps,\n  GlyphsProps,\n  PictureProps,\n  ImageSVGProps,\n  ParagraphProps,\n  AtlasProps,\n  DrawingNodeProps,\n} from \"../../dom/types\";\n\n// export enum CommandType {\n//   // Context\n//   SavePaint = \"SavePaint\",\n//   RestorePaint = \"RestorePaint\",\n//   SaveCTM = \"SaveCTM\",\n//   RestoreCTM = \"RestoreCTM\",\n//   PushColorFilter = \"PushColorFilter\",\n//   PushBlurMaskFilter = \"PushBlurMaskFilter\",\n//   PushImageFilter = \"PushImageFilter\",\n//   PushPathEffect = \"PushPathEffect\",\n//   PushShader = \"PushShader\",\n//   ComposeColorFilter = \"ComposeColorFilter\",\n//   ComposeImageFilter = \"ComposeImageFilter\",\n//   ComposePathEffect = \"ComposePathEffect\",\n//   MaterializePaint = \"MaterializePaint\",\n//   SaveBackdropFilter = \"SaveBackdropFilter\",\n//   SaveLayer = \"SaveLayer\",\n//   RestorePaintDeclaration = \"RestorePaintDeclaration\",\n//   // Drawing\n//   DrawBox = \"DrawBox\",\n//   DrawImage = \"DrawImage\",\n//   DrawCircle = \"DrawCircle\",\n//   DrawPaint = \"DrawPaint\",\n//   DrawPoints = \"DrawPoints\",\n//   DrawPath = \"DrawPath\",\n//   DrawRect = \"DrawRect\",\n//   DrawRRect = \"DrawRRect\",\n//   DrawOval = \"DrawOval\",\n//   DrawLine = \"DrawLine\",\n//   DrawPatch = \"DrawPatch\",\n//   DrawVertices = \"DrawVertices\",\n//   DrawDiffRect = \"DrawDiffRect\",\n//   DrawText = \"DrawText\",\n//   DrawTextPath = \"DrawTextPath\",\n//   DrawTextBlob = \"DrawTextBlob\",\n//   DrawGlyphs = \"DrawGlyphs\",\n//   DrawPicture = \"DrawPicture\",\n//   DrawImageSVG = \"DrawImageSVG\",\n//   DrawParagraph = \"DrawParagraph\",\n//   DrawAtlas = \"DrawAtlas\",\n// }\nexport enum CommandType {\n  // Context\n  SavePaint,\n  RestorePaint,\n  SaveCTM,\n  RestoreCTM,\n  PushColorFilter,\n  PushBlurMaskFilter,\n  PushImageFilter,\n  PushPathEffect,\n  PushShader,\n  ComposeColorFilter,\n  ComposeImageFilter,\n  ComposePathEffect,\n  MaterializePaint,\n  SaveBackdropFilter,\n  SaveLayer,\n  RestorePaintDeclaration,\n  // Drawing\n  DrawBox,\n  DrawImage,\n  DrawCircle,\n  DrawPaint,\n  DrawPoints,\n  DrawPath,\n  DrawRect,\n  DrawRRect,\n  DrawOval,\n  DrawLine,\n  DrawPatch,\n  DrawVertices,\n  DrawDiffRect,\n  DrawText,\n  DrawTextPath,\n  DrawTextBlob,\n  DrawGlyphs,\n  DrawPicture,\n  DrawImageSVG,\n  DrawParagraph,\n  DrawAtlas,\n}\n\nexport type Command<T extends CommandType = CommandType> = {\n  type: T;\n  [key: string]: unknown;\n};\n\nexport const materializeProps = (command: {\n  props: Record<string, unknown>;\n  animatedProps?: Record<string, SharedValue<unknown>>;\n}) => {\n  \"worklet\";\n  if (command.animatedProps) {\n    for (const key in command.animatedProps) {\n      command.props[key] = command.animatedProps[key].value;\n    }\n  }\n};\n\nexport const isCommand = <T extends CommandType>(\n  command: Command,\n  type: T\n): command is Command<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n\ninterface Props {\n  [CommandType.DrawImage]: ImageProps;\n  [CommandType.DrawCircle]: CircleProps;\n  [CommandType.SaveCTM]: CTMProps;\n  [CommandType.SavePaint]: DrawingNodeProps;\n  [CommandType.PushBlurMaskFilter]: BlurMaskFilterProps;\n  [CommandType.DrawPoints]: PointsProps;\n  [CommandType.DrawPath]: PathProps;\n  [CommandType.DrawRect]: RectProps;\n  [CommandType.DrawRRect]: RoundedRectProps;\n  [CommandType.DrawOval]: OvalProps;\n  [CommandType.DrawLine]: LineProps;\n  [CommandType.DrawPatch]: PatchProps;\n  [CommandType.DrawVertices]: VerticesProps;\n  [CommandType.DrawDiffRect]: DiffRectProps;\n  [CommandType.DrawText]: TextProps;\n  [CommandType.DrawTextPath]: TextPathProps;\n  [CommandType.DrawTextBlob]: TextBlobProps;\n  [CommandType.DrawGlyphs]: GlyphsProps;\n  [CommandType.DrawPicture]: PictureProps;\n  [CommandType.DrawImageSVG]: ImageSVGProps;\n  [CommandType.DrawParagraph]: ParagraphProps;\n  [CommandType.DrawAtlas]: AtlasProps;\n}\n\ninterface DrawCommand<T extends CommandType> extends Command<T> {\n  props: T extends keyof Props ? Props[T] : never;\n}\n\nexport const isDrawCommand = <T extends keyof Props>(\n  command: Command,\n  type: T\n): command is DrawCommand<T> => {\n  \"worklet\";\n  return command.type === type;\n};\n"],"mappings":";;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,IACYA,WAAW,GAAAC,OAAA,CAAAD,WAAA,0BAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAXA,WAAW,CAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AA+ChB,MAAME,gBAAgB,GAAIC,OAGhC,IAAK;EACJ,SAAS;;EACT,IAAIA,OAAO,CAACC,aAAa,EAAE;IACzB,KAAK,MAAMC,GAAG,IAAIF,OAAO,CAACC,aAAa,EAAE;MACvCD,OAAO,CAACG,KAAK,CAACD,GAAG,CAAC,GAAGF,OAAO,CAACC,aAAa,CAACC,GAAG,CAAC,CAACE,KAAK;IACvD;EACF;AACF,CAAC;AAACN,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AAEK,MAAMM,SAAS,GAAGA,CACvBL,OAAgB,EAChBM,IAAO,KACmB;EAC1B,SAAS;;EACT,OAAON,OAAO,CAACM,IAAI,KAAKA,IAAI;AAC9B,CAAC;AAACR,OAAA,CAAAO,SAAA,GAAAA,SAAA;AA+BK,MAAME,aAAa,GAAGA,CAC3BP,OAAgB,EAChBM,IAAO,KACuB;EAC9B,SAAS;;EACT,OAAON,OAAO,CAACM,IAAI,KAAKA,IAAI;AAC9B,CAAC;AAACR,OAAA,CAAAS,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/sksg/Recorder/DrawingContext.d.ts

@@ -0,0 +1,18 @@
+import type { Skia, SkCanvas, SkColorFilter, SkPaint, SkShader, SkImageFilter, SkPathEffect } from "../../skia/types";
+export declare const createDrawingContext: (Skia: Skia, paintPool: SkPaint[], canvas: SkCanvas) => {
+    Skia: Skia;
+    canvas: SkCanvas;
+    paints: SkPaint[];
+    colorFilters: SkColorFilter[];
+    shaders: SkShader[];
+    imageFilters: SkImageFilter[];
+    pathEffects: SkPathEffect[];
+    paintDeclarations: SkPaint[];
+    paintPool: SkPaint[];
+    savePaint: () => void;
+    saveBackdropFilter: () => void;
+    readonly paint: SkPaint;
+    restorePaint: () => SkPaint | undefined;
+    materializePaint: () => void;
+};
+export type DrawingContext = ReturnType<typeof createDrawingContext>;

package/lib/commonjs/sksg/Recorder/DrawingContext.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDrawingContext = void 0;
+const createDrawingContext = (Skia, paintPool, canvas) => {
+  "worklet";
+
+  // State (formerly class fields)
+  const paints = [];
+  const colorFilters = [];
+  const shaders = [];
+  const imageFilters = [];
+  const pathEffects = [];
+  const paintDeclarations = [];
+  let nextPaintIndex = 1;
+
+  // Initialize first paint
+  paintPool[0] = Skia.Paint();
+  paints.push(paintPool[0]);
+
+  // Methods (formerly class methods)
+  const savePaint = () => {
+    // Get next available paint from pool or create new one if needed
+    if (nextPaintIndex >= paintPool.length) {
+      paintPool.push(Skia.Paint());
+    }
+    const nextPaint = paintPool[nextPaintIndex];
+    nextPaint.assign(getCurrentPaint()); // Reuse allocation by copying properties
+    paints.push(nextPaint);
+    nextPaintIndex++;
+  };
+  const saveBackdropFilter = () => {
+    let imageFilter = null;
+    const imgf = imageFilters.pop();
+    if (imgf) {
+      imageFilter = imgf;
+    } else {
+      const cf = colorFilters.pop();
+      if (cf) {
+        imageFilter = Skia.ImageFilter.MakeColorFilter(cf, null);
+      }
+    }
+    canvas.saveLayer(undefined, null, imageFilter);
+    canvas.restore();
+  };
+
+  // Equivalent to the `get paint()` getter in the original class
+  const getCurrentPaint = () => {
+    return paints[paints.length - 1];
+  };
+  const restorePaint = () => {
+    return paints.pop();
+  };
+  const materializePaint = () => {
+    // Color Filters
+    if (colorFilters.length > 0) {
+      getCurrentPaint().setColorFilter(colorFilters.reduceRight((inner, outer) => inner ? Skia.ColorFilter.MakeCompose(outer, inner) : outer));
+    }
+    // Shaders
+    if (shaders.length > 0) {
+      getCurrentPaint().setShader(shaders[shaders.length - 1]);
+    }
+    // Image Filters
+    if (imageFilters.length > 0) {
+      getCurrentPaint().setImageFilter(imageFilters.reduceRight((inner, outer) => inner ? Skia.ImageFilter.MakeCompose(outer, inner) : outer));
+    }
+    // Path Effects
+    if (pathEffects.length > 0) {
+      getCurrentPaint().setPathEffect(pathEffects.reduceRight((inner, outer) => inner ? Skia.PathEffect.MakeCompose(outer, inner) : outer));
+    }
+
+    // Clear arrays
+    colorFilters.length = 0;
+    shaders.length = 0;
+    imageFilters.length = 0;
+    pathEffects.length = 0;
+  };
+
+  // Return an object containing the Skia reference, the canvas, and the methods
+  return {
+    // Public fields
+    Skia,
+    canvas,
+    paints,
+    colorFilters,
+    shaders,
+    imageFilters,
+    pathEffects,
+    paintDeclarations,
+    paintPool,
+    // Public methods
+    savePaint,
+    saveBackdropFilter,
+    get paint() {
+      return paints[paints.length - 1];
+    },
+    // the "getter" for the current paint
+    restorePaint,
+    materializePaint
+  };
+};
+exports.createDrawingContext = createDrawingContext;
+//# sourceMappingURL=DrawingContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createDrawingContext","Skia","paintPool","canvas","paints","colorFilters","shaders","imageFilters","pathEffects","paintDeclarations","nextPaintIndex","Paint","push","savePaint","length","nextPaint","assign","getCurrentPaint","saveBackdropFilter","imageFilter","imgf","pop","cf","ImageFilter","MakeColorFilter","saveLayer","undefined","restore","restorePaint","materializePaint","setColorFilter","reduceRight","inner","outer","ColorFilter","MakeCompose","setShader","setImageFilter","setPathEffect","PathEffect","paint","exports"],"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\nexport const createDrawingContext = (\n  Skia: Skia,\n  paintPool: SkPaint[],\n  canvas: SkCanvas\n) => {\n  \"worklet\";\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\n  let nextPaintIndex = 1;\n\n  // Initialize first paint\n  paintPool[0] = Skia.Paint();\n  paints.push(paintPool[0]);\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    nextPaintIndex++;\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 = Skia.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    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 ? Skia.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 ? Skia.ImageFilter.MakeCompose(outer, inner) : outer\n        )\n      );\n    }\n    // Path Effects\n    if (pathEffects.length > 0) {\n      getCurrentPaint().setPathEffect(\n        pathEffects.reduceRight((inner, outer) =>\n          inner ? Skia.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,\n    canvas,\n    paints,\n    colorFilters,\n    shaders,\n    imageFilters,\n    pathEffects,\n    paintDeclarations,\n    paintPool,\n\n    // Public methods\n    savePaint,\n    saveBackdropFilter,\n    get paint() {\n      return paints[paints.length - 1];\n    }, // the \"getter\" for the current paint\n    restorePaint,\n    materializePaint,\n  };\n};\n\nexport type DrawingContext = ReturnType<typeof createDrawingContext>;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1,127 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replay = void 0;
+var _Drawing = require("./commands/Drawing");
+var _Box = require("./commands/Box");
+var _ColorFilters = require("./commands/ColorFilters");
+var _CTM = require("./commands/CTM");
+var _ImageFilters = require("./commands/ImageFilters");
+var _Paint = require("./commands/Paint");
+var _PathEffects = require("./commands/PathEffects");
+var _Shaders = require("./commands/Shaders");
+var _Core = require("./Core");
+const play = (ctx, command) => {
+  "worklet";
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (0, _Core.materializeProps)(command);
+  if ((0, _Core.isCommand)(command, _Core.CommandType.SaveBackdropFilter)) {
+    ctx.saveBackdropFilter();
+  } else if ((0, _Core.isCommand)(command, _Core.CommandType.SaveLayer)) {
+    ctx.materializePaint();
+    const paint = ctx.paintDeclarations.pop();
+    ctx.canvas.saveLayer(paint);
+  } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.SavePaint)) {
+    if (command.props.paint) {
+      ctx.paints.push(command.props.paint);
+    } else {
+      ctx.savePaint();
+      (0, _Paint.setPaintProperties)(ctx.Skia, ctx.paint, command.props);
+    }
+  } else if ((0, _Core.isCommand)(command, _Core.CommandType.RestorePaint)) {
+    ctx.restorePaint();
+  } else if ((0, _Core.isCommand)(command, _Core.CommandType.ComposeColorFilter)) {
+    (0, _ColorFilters.composeColorFilters)(ctx);
+  } else if ((0, _Core.isCommand)(command, _Core.CommandType.RestorePaintDeclaration)) {
+    ctx.materializePaint();
+    const paint = ctx.restorePaint();
+    if (!paint) {
+      throw new Error("No paint declaration to push");
+    }
+    ctx.paintDeclarations.push(paint);
+  } else if ((0, _Core.isCommand)(command, _Core.CommandType.MaterializePaint)) {
+    ctx.materializePaint();
+  } else if ((0, _ColorFilters.isPushColorFilter)(command)) {
+    (0, _ColorFilters.pushColorFilter)(ctx, command);
+  } else if ((0, _Shaders.isPushShader)(command)) {
+    (0, _Shaders.pushShader)(ctx, command);
+  } else if ((0, _ImageFilters.isPushImageFilter)(command)) {
+    (0, _ImageFilters.pushImageFilter)(ctx, command);
+  } else if ((0, _PathEffects.isPushPathEffect)(command)) {
+    (0, _PathEffects.pushPathEffect)(ctx, command);
+  } else if ((0, _Core.isCommand)(command, _Core.CommandType.ComposePathEffect)) {
+    (0, _PathEffects.composePathEffects)(ctx);
+  } else if ((0, _Core.isCommand)(command, _Core.CommandType.ComposeImageFilter)) {
+    (0, _ImageFilters.composeImageFilters)(ctx);
+  } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.PushBlurMaskFilter)) {
+    (0, _ImageFilters.setBlurMaskFilter)(ctx, command.props);
+  } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.SaveCTM)) {
+    (0, _CTM.saveCTM)(ctx, command.props);
+  } else if ((0, _Core.isCommand)(command, _Core.CommandType.RestoreCTM)) {
+    ctx.canvas.restore();
+  } else {
+    const paints = [ctx.paint, ...ctx.paintDeclarations];
+    ctx.paintDeclarations = [];
+    paints.forEach(p => {
+      ctx.paints.push(p);
+      if ((0, _Box.isBoxCommand)(command)) {
+        (0, _Box.drawBox)(ctx, command);
+      } else if ((0, _Core.isCommand)(command, _Core.CommandType.DrawPaint)) {
+        ctx.canvas.drawPaint(ctx.paint);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawImage)) {
+        (0, _Drawing.drawImage)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawCircle)) {
+        (0, _Drawing.drawCircle)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawPoints)) {
+        (0, _Drawing.drawPoints)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawPath)) {
+        (0, _Drawing.drawPath)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawRect)) {
+        (0, _Drawing.drawRect)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawRRect)) {
+        (0, _Drawing.drawRRect)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawOval)) {
+        (0, _Drawing.drawOval)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawLine)) {
+        (0, _Drawing.drawLine)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawPatch)) {
+        (0, _Drawing.drawPatch)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawVertices)) {
+        (0, _Drawing.drawVertices)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawDiffRect)) {
+        (0, _Drawing.drawDiffRect)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawText)) {
+        (0, _Drawing.drawText)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawTextPath)) {
+        (0, _Drawing.drawTextPath)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawTextBlob)) {
+        (0, _Drawing.drawTextBlob)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawGlyphs)) {
+        (0, _Drawing.drawGlyphs)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawPicture)) {
+        (0, _Drawing.drawPicture)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawImageSVG)) {
+        (0, _Drawing.drawImageSVG)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawParagraph)) {
+        (0, _Drawing.drawParagraph)(ctx, command.props);
+      } else if ((0, _Core.isDrawCommand)(command, _Core.CommandType.DrawAtlas)) {
+        (0, _Drawing.drawAtlas)(ctx, command.props);
+      } else {
+        console.warn(`Unknown command: ${command.type}`);
+      }
+      ctx.paints.pop();
+    });
+  }
+};
+const replay = (ctx, commands) => {
+  "worklet";
+
+  commands.forEach(command => {
+    play(ctx, command);
+  });
+};
+exports.replay = replay;
+//# sourceMappingURL=Player.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Drawing","require","_Box","_ColorFilters","_CTM","_ImageFilters","_Paint","_PathEffects","_Shaders","_Core","play","ctx","command","materializeProps","isCommand","CommandType","SaveBackdropFilter","saveBackdropFilter","SaveLayer","materializePaint","paint","paintDeclarations","pop","canvas","saveLayer","isDrawCommand","SavePaint","props","paints","push","savePaint","setPaintProperties","Skia","RestorePaint","restorePaint","ComposeColorFilter","composeColorFilters","RestorePaintDeclaration","Error","MaterializePaint","isPushColorFilter","pushColorFilter","isPushShader","pushShader","isPushImageFilter","pushImageFilter","isPushPathEffect","pushPathEffect","ComposePathEffect","composePathEffects","ComposeImageFilter","composeImageFilters","PushBlurMaskFilter","setBlurMaskFilter","SaveCTM","saveCTM","RestoreCTM","restore","forEach","p","isBoxCommand","drawBox","DrawPaint","drawPaint","DrawImage","drawImage","DrawCircle","drawCircle","DrawPoints","drawPoints","DrawPath","drawPath","DrawRect","drawRect","DrawRRect","drawRRect","DrawOval","drawOval","DrawLine","drawLine","DrawPatch","drawPatch","DrawVertices","drawVertices","DrawDiffRect","drawDiffRect","DrawText","drawText","DrawTextPath","drawTextPath","DrawTextBlob","drawTextBlob","DrawGlyphs","drawGlyphs","DrawPicture","drawPicture","DrawImageSVG","drawImageSVG","DrawParagraph","drawParagraph","DrawAtlas","drawAtlas","console","warn","type","replay","commands","exports"],"sources":["Player.ts"],"sourcesContent":["import {\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} 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  materializeProps,\n  type Command,\n} from \"./Core\";\nimport type { DrawingContext } from \"./DrawingContext\";\n\nconst play = (ctx: DrawingContext, command: Command) => {\n  \"worklet\";\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  materializeProps(command as any);\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.paints.push(command.props.paint);\n    } else {\n      ctx.savePaint();\n      setPaintProperties(ctx.Skia, ctx.paint, command.props);\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    const paints = [ctx.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 {\n        console.warn(`Unknown command: ${command.type}`);\n      }\n      ctx.paints.pop();\n    });\n  }\n};\n\nexport const replay = (ctx: DrawingContext, commands: Command[]) => {\n  \"worklet\";\n  commands.forEach((command) => {\n    play(ctx, command);\n  });\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sksg/Recorder/Recorder.d.ts

@@ -0,0 +1,50 @@
+import type { SharedValue } from "react-native-reanimated";
+import { NodeType } from "../../dom/types";
+import type { BlurMaskFilterProps, CircleProps, CTMProps, ImageProps, PaintProps, PointsProps, PathProps, RectProps, RoundedRectProps, OvalProps, LineProps, PatchProps, VerticesProps, DiffRectProps, TextProps, TextPathProps, TextBlobProps, GlyphsProps, PictureProps, ImageSVGProps, ParagraphProps, AtlasProps, BoxProps, BoxShadowProps } from "../../dom/types";
+import type { AnimatedProps } from "../../renderer";
+import type { Command } from "./Core";
+export declare class Recorder {
+    commands: Command[];
+    private processProps;
+    private add;
+    savePaint(props: AnimatedProps<PaintProps>): 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>): 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;
+        animatedProps?: Record<string, SharedValue<unknown>>;
+    }[]): 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;
+}

package/lib/commonjs/sksg/Recorder/Recorder.js

@@ -0,0 +1,288 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Recorder = void 0;
+var _types = require("../../dom/types");
+var _utils = require("../utils");
+var _Node = require("../Node");
+var _Core = require("./Core");
+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); }
+class Recorder {
+  constructor() {
+    _defineProperty(this, "commands", []);
+  }
+  processProps(props) {
+    const animatedProps = {};
+    let hasAnimatedProps = false;
+    for (const key in props) {
+      const prop = props[key];
+      if ((0, _utils.isSharedValue)(prop)) {
+        props[key] = prop.value;
+        animatedProps[key] = prop;
+        hasAnimatedProps = true;
+      }
+    }
+    return {
+      props,
+      animatedProps: hasAnimatedProps ? animatedProps : undefined
+    };
+  }
+  add(command) {
+    if (command.props) {
+      const {
+        animatedProps
+      } = this.processProps(command.props);
+      if (animatedProps) {
+        command.animatedProps = animatedProps;
+      }
+    }
+    this.commands.push(command);
+  }
+  savePaint(props) {
+    this.add({
+      type: _Core.CommandType.SavePaint,
+      props
+    });
+  }
+  restorePaint() {
+    this.add({
+      type: _Core.CommandType.RestorePaint
+    });
+  }
+  restorePaintDeclaration() {
+    this.add({
+      type: _Core.CommandType.RestorePaintDeclaration
+    });
+  }
+  materializePaint() {
+    this.add({
+      type: _Core.CommandType.MaterializePaint
+    });
+  }
+  pushPathEffect(pathEffectType, props) {
+    if (!(0, _Node.isPathEffect)(pathEffectType)) {
+      throw new Error("Invalid color filter type: " + pathEffectType);
+    }
+    this.add({
+      type: _Core.CommandType.PushPathEffect,
+      pathEffectType,
+      props
+    });
+  }
+  pushImageFilter(imageFilterType, props) {
+    if (!(0, _Node.isImageFilter)(imageFilterType)) {
+      throw new Error("Invalid color filter type: " + imageFilterType);
+    }
+    this.add({
+      type: _Core.CommandType.PushImageFilter,
+      imageFilterType,
+      props
+    });
+  }
+  pushColorFilter(colorFilterType, props) {
+    if (!(0, _Node.isColorFilter)(colorFilterType)) {
+      throw new Error("Invalid color filter type: " + colorFilterType);
+    }
+    this.add({
+      type: _Core.CommandType.PushColorFilter,
+      colorFilterType,
+      props
+    });
+  }
+  pushShader(shaderType, props) {
+    if (!(0, _Node.isShader)(shaderType) && !(shaderType === _types.NodeType.Blend)) {
+      throw new Error("Invalid color filter type: " + shaderType);
+    }
+    this.add({
+      type: _Core.CommandType.PushShader,
+      shaderType,
+      props
+    });
+  }
+  pushBlurMaskFilter(props) {
+    this.add({
+      type: _Core.CommandType.PushBlurMaskFilter,
+      props
+    });
+  }
+  composePathEffect() {
+    this.add({
+      type: _Core.CommandType.ComposePathEffect
+    });
+  }
+  composeColorFilter() {
+    this.add({
+      type: _Core.CommandType.ComposeColorFilter
+    });
+  }
+  composeImageFilter() {
+    this.add({
+      type: _Core.CommandType.ComposeImageFilter
+    });
+  }
+  saveCTM(props) {
+    this.add({
+      type: _Core.CommandType.SaveCTM,
+      props
+    });
+  }
+  restoreCTM() {
+    this.add({
+      type: _Core.CommandType.RestoreCTM
+    });
+  }
+  drawPaint() {
+    this.add({
+      type: _Core.CommandType.DrawPaint
+    });
+  }
+  saveLayer() {
+    this.add({
+      type: _Core.CommandType.SaveLayer
+    });
+  }
+  saveBackdropFilter() {
+    this.add({
+      type: _Core.CommandType.SaveBackdropFilter
+    });
+  }
+  drawBox(boxProps, shadows) {
+    shadows.forEach(shadow => {
+      if (shadow.props) {
+        if (shadow.props) {
+          const {
+            animatedProps
+          } = this.processProps(shadow.props);
+          if (animatedProps) {
+            shadow.animatedProps = animatedProps;
+          }
+        }
+      }
+    });
+    this.add({
+      type: _Core.CommandType.DrawBox,
+      props: boxProps,
+      shadows
+    });
+  }
+  drawImage(props) {
+    this.add({
+      type: _Core.CommandType.DrawImage,
+      props
+    });
+  }
+  drawCircle(props) {
+    this.add({
+      type: _Core.CommandType.DrawCircle,
+      props
+    });
+  }
+  drawPoints(props) {
+    this.add({
+      type: _Core.CommandType.DrawPoints,
+      props
+    });
+  }
+  drawPath(props) {
+    this.add({
+      type: _Core.CommandType.DrawPath,
+      props
+    });
+  }
+  drawRect(props) {
+    this.add({
+      type: _Core.CommandType.DrawRect,
+      props
+    });
+  }
+  drawRRect(props) {
+    this.add({
+      type: _Core.CommandType.DrawRRect,
+      props
+    });
+  }
+  drawOval(props) {
+    this.add({
+      type: _Core.CommandType.DrawOval,
+      props
+    });
+  }
+  drawLine(props) {
+    this.add({
+      type: _Core.CommandType.DrawLine,
+      props
+    });
+  }
+  drawPatch(props) {
+    this.add({
+      type: _Core.CommandType.DrawPatch,
+      props
+    });
+  }
+  drawVertices(props) {
+    this.add({
+      type: _Core.CommandType.DrawVertices,
+      props
+    });
+  }
+  drawDiffRect(props) {
+    this.add({
+      type: _Core.CommandType.DrawDiffRect,
+      props
+    });
+  }
+  drawText(props) {
+    this.add({
+      type: _Core.CommandType.DrawText,
+      props
+    });
+  }
+  drawTextPath(props) {
+    this.add({
+      type: _Core.CommandType.DrawTextPath,
+      props
+    });
+  }
+  drawTextBlob(props) {
+    this.add({
+      type: _Core.CommandType.DrawTextBlob,
+      props
+    });
+  }
+  drawGlyphs(props) {
+    this.add({
+      type: _Core.CommandType.DrawGlyphs,
+      props
+    });
+  }
+  drawPicture(props) {
+    this.add({
+      type: _Core.CommandType.DrawPicture,
+      props
+    });
+  }
+  drawImageSVG(props) {
+    this.add({
+      type: _Core.CommandType.DrawImageSVG,
+      props
+    });
+  }
+  drawParagraph(props) {
+    this.add({
+      type: _Core.CommandType.DrawParagraph,
+      props
+    });
+  }
+  drawAtlas(props) {
+    this.add({
+      type: _Core.CommandType.DrawAtlas,
+      props
+    });
+  }
+}
+exports.Recorder = Recorder;
+//# sourceMappingURL=Recorder.js.map