@shopify/react-native-skia 2.1.1 → 2.2.1

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

@@ -1 +1 @@
-{"version":3,"names":["enumKey","processColor","processRadius","NodeType","BlendMode","BlurStyle","ColorChannel","processUniforms","TileMode","composeDeclarations","CommandType","MorphologyOperator","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver","declareBlurImageFilter","ctx","props","mode","blur","sigma","imgf","x","y","imageFilters","push","declareMorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","declareOffsetImageFilter","declareDropShadowImageFilter","cl","inner","factory","bind","MakeDropShadowOnly","MakeDropShadow","declareBlendImageFilter","blend","splice","length","composer","declareDisplacementMapImageFilter","channelX","channelY","scale","shader","shaders","pop","Error","map","MakeShader","MakeDisplacementMap","declareRuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader","declareImageFilter","imageFilter","composeImageFilters","outer","setBlurMaskFilter","style","respectCTM","mf","MaskFilter","paint","setMaskFilter","isPushImageFilter","command","type","PushImageFilter","isImageFilter","imageFilterType","pushImageFilter","BlurImageFilter","MorphologyImageFilter","BlendImageFilter","DisplacementMapImageFilter","DropShadowImageFilter","OffsetImageFilter","RuntimeShaderImageFilter"],"sources":["ImageFilters.ts"],"sourcesContent":["import { enumKey, processColor, processRadius } from \"../../../dom/nodes\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  BlurMaskFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  ImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../../dom/types\";\nimport { NodeType } from \"../../../dom/types\";\nimport type { SkColor, SkImageFilter, Skia } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  BlurStyle,\n  ColorChannel,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport { composeDeclarations } from \"../../utils\";\nimport type { Command } from \"../Core\";\nimport { CommandType } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nexport enum MorphologyOperator {\n  Erode,\n  Dilate,\n}\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nconst MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  \"worklet\";\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n\nconst declareBlurImageFilter = (\n  ctx: DrawingContext,\n  props: BlurImageFilterProps\n) => {\n  \"worklet\";\n  const { mode, blur } = props;\n  const sigma = processRadius(ctx.Skia, blur);\n  const imgf = ctx.Skia.ImageFilter.MakeBlur(\n    sigma.x,\n    sigma.y,\n    TileMode[enumKey(mode)],\n    null\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareMorphologyImageFilter = (\n  ctx: DrawingContext,\n  props: MorphologyImageFilterProps\n) => {\n  \"worklet\";\n  const { operator } = props;\n  const r = processRadius(ctx.Skia, props.radius);\n  let imgf;\n  if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n    imgf = ctx.Skia.ImageFilter.MakeErode(r.x, r.y, null);\n  } else {\n    imgf = ctx.Skia.ImageFilter.MakeDilate(r.x, r.y, null);\n  }\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareOffsetImageFilter = (\n  ctx: DrawingContext,\n  props: OffsetImageFilterProps\n) => {\n  \"worklet\";\n  const { x, y } = props;\n  const imgf = ctx.Skia.ImageFilter.MakeOffset(x, y, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareDropShadowImageFilter = (\n  ctx: DrawingContext,\n  props: DropShadowImageFilterProps\n) => {\n  \"worklet\";\n  const { dx, dy, blur, shadowOnly, color: cl, inner } = props;\n  const color = processColor(ctx.Skia, cl);\n  let factory;\n  if (inner) {\n    factory = MakeInnerShadow.bind(null, ctx.Skia, shadowOnly);\n  } else {\n    factory = shadowOnly\n      ? ctx.Skia.ImageFilter.MakeDropShadowOnly.bind(ctx.Skia.ImageFilter)\n      : ctx.Skia.ImageFilter.MakeDropShadow.bind(ctx.Skia.ImageFilter);\n  }\n  const imgf = factory(dx, dy, blur, blur, color, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareBlendImageFilter = (\n  ctx: DrawingContext,\n  props: BlendImageFilterProps\n) => {\n  \"worklet\";\n  const blend = BlendMode[enumKey(props.mode)];\n  // Blend ImageFilters\n  const imageFilters = ctx.imageFilters.splice(0, ctx.imageFilters.length);\n  const composer = ctx.Skia.ImageFilter.MakeBlend.bind(\n    ctx.Skia.ImageFilter,\n    blend\n  );\n  ctx.imageFilters.push(composeDeclarations(imageFilters, composer));\n};\n\nconst declareDisplacementMapImageFilter = (\n  ctx: DrawingContext,\n  props: DisplacementMapImageFilterProps\n) => {\n  \"worklet\";\n  const { channelX, channelY, scale } = props;\n  const shader = ctx.shaders.pop();\n  if (!shader) {\n    throw new Error(\"DisplacementMap expects a shader as child\");\n  }\n  const map = ctx.Skia.ImageFilter.MakeShader(shader);\n  const imgf = ctx.Skia.ImageFilter.MakeDisplacementMap(\n    ColorChannel[enumKey(channelX)],\n    ColorChannel[enumKey(channelY)],\n    scale,\n    map,\n    null\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareRuntimeShaderImageFilter = (\n  ctx: DrawingContext,\n  props: RuntimeShaderImageFilterProps\n) => {\n  \"worklet\";\n  const { source, uniforms } = props;\n  const rtb = ctx.Skia.RuntimeShaderBuilder(source);\n  if (uniforms) {\n    processUniforms(source, uniforms, rtb);\n  }\n  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareImageFilter = (\n  ctx: DrawingContext,\n  props: ImageFilterProps\n) => {\n  \"worklet\";\n  const { imageFilter } = props;\n  ctx.imageFilters.push(imageFilter);\n};\n\nexport const composeImageFilters = (ctx: DrawingContext) => {\n  \"worklet\";\n  if (ctx.imageFilters.length > 1) {\n    const outer = ctx.imageFilters.pop()!;\n    const inner = ctx.imageFilters.pop()!;\n    ctx.imageFilters.push(ctx.Skia.ImageFilter.MakeCompose(outer, inner));\n  }\n};\n\nexport const setBlurMaskFilter = (\n  ctx: DrawingContext,\n  props: BlurMaskFilterProps\n) => {\n  \"worklet\";\n  const { blur, style, respectCTM } = props;\n  const mf = ctx.Skia.MaskFilter.MakeBlur(\n    BlurStyle[enumKey(style)],\n    blur,\n    respectCTM\n  );\n  ctx.paint.setMaskFilter(mf);\n};\n\nexport const isPushImageFilter = (\n  command: Command\n): command is Command<CommandType.PushImageFilter> => {\n  \"worklet\";\n  return command.type === CommandType.PushImageFilter;\n};\n\ntype Props = {\n  [NodeType.ImageFilter]: ImageFilterProps;\n  [NodeType.OffsetImageFilter]: OffsetImageFilterProps;\n  [NodeType.DisplacementMapImageFilter]: DisplacementMapImageFilterProps;\n  [NodeType.BlurImageFilter]: BlurImageFilterProps;\n  [NodeType.DropShadowImageFilter]: DropShadowImageFilterProps;\n  [NodeType.MorphologyImageFilter]: MorphologyImageFilterProps;\n  [NodeType.BlendImageFilter]: BlendImageFilterProps;\n  [NodeType.RuntimeShaderImageFilter]: RuntimeShaderImageFilterProps;\n};\n\ninterface PushImageFilter<T extends keyof Props>\n  extends Command<CommandType.PushImageFilter> {\n  imageFilterType: T;\n  props: Props[T];\n}\n\nconst isImageFilter = <T extends keyof Props>(\n  command: Command<CommandType.PushImageFilter>,\n  type: T\n): command is PushImageFilter<T> => {\n  \"worklet\";\n  return command.imageFilterType === type;\n};\n\nexport const pushImageFilter = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushImageFilter>\n) => {\n  \"worklet\";\n  if (isImageFilter(command, NodeType.ImageFilter)) {\n    declareImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.BlurImageFilter)) {\n    declareBlurImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.MorphologyImageFilter)) {\n    declareMorphologyImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.BlendImageFilter)) {\n    declareBlendImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.DisplacementMapImageFilter)) {\n    declareDisplacementMapImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.DropShadowImageFilter)) {\n    declareDropShadowImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.OffsetImageFilter)) {\n    declareOffsetImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.RuntimeShaderImageFilter)) {\n    declareRuntimeShaderImageFilter(ctx, command.props);\n  } else {\n    throw new Error(\"Invalid image filter type: \" + command.imageFilterType);\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["enumKey","processColor","processRadius","NodeType","BlendMode","BlurStyle","ColorChannel","processUniforms","TileMode","composeDeclarations","CommandType","MorphologyOperator","Black","Float32Array","of","MakeInnerShadow","Skia","shadowOnly","dx","dy","sigmaX","sigmaY","color","input","sourceGraphic","ImageFilter","MakeColorFilter","ColorFilter","MakeBlend","Dst","sourceAlpha","SrcIn","f1","SrcOut","f2","MakeOffset","f3","MakeBlur","Decal","f4","MakeCompose","SrcOver","declareBlurImageFilter","ctx","props","mode","blur","sigma","imgf","x","y","imageFilters","push","declareMorphologyImageFilter","operator","r","radius","Erode","MakeErode","MakeDilate","declareOffsetImageFilter","declareDropShadowImageFilter","cl","inner","factory","bind","MakeDropShadowOnly","MakeDropShadow","declareBlendImageFilter","blend","splice","length","composer","declareDisplacementMapImageFilter","channelX","channelY","scale","shader","shaders","pop","Error","map","MakeShader","MakeDisplacementMap","declareRuntimeShaderImageFilter","source","uniforms","rtb","RuntimeShaderBuilder","MakeRuntimeShader","declareImageFilter","filter","composeImageFilters","outer","setBlurMaskFilter","style","respectCTM","mf","MaskFilter","paint","setMaskFilter","isPushImageFilter","command","type","PushImageFilter","isImageFilter","imageFilterType","pushImageFilter","BlurImageFilter","MorphologyImageFilter","BlendImageFilter","DisplacementMapImageFilter","DropShadowImageFilter","OffsetImageFilter","RuntimeShaderImageFilter"],"sources":["ImageFilters.ts"],"sourcesContent":["import { enumKey, processColor, processRadius } from \"../../../dom/nodes\";\nimport type {\n  BlendImageFilterProps,\n  BlurImageFilterProps,\n  BlurMaskFilterProps,\n  DisplacementMapImageFilterProps,\n  DropShadowImageFilterProps,\n  ImageFilterProps,\n  MorphologyImageFilterProps,\n  OffsetImageFilterProps,\n  RuntimeShaderImageFilterProps,\n} from \"../../../dom/types\";\nimport { NodeType } from \"../../../dom/types\";\nimport type { SkColor, SkImageFilter, Skia } from \"../../../skia/types\";\nimport {\n  BlendMode,\n  BlurStyle,\n  ColorChannel,\n  processUniforms,\n  TileMode,\n} from \"../../../skia/types\";\nimport { composeDeclarations } from \"../../utils\";\nimport type { Command } from \"../Core\";\nimport { CommandType } from \"../Core\";\nimport type { DrawingContext } from \"../DrawingContext\";\n\nexport enum MorphologyOperator {\n  Erode,\n  Dilate,\n}\n\nconst Black = Float32Array.of(0, 0, 0, 1);\n\nconst MakeInnerShadow = (\n  Skia: Skia,\n  shadowOnly: boolean | undefined,\n  dx: number,\n  dy: number,\n  sigmaX: number,\n  sigmaY: number,\n  color: SkColor,\n  input: SkImageFilter | null\n) => {\n  \"worklet\";\n  const sourceGraphic = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.Dst),\n    null\n  );\n  const sourceAlpha = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(Black, BlendMode.SrcIn),\n    null\n  );\n  const f1 = Skia.ImageFilter.MakeColorFilter(\n    Skia.ColorFilter.MakeBlend(color, BlendMode.SrcOut),\n    null\n  );\n  const f2 = Skia.ImageFilter.MakeOffset(dx, dy, f1);\n  const f3 = Skia.ImageFilter.MakeBlur(sigmaX, sigmaY, TileMode.Decal, f2);\n  const f4 = Skia.ImageFilter.MakeBlend(BlendMode.SrcIn, sourceAlpha, f3);\n  if (shadowOnly) {\n    return f4;\n  }\n  return Skia.ImageFilter.MakeCompose(\n    input,\n    Skia.ImageFilter.MakeBlend(BlendMode.SrcOver, sourceGraphic, f4)\n  );\n};\n\nconst declareBlurImageFilter = (\n  ctx: DrawingContext,\n  props: BlurImageFilterProps\n) => {\n  \"worklet\";\n  const { mode, blur } = props;\n  const sigma = processRadius(ctx.Skia, blur);\n  const imgf = ctx.Skia.ImageFilter.MakeBlur(\n    sigma.x,\n    sigma.y,\n    TileMode[enumKey(mode)],\n    null\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareMorphologyImageFilter = (\n  ctx: DrawingContext,\n  props: MorphologyImageFilterProps\n) => {\n  \"worklet\";\n  const { operator } = props;\n  const r = processRadius(ctx.Skia, props.radius);\n  let imgf;\n  if (MorphologyOperator[enumKey(operator)] === MorphologyOperator.Erode) {\n    imgf = ctx.Skia.ImageFilter.MakeErode(r.x, r.y, null);\n  } else {\n    imgf = ctx.Skia.ImageFilter.MakeDilate(r.x, r.y, null);\n  }\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareOffsetImageFilter = (\n  ctx: DrawingContext,\n  props: OffsetImageFilterProps\n) => {\n  \"worklet\";\n  const { x, y } = props;\n  const imgf = ctx.Skia.ImageFilter.MakeOffset(x, y, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareDropShadowImageFilter = (\n  ctx: DrawingContext,\n  props: DropShadowImageFilterProps\n) => {\n  \"worklet\";\n  const { dx, dy, blur, shadowOnly, color: cl, inner } = props;\n  const color = processColor(ctx.Skia, cl);\n  let factory;\n  if (inner) {\n    factory = MakeInnerShadow.bind(null, ctx.Skia, shadowOnly);\n  } else {\n    factory = shadowOnly\n      ? ctx.Skia.ImageFilter.MakeDropShadowOnly.bind(ctx.Skia.ImageFilter)\n      : ctx.Skia.ImageFilter.MakeDropShadow.bind(ctx.Skia.ImageFilter);\n  }\n  const imgf = factory(dx, dy, blur, blur, color, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareBlendImageFilter = (\n  ctx: DrawingContext,\n  props: BlendImageFilterProps\n) => {\n  \"worklet\";\n  const blend = BlendMode[enumKey(props.mode)];\n  // Blend ImageFilters\n  const imageFilters = ctx.imageFilters.splice(0, ctx.imageFilters.length);\n  const composer = ctx.Skia.ImageFilter.MakeBlend.bind(\n    ctx.Skia.ImageFilter,\n    blend\n  );\n  ctx.imageFilters.push(composeDeclarations(imageFilters, composer));\n};\n\nconst declareDisplacementMapImageFilter = (\n  ctx: DrawingContext,\n  props: DisplacementMapImageFilterProps\n) => {\n  \"worklet\";\n  const { channelX, channelY, scale } = props;\n  const shader = ctx.shaders.pop();\n  if (!shader) {\n    throw new Error(\"DisplacementMap expects a shader as child\");\n  }\n  const map = ctx.Skia.ImageFilter.MakeShader(shader);\n  const imgf = ctx.Skia.ImageFilter.MakeDisplacementMap(\n    ColorChannel[enumKey(channelX)],\n    ColorChannel[enumKey(channelY)],\n    scale,\n    map,\n    null\n  );\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareRuntimeShaderImageFilter = (\n  ctx: DrawingContext,\n  props: RuntimeShaderImageFilterProps\n) => {\n  \"worklet\";\n  const { source, uniforms } = props;\n  const rtb = ctx.Skia.RuntimeShaderBuilder(source);\n  if (uniforms) {\n    processUniforms(source, uniforms, rtb);\n  }\n  const imgf = ctx.Skia.ImageFilter.MakeRuntimeShader(rtb, null, null);\n  ctx.imageFilters.push(imgf);\n};\n\nconst declareImageFilter = (ctx: DrawingContext, props: ImageFilterProps) => {\n  \"worklet\";\n  const { filter } = props;\n  ctx.imageFilters.push(filter);\n};\n\nexport const composeImageFilters = (ctx: DrawingContext) => {\n  \"worklet\";\n  if (ctx.imageFilters.length > 1) {\n    const outer = ctx.imageFilters.pop()!;\n    const inner = ctx.imageFilters.pop()!;\n    ctx.imageFilters.push(ctx.Skia.ImageFilter.MakeCompose(outer, inner));\n  }\n};\n\nexport const setBlurMaskFilter = (\n  ctx: DrawingContext,\n  props: BlurMaskFilterProps\n) => {\n  \"worklet\";\n  const { blur, style, respectCTM } = props;\n  const mf = ctx.Skia.MaskFilter.MakeBlur(\n    BlurStyle[enumKey(style)],\n    blur,\n    respectCTM\n  );\n  ctx.paint.setMaskFilter(mf);\n};\n\nexport const isPushImageFilter = (\n  command: Command\n): command is Command<CommandType.PushImageFilter> => {\n  \"worklet\";\n  return command.type === CommandType.PushImageFilter;\n};\n\ntype Props = {\n  [NodeType.ImageFilter]: ImageFilterProps;\n  [NodeType.OffsetImageFilter]: OffsetImageFilterProps;\n  [NodeType.DisplacementMapImageFilter]: DisplacementMapImageFilterProps;\n  [NodeType.BlurImageFilter]: BlurImageFilterProps;\n  [NodeType.DropShadowImageFilter]: DropShadowImageFilterProps;\n  [NodeType.MorphologyImageFilter]: MorphologyImageFilterProps;\n  [NodeType.BlendImageFilter]: BlendImageFilterProps;\n  [NodeType.RuntimeShaderImageFilter]: RuntimeShaderImageFilterProps;\n};\n\ninterface PushImageFilter<T extends keyof Props>\n  extends Command<CommandType.PushImageFilter> {\n  imageFilterType: T;\n  props: Props[T];\n}\n\nconst isImageFilter = <T extends keyof Props>(\n  command: Command<CommandType.PushImageFilter>,\n  type: T\n): command is PushImageFilter<T> => {\n  \"worklet\";\n  return command.imageFilterType === type;\n};\n\nexport const pushImageFilter = (\n  ctx: DrawingContext,\n  command: Command<CommandType.PushImageFilter>\n) => {\n  \"worklet\";\n  if (isImageFilter(command, NodeType.ImageFilter)) {\n    declareImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.BlurImageFilter)) {\n    declareBlurImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.MorphologyImageFilter)) {\n    declareMorphologyImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.BlendImageFilter)) {\n    declareBlendImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.DisplacementMapImageFilter)) {\n    declareDisplacementMapImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.DropShadowImageFilter)) {\n    declareDropShadowImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.OffsetImageFilter)) {\n    declareOffsetImageFilter(ctx, command.props);\n  } else if (isImageFilter(command, NodeType.RuntimeShaderImageFilter)) {\n    declareRuntimeShaderImageFilter(ctx, command.props);\n  } else {\n    throw new Error(\"Invalid image filter type: \" + command.imageFilterType);\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/specs/SkiaPictureViewNativeComponent.d.ts

@@ -2,6 +2,7 @@ import type { ViewProps } from "react-native";
 export interface NativeProps extends ViewProps {
     debug?: boolean;
     opaque?: boolean;
+    colorSpace?: string;
 }
 declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
 export default _default;

package/lib/module/specs/SkiaPictureViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["codegenNativeComponent"],"sources":["SkiaPictureViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from \"react-native/Libraries/Utilities/codegenNativeComponent\";\nimport type { ViewProps } from \"react-native\";\n\nexport interface NativeProps extends ViewProps {\n  debug?: boolean;\n  opaque?: boolean;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default codegenNativeComponent<NativeProps>(\"SkiaPictureView\");\n"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAQ5F;AACA,eAAeA,sBAAsB,CAAc,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["codegenNativeComponent"],"sources":["SkiaPictureViewNativeComponent.ts"],"sourcesContent":["import codegenNativeComponent from \"react-native/Libraries/Utilities/codegenNativeComponent\";\nimport type { ViewProps } from \"react-native\";\n\nexport interface NativeProps extends ViewProps {\n  debug?: boolean;\n  opaque?: boolean;\n  colorSpace?: string;\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default codegenNativeComponent<NativeProps>(\"SkiaPictureView\");\n"],"mappings":"AAAA,OAAOA,sBAAsB,MAAM,yDAAyD;AAS5F;AACA,eAAeA,sBAAsB,CAAc,iBAAiB,CAAC","ignoreList":[]}

package/lib/module/views/types.d.ts

@@ -12,6 +12,7 @@ export interface ISkiaViewApi {
     requestRedraw: (nativeId: number) => void;
     makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;
     makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;
+    size: (nativeId: number) => SkSize;
 }
 export interface SkiaBaseViewProps extends ViewProps {
     /**

package/lib/module/views/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { Node } from \"../dom/types\";\nimport type { SkImage, SkPicture, SkRect, SkSize } from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport interface ISkiaViewApi {\n  web?: boolean;\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Pass an animated value to the onSize property to get updates when\n   * the Skia view is resized.\n   */\n  onSize?: SharedValue<SkSize>;\n\n  opaque?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n}\n\nexport interface SkiaDomViewNativeProps extends SkiaBaseViewProps {\n  root?: Node<unknown>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ViewProps } from \"react-native\";\nimport type { SharedValue } from \"react-native-reanimated\";\n\nimport type { Node } from \"../dom/types\";\nimport type { SkImage, SkPicture, SkRect, SkSize } from \"../skia/types\";\n\nexport type NativeSkiaViewProps = ViewProps & {\n  debug?: boolean;\n  opaque?: boolean;\n};\n\nexport interface ISkiaViewApi {\n  web?: boolean;\n  setJsiProperty: <T>(nativeId: number, name: string, value: T) => void;\n  requestRedraw: (nativeId: number) => void;\n  makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;\n  makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;\n  size: (nativeId: number) => SkSize;\n}\n\nexport interface SkiaBaseViewProps extends ViewProps {\n  /**\n   * When set to true the view will display information about the\n   * average time it takes to render.\n   */\n  debug?: boolean;\n  /**\n   * Pass an animated value to the onSize property to get updates when\n   * the Skia view is resized.\n   */\n  onSize?: SharedValue<SkSize>;\n\n  opaque?: boolean;\n}\n\nexport interface SkiaPictureViewNativeProps extends SkiaBaseViewProps {\n  picture?: SkPicture;\n}\n\nexport interface SkiaDomViewNativeProps extends SkiaBaseViewProps {\n  root?: Node<unknown>;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/typescript/lib/commonjs/renderer/Canvas.d.ts

@@ -1,11 +1,17 @@
 export const __esModule: boolean;
+export const isFabric: boolean;
 export function useCanvasRef(): any;
-export function Canvas({ debug, opaque, children, onSize, onLayout: _onLayout, ref, ...viewProps }: {
+export function useCanvasSize(): {
+    ref: any;
+    size: any;
+};
+export function Canvas({ debug, opaque, children, onSize, colorSpace, ref, onLayout, ...viewProps }: {
     [x: string]: any;
     debug: any;
     opaque: any;
     children: any;
     onSize: any;
-    onLayout: any;
+    colorSpace?: string | undefined;
     ref: any;
+    onLayout: any;
 }): any;

package/lib/typescript/lib/commonjs/skia/types/Matrix4.d.ts

@@ -28,6 +28,7 @@ export function rotateX(value: any, p: any): any[];
 export function rotateY(value: any, p: any): any[];
 export function processTransform3d(transforms: any): any;
 export function convertToColumnMajor(rowMajorMatrix: any): any[];
+export function convertToColumnMajor3(rowMajorMatrix: any): any[];
 export function convertToAffineMatrix(m4: any): any[];
 /**
  * Inverts a 4x4 matrix

package/lib/typescript/lib/commonjs/sksg/Container.d.ts

@@ -1,8 +1,7 @@
 export const __esModule: boolean;
 export class Container {
-    constructor(Skia: any, nativeId: any);
+    constructor(Skia: any);
     Skia: any;
-    nativeId: any;
     set root(value: any);
     get root(): any;
     _root: any;
@@ -11,12 +10,18 @@ export class Container {
     unmount(): void;
     drawOnCanvas(canvas: any): void;
 }
-export function createContainer(Skia: any, nativeId: any): NativeReanimatedContainer | ReanimatedContainer | StaticContainer;
+export function createContainer(Skia: any, nativeId: any, onSize: any): NativeReanimatedContainer | ReanimatedContainer | StaticContainer;
 declare class NativeReanimatedContainer extends Container {
+    constructor(Skia: any, nativeId: any, onSize: any);
+    nativeId: any;
+    onSize: any;
     redraw(): void;
     mapperId: any;
 }
 declare class ReanimatedContainer extends Container {
+    constructor(Skia: any, nativeId: any, onSize: any);
+    nativeId: any;
+    onSize: any;
     redraw(): void;
     recording: {
         commands: any;
@@ -25,6 +30,9 @@ declare class ReanimatedContainer extends Container {
     mapperId: any;
 }
 declare class StaticContainer extends Container {
+    constructor(Skia: any, nativeId: any, onSize: any);
+    nativeId: any;
+    onSize: any;
     redraw(): void;
     recording: {
         commands: any;

package/lib/typescript/lib/commonjs/sksg/Reconciler.d.ts

@@ -1,12 +1,13 @@
 export const __esModule: boolean;
 export class SkiaSGRoot {
-    constructor(Skia: any, nativeId?: number);
+    constructor(Skia: any, nativeId: number | undefined, onSize: any);
     Skia: any;
     container: {
+        nativeId: any;
+        onSize: any;
         redraw(): void;
         mapperId: any;
         Skia: any;
-        nativeId: any;
         root: any;
         _root: any;
         mount(): void;
@@ -14,6 +15,8 @@ export class SkiaSGRoot {
         unmount(): void;
         drawOnCanvas(canvas: any): void;
     } | {
+        nativeId: any;
+        onSize: any;
         redraw(): void;
         recording: {
             commands: any;
@@ -21,7 +24,6 @@ export class SkiaSGRoot {
         } | undefined;
         mapperId: any;
         Skia: any;
-        nativeId: any;
         root: any;
         _root: any;
         mount(): void;
@@ -29,6 +31,8 @@ export class SkiaSGRoot {
         unmount(): void;
         drawOnCanvas(canvas: any): void;
     } | {
+        nativeId: any;
+        onSize: any;
         redraw(): void;
         recording: {
             commands: any;
@@ -36,7 +40,6 @@ export class SkiaSGRoot {
             animationValues: any;
         } | undefined;
         Skia: any;
-        nativeId: any;
         root: any;
         _root: any;
         mount(): void;

package/lib/typescript/lib/module/mock/index.d.ts

@@ -273,6 +273,7 @@ export function Mock(CanvasKit: any): {
     rotateY: (value: any, p: any) => any[];
     processTransform3d: (transforms: any) => any;
     convertToColumnMajor: (rowMajorMatrix: any) => any[];
+    convertToColumnMajor3: (rowMajorMatrix: any) => any[];
     convertToAffineMatrix: (m4: any) => any[];
     invert4: (m: any) => number[];
     setupCamera: (area: any, zscale: any, cam: any) => any[];

package/lib/typescript/lib/module/renderer/Canvas.d.ts

@@ -1,11 +1,20 @@
 export function useCanvasRef(): React.RefObject<null>;
-export function Canvas({ debug, opaque, children, onSize, onLayout: _onLayout, ref, ...viewProps }: {
+export function useCanvasSize(): {
+    ref: React.RefObject<null>;
+    size: {
+        width: number;
+        height: number;
+    };
+};
+export const isFabric: boolean;
+export function Canvas({ debug, opaque, children, onSize, colorSpace, ref, onLayout, ...viewProps }: {
     [x: string]: any;
     debug: any;
     opaque: any;
     children: any;
     onSize: any;
-    onLayout: any;
+    colorSpace?: string | undefined;
     ref: any;
+    onLayout: any;
 }): React.CElement<object, React.Component<object, {}, any> & import("react-native").NativeMethods>;
 import React from "react";

package/lib/typescript/lib/module/skia/types/Matrix4.d.ts

@@ -12,6 +12,7 @@ export function rotateX(value: any, p: any): any[];
 export function rotateY(value: any, p: any): any[];
 export function processTransform3d(transforms: any): any;
 export function convertToColumnMajor(rowMajorMatrix: any): any[];
+export function convertToColumnMajor3(rowMajorMatrix: any): any[];
 export function convertToAffineMatrix(m4: any): any[];
 export function invert4(m: any): number[];
 export function setupCamera(area: any, zscale: any, cam: any): any[];

package/lib/typescript/lib/module/sksg/Container.d.ts

@@ -1,7 +1,6 @@
 export class Container {
-    constructor(Skia: any, nativeId: any);
+    constructor(Skia: any);
     Skia: any;
-    nativeId: any;
     set root(value: any);
     get root(): any;
     _root: any;
@@ -10,8 +9,11 @@ export class Container {
     unmount(): void;
     drawOnCanvas(canvas: any): void;
 }
-export function createContainer(Skia: any, nativeId: any): StaticContainer | ReanimatedContainer | NativeReanimatedContainer;
+export function createContainer(Skia: any, nativeId: any, onSize: any): StaticContainer | ReanimatedContainer | NativeReanimatedContainer;
 declare class StaticContainer extends Container {
+    constructor(Skia: any, nativeId: any, onSize: any);
+    nativeId: any;
+    onSize: any;
     redraw(): void;
     recording: {
         commands: any;
@@ -20,6 +22,9 @@ declare class StaticContainer extends Container {
     } | undefined;
 }
 declare class ReanimatedContainer extends Container {
+    constructor(Skia: any, nativeId: any, onSize: any);
+    nativeId: any;
+    onSize: any;
     redraw(): void;
     recording: {
         commands: any;
@@ -28,6 +33,9 @@ declare class ReanimatedContainer extends Container {
     mapperId: any;
 }
 declare class NativeReanimatedContainer extends Container {
+    constructor(Skia: any, nativeId: any, onSize: any);
+    nativeId: any;
+    onSize: any;
     redraw(): void;
     mapperId: any;
 }

package/lib/typescript/lib/module/sksg/Reconciler.d.ts

@@ -1,7 +1,9 @@
 export class SkiaSGRoot {
-    constructor(Skia: any, nativeId?: number);
+    constructor(Skia: any, nativeId: number | undefined, onSize: any);
     Skia: any;
     container: {
+        nativeId: any;
+        onSize: any;
         redraw(): void;
         recording: {
             commands: any;
@@ -9,7 +11,6 @@ export class SkiaSGRoot {
             animationValues: any;
         } | undefined;
         Skia: any;
-        nativeId: any;
         root: any;
         _root: any;
         mount(): void;
@@ -17,6 +18,8 @@ export class SkiaSGRoot {
         unmount(): void;
         drawOnCanvas(canvas: any): void;
     } | {
+        nativeId: any;
+        onSize: any;
         redraw(): void;
         recording: {
             commands: any;
@@ -24,7 +27,6 @@ export class SkiaSGRoot {
         } | undefined;
         mapperId: any;
         Skia: any;
-        nativeId: any;
         root: any;
         _root: any;
         mount(): void;
@@ -32,10 +34,11 @@ export class SkiaSGRoot {
         unmount(): void;
         drawOnCanvas(canvas: any): void;
     } | {
+        nativeId: any;
+        onSize: any;
         redraw(): void;
         mapperId: any;
         Skia: any;
-        nativeId: any;
         root: any;
         _root: any;
         mount(): void;

package/lib/typescript/src/dom/types/Drawings.d.ts

@@ -116,5 +116,5 @@ export interface BoxShadowProps {
     inner?: boolean;
 }
 export interface ImageFilterProps extends GroupProps {
-    imageFilter: SkImageFilter;
+    filter: SkImageFilter;
 }

package/lib/typescript/src/renderer/Canvas.d.ts

@@ -1,19 +1,27 @@
 import type { FC } from "react";
 import React from "react";
-import type { ViewProps } from "react-native";
-import type { SharedValue } from "react-native-reanimated";
+import type { MeasureInWindowOnSuccessCallback, MeasureOnSuccessCallback, ViewProps } from "react-native";
+import { type SharedValue } from "react-native-reanimated";
 import type { SkImage, SkRect, SkSize } from "../skia/types";
 export interface CanvasRef extends FC<CanvasProps> {
     makeImageSnapshot(rect?: SkRect): SkImage;
     makeImageSnapshotAsync(rect?: SkRect): Promise<SkImage>;
     redraw(): void;
     getNativeId(): number;
+    measure(callback: MeasureOnSuccessCallback): void;
+    measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
 }
 export declare const useCanvasRef: () => React.RefObject<CanvasRef | null>;
-export interface CanvasProps extends ViewProps {
+export declare const useCanvasSize: () => {
+    ref: React.RefObject<CanvasRef | null>;
+    size: SkSize;
+};
+export declare const isFabric: boolean;
+export interface CanvasProps extends Omit<ViewProps, "onLayout"> {
     debug?: boolean;
     opaque?: boolean;
     onSize?: SharedValue<SkSize>;
+    colorSpace?: "p3" | "srgb";
     ref?: React.Ref<CanvasRef>;
 }
-export declare const Canvas: ({ debug, opaque, children, onSize, onLayout: _onLayout, ref, ...viewProps }: CanvasProps) => React.JSX.Element;
+export declare const Canvas: ({ debug, opaque, children, onSize, colorSpace, ref, onLayout, ...viewProps }: CanvasProps) => React.JSX.Element;

package/lib/typescript/src/skia/types/Matrix4.d.ts

@@ -96,6 +96,10 @@ export declare const processTransform3d: (transforms: Transforms3d) => Matrix4;
  * @worklet
  */
 export declare const convertToColumnMajor: (rowMajorMatrix: Matrix4) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const convertToColumnMajor3: (rowMajorMatrix: Matrix3 | number[]) => Matrix3;
 /**
  * @worklet
  */

package/lib/typescript/src/sksg/Container.d.ts

@@ -1,14 +1,14 @@
-import type { Skia, SkCanvas } from "../skia/types";
+import type { SharedValue } from "react-native-reanimated";
+import type { Skia, SkCanvas, SkSize } from "../skia/types";
 import type { Node } from "./Node";
 import type { Recording } from "./Recorder/Recorder";
 import "../views/api";
 export declare abstract class Container {
     protected Skia: Skia;
-    protected nativeId: number;
     private _root;
     protected recording: Recording | null;
     protected unmounted: boolean;
-    constructor(Skia: Skia, nativeId: number);
+    constructor(Skia: Skia);
     get root(): Node[];
     set root(value: Node[]);
     mount(): void;
@@ -17,18 +17,24 @@ export declare abstract class Container {
     abstract redraw(): void;
 }
 declare class StaticContainer extends Container {
-    constructor(Skia: Skia, nativeId: number);
+    private nativeId;
+    private onSize?;
+    constructor(Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize> | undefined);
     redraw(): void;
 }
 declare class ReanimatedContainer extends Container {
+    private nativeId;
+    private onSize?;
     private mapperId;
-    constructor(Skia: Skia, nativeId: number);
+    constructor(Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize> | undefined);
     redraw(): void;
 }
 declare class NativeReanimatedContainer extends Container {
+    private nativeId;
+    private onSize?;
     private mapperId;
-    constructor(Skia: Skia, nativeId: number);
+    constructor(Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize> | undefined);
     redraw(): void;
 }
-export declare const createContainer: (Skia: Skia, nativeId: number) => StaticContainer | ReanimatedContainer | NativeReanimatedContainer;
+export declare const createContainer: (Skia: Skia, nativeId: number, onSize?: SharedValue<SkSize>) => StaticContainer | ReanimatedContainer | NativeReanimatedContainer;
 export {};

package/lib/typescript/src/sksg/Reconciler.d.ts

@@ -1,12 +1,13 @@
 import type { ReactNode } from "react";
-import type { SkCanvas, Skia } from "../skia/types";
+import type { SharedValue } from "react-native-reanimated";
+import type { SkCanvas, Skia, SkSize } from "../skia/types";
 import { NodeType } from "../dom/types";
 import "./Elements";
 export declare class SkiaSGRoot {
     Skia: Skia;
     private root;
     private container;
-    constructor(Skia: Skia, nativeId?: number);
+    constructor(Skia: Skia, nativeId?: number, onSize?: SharedValue<SkSize>);
     get sg(): {
         type: NodeType;
         props: {};

package/lib/typescript/src/specs/SkiaPictureViewNativeComponent.d.ts

@@ -2,6 +2,7 @@ import type { ViewProps } from "react-native";
 export interface NativeProps extends ViewProps {
     debug?: boolean;
     opaque?: boolean;
+    colorSpace?: string;
 }
 declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
 export default _default;

package/lib/typescript/src/views/types.d.ts

@@ -12,6 +12,7 @@ export interface ISkiaViewApi {
     requestRedraw: (nativeId: number) => void;
     makeImageSnapshot: (nativeId: number, rect?: SkRect) => SkImage;
     makeImageSnapshotAsync: (nativeId: number, rect?: SkRect) => Promise<SkImage>;
+    size: (nativeId: number) => SkSize;
 }
 export interface SkiaBaseViewProps extends ViewProps {
     /**

package/libs/apple/libpathops.xcframework/Info.plist

@@ -8,7 +8,7 @@
 			<key>BinaryPath</key>
 			<string>libpathops.a</string>
 			<key>LibraryIdentifier</key>
-			<string>tvos-arm64_arm64e</string>
+			<string>ios-arm64_arm64e</string>
 			<key>LibraryPath</key>
 			<string>libpathops.a</string>
 			<key>SupportedArchitectures</key>
@@ -17,73 +17,73 @@
 				<string>arm64e</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>tvos</string>
+			<string>ios</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>libpathops.a</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e</string>
+			<string>ios-arm64_arm64e_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>libpathops.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
 				<string>arm64e</string>
+				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
 			<string>ios</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>libpathops.a</string>
 			<key>LibraryIdentifier</key>
-			<string>macos-arm64_x86_64</string>
+			<string>tvos-arm64_arm64e_x86_64-simulator</string>
 			<key>LibraryPath</key>
 			<string>libpathops.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
+				<string>arm64e</string>
 				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>macos</string>
+			<string>tvos</string>
+			<key>SupportedPlatformVariant</key>
+			<string>simulator</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>libpathops.a</string>
 			<key>LibraryIdentifier</key>
-			<string>tvos-arm64_arm64e_x86_64-simulator</string>
+			<string>macos-arm64_x86_64</string>
 			<key>LibraryPath</key>
 			<string>libpathops.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
-				<string>arm64e</string>
 				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>tvos</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
+			<string>macos</string>
 		</dict>
 		<dict>
 			<key>BinaryPath</key>
 			<string>libpathops.a</string>
 			<key>LibraryIdentifier</key>
-			<string>ios-arm64_arm64e_x86_64-simulator</string>
+			<string>tvos-arm64_arm64e</string>
 			<key>LibraryPath</key>
 			<string>libpathops.a</string>
 			<key>SupportedArchitectures</key>
 			<array>
 				<string>arm64</string>
 				<string>arm64e</string>
-				<string>x86_64</string>
 			</array>
 			<key>SupportedPlatform</key>
-			<string>ios</string>
-			<key>SupportedPlatformVariant</key>
-			<string>simulator</string>
+			<string>tvos</string>
 		</dict>
 	</array>
 	<key>CFBundlePackageType</key>