@shopify/react-native-skia 2.7.0 → 2.8.0

package/cpp/api/JsiSkParagraph.h

@@ -8,6 +8,7 @@
 #include <jsi/jsi.h>
 
 #include "JsiSkCanvas.h"
+#include "JsiSkFont.h"
 #include "JsiSkHostObjects.h"
 #include "JsiSkPath.h"
 #include "JsiSkRect.h"
@@ -141,6 +142,117 @@ public:
     return returnValue;
   }
 
+  JSI_HOST_FUNCTION(getPath) {
+    auto lineNumber =
+        static_cast<int>(getArgumentAsNumber(runtime, arguments, count, 0));
+    auto paragraph = getObject();
+    // Paragraph::getPath does not bounds-check the line number.
+    if (lineNumber < 0 ||
+        static_cast<size_t>(lineNumber) >= paragraph->lineNumber()) {
+      return jsi::Value::null();
+    }
+    // Paragraph::getPath resets its path builder after every visual run, so
+    // for lines shaped as multiple runs (e.g. through font fallback) it only
+    // returns the glyphs of the last run. Build the path from the per-glyph
+    // data exposed by extendedVisit instead.
+    SkPathBuilder builder;
+    paragraph->extendedVisit(
+        [lineNumber, &builder](
+            int visitedLine, const para::Paragraph::ExtendedVisitorInfo *info) {
+          if (visitedLine != lineNumber || info == nullptr) {
+            return;
+          }
+          struct Rec {
+            SkPathBuilder *builder;
+            SkPoint origin;
+            const SkPoint *pos;
+          } rec = {&builder, info->origin, info->positions};
+          info->font.getPaths(
+              {info->glyphs, static_cast<size_t>(info->count)},
+              [](const SkPath *src, const SkMatrix &mx, void *ctx) {
+                auto *rec = static_cast<Rec *>(ctx);
+                if (src != nullptr) {
+                  SkMatrix total = mx;
+                  total.postTranslate(rec->origin.fX + rec->pos->fX,
+                                      rec->origin.fY + rec->pos->fY);
+                  rec->builder->addPath(*src, total);
+                }
+                rec->pos += 1;
+              },
+              &rec);
+        });
+    SkPath path = builder.detach();
+    auto hostObjectInstance =
+        std::make_shared<JsiSkPath>(getContext(), std::move(path));
+    return JSI_CREATE_HOST_OBJECT_WITH_MEMORY_PRESSURE(
+        runtime, hostObjectInstance, getContext());
+  }
+
+  JSI_HOST_FUNCTION(extendedVisit) {
+    auto visitorObject = getArgumentAsFunction(runtime, arguments, count, 0);
+    auto visitor = visitorObject.asFunction(runtime);
+    auto context = getContext();
+    getObject()->extendedVisit(
+        [&runtime, &visitor, &context](
+            int lineNumber, const para::Paragraph::ExtendedVisitorInfo *info) {
+          if (info == nullptr) {
+            // Signals the end of the line
+            visitor.call(runtime, static_cast<double>(lineNumber),
+                         jsi::Value::null());
+            return;
+          }
+          auto value = jsi::Object(runtime);
+
+          auto fontInstance = std::make_shared<JsiSkFont>(context, info->font);
+          value.setProperty(runtime, "font",
+                            JSI_CREATE_HOST_OBJECT_WITH_MEMORY_PRESSURE(
+                                runtime, fontInstance, context));
+
+          auto origin = jsi::Object(runtime);
+          origin.setProperty(runtime, "x",
+                             static_cast<double>(info->origin.x()));
+          origin.setProperty(runtime, "y",
+                             static_cast<double>(info->origin.y()));
+          value.setProperty(runtime, "origin", origin);
+
+          auto advance = jsi::Object(runtime);
+          advance.setProperty(runtime, "width",
+                              static_cast<double>(info->advance.width()));
+          advance.setProperty(runtime, "height",
+                              static_cast<double>(info->advance.height()));
+          value.setProperty(runtime, "advance", advance);
+
+          auto size = info->count;
+          auto glyphs = jsi::Array(runtime, size);
+          auto positions = jsi::Array(runtime, size);
+          auto bounds = jsi::Array(runtime, size);
+          auto utf8Starts = jsi::Array(runtime, size);
+          for (int i = 0; i < size; ++i) {
+            glyphs.setValueAtIndex(runtime, i,
+                                   static_cast<double>(info->glyphs[i]));
+            auto position = jsi::Object(runtime);
+            position.setProperty(runtime, "x",
+                                 static_cast<double>(info->positions[i].x()));
+            position.setProperty(runtime, "y",
+                                 static_cast<double>(info->positions[i].y()));
+            positions.setValueAtIndex(runtime, i, position);
+            bounds.setValueAtIndex(
+                runtime, i,
+                JsiSkRect::toValue(runtime, context, info->bounds[i]));
+            utf8Starts.setValueAtIndex(
+                runtime, i, static_cast<double>(info->utf8Starts[i]));
+          }
+          value.setProperty(runtime, "glyphs", glyphs);
+          value.setProperty(runtime, "positions", positions);
+          value.setProperty(runtime, "bounds", bounds);
+          value.setProperty(runtime, "utf8Starts", utf8Starts);
+          value.setProperty(runtime, "flags", static_cast<double>(info->flags));
+
+          visitor.call(runtime, static_cast<double>(lineNumber), value);
+        });
+    return jsi::Value::undefined();
+  }
+
   JSI_HOST_FUNCTION(getRectsForPlaceholders) {
     std::vector<para::TextBox> placeholderInfos =
         getObject()->getRectsForPlaceholders();
@@ -169,6 +281,8 @@ public:
                                        getGlyphPositionAtCoordinate),
                        JSI_EXPORT_FUNC(JsiSkParagraph, getRectsForRange),
                        JSI_EXPORT_FUNC(JsiSkParagraph, getLineMetrics),
+                       JSI_EXPORT_FUNC(JsiSkParagraph, getPath),
+                       JSI_EXPORT_FUNC(JsiSkParagraph, extendedVisit),
                        JSI_EXPORT_FUNC(JsiSkParagraph, dispose))
 
   size_t getMemoryPressure() const override { return 1024 * 1024; }

package/lib/commonjs/external/reanimated/useVideoLoading.js

@@ -8,7 +8,16 @@ var _react = require("react");
 var _skia = require("../../skia");
 var _ReanimatedProxy = _interopRequireDefault(require("./ReanimatedProxy"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const runtime = _ReanimatedProxy.default.createWorkletRuntime("video-metadata-runtime");
+// Created lazily: accessing the proxy at module scope would require
+// react-native-reanimated as soon as the package is imported, and would spawn
+// the runtime even for apps that never load a video.
+let runtime;
+const getRuntime = () => {
+  if (runtime === undefined) {
+    runtime = _ReanimatedProxy.default.createWorkletRuntime("video-metadata-runtime");
+  }
+  return runtime;
+};
 const useVideoLoading = source => {
   const {
     runOnJS
@@ -22,7 +31,7 @@ const useVideoLoading = source => {
   }, [runOnJS]);
   (0, _react.useEffect)(() => {
     if (source) {
-      _ReanimatedProxy.default.runOnRuntime(runtime, cb)(source);
+      _ReanimatedProxy.default.runOnRuntime(getRuntime(), cb)(source);
     }
   }, [cb, source]);
   return video;

package/lib/commonjs/external/reanimated/useVideoLoading.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_skia","_ReanimatedProxy","_interopRequireDefault","e","__esModule","default","runtime","Rea","createWorkletRuntime","useVideoLoading","source","runOnJS","video","setVideo","useState","cb","useCallback","src","vid","Skia","Video","useEffect","runOnRuntime","exports"],"sources":["useVideoLoading.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nimport type { Video } from \"../../skia/types\";\nimport { Skia } from \"../../skia\";\n\nimport Rea from \"./ReanimatedProxy\";\n\nconst runtime = Rea.createWorkletRuntime(\"video-metadata-runtime\");\n\ntype VideoSource = string | null;\n\nexport const useVideoLoading = (source: VideoSource) => {\n  const { runOnJS } = Rea;\n  const [video, setVideo] = useState<Video | null>(null);\n  const cb = useCallback(\n    (src: string) => {\n      \"worklet\";\n      const vid = Skia.Video(src) as Video;\n      runOnJS(setVideo)(vid);\n    },\n    [runOnJS]\n  );\n  useEffect(() => {\n    if (source) {\n      Rea.runOnRuntime(runtime, cb)(source);\n    }\n  }, [cb, source]);\n  return video;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAoC,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,OAAO,GAAGC,wBAAG,CAACC,oBAAoB,CAAC,wBAAwB,CAAC;AAI3D,MAAMC,eAAe,GAAIC,MAAmB,IAAK;EACtD,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,wBAAG;EACvB,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAe,IAAI,CAAC;EACtD,MAAMC,EAAE,GAAG,IAAAC,kBAAW,EACnBC,GAAW,IAAK;IACf,SAAS;;IACT,MAAMC,GAAG,GAAGC,UAAI,CAACC,KAAK,CAACH,GAAG,CAAU;IACpCN,OAAO,CAACE,QAAQ,CAAC,CAACK,GAAG,CAAC;EACxB,CAAC,EACD,CAACP,OAAO,CACV,CAAC;EACD,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAIX,MAAM,EAAE;MACVH,wBAAG,CAACe,YAAY,CAAChB,OAAO,EAAES,EAAE,CAAC,CAACL,MAAM,CAAC;IACvC;EACF,CAAC,EAAE,CAACK,EAAE,EAAEL,MAAM,CAAC,CAAC;EAChB,OAAOE,KAAK;AACd,CAAC;AAACW,OAAA,CAAAd,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_skia","_ReanimatedProxy","_interopRequireDefault","e","__esModule","default","runtime","getRuntime","undefined","Rea","createWorkletRuntime","useVideoLoading","source","runOnJS","video","setVideo","useState","cb","useCallback","src","vid","Skia","Video","useEffect","runOnRuntime","exports"],"sources":["useVideoLoading.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport type { WorkletRuntime } from \"react-native-reanimated\";\n\nimport type { Video } from \"../../skia/types\";\nimport { Skia } from \"../../skia\";\n\nimport Rea from \"./ReanimatedProxy\";\n\n// Created lazily: accessing the proxy at module scope would require\n// react-native-reanimated as soon as the package is imported, and would spawn\n// the runtime even for apps that never load a video.\nlet runtime: WorkletRuntime | undefined;\nconst getRuntime = () => {\n  if (runtime === undefined) {\n    runtime = Rea.createWorkletRuntime(\"video-metadata-runtime\");\n  }\n  return runtime;\n};\n\ntype VideoSource = string | null;\n\nexport const useVideoLoading = (source: VideoSource) => {\n  const { runOnJS } = Rea;\n  const [video, setVideo] = useState<Video | null>(null);\n  const cb = useCallback(\n    (src: string) => {\n      \"worklet\";\n      const vid = Skia.Video(src) as Video;\n      runOnJS(setVideo)(vid);\n    },\n    [runOnJS]\n  );\n  useEffect(() => {\n    if (source) {\n      Rea.runOnRuntime(getRuntime(), cb)(source);\n    }\n  }, [cb, source]);\n  return video;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAoC,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC;AACA;AACA;AACA,IAAIG,OAAmC;AACvC,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACvB,IAAID,OAAO,KAAKE,SAAS,EAAE;IACzBF,OAAO,GAAGG,wBAAG,CAACC,oBAAoB,CAAC,wBAAwB,CAAC;EAC9D;EACA,OAAOJ,OAAO;AAChB,CAAC;AAIM,MAAMK,eAAe,GAAIC,MAAmB,IAAK;EACtD,MAAM;IAAEC;EAAQ,CAAC,GAAGJ,wBAAG;EACvB,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAe,IAAI,CAAC;EACtD,MAAMC,EAAE,GAAG,IAAAC,kBAAW,EACnBC,GAAW,IAAK;IACf,SAAS;;IACT,MAAMC,GAAG,GAAGC,UAAI,CAACC,KAAK,CAACH,GAAG,CAAU;IACpCN,OAAO,CAACE,QAAQ,CAAC,CAACK,GAAG,CAAC;EACxB,CAAC,EACD,CAACP,OAAO,CACV,CAAC;EACD,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAIX,MAAM,EAAE;MACVH,wBAAG,CAACe,YAAY,CAACjB,UAAU,CAAC,CAAC,EAAEU,EAAE,CAAC,CAACL,MAAM,CAAC;IAC5C;EACF,CAAC,EAAE,CAACK,EAAE,EAAEL,MAAM,CAAC,CAAC;EAChB,OAAOE,KAAK;AACd,CAAC;AAACW,OAAA,CAAAd,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/skia/core/SVG.web.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSVG = void 0;
 var _react = require("react");
 var _Skia = require("../Skia");
+var _Platform = require("../../Platform");
 const useSVG = (source, onError) => {
   const [svg, setSVG] = (0, _react.useState)(null);
   if (source === null || source === undefined) {
@@ -16,12 +17,10 @@ const useSVG = (source, onError) => {
       let src;
       if (typeof source === "string") {
         src = source;
-      } else if (typeof source === "object" && "default" in source && typeof source.default === "string") {
-        src = source.default;
-      } else if (typeof source === "object" && "uri" in source) {
-        src = source.uri;
+      } else if (source instanceof Uint8Array) {
+        throw new Error(`Invalid svg data source. Make sure that the source resolves to a string. Got: ${source}`);
       } else {
-        throw new Error(`Invalid svg data source. Make sure that the source resolves to a string. Got: ${JSON.stringify(source, null, 2)}`);
+        src = _Platform.Platform.resolveAsset(source);
       }
       const result = await fetch(src);
       const svgStr = await result.text();

package/lib/commonjs/skia/core/SVG.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_Skia","useSVG","source","onError","svg","setSVG","useState","undefined","Error","useEffect","src","default","uri","JSON","stringify","result","fetch","svgStr","text","newSvg","Skia","SVG","MakeFromString","exports"],"sources":["SVG.web.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport type { DataSourceParam, SkSVG } from \"../types\";\n\nexport const useSVG = (\n  source: DataSourceParam,\n  onError?: (err: Error) => void\n) => {\n  const [svg, setSVG] = useState<SkSVG | null>(null);\n  if (source === null || source === undefined) {\n    throw new Error(`Invalid svg data source. Got: ${source}`);\n  }\n  useEffect(() => {\n    (async () => {\n      let src: string;\n      if (typeof source === \"string\") {\n        src = source;\n      } else if (\n        typeof source === \"object\" &&\n        \"default\" in source &&\n        typeof source.default === \"string\"\n      ) {\n        src = source.default;\n      } else if (typeof source === \"object\" && \"uri\" in source) {\n        src = source.uri;\n      } else {\n        throw new Error(\n          `Invalid svg data source. Make sure that the source resolves to a string. Got: ${JSON.stringify(\n            source,\n            null,\n            2\n          )}`\n        );\n      }\n      const result = await fetch(src);\n      const svgStr = await result.text();\n      const newSvg = Skia.SVG.MakeFromString(svgStr);\n      setSVG(newSvg);\n      if (newSvg === null && onError !== undefined) {\n        onError(new Error(\"Failed to create SVG from source.\"));\n      }\n    })();\n  }, [onError, source]);\n  return svg;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAGO,MAAME,MAAM,GAAGA,CACpBC,MAAuB,EACvBC,OAA8B,KAC3B;EACH,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAC,eAAQ,EAAe,IAAI,CAAC;EAClD,IAAIJ,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAKK,SAAS,EAAE;IAC3C,MAAM,IAAIC,KAAK,CAAC,iCAAiCN,MAAM,EAAE,CAAC;EAC5D;EACA,IAAAO,gBAAS,EAAC,MAAM;IACd,CAAC,YAAY;MACX,IAAIC,GAAW;MACf,IAAI,OAAOR,MAAM,KAAK,QAAQ,EAAE;QAC9BQ,GAAG,GAAGR,MAAM;MACd,CAAC,MAAM,IACL,OAAOA,MAAM,KAAK,QAAQ,IAC1B,SAAS,IAAIA,MAAM,IACnB,OAAOA,MAAM,CAACS,OAAO,KAAK,QAAQ,EAClC;QACAD,GAAG,GAAGR,MAAM,CAACS,OAAO;MACtB,CAAC,MAAM,IAAI,OAAOT,MAAM,KAAK,QAAQ,IAAI,KAAK,IAAIA,MAAM,EAAE;QACxDQ,GAAG,GAAGR,MAAM,CAACU,GAAG;MAClB,CAAC,MAAM;QACL,MAAM,IAAIJ,KAAK,CACb,iFAAiFK,IAAI,CAACC,SAAS,CAC7FZ,MAAM,EACN,IAAI,EACJ,CACF,CAAC,EACH,CAAC;MACH;MACA,MAAMa,MAAM,GAAG,MAAMC,KAAK,CAACN,GAAG,CAAC;MAC/B,MAAMO,MAAM,GAAG,MAAMF,MAAM,CAACG,IAAI,CAAC,CAAC;MAClC,MAAMC,MAAM,GAAGC,UAAI,CAACC,GAAG,CAACC,cAAc,CAACL,MAAM,CAAC;MAC9CZ,MAAM,CAACc,MAAM,CAAC;MACd,IAAIA,MAAM,KAAK,IAAI,IAAIhB,OAAO,KAAKI,SAAS,EAAE;QAC5CJ,OAAO,CAAC,IAAIK,KAAK,CAAC,mCAAmC,CAAC,CAAC;MACzD;IACF,CAAC,EAAE,CAAC;EACN,CAAC,EAAE,CAACL,OAAO,EAAED,MAAM,CAAC,CAAC;EACrB,OAAOE,GAAG;AACZ,CAAC;AAACmB,OAAA,CAAAtB,MAAA,GAAAA,MAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_Skia","_Platform","useSVG","source","onError","svg","setSVG","useState","undefined","Error","useEffect","src","Uint8Array","Platform","resolveAsset","result","fetch","svgStr","text","newSvg","Skia","SVG","MakeFromString","exports"],"sources":["SVG.web.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { Skia } from \"../Skia\";\nimport type { DataSourceParam, SkSVG } from \"../types\";\nimport { Platform } from \"../../Platform\";\n\nexport const useSVG = (\n  source: DataSourceParam,\n  onError?: (err: Error) => void\n) => {\n  const [svg, setSVG] = useState<SkSVG | null>(null);\n  if (source === null || source === undefined) {\n    throw new Error(`Invalid svg data source. Got: ${source}`);\n  }\n  useEffect(() => {\n    (async () => {\n      let src: string;\n      if (typeof source === \"string\") {\n        src = source;\n      } else if (source instanceof Uint8Array) {\n        throw new Error(\n          `Invalid svg data source. Make sure that the source resolves to a string. Got: ${source}`\n        );\n      } else {\n        src = Platform.resolveAsset(source);\n      }\n      const result = await fetch(src);\n      const svgStr = await result.text();\n      const newSvg = Skia.SVG.MakeFromString(svgStr);\n      setSVG(newSvg);\n      if (newSvg === null && onError !== undefined) {\n        onError(new Error(\"Failed to create SVG from source.\"));\n      }\n    })();\n  }, [onError, source]);\n  return svg;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAEO,MAAMG,MAAM,GAAGA,CACpBC,MAAuB,EACvBC,OAA8B,KAC3B;EACH,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAG,IAAAC,eAAQ,EAAe,IAAI,CAAC;EAClD,IAAIJ,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAKK,SAAS,EAAE;IAC3C,MAAM,IAAIC,KAAK,CAAC,iCAAiCN,MAAM,EAAE,CAAC;EAC5D;EACA,IAAAO,gBAAS,EAAC,MAAM;IACd,CAAC,YAAY;MACX,IAAIC,GAAW;MACf,IAAI,OAAOR,MAAM,KAAK,QAAQ,EAAE;QAC9BQ,GAAG,GAAGR,MAAM;MACd,CAAC,MAAM,IAAIA,MAAM,YAAYS,UAAU,EAAE;QACvC,MAAM,IAAIH,KAAK,CACb,iFAAiFN,MAAM,EACzF,CAAC;MACH,CAAC,MAAM;QACLQ,GAAG,GAAGE,kBAAQ,CAACC,YAAY,CAACX,MAAM,CAAC;MACrC;MACA,MAAMY,MAAM,GAAG,MAAMC,KAAK,CAACL,GAAG,CAAC;MAC/B,MAAMM,MAAM,GAAG,MAAMF,MAAM,CAACG,IAAI,CAAC,CAAC;MAClC,MAAMC,MAAM,GAAGC,UAAI,CAACC,GAAG,CAACC,cAAc,CAACL,MAAM,CAAC;MAC9CX,MAAM,CAACa,MAAM,CAAC;MACd,IAAIA,MAAM,KAAK,IAAI,IAAIf,OAAO,KAAKI,SAAS,EAAE;QAC5CJ,OAAO,CAAC,IAAIK,KAAK,CAAC,mCAAmC,CAAC,CAAC;MACzD;IACF,CAAC,EAAE,CAAC;EACN,CAAC,EAAE,CAACL,OAAO,EAAED,MAAM,CAAC,CAAC;EACrB,OAAOE,GAAG;AACZ,CAAC;AAACkB,OAAA,CAAArB,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/skia/types/Paragraph/Paragraph.d.ts

@@ -1,6 +1,10 @@
 import type { SkCanvas } from "../Canvas";
+import type { SkFont } from "../Font";
 import type { SkJSIInstance } from "../JsiInstance";
+import type { SkPath } from "../Path";
+import type { SkPoint } from "../Point";
 import type { SkRect } from "../Rect";
+import type { SkSize } from "../Size";
 import type { TextDirection } from "./ParagraphStyle";
 export interface LineMetrics {
     /** The index in the text buffer the line begins. */
@@ -36,6 +40,42 @@ export interface SkRectWithDirection {
     rect: SkRect;
     direction: TextDirection;
 }
+/**
+ * Information about a run of glyphs passed to the visitor of
+ * `SkParagraph.extendedVisit`. All glyphs in a run share the same font: for
+ * text shaped through font fallback, each fallback font produces its own
+ * run(s).
+ */
+export interface ParagraphVisitorInfo {
+    /** The font used to shape this run (the resolved fallback font, if any). */
+    font: SkFont;
+    /** Origin of the run within the paragraph (baseline corrected). */
+    origin: SkPoint;
+    /** Advance of the run. */
+    advance: SkSize;
+    /** The glyph ids of the run. */
+    glyphs: number[];
+    /**
+     * The position of each glyph, relative to the run `origin`. Add `origin`
+     * to obtain paragraph coordinates: for a run shaped through font fallback,
+     * the run placement is carried by `origin`, not by the positions.
+     */
+    positions: SkPoint[];
+    /**
+     * The tight ink bounds of each glyph, relative to the glyph's origin.
+     * Combine with `positions` to compute the exact painted bounds of the run.
+     */
+    bounds: SkRect[];
+    /** The UTF-8 text index of the cluster each glyph belongs to. */
+    utf8Starts: number[];
+    /** Reserved flags (currently always 0). */
+    flags: number;
+}
+/**
+ * Visitor for `SkParagraph.extendedVisit`. Called once per run of glyphs;
+ * `info` is null to signal the end of a line.
+ */
+export type ParagraphExtendedVisitor = (lineNumber: number, info: ParagraphVisitorInfo | null) => void;
 export interface SkParagraph extends SkJSIInstance<"Paragraph"> {
     /**
      * Calculates the position of the the glyphs in the paragraph
@@ -106,4 +146,26 @@ export interface SkParagraph extends SkJSIInstance<"Paragraph"> {
      * to the paragraph.
      */
     getRectsForPlaceholders(): SkRectWithDirection[];
+    /**
+     * Converts the glyphs of the given line into an SkPath, with all font
+     * fallbacks already applied. Use `computeTightBounds()` on the resulting
+     * path to measure the exact ink bounds of the rendered text (as opposed to
+     * the font-metrics based bounds returned by `getRectsForRange`).
+     * Note that color glyphs (e.g. emojis) cannot be converted to a path and
+     * are skipped. Returns null if the line number is out of bounds.
+     * This method requires the layout method to have been called first.
+     * Not implemented on React Native Web.
+     * @param lineNumber The line number (zero indexed, see `getLineMetrics`)
+     */
+    getPath(lineNumber: number): SkPath | null;
+    /**
+     * Visits the laid out paragraph, calling the visitor once for every run of
+     * glyphs with the resolved font, glyph ids, positions and per-glyph tight
+     * ink bounds. The visitor is called with a null info to signal the end of
+     * each line. This exposes the exact layout that would be painted.
+     * This method requires the layout method to have been called first.
+     * Not implemented on React Native Web.
+     * @param visitor Called once per glyph run, and once per line end
+     */
+    extendedVisit(visitor: ParagraphExtendedVisitor): void;
 }

package/lib/commonjs/skia/types/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Paragraph.ts"],"sourcesContent":["import type { SkCanvas } from \"../Canvas\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkRect } from \"../Rect\";\n\nimport type { TextDirection } from \"./ParagraphStyle\";\n\nexport interface LineMetrics {\n  /** The index in the text buffer the line begins. */\n  startIndex: number;\n  /** The index in the text buffer the line ends. */\n  endIndex: number;\n  endExcludingWhitespaces: number;\n  endIncludingNewline: number;\n  /** True if the line ends in a hard break (e.g. newline) */\n  isHardBreak: boolean;\n  /**\n   * The final computed ascent for the line. This can be impacted by\n   * the strut, height, scaling, as well as outlying runs that are very tall.\n   */\n  ascent: number;\n  /**\n   * The final computed descent for the line. This can be impacted by\n   * the strut, height, scaling, as well as outlying runs that are very tall.\n   */\n  descent: number;\n  /** round(ascent + descent) */\n  height: number;\n  /** width of the line */\n  width: number;\n  /** The left edge of the line. The right edge can be obtained with `left + width` */\n  left: number;\n  /** The y position of the baseline for this line from the top of the paragraph. */\n  baseline: number;\n  /** Zero indexed line number. */\n  lineNumber: number;\n}\n\nexport interface SkRectWithDirection {\n  rect: SkRect;\n  direction: TextDirection;\n}\n\nexport interface SkParagraph extends SkJSIInstance<\"Paragraph\"> {\n  /**\n   * Calculates the position of the the glyphs in the paragraph\n   * @param width Max width of the paragraph\n   */\n  layout(width: number): void;\n  /**\n   * Paints the paragraph to the provded canvas\n   * @param canvas Canvas to paint into\n   * @param x X coordinate to paint at\n   * @param y Y coordinate to paint at\n   */\n  paint(canvas: SkCanvas, x: number, y: number): void;\n  /**\n   * Returns the height of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getHeight(): number;\n  /**\n   * Returns the max width of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getMaxWidth(): number;\n  /**\n   * Returns the minimum intrinsic width of the paragraph.\n   * The minimum intrinsic width is the width beyond which increasing the width of the paragraph\n   * does not decrease the height. This is effectively the width at which the paragraph\n   * can no longer wrap lines and is forced to overflow.\n   * This method requires the layout method to have been called first.\n   * @returns {number} The minimum intrinsic width of the paragraph.\n   */\n  getMinIntrinsicWidth(): number;\n  /**\n   * Returns the maximum intrinsic width of the paragraph.\n   * The maximum intrinsic width is the width at which the paragraph can layout its content without line breaks,\n   * meaning it's the width of the widest line or the widest word if the widest line is shorter than that.\n   * This width represents the ideal width for the paragraph to display all content in a single line without overflow.\n   * This method requires the layout method to have been called first.\n   * @returns {number} The maximum intrinsic width of the paragraph.\n   */\n  getMaxIntrinsicWidth(): number;\n\n  /**\n   * Returns the width of the longest line in the paragraph.\n   * This method requires the layout method to have been called first.\n   */\n  getLongestLine(): number;\n\n  /**\n   * Returns the index of the glyph at the given position. This method requires\n   * the layout method to have been called first.\n   * @param x X coordinate of the position\n   * @param y Y coordinate of the position\n   */\n  getGlyphPositionAtCoordinate(x: number, y: number): number;\n  /**\n   * Returns the bounding boxes of the glyphs in the given range. This method\n   * requires the layout method to have been called first.\n   * @param start Start index of the range\n   * @param end End index of the range\n   */\n  getRectsForRange(start: number, end: number): SkRect[];\n  /**\n   * Returns the bounding boxes for all lines in the paragraph. This method\n   * requires the layout method to have been called first.\n   */\n  getLineMetrics(): LineMetrics[];\n  /**\n   * Returns a list of rects with direction info for the placeholders added\n   * to the paragraph.\n   */\n  getRectsForPlaceholders(): SkRectWithDirection[];\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["Paragraph.ts"],"sourcesContent":["import type { SkCanvas } from \"../Canvas\";\nimport type { SkFont } from \"../Font\";\nimport type { SkJSIInstance } from \"../JsiInstance\";\nimport type { SkPath } from \"../Path\";\nimport type { SkPoint } from \"../Point\";\nimport type { SkRect } from \"../Rect\";\nimport type { SkSize } from \"../Size\";\n\nimport type { TextDirection } from \"./ParagraphStyle\";\n\nexport interface LineMetrics {\n  /** The index in the text buffer the line begins. */\n  startIndex: number;\n  /** The index in the text buffer the line ends. */\n  endIndex: number;\n  endExcludingWhitespaces: number;\n  endIncludingNewline: number;\n  /** True if the line ends in a hard break (e.g. newline) */\n  isHardBreak: boolean;\n  /**\n   * The final computed ascent for the line. This can be impacted by\n   * the strut, height, scaling, as well as outlying runs that are very tall.\n   */\n  ascent: number;\n  /**\n   * The final computed descent for the line. This can be impacted by\n   * the strut, height, scaling, as well as outlying runs that are very tall.\n   */\n  descent: number;\n  /** round(ascent + descent) */\n  height: number;\n  /** width of the line */\n  width: number;\n  /** The left edge of the line. The right edge can be obtained with `left + width` */\n  left: number;\n  /** The y position of the baseline for this line from the top of the paragraph. */\n  baseline: number;\n  /** Zero indexed line number. */\n  lineNumber: number;\n}\n\nexport interface SkRectWithDirection {\n  rect: SkRect;\n  direction: TextDirection;\n}\n\n/**\n * Information about a run of glyphs passed to the visitor of\n * `SkParagraph.extendedVisit`. All glyphs in a run share the same font: for\n * text shaped through font fallback, each fallback font produces its own\n * run(s).\n */\nexport interface ParagraphVisitorInfo {\n  /** The font used to shape this run (the resolved fallback font, if any). */\n  font: SkFont;\n  /** Origin of the run within the paragraph (baseline corrected). */\n  origin: SkPoint;\n  /** Advance of the run. */\n  advance: SkSize;\n  /** The glyph ids of the run. */\n  glyphs: number[];\n  /**\n   * The position of each glyph, relative to the run `origin`. Add `origin`\n   * to obtain paragraph coordinates: for a run shaped through font fallback,\n   * the run placement is carried by `origin`, not by the positions.\n   */\n  positions: SkPoint[];\n  /**\n   * The tight ink bounds of each glyph, relative to the glyph's origin.\n   * Combine with `positions` to compute the exact painted bounds of the run.\n   */\n  bounds: SkRect[];\n  /** The UTF-8 text index of the cluster each glyph belongs to. */\n  utf8Starts: number[];\n  /** Reserved flags (currently always 0). */\n  flags: number;\n}\n\n/**\n * Visitor for `SkParagraph.extendedVisit`. Called once per run of glyphs;\n * `info` is null to signal the end of a line.\n */\nexport type ParagraphExtendedVisitor = (\n  lineNumber: number,\n  info: ParagraphVisitorInfo | null\n) => void;\n\nexport interface SkParagraph extends SkJSIInstance<\"Paragraph\"> {\n  /**\n   * Calculates the position of the the glyphs in the paragraph\n   * @param width Max width of the paragraph\n   */\n  layout(width: number): void;\n  /**\n   * Paints the paragraph to the provded canvas\n   * @param canvas Canvas to paint into\n   * @param x X coordinate to paint at\n   * @param y Y coordinate to paint at\n   */\n  paint(canvas: SkCanvas, x: number, y: number): void;\n  /**\n   * Returns the height of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getHeight(): number;\n  /**\n   * Returns the max width of the paragraph. This method requires the layout\n   * method to have been called first.\n   */\n  getMaxWidth(): number;\n  /**\n   * Returns the minimum intrinsic width of the paragraph.\n   * The minimum intrinsic width is the width beyond which increasing the width of the paragraph\n   * does not decrease the height. This is effectively the width at which the paragraph\n   * can no longer wrap lines and is forced to overflow.\n   * This method requires the layout method to have been called first.\n   * @returns {number} The minimum intrinsic width of the paragraph.\n   */\n  getMinIntrinsicWidth(): number;\n  /**\n   * Returns the maximum intrinsic width of the paragraph.\n   * The maximum intrinsic width is the width at which the paragraph can layout its content without line breaks,\n   * meaning it's the width of the widest line or the widest word if the widest line is shorter than that.\n   * This width represents the ideal width for the paragraph to display all content in a single line without overflow.\n   * This method requires the layout method to have been called first.\n   * @returns {number} The maximum intrinsic width of the paragraph.\n   */\n  getMaxIntrinsicWidth(): number;\n\n  /**\n   * Returns the width of the longest line in the paragraph.\n   * This method requires the layout method to have been called first.\n   */\n  getLongestLine(): number;\n\n  /**\n   * Returns the index of the glyph at the given position. This method requires\n   * the layout method to have been called first.\n   * @param x X coordinate of the position\n   * @param y Y coordinate of the position\n   */\n  getGlyphPositionAtCoordinate(x: number, y: number): number;\n  /**\n   * Returns the bounding boxes of the glyphs in the given range. This method\n   * requires the layout method to have been called first.\n   * @param start Start index of the range\n   * @param end End index of the range\n   */\n  getRectsForRange(start: number, end: number): SkRect[];\n  /**\n   * Returns the bounding boxes for all lines in the paragraph. This method\n   * requires the layout method to have been called first.\n   */\n  getLineMetrics(): LineMetrics[];\n  /**\n   * Returns a list of rects with direction info for the placeholders added\n   * to the paragraph.\n   */\n  getRectsForPlaceholders(): SkRectWithDirection[];\n  /**\n   * Converts the glyphs of the given line into an SkPath, with all font\n   * fallbacks already applied. Use `computeTightBounds()` on the resulting\n   * path to measure the exact ink bounds of the rendered text (as opposed to\n   * the font-metrics based bounds returned by `getRectsForRange`).\n   * Note that color glyphs (e.g. emojis) cannot be converted to a path and\n   * are skipped. Returns null if the line number is out of bounds.\n   * This method requires the layout method to have been called first.\n   * Not implemented on React Native Web.\n   * @param lineNumber The line number (zero indexed, see `getLineMetrics`)\n   */\n  getPath(lineNumber: number): SkPath | null;\n  /**\n   * Visits the laid out paragraph, calling the visitor once for every run of\n   * glyphs with the resolved font, glyph ids, positions and per-glyph tight\n   * ink bounds. The visitor is called with a null info to signal the end of\n   * each line. This exposes the exact layout that would be painted.\n   * This method requires the layout method to have been called first.\n   * Not implemented on React Native Web.\n   * @param visitor Called once per glyph run, and once per line end\n   */\n  extendedVisit(visitor: ParagraphExtendedVisitor): void;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/commonjs/skia/web/Host.js

@@ -34,6 +34,13 @@ class BaseHostObject extends Host {
   }
   [Symbol.dispose]() {
     if (this.ref !== null && typeof this.ref === "object" && "delete" in this.ref && typeof this.ref.delete === "function") {
+      // Renderer-owned and user-owned disposal can overlap (and emscripten
+      // throws on double delete) — make disposing an already-deleted object
+      // a no-op.
+      const ref = this.ref;
+      if (typeof ref.isDeleted === "function" && ref.isDeleted()) {
+        return;
+      }
       this.ref.delete();
     }
   }

package/lib/commonjs/skia/web/Host.js.map

@@ -1 +1 @@
-{"version":3,"names":["throwNotImplementedOnRNWeb","jest","fn","Error","exports","Host","constructor","CanvasKit","_defineProperty","BaseHostObject","ref","typename","__typename__","dispose","Symbol","delete","HostObject","fromValue","value","getEnum","name","v","e","result","Object","values","find","entry","optEnum","undefined"],"sources":["Host.ts"],"sourcesContent":["import type { CanvasKit, EmbindEnumEntity } from \"canvaskit-wasm\";\n\nimport type { SkJSIInstance } from \"../types\";\n\nexport const throwNotImplementedOnRNWeb = <T>(): T => {\n  if (typeof jest !== \"undefined\") {\n    return jest.fn() as unknown as T;\n  }\n  throw new Error(\"Not implemented on React Native Web\");\n};\n\nexport abstract class Host {\n  readonly CanvasKit: CanvasKit;\n\n  constructor(CanvasKit: CanvasKit) {\n    this.CanvasKit = CanvasKit;\n  }\n}\n\nexport abstract class BaseHostObject<T, N extends string>\n  extends Host\n  implements SkJSIInstance<N>\n{\n  readonly __typename__: N;\n  ref: T;\n\n  constructor(CanvasKit: CanvasKit, ref: T, typename: N) {\n    super(CanvasKit);\n    this.ref = ref;\n    this.__typename__ = typename;\n  }\n\n  dispose() {\n    this[Symbol.dispose]();\n  }\n\n  [Symbol.dispose](): void {\n    if (\n      this.ref !== null &&\n      typeof this.ref === \"object\" &&\n      \"delete\" in this.ref &&\n      typeof this.ref.delete === \"function\"\n    ) {\n      this.ref.delete();\n    }\n  }\n}\n\nexport abstract class HostObject<T, N extends string> extends BaseHostObject<\n  T,\n  N\n> {\n  static fromValue<T>(value: SkJSIInstance<string>) {\n    return (value as HostObject<T, string>).ref;\n  }\n}\n\nexport const getEnum = (\n  CanvasKit: CanvasKit,\n  name: keyof CanvasKit,\n  v: number\n): EmbindEnumEntity => {\n  const e = CanvasKit[name];\n  if (typeof e !== \"function\") {\n    throw new Error(`${name} is not an number`);\n  }\n  const result = Object.values(e).find(\n    (entry) =>\n      entry !== null &&\n      typeof entry === \"object\" &&\n      \"value\" in entry &&\n      entry.value === v\n  );\n  if (!result) {\n    throw new Error(\n      `Enum ${name} does not have value ${v} on React Native Web`\n    );\n  }\n  return result;\n};\n\nexport const optEnum = (\n  CanvasKit: CanvasKit,\n  name: keyof CanvasKit,\n  v: number | undefined\n): EmbindEnumEntity | undefined => {\n  return v === undefined ? undefined : getEnum(CanvasKit, name, v);\n};\n"],"mappings":";;;;;;;;;AAIO,MAAMA,0BAA0B,GAAGA,CAAA,KAAY;EACpD,IAAI,OAAOC,IAAI,KAAK,WAAW,EAAE;IAC/B,OAAOA,IAAI,CAACC,EAAE,CAAC,CAAC;EAClB;EACA,MAAM,IAAIC,KAAK,CAAC,qCAAqC,CAAC;AACxD,CAAC;AAACC,OAAA,CAAAJ,0BAAA,GAAAA,0BAAA;AAEK,MAAeK,IAAI,CAAC;EAGzBC,WAAWA,CAACC,SAAoB,EAAE;IAAAC,eAAA;IAChC,IAAI,CAACD,SAAS,GAAGA,SAAS;EAC5B;AACF;AAACH,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAEM,MAAeI,cAAc,SAC1BJ,IAAI,CAEd;EAIEC,WAAWA,CAACC,SAAoB,EAAEG,GAAM,EAAEC,QAAW,EAAE;IACrD,KAAK,CAACJ,SAAS,CAAC;IAACC,eAAA;IAAAA,eAAA;IACjB,IAAI,CAACE,GAAG,GAAGA,GAAG;IACd,IAAI,CAACE,YAAY,GAAGD,QAAQ;EAC9B;EAEAE,OAAOA,CAAA,EAAG;IACR,IAAI,CAACC,MAAM,CAACD,OAAO,CAAC,CAAC,CAAC;EACxB;EAEA,CAACC,MAAM,CAACD,OAAO,IAAU;IACvB,IACE,IAAI,CAACH,GAAG,KAAK,IAAI,IACjB,OAAO,IAAI,CAACA,GAAG,KAAK,QAAQ,IAC5B,QAAQ,IAAI,IAAI,CAACA,GAAG,IACpB,OAAO,IAAI,CAACA,GAAG,CAACK,MAAM,KAAK,UAAU,EACrC;MACA,IAAI,CAACL,GAAG,CAACK,MAAM,CAAC,CAAC;IACnB;EACF;AACF;AAACX,OAAA,CAAAK,cAAA,GAAAA,cAAA;AAEM,MAAeO,UAAU,SAA8BP,cAAc,CAG1E;EACA,OAAOQ,SAASA,CAAIC,KAA4B,EAAE;IAChD,OAAQA,KAAK,CAA2BR,GAAG;EAC7C;AACF;AAACN,OAAA,CAAAY,UAAA,GAAAA,UAAA;AAEM,MAAMG,OAAO,GAAGA,CACrBZ,SAAoB,EACpBa,IAAqB,EACrBC,CAAS,KACY;EACrB,MAAMC,CAAC,GAAGf,SAAS,CAACa,IAAI,CAAC;EACzB,IAAI,OAAOE,CAAC,KAAK,UAAU,EAAE;IAC3B,MAAM,IAAInB,KAAK,CAAC,GAAGiB,IAAI,mBAAmB,CAAC;EAC7C;EACA,MAAMG,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACH,CAAC,CAAC,CAACI,IAAI,CACjCC,KAAK,IACJA,KAAK,KAAK,IAAI,IACd,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAO,IAAIA,KAAK,IAChBA,KAAK,CAACT,KAAK,KAAKG,CACpB,CAAC;EACD,IAAI,CAACE,MAAM,EAAE;IACX,MAAM,IAAIpB,KAAK,CACb,QAAQiB,IAAI,wBAAwBC,CAAC,sBACvC,CAAC;EACH;EACA,OAAOE,MAAM;AACf,CAAC;AAACnB,OAAA,CAAAe,OAAA,GAAAA,OAAA;AAEK,MAAMS,OAAO,GAAGA,CACrBrB,SAAoB,EACpBa,IAAqB,EACrBC,CAAqB,KACY;EACjC,OAAOA,CAAC,KAAKQ,SAAS,GAAGA,SAAS,GAAGV,OAAO,CAACZ,SAAS,EAAEa,IAAI,EAAEC,CAAC,CAAC;AAClE,CAAC;AAACjB,OAAA,CAAAwB,OAAA,GAAAA,OAAA","ignoreList":[]}
+{"version":3,"names":["throwNotImplementedOnRNWeb","jest","fn","Error","exports","Host","constructor","CanvasKit","_defineProperty","BaseHostObject","ref","typename","__typename__","dispose","Symbol","delete","isDeleted","HostObject","fromValue","value","getEnum","name","v","e","result","Object","values","find","entry","optEnum","undefined"],"sources":["Host.ts"],"sourcesContent":["import type { CanvasKit, EmbindEnumEntity } from \"canvaskit-wasm\";\n\nimport type { SkJSIInstance } from \"../types\";\n\nexport const throwNotImplementedOnRNWeb = <T>(): T => {\n  if (typeof jest !== \"undefined\") {\n    return jest.fn() as unknown as T;\n  }\n  throw new Error(\"Not implemented on React Native Web\");\n};\n\nexport abstract class Host {\n  readonly CanvasKit: CanvasKit;\n\n  constructor(CanvasKit: CanvasKit) {\n    this.CanvasKit = CanvasKit;\n  }\n}\n\nexport abstract class BaseHostObject<T, N extends string>\n  extends Host\n  implements SkJSIInstance<N>\n{\n  readonly __typename__: N;\n  ref: T;\n\n  constructor(CanvasKit: CanvasKit, ref: T, typename: N) {\n    super(CanvasKit);\n    this.ref = ref;\n    this.__typename__ = typename;\n  }\n\n  dispose() {\n    this[Symbol.dispose]();\n  }\n\n  [Symbol.dispose](): void {\n    if (\n      this.ref !== null &&\n      typeof this.ref === \"object\" &&\n      \"delete\" in this.ref &&\n      typeof this.ref.delete === \"function\"\n    ) {\n      // Renderer-owned and user-owned disposal can overlap (and emscripten\n      // throws on double delete) — make disposing an already-deleted object\n      // a no-op.\n      const ref = this.ref as unknown as { isDeleted?: () => boolean };\n      if (typeof ref.isDeleted === \"function\" && ref.isDeleted()) {\n        return;\n      }\n      this.ref.delete();\n    }\n  }\n}\n\nexport abstract class HostObject<T, N extends string> extends BaseHostObject<\n  T,\n  N\n> {\n  static fromValue<T>(value: SkJSIInstance<string>) {\n    return (value as HostObject<T, string>).ref;\n  }\n}\n\nexport const getEnum = (\n  CanvasKit: CanvasKit,\n  name: keyof CanvasKit,\n  v: number\n): EmbindEnumEntity => {\n  const e = CanvasKit[name];\n  if (typeof e !== \"function\") {\n    throw new Error(`${name} is not an number`);\n  }\n  const result = Object.values(e).find(\n    (entry) =>\n      entry !== null &&\n      typeof entry === \"object\" &&\n      \"value\" in entry &&\n      entry.value === v\n  );\n  if (!result) {\n    throw new Error(\n      `Enum ${name} does not have value ${v} on React Native Web`\n    );\n  }\n  return result;\n};\n\nexport const optEnum = (\n  CanvasKit: CanvasKit,\n  name: keyof CanvasKit,\n  v: number | undefined\n): EmbindEnumEntity | undefined => {\n  return v === undefined ? undefined : getEnum(CanvasKit, name, v);\n};\n"],"mappings":";;;;;;;;;AAIO,MAAMA,0BAA0B,GAAGA,CAAA,KAAY;EACpD,IAAI,OAAOC,IAAI,KAAK,WAAW,EAAE;IAC/B,OAAOA,IAAI,CAACC,EAAE,CAAC,CAAC;EAClB;EACA,MAAM,IAAIC,KAAK,CAAC,qCAAqC,CAAC;AACxD,CAAC;AAACC,OAAA,CAAAJ,0BAAA,GAAAA,0BAAA;AAEK,MAAeK,IAAI,CAAC;EAGzBC,WAAWA,CAACC,SAAoB,EAAE;IAAAC,eAAA;IAChC,IAAI,CAACD,SAAS,GAAGA,SAAS;EAC5B;AACF;AAACH,OAAA,CAAAC,IAAA,GAAAA,IAAA;AAEM,MAAeI,cAAc,SAC1BJ,IAAI,CAEd;EAIEC,WAAWA,CAACC,SAAoB,EAAEG,GAAM,EAAEC,QAAW,EAAE;IACrD,KAAK,CAACJ,SAAS,CAAC;IAACC,eAAA;IAAAA,eAAA;IACjB,IAAI,CAACE,GAAG,GAAGA,GAAG;IACd,IAAI,CAACE,YAAY,GAAGD,QAAQ;EAC9B;EAEAE,OAAOA,CAAA,EAAG;IACR,IAAI,CAACC,MAAM,CAACD,OAAO,CAAC,CAAC,CAAC;EACxB;EAEA,CAACC,MAAM,CAACD,OAAO,IAAU;IACvB,IACE,IAAI,CAACH,GAAG,KAAK,IAAI,IACjB,OAAO,IAAI,CAACA,GAAG,KAAK,QAAQ,IAC5B,QAAQ,IAAI,IAAI,CAACA,GAAG,IACpB,OAAO,IAAI,CAACA,GAAG,CAACK,MAAM,KAAK,UAAU,EACrC;MACA;MACA;MACA;MACA,MAAML,GAAG,GAAG,IAAI,CAACA,GAA+C;MAChE,IAAI,OAAOA,GAAG,CAACM,SAAS,KAAK,UAAU,IAAIN,GAAG,CAACM,SAAS,CAAC,CAAC,EAAE;QAC1D;MACF;MACA,IAAI,CAACN,GAAG,CAACK,MAAM,CAAC,CAAC;IACnB;EACF;AACF;AAACX,OAAA,CAAAK,cAAA,GAAAA,cAAA;AAEM,MAAeQ,UAAU,SAA8BR,cAAc,CAG1E;EACA,OAAOS,SAASA,CAAIC,KAA4B,EAAE;IAChD,OAAQA,KAAK,CAA2BT,GAAG;EAC7C;AACF;AAACN,OAAA,CAAAa,UAAA,GAAAA,UAAA;AAEM,MAAMG,OAAO,GAAGA,CACrBb,SAAoB,EACpBc,IAAqB,EACrBC,CAAS,KACY;EACrB,MAAMC,CAAC,GAAGhB,SAAS,CAACc,IAAI,CAAC;EACzB,IAAI,OAAOE,CAAC,KAAK,UAAU,EAAE;IAC3B,MAAM,IAAIpB,KAAK,CAAC,GAAGkB,IAAI,mBAAmB,CAAC;EAC7C;EACA,MAAMG,MAAM,GAAGC,MAAM,CAACC,MAAM,CAACH,CAAC,CAAC,CAACI,IAAI,CACjCC,KAAK,IACJA,KAAK,KAAK,IAAI,IACd,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAO,IAAIA,KAAK,IAChBA,KAAK,CAACT,KAAK,KAAKG,CACpB,CAAC;EACD,IAAI,CAACE,MAAM,EAAE;IACX,MAAM,IAAIrB,KAAK,CACb,QAAQkB,IAAI,wBAAwBC,CAAC,sBACvC,CAAC;EACH;EACA,OAAOE,MAAM;AACf,CAAC;AAACpB,OAAA,CAAAgB,OAAA,GAAAA,OAAA;AAEK,MAAMS,OAAO,GAAGA,CACrBtB,SAAoB,EACpBc,IAAqB,EACrBC,CAAqB,KACY;EACjC,OAAOA,CAAC,KAAKQ,SAAS,GAAGA,SAAS,GAAGV,OAAO,CAACb,SAAS,EAAEc,IAAI,EAAEC,CAAC,CAAC;AAClE,CAAC;AAAClB,OAAA,CAAAyB,OAAA,GAAAA,OAAA","ignoreList":[]}

package/lib/commonjs/skia/web/JsiSkPaint.js

@@ -61,10 +61,15 @@ class JsiSkPaint extends _Host.HostObject {
     return new JsiSkPaint(this.CanvasKit, this.ref.copy());
   }
   assign(paint) {
+    const previous = this.ref;
     this.ref = paint.ref.copy();
+    // The replaced ref is a WASM object the GC will not reclaim.
+    previous.delete();
   }
   reset() {
+    const previous = this.ref;
     this.ref = new this.CanvasKit.Paint();
+    previous.delete();
   }
   getAlphaf() {
     return this.getColor()[3];

package/lib/commonjs/skia/web/JsiSkPaint.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Host","require","_JsiSkColorFilter","_JsiSkImageFilter","_JsiSkMaskFilter","_JsiSkPathEffect","_JsiSkShader","kBlendModePlusDarker","kBlendModePlusLighter","plusDarkerSkSL","plusLighterSkSL","blenderCache","WeakMap","getBlenderCache","ck","cache","get","plusDarker","plusLighter","set","JsiSkPaint","HostObject","constructor","CanvasKit","ref","copy","assign","paint","reset","Paint","getAlphaf","getColor","getStrokeCap","value","getStrokeJoin","getStrokeMiter","getStrokeWidth","setAlphaf","alpha","setAntiAlias","aa","setDither","dither","setBlendMode","blendMode","effect","RuntimeEffect","MakeForBlender","makeBlender","setBlender","getEnum","setColor","color","setColorFilter","filter","JsiSkColorFilter","fromValue","setImageFilter","JsiSkImageFilter","setMaskFilter","JsiSkMaskFilter","setPathEffect","JsiSkPathEffect","setShader","shader","JsiSkShader","setStrokeCap","cap","setStrokeJoin","join","setStrokeMiter","limit","setStrokeWidth","width","setStyle","style","exports"],"sources":["JsiSkPaint.ts"],"sourcesContent":["import type { Blender, CanvasKit, Paint } from \"canvaskit-wasm\";\n\nimport type {\n  StrokeJoin,\n  BlendMode,\n  SkColor,\n  SkColorFilter,\n  SkImageFilter,\n  SkPaint,\n  SkShader,\n  StrokeCap,\n  PaintStyle,\n  SkMaskFilter,\n  SkPathEffect,\n} from \"../types\";\n\nimport { HostObject, getEnum } from \"./Host\";\nimport { JsiSkColorFilter } from \"./JsiSkColorFilter\";\nimport { JsiSkImageFilter } from \"./JsiSkImageFilter\";\nimport { JsiSkMaskFilter } from \"./JsiSkMaskFilter\";\nimport { JsiSkPathEffect } from \"./JsiSkPathEffect\";\nimport { JsiSkShader } from \"./JsiSkShader\";\n\n// Custom blend mode values (must match TypeScript BlendMode enum)\nconst kBlendModePlusDarker = 1001;\nconst kBlendModePlusLighter = 1002;\n\n// SkSL for PlusDarker blend mode\n// Formula: rc = max(0, 1 - ((1-dst) + (1-src))) = max(0, src + dst - 1)\nconst plusDarkerSkSL = `\n    vec4 main(vec4 src, vec4 dst) {\n        float outAlpha = src.a + dst.a - src.a * dst.a;\n        vec3 srcUnpremul = src.a > 0.0 ? src.rgb / src.a : vec3(0.0);\n        vec3 dstUnpremul = dst.a > 0.0 ? dst.rgb / dst.a : vec3(0.0);\n        vec3 blended = max(vec3(0.0), srcUnpremul + dstUnpremul - vec3(1.0));\n        return vec4(blended * outAlpha, outAlpha);\n    }\n`;\n\n// SkSL for PlusLighter blend mode\n// Formula: rc = min(1, dst + src)\nconst plusLighterSkSL = `\n    vec4 main(vec4 src, vec4 dst) {\n        float outAlpha = src.a + dst.a - src.a * dst.a;\n        vec3 srcUnpremul = src.a > 0.0 ? src.rgb / src.a : vec3(0.0);\n        vec3 dstUnpremul = dst.a > 0.0 ? dst.rgb / dst.a : vec3(0.0);\n        vec3 blended = min(vec3(1.0), srcUnpremul + dstUnpremul);\n        return vec4(blended * outAlpha, outAlpha);\n    }\n`;\n\n// Cache for custom blenders per CanvasKit instance\n// Using WeakMap ensures blenders are cleaned up when CanvasKit instance is garbage collected\ninterface BlenderCache {\n  plusDarker: Blender | null;\n  plusLighter: Blender | null;\n}\nconst blenderCache = new WeakMap<CanvasKit, BlenderCache>();\n\nconst getBlenderCache = (ck: CanvasKit): BlenderCache => {\n  let cache = blenderCache.get(ck);\n  if (!cache) {\n    cache = { plusDarker: null, plusLighter: null };\n    blenderCache.set(ck, cache);\n  }\n  return cache;\n};\n\nexport class JsiSkPaint extends HostObject<Paint, \"Paint\"> implements SkPaint {\n  constructor(CanvasKit: CanvasKit, ref: Paint) {\n    super(CanvasKit, ref, \"Paint\");\n  }\n\n  copy() {\n    return new JsiSkPaint(this.CanvasKit, this.ref.copy());\n  }\n\n  assign(paint: JsiSkPaint) {\n    this.ref = paint.ref.copy();\n  }\n\n  reset() {\n    this.ref = new this.CanvasKit.Paint();\n  }\n\n  getAlphaf() {\n    return this.getColor()[3];\n  }\n\n  getColor() {\n    return this.ref.getColor();\n  }\n\n  getStrokeCap() {\n    return this.ref.getStrokeCap().value;\n  }\n\n  getStrokeJoin() {\n    return this.ref.getStrokeJoin().value;\n  }\n\n  getStrokeMiter() {\n    return this.ref.getStrokeMiter();\n  }\n\n  getStrokeWidth() {\n    return this.ref.getStrokeWidth();\n  }\n\n  setAlphaf(alpha: number) {\n    this.ref.setAlphaf(alpha);\n  }\n\n  setAntiAlias(aa: boolean) {\n    this.ref.setAntiAlias(aa);\n  }\n\n  setDither(dither: boolean) {\n    this.ref.setDither(dither);\n  }\n\n  setBlendMode(blendMode: BlendMode) {\n    if (blendMode === kBlendModePlusDarker) {\n      // Use custom PlusDarker blender via SkRuntimeEffect\n      const cache = getBlenderCache(this.CanvasKit);\n      if (!cache.plusDarker) {\n        const effect =\n          this.CanvasKit.RuntimeEffect.MakeForBlender(plusDarkerSkSL);\n        if (effect) {\n          cache.plusDarker = effect.makeBlender([]);\n        }\n      }\n      if (cache.plusDarker) {\n        this.ref.setBlender(cache.plusDarker);\n      }\n    } else if (blendMode === kBlendModePlusLighter) {\n      // Use custom PlusLighter blender via SkRuntimeEffect\n      const cache = getBlenderCache(this.CanvasKit);\n      if (!cache.plusLighter) {\n        const effect =\n          this.CanvasKit.RuntimeEffect.MakeForBlender(plusLighterSkSL);\n        if (effect) {\n          cache.plusLighter = effect.makeBlender([]);\n        }\n      }\n      if (cache.plusLighter) {\n        this.ref.setBlender(cache.plusLighter);\n      }\n    } else {\n      this.ref.setBlendMode(getEnum(this.CanvasKit, \"BlendMode\", blendMode));\n    }\n  }\n\n  setColor(color: SkColor) {\n    this.ref.setColor(color);\n  }\n\n  setColorFilter(filter: SkColorFilter | null) {\n    this.ref.setColorFilter(filter ? JsiSkColorFilter.fromValue(filter) : null);\n  }\n\n  setImageFilter(filter: SkImageFilter | null) {\n    this.ref.setImageFilter(filter ? JsiSkImageFilter.fromValue(filter) : null);\n  }\n\n  setMaskFilter(filter: SkMaskFilter | null) {\n    this.ref.setMaskFilter(filter ? JsiSkMaskFilter.fromValue(filter) : null);\n  }\n\n  setPathEffect(effect: SkPathEffect | null) {\n    this.ref.setPathEffect(effect ? JsiSkPathEffect.fromValue(effect) : null);\n  }\n\n  setShader(shader: SkShader | null) {\n    this.ref.setShader(shader ? JsiSkShader.fromValue(shader) : null);\n  }\n\n  setStrokeCap(cap: StrokeCap) {\n    this.ref.setStrokeCap(getEnum(this.CanvasKit, \"StrokeCap\", cap));\n  }\n\n  setStrokeJoin(join: StrokeJoin) {\n    this.ref.setStrokeJoin(getEnum(this.CanvasKit, \"StrokeJoin\", join));\n  }\n\n  setStrokeMiter(limit: number) {\n    this.ref.setStrokeMiter(limit);\n  }\n\n  setStrokeWidth(width: number) {\n    this.ref.setStrokeWidth(width);\n  }\n\n  setStyle(style: PaintStyle) {\n    this.ref.setStyle({ value: style });\n  }\n}\n"],"mappings":";;;;;;AAgBA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAEA;AACA,MAAMM,oBAAoB,GAAG,IAAI;AACjC,MAAMC,qBAAqB,GAAG,IAAI;;AAElC;AACA;AACA,MAAMC,cAAc,GAAG;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA,MAAMC,eAAe,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;;AAKA,MAAMC,YAAY,GAAG,IAAIC,OAAO,CAA0B,CAAC;AAE3D,MAAMC,eAAe,GAAIC,EAAa,IAAmB;EACvD,IAAIC,KAAK,GAAGJ,YAAY,CAACK,GAAG,CAACF,EAAE,CAAC;EAChC,IAAI,CAACC,KAAK,EAAE;IACVA,KAAK,GAAG;MAAEE,UAAU,EAAE,IAAI;MAAEC,WAAW,EAAE;IAAK,CAAC;IAC/CP,YAAY,CAACQ,GAAG,CAACL,EAAE,EAAEC,KAAK,CAAC;EAC7B;EACA,OAAOA,KAAK;AACd,CAAC;AAEM,MAAMK,UAAU,SAASC,gBAAU,CAAoC;EAC5EC,WAAWA,CAACC,SAAoB,EAAEC,GAAU,EAAE;IAC5C,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,OAAO,CAAC;EAChC;EAEAC,IAAIA,CAAA,EAAG;IACL,OAAO,IAAIL,UAAU,CAAC,IAAI,CAACG,SAAS,EAAE,IAAI,CAACC,GAAG,CAACC,IAAI,CAAC,CAAC,CAAC;EACxD;EAEAC,MAAMA,CAACC,KAAiB,EAAE;IACxB,IAAI,CAACH,GAAG,GAAGG,KAAK,CAACH,GAAG,CAACC,IAAI,CAAC,CAAC;EAC7B;EAEAG,KAAKA,CAAA,EAAG;IACN,IAAI,CAACJ,GAAG,GAAG,IAAI,IAAI,CAACD,SAAS,CAACM,KAAK,CAAC,CAAC;EACvC;EAEAC,SAASA,CAAA,EAAG;IACV,OAAO,IAAI,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;EAC3B;EAEAA,QAAQA,CAAA,EAAG;IACT,OAAO,IAAI,CAACP,GAAG,CAACO,QAAQ,CAAC,CAAC;EAC5B;EAEAC,YAAYA,CAAA,EAAG;IACb,OAAO,IAAI,CAACR,GAAG,CAACQ,YAAY,CAAC,CAAC,CAACC,KAAK;EACtC;EAEAC,aAAaA,CAAA,EAAG;IACd,OAAO,IAAI,CAACV,GAAG,CAACU,aAAa,CAAC,CAAC,CAACD,KAAK;EACvC;EAEAE,cAAcA,CAAA,EAAG;IACf,OAAO,IAAI,CAACX,GAAG,CAACW,cAAc,CAAC,CAAC;EAClC;EAEAC,cAAcA,CAAA,EAAG;IACf,OAAO,IAAI,CAACZ,GAAG,CAACY,cAAc,CAAC,CAAC;EAClC;EAEAC,SAASA,CAACC,KAAa,EAAE;IACvB,IAAI,CAACd,GAAG,CAACa,SAAS,CAACC,KAAK,CAAC;EAC3B;EAEAC,YAAYA,CAACC,EAAW,EAAE;IACxB,IAAI,CAAChB,GAAG,CAACe,YAAY,CAACC,EAAE,CAAC;EAC3B;EAEAC,SAASA,CAACC,MAAe,EAAE;IACzB,IAAI,CAAClB,GAAG,CAACiB,SAAS,CAACC,MAAM,CAAC;EAC5B;EAEAC,YAAYA,CAACC,SAAoB,EAAE;IACjC,IAAIA,SAAS,KAAKrC,oBAAoB,EAAE;MACtC;MACA,MAAMQ,KAAK,GAAGF,eAAe,CAAC,IAAI,CAACU,SAAS,CAAC;MAC7C,IAAI,CAACR,KAAK,CAACE,UAAU,EAAE;QACrB,MAAM4B,MAAM,GACV,IAAI,CAACtB,SAAS,CAACuB,aAAa,CAACC,cAAc,CAACtC,cAAc,CAAC;QAC7D,IAAIoC,MAAM,EAAE;UACV9B,KAAK,CAACE,UAAU,GAAG4B,MAAM,CAACG,WAAW,CAAC,EAAE,CAAC;QAC3C;MACF;MACA,IAAIjC,KAAK,CAACE,UAAU,EAAE;QACpB,IAAI,CAACO,GAAG,CAACyB,UAAU,CAAClC,KAAK,CAACE,UAAU,CAAC;MACvC;IACF,CAAC,MAAM,IAAI2B,SAAS,KAAKpC,qBAAqB,EAAE;MAC9C;MACA,MAAMO,KAAK,GAAGF,eAAe,CAAC,IAAI,CAACU,SAAS,CAAC;MAC7C,IAAI,CAACR,KAAK,CAACG,WAAW,EAAE;QACtB,MAAM2B,MAAM,GACV,IAAI,CAACtB,SAAS,CAACuB,aAAa,CAACC,cAAc,CAACrC,eAAe,CAAC;QAC9D,IAAImC,MAAM,EAAE;UACV9B,KAAK,CAACG,WAAW,GAAG2B,MAAM,CAACG,WAAW,CAAC,EAAE,CAAC;QAC5C;MACF;MACA,IAAIjC,KAAK,CAACG,WAAW,EAAE;QACrB,IAAI,CAACM,GAAG,CAACyB,UAAU,CAAClC,KAAK,CAACG,WAAW,CAAC;MACxC;IACF,CAAC,MAAM;MACL,IAAI,CAACM,GAAG,CAACmB,YAAY,CAAC,IAAAO,aAAO,EAAC,IAAI,CAAC3B,SAAS,EAAE,WAAW,EAAEqB,SAAS,CAAC,CAAC;IACxE;EACF;EAEAO,QAAQA,CAACC,KAAc,EAAE;IACvB,IAAI,CAAC5B,GAAG,CAAC2B,QAAQ,CAACC,KAAK,CAAC;EAC1B;EAEAC,cAAcA,CAACC,MAA4B,EAAE;IAC3C,IAAI,CAAC9B,GAAG,CAAC6B,cAAc,CAACC,MAAM,GAAGC,kCAAgB,CAACC,SAAS,CAACF,MAAM,CAAC,GAAG,IAAI,CAAC;EAC7E;EAEAG,cAAcA,CAACH,MAA4B,EAAE;IAC3C,IAAI,CAAC9B,GAAG,CAACiC,cAAc,CAACH,MAAM,GAAGI,kCAAgB,CAACF,SAAS,CAACF,MAAM,CAAC,GAAG,IAAI,CAAC;EAC7E;EAEAK,aAAaA,CAACL,MAA2B,EAAE;IACzC,IAAI,CAAC9B,GAAG,CAACmC,aAAa,CAACL,MAAM,GAAGM,gCAAe,CAACJ,SAAS,CAACF,MAAM,CAAC,GAAG,IAAI,CAAC;EAC3E;EAEAO,aAAaA,CAAChB,MAA2B,EAAE;IACzC,IAAI,CAACrB,GAAG,CAACqC,aAAa,CAAChB,MAAM,GAAGiB,gCAAe,CAACN,SAAS,CAACX,MAAM,CAAC,GAAG,IAAI,CAAC;EAC3E;EAEAkB,SAASA,CAACC,MAAuB,EAAE;IACjC,IAAI,CAACxC,GAAG,CAACuC,SAAS,CAACC,MAAM,GAAGC,wBAAW,CAACT,SAAS,CAACQ,MAAM,CAAC,GAAG,IAAI,CAAC;EACnE;EAEAE,YAAYA,CAACC,GAAc,EAAE;IAC3B,IAAI,CAAC3C,GAAG,CAAC0C,YAAY,CAAC,IAAAhB,aAAO,EAAC,IAAI,CAAC3B,SAAS,EAAE,WAAW,EAAE4C,GAAG,CAAC,CAAC;EAClE;EAEAC,aAAaA,CAACC,IAAgB,EAAE;IAC9B,IAAI,CAAC7C,GAAG,CAAC4C,aAAa,CAAC,IAAAlB,aAAO,EAAC,IAAI,CAAC3B,SAAS,EAAE,YAAY,EAAE8C,IAAI,CAAC,CAAC;EACrE;EAEAC,cAAcA,CAACC,KAAa,EAAE;IAC5B,IAAI,CAAC/C,GAAG,CAAC8C,cAAc,CAACC,KAAK,CAAC;EAChC;EAEAC,cAAcA,CAACC,KAAa,EAAE;IAC5B,IAAI,CAACjD,GAAG,CAACgD,cAAc,CAACC,KAAK,CAAC;EAChC;EAEAC,QAAQA,CAACC,KAAiB,EAAE;IAC1B,IAAI,CAACnD,GAAG,CAACkD,QAAQ,CAAC;MAAEzC,KAAK,EAAE0C;IAAM,CAAC,CAAC;EACrC;AACF;AAACC,OAAA,CAAAxD,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_Host","require","_JsiSkColorFilter","_JsiSkImageFilter","_JsiSkMaskFilter","_JsiSkPathEffect","_JsiSkShader","kBlendModePlusDarker","kBlendModePlusLighter","plusDarkerSkSL","plusLighterSkSL","blenderCache","WeakMap","getBlenderCache","ck","cache","get","plusDarker","plusLighter","set","JsiSkPaint","HostObject","constructor","CanvasKit","ref","copy","assign","paint","previous","delete","reset","Paint","getAlphaf","getColor","getStrokeCap","value","getStrokeJoin","getStrokeMiter","getStrokeWidth","setAlphaf","alpha","setAntiAlias","aa","setDither","dither","setBlendMode","blendMode","effect","RuntimeEffect","MakeForBlender","makeBlender","setBlender","getEnum","setColor","color","setColorFilter","filter","JsiSkColorFilter","fromValue","setImageFilter","JsiSkImageFilter","setMaskFilter","JsiSkMaskFilter","setPathEffect","JsiSkPathEffect","setShader","shader","JsiSkShader","setStrokeCap","cap","setStrokeJoin","join","setStrokeMiter","limit","setStrokeWidth","width","setStyle","style","exports"],"sources":["JsiSkPaint.ts"],"sourcesContent":["import type { Blender, CanvasKit, Paint } from \"canvaskit-wasm\";\n\nimport type {\n  StrokeJoin,\n  BlendMode,\n  SkColor,\n  SkColorFilter,\n  SkImageFilter,\n  SkPaint,\n  SkShader,\n  StrokeCap,\n  PaintStyle,\n  SkMaskFilter,\n  SkPathEffect,\n} from \"../types\";\n\nimport { HostObject, getEnum } from \"./Host\";\nimport { JsiSkColorFilter } from \"./JsiSkColorFilter\";\nimport { JsiSkImageFilter } from \"./JsiSkImageFilter\";\nimport { JsiSkMaskFilter } from \"./JsiSkMaskFilter\";\nimport { JsiSkPathEffect } from \"./JsiSkPathEffect\";\nimport { JsiSkShader } from \"./JsiSkShader\";\n\n// Custom blend mode values (must match TypeScript BlendMode enum)\nconst kBlendModePlusDarker = 1001;\nconst kBlendModePlusLighter = 1002;\n\n// SkSL for PlusDarker blend mode\n// Formula: rc = max(0, 1 - ((1-dst) + (1-src))) = max(0, src + dst - 1)\nconst plusDarkerSkSL = `\n    vec4 main(vec4 src, vec4 dst) {\n        float outAlpha = src.a + dst.a - src.a * dst.a;\n        vec3 srcUnpremul = src.a > 0.0 ? src.rgb / src.a : vec3(0.0);\n        vec3 dstUnpremul = dst.a > 0.0 ? dst.rgb / dst.a : vec3(0.0);\n        vec3 blended = max(vec3(0.0), srcUnpremul + dstUnpremul - vec3(1.0));\n        return vec4(blended * outAlpha, outAlpha);\n    }\n`;\n\n// SkSL for PlusLighter blend mode\n// Formula: rc = min(1, dst + src)\nconst plusLighterSkSL = `\n    vec4 main(vec4 src, vec4 dst) {\n        float outAlpha = src.a + dst.a - src.a * dst.a;\n        vec3 srcUnpremul = src.a > 0.0 ? src.rgb / src.a : vec3(0.0);\n        vec3 dstUnpremul = dst.a > 0.0 ? dst.rgb / dst.a : vec3(0.0);\n        vec3 blended = min(vec3(1.0), srcUnpremul + dstUnpremul);\n        return vec4(blended * outAlpha, outAlpha);\n    }\n`;\n\n// Cache for custom blenders per CanvasKit instance\n// Using WeakMap ensures blenders are cleaned up when CanvasKit instance is garbage collected\ninterface BlenderCache {\n  plusDarker: Blender | null;\n  plusLighter: Blender | null;\n}\nconst blenderCache = new WeakMap<CanvasKit, BlenderCache>();\n\nconst getBlenderCache = (ck: CanvasKit): BlenderCache => {\n  let cache = blenderCache.get(ck);\n  if (!cache) {\n    cache = { plusDarker: null, plusLighter: null };\n    blenderCache.set(ck, cache);\n  }\n  return cache;\n};\n\nexport class JsiSkPaint extends HostObject<Paint, \"Paint\"> implements SkPaint {\n  constructor(CanvasKit: CanvasKit, ref: Paint) {\n    super(CanvasKit, ref, \"Paint\");\n  }\n\n  copy() {\n    return new JsiSkPaint(this.CanvasKit, this.ref.copy());\n  }\n\n  assign(paint: JsiSkPaint) {\n    const previous = this.ref;\n    this.ref = paint.ref.copy();\n    // The replaced ref is a WASM object the GC will not reclaim.\n    previous.delete();\n  }\n\n  reset() {\n    const previous = this.ref;\n    this.ref = new this.CanvasKit.Paint();\n    previous.delete();\n  }\n\n  getAlphaf() {\n    return this.getColor()[3];\n  }\n\n  getColor() {\n    return this.ref.getColor();\n  }\n\n  getStrokeCap() {\n    return this.ref.getStrokeCap().value;\n  }\n\n  getStrokeJoin() {\n    return this.ref.getStrokeJoin().value;\n  }\n\n  getStrokeMiter() {\n    return this.ref.getStrokeMiter();\n  }\n\n  getStrokeWidth() {\n    return this.ref.getStrokeWidth();\n  }\n\n  setAlphaf(alpha: number) {\n    this.ref.setAlphaf(alpha);\n  }\n\n  setAntiAlias(aa: boolean) {\n    this.ref.setAntiAlias(aa);\n  }\n\n  setDither(dither: boolean) {\n    this.ref.setDither(dither);\n  }\n\n  setBlendMode(blendMode: BlendMode) {\n    if (blendMode === kBlendModePlusDarker) {\n      // Use custom PlusDarker blender via SkRuntimeEffect\n      const cache = getBlenderCache(this.CanvasKit);\n      if (!cache.plusDarker) {\n        const effect =\n          this.CanvasKit.RuntimeEffect.MakeForBlender(plusDarkerSkSL);\n        if (effect) {\n          cache.plusDarker = effect.makeBlender([]);\n        }\n      }\n      if (cache.plusDarker) {\n        this.ref.setBlender(cache.plusDarker);\n      }\n    } else if (blendMode === kBlendModePlusLighter) {\n      // Use custom PlusLighter blender via SkRuntimeEffect\n      const cache = getBlenderCache(this.CanvasKit);\n      if (!cache.plusLighter) {\n        const effect =\n          this.CanvasKit.RuntimeEffect.MakeForBlender(plusLighterSkSL);\n        if (effect) {\n          cache.plusLighter = effect.makeBlender([]);\n        }\n      }\n      if (cache.plusLighter) {\n        this.ref.setBlender(cache.plusLighter);\n      }\n    } else {\n      this.ref.setBlendMode(getEnum(this.CanvasKit, \"BlendMode\", blendMode));\n    }\n  }\n\n  setColor(color: SkColor) {\n    this.ref.setColor(color);\n  }\n\n  setColorFilter(filter: SkColorFilter | null) {\n    this.ref.setColorFilter(filter ? JsiSkColorFilter.fromValue(filter) : null);\n  }\n\n  setImageFilter(filter: SkImageFilter | null) {\n    this.ref.setImageFilter(filter ? JsiSkImageFilter.fromValue(filter) : null);\n  }\n\n  setMaskFilter(filter: SkMaskFilter | null) {\n    this.ref.setMaskFilter(filter ? JsiSkMaskFilter.fromValue(filter) : null);\n  }\n\n  setPathEffect(effect: SkPathEffect | null) {\n    this.ref.setPathEffect(effect ? JsiSkPathEffect.fromValue(effect) : null);\n  }\n\n  setShader(shader: SkShader | null) {\n    this.ref.setShader(shader ? JsiSkShader.fromValue(shader) : null);\n  }\n\n  setStrokeCap(cap: StrokeCap) {\n    this.ref.setStrokeCap(getEnum(this.CanvasKit, \"StrokeCap\", cap));\n  }\n\n  setStrokeJoin(join: StrokeJoin) {\n    this.ref.setStrokeJoin(getEnum(this.CanvasKit, \"StrokeJoin\", join));\n  }\n\n  setStrokeMiter(limit: number) {\n    this.ref.setStrokeMiter(limit);\n  }\n\n  setStrokeWidth(width: number) {\n    this.ref.setStrokeWidth(width);\n  }\n\n  setStyle(style: PaintStyle) {\n    this.ref.setStyle({ value: style });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/skia/web/JsiSkParagraph.d.ts

@@ -1,5 +1,5 @@
 import type { CanvasKit, Paragraph } from "canvaskit-wasm";
-import type { SkRect, SkRectWithDirection, SkParagraph, LineMetrics } from "../types";
+import type { SkRect, SkRectWithDirection, SkParagraph, SkPath, LineMetrics, ParagraphExtendedVisitor } from "../types";
 import { HostObject } from "./Host";
 import type { JsiSkCanvas } from "./JsiSkCanvas";
 export declare class JsiSkParagraph extends HostObject<Paragraph, "Paragraph"> implements SkParagraph {
@@ -15,4 +15,6 @@ export declare class JsiSkParagraph extends HostObject<Paragraph, "Paragraph"> i
     getRectsForPlaceholders(): SkRectWithDirection[];
     getRectsForRange(start: number, end: number): SkRect[];
     getLineMetrics(): LineMetrics[];
+    getPath(_lineNumber: number): SkPath | null;
+    extendedVisit(_visitor: ParagraphExtendedVisitor): void;
 }

package/lib/commonjs/skia/web/JsiSkParagraph.js

@@ -55,6 +55,12 @@ class JsiSkParagraph extends _Host.HostObject {
   getLineMetrics() {
     return this.ref.getLineMetrics();
   }
+  getPath(_lineNumber) {
+    return (0, _Host.throwNotImplementedOnRNWeb)();
+  }
+  extendedVisit(_visitor) {
+    return (0, _Host.throwNotImplementedOnRNWeb)();
+  }
 }
 exports.JsiSkParagraph = JsiSkParagraph;
 //# sourceMappingURL=JsiSkParagraph.js.map

package/lib/commonjs/skia/web/JsiSkParagraph.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Host","require","_JsiSkRect","JsiSkParagraph","HostObject","constructor","CanvasKit","ref","getMinIntrinsicWidth","getMaxIntrinsicWidth","getLongestLine","layout","width","paint","canvas","x","y","drawParagraph","getHeight","getMaxWidth","getGlyphPositionAtCoordinate","pos","getRectsForPlaceholders","map","rect","dir","JsiSkRect","direction","value","getRectsForRange","start","end","getLineMetrics","exports"],"sources":["JsiSkParagraph.ts"],"sourcesContent":["import type { CanvasKit, Paragraph } from \"canvaskit-wasm\";\n\nimport type {\n  SkRect,\n  SkRectWithDirection,\n  SkParagraph,\n  LineMetrics,\n} from \"../types\";\n\nimport { HostObject } from \"./Host\";\nimport type { JsiSkCanvas } from \"./JsiSkCanvas\";\nimport { JsiSkRect } from \"./JsiSkRect\";\n\nexport class JsiSkParagraph\n  extends HostObject<Paragraph, \"Paragraph\">\n  implements SkParagraph\n{\n  constructor(CanvasKit: CanvasKit, ref: Paragraph) {\n    super(CanvasKit, ref, \"Paragraph\");\n  }\n  getMinIntrinsicWidth() {\n    return this.ref.getMinIntrinsicWidth();\n  }\n\n  getMaxIntrinsicWidth() {\n    return this.ref.getMaxIntrinsicWidth();\n  }\n\n  getLongestLine() {\n    return this.ref.getLongestLine();\n  }\n\n  layout(width: number) {\n    this.ref.layout(width);\n  }\n  paint(canvas: JsiSkCanvas, x: number, y: number) {\n    canvas.ref.drawParagraph(this.ref, x, y);\n  }\n  getHeight() {\n    return this.ref.getHeight();\n  }\n  getMaxWidth() {\n    return this.ref.getMaxWidth();\n  }\n  getGlyphPositionAtCoordinate(x: number, y: number) {\n    return this.ref.getGlyphPositionAtCoordinate(x, y).pos;\n  }\n  getRectsForPlaceholders(): SkRectWithDirection[] {\n    return this.ref.getRectsForPlaceholders().map(({ rect, dir }) => ({\n      rect: new JsiSkRect(this.CanvasKit, rect),\n      direction: dir.value,\n    }));\n  }\n  getRectsForRange(start: number, end: number): SkRect[] {\n    return this.ref\n      .getRectsForRange(\n        start,\n        end,\n        { value: 0 } /** kTight */,\n        { value: 0 } /** kTight */\n      )\n      .map(({ rect }) => new JsiSkRect(this.CanvasKit, rect));\n  }\n  getLineMetrics(): LineMetrics[] {\n    return this.ref.getLineMetrics();\n  }\n}\n"],"mappings":";;;;;;AASA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,cAAc,SACjBC,gBAAU,CAEpB;EACEC,WAAWA,CAACC,SAAoB,EAAEC,GAAc,EAAE;IAChD,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,WAAW,CAAC;EACpC;EACAC,oBAAoBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACD,GAAG,CAACC,oBAAoB,CAAC,CAAC;EACxC;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACF,GAAG,CAACE,oBAAoB,CAAC,CAAC;EACxC;EAEAC,cAAcA,CAAA,EAAG;IACf,OAAO,IAAI,CAACH,GAAG,CAACG,cAAc,CAAC,CAAC;EAClC;EAEAC,MAAMA,CAACC,KAAa,EAAE;IACpB,IAAI,CAACL,GAAG,CAACI,MAAM,CAACC,KAAK,CAAC;EACxB;EACAC,KAAKA,CAACC,MAAmB,EAAEC,CAAS,EAAEC,CAAS,EAAE;IAC/CF,MAAM,CAACP,GAAG,CAACU,aAAa,CAAC,IAAI,CAACV,GAAG,EAAEQ,CAAC,EAAEC,CAAC,CAAC;EAC1C;EACAE,SAASA,CAAA,EAAG;IACV,OAAO,IAAI,CAACX,GAAG,CAACW,SAAS,CAAC,CAAC;EAC7B;EACAC,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACZ,GAAG,CAACY,WAAW,CAAC,CAAC;EAC/B;EACAC,4BAA4BA,CAACL,CAAS,EAAEC,CAAS,EAAE;IACjD,OAAO,IAAI,CAACT,GAAG,CAACa,4BAA4B,CAACL,CAAC,EAAEC,CAAC,CAAC,CAACK,GAAG;EACxD;EACAC,uBAAuBA,CAAA,EAA0B;IAC/C,OAAO,IAAI,CAACf,GAAG,CAACe,uBAAuB,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAI,CAAC,MAAM;MAChED,IAAI,EAAE,IAAIE,oBAAS,CAAC,IAAI,CAACpB,SAAS,EAAEkB,IAAI,CAAC;MACzCG,SAAS,EAAEF,GAAG,CAACG;IACjB,CAAC,CAAC,CAAC;EACL;EACAC,gBAAgBA,CAACC,KAAa,EAAEC,GAAW,EAAY;IACrD,OAAO,IAAI,CAACxB,GAAG,CACZsB,gBAAgB,CACfC,KAAK,EACLC,GAAG,EACH;MAAEH,KAAK,EAAE;IAAE,CAAC,CAAC,eACb;MAAEA,KAAK,EAAE;IAAE,CAAC,CAAC,aACf,CAAC,CACAL,GAAG,CAAC,CAAC;MAAEC;IAAK,CAAC,KAAK,IAAIE,oBAAS,CAAC,IAAI,CAACpB,SAAS,EAAEkB,IAAI,CAAC,CAAC;EAC3D;EACAQ,cAAcA,CAAA,EAAkB;IAC9B,OAAO,IAAI,CAACzB,GAAG,CAACyB,cAAc,CAAC,CAAC;EAClC;AACF;AAACC,OAAA,CAAA9B,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_Host","require","_JsiSkRect","JsiSkParagraph","HostObject","constructor","CanvasKit","ref","getMinIntrinsicWidth","getMaxIntrinsicWidth","getLongestLine","layout","width","paint","canvas","x","y","drawParagraph","getHeight","getMaxWidth","getGlyphPositionAtCoordinate","pos","getRectsForPlaceholders","map","rect","dir","JsiSkRect","direction","value","getRectsForRange","start","end","getLineMetrics","getPath","_lineNumber","throwNotImplementedOnRNWeb","extendedVisit","_visitor","exports"],"sources":["JsiSkParagraph.ts"],"sourcesContent":["import type { CanvasKit, Paragraph } from \"canvaskit-wasm\";\n\nimport type {\n  SkRect,\n  SkRectWithDirection,\n  SkParagraph,\n  SkPath,\n  LineMetrics,\n  ParagraphExtendedVisitor,\n} from \"../types\";\n\nimport { HostObject, throwNotImplementedOnRNWeb } from \"./Host\";\nimport type { JsiSkCanvas } from \"./JsiSkCanvas\";\nimport { JsiSkRect } from \"./JsiSkRect\";\n\nexport class JsiSkParagraph\n  extends HostObject<Paragraph, \"Paragraph\">\n  implements SkParagraph\n{\n  constructor(CanvasKit: CanvasKit, ref: Paragraph) {\n    super(CanvasKit, ref, \"Paragraph\");\n  }\n  getMinIntrinsicWidth() {\n    return this.ref.getMinIntrinsicWidth();\n  }\n\n  getMaxIntrinsicWidth() {\n    return this.ref.getMaxIntrinsicWidth();\n  }\n\n  getLongestLine() {\n    return this.ref.getLongestLine();\n  }\n\n  layout(width: number) {\n    this.ref.layout(width);\n  }\n  paint(canvas: JsiSkCanvas, x: number, y: number) {\n    canvas.ref.drawParagraph(this.ref, x, y);\n  }\n  getHeight() {\n    return this.ref.getHeight();\n  }\n  getMaxWidth() {\n    return this.ref.getMaxWidth();\n  }\n  getGlyphPositionAtCoordinate(x: number, y: number) {\n    return this.ref.getGlyphPositionAtCoordinate(x, y).pos;\n  }\n  getRectsForPlaceholders(): SkRectWithDirection[] {\n    return this.ref.getRectsForPlaceholders().map(({ rect, dir }) => ({\n      rect: new JsiSkRect(this.CanvasKit, rect),\n      direction: dir.value,\n    }));\n  }\n  getRectsForRange(start: number, end: number): SkRect[] {\n    return this.ref\n      .getRectsForRange(\n        start,\n        end,\n        { value: 0 } /** kTight */,\n        { value: 0 } /** kTight */\n      )\n      .map(({ rect }) => new JsiSkRect(this.CanvasKit, rect));\n  }\n  getLineMetrics(): LineMetrics[] {\n    return this.ref.getLineMetrics();\n  }\n  getPath(_lineNumber: number): SkPath | null {\n    return throwNotImplementedOnRNWeb<SkPath | null>();\n  }\n  extendedVisit(_visitor: ParagraphExtendedVisitor): void {\n    return throwNotImplementedOnRNWeb<void>();\n  }\n}\n"],"mappings":";;;;;;AAWA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,cAAc,SACjBC,gBAAU,CAEpB;EACEC,WAAWA,CAACC,SAAoB,EAAEC,GAAc,EAAE;IAChD,KAAK,CAACD,SAAS,EAAEC,GAAG,EAAE,WAAW,CAAC;EACpC;EACAC,oBAAoBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACD,GAAG,CAACC,oBAAoB,CAAC,CAAC;EACxC;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACF,GAAG,CAACE,oBAAoB,CAAC,CAAC;EACxC;EAEAC,cAAcA,CAAA,EAAG;IACf,OAAO,IAAI,CAACH,GAAG,CAACG,cAAc,CAAC,CAAC;EAClC;EAEAC,MAAMA,CAACC,KAAa,EAAE;IACpB,IAAI,CAACL,GAAG,CAACI,MAAM,CAACC,KAAK,CAAC;EACxB;EACAC,KAAKA,CAACC,MAAmB,EAAEC,CAAS,EAAEC,CAAS,EAAE;IAC/CF,MAAM,CAACP,GAAG,CAACU,aAAa,CAAC,IAAI,CAACV,GAAG,EAAEQ,CAAC,EAAEC,CAAC,CAAC;EAC1C;EACAE,SAASA,CAAA,EAAG;IACV,OAAO,IAAI,CAACX,GAAG,CAACW,SAAS,CAAC,CAAC;EAC7B;EACAC,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACZ,GAAG,CAACY,WAAW,CAAC,CAAC;EAC/B;EACAC,4BAA4BA,CAACL,CAAS,EAAEC,CAAS,EAAE;IACjD,OAAO,IAAI,CAACT,GAAG,CAACa,4BAA4B,CAACL,CAAC,EAAEC,CAAC,CAAC,CAACK,GAAG;EACxD;EACAC,uBAAuBA,CAAA,EAA0B;IAC/C,OAAO,IAAI,CAACf,GAAG,CAACe,uBAAuB,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC;MAAEC,IAAI;MAAEC;IAAI,CAAC,MAAM;MAChED,IAAI,EAAE,IAAIE,oBAAS,CAAC,IAAI,CAACpB,SAAS,EAAEkB,IAAI,CAAC;MACzCG,SAAS,EAAEF,GAAG,CAACG;IACjB,CAAC,CAAC,CAAC;EACL;EACAC,gBAAgBA,CAACC,KAAa,EAAEC,GAAW,EAAY;IACrD,OAAO,IAAI,CAACxB,GAAG,CACZsB,gBAAgB,CACfC,KAAK,EACLC,GAAG,EACH;MAAEH,KAAK,EAAE;IAAE,CAAC,CAAC,eACb;MAAEA,KAAK,EAAE;IAAE,CAAC,CAAC,aACf,CAAC,CACAL,GAAG,CAAC,CAAC;MAAEC;IAAK,CAAC,KAAK,IAAIE,oBAAS,CAAC,IAAI,CAACpB,SAAS,EAAEkB,IAAI,CAAC,CAAC;EAC3D;EACAQ,cAAcA,CAAA,EAAkB;IAC9B,OAAO,IAAI,CAACzB,GAAG,CAACyB,cAAc,CAAC,CAAC;EAClC;EACAC,OAAOA,CAACC,WAAmB,EAAiB;IAC1C,OAAO,IAAAC,gCAA0B,EAAgB,CAAC;EACpD;EACAC,aAAaA,CAACC,QAAkC,EAAQ;IACtD,OAAO,IAAAF,gCAA0B,EAAO,CAAC;EAC3C;AACF;AAACG,OAAA,CAAAnC,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/commonjs/sksg/Container.web.js

@@ -24,17 +24,30 @@ const {
 const drawOnscreen = (Skia, nativeId, recording) => {
   "worklet";
 
+  var _recording$lastPictur;
   const rec = Skia.PictureRecorder();
   const canvas = rec.beginRecording();
   //const start = performance.now();
 
   const ctx = (0, _DrawingContext.createDrawingContext)(Skia, recording.paintPool, canvas);
-  (0, _Player.replay)(ctx, recording.commands);
-  const picture = rec.finishRecordingAsPicture();
-  rec.dispose();
+  let picture;
+  try {
+    (0, _Player.replay)(ctx, recording.commands);
+    picture = rec.finishRecordingAsPicture();
+  } finally {
+    // Frame-scoped objects (shaders, filters, paint copies, ...) are
+    // referenced by the picture once it is finished — delete the JS handles,
+    // otherwise they leak on Web where the GC cannot see WASM memory.
+    ctx.dispose();
+    rec.dispose();
+  }
   //const end = performance.now();
   //console.log("Recording time: ", end - start);
   SkiaViewApi.setJsiProperty(nativeId, "picture", picture);
+  // The view now references the new picture; the previous one is ours to
+  // delete.
+  (_recording$lastPictur = recording.lastPicture) === null || _recording$lastPictur === void 0 || _recording$lastPictur.dispose();
+  recording.lastPicture = picture;
 };
 class ReanimatedContainer extends _StaticContainer.Container {
   constructor(Skia, nativeId) {
@@ -51,6 +64,19 @@ class ReanimatedContainer extends _StaticContainer.Container {
       _ReanimatedProxy.default.stopMapper(this.mapperId);
       this.mapperId = null;
     }
+    const {
+      recording
+    } = this;
+    if (recording) {
+      this.recording = null;
+      // Deferred through the same channel as the draw calls so it runs after
+      // any of them that are still queued.
+      _ReanimatedProxy.default.runOnUI(() => {
+        "worklet";
+
+        (0, _Recorder.disposeRecording)(recording);
+      })();
+    }
   }
   redraw() {
     if (this.mapperId !== null) {
@@ -60,6 +86,7 @@ class ReanimatedContainer extends _StaticContainer.Container {
     if (this.unmounted) {
       return;
     }
+    const previousRecording = this.recording;
     const recorder = new _Recorder.Recorder();
     (0, _Visitor.visit)(recorder, this.root);
     const record = recorder.getRecording();
@@ -85,6 +112,10 @@ class ReanimatedContainer extends _StaticContainer.Container {
     _ReanimatedProxy.default.runOnUI(() => {
       "worklet";
 
+      if (previousRecording) {
+        // Runs after any still-queued draw of the previous recording.
+        (0, _Recorder.disposeRecording)(previousRecording);
+      }
       drawOnscreen(Skia, nativeId, recording);
     })();
   }

package/lib/commonjs/sksg/Container.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ReanimatedProxy","_interopRequireDefault","require","_renderHelpers","_Recorder","_Visitor","_Player","_DrawingContext","_StaticContainer","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","SkiaViewApi","globalThis","drawOnscreen","Skia","nativeId","recording","rec","PictureRecorder","canvas","beginRecording","ctx","createDrawingContext","paintPool","replay","commands","picture","finishRecordingAsPicture","dispose","setJsiProperty","ReanimatedContainer","Container","constructor","unmount","mapperId","Rea","stopMapper","redraw","unmounted","recorder","Recorder","visit","root","record","getRecording","animationValues","size","startMapper","Array","from","runOnUI","createContainer","HAS_REANIMATED_3","StaticContainer","exports"],"sources":["Container.web.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia } from \"../skia/types\";\nimport { HAS_REANIMATED_3 } from \"../external/reanimated/renderHelpers\";\n\nimport type { Recording } from \"./Recorder/Recorder\";\nimport { Recorder } from \"./Recorder/Recorder\";\nimport { visit } from \"./Recorder/Visitor\";\nimport { replay } from \"./Recorder/Player\";\nimport { createDrawingContext } from \"./Recorder/DrawingContext\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\n// create local reference for `strictGlobal` option in Worklets\nconst { SkiaViewApi } = globalThis;\n\nconst drawOnscreen = (Skia: Skia, nativeId: number, recording: Recording) => {\n  \"worklet\";\n  const rec = Skia.PictureRecorder();\n  const canvas = rec.beginRecording();\n  //const start = performance.now();\n\n  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);\n  replay(ctx, recording.commands);\n  const picture = rec.finishRecordingAsPicture();\n  rec.dispose();\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n};\n\nclass ReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number\n  ) {\n    super(Skia);\n  }\n\n  unmount() {\n    super.unmount();\n    if (this.mapperId !== null) {\n      // The mapper closure retains the recording and keeps updating the\n      // picture of an unmounted view — stop it or it leaks for the\n      // lifetime of the app.\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    const record = recorder.getRecording();\n    const { animationValues } = record;\n    this.recording = {\n      commands: record.commands,\n      paintPool: record.paintPool,\n    };\n    const { nativeId, Skia, recording } = this;\n    if (animationValues.size > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, recording!);\n      }, Array.from(animationValues));\n    }\n    Rea.runOnUI(() => {\n      \"worklet\";\n      drawOnscreen(Skia, nativeId, recording!);\n    })();\n  }\n}\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  if (HAS_REANIMATED_3 && nativeId !== -1) {\n    return new ReanimatedContainer(Skia, nativeId);\n  } else {\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_ReanimatedProxy","_interopRequireDefault","require","_renderHelpers","_Recorder","_Visitor","_Player","_DrawingContext","_StaticContainer","e","__esModule","default","_defineProperty","r","t","_toPropertyKey","Object","defineProperty","value","enumerable","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","SkiaViewApi","globalThis","drawOnscreen","Skia","nativeId","recording","_recording$lastPictur","rec","PictureRecorder","canvas","beginRecording","ctx","createDrawingContext","paintPool","picture","replay","commands","finishRecordingAsPicture","dispose","setJsiProperty","lastPicture","ReanimatedContainer","Container","constructor","unmount","mapperId","Rea","stopMapper","runOnUI","disposeRecording","redraw","unmounted","previousRecording","recorder","Recorder","visit","root","record","getRecording","animationValues","size","startMapper","Array","from","createContainer","HAS_REANIMATED_3","StaticContainer","exports"],"sources":["Container.web.ts"],"sourcesContent":["import Rea from \"../external/reanimated/ReanimatedProxy\";\nimport type { Skia } from \"../skia/types\";\nimport { HAS_REANIMATED_3 } from \"../external/reanimated/renderHelpers\";\n\nimport type { Recording } from \"./Recorder/Recorder\";\nimport { Recorder, disposeRecording } from \"./Recorder/Recorder\";\nimport { visit } from \"./Recorder/Visitor\";\nimport { replay } from \"./Recorder/Player\";\nimport { createDrawingContext } from \"./Recorder/DrawingContext\";\nimport { Container, StaticContainer } from \"./StaticContainer\";\n\nimport \"../skia/NativeSetup\";\nimport \"../views/api\";\n\n// create local reference for `strictGlobal` option in Worklets\nconst { SkiaViewApi } = globalThis;\n\nconst drawOnscreen = (Skia: Skia, nativeId: number, recording: Recording) => {\n  \"worklet\";\n  const rec = Skia.PictureRecorder();\n  const canvas = rec.beginRecording();\n  //const start = performance.now();\n\n  const ctx = createDrawingContext(Skia, recording.paintPool, canvas);\n  let picture;\n  try {\n    replay(ctx, recording.commands);\n    picture = rec.finishRecordingAsPicture();\n  } finally {\n    // Frame-scoped objects (shaders, filters, paint copies, ...) are\n    // referenced by the picture once it is finished — delete the JS handles,\n    // otherwise they leak on Web where the GC cannot see WASM memory.\n    ctx.dispose();\n    rec.dispose();\n  }\n  //const end = performance.now();\n  //console.log(\"Recording time: \", end - start);\n  SkiaViewApi.setJsiProperty(nativeId, \"picture\", picture);\n  // The view now references the new picture; the previous one is ours to\n  // delete.\n  recording.lastPicture?.dispose();\n  recording.lastPicture = picture;\n};\n\nclass ReanimatedContainer extends Container {\n  private mapperId: number | null = null;\n\n  constructor(\n    Skia: Skia,\n    private nativeId: number\n  ) {\n    super(Skia);\n  }\n\n  unmount() {\n    super.unmount();\n    if (this.mapperId !== null) {\n      // The mapper closure retains the recording and keeps updating the\n      // picture of an unmounted view — stop it or it leaks for the\n      // lifetime of the app.\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n    const { recording } = this;\n    if (recording) {\n      this.recording = null;\n      // Deferred through the same channel as the draw calls so it runs after\n      // any of them that are still queued.\n      Rea.runOnUI(() => {\n        \"worklet\";\n        disposeRecording(recording);\n      })();\n    }\n  }\n\n  redraw() {\n    if (this.mapperId !== null) {\n      Rea.stopMapper(this.mapperId);\n      this.mapperId = null;\n    }\n    if (this.unmounted) {\n      return;\n    }\n    const previousRecording = this.recording;\n    const recorder = new Recorder();\n    visit(recorder, this.root);\n    const record = recorder.getRecording();\n    const { animationValues } = record;\n    this.recording = {\n      commands: record.commands,\n      paintPool: record.paintPool,\n    };\n    const { nativeId, Skia, recording } = this;\n    if (animationValues.size > 0) {\n      this.mapperId = Rea.startMapper(() => {\n        \"worklet\";\n        drawOnscreen(Skia, nativeId, recording!);\n      }, Array.from(animationValues));\n    }\n    Rea.runOnUI(() => {\n      \"worklet\";\n      if (previousRecording) {\n        // Runs after any still-queued draw of the previous recording.\n        disposeRecording(previousRecording);\n      }\n      drawOnscreen(Skia, nativeId, recording!);\n    })();\n  }\n}\n\nexport const createContainer = (Skia: Skia, nativeId: number) => {\n  if (HAS_REANIMATED_3 && nativeId !== -1) {\n    return new ReanimatedContainer(Skia, nativeId);\n  } else {\n    return new StaticContainer(Skia, nativeId);\n  }\n};\n"],"mappings":"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","ignoreList":[]}