react-native-skia 0.0.1 → 3.0.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["isSharedValue","isSharedValueSelector","ReanimatedRecorder","constructor","Skia","_defineProperty","Set","recorder","Recorder","reset","values","clear","processAnimationValues","props","Object","forEach","value","has","__sv","sv","name","size","add","getRecorder","getSharedValues","Array","from","saveGroup","restoreGroup","savePaint","standalone","restorePaint","restorePaintDeclaration","materializePaint","pushPathEffect","pathEffectType","pushImageFilter","imageFilterType","pushColorFilter","colorFilterType","pushShader","shaderType","children","pushBlurMaskFilter","composePathEffect","composeColorFilter","composeImageFilter","saveCTM","restoreCTM","drawPaint","saveLayer","saveBackdropFilter","drawBox","boxProps","shadows","shadow","map","s","drawImage","drawCircle","drawPoints","drawPath","drawRect","drawRRect","drawOval","drawLine","drawPatch","drawVertices","drawDiffRect","drawText","drawTextPath","drawTextBlob","drawGlyphs","drawPicture","drawImageSVG","drawParagraph","drawAtlas","drawSkottie"],"sources":["ReanimatedRecorder.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport type { BaseRecorder, JsiRecorder, Skia } from \"../../skia/types\";\nimport type {\n  PaintProps,\n  NodeType,\n  BlurMaskFilterProps,\n  CTMProps,\n  BoxProps,\n  BoxShadowProps,\n  ImageProps,\n  CircleProps,\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  SkottieProps,\n  DrawingNodeProps,\n} from \"../../dom/types\";\nimport type { AnimatedProps } from \"../../renderer\";\nimport { isSharedValue, isSharedValueSelector } from \"../utils\";\n\n/**\n * Currently the recorder only work if the GPU resources (e.g Images) are owned by the main thread.\n * It will crash otherwise on Ganesh (iOS/Android).\n */\nexport class ReanimatedRecorder implements BaseRecorder {\n  private values = new Set<SharedValue<unknown>>();\n  private recorder: JsiRecorder;\n\n  constructor(Skia: Skia) {\n    this.recorder = Skia.Recorder();\n  }\n\n  reset() {\n    this.values.clear();\n    this.recorder.reset();\n  }\n\n  private processAnimationValues(props?: Record<string, unknown>) {\n    if (!props) {\n      return;\n    }\n    Object.values(props).forEach((value) => {\n      if (isSharedValueSelector(value) && !this.values.has(value.__sv)) {\n        const sv = value.__sv;\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-expect-error\n        sv.name = `variable${this.values.size}`;\n        this.values.add(sv as SharedValue<unknown>);\n        return;\n      }\n\n      if (isSharedValue(value) && !this.values.has(value)) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-expect-error\n        value.name = `variable${this.values.size}`;\n        this.values.add(value as SharedValue<unknown>);\n      }\n    });\n  }\n\n  getRecorder() {\n    return this.recorder;\n  }\n\n  getSharedValues() {\n    return Array.from(this.values);\n  }\n\n  saveGroup(props?: AnimatedProps<Pick<DrawingNodeProps, \"zIndex\">>): void {\n    if (props) {\n      this.processAnimationValues(props);\n      this.recorder.saveGroup(props);\n    } else {\n      this.recorder.saveGroup();\n    }\n  }\n\n  restoreGroup(): void {\n    this.recorder.restoreGroup();\n  }\n\n  savePaint(props: AnimatedProps<PaintProps>, standalone: boolean): void {\n    this.processAnimationValues(props);\n    this.recorder.savePaint(props, standalone);\n  }\n\n  restorePaint(): void {\n    this.recorder.restorePaint();\n  }\n\n  restorePaintDeclaration(): void {\n    this.recorder.restorePaintDeclaration();\n  }\n\n  materializePaint(): void {\n    this.recorder.materializePaint();\n  }\n\n  pushPathEffect(\n    pathEffectType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void {\n    this.processAnimationValues(props);\n    this.recorder.pushPathEffect(pathEffectType, props);\n  }\n\n  pushImageFilter(\n    imageFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void {\n    this.processAnimationValues(props);\n    this.recorder.pushImageFilter(imageFilterType, props);\n  }\n\n  pushColorFilter(\n    colorFilterType: NodeType,\n    props: AnimatedProps<unknown>\n  ): void {\n    this.processAnimationValues(props);\n    this.recorder.pushColorFilter(colorFilterType, props);\n  }\n\n  pushShader(\n    shaderType: NodeType,\n    props: AnimatedProps<unknown>,\n    children: number\n  ): void {\n    this.processAnimationValues(props);\n    this.recorder.pushShader(shaderType, props, children);\n  }\n\n  pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.pushBlurMaskFilter(props);\n  }\n\n  composePathEffect(): void {\n    this.recorder.composePathEffect();\n  }\n\n  composeColorFilter(): void {\n    this.recorder.composeColorFilter();\n  }\n\n  composeImageFilter(): void {\n    this.recorder.composeImageFilter();\n  }\n\n  saveCTM(props: AnimatedProps<CTMProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.saveCTM(props);\n  }\n\n  restoreCTM(): void {\n    this.recorder.restoreCTM();\n  }\n\n  drawPaint(): void {\n    this.recorder.drawPaint();\n  }\n\n  saveLayer(): void {\n    this.recorder.saveLayer();\n  }\n\n  saveBackdropFilter(): void {\n    this.recorder.saveBackdropFilter();\n  }\n\n  drawBox(\n    boxProps: AnimatedProps<BoxProps>,\n    shadows: {\n      props: BoxShadowProps;\n    }[]\n  ): void {\n    this.processAnimationValues(boxProps);\n    shadows.forEach((shadow) => {\n      this.processAnimationValues(\n        shadow.props as AnimatedProps<BoxShadowProps>\n      );\n    });\n    this.recorder.drawBox(\n      boxProps,\n      // TODO: Fix this type BaseRecorder.drawBox()\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      shadows.map((s) => s.props)\n    );\n  }\n\n  drawImage(props: AnimatedProps<ImageProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawImage(props);\n  }\n\n  drawCircle(props: AnimatedProps<CircleProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawCircle(props);\n  }\n\n  drawPoints(props: AnimatedProps<PointsProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawPoints(props);\n  }\n\n  drawPath(props: AnimatedProps<PathProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawPath(props);\n  }\n\n  drawRect(props: AnimatedProps<RectProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawRect(props);\n  }\n\n  drawRRect(props: AnimatedProps<RoundedRectProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawRRect(props);\n  }\n\n  drawOval(props: AnimatedProps<OvalProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawOval(props);\n  }\n\n  drawLine(props: AnimatedProps<LineProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawLine(props);\n  }\n\n  drawPatch(props: AnimatedProps<PatchProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawPatch(props);\n  }\n\n  drawVertices(props: AnimatedProps<VerticesProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawVertices(props);\n  }\n\n  drawDiffRect(props: AnimatedProps<DiffRectProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawDiffRect(props);\n  }\n\n  drawText(props: AnimatedProps<TextProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawText(props);\n  }\n\n  drawTextPath(props: AnimatedProps<TextPathProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawTextPath(props);\n  }\n\n  drawTextBlob(props: AnimatedProps<TextBlobProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawTextBlob(props);\n  }\n\n  drawGlyphs(props: AnimatedProps<GlyphsProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawGlyphs(props);\n  }\n\n  drawPicture(props: AnimatedProps<PictureProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawPicture(props);\n  }\n\n  drawImageSVG(props: AnimatedProps<ImageSVGProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawImageSVG(props);\n  }\n\n  drawParagraph(props: AnimatedProps<ParagraphProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawParagraph(props);\n  }\n\n  drawAtlas(props: AnimatedProps<AtlasProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawAtlas(props);\n  }\n\n  drawSkottie(props: AnimatedProps<SkottieProps>): void {\n    this.processAnimationValues(props);\n    this.recorder.drawSkottie(props);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+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, SkottieProps, DrawingNodeProps } from "../../dom/types";
+import type { AnimatedProps } from "../../renderer";
+import type { SkPaint, SkPicture, BaseRecorder } from "../../skia/types";
+import type { Command } from "./Core";
+export interface Recording {
+    commands: Command[];
+    paintPool: SkPaint[];
+    lastPicture?: SkPicture | null;
+}
+export declare const disposeRecording: (recording: Recording) => void;
+interface AnimationValues {
+    animationValues: Set<SharedValue<unknown>>;
+}
+export declare class Recorder implements BaseRecorder {
+    commands: Command[];
+    cursors: Command[][];
+    animationValues: Set<SharedValue<unknown>>;
+    constructor();
+    getRecording(): Recording & AnimationValues;
+    private processProps;
+    private add;
+    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;
+        animatedProps?: Record<string, 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;
+    drawSkottie(props: AnimatedProps<SkottieProps>): void;
+}
+export {};

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

@@ -0,0 +1,328 @@
+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 { NodeType } from "../../dom/types";
+import { isSharedValue, isSharedValueSelector } from "../utils";
+import { isColorFilter, isImageFilter, isPathEffect, isShader } from "../Node";
+import { CommandType } from "./Core";
+export const disposeRecording = recording => {
+  "worklet";
+
+  recording.paintPool.forEach(paint => paint.dispose());
+  recording.paintPool.length = 0;
+  if (recording.lastPicture) {
+    recording.lastPicture.dispose();
+    recording.lastPicture = null;
+  }
+};
+export class Recorder {
+  constructor() {
+    _defineProperty(this, "commands", []);
+    _defineProperty(this, "cursors", []);
+    _defineProperty(this, "animationValues", new Set());
+    this.cursors.push(this.commands);
+  }
+  getRecording() {
+    return {
+      commands: this.commands,
+      paintPool: [],
+      animationValues: this.animationValues
+    };
+  }
+  processProps(props) {
+    const animatedProps = {};
+    let hasAnimatedProps = false;
+    for (const key in props) {
+      const prop = props[key];
+      if (isSharedValue(prop)) {
+        this.animationValues.add(prop);
+        animatedProps[key] = prop;
+        hasAnimatedProps = true;
+      } else if (isSharedValueSelector(prop)) {
+        this.animationValues.add(prop.__sv);
+        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.cursors[this.cursors.length - 1].push(command);
+  }
+  saveGroup(props) {
+    const children = [];
+    const group = {
+      type: CommandType.Group,
+      children
+    };
+    if (props) {
+      group.props = props;
+    }
+    this.add(group);
+    this.cursors.push(children);
+  }
+  restoreGroup() {
+    this.cursors.pop();
+  }
+  savePaint(props, standalone) {
+    this.add({
+      type: CommandType.SavePaint,
+      props,
+      standalone
+    });
+  }
+  restorePaint() {
+    this.add({
+      type: CommandType.RestorePaint
+    });
+  }
+  restorePaintDeclaration() {
+    this.add({
+      type: CommandType.RestorePaintDeclaration
+    });
+  }
+  materializePaint() {
+    this.add({
+      type: CommandType.MaterializePaint
+    });
+  }
+  pushPathEffect(pathEffectType, props) {
+    if (!isPathEffect(pathEffectType)) {
+      throw new Error("Invalid color filter type: " + pathEffectType);
+    }
+    this.add({
+      type: CommandType.PushPathEffect,
+      pathEffectType,
+      props
+    });
+  }
+  pushImageFilter(imageFilterType, props) {
+    if (!isImageFilter(imageFilterType)) {
+      throw new Error("Invalid color filter type: " + imageFilterType);
+    }
+    this.add({
+      type: CommandType.PushImageFilter,
+      imageFilterType,
+      props
+    });
+  }
+  pushColorFilter(colorFilterType, props) {
+    if (!isColorFilter(colorFilterType)) {
+      throw new Error("Invalid color filter type: " + colorFilterType);
+    }
+    this.add({
+      type: CommandType.PushColorFilter,
+      colorFilterType,
+      props
+    });
+  }
+  pushShader(shaderType, props, children) {
+    if (!isShader(shaderType) && !(shaderType === NodeType.Blend)) {
+      throw new Error("Invalid color filter type: " + shaderType);
+    }
+    this.add({
+      type: CommandType.PushShader,
+      shaderType,
+      props,
+      children
+    });
+  }
+  pushBlurMaskFilter(props) {
+    this.add({
+      type: CommandType.PushBlurMaskFilter,
+      props
+    });
+  }
+  composePathEffect() {
+    this.add({
+      type: CommandType.ComposePathEffect
+    });
+  }
+  composeColorFilter() {
+    this.add({
+      type: CommandType.ComposeColorFilter
+    });
+  }
+  composeImageFilter() {
+    this.add({
+      type: CommandType.ComposeImageFilter
+    });
+  }
+  saveCTM(props) {
+    this.add({
+      type: CommandType.SaveCTM,
+      props
+    });
+  }
+  restoreCTM() {
+    this.add({
+      type: CommandType.RestoreCTM
+    });
+  }
+  drawPaint() {
+    this.add({
+      type: CommandType.DrawPaint
+    });
+  }
+  saveLayer() {
+    this.add({
+      type: CommandType.SaveLayer
+    });
+  }
+  saveBackdropFilter() {
+    this.add({
+      type: 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: CommandType.DrawBox,
+      props: boxProps,
+      shadows
+    });
+  }
+  drawImage(props) {
+    this.add({
+      type: CommandType.DrawImage,
+      props
+    });
+  }
+  drawCircle(props) {
+    this.add({
+      type: CommandType.DrawCircle,
+      props
+    });
+  }
+  drawPoints(props) {
+    this.add({
+      type: CommandType.DrawPoints,
+      props
+    });
+  }
+  drawPath(props) {
+    this.add({
+      type: CommandType.DrawPath,
+      props
+    });
+  }
+  drawRect(props) {
+    this.add({
+      type: CommandType.DrawRect,
+      props
+    });
+  }
+  drawRRect(props) {
+    this.add({
+      type: CommandType.DrawRRect,
+      props
+    });
+  }
+  drawOval(props) {
+    this.add({
+      type: CommandType.DrawOval,
+      props
+    });
+  }
+  drawLine(props) {
+    this.add({
+      type: CommandType.DrawLine,
+      props
+    });
+  }
+  drawPatch(props) {
+    this.add({
+      type: CommandType.DrawPatch,
+      props
+    });
+  }
+  drawVertices(props) {
+    this.add({
+      type: CommandType.DrawVertices,
+      props
+    });
+  }
+  drawDiffRect(props) {
+    this.add({
+      type: CommandType.DrawDiffRect,
+      props
+    });
+  }
+  drawText(props) {
+    this.add({
+      type: CommandType.DrawText,
+      props
+    });
+  }
+  drawTextPath(props) {
+    this.add({
+      type: CommandType.DrawTextPath,
+      props
+    });
+  }
+  drawTextBlob(props) {
+    this.add({
+      type: CommandType.DrawTextBlob,
+      props
+    });
+  }
+  drawGlyphs(props) {
+    this.add({
+      type: CommandType.DrawGlyphs,
+      props
+    });
+  }
+  drawPicture(props) {
+    this.add({
+      type: CommandType.DrawPicture,
+      props
+    });
+  }
+  drawImageSVG(props) {
+    this.add({
+      type: CommandType.DrawImageSVG,
+      props
+    });
+  }
+  drawParagraph(props) {
+    this.add({
+      type: CommandType.DrawParagraph,
+      props
+    });
+  }
+  drawAtlas(props) {
+    this.add({
+      type: CommandType.DrawAtlas,
+      props
+    });
+  }
+  drawSkottie(props) {
+    this.add({
+      type: CommandType.DrawSkottie,
+      props
+    });
+  }
+}
+//# sourceMappingURL=Recorder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NodeType","isSharedValue","isSharedValueSelector","isColorFilter","isImageFilter","isPathEffect","isShader","CommandType","disposeRecording","recording","paintPool","forEach","paint","dispose","length","lastPicture","Recorder","constructor","_defineProperty","Set","cursors","push","commands","getRecording","animationValues","processProps","props","animatedProps","hasAnimatedProps","key","prop","add","__sv","undefined","command","saveGroup","children","group","type","Group","restoreGroup","pop","savePaint","standalone","SavePaint","restorePaint","RestorePaint","restorePaintDeclaration","RestorePaintDeclaration","materializePaint","MaterializePaint","pushPathEffect","pathEffectType","Error","PushPathEffect","pushImageFilter","imageFilterType","PushImageFilter","pushColorFilter","colorFilterType","PushColorFilter","pushShader","shaderType","Blend","PushShader","pushBlurMaskFilter","PushBlurMaskFilter","composePathEffect","ComposePathEffect","composeColorFilter","ComposeColorFilter","composeImageFilter","ComposeImageFilter","saveCTM","SaveCTM","restoreCTM","RestoreCTM","drawPaint","DrawPaint","saveLayer","SaveLayer","saveBackdropFilter","SaveBackdropFilter","drawBox","boxProps","shadows","shadow","DrawBox","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","drawSkottie","DrawSkottie"],"sources":["Recorder.ts"],"sourcesContent":["import type { SharedValue } from \"react-native-reanimated\";\n\nimport { NodeType } from \"../../dom/types\";\nimport type {\n  BlurMaskFilterProps,\n  CircleProps,\n  CTMProps,\n  ImageProps,\n  PaintProps,\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  BoxProps,\n  BoxShadowProps,\n  SkottieProps,\n  DrawingNodeProps,\n} from \"../../dom/types\";\nimport type { AnimatedProps } from \"../../renderer\";\nimport { isSharedValue, isSharedValueSelector } from \"../utils\";\nimport { isColorFilter, isImageFilter, isPathEffect, isShader } from \"../Node\";\nimport type { SkPaint, SkPicture, BaseRecorder } from \"../../skia/types\";\n\nimport { CommandType } from \"./Core\";\nimport type { Command } from \"./Core\";\n\nexport interface Recording {\n  commands: Command[];\n  paintPool: SkPaint[];\n  // Last picture produced from this recording. The view keeps its own\n  // reference to the picture it displays, so the renderer owns this one and\n  // disposes it when the next frame replaces it or the recording is disposed.\n  lastPicture?: SkPicture | null;\n}\n\nexport const disposeRecording = (recording: Recording) => {\n  \"worklet\";\n  recording.paintPool.forEach((paint) => paint.dispose());\n  recording.paintPool.length = 0;\n  if (recording.lastPicture) {\n    recording.lastPicture.dispose();\n    recording.lastPicture = null;\n  }\n};\n\ninterface AnimationValues {\n  animationValues: Set<SharedValue<unknown>>;\n}\n\nexport class Recorder implements BaseRecorder {\n  commands: Command[] = [];\n  cursors: Command[][] = [];\n  animationValues: Set<SharedValue<unknown>> = new Set();\n\n  constructor() {\n    this.cursors.push(this.commands);\n  }\n\n  getRecording(): Recording & AnimationValues {\n    return {\n      commands: this.commands,\n      paintPool: [],\n      animationValues: this.animationValues,\n    };\n  }\n\n  private processProps(props: Record<string, unknown>) {\n    const animatedProps: Record<string, unknown> = {};\n    let hasAnimatedProps = false;\n\n    for (const key in props) {\n      const prop = props[key];\n      if (isSharedValue(prop)) {\n        this.animationValues.add(prop);\n        animatedProps[key] = prop;\n        hasAnimatedProps = true;\n      } else if (isSharedValueSelector(prop)) {\n        this.animationValues.add(prop.__sv);\n        animatedProps[key] = prop;\n        hasAnimatedProps = true;\n      }\n    }\n\n    return {\n      props,\n      animatedProps: hasAnimatedProps ? animatedProps : undefined,\n    };\n  }\n\n  private add(command: Command) {\n    if (command.props) {\n      const { animatedProps } = this.processProps(\n        command.props as Record<string, unknown>\n      );\n      if (animatedProps) {\n        command.animatedProps = animatedProps;\n      }\n    }\n    this.cursors[this.cursors.length - 1].push(command);\n  }\n\n  saveGroup(props?: AnimatedProps<Pick<DrawingNodeProps, \"zIndex\">>) {\n    const children: Command[] = [];\n    const group: Command = { type: CommandType.Group, children };\n    if (props) {\n      group.props = props;\n    }\n    this.add(group);\n    this.cursors.push(children);\n  }\n\n  restoreGroup() {\n    this.cursors.pop();\n  }\n\n  savePaint(props: AnimatedProps<PaintProps>, standalone: boolean) {\n    this.add({ type: CommandType.SavePaint, props, standalone });\n  }\n\n  restorePaint() {\n    this.add({ type: CommandType.RestorePaint });\n  }\n\n  restorePaintDeclaration() {\n    this.add({ type: CommandType.RestorePaintDeclaration });\n  }\n\n  materializePaint() {\n    this.add({ type: CommandType.MaterializePaint });\n  }\n\n  pushPathEffect(pathEffectType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isPathEffect(pathEffectType)) {\n      throw new Error(\"Invalid color filter type: \" + pathEffectType);\n    }\n    this.add({\n      type: CommandType.PushPathEffect,\n      pathEffectType,\n      props,\n    });\n  }\n\n  pushImageFilter(imageFilterType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isImageFilter(imageFilterType)) {\n      throw new Error(\"Invalid color filter type: \" + imageFilterType);\n    }\n    this.add({\n      type: CommandType.PushImageFilter,\n      imageFilterType,\n      props,\n    });\n  }\n\n  pushColorFilter(colorFilterType: NodeType, props: AnimatedProps<unknown>) {\n    if (!isColorFilter(colorFilterType)) {\n      throw new Error(\"Invalid color filter type: \" + colorFilterType);\n    }\n    this.add({\n      type: CommandType.PushColorFilter,\n      colorFilterType,\n      props,\n    });\n  }\n\n  pushShader(\n    shaderType: NodeType,\n    props: AnimatedProps<unknown>,\n    children: number\n  ) {\n    if (!isShader(shaderType) && !(shaderType === NodeType.Blend)) {\n      throw new Error(\"Invalid color filter type: \" + shaderType);\n    }\n    this.add({ type: CommandType.PushShader, shaderType, props, children });\n  }\n\n  pushBlurMaskFilter(props: AnimatedProps<BlurMaskFilterProps>) {\n    this.add({ type: CommandType.PushBlurMaskFilter, props });\n  }\n\n  composePathEffect() {\n    this.add({ type: CommandType.ComposePathEffect });\n  }\n\n  composeColorFilter() {\n    this.add({ type: CommandType.ComposeColorFilter });\n  }\n\n  composeImageFilter() {\n    this.add({ type: CommandType.ComposeImageFilter });\n  }\n\n  saveCTM(props: AnimatedProps<CTMProps>) {\n    this.add({ type: CommandType.SaveCTM, props });\n  }\n\n  restoreCTM() {\n    this.add({ type: CommandType.RestoreCTM });\n  }\n\n  drawPaint() {\n    this.add({ type: CommandType.DrawPaint });\n  }\n\n  saveLayer() {\n    this.add({ type: CommandType.SaveLayer });\n  }\n\n  saveBackdropFilter() {\n    this.add({ type: CommandType.SaveBackdropFilter });\n  }\n\n  drawBox(\n    boxProps: AnimatedProps<BoxProps>,\n    shadows: {\n      props: BoxShadowProps;\n      animatedProps?: Record<string, unknown>;\n    }[]\n  ) {\n    shadows.forEach((shadow) => {\n      if (shadow.props) {\n        if (shadow.props) {\n          const { animatedProps } = this.processProps(\n            shadow.props as unknown as Record<string, unknown>\n          );\n          if (animatedProps) {\n            shadow.animatedProps = animatedProps;\n          }\n        }\n      }\n    });\n    this.add({ type: CommandType.DrawBox, props: boxProps, shadows });\n  }\n\n  drawImage(props: AnimatedProps<ImageProps>) {\n    this.add({ type: CommandType.DrawImage, props });\n  }\n\n  drawCircle(props: AnimatedProps<CircleProps>) {\n    this.add({ type: CommandType.DrawCircle, props });\n  }\n  drawPoints(props: AnimatedProps<PointsProps>) {\n    this.add({ type: CommandType.DrawPoints, props });\n  }\n\n  drawPath(props: AnimatedProps<PathProps>) {\n    this.add({ type: CommandType.DrawPath, props });\n  }\n\n  drawRect(props: AnimatedProps<RectProps>) {\n    this.add({ type: CommandType.DrawRect, props });\n  }\n\n  drawRRect(props: AnimatedProps<RoundedRectProps>) {\n    this.add({ type: CommandType.DrawRRect, props });\n  }\n\n  drawOval(props: AnimatedProps<OvalProps>) {\n    this.add({ type: CommandType.DrawOval, props });\n  }\n\n  drawLine(props: AnimatedProps<LineProps>) {\n    this.add({ type: CommandType.DrawLine, props });\n  }\n\n  drawPatch(props: AnimatedProps<PatchProps>) {\n    this.add({ type: CommandType.DrawPatch, props });\n  }\n\n  drawVertices(props: AnimatedProps<VerticesProps>) {\n    this.add({ type: CommandType.DrawVertices, props });\n  }\n\n  drawDiffRect(props: AnimatedProps<DiffRectProps>) {\n    this.add({ type: CommandType.DrawDiffRect, props });\n  }\n\n  drawText(props: AnimatedProps<TextProps>) {\n    this.add({ type: CommandType.DrawText, props });\n  }\n\n  drawTextPath(props: AnimatedProps<TextPathProps>) {\n    this.add({ type: CommandType.DrawTextPath, props });\n  }\n\n  drawTextBlob(props: AnimatedProps<TextBlobProps>) {\n    this.add({ type: CommandType.DrawTextBlob, props });\n  }\n\n  drawGlyphs(props: AnimatedProps<GlyphsProps>) {\n    this.add({ type: CommandType.DrawGlyphs, props });\n  }\n\n  drawPicture(props: AnimatedProps<PictureProps>) {\n    this.add({ type: CommandType.DrawPicture, props });\n  }\n\n  drawImageSVG(props: AnimatedProps<ImageSVGProps>) {\n    this.add({ type: CommandType.DrawImageSVG, props });\n  }\n\n  drawParagraph(props: AnimatedProps<ParagraphProps>) {\n    this.add({ type: CommandType.DrawParagraph, props });\n  }\n\n  drawAtlas(props: AnimatedProps<AtlasProps>) {\n    this.add({ type: CommandType.DrawAtlas, props });\n  }\n\n  drawSkottie(props: AnimatedProps<SkottieProps>) {\n    this.add({ type: CommandType.DrawSkottie, props });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import type { DrawingNodeProps } from "../../dom/types";
+import type { BaseRecorder } from "../../skia/types/Recorder";
+import type { Node } from "../Node";
+export declare const processPaint: ({ opacity, color, strokeWidth, blendMode, style, strokeJoin, strokeCap, strokeMiter, antiAlias, dither, paint: paintRef, }: DrawingNodeProps) => DrawingNodeProps | null;
+export declare const visit: (recorder: BaseRecorder, root: Node[]) => void;