@shopify/react-native-skia 0.1.231 → 0.1.233

package/lib/module/skia/types/Paragraph/ParagraphStyle.js

@@ -1,27 +1,27 @@
-export let SkTextDirection;
+export let TextDirection;
 
-(function (SkTextDirection) {
-  SkTextDirection[SkTextDirection["RTL"] = 0] = "RTL";
-  SkTextDirection[SkTextDirection["LTR"] = 1] = "LTR";
-})(SkTextDirection || (SkTextDirection = {}));
+(function (TextDirection) {
+  TextDirection[TextDirection["RTL"] = 0] = "RTL";
+  TextDirection[TextDirection["LTR"] = 1] = "LTR";
+})(TextDirection || (TextDirection = {}));
 
-export let SkTextAlign;
+export let TextAlign;
 
-(function (SkTextAlign) {
-  SkTextAlign[SkTextAlign["Left"] = 0] = "Left";
-  SkTextAlign[SkTextAlign["Right"] = 1] = "Right";
-  SkTextAlign[SkTextAlign["Center"] = 2] = "Center";
-  SkTextAlign[SkTextAlign["Justify"] = 3] = "Justify";
-  SkTextAlign[SkTextAlign["Start"] = 4] = "Start";
-  SkTextAlign[SkTextAlign["End"] = 5] = "End";
-})(SkTextAlign || (SkTextAlign = {}));
+(function (TextAlign) {
+  TextAlign[TextAlign["Left"] = 0] = "Left";
+  TextAlign[TextAlign["Right"] = 1] = "Right";
+  TextAlign[TextAlign["Center"] = 2] = "Center";
+  TextAlign[TextAlign["Justify"] = 3] = "Justify";
+  TextAlign[TextAlign["Start"] = 4] = "Start";
+  TextAlign[TextAlign["End"] = 5] = "End";
+})(TextAlign || (TextAlign = {}));
 
-export let SkTextHeightBehavior;
+export let TextHeightBehavior;
 
-(function (SkTextHeightBehavior) {
-  SkTextHeightBehavior[SkTextHeightBehavior["All"] = 0] = "All";
-  SkTextHeightBehavior[SkTextHeightBehavior["DisableFirstAscent"] = 1] = "DisableFirstAscent";
-  SkTextHeightBehavior[SkTextHeightBehavior["DisableLastDescent"] = 2] = "DisableLastDescent";
-  SkTextHeightBehavior[SkTextHeightBehavior["DisableAll"] = 3] = "DisableAll";
-})(SkTextHeightBehavior || (SkTextHeightBehavior = {}));
+(function (TextHeightBehavior) {
+  TextHeightBehavior[TextHeightBehavior["All"] = 0] = "All";
+  TextHeightBehavior[TextHeightBehavior["DisableFirstAscent"] = 1] = "DisableFirstAscent";
+  TextHeightBehavior[TextHeightBehavior["DisableLastDescent"] = 2] = "DisableLastDescent";
+  TextHeightBehavior[TextHeightBehavior["DisableAll"] = 3] = "DisableAll";
+})(TextHeightBehavior || (TextHeightBehavior = {}));
 //# sourceMappingURL=ParagraphStyle.js.map

package/lib/module/skia/types/Paragraph/ParagraphStyle.js.map

@@ -1 +1 @@
-{"version":3,"names":["SkTextDirection","SkTextAlign","SkTextHeightBehavior"],"sources":["ParagraphStyle.ts"],"sourcesContent":["import type { SkTextFontStyle, SkTextStyle } from \"./TextStyle\";\n\nexport enum SkTextDirection {\n  RTL = 0,\n  LTR = 1,\n}\nexport enum SkTextAlign {\n  Left = 0,\n  Right,\n  Center,\n  Justify,\n  Start,\n  End,\n}\n\nexport interface SkStrutStyle {\n  strutEnabled?: boolean;\n  fontFamilies?: string[];\n  fontStyle?: SkTextFontStyle;\n  fontSize?: number;\n  heightMultiplier?: number;\n  halfLeading?: boolean;\n  leading?: number;\n  forceStrutHeight?: boolean;\n}\n\nexport enum SkTextHeightBehavior {\n  All = 0x0,\n  DisableFirstAscent = 0x1,\n  DisableLastDescent = 0x2,\n  DisableAll = 0x1 | 0x2,\n}\n\nexport interface SkParagraphStyle {\n  disableHinting?: boolean;\n  ellipsis?: string;\n  heightMultiplier?: number;\n  maxLines?: number;\n  replaceTabCharacters?: boolean;\n  strutStyle?: SkStrutStyle;\n  textAlign?: SkTextAlign;\n  textDirection?: SkTextDirection;\n  textHeightBehavior?: SkTextHeightBehavior;\n  textStyle?: SkTextStyle;\n}\n"],"mappings":"AAEA,WAAYA,eAAZ;;WAAYA,e;EAAAA,e,CAAAA,e;EAAAA,e,CAAAA,e;GAAAA,e,KAAAA,e;;AAIZ,WAAYC,WAAZ;;WAAYA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;EAAAA,W,CAAAA,W;GAAAA,W,KAAAA,W;;AAoBZ,WAAYC,oBAAZ;;WAAYA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;EAAAA,oB,CAAAA,oB;GAAAA,oB,KAAAA,oB"}
+{"version":3,"names":["TextDirection","TextAlign","TextHeightBehavior"],"sources":["ParagraphStyle.ts"],"sourcesContent":["import type { SkTextFontStyle, SkTextStyle } from \"./TextStyle\";\n\nexport enum TextDirection {\n  RTL = 0,\n  LTR = 1,\n}\nexport enum TextAlign {\n  Left = 0,\n  Right,\n  Center,\n  Justify,\n  Start,\n  End,\n}\n\nexport interface SkStrutStyle {\n  strutEnabled?: boolean;\n  fontFamilies?: string[];\n  fontStyle?: SkTextFontStyle;\n  fontSize?: number;\n  heightMultiplier?: number;\n  halfLeading?: boolean;\n  leading?: number;\n  forceStrutHeight?: boolean;\n}\n\nexport enum TextHeightBehavior {\n  All = 0x0,\n  DisableFirstAscent = 0x1,\n  DisableLastDescent = 0x2,\n  DisableAll = 0x1 | 0x2,\n}\n\nexport interface SkParagraphStyle {\n  disableHinting?: boolean;\n  ellipsis?: string;\n  heightMultiplier?: number;\n  maxLines?: number;\n  replaceTabCharacters?: boolean;\n  strutStyle?: SkStrutStyle;\n  textAlign?: TextAlign;\n  textDirection?: TextDirection;\n  textHeightBehavior?: TextHeightBehavior;\n  textStyle?: SkTextStyle;\n}\n"],"mappings":"AAEA,WAAYA,aAAZ;;WAAYA,a;EAAAA,a,CAAAA,a;EAAAA,a,CAAAA,a;GAAAA,a,KAAAA,a;;AAIZ,WAAYC,SAAZ;;WAAYA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;EAAAA,S,CAAAA,S;GAAAA,S,KAAAA,S;;AAoBZ,WAAYC,kBAAZ;;WAAYA,kB;EAAAA,kB,CAAAA,kB;EAAAA,kB,CAAAA,kB;EAAAA,kB,CAAAA,kB;EAAAA,kB,CAAAA,kB;GAAAA,kB,KAAAA,kB"}

package/lib/module/skia/types/Shader/Shader.js

@@ -24,7 +24,7 @@ export const processUniforms = (source, uniforms, builder) => {
     const name = source.getUniformName(i);
     const value = uniforms[name];
 
-    if (!value === undefined) {
+    if (value === undefined) {
       throw new Error( // eslint-disable-next-line max-len
       `The runtime effect has the uniform value "${name}" declared, but it is missing from the uniforms property of the Runtime effect.`);
     }

package/lib/module/skia/types/Shader/Shader.js.map

@@ -1 +1 @@
-{"version":3,"names":["isShader","obj","__typename__","isVector","x","undefined","y","processValue","values","value","push","Array","isArray","forEach","v","Float32Array","processUniforms","source","uniforms","builder","result","uniformsCount","getUniformCount","i","name","getUniformName","Error","uniformValue","setUniform"],"sources":["Shader.ts"],"sourcesContent":["import type { SkJSIInstance } from \"../JsiInstance\";\nimport type { Vector } from \"../Point\";\nimport type { SkRuntimeEffect, SkRuntimeShaderBuilder } from \"../RuntimeEffect\";\n\nexport const isShader = (obj: SkJSIInstance<string> | null): obj is SkShader =>\n  obj !== null && obj.__typename__ === \"Shader\";\n\nexport type SkShader = SkJSIInstance<\"Shader\">;\n\nexport type Uniform = number | Vector | Float32Array | Uniform[];\n\nexport interface Uniforms {\n  [name: string]: Uniform;\n}\n\nconst isVector = (obj: unknown): obj is Vector =>\n  // We have an issue to check property existence on JSI backed instances\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (obj as any).x !== undefined && (obj as any).y !== undefined;\n\nconst processValue = (values: number[], value: Uniform) => {\n  if (typeof value === \"number\") {\n    values.push(value);\n  } else if (Array.isArray(value)) {\n    value.forEach((v) => processValue(values, v));\n  } else if (isVector(value)) {\n    values.push(value.x, value.y);\n  } else if (value instanceof Float32Array) {\n    values.push(...value);\n  }\n};\n\nexport const processUniforms = (\n  source: SkRuntimeEffect,\n  uniforms: Uniforms,\n  builder?: SkRuntimeShaderBuilder\n) => {\n  const result: number[] = [];\n  const uniformsCount = source.getUniformCount();\n  for (let i = 0; i < uniformsCount; i++) {\n    const name = source.getUniformName(i);\n    const value = uniforms[name];\n    if (!value === undefined) {\n      throw new Error(\n        // eslint-disable-next-line max-len\n        `The runtime effect has the uniform value \"${name}\" declared, but it is missing from the uniforms property of the Runtime effect.`\n      );\n    }\n    if (builder === undefined) {\n      processValue(result, value);\n    } else {\n      const uniformValue: number[] = [];\n      processValue(uniformValue, value);\n      builder.setUniform(name, uniformValue);\n      result.push(...uniformValue);\n    }\n  }\n  return result;\n};\n"],"mappings":"AAIA,OAAO,MAAMA,QAAQ,GAAIC,GAAD,IACtBA,GAAG,KAAK,IAAR,IAAgBA,GAAG,CAACC,YAAJ,KAAqB,QADhC;;AAWP,MAAMC,QAAQ,GAAIF,GAAD,IACf;AACA;AACCA,GAAD,CAAaG,CAAb,KAAmBC,SAAnB,IAAiCJ,GAAD,CAAaK,CAAb,KAAmBD,SAHrD;;AAKA,MAAME,YAAY,GAAG,CAACC,MAAD,EAAmBC,KAAnB,KAAsC;EACzD,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;IAC7BD,MAAM,CAACE,IAAP,CAAYD,KAAZ;EACD,CAFD,MAEO,IAAIE,KAAK,CAACC,OAAN,CAAcH,KAAd,CAAJ,EAA0B;IAC/BA,KAAK,CAACI,OAAN,CAAeC,CAAD,IAAOP,YAAY,CAACC,MAAD,EAASM,CAAT,CAAjC;EACD,CAFM,MAEA,IAAIX,QAAQ,CAACM,KAAD,CAAZ,EAAqB;IAC1BD,MAAM,CAACE,IAAP,CAAYD,KAAK,CAACL,CAAlB,EAAqBK,KAAK,CAACH,CAA3B;EACD,CAFM,MAEA,IAAIG,KAAK,YAAYM,YAArB,EAAmC;IACxCP,MAAM,CAACE,IAAP,CAAY,GAAGD,KAAf;EACD;AACF,CAVD;;AAYA,OAAO,MAAMO,eAAe,GAAG,CAC7BC,MAD6B,EAE7BC,QAF6B,EAG7BC,OAH6B,KAI1B;EACH,MAAMC,MAAgB,GAAG,EAAzB;EACA,MAAMC,aAAa,GAAGJ,MAAM,CAACK,eAAP,EAAtB;;EACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGF,aAApB,EAAmCE,CAAC,EAApC,EAAwC;IACtC,MAAMC,IAAI,GAAGP,MAAM,CAACQ,cAAP,CAAsBF,CAAtB,CAAb;IACA,MAAMd,KAAK,GAAGS,QAAQ,CAACM,IAAD,CAAtB;;IACA,IAAI,CAACf,KAAD,KAAWJ,SAAf,EAA0B;MACxB,MAAM,IAAIqB,KAAJ,EACJ;MACC,6CAA4CF,IAAK,iFAF9C,CAAN;IAID;;IACD,IAAIL,OAAO,KAAKd,SAAhB,EAA2B;MACzBE,YAAY,CAACa,MAAD,EAASX,KAAT,CAAZ;IACD,CAFD,MAEO;MACL,MAAMkB,YAAsB,GAAG,EAA/B;MACApB,YAAY,CAACoB,YAAD,EAAelB,KAAf,CAAZ;MACAU,OAAO,CAACS,UAAR,CAAmBJ,IAAnB,EAAyBG,YAAzB;MACAP,MAAM,CAACV,IAAP,CAAY,GAAGiB,YAAf;IACD;EACF;;EACD,OAAOP,MAAP;AACD,CA1BM"}
+{"version":3,"names":["isShader","obj","__typename__","isVector","x","undefined","y","processValue","values","value","push","Array","isArray","forEach","v","Float32Array","processUniforms","source","uniforms","builder","result","uniformsCount","getUniformCount","i","name","getUniformName","Error","uniformValue","setUniform"],"sources":["Shader.ts"],"sourcesContent":["import type { SkJSIInstance } from \"../JsiInstance\";\nimport type { Vector } from \"../Point\";\nimport type { SkRuntimeEffect, SkRuntimeShaderBuilder } from \"../RuntimeEffect\";\n\nexport const isShader = (obj: SkJSIInstance<string> | null): obj is SkShader =>\n  obj !== null && obj.__typename__ === \"Shader\";\n\nexport type SkShader = SkJSIInstance<\"Shader\">;\n\nexport type Uniform = number | Vector | Float32Array | Uniform[];\n\nexport interface Uniforms {\n  [name: string]: Uniform;\n}\n\nconst isVector = (obj: unknown): obj is Vector =>\n  // We have an issue to check property existence on JSI backed instances\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (obj as any).x !== undefined && (obj as any).y !== undefined;\n\nconst processValue = (values: number[], value: Uniform) => {\n  if (typeof value === \"number\") {\n    values.push(value);\n  } else if (Array.isArray(value)) {\n    value.forEach((v) => processValue(values, v));\n  } else if (isVector(value)) {\n    values.push(value.x, value.y);\n  } else if (value instanceof Float32Array) {\n    values.push(...value);\n  }\n};\n\nexport const processUniforms = (\n  source: SkRuntimeEffect,\n  uniforms: Uniforms,\n  builder?: SkRuntimeShaderBuilder\n) => {\n  const result: number[] = [];\n  const uniformsCount = source.getUniformCount();\n  for (let i = 0; i < uniformsCount; i++) {\n    const name = source.getUniformName(i);\n    const value = uniforms[name];\n    if (value === undefined) {\n      throw new Error(\n        // eslint-disable-next-line max-len\n        `The runtime effect has the uniform value \"${name}\" declared, but it is missing from the uniforms property of the Runtime effect.`\n      );\n    }\n    if (builder === undefined) {\n      processValue(result, value);\n    } else {\n      const uniformValue: number[] = [];\n      processValue(uniformValue, value);\n      builder.setUniform(name, uniformValue);\n      result.push(...uniformValue);\n    }\n  }\n  return result;\n};\n"],"mappings":"AAIA,OAAO,MAAMA,QAAQ,GAAIC,GAAD,IACtBA,GAAG,KAAK,IAAR,IAAgBA,GAAG,CAACC,YAAJ,KAAqB,QADhC;;AAWP,MAAMC,QAAQ,GAAIF,GAAD,IACf;AACA;AACCA,GAAD,CAAaG,CAAb,KAAmBC,SAAnB,IAAiCJ,GAAD,CAAaK,CAAb,KAAmBD,SAHrD;;AAKA,MAAME,YAAY,GAAG,CAACC,MAAD,EAAmBC,KAAnB,KAAsC;EACzD,IAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;IAC7BD,MAAM,CAACE,IAAP,CAAYD,KAAZ;EACD,CAFD,MAEO,IAAIE,KAAK,CAACC,OAAN,CAAcH,KAAd,CAAJ,EAA0B;IAC/BA,KAAK,CAACI,OAAN,CAAeC,CAAD,IAAOP,YAAY,CAACC,MAAD,EAASM,CAAT,CAAjC;EACD,CAFM,MAEA,IAAIX,QAAQ,CAACM,KAAD,CAAZ,EAAqB;IAC1BD,MAAM,CAACE,IAAP,CAAYD,KAAK,CAACL,CAAlB,EAAqBK,KAAK,CAACH,CAA3B;EACD,CAFM,MAEA,IAAIG,KAAK,YAAYM,YAArB,EAAmC;IACxCP,MAAM,CAACE,IAAP,CAAY,GAAGD,KAAf;EACD;AACF,CAVD;;AAYA,OAAO,MAAMO,eAAe,GAAG,CAC7BC,MAD6B,EAE7BC,QAF6B,EAG7BC,OAH6B,KAI1B;EACH,MAAMC,MAAgB,GAAG,EAAzB;EACA,MAAMC,aAAa,GAAGJ,MAAM,CAACK,eAAP,EAAtB;;EACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGF,aAApB,EAAmCE,CAAC,EAApC,EAAwC;IACtC,MAAMC,IAAI,GAAGP,MAAM,CAACQ,cAAP,CAAsBF,CAAtB,CAAb;IACA,MAAMd,KAAK,GAAGS,QAAQ,CAACM,IAAD,CAAtB;;IACA,IAAIf,KAAK,KAAKJ,SAAd,EAAyB;MACvB,MAAM,IAAIqB,KAAJ,EACJ;MACC,6CAA4CF,IAAK,iFAF9C,CAAN;IAID;;IACD,IAAIL,OAAO,KAAKd,SAAhB,EAA2B;MACzBE,YAAY,CAACa,MAAD,EAASX,KAAT,CAAZ;IACD,CAFD,MAEO;MACL,MAAMkB,YAAsB,GAAG,EAA/B;MACApB,YAAY,CAACoB,YAAD,EAAelB,KAAf,CAAZ;MACAU,OAAO,CAACS,UAAR,CAAmBJ,IAAnB,EAAyBG,YAAzB;MACAP,MAAM,CAACV,IAAP,CAAY,GAAGiB,YAAf;IACD;EACF;;EACD,OAAOP,MAAP;AACD,CA1BM"}

package/lib/module/skia/web/JsiSkParagraphStyle.js

@@ -1,4 +1,4 @@
-import { SkTextDirection } from "../types";
+import { TextDirection } from "../types";
 export class JsiSkParagraphStyle {
   static toParagraphStyle(ck, value) {
     var _value$disableHinting, _value$ellipsis, _value$heightMultipli, _value$maxLines, _value$replaceTabChar, _ps$strutStyle, _value$strutStyle$fon, _value$strutStyle, _value$strutStyle$fon2, _value$strutStyle2, _value$strutStyle$hei, _value$strutStyle3, _value$strutStyle$lea, _value$strutStyle4, _value$strutStyle$for, _value$strutStyle5, _ps$strutStyle$fontSt, _value$strutStyle6, _value$strutStyle6$fo, _value$strutStyle7, _value$strutStyle7$fo, _value$strutStyle8, _value$strutStyle8$fo, _value$strutStyle$hal, _value$strutStyle9, _value$strutStyle$str, _value$strutStyle10;
@@ -19,7 +19,7 @@ export class JsiSkParagraphStyle {
       value: value.textAlign
     } : undefined !== null && undefined !== void 0 ? undefined : ps.textAlign;
     ps.textDirection = value.textDirection !== undefined ? {
-      value: value.textDirection === SkTextDirection.LTR ? 1 : 0
+      value: value.textDirection === TextDirection.LTR ? 1 : 0
     } : ps.textDirection;
     ps.textHeightBehavior = value.textHeightBehavior !== undefined ? {
       value: value.textHeightBehavior

package/lib/module/skia/web/JsiSkParagraphStyle.js.map

@@ -1 +1 @@
-{"version":3,"names":["SkTextDirection","JsiSkParagraphStyle","toParagraphStyle","ck","value","ps","ParagraphStyle","textStyle","color","BLACK","disableHinting","ellipsis","heightMultiplier","maxLines","replaceTabCharacters","textAlign","undefined","textDirection","LTR","textHeightBehavior","strutStyle","fontFamilies","fontSize","leading","forceStrutHeight","fontStyle","slant","width","weight","halfLeading","strutEnabled"],"sources":["JsiSkParagraphStyle.ts"],"sourcesContent":["import type { CanvasKit, ParagraphStyle } from \"canvaskit-wasm\";\n\nimport { SkTextDirection, type SkParagraphStyle } from \"../types\";\n\nexport class JsiSkParagraphStyle {\n  static toParagraphStyle(\n    ck: CanvasKit,\n    value: SkParagraphStyle\n  ): ParagraphStyle {\n    // Seems like we need to provide the textStyle.color value, otherwise\n    // the constructor crashes.\n    const ps = new ck.ParagraphStyle({ textStyle: { color: ck.BLACK } });\n\n    ps.disableHinting = value.disableHinting ?? ps.disableHinting;\n    ps.ellipsis = value.ellipsis ?? ps.ellipsis;\n    ps.heightMultiplier = value.heightMultiplier ?? ps.heightMultiplier;\n    ps.maxLines = value.maxLines ?? ps.maxLines;\n    ps.replaceTabCharacters =\n      value.replaceTabCharacters ?? ps.replaceTabCharacters;\n    ps.textAlign =\n      value.textAlign !== undefined\n        ? { value: value.textAlign }\n        : undefined ?? ps.textAlign;\n    ps.textDirection =\n      value.textDirection !== undefined\n        ? { value: value.textDirection === SkTextDirection.LTR ? 1 : 0 }\n        : ps.textDirection;\n    ps.textHeightBehavior =\n      value.textHeightBehavior !== undefined\n        ? { value: value.textHeightBehavior }\n        : ps.textHeightBehavior;\n\n    ps.strutStyle = ps.strutStyle ?? {};\n    ps.strutStyle.fontFamilies =\n      value.strutStyle?.fontFamilies ?? ps.strutStyle.fontFamilies;\n    ps.strutStyle.fontSize =\n      value.strutStyle?.fontSize ?? ps.strutStyle.fontSize;\n    ps.strutStyle.heightMultiplier =\n      value.strutStyle?.heightMultiplier ?? ps.strutStyle.heightMultiplier;\n    ps.strutStyle.leading = value.strutStyle?.leading ?? ps.strutStyle.leading;\n    ps.strutStyle.forceStrutHeight =\n      value.strutStyle?.forceStrutHeight ?? ps.strutStyle.forceStrutHeight;\n\n    ps.strutStyle.fontStyle = ps.strutStyle.fontStyle ?? {};\n\n    ps.strutStyle.fontStyle.slant =\n      value.strutStyle?.fontStyle?.slant !== undefined\n        ? { value: value.strutStyle.fontStyle.slant }\n        : ps.strutStyle.fontStyle.slant;\n    ps.strutStyle.fontStyle.width =\n      value.strutStyle?.fontStyle?.width !== undefined\n        ? { value: value.strutStyle.fontStyle.width }\n        : ps.strutStyle.fontStyle.width;\n    ps.strutStyle.fontStyle.weight =\n      value.strutStyle?.fontStyle?.weight !== undefined\n        ? { value: value.strutStyle.fontStyle.weight }\n        : ps.strutStyle.fontStyle.weight;\n    ps.strutStyle.halfLeading =\n      value.strutStyle?.halfLeading ?? ps.strutStyle.halfLeading;\n    ps.strutStyle.strutEnabled =\n      value.strutStyle?.strutEnabled ?? ps.strutStyle.strutEnabled;\n\n    return ps;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["TextDirection","JsiSkParagraphStyle","toParagraphStyle","ck","value","ps","ParagraphStyle","textStyle","color","BLACK","disableHinting","ellipsis","heightMultiplier","maxLines","replaceTabCharacters","textAlign","undefined","textDirection","LTR","textHeightBehavior","strutStyle","fontFamilies","fontSize","leading","forceStrutHeight","fontStyle","slant","width","weight","halfLeading","strutEnabled"],"sources":["JsiSkParagraphStyle.ts"],"sourcesContent":["import type { CanvasKit, ParagraphStyle } from \"canvaskit-wasm\";\n\nimport { TextDirection, type SkParagraphStyle } from \"../types\";\n\nexport class JsiSkParagraphStyle {\n  static toParagraphStyle(\n    ck: CanvasKit,\n    value: SkParagraphStyle\n  ): ParagraphStyle {\n    // Seems like we need to provide the textStyle.color value, otherwise\n    // the constructor crashes.\n    const ps = new ck.ParagraphStyle({ textStyle: { color: ck.BLACK } });\n\n    ps.disableHinting = value.disableHinting ?? ps.disableHinting;\n    ps.ellipsis = value.ellipsis ?? ps.ellipsis;\n    ps.heightMultiplier = value.heightMultiplier ?? ps.heightMultiplier;\n    ps.maxLines = value.maxLines ?? ps.maxLines;\n    ps.replaceTabCharacters =\n      value.replaceTabCharacters ?? ps.replaceTabCharacters;\n    ps.textAlign =\n      value.textAlign !== undefined\n        ? { value: value.textAlign }\n        : undefined ?? ps.textAlign;\n    ps.textDirection =\n      value.textDirection !== undefined\n        ? { value: value.textDirection === TextDirection.LTR ? 1 : 0 }\n        : ps.textDirection;\n    ps.textHeightBehavior =\n      value.textHeightBehavior !== undefined\n        ? { value: value.textHeightBehavior }\n        : ps.textHeightBehavior;\n\n    ps.strutStyle = ps.strutStyle ?? {};\n    ps.strutStyle.fontFamilies =\n      value.strutStyle?.fontFamilies ?? ps.strutStyle.fontFamilies;\n    ps.strutStyle.fontSize =\n      value.strutStyle?.fontSize ?? ps.strutStyle.fontSize;\n    ps.strutStyle.heightMultiplier =\n      value.strutStyle?.heightMultiplier ?? ps.strutStyle.heightMultiplier;\n    ps.strutStyle.leading = value.strutStyle?.leading ?? ps.strutStyle.leading;\n    ps.strutStyle.forceStrutHeight =\n      value.strutStyle?.forceStrutHeight ?? ps.strutStyle.forceStrutHeight;\n\n    ps.strutStyle.fontStyle = ps.strutStyle.fontStyle ?? {};\n\n    ps.strutStyle.fontStyle.slant =\n      value.strutStyle?.fontStyle?.slant !== undefined\n        ? { value: value.strutStyle.fontStyle.slant }\n        : ps.strutStyle.fontStyle.slant;\n    ps.strutStyle.fontStyle.width =\n      value.strutStyle?.fontStyle?.width !== undefined\n        ? { value: value.strutStyle.fontStyle.width }\n        : ps.strutStyle.fontStyle.width;\n    ps.strutStyle.fontStyle.weight =\n      value.strutStyle?.fontStyle?.weight !== undefined\n        ? { value: value.strutStyle.fontStyle.weight }\n        : ps.strutStyle.fontStyle.weight;\n    ps.strutStyle.halfLeading =\n      value.strutStyle?.halfLeading ?? ps.strutStyle.halfLeading;\n    ps.strutStyle.strutEnabled =\n      value.strutStyle?.strutEnabled ?? ps.strutStyle.strutEnabled;\n\n    return ps;\n  }\n}\n"],"mappings":"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"}

package/lib/module/web/LoadSkiaWeb.js

@@ -1,12 +1,16 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import CanvasKitInit from "canvaskit-wasm/bin/full/canvaskit";
+let ckSharedPromise;
 export const LoadSkiaWeb = async opts => {
+  var _ckSharedPromise;
+
   if (global.CanvasKit !== undefined) {
     return;
   }
 
-  const CanvasKit = await CanvasKitInit(opts); // The CanvasKit API is stored on the global object and used
+  ckSharedPromise = (_ckSharedPromise = ckSharedPromise) !== null && _ckSharedPromise !== void 0 ? _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;

package/lib/module/web/LoadSkiaWeb.js.map

@@ -1 +1 @@
-{"version":3,"names":["CanvasKitInit","LoadSkiaWeb","opts","global","CanvasKit","undefined","LoadSkia"],"sources":["LoadSkiaWeb.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport CanvasKitInit from \"canvaskit-wasm/bin/full/canvaskit\";\nimport type {\n  CanvasKit as CanvasKitType,\n  CanvasKitInitOptions,\n} from \"canvaskit-wasm\";\n\ndeclare global {\n  var CanvasKit: CanvasKitType;\n}\n\nexport const LoadSkiaWeb = async (opts?: CanvasKitInitOptions) => {\n  if (global.CanvasKit !== undefined) {\n    return;\n  }\n  const CanvasKit = await CanvasKitInit(opts);\n  // The CanvasKit API is stored on the global object and used\n  // to create the JsiSKApi in the Skia.web.ts file.\n  global.CanvasKit = CanvasKit;\n};\n\n// We keep this function for backward compatibility\nexport const LoadSkia = LoadSkiaWeb;\n"],"mappings":"AAAA;AACA;AACA,OAAOA,aAAP,MAA0B,mCAA1B;AAUA,OAAO,MAAMC,WAAW,GAAG,MAAOC,IAAP,IAAuC;EAChE,IAAIC,MAAM,CAACC,SAAP,KAAqBC,SAAzB,EAAoC;IAClC;EACD;;EACD,MAAMD,SAAS,GAAG,MAAMJ,aAAa,CAACE,IAAD,CAArC,CAJgE,CAKhE;EACA;;EACAC,MAAM,CAACC,SAAP,GAAmBA,SAAnB;AACD,CARM,C,CAUP;;AACA,OAAO,MAAME,QAAQ,GAAGL,WAAjB"}
+{"version":3,"names":["CanvasKitInit","ckSharedPromise","LoadSkiaWeb","opts","global","CanvasKit","undefined","LoadSkia"],"sources":["LoadSkiaWeb.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport CanvasKitInit from \"canvaskit-wasm/bin/full/canvaskit\";\nimport type {\n  CanvasKit as CanvasKitType,\n  CanvasKitInitOptions,\n} from \"canvaskit-wasm\";\n\ndeclare global {\n  var CanvasKit: CanvasKitType;\n}\n\nlet ckSharedPromise: Promise<CanvasKitType>;\n\nexport const LoadSkiaWeb = async (opts?: CanvasKitInitOptions) => {\n  if (global.CanvasKit !== undefined) {\n    return;\n  }\n  ckSharedPromise = ckSharedPromise ?? CanvasKitInit(opts);\n  const CanvasKit = await ckSharedPromise;\n  // The CanvasKit API is stored on the global object and used\n  // to create the JsiSKApi in the Skia.web.ts file.\n  global.CanvasKit = CanvasKit;\n};\n\n// We keep this function for backward compatibility\nexport const LoadSkia = LoadSkiaWeb;\n"],"mappings":"AAAA;AACA;AACA,OAAOA,aAAP,MAA0B,mCAA1B;AAUA,IAAIC,eAAJ;AAEA,OAAO,MAAMC,WAAW,GAAG,MAAOC,IAAP,IAAuC;EAAA;;EAChE,IAAIC,MAAM,CAACC,SAAP,KAAqBC,SAAzB,EAAoC;IAClC;EACD;;EACDL,eAAe,uBAAGA,eAAH,+DAAsBD,aAAa,CAACG,IAAD,CAAlD;EACA,MAAME,SAAS,GAAG,MAAMJ,eAAxB,CALgE,CAMhE;EACA;;EACAG,MAAM,CAACC,SAAP,GAAmBA,SAAnB;AACD,CATM,C,CAWP;;AACA,OAAO,MAAME,QAAQ,GAAGL,WAAjB"}

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

@@ -66,7 +66,7 @@ export interface DiffRectProps extends DrawingNodeProps {
     outer: SkRRect;
 }
 export interface TextProps extends DrawingNodeProps {
-    font?: SkFont | null;
+    font: SkFont | null;
     text: string;
     x: number;
     y: number;

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

@@ -5,5 +5,6 @@ export declare class SkiaRoot {
     private container;
     constructor(Skia: Skia, redraw?: () => void, getNativeId?: () => number);
     render(element: ReactNode): void;
+    unmount(): void;
     get dom(): import("..").RenderNode<import("..").GroupProps>;
 }

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

@@ -4,6 +4,7 @@ type Point = {
 };
 type Vec2 = readonly [number, number];
 type Vec3 = readonly [number, number, number];
+type Vec4 = readonly [number, number, number, number];
 export type Matrix3 = readonly [
     number,
     number,
@@ -51,6 +52,10 @@ export declare const translate: (x: number, y: number, z?: number) => Matrix4;
  * @worklet
  */
 export declare const perspective: (p: number) => Matrix4;
+/**
+ * @worklet
+ */
+export declare const matrixVecMul4: (m: Matrix4, v: Vec4) => Vec4;
 /**
  * @worklet
  */

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

@@ -1,10 +1,10 @@
 import type { SkCanvas } from "../Canvas";
 import type { SkJSIInstance } from "../JsiInstance";
 import type { SkRect } from "../Rect";
-import type { SkTextDirection } from "./ParagraphStyle";
+import type { TextDirection } from "./ParagraphStyle";
 export interface SkRectWithDirection {
     rect: SkRect;
-    direction: SkTextDirection;
+    direction: TextDirection;
 }
 export interface SkParagraph extends SkJSIInstance<"Paragraph"> {
     /**

package/lib/typescript/src/skia/types/Paragraph/ParagraphStyle.d.ts

@@ -1,9 +1,9 @@
 import type { SkTextFontStyle, SkTextStyle } from "./TextStyle";
-export declare enum SkTextDirection {
+export declare enum TextDirection {
     RTL = 0,
     LTR = 1
 }
-export declare enum SkTextAlign {
+export declare enum TextAlign {
     Left = 0,
     Right = 1,
     Center = 2,
@@ -21,7 +21,7 @@ export interface SkStrutStyle {
     leading?: number;
     forceStrutHeight?: boolean;
 }
-export declare enum SkTextHeightBehavior {
+export declare enum TextHeightBehavior {
     All = 0,
     DisableFirstAscent = 1,
     DisableLastDescent = 2,
@@ -34,8 +34,8 @@ export interface SkParagraphStyle {
     maxLines?: number;
     replaceTabCharacters?: boolean;
     strutStyle?: SkStrutStyle;
-    textAlign?: SkTextAlign;
-    textDirection?: SkTextDirection;
-    textHeightBehavior?: SkTextHeightBehavior;
+    textAlign?: TextAlign;
+    textDirection?: TextDirection;
+    textHeightBehavior?: TextHeightBehavior;
     textStyle?: SkTextStyle;
 }

package/package.json

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

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

@@ -23,21 +23,8 @@ export class TextNode extends JsiDrawingNode<TextProps, SkFont | null> {
 
   protected deriveProps() {
     const { font } = this.props;
-    if (font === null) {
-      return null;
-    } else if (font === undefined) {
-      console.warn(
-        "<Text />: the font property is mandatory on React Native Web"
-      );
+    if (!font) {
       return null;
-      // return this.Skia.Font(
-      //   this.Skia.FontMgr.System().matchFamilyStyle("System", {
-      //     width: 5,
-      //     weight: 400,
-      //     slant: 0,
-      //   }),
-      //   14
-      // );
     }
     return font;
   }

package/src/dom/types/Drawings.ts

@@ -109,7 +109,7 @@ export interface DiffRectProps extends DrawingNodeProps {
 }
 
 export interface TextProps extends DrawingNodeProps {
-  font?: SkFont | null;
+  font: SkFont | null;
   text: string;
   x: number;
   y: number;

package/src/renderer/Canvas.tsx

@@ -84,6 +84,12 @@ export const Canvas = forwardRef<SkiaDomView, CanvasProps>(
       root.render(children);
     }, [children, root, redraw]);
 
+    useEffect(() => {
+      return () => {
+        root.unmount();
+      };
+    }, [root]);
+
     if (NATIVE_DOM) {
       return (
         <SkiaDomView

package/src/renderer/HostConfig.ts

@@ -82,7 +82,7 @@ export const skHostConfig: SkiaHostConfig = {
   noTimeout: -1,
 
   appendChildToContainer(container, child) {
-    debug("appendChildToContainer", container, child);
+    debug("appendChildToContainer");
     appendNode(container.root, child);
   },
 

package/src/renderer/Reconciler.tsx

@@ -44,6 +44,10 @@ export class SkiaRoot {
     });
   }
 
+  unmount() {
+    skiaReconciler.updateContainer(null, this.root, null, () => {});
+  }
+
   get dom() {
     return this.container.root;
   }

package/src/skia/types/Matrix4.ts

@@ -150,14 +150,16 @@ const rotatedUnitSinCos = (
   ];
 };
 
-const matrixVecMul4 = (m: Matrix4, v: Vec4) => {
+/**
+ * @worklet
+ */
+export const matrixVecMul4 = (m: Matrix4, v: Vec4): Vec4 => {
   "worklet";
-  const [vx, vy, vz, vw] = v;
   return [
-    vx * m[0] + vy * m[4] + vz * m[8] + vw * m[12],
-    vx * m[1] + vy * m[5] + vz * m[9] + vw * m[13],
-    vx * m[2] + vy * m[6] + vz * m[10] + vw * m[14],
-    vx * m[3] + vy * m[7] + vz * m[11] + vw * m[15],
+    m[0] * v[0] + m[1] * v[1] + m[2] * v[2] + m[3] * v[3],
+    m[4] * v[0] + m[5] * v[1] + m[6] * v[2] + m[7] * v[3],
+    m[8] * v[0] + m[9] * v[1] + m[10] * v[2] + m[11] * v[3],
+    m[12] * v[0] + m[13] * v[1] + m[14] * v[2] + m[15] * v[3],
   ];
 };
 

package/src/skia/types/Paragraph/Paragraph.ts

@@ -2,11 +2,11 @@ import type { SkCanvas } from "../Canvas";
 import type { SkJSIInstance } from "../JsiInstance";
 import type { SkRect } from "../Rect";
 
-import type { SkTextDirection } from "./ParagraphStyle";
+import type { TextDirection } from "./ParagraphStyle";
 
 export interface SkRectWithDirection {
   rect: SkRect;
-  direction: SkTextDirection;
+  direction: TextDirection;
 }
 
 export interface SkParagraph extends SkJSIInstance<"Paragraph"> {

package/src/skia/types/Paragraph/ParagraphStyle.ts

@@ -1,10 +1,10 @@
 import type { SkTextFontStyle, SkTextStyle } from "./TextStyle";
 
-export enum SkTextDirection {
+export enum TextDirection {
   RTL = 0,
   LTR = 1,
 }
-export enum SkTextAlign {
+export enum TextAlign {
   Left = 0,
   Right,
   Center,
@@ -24,7 +24,7 @@ export interface SkStrutStyle {
   forceStrutHeight?: boolean;
 }
 
-export enum SkTextHeightBehavior {
+export enum TextHeightBehavior {
   All = 0x0,
   DisableFirstAscent = 0x1,
   DisableLastDescent = 0x2,
@@ -38,8 +38,8 @@ export interface SkParagraphStyle {
   maxLines?: number;
   replaceTabCharacters?: boolean;
   strutStyle?: SkStrutStyle;
-  textAlign?: SkTextAlign;
-  textDirection?: SkTextDirection;
-  textHeightBehavior?: SkTextHeightBehavior;
+  textAlign?: TextAlign;
+  textDirection?: TextDirection;
+  textHeightBehavior?: TextHeightBehavior;
   textStyle?: SkTextStyle;
 }

package/src/skia/types/Shader/Shader.ts

@@ -40,7 +40,7 @@ export const processUniforms = (
   for (let i = 0; i < uniformsCount; i++) {
     const name = source.getUniformName(i);
     const value = uniforms[name];
-    if (!value === undefined) {
+    if (value === undefined) {
       throw new Error(
         // eslint-disable-next-line max-len
         `The runtime effect has the uniform value "${name}" declared, but it is missing from the uniforms property of the Runtime effect.`

package/src/skia/web/JsiSkParagraphStyle.ts

@@ -1,6 +1,6 @@
 import type { CanvasKit, ParagraphStyle } from "canvaskit-wasm";
 
-import { SkTextDirection, type SkParagraphStyle } from "../types";
+import { TextDirection, type SkParagraphStyle } from "../types";
 
 export class JsiSkParagraphStyle {
   static toParagraphStyle(
@@ -23,7 +23,7 @@ export class JsiSkParagraphStyle {
         : undefined ?? ps.textAlign;
     ps.textDirection =
       value.textDirection !== undefined
-        ? { value: value.textDirection === SkTextDirection.LTR ? 1 : 0 }
+        ? { value: value.textDirection === TextDirection.LTR ? 1 : 0 }
         : ps.textDirection;
     ps.textHeightBehavior =
       value.textHeightBehavior !== undefined

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;