Merge pull request #2122 from DaniHv/fix/web-wasm-duplicated-loads

Make LoadSkiaWeb() load the CanvasKit wasm only once
Shopify · Jan 7, 2024 · 8f80968 · 8f80968
2 parents b92f764 + e299b1e
commit 8f80968
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/package/src/web/LoadSkiaWeb.tsx b/package/src/web/LoadSkiaWeb.tsx
@@ -10,11 +10,14 @@ declare global {
   var CanvasKit: CanvasKitType;
 }
 
+let ckSharedPromise: Promise<CanvasKitType>;
+
 export const LoadSkiaWeb = async (opts?: CanvasKitInitOptions) => {
   if (global.CanvasKit !== undefined) {
     return;
   }
-  const CanvasKit = await CanvasKitInit(opts);
+  ckSharedPromise = ckSharedPromise ?? CanvasKitInit(opts);
+  const CanvasKit = await ckSharedPromise;
   // The CanvasKit API is stored on the global object and used
   // to create the JsiSKApi in the Skia.web.ts file.
   global.CanvasKit = CanvasKit;