@shopify/react-native-skia 2.3.0 → 2.3.5

package/src/renderer/__tests__/e2e/setup/skottie/text-layer.json

@@ -1 +0,0 @@
-{"v":"5.6.3","fr":24,"ip":0,"op":43,"w":1000,"h":1000,"nm":"add text","ddd":0,"assets":[],"fonts":{"list":[{"fName":"Avenir-Heavy","fFamily":"Avenir","fStyle":"Heavy","ascent":75.5996704101562}]},"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 12","parent":5,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2},"a":{"a":0,"k":[-27.82,5.172,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":0,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":6,"s":[216,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":21,"s":[216,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":30,"s":[6,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":38,"s":[6,100,100]},{"t":43,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[215.18,238.344],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.976470588235,0.905882352941,0.050980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-135.41,5.172],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":240,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":5,"nm":"hello! 2","tt":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[278.604,561.008,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"s":164,"f":"Avenir-Heavy","t":"hello!","j":0,"tr":25,"lh":196.8,"ls":0,"fc":[1,1,1]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[]},"ip":0,"op":240,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"Shape Layer 11","parent":5,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2},"a":{"a":0,"k":[-27.82,5.172,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":0,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":6,"s":[216,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":21,"s":[216,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":30,"s":[6,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":38,"s":[6,100,100]},{"t":43,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[215.18,238.344],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.976470588235,0.905882352941,0.050980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-135.41,5.172],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":240,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":5,"nm":"hello!","tt":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[278.604,561.008,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"t":{"d":{"k":[{"s":{"s":164,"f":"Avenir-Heavy","t":"hello!","j":0,"tr":25,"lh":196.8,"ls":0,"fc":[0,0,0]},"t":0}]},"p":{},"m":{"g":1,"a":{"a":0,"k":[0,0],"ix":2}},"a":[{"nm":"Animator 1","s":{"t":0,"xe":{"a":0,"k":0,"ix":7},"ne":{"a":0,"k":0,"ix":8},"a":{"a":0,"k":100,"ix":4},"b":1,"rn":0,"sh":1,"r":1},"a":{"fc":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20,"s":[0,0,0,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":23,"s":[0.941176474094,0.337254911661,0.180392161012,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":38,"s":[0.941176474094,0.337254911661,0.180392161012,1]},{"t":40,"s":[0,0,0,1]}],"ix":12}}}]},"ip":0,"op":240,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":3,"nm":"NULL CONTROL ","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[472.18,505.172,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":6,"s":[721.18,505.172,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":21,"s":[721.18,505.172,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":30,"s":[270.18,505.172,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":38,"s":[270.18,505.172,0],"to":[0,0,0],"ti":[0,0,0]},{"t":43,"s":[472.18,505.172,0]}],"ix":2},"a":{"a":0,"k":[50,50,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":240,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"Shape Layer 10","parent":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[50,50,0],"ix":2},"a":{"a":0,"k":[-27.82,5.172,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":0,"s":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":6,"s":[216,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":21,"s":[216,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":30,"s":[6,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"t":38,"s":[6,100,100]},{"t":43,"s":[100,100,100]}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[215.18,238.344],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[0.976470588235,0.905882352941,0.050980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":4,"s":[0,0,0,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":6,"s":[0.533333361149,0.870588243008,0.949019610882,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19,"s":[0.533333361149,0.870588243008,0.949019610882,1]},{"t":21,"s":[0,0,0,1]}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-135.41,5.172],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":240,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"Shape Layer 9","parent":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[53.175,44.828,0],"ix":2},"a":{"a":0,"k":[125.375,0,0],"ix":1},"s":{"a":0,"k":[122,122,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[139.571,-103.164],[111.321,-103.164],[122.194,-98.098],[122.911,107.373],[112.344,113.066],[138.156,112.987],[127.456,107.787],[127.694,-98.098]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.976470588235,0.905882352941,0.050980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Shape 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":240,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[500,500,0],"ix":2},"a":{"a":0,"k":[20.422,12.422,0],"ix":1},"s":{"a":0,"k":[91,91,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[792.844,792.844],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":20,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":2,"s":[0,0,0,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":6,"s":[0.976470589638,0.905882358551,0.050980392843,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19,"s":[0.941176474094,0.337254911661,0.180392161012,1]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":35,"s":[0.976470589638,0.905882358551,0.050980392843,1]},{"t":39,"s":[0,0,0,1]}],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":2,"s":[3]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19,"s":[60]},{"t":39,"s":[3]}],"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[20.422,12.422],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":240,"st":0,"bm":0}],"markers":[],"chars":[{"ch":"h","size":164,"style":"Heavy","w":57.4,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[-0.4,1.467],[-0.9,1.134],[-1.367,0.667],[-2,0],[-1.2,-0.966],[-0.567,-1.433],[-0.134,-1.633],[0,-1.333],[0,0],[0,0],[0,0],[0.6,2.267],[1.4,1.734],[2.233,1.067],[3.2,0],[2.366,-1.633],[0.933,-2],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,-1.6],[0.4,-1.466],[0.9,-1.133],[1.366,-0.666],[2.066,0],[1.2,0.967],[0.566,1.434],[0.133,1.634],[0,0],[0,0],[0,0],[0,-2.466],[-0.6,-2.266],[-1.4,-1.733],[-2.234,-1.066],[-3.734,0],[-2.367,1.634],[0,0],[0,0]],"v":[[18.8,-75.6],[6.8,-75.6],[6.8,0],[18.8,0],[18.8,-26.2],[19.4,-30.8],[21.35,-34.7],[24.75,-37.4],[29.8,-38.4],[34.7,-36.95],[37.35,-33.35],[38.4,-28.75],[38.6,-24.3],[38.6,0],[50.6,0],[50.6,-30.3],[49.7,-37.4],[46.7,-43.4],[41.25,-47.6],[33.1,-49.2],[23.95,-46.75],[19,-41.3],[18.8,-41.3]],"c":true},"ix":2},"nm":"h","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"h","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Avenir"},{"ch":"e","size":164,"style":"Heavy","w":57.4,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[1.1,3.234],[1.966,2.2],[2.766,1.167],[3.333,0],[3.2,-1.2],[2.333,-2.2],[1.366,-3.1],[0,-3.8],[-1.367,-3.1],[-2.334,-2.2],[-3.2,-1.2],[-3.6,0],[-3.467,1.466],[-2.8,3.467],[0,0],[2.033,-1.233],[3,0],[2.4,2],[0.4,3.6]],"o":[[0,0],[0,-4.2],[-1.1,-3.233],[-1.967,-2.2],[-2.767,-1.166],[-3.6,0],[-3.2,1.2],[-2.334,2.2],[-1.367,3.1],[0,3.8],[1.366,3.1],[2.333,2.2],[3.2,1.2],[3.8,0],[3.466,-1.466],[0,0],[-1.534,1.867],[-2.034,1.234],[-3.4,0],[-2.4,-2],[0,0]],"v":[[53,-19.8],[53,-23.1],[51.35,-34.25],[46.75,-42.4],[39.65,-47.45],[30.5,-49.2],[20.3,-47.4],[12,-42.3],[6.45,-34.35],[4.4,-24],[6.45,-13.65],[12,-5.7],[20.3,-0.6],[30.5,1.2],[41.4,-1],[50.8,-8.4],[42.2,-14.9],[36.85,-10.25],[29.3,-8.4],[20.6,-11.4],[16.4,-19.8]],"c":true},"ix":2},"nm":"e","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[-2.1,2.067],[-3.6,0],[-2.134,-2.033],[-0.067,-3.533]],"o":[[0.466,-3.466],[2.1,-2.066],[3.8,0],[2.133,2.034],[0,0]],"v":[[16.4,-28.8],[20.25,-37.1],[28.8,-40.2],[37.7,-37.15],[41,-28.8]],"c":true},"ix":2},"nm":"e","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"e","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Avenir"},{"ch":"l","size":164,"style":"Heavy","w":26.1,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[7,0],[19,0],[19,-75.6],[7,-75.6]],"c":true},"ix":2},"nm":"l","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"l","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Avenir"},{"ch":"o","size":164,"style":"Heavy","w":61,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-1.367,-3.1],[-2.334,-2.2],[-3.2,-1.2],[-3.6,0],[-3.2,1.2],[-2.334,2.2],[-1.367,3.1],[0,3.8],[1.366,3.1],[2.333,2.2],[3.2,1.2],[3.6,0],[3.2,-1.2],[2.333,-2.2],[1.366,-3.1],[0,-3.8]],"o":[[1.366,3.1],[2.333,2.2],[3.2,1.2],[3.6,0],[3.2,-1.2],[2.333,-2.2],[1.366,-3.1],[0,-3.8],[-1.367,-3.1],[-2.334,-2.2],[-3.2,-1.2],[-3.6,0],[-3.2,1.2],[-2.334,2.2],[-1.367,3.1],[0,3.8]],"v":[[6.45,-13.65],[12,-5.7],[20.3,-0.6],[30.5,1.2],[40.7,-0.6],[49,-5.7],[54.55,-13.65],[56.6,-24],[54.55,-34.35],[49,-42.3],[40.7,-47.4],[30.5,-49.2],[20.3,-47.4],[12,-42.3],[6.45,-34.35],[4.4,-24]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-0.634,1.734],[-1.234,1.334],[-1.734,0.8],[-2.2,0],[-1.734,-0.8],[-1.234,-1.333],[-0.634,-1.733],[0,-1.866],[0.633,-1.733],[1.233,-1.333],[1.733,-0.8],[2.2,0],[1.733,0.8],[1.233,1.334],[0.633,1.734],[0,1.867]],"o":[[0.633,-1.733],[1.233,-1.333],[1.733,-0.8],[2.2,0],[1.733,0.8],[1.233,1.334],[0.633,1.734],[0,1.867],[-0.634,1.734],[-1.234,1.334],[-1.734,0.8],[-2.2,0],[-1.734,-0.8],[-1.234,-1.333],[-0.634,-1.733],[0,-1.866]],"v":[[17.35,-29.4],[20.15,-34],[24.6,-37.2],[30.5,-38.4],[36.4,-37.2],[40.85,-34],[43.65,-29.4],[44.6,-24],[43.65,-18.6],[40.85,-14],[36.4,-10.8],[30.5,-9.6],[24.6,-10.8],[20.15,-14],[17.35,-18.6],[16.4,-24]],"c":true},"ix":2},"nm":"o","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"o","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Avenir"},{"ch":"!","size":164,"style":"Heavy","w":29.6,"data":{"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[20.8,-70.8],[8.8,-70.8],[8.8,-22.2],[20.8,-22.2]],"c":true},"ix":2},"nm":"!","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-0.434,-0.933],[-0.734,-0.666],[-0.967,-0.4],[-1.067,0],[-1.567,1.534],[0,2.134],[1.6,1.467],[2.133,0],[1.566,-1.533],[0,-2.133]],"o":[[0.433,0.934],[0.733,0.667],[0.966,0.4],[2.2,0],[1.566,-1.533],[0,-2.133],[-1.6,-1.466],[-2.2,0],[-1.567,1.534],[0,1.067]],"v":[[7.45,-4],[9.2,-1.6],[11.75,0],[14.8,0.6],[20.45,-1.7],[22.8,-7.2],[20.4,-12.6],[14.8,-14.8],[9.15,-12.5],[6.8,-7]],"c":true},"ix":2},"nm":"!","mn":"ADBE Vector Shape - Group","hd":false}],"nm":"!","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}]},"fFamily":"Avenir"}]}

package/src/renderer/__tests__/examples/BlendModes.spec.tsx

@@ -1,123 +0,0 @@
-import React from "react";
-
-import { processResult } from "../../../__tests__/setup";
-import {
-  BlendColor,
-  Image,
-  ImageShader,
-  Mask,
-  Rect,
-  Shader,
-} from "../../components";
-import { height, drawOnNode, width, loadImage, importSkia } from "../setup";
-
-describe("Test blend modes", () => {
-  it("Should nicely blend the product color to the image", async () => {
-    const image = loadImage("skia/__tests__/assets/product.png");
-    const rect = { x: 0, y: 0, width, height };
-    const surface = await drawOnNode(
-      <Mask mask={<Image image={image} rect={rect} />}>
-        <Image image={image} rect={rect}>
-          <BlendColor color="lightgreen" mode="hue" />
-        </Image>
-      </Mask>
-    );
-    processResult(surface, "snapshots/demos/product.png");
-  });
-  it("Should nicely blend the product color to the image using a runtime effect", async () => {
-    const { Skia } = importSkia();
-    const image = loadImage("skia/__tests__/assets/product.png");
-    const rect = { x: 0, y: 0, width, height };
-    const source = Skia.RuntimeEffect.Make(blender)!;
-    const surface = await drawOnNode(
-      <Rect rect={rect}>
-        <Shader
-          source={source}
-          uniforms={{ src: [144 / 255, 238 / 255, 144 / 255, 1] }}
-        >
-          <ImageShader image={image} rect={rect} fit="cover" />
-        </Shader>
-      </Rect>
-    );
-    processResult(surface, "snapshots/demos/product2.png");
-  });
-});
-
-// Blend mode shaders
-// https://github.com/google/skia/blob/1f193df9b393d50da39570dab77a0bb5d28ec8ef/src/sksl/sksl_gpu.sksl
-const blender = `
-uniform shader image;
-uniform vec4 src;
-
-half3 _guarded_divide(half3 n, half d) {
-  return n/(d + 0.00000001);
-}
-
-half _guarded_divide(half n, half d) {
-  return n/(d + 0.00000001);
-}
-
-half3 _blend_set_color_saturation_helper(half3 minMidMax, half sat) {
-  if (minMidMax.r < minMidMax.b) {
-      return half3(0,
-                  _guarded_divide(sat*(minMidMax.g - minMidMax.r), (minMidMax.b - minMidMax.r)),
-                  sat);
-  } else {
-      return half3(0);
-  }
-}
-
-half _blend_color_saturation(half3 color) {
-  return max(max(color.r, color.g), color.b) - min(min(color.r, color.g), color.b);
-}
-
-half3 _blend_set_color_saturation(half3 hueLumColor, half3 satColor) {
-  half sat = _blend_color_saturation(satColor);
-  if (hueLumColor.r <= hueLumColor.g) {
-      if (hueLumColor.g <= hueLumColor.b) {
-          return _blend_set_color_saturation_helper(hueLumColor.rgb, sat);
-      } else if (hueLumColor.r <= hueLumColor.b) {
-          return _blend_set_color_saturation_helper(hueLumColor.rbg, sat).rbg;
-      } else {
-          return _blend_set_color_saturation_helper(hueLumColor.brg, sat).gbr;
-      }
-  } else if (hueLumColor.r <= hueLumColor.b) {
-     return _blend_set_color_saturation_helper(hueLumColor.grb, sat).grb;
-  } else if (hueLumColor.g <= hueLumColor.b) {
-     return _blend_set_color_saturation_helper(hueLumColor.gbr, sat).brg;
-  } else {
-     return _blend_set_color_saturation_helper(hueLumColor.bgr, sat).bgr;
-  }
-}
-
-half _blend_color_luminance(half3 color) { return dot(half3(0.3, 0.59, 0.11), color); }
-
-half3 _blend_set_color_luminance(half3 hueSatColor, half alpha, half3 lumColor) {
-  half lum = _blend_color_luminance(lumColor);
-  half3 result = lum - _blend_color_luminance(hueSatColor) + hueSatColor;
-  half minComp = min(min(result.r, result.g), result.b);
-  half maxComp = max(max(result.r, result.g), result.b);
-  if (minComp < 0 && lum != minComp) {
-      result = lum + (result - lum) * _guarded_divide(lum, (lum - minComp));
-  }
-  if (maxComp > alpha && maxComp != lum) {
-      return lum + _guarded_divide((result - lum) * (alpha - lum), (maxComp - lum));
-  } else {
-      return result;
-  }
-}
-
-half4 blend_hue(half4 src, half4 dst) {
-  half alpha = dst.a*src.a;
-  half3 sda = src.rgb*dst.a;
-  half3 dsa = dst.rgb*src.a;
-  return half4(_blend_set_color_luminance(_blend_set_color_saturation(sda, dsa), alpha, dsa) +
-               dst.rgb - dsa + src.rgb - sda,
-               src.a + dst.a - alpha);
-}
-
-vec4 main(vec2 xy) {
-  vec4 dst = image.eval(xy);
-  return blend_hue(src, dst) * dst.a;
-}
-`;