@shopify/react-native-skia 0.1.162 → 0.1.164

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

@@ -2,5 +2,4 @@ import type { SkCanvas, SkPaint } from "../../skia/types";
 export interface DrawingContext {
     canvas: SkCanvas;
     paint: SkPaint;
-    opacity: number;
 }

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

@@ -6,7 +6,7 @@ export declare class Container {
     redraw: () => void;
     private _root;
     Sk: SkDOM;
-    constructor(Skia: Skia, depMgr: DependencyManager, redraw: () => void);
+    constructor(Skia: Skia, depMgr: DependencyManager, redraw?: () => void);
     draw(ctx: DrawingContext): void;
     get root(): RenderNode<GroupProps>;
 }

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

@@ -1,10 +1,8 @@
 import type { RefObject } from "react";
 import type { DrawingInfo, SkiaView } from "../views";
-import type { SkCanvas, SkPaint, Skia, Vector } from "../skia/types";
-export interface DrawingContext extends Omit<DrawingInfo, "touches"> {
-    canvas: SkCanvas;
-    paint: SkPaint;
-    opacity: number;
+import type { Skia, Vector } from "../skia/types";
+import type { DrawingContext as DOMDrawingContext } from "../dom/types";
+export interface DrawingContext extends Omit<DrawingInfo, "touches">, DOMDrawingContext {
     center: Vector;
     ref: RefObject<SkiaView>;
     Skia: Skia;

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

@@ -1,4 +1,3 @@
 export * from "./components";
 export * from "./useContextBridge";
 export * from "./DependencyManager";
-export * from "./useCanvas";

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

@@ -22,6 +22,10 @@ export declare enum StrokeJoin {
 }
 export declare const isPaint: (obj: SkJSIInstance<string> | null) => obj is SkPaint;
 export interface SkPaint extends SkJSIInstance<"Paint"> {
+    /**
+     * Retrieves alpha from the color used when stroking and filling.
+     */
+    getAlphaf(): number;
     /**
      * Returns a copy of this paint.
      */

package/lib/typescript/src/skia/web/JsiSkPaint.d.ts

@@ -5,6 +5,7 @@ export declare class JsiSkPaint extends HostObject<Paint, "Paint"> implements Sk
     constructor(CanvasKit: CanvasKit, ref: Paint);
     copy(): JsiSkPaint;
     reset(): void;
+    getAlphaf(): number;
     getColor(): Float32Array;
     getStrokeCap(): number;
     getStrokeJoin(): number;

package/package.json

@@ -7,7 +7,7 @@
     "setup-skia-web": "./scripts/setup-canvaskit.js"
   },
   "title": "React Native Skia",
-  "version": "0.1.162",
+  "version": "0.1.164",
   "description": "High-performance React Native Graphics using Skia",
   "main": "lib/module/index.js",
   "files": [

package/src/dom/nodes/RenderNode.ts

@@ -141,7 +141,7 @@ export abstract class JsiRenderNode<P extends GroupProps>
       opacity !== undefined ||
       antiAlias !== undefined
     ) {
-      ctx = {};
+      ctx = { opacity: 1 };
       if (color !== undefined) {
         ctx.color = this.Skia.Color(color);
       }
@@ -208,24 +208,19 @@ export abstract class JsiRenderNode<P extends GroupProps>
     const { invertClip, layer, matrix, transform } = this.props;
     const { canvas } = parentCtx;
 
-    const opacity =
-      this.props.opacity !== undefined
-        ? parentCtx.opacity * this.props.opacity
-        : parentCtx.opacity;
-
     if (
       this.paintCache === null ||
       this.paintCache.parent !== parentCtx.paint
     ) {
       const paintCtx = this.getPaintCtx();
       const child = paintCtx
-        ? concatPaint(parentCtx.paint, paintCtx, parentCtx.opacity)
+        ? concatPaint(parentCtx.paint.copy(), paintCtx)
         : parentCtx.paint;
       this.paintCache = { parent: parentCtx.paint, child };
     }
     const paint = this.paintCache.child;
     // TODO: can we only recreate a new context here if needed?
-    const ctx = { ...parentCtx, opacity, paint };
+    const ctx = { ...parentCtx, paint };
     const hasTransform = matrix !== undefined || transform !== undefined;
     const hasClip =
       this.clipRect !== undefined ||
@@ -267,7 +262,7 @@ export abstract class JsiRenderNode<P extends GroupProps>
 }
 
 const concatPaint = (
-  parent: SkPaint,
+  paint: SkPaint,
   {
     color,
     strokeWidth,
@@ -278,23 +273,21 @@ const concatPaint = (
     imageFilter,
     maskFilter,
     pathEffect,
-    opacity: alpha,
+    opacity,
     strokeCap,
     strokeJoin,
     strokeMiter,
     style,
-  }: PaintContext,
-  opacity: number
+  }: PaintContext
 ) => {
-  const paint = parent.copy();
+  if (opacity !== undefined) {
+    paint.setAlphaf(paint.getAlphaf() * opacity);
+  }
   if (color !== undefined) {
+    const currentOpacity = paint.getAlphaf();
     paint.setShader(null);
-    color[3] *= opacity;
     paint.setColor(color);
-  } else {
-    const cl = paint.getColor();
-    cl[3] = opacity;
-    paint.setColor(cl);
+    paint.setAlphaf(currentOpacity * paint.getAlphaf());
   }
   if (strokeWidth !== undefined) {
     paint.setStrokeWidth(strokeWidth);
@@ -320,9 +313,6 @@ const concatPaint = (
   if (pathEffect !== undefined) {
     paint.setPathEffect(pathEffect);
   }
-  if (alpha !== undefined) {
-    paint.setAlphaf(alpha * opacity);
-  }
   if (strokeCap !== undefined) {
     paint.setStrokeCap(strokeCap);
   }

package/src/dom/nodes/datatypes/index.ts

@@ -1,7 +1,6 @@
 export * from "./Enum";
 export * from "./Path";
 export * from "./Fitting";
-export * from "./Color";
 export * from "./Rect";
 export * from "./Radius";
 export * from "./Circle";

package/src/dom/nodes/drawings/Box.ts

@@ -5,7 +5,6 @@ import { DeclarationType, NodeType } from "../../types";
 import type { BoxShadowProps, BoxProps } from "../../types/Drawings";
 import type { NodeContext } from "../Node";
 import { JsiDeclarationNode } from "../Node";
-import { processColor } from "../datatypes";
 import { JsiRenderNode } from "../RenderNode";
 
 const inflate = (
@@ -54,8 +53,9 @@ export class BoxNode extends JsiRenderNode<BoxProps> {
     super(ctx, NodeType.Box, props);
   }
 
-  renderNode({ canvas, paint, opacity }: DrawingContext) {
+  renderNode({ canvas, paint }: DrawingContext) {
     const { box: defaultBox } = this.props;
+    const opacity = paint.getAlphaf();
     const box = isRRect(defaultBox)
       ? defaultBox
       : this.Skia.RRectXY(defaultBox, 0, 0);
@@ -72,7 +72,8 @@ export class BoxNode extends JsiRenderNode<BoxProps> {
       .map((shadow) => {
         const { color = "black", blur, spread = 0, dx = 0, dy = 0 } = shadow;
         const lPaint = this.Skia.Paint();
-        lPaint.setColor(processColor(this.Skia, color, opacity));
+        lPaint.setColor(this.Skia.Color(color));
+        lPaint.setAlphaf(paint.getAlphaf() * opacity);
         lPaint.setMaskFilter(
           this.Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)
         );
@@ -92,7 +93,9 @@ export class BoxNode extends JsiRenderNode<BoxProps> {
         canvas.save();
         canvas.clipRRect(box, ClipOp.Intersect, false);
         const lPaint = this.Skia.Paint();
-        lPaint.setColor(processColor(this.Skia, color, opacity));
+        lPaint.setColor(this.Skia.Color(color));
+        lPaint.setAlphaf(paint.getAlphaf() * opacity);
+
         lPaint.setMaskFilter(
           this.Skia.MaskFilter.MakeBlur(BlurStyle.Normal, blur, true)
         );

package/src/dom/nodes/drawings/PatchNode.ts

@@ -2,7 +2,7 @@ import type { SkColor, SkPoint } from "../../../skia/types";
 import { BlendMode } from "../../../skia/types";
 import type { DrawingContext, PatchProps } from "../../types";
 import { NodeType } from "../../types";
-import { ALPHA, enumKey, processColor } from "../datatypes";
+import { enumKey } from "../datatypes";
 import { JsiDrawingNode } from "../DrawingNode";
 import type { NodeContext } from "../Node";
 
@@ -39,30 +39,16 @@ export class PatchNode extends JsiDrawingNode<
         patch[3].c2,
         patch[0].c1,
       ],
-      colors: colors
-        ? colors.map((c) => processColor(this.Skia, c, 1))
-        : undefined,
+      colors: colors ? colors.map((c) => this.Skia.Color(c)) : undefined,
     };
   }
 
-  draw({ canvas, paint, opacity }: DrawingContext) {
+  draw({ canvas, paint }: DrawingContext) {
     if (!this.derived) {
       throw new Error("PatchNode: derived props not set");
     }
     const { texture } = this.props;
     const { colors, points, mode } = this.derived;
-    canvas.drawPatch(
-      points,
-      opacity === 1
-        ? colors
-        : colors &&
-            colors.map((c) => {
-              c[ALPHA] = c[ALPHA] * opacity;
-              return c;
-            }),
-      texture,
-      mode,
-      paint
-    );
+    canvas.drawPatch(points, colors, texture, mode, paint);
   }
 }

package/src/dom/nodes/drawings/VerticesNode.ts

@@ -2,7 +2,7 @@ import type { SkVertices } from "../../../skia/types";
 import { VertexMode, BlendMode } from "../../../skia/types";
 import type { DrawingContext, VerticesProps } from "../../types";
 import { NodeType } from "../../types";
-import { enumKey, processColor } from "../datatypes";
+import { enumKey } from "../datatypes";
 import { JsiDrawingNode } from "../DrawingNode";
 import type { NodeContext } from "../Node";
 
@@ -18,7 +18,7 @@ export class VerticesNode extends JsiDrawingNode<VerticesProps, SkVertices> {
       vertexMode,
       vertices,
       textures,
-      colors ? colors.map((c) => processColor(this.Skia, c, 1)) : undefined,
+      colors ? colors.map((c) => this.Skia.Color(c)) : undefined,
       indices
     );
   }

package/src/dom/nodes/paint/ColorFilters.ts

@@ -8,7 +8,6 @@ import type {
   Node,
 } from "../../types";
 import { DeclarationType, NodeType } from "../../types";
-import { processColor } from "../datatypes";
 import { enumKey } from "../datatypes/Enum";
 import type { LerpColorFilterProps } from "../../types/ColorFilters";
 
@@ -71,7 +70,7 @@ export class BlendColorFilterNode extends ColorFilterDeclaration<BlendColorFilte
 
   materialize() {
     const { mode } = this.props;
-    const color = processColor(this.Skia, this.props.color, 1);
+    const color = this.Skia.Color(this.props.color);
     const cf = this.Skia.ColorFilter.MakeBlend(color, BlendMode[enumKey(mode)]);
     return this.compose(cf);
   }

package/src/dom/nodes/paint/ImageFilters.ts

@@ -15,7 +15,7 @@ import type {
   RuntimeShaderImageFilterProps,
 } from "../../types";
 import { DeclarationType, NodeType } from "../../types";
-import { processRadius, enumKey, processColor } from "../datatypes";
+import { processRadius, enumKey } from "../datatypes";
 import type { NodeContext } from "../Node";
 import { JsiDeclarationNode } from "../Node";
 
@@ -145,7 +145,7 @@ export class DropShadowImageFilterNode extends ImageFilterDeclaration<DropShadow
 
   materialize() {
     const { dx, dy, blur, shadowOnly, color: cl, inner } = this.props;
-    const color = processColor(this.Skia, cl, 1);
+    const color = this.Skia.Color(cl);
     const input = this.getOptionalChildInstance(0);
     let factory;
     if (inner) {

package/src/dom/nodes/paint/Shaders.ts

@@ -19,7 +19,6 @@ import type {
   TwoPointConicalGradientProps,
 } from "../../types";
 import { DeclarationType, NodeType } from "../../types";
-import { processColor } from "../datatypes/Color";
 import {
   enumKey,
   fitRects,
@@ -99,7 +98,7 @@ export class ColorNode extends ShaderDeclaration<ColorProps> {
 
   materialize() {
     const { color } = this.props;
-    return this.Skia.Shader.MakeColor(processColor(this.Skia, color, 1));
+    return this.Skia.Shader.MakeColor(this.Skia.Color(color));
   }
 }
 

package/src/dom/types/DrawingContext.ts

@@ -3,5 +3,4 @@ import type { SkCanvas, SkPaint } from "../../skia/types";
 export interface DrawingContext {
   canvas: SkCanvas;
   paint: SkPaint;
-  opacity: number;
 }

package/src/renderer/Canvas.tsx

@@ -4,7 +4,6 @@ import React, {
   useMemo,
   forwardRef,
   useRef,
-  useState,
 } from "react";
 import type {
   RefObject,
@@ -15,7 +14,6 @@ import type {
 } from "react";
 import type { OpaqueRoot } from "react-reconciler";
 import ReactReconciler from "react-reconciler";
-import { Platform } from "react-native";
 
 import { SkiaDomView } from "../views";
 import type { TouchHandler } from "../views";
@@ -26,7 +24,6 @@ import { debug as hostDebug, skHostConfig } from "./HostConfig";
 // import { debugTree } from "./nodes";
 import { Container } from "./Container";
 import { DependencyManager } from "./DependencyManager";
-import { CanvasProvider } from "./useCanvas";
 
 export const skiaReconciler = ReactReconciler(skHostConfig);
 
@@ -65,11 +62,8 @@ export const Canvas = forwardRef<SkiaDomView, CanvasProps>(
   ) => {
     const innerRef = useCanvasRef();
     const ref = useCombinedRefs(forwardedRef, innerRef);
-    const [, setTick] = useState(0);
     const redraw = useCallback(() => {
-      Platform.OS === "web"
-        ? setTick((tick) => tick + 1)
-        : innerRef.current?.redraw();
+      innerRef.current?.redraw();
     }, [innerRef]);
 
     const registerValues = useCallback(
@@ -107,11 +101,7 @@ export const Canvas = forwardRef<SkiaDomView, CanvasProps>(
 
     // Render effect
     useEffect(() => {
-      render(
-        <CanvasProvider value={{ Skia }}>{children}</CanvasProvider>,
-        root,
-        container
-      );
+      render(children, root, container);
     }, [children, root, redraw, container]);
 
     useEffect(() => {

package/src/renderer/Container.tsx

@@ -15,7 +15,7 @@ export class Container {
   constructor(
     Skia: Skia,
     public depMgr: DependencyManager,
-    public redraw: () => void
+    public redraw: () => void = () => {}
   ) {
     this.Sk = new JsiSkDOM({ Skia, depMgr });
     this._root = this.Sk.Group();

package/src/renderer/DrawingContext.ts

@@ -1,12 +1,12 @@
 import type { RefObject } from "react";
 
 import type { DrawingInfo, SkiaView } from "../views";
-import type { SkCanvas, SkPaint, Skia, Vector } from "../skia/types";
+import type { Skia, Vector } from "../skia/types";
+import type { DrawingContext as DOMDrawingContext } from "../dom/types";
 
-export interface DrawingContext extends Omit<DrawingInfo, "touches"> {
-  canvas: SkCanvas;
-  paint: SkPaint;
-  opacity: number;
+export interface DrawingContext
+  extends Omit<DrawingInfo, "touches">,
+    DOMDrawingContext {
   center: Vector;
   ref: RefObject<SkiaView>;
   Skia: Skia;

package/src/renderer/components/Mask.tsx

@@ -1,10 +1,9 @@
 import type { ReactNode } from "react";
-import React, { useMemo } from "react";
-
-import { BlendMode } from "../../skia/types";
-import { useSkiaPrivate } from "../useCanvas";
+import React from "react";
 
 import { Group } from "./Group";
+import { LumaColorFilter } from "./colorFilters/LumaColorFilter";
+import { Paint } from "./Paint";
 
 interface MaskProps {
   mode: "luminance" | "alpha";
@@ -14,25 +13,17 @@ interface MaskProps {
 }
 
 export const Mask = ({ children, mask, mode, clip }: MaskProps) => {
-  const Skia = useSkiaPrivate();
-  const maskPaint = useMemo(() => {
-    const paint = Skia.Paint();
-    paint.setBlendMode(BlendMode.Src);
-    if (mode === "luminance") {
-      paint.setColorFilter(Skia.ColorFilter.MakeLumaColorFilter());
-    }
-    return paint;
-  }, [Skia, mode]);
-  const clippingPaint = useMemo(() => {
-    const paint = Skia.Paint();
-    paint.setBlendMode(BlendMode.DstIn);
-    return paint;
-  }, [Skia]);
   return (
     <Group layer>
-      <Group layer={maskPaint}>
+      <Group
+        layer={
+          <Paint blendMode="src">
+            {mode === "luminance" && <LumaColorFilter />}
+          </Paint>
+        }
+      >
         {mask}
-        {clip && <Group layer={clippingPaint}>{children}</Group>}
+        {clip && <Group layer={<Paint blendMode="dstIn" />}>{children}</Group>}
       </Group>
       <Group blendMode="srcIn">{children}</Group>
     </Group>

package/src/renderer/index.ts

@@ -1,4 +1,3 @@
 export * from "./components";
 export * from "./useContextBridge";
 export * from "./DependencyManager";
-export * from "./useCanvas";

package/src/skia/types/Paint/Paint.ts

@@ -29,6 +29,11 @@ export const isPaint = (obj: SkJSIInstance<string> | null): obj is SkPaint =>
   obj !== null && obj.__typename__ === "Paint";
 
 export interface SkPaint extends SkJSIInstance<"Paint"> {
+  /**
+   * Retrieves alpha from the color used when stroking and filling.
+   */
+  getAlphaf(): number;
+
   /**
    * Returns a copy of this paint.
    */

package/src/skia/web/JsiSkPaint.ts

@@ -34,6 +34,10 @@ export class JsiSkPaint extends HostObject<Paint, "Paint"> implements SkPaint {
     this.ref = new this.CanvasKit.Paint();
   }
 
+  getAlphaf() {
+    return this.getColor()[3];
+  }
+
   getColor() {
     return this.ref.getColor();
   }

package/src/web/LoadSkiaWeb.tsx

@@ -1,5 +1,5 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
+// @ts-ignore
 import CanvasKitInit from "canvaskit-wasm/bin/full/canvaskit";
 import type {
   CanvasKit as CanvasKitType,

package/lib/commonjs/dom/nodes/datatypes/Color.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.rgbaColor = exports.processColor = exports.RED = exports.GREEN = exports.BLUE = exports.ALPHA = void 0;
-const RED = 0;
-exports.RED = RED;
-const GREEN = 1;
-exports.GREEN = GREEN;
-const BLUE = 2;
-exports.BLUE = BLUE;
-const ALPHA = 3;
-exports.ALPHA = ALPHA;
-
-const rgbaColor = (r, g, b, a) => new Float32Array([r, g, b, a]);
-
-exports.rgbaColor = rgbaColor;
-
-const processColor = (Skia, cl, currentOpacity) => {
-  const color = Skia.Color(cl);
-  color[ALPHA] *= currentOpacity;
-  return color;
-};
-
-exports.processColor = processColor;
-//# sourceMappingURL=Color.js.map

package/lib/commonjs/dom/nodes/datatypes/Color.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RED","GREEN","BLUE","ALPHA","rgbaColor","r","g","b","a","Float32Array","processColor","Skia","cl","currentOpacity","color","Color"],"sources":["Color.ts"],"sourcesContent":["import type { Color, Skia } from \"../../../skia/types\";\n\nexport const RED = 0;\nexport const GREEN = 1;\nexport const BLUE = 2;\nexport const ALPHA = 3;\n\nexport const rgbaColor = (r: number, g: number, b: number, a: number) =>\n  new Float32Array([r, g, b, a]);\n\nexport const processColor = (Skia: Skia, cl: Color, currentOpacity: number) => {\n  const color = Skia.Color(cl);\n  color[ALPHA] *= currentOpacity;\n  return color;\n};\n"],"mappings":";;;;;;AAEO,MAAMA,GAAG,GAAG,CAAZ;;AACA,MAAMC,KAAK,GAAG,CAAd;;AACA,MAAMC,IAAI,GAAG,CAAb;;AACA,MAAMC,KAAK,GAAG,CAAd;;;AAEA,MAAMC,SAAS,GAAG,CAACC,CAAD,EAAYC,CAAZ,EAAuBC,CAAvB,EAAkCC,CAAlC,KACvB,IAAIC,YAAJ,CAAiB,CAACJ,CAAD,EAAIC,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAjB,CADK;;;;AAGA,MAAME,YAAY,GAAG,CAACC,IAAD,EAAaC,EAAb,EAAwBC,cAAxB,KAAmD;EAC7E,MAAMC,KAAK,GAAGH,IAAI,CAACI,KAAL,CAAWH,EAAX,CAAd;EACAE,KAAK,CAACX,KAAD,CAAL,IAAgBU,cAAhB;EACA,OAAOC,KAAP;AACD,CAJM"}

package/lib/commonjs/renderer/useCanvas.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSkiaPrivate = exports.CanvasProvider = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const CanvasContext = /*#__PURE__*/_react.default.createContext(null);
-
-const CanvasProvider = CanvasContext.Provider; // This private function will be removed once we remove the useCanvas hook and
-// implement the Mask component as a node (will be faster too)
-
-exports.CanvasProvider = CanvasProvider;
-
-const useSkiaPrivate = () => {
-  const ctx = (0, _react.useContext)(CanvasContext);
-
-  if (!ctx) {
-    throw new Error("Skia Canvas context is not available");
-  }
-
-  return ctx.Skia;
-};
-
-exports.useSkiaPrivate = useSkiaPrivate;
-//# sourceMappingURL=useCanvas.js.map

package/lib/commonjs/renderer/useCanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CanvasContext","React","createContext","CanvasProvider","Provider","useSkiaPrivate","ctx","useContext","Error","Skia"],"sources":["useCanvas.ts"],"sourcesContent":["import React, { useContext } from \"react\";\n\nimport type { Skia } from \"../skia/types\";\n\ninterface CanvasContext {\n  Skia: Skia;\n}\n\nconst CanvasContext = React.createContext<CanvasContext | null>(null);\n\nexport const CanvasProvider = CanvasContext.Provider;\n\n// This private function will be removed once we remove the useCanvas hook and\n// implement the Mask component as a node (will be faster too)\nexport const useSkiaPrivate = () => {\n  const ctx = useContext(CanvasContext);\n  if (!ctx) {\n    throw new Error(\"Skia Canvas context is not available\");\n  }\n  return ctx.Skia;\n};\n"],"mappings":";;;;;;;AAAA;;;;;;AAQA,MAAMA,aAAa,gBAAGC,cAAA,CAAMC,aAAN,CAA0C,IAA1C,CAAtB;;AAEO,MAAMC,cAAc,GAAGH,aAAa,CAACI,QAArC,C,CAEP;AACA;;;;AACO,MAAMC,cAAc,GAAG,MAAM;EAClC,MAAMC,GAAG,GAAG,IAAAC,iBAAA,EAAWP,aAAX,CAAZ;;EACA,IAAI,CAACM,GAAL,EAAU;IACR,MAAM,IAAIE,KAAJ,CAAU,sCAAV,CAAN;EACD;;EACD,OAAOF,GAAG,CAACG,IAAX;AACD,CANM"}

package/lib/module/dom/nodes/datatypes/Color.js

@@ -1,11 +0,0 @@
-export const RED = 0;
-export const GREEN = 1;
-export const BLUE = 2;
-export const ALPHA = 3;
-export const rgbaColor = (r, g, b, a) => new Float32Array([r, g, b, a]);
-export const processColor = (Skia, cl, currentOpacity) => {
-  const color = Skia.Color(cl);
-  color[ALPHA] *= currentOpacity;
-  return color;
-};
-//# sourceMappingURL=Color.js.map

package/lib/module/dom/nodes/datatypes/Color.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RED","GREEN","BLUE","ALPHA","rgbaColor","r","g","b","a","Float32Array","processColor","Skia","cl","currentOpacity","color","Color"],"sources":["Color.ts"],"sourcesContent":["import type { Color, Skia } from \"../../../skia/types\";\n\nexport const RED = 0;\nexport const GREEN = 1;\nexport const BLUE = 2;\nexport const ALPHA = 3;\n\nexport const rgbaColor = (r: number, g: number, b: number, a: number) =>\n  new Float32Array([r, g, b, a]);\n\nexport const processColor = (Skia: Skia, cl: Color, currentOpacity: number) => {\n  const color = Skia.Color(cl);\n  color[ALPHA] *= currentOpacity;\n  return color;\n};\n"],"mappings":"AAEA,OAAO,MAAMA,GAAG,GAAG,CAAZ;AACP,OAAO,MAAMC,KAAK,GAAG,CAAd;AACP,OAAO,MAAMC,IAAI,GAAG,CAAb;AACP,OAAO,MAAMC,KAAK,GAAG,CAAd;AAEP,OAAO,MAAMC,SAAS,GAAG,CAACC,CAAD,EAAYC,CAAZ,EAAuBC,CAAvB,EAAkCC,CAAlC,KACvB,IAAIC,YAAJ,CAAiB,CAACJ,CAAD,EAAIC,CAAJ,EAAOC,CAAP,EAAUC,CAAV,CAAjB,CADK;AAGP,OAAO,MAAME,YAAY,GAAG,CAACC,IAAD,EAAaC,EAAb,EAAwBC,cAAxB,KAAmD;EAC7E,MAAMC,KAAK,GAAGH,IAAI,CAACI,KAAL,CAAWH,EAAX,CAAd;EACAE,KAAK,CAACX,KAAD,CAAL,IAAgBU,cAAhB;EACA,OAAOC,KAAP;AACD,CAJM"}

package/lib/module/renderer/useCanvas.js

@@ -1,15 +0,0 @@
-import React, { useContext } from "react";
-const CanvasContext = /*#__PURE__*/React.createContext(null);
-export const CanvasProvider = CanvasContext.Provider; // This private function will be removed once we remove the useCanvas hook and
-// implement the Mask component as a node (will be faster too)
-
-export const useSkiaPrivate = () => {
-  const ctx = useContext(CanvasContext);
-
-  if (!ctx) {
-    throw new Error("Skia Canvas context is not available");
-  }
-
-  return ctx.Skia;
-};
-//# sourceMappingURL=useCanvas.js.map

package/lib/module/renderer/useCanvas.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","CanvasContext","createContext","CanvasProvider","Provider","useSkiaPrivate","ctx","Error","Skia"],"sources":["useCanvas.ts"],"sourcesContent":["import React, { useContext } from \"react\";\n\nimport type { Skia } from \"../skia/types\";\n\ninterface CanvasContext {\n  Skia: Skia;\n}\n\nconst CanvasContext = React.createContext<CanvasContext | null>(null);\n\nexport const CanvasProvider = CanvasContext.Provider;\n\n// This private function will be removed once we remove the useCanvas hook and\n// implement the Mask component as a node (will be faster too)\nexport const useSkiaPrivate = () => {\n  const ctx = useContext(CanvasContext);\n  if (!ctx) {\n    throw new Error(\"Skia Canvas context is not available\");\n  }\n  return ctx.Skia;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAQA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAA0C,IAA1C,CAAtB;AAEA,OAAO,MAAMC,cAAc,GAAGF,aAAa,CAACG,QAArC,C,CAEP;AACA;;AACA,OAAO,MAAMC,cAAc,GAAG,MAAM;EAClC,MAAMC,GAAG,GAAGN,UAAU,CAACC,aAAD,CAAtB;;EACA,IAAI,CAACK,GAAL,EAAU;IACR,MAAM,IAAIC,KAAJ,CAAU,sCAAV,CAAN;EACD;;EACD,OAAOD,GAAG,CAACE,IAAX;AACD,CANM"}

package/lib/typescript/src/dom/nodes/datatypes/Color.d.ts

@@ -1,7 +0,0 @@
-import type { Color, Skia } from "../../../skia/types";
-export declare const RED = 0;
-export declare const GREEN = 1;
-export declare const BLUE = 2;
-export declare const ALPHA = 3;
-export declare const rgbaColor: (r: number, g: number, b: number, a: number) => Float32Array;
-export declare const processColor: (Skia: Skia, cl: Color, currentOpacity: number) => Float32Array;

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

@@ -1,9 +0,0 @@
-import React from "react";
-import type { Skia } from "../skia/types";
-interface CanvasContext {
-    Skia: Skia;
-}
-declare const CanvasContext: React.Context<CanvasContext | null>;
-export declare const CanvasProvider: React.Provider<CanvasContext | null>;
-export declare const useSkiaPrivate: () => Skia;
-export {};

package/src/dom/nodes/datatypes/Color.ts

@@ -1,15 +0,0 @@
-import type { Color, Skia } from "../../../skia/types";
-
-export const RED = 0;
-export const GREEN = 1;
-export const BLUE = 2;
-export const ALPHA = 3;
-
-export const rgbaColor = (r: number, g: number, b: number, a: number) =>
-  new Float32Array([r, g, b, a]);
-
-export const processColor = (Skia: Skia, cl: Color, currentOpacity: number) => {
-  const color = Skia.Color(cl);
-  color[ALPHA] *= currentOpacity;
-  return color;
-};