Dan Miller
2 years ago
commit
d7adbcd8d7
@ -0,0 +1 @@ |
||||
chrome >= 66, firefox >= 68 |
||||
File diff suppressed because it is too large
Load Diff
@ -1,830 +0,0 @@ |
||||
{ |
||||
"chunks": [ |
||||
{ |
||||
"faces": [ |
||||
[0, 1, 2], |
||||
[2, 3, 0], |
||||
[4, 5, 2], |
||||
[6, 3, 2], |
||||
[2, 5, 6], |
||||
[7, 8, 9], |
||||
[10, 3, 6], |
||||
[10, 50, 7], |
||||
[7, 3, 10], |
||||
[7, 9, 3], |
||||
[49, 0, 9], |
||||
[3, 9, 0], |
||||
[2, 1, 4] |
||||
], |
||||
"name": "left ear", |
||||
"gradient": "left-ear-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[53, 54, 55], |
||||
[55, 56, 53], |
||||
[57, 56, 55], |
||||
[58, 59, 55], |
||||
[55, 54, 58], |
||||
[60, 61, 62], |
||||
[63, 58, 54], |
||||
[63, 60, 89], |
||||
[60, 63, 54], |
||||
[60, 54, 61], |
||||
[88, 61, 53], |
||||
[54, 53, 61], |
||||
[55, 59, 57] |
||||
], |
||||
"name": "right ear", |
||||
"gradient": "right-ear-gradient" |
||||
}, |
||||
{ |
||||
"color": [22, 22, 22], |
||||
"faces": [[11, 12, 13]], |
||||
"name": "left eye" |
||||
}, |
||||
{ |
||||
"color": [22, 22, 22], |
||||
"faces": [[64, 65, 66]], |
||||
"name": "right eye" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[14, 15, 11], |
||||
[11, 16, 14] |
||||
], |
||||
"name": "left inner eye", |
||||
"gradient": "left-inner-eye-gradient" |
||||
}, |
||||
{ |
||||
"faces": [[17, 12, 18]], |
||||
"name": "left outer eye", |
||||
"gradient": "left-outer-eye-gradient" |
||||
}, |
||||
{ |
||||
"faces": [[41, 64, 37]], |
||||
"name": "right lower inner eye", |
||||
"gradient": "right-inner-eye-gradient" |
||||
}, |
||||
{ |
||||
"faces": [[67, 68, 66]], |
||||
"name": "right outer eye", |
||||
"gradient": "right-outer-eye-gradient" |
||||
}, |
||||
{ |
||||
"color": [192, 173, 158], |
||||
"faces": [ |
||||
[19, 20, 21], |
||||
[21, 22, 19], |
||||
[20, 19, 23], |
||||
[23, 24, 20], |
||||
[23, 25, 24], |
||||
[19, 22, 26], |
||||
[26, 27, 19], |
||||
[23, 28, 29], |
||||
[23, 29, 30], |
||||
[25, 23, 30], |
||||
[29, 51, 52], |
||||
[52, 30, 29], |
||||
[27, 26, 69], |
||||
[69, 70, 27], |
||||
[70, 71, 72], |
||||
[72, 27, 70], |
||||
[72, 71, 73], |
||||
[51, 74, 72], |
||||
[52, 51, 72], |
||||
[73, 52, 72], |
||||
[19, 27, 74], |
||||
[74, 28, 19], |
||||
[51, 29, 28], |
||||
[28, 74, 51], |
||||
[74, 27, 72], |
||||
[28, 23, 19] |
||||
], |
||||
"name": "lower chin" |
||||
}, |
||||
{ |
||||
"color": [215, 193, 179], |
||||
"faces": [ |
||||
[21, 20, 24], |
||||
[24, 31, 21] |
||||
], |
||||
"name": "left lower snout" |
||||
}, |
||||
{ |
||||
"color": [215, 193, 179], |
||||
"faces": [ |
||||
[69, 71, 70], |
||||
[71, 69, 75] |
||||
], |
||||
"name": "right lower snout" |
||||
}, |
||||
{ |
||||
"faces": [[31, 24, 18]], |
||||
"name": "left upper snout", |
||||
"gradient": "left-upper-snout-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[6, 5, 16], |
||||
[16, 17, 6] |
||||
], |
||||
"name": "left forehead", |
||||
"gradient": "left-forehead-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[24, 32, 33], |
||||
[33, 34, 24] |
||||
], |
||||
"name": "left lower cheek", |
||||
"gradient": "left-lower-cheek-gradient" |
||||
}, |
||||
{ |
||||
"faces": [[5, 4, 35]], |
||||
"name": "left top ear", |
||||
"gradient": "left-top-ear-gradient" |
||||
}, |
||||
{ |
||||
"faces": [[75, 68, 71]], |
||||
"name": "right upper snout", |
||||
"gradient": "right-upper-snout-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[58, 67, 40], |
||||
[40, 59, 58] |
||||
], |
||||
"name": "right forhead", |
||||
"gradient": "right-forehead-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[71, 76, 77], |
||||
[77, 78, 71] |
||||
], |
||||
"name": "right lower cheek", |
||||
"gradient": "right-lower-cheek-gradient" |
||||
}, |
||||
{ |
||||
"faces": [[24, 34, 18]], |
||||
"name": "left middle cheek", |
||||
"gradient": "left-middle-cheek-gradient" |
||||
}, |
||||
{ |
||||
"color": [35, 151, 119], |
||||
"faces": [ |
||||
[16, 13, 12], |
||||
[12, 17, 16], |
||||
[13, 16, 11] |
||||
], |
||||
"name": "left above eye" |
||||
}, |
||||
{ |
||||
"faces": [[71, 68, 76]], |
||||
"name": "right middle cheek", |
||||
"gradient": "right-middle-cheek-gradient" |
||||
}, |
||||
{ |
||||
"color": [35, 151, 119], |
||||
"faces": [ |
||||
[40, 67, 66], |
||||
[66, 65, 40], |
||||
[65, 64, 40] |
||||
], |
||||
"name": "right above eye" |
||||
}, |
||||
{ |
||||
"color": [22, 22, 22], |
||||
"faces": [ |
||||
[36, 15, 37], |
||||
[37, 38, 36], |
||||
[31, 39, 22], |
||||
[22, 21, 31], |
||||
[31, 15, 36], |
||||
[36, 39, 31], |
||||
[75, 69, 26], |
||||
[26, 80, 75], |
||||
[75, 80, 38], |
||||
[38, 37, 75], |
||||
[38, 80, 39], |
||||
[39, 36, 38], |
||||
[39, 80, 26], |
||||
[26, 22, 39] |
||||
], |
||||
"name": "nose" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[17, 33, 10], |
||||
[17, 18, 34], |
||||
[34, 33, 17], |
||||
[10, 6, 17] |
||||
], |
||||
"name": "left upper cheek", |
||||
"gradient": "left-upper-cheek-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[11, 15, 31], |
||||
[31, 18, 11], |
||||
[18, 12, 11] |
||||
], |
||||
"name": "left below eye", |
||||
"gradient": "left-below-eye-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[14, 16, 40], |
||||
[40, 41, 14], |
||||
[59, 5, 35], |
||||
[35, 79, 59], |
||||
[14, 41, 37], |
||||
[37, 15, 14], |
||||
[5, 59, 40], |
||||
[40, 16, 5] |
||||
], |
||||
"name": "forehead", |
||||
"gradient": "forehead-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[67, 63, 77], |
||||
[67, 77, 76], |
||||
[76, 68, 67], |
||||
[63, 67, 58] |
||||
], |
||||
"name": "right upper cheek", |
||||
"gradient": "right-upper-cheek-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[64, 68, 75], |
||||
[75, 37, 64], |
||||
[68, 64, 66] |
||||
], |
||||
"name": "right below eye", |
||||
"gradient": "right-below-eye-gradient" |
||||
}, |
||||
{ |
||||
"faces": [ |
||||
[35, 4, 42], |
||||
[4, 1, 42], |
||||
[42, 43, 44], |
||||
[44, 35, 42], |
||||
[45, 43, 42], |
||||
[42, 10, 45], |
||||
[30, 32, 24], |
||||
[24, 25, 30], |
||||
[30, 33, 32], |
||||
[33, 30, 10], |
||||
[44, 43, 46], |
||||
[43, 45, 47], |
||||
[47, 46, 43], |
||||
[48, 47, 45], |
||||
[45, 30, 48], |
||||
[30, 45, 10], |
||||
[49, 42, 0], |
||||
[8, 7, 42], |
||||
[50, 42, 7], |
||||
[50, 10, 42], |
||||
[1, 0, 42], |
||||
[42, 9, 8], |
||||
[42, 49, 9], |
||||
[79, 81, 57], |
||||
[57, 81, 56], |
||||
[82, 79, 35], |
||||
[35, 44, 82], |
||||
[81, 79, 82], |
||||
[82, 83, 81], |
||||
[84, 63, 81], |
||||
[81, 83, 84], |
||||
[44, 46, 85], |
||||
[85, 82, 44], |
||||
[52, 73, 71], |
||||
[71, 78, 52], |
||||
[52, 78, 77], |
||||
[77, 63, 52], |
||||
[82, 85, 83], |
||||
[83, 85, 86], |
||||
[86, 84, 83], |
||||
[87, 52, 84], |
||||
[84, 86, 87], |
||||
[52, 63, 84], |
||||
[88, 53, 81], |
||||
[62, 81, 60], |
||||
[89, 60, 81], |
||||
[89, 81, 63], |
||||
[56, 81, 53], |
||||
[81, 62, 61], |
||||
[81, 61, 88], |
||||
[48, 87, 86], |
||||
[86, 47, 48], |
||||
[47, 86, 85], |
||||
[85, 46, 47], |
||||
[48, 30, 52], |
||||
[52, 87, 48] |
||||
], |
||||
"name": "back", |
||||
"gradient": "back-gradient" |
||||
}, |
||||
{ |
||||
"faces": [[57, 59, 79]], |
||||
"name": "right top ear", |
||||
"gradient": "right-top-ear-gradient" |
||||
}, |
||||
{ |
||||
"faces": [[64, 41, 40]], |
||||
"name": "right inner upper eye", |
||||
"gradient": "right-inner-eye-gradient" |
||||
} |
||||
], |
||||
"gradients": { |
||||
"forehead-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#23FE4A" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#BAD8EF" |
||||
} |
||||
], |
||||
"x1": "50%", |
||||
"y1": "20.232164948453608%", |
||||
"x2": "50%", |
||||
"y2": "74.87123711340206%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-upper-cheek-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#20B475" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#70BDCE" |
||||
} |
||||
], |
||||
"x1": "77.19501199040768%", |
||||
"y1": "44.68123711340206%", |
||||
"x2": "77.19501199040768%", |
||||
"y2": "68.2861855670103%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-upper-cheek-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#20B475" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#70BDCE" |
||||
} |
||||
], |
||||
"x1": "22.820719424460435%", |
||||
"y1": "44.68123711340206%", |
||||
"x2": "22.820719424460435%", |
||||
"y2": "68.2861855670103%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-below-eye-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#85BBE1" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#7CCACA" |
||||
} |
||||
], |
||||
"x1": "54.34676258992806%", |
||||
"y1": "68.26917525773197%", |
||||
"x2": "65.3001438848921%", |
||||
"y2": "68.26917525773197%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-below-eye-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#7CCACA" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#85BBE1" |
||||
} |
||||
], |
||||
"x1": "34.731223021582736%", |
||||
"y1": "68.26917525773197%", |
||||
"x2": "45.65323741007194%", |
||||
"y2": "68.26917525773197%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-ear-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#074F1E" |
||||
}, |
||||
{ |
||||
"offset": 0.4286, |
||||
"stop-color": "#05541C" |
||||
}, |
||||
{ |
||||
"offset": 0.62, |
||||
"stop-color": "#006A13" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#007514" |
||||
} |
||||
], |
||||
"x1": "61.443549160671466%", |
||||
"y1": "44.51773195876289%", |
||||
"x2": "93.802206235012%", |
||||
"y2": "24.439072164948456%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-ear-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#074F1E" |
||||
}, |
||||
{ |
||||
"offset": 0.4286, |
||||
"stop-color": "#05541C" |
||||
}, |
||||
{ |
||||
"offset": 0.62, |
||||
"stop-color": "#006A13" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#007514" |
||||
} |
||||
], |
||||
"x1": "32.7432134292566%", |
||||
"y1": "44.33329896907217%", |
||||
"x2": "4.853390887290168%", |
||||
"y2": "19.18181443298969%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-outer-eye-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#43C3A2" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#4FAFC0" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#4FAFC0" |
||||
} |
||||
], |
||||
"x1": "27.575539568345324%", |
||||
"y1": "60.519278350515464%", |
||||
"x2": "34.982350119904076%", |
||||
"y2": "60.519278350515464%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-outer-eye-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#4FAFC0" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#43C3A2" |
||||
} |
||||
], |
||||
"x1": "65.01764988009592%", |
||||
"y1": "60.519278350515464%", |
||||
"x2": "72.42446043165468%", |
||||
"y2": "60.519278350515464%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-lower-cheek-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#59ADCB" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#436CC8" |
||||
} |
||||
], |
||||
"x1": "77.93247002398083%", |
||||
"y1": "68.15113402061857%", |
||||
"x2": "77.93247002398083%", |
||||
"y2": "86.82577319587631%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-lower-cheek-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#59ADCB" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#436CC8" |
||||
} |
||||
], |
||||
"x1": "22.083165467625896%", |
||||
"y1": "68.15113402061857%", |
||||
"x2": "22.083165467625896%", |
||||
"y2": "86.82577319587631%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-top-ear-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#0ED54A" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#0ED54A" |
||||
} |
||||
], |
||||
"x1": "13.954513189448441%", |
||||
"y1": "22.055670103092787%", |
||||
"x2": "44.146762589928066%", |
||||
"y2": "22.055670103092787%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-top-ear-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#0ED54A" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#11EB36" |
||||
} |
||||
], |
||||
"x1": "55.85333333333334%", |
||||
"y1": "22.055670103092787%", |
||||
"x2": "86.04556354916068%", |
||||
"y2": "22.055670103092787%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-forehead-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#15DC5D" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#48CA9F" |
||||
} |
||||
], |
||||
"x1": "36.3947242206235%", |
||||
"y1": "34.11144329896908%", |
||||
"x2": "36.3947242206235%", |
||||
"y2": "53.59649484536083%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-forehead-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#15DC5D" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#48CA9F" |
||||
} |
||||
], |
||||
"x1": "63.6052757793765%", |
||||
"y1": "34.11144329896908%", |
||||
"x2": "63.6052757793765%", |
||||
"y2": "53.59649484536083%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-upper-snout-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#54A8CF" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#5393E3" |
||||
} |
||||
], |
||||
"x1": "38.829736211031175%", |
||||
"y1": "68.28865979381443%", |
||||
"x2": "38.829736211031175%", |
||||
"y2": "81.55670103092784%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-upper-snout-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#54A8CF" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#5393E3" |
||||
} |
||||
], |
||||
"x1": "61.17026378896883%", |
||||
"y1": "68.28865979381443%", |
||||
"x2": "61.17026378896883%", |
||||
"y2": "81.55670103092784%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-middle-cheek-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#32819D" |
||||
}, |
||||
{ |
||||
"offset": 0.3363, |
||||
"stop-color": "#447DCD" |
||||
} |
||||
], |
||||
"x1": "69.9137649880096%", |
||||
"y1": "51.063505154639174%", |
||||
"x2": "69.9137649880096%", |
||||
"y2": "85.81041237113402%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-middle-cheek-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#32819D" |
||||
}, |
||||
{ |
||||
"offset": 0.3363, |
||||
"stop-color": "#447DCD" |
||||
} |
||||
], |
||||
"x1": "30.086330935251798%", |
||||
"y1": "68.15092783505153%", |
||||
"x2": "30.086330935251798%", |
||||
"y2": "81.55752577319588%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"right-inner-eye-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#53A9CB" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#44C0A6" |
||||
} |
||||
], |
||||
"x1": "55.38244604316547%", |
||||
"y1": "74.87123711340206%", |
||||
"x2": "55.38244604316547%", |
||||
"y2": "53.59659793814433%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"left-inner-eye-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#53A9CB" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#44C0A6" |
||||
} |
||||
], |
||||
"x1": "43.58177458033573%", |
||||
"y1": "64.2339175257732%", |
||||
"x2": "45.65323741007194%", |
||||
"y2": "64.2339175257732%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
}, |
||||
"back-gradient": { |
||||
"type": "linear", |
||||
"stops": [ |
||||
{ |
||||
"stop-color": "#27FC4E" |
||||
}, |
||||
{ |
||||
"offset": 1, |
||||
"stop-color": "#446FC9" |
||||
} |
||||
], |
||||
"x1": "50%", |
||||
"y1": "0%", |
||||
"x2": "50%", |
||||
"y2": "100%", |
||||
"gradientUnits": "userSpaceOnUse" |
||||
} |
||||
}, |
||||
"positions": [ |
||||
[111.024597, 52.604599, 46.225899], |
||||
[114.025002, 87.673302, 58.9818], |
||||
[66.192001, 80.898003, 55.394299], |
||||
[72.113297, 35.491798, 30.871401], |
||||
[97.804497, 116.560997, 73.978798], |
||||
[16.7623, 58.010899, 58.078201], |
||||
[52.608898, 30.3641, 42.556099], |
||||
[106.881401, 31.945499, 46.9133], |
||||
[113.484596, 38.6049, 49.121498], |
||||
[108.6633, 43.2332, 46.315399], |
||||
[101.216599, 15.9822, 46.308201], |
||||
[16.6605, -16.2883, 93.618698], |
||||
[40.775002, -10.2288, 85.276398], |
||||
[23.926901, -2.5103, 86.736504], |
||||
[11.1691, -7.0037, 99.377602], |
||||
[9.5692, -34.393902, 141.671997], |
||||
[12.596, 7.1655, 88.740997], |
||||
[61.180901, 8.8142, 76.996803], |
||||
[39.719501, -28.927099, 88.963799], |
||||
[13.7962, -68.575699, 132.057007], |
||||
[15.2674, -62.32, 129.688004], |
||||
[14.8446, -52.6096, 140.113007], |
||||
[12.8917, -49.771599, 144.740997], |
||||
[35.604198, -71.758003, 81.063904], |
||||
[47.462502, -68.606102, 63.369701], |
||||
[38.2486, -64.730202, 38.909901], |
||||
[-12.8917, -49.771599, 144.740997], |
||||
[-13.7962, -68.575699, 132.057007], |
||||
[17.802099, -71.758003, 81.063904], |
||||
[19.1243, -69.0168, 49.420101], |
||||
[38.2486, -66.275597, 17.776199], |
||||
[12.8928, -36.703499, 141.671997], |
||||
[109.283997, -93.589897, 27.824301], |
||||
[122.117996, -36.8894, 35.025002], |
||||
[67.7668, -30.197001, 78.417801], |
||||
[33.180698, 101.851997, 25.3186], |
||||
[9.4063, -35.589802, 150.722], |
||||
[-9.5692, -34.393902, 141.671997], |
||||
[-9.4063, -35.589802, 150.722], |
||||
[11.4565, -37.899399, 150.722], |
||||
[-12.596, 7.1655, 88.740997], |
||||
[-11.1691, -7.0037, 99.377602], |
||||
[70.236504, 62.836201, -3.9475], |
||||
[47.263401, 54.293999, -27.414801], |
||||
[28.7302, 91.731102, -24.972601], |
||||
[69.167603, 6.5862, -12.7757], |
||||
[28.7302, 49.1003, -48.3596], |
||||
[31.903, 5.692, -47.821999], |
||||
[35.075802, -34.432899, -16.280899], |
||||
[115.284103, 48.681499, 48.684101], |
||||
[110.842796, 28.4821, 49.176201], |
||||
[-19.1243, -69.0168, 49.420101], |
||||
[-38.2486, -66.275597, 17.776199], |
||||
[-111.024597, 52.604599, 46.225899], |
||||
[-72.113297, 35.491798, 30.871401], |
||||
[-66.192001, 80.898003, 55.394299], |
||||
[-114.025002, 87.673302, 58.9818], |
||||
[-97.804497, 116.560997, 73.978798], |
||||
[-52.608898, 30.3641, 42.556099], |
||||
[-16.7623, 58.010899, 58.078201], |
||||
[-106.881401, 31.945499, 46.9133], |
||||
[-108.6633, 43.2332, 46.315399], |
||||
[-113.484596, 38.6049, 49.121498], |
||||
[-101.216599, 15.9822, 46.308201], |
||||
[-16.6605, -16.2883, 93.618698], |
||||
[-23.926901, -2.5103, 86.736504], |
||||
[-40.775002, -10.2288, 85.276398], |
||||
[-61.180901, 8.8142, 76.996803], |
||||
[-39.719501, -28.927099, 88.963799], |
||||
[-14.8446, -52.6096, 140.113007], |
||||
[-15.2674, -62.32, 129.688004], |
||||
[-47.462502, -68.606102, 63.369701], |
||||
[-35.604198, -71.758003, 81.063904], |
||||
[-38.2486, -64.730202, 38.909901], |
||||
[-17.802099, -71.758003, 81.063904], |
||||
[-12.8928, -36.703499, 141.671997], |
||||
[-67.7668, -30.197001, 78.417801], |
||||
[-122.117996, -36.8894, 35.025002], |
||||
[-109.283997, -93.589897, 27.824301], |
||||
[-33.180698, 101.851997, 25.3186], |
||||
[-11.4565, -37.899399, 150.722], |
||||
[-70.236504, 62.836201, -3.9475], |
||||
[-28.7302, 91.731102, -24.972601], |
||||
[-47.263401, 54.293999, -27.414801], |
||||
[-69.167603, 6.5862, -12.7757], |
||||
[-28.7302, 49.1003, -48.3596], |
||||
[-31.903, 5.692, -47.821999], |
||||
[-35.075802, -34.432899, -16.280899], |
||||
[-115.284103, 48.681499, 48.684101], |
||||
[-110.842796, 28.4821, 49.176201] |
||||
] |
||||
} |
||||
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 5.1 KiB |
|
Before Width: | Height: | Size: 847 B After Width: | Height: | Size: 706 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 861 B |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 172 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 8.8 KiB After Width: | Height: | Size: 7.6 KiB |
@ -0,0 +1,46 @@ |
||||
import { cloneDeep } from 'lodash'; |
||||
|
||||
const version = 76; |
||||
|
||||
/** |
||||
* Update to `@metamask/controllers@33.0.0` (rename "Collectible" to "NFT"). |
||||
*/ |
||||
export default { |
||||
version, |
||||
async migrate(originalVersionedData) { |
||||
const versionedData = cloneDeep(originalVersionedData); |
||||
versionedData.meta.version = version; |
||||
const state = versionedData.data; |
||||
const newState = transformState(state); |
||||
versionedData.data = newState; |
||||
return versionedData; |
||||
}, |
||||
}; |
||||
|
||||
function transformState(state) { |
||||
if (state.CollectiblesController) { |
||||
const { |
||||
allCollectibleContracts, |
||||
allCollectibles, |
||||
ignoredCollectibles, |
||||
...remainingState |
||||
} = state.CollectiblesController; |
||||
state.NftController = { |
||||
...(allCollectibleContracts |
||||
? { allNftContracts: allCollectibleContracts } |
||||
: {}), |
||||
...(allCollectibles ? { allNfts: allCollectibles } : {}), |
||||
...(ignoredCollectibles ? { ignoredNfts: ignoredCollectibles } : {}), |
||||
...remainingState, |
||||
}; |
||||
delete state.CollectiblesController; |
||||
} |
||||
|
||||
if (state.PreferencesController?.useCollectibleDetection) { |
||||
state.PreferencesController.useNftDetection = |
||||
state.PreferencesController.useCollectibleDetection; |
||||
delete state.PreferencesController.useCollectibleDetection; |
||||
} |
||||
|
||||
return state; |
||||
} |
||||
@ -0,0 +1,143 @@ |
||||
import migration76 from './076'; |
||||
|
||||
describe('migration #76', () => { |
||||
it('should update the version metadata', async () => { |
||||
const oldStorage = { |
||||
meta: { |
||||
version: 75, |
||||
}, |
||||
data: {}, |
||||
}; |
||||
|
||||
const newStorage = await migration76.migrate(oldStorage); |
||||
expect(newStorage.meta).toStrictEqual({ |
||||
version: 76, |
||||
}); |
||||
}); |
||||
|
||||
it('should migrate known controller state properties', async () => { |
||||
const oldStorage = { |
||||
meta: { |
||||
version: 75, |
||||
}, |
||||
data: { |
||||
CollectiblesController: { |
||||
allCollectibleContracts: 'foo', |
||||
allCollectibles: 'bar', |
||||
ignoredCollectibles: 'baz', |
||||
}, |
||||
PreferencesController: { |
||||
useCollectibleDetection: 'foobar', |
||||
}, |
||||
}, |
||||
}; |
||||
|
||||
const newStorage = await migration76.migrate(oldStorage); |
||||
expect(newStorage).toStrictEqual({ |
||||
meta: { |
||||
version: 76, |
||||
}, |
||||
data: { |
||||
NftController: { |
||||
allNftContracts: 'foo', |
||||
allNfts: 'bar', |
||||
ignoredNfts: 'baz', |
||||
}, |
||||
PreferencesController: { |
||||
useNftDetection: 'foobar', |
||||
}, |
||||
}, |
||||
}); |
||||
}); |
||||
|
||||
it('should migrate unknown controller state properties', async () => { |
||||
const oldStorage = { |
||||
meta: { |
||||
version: 75, |
||||
}, |
||||
data: { |
||||
CollectiblesController: { |
||||
allCollectibleContracts: 'foo', |
||||
allCollectibles: 'bar', |
||||
ignoredCollectibles: 'baz', |
||||
extra: 'extra', |
||||
}, |
||||
PreferencesController: { |
||||
extra: 'extra', |
||||
useCollectibleDetection: 'foobar', |
||||
}, |
||||
}, |
||||
}; |
||||
|
||||
const newStorage = await migration76.migrate(oldStorage); |
||||
expect(newStorage).toStrictEqual({ |
||||
meta: { |
||||
version: 76, |
||||
}, |
||||
data: { |
||||
NftController: { |
||||
allNftContracts: 'foo', |
||||
allNfts: 'bar', |
||||
ignoredNfts: 'baz', |
||||
extra: 'extra', |
||||
}, |
||||
PreferencesController: { |
||||
extra: 'extra', |
||||
useNftDetection: 'foobar', |
||||
}, |
||||
}, |
||||
}); |
||||
}); |
||||
|
||||
it('should handle missing controller state', async () => { |
||||
const oldStorage = { |
||||
meta: { |
||||
version: 75, |
||||
}, |
||||
data: { |
||||
CollectiblesController: { |
||||
extra: 'extra', |
||||
}, |
||||
PreferencesController: { |
||||
extra: 'extra', |
||||
}, |
||||
}, |
||||
}; |
||||
|
||||
const newStorage = await migration76.migrate(oldStorage); |
||||
expect(newStorage).toStrictEqual({ |
||||
meta: { |
||||
version: 76, |
||||
}, |
||||
data: { |
||||
NftController: { |
||||
extra: 'extra', |
||||
}, |
||||
PreferencesController: { |
||||
extra: 'extra', |
||||
}, |
||||
}, |
||||
}); |
||||
}); |
||||
|
||||
it('should handle missing CollectiblesController and PreferencesController', async () => { |
||||
const oldStorage = { |
||||
meta: { |
||||
version: 75, |
||||
}, |
||||
data: { |
||||
FooController: { a: 'b' }, |
||||
}, |
||||
}; |
||||
|
||||
const newStorage = await migration76.migrate(oldStorage); |
||||
expect(newStorage).toStrictEqual({ |
||||
meta: { |
||||
version: 76, |
||||
}, |
||||
data: { |
||||
FooController: { a: 'b' }, |
||||
}, |
||||
}); |
||||
}); |
||||
}); |
||||
@ -1,10 +1,10 @@ |
||||
import setupSentry from './lib/setupSentry'; |
||||
|
||||
// The root compartment will populate this with hooks
|
||||
global.sentryHooks = {}; |
||||
global.stateHooks = {}; |
||||
|
||||
// setup sentry error reporting
|
||||
global.sentry = setupSentry({ |
||||
release: process.env.METAMASK_VERSION, |
||||
getState: () => global.sentryHooks?.getSentryState?.() || {}, |
||||
getState: () => global.stateHooks?.getSentryState?.() || {}, |
||||
}); |
||||
|
||||
@ -1,20 +1,22 @@ |
||||
diff --git a/node_modules/luxon/build/cjs-browser/luxon.js b/node_modules/luxon/build/cjs-browser/luxon.js
|
||||
index 206a47a..5556d1d 100644
|
||||
index 9ab2b9f..14c2891 100644
|
||||
--- a/node_modules/luxon/build/cjs-browser/luxon.js
|
||||
+++ b/node_modules/luxon/build/cjs-browser/luxon.js
|
||||
@@ -7243,13 +7243,13 @@ var DateTime = /*#__PURE__*/function () {
|
||||
@@ -7373,7 +7373,7 @@ var DateTime = /*#__PURE__*/function () {
|
||||
*/
|
||||
;
|
||||
|
||||
- _proto.toLocaleString = function toLocaleString(opts) {
|
||||
+ Reflect.defineProperty(_proto, 'toLocaleString', { value: function toLocaleString(opts) {
|
||||
if (opts === void 0) {
|
||||
opts = DATE_SHORT;
|
||||
- _proto.toLocaleString = function toLocaleString(formatOpts, opts) {
|
||||
+ Reflect.defineProperty(_proto, 'toLocaleString', { value: function toLocaleString(formatOpts, opts) {
|
||||
if (formatOpts === void 0) {
|
||||
formatOpts = DATE_SHORT;
|
||||
}
|
||||
@@ -7383,7 +7383,7 @@ var DateTime = /*#__PURE__*/function () {
|
||||
}
|
||||
|
||||
return this.isValid ? Formatter.create(this.loc.clone(opts), opts).formatDateTime(this) : INVALID$2;
|
||||
return this.isValid ? Formatter.create(this.loc.clone(opts), formatOpts).formatDateTime(this) : INVALID;
|
||||
- }
|
||||
+ }})
|
||||
/**
|
||||
* Returns an array of format "parts", meaning individual tokens along with metadata. This is allows callers to post-process individual sections of the formatted output.
|
||||
* Defaults to the system's locale if no locale has been specified
|
||||
* Defaults to the system's locale if no locale has been specified
|
||||
@ -0,0 +1,55 @@ |
||||
/** |
||||
* Utility Functions to support browser.runtime JavaScript API |
||||
*/ |
||||
|
||||
import browser from 'webextension-polyfill'; |
||||
import log from 'loglevel'; |
||||
|
||||
/** |
||||
* Returns an Error if extension.runtime.lastError is present |
||||
* this is a workaround for the non-standard error object that's used |
||||
* |
||||
* According to the docs, we are expected to check lastError in runtime API callbacks: |
||||
* " |
||||
* If you call an asynchronous function that may set lastError, you are expected to |
||||
* check for the error when you handle the result of the function. If lastError has been |
||||
* set and you don't check it within the callback function, then an error will be raised. |
||||
* " |
||||
* |
||||
* @see {@link https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/lastError}
|
||||
* @returns {Error|undefined} |
||||
*/ |
||||
export function checkForLastError() { |
||||
const { lastError } = browser.runtime; |
||||
if (!lastError) { |
||||
return undefined; |
||||
} |
||||
// if it quacks like an Error, its an Error
|
||||
if (lastError.stack && lastError.message) { |
||||
return lastError; |
||||
} |
||||
// repair incomplete error object (eg chromium v77)
|
||||
return new Error(lastError.message); |
||||
} |
||||
|
||||
/** @returns {Error|undefined} */ |
||||
export function checkForLastErrorAndLog() { |
||||
const error = checkForLastError(); |
||||
|
||||
if (error) { |
||||
log.error(error); |
||||
} |
||||
|
||||
return error; |
||||
} |
||||
|
||||
/** @returns {Error|undefined} */ |
||||
export function checkForLastErrorAndWarn() { |
||||
const error = checkForLastError(); |
||||
|
||||
if (error) { |
||||
console.warn(error); |
||||
} |
||||
|
||||
return error; |
||||
} |
||||
@ -0,0 +1,54 @@ |
||||
import sinon from 'sinon'; |
||||
import browser from 'webextension-polyfill'; |
||||
import log from 'loglevel'; |
||||
import * as BrowserRuntimeUtil from './browser-runtime.utils'; |
||||
|
||||
const mockLastError = { message: 'error', stack: [] }; |
||||
|
||||
describe('Browser Runtime Utils', () => { |
||||
beforeAll(() => { |
||||
sinon.replace(browser, 'runtime', { |
||||
lastError: undefined, |
||||
}); |
||||
}); |
||||
|
||||
describe('checkForLastError', () => { |
||||
it('should return undefined if no lastError found', () => { |
||||
expect(BrowserRuntimeUtil.checkForLastError()).toBeUndefined(); |
||||
}); |
||||
|
||||
it('should return the lastError (Error object) if lastError is found', () => { |
||||
sinon.stub(browser.runtime, 'lastError').value(mockLastError); |
||||
|
||||
expect(BrowserRuntimeUtil.checkForLastError()).toStrictEqual( |
||||
mockLastError, |
||||
); |
||||
}); |
||||
|
||||
it('should return an Error object if the lastError is found with no stack', () => { |
||||
sinon |
||||
.stub(browser.runtime, 'lastError') |
||||
.value({ message: mockLastError.message }); |
||||
|
||||
const result = BrowserRuntimeUtil.checkForLastError(); |
||||
|
||||
expect(result).toStrictEqual(expect.any(Error)); |
||||
expect(result).toHaveProperty('stack'); |
||||
expect(result.message).toBe(mockLastError.message); |
||||
}); |
||||
}); |
||||
|
||||
describe('checkForLastErrorAndLog', () => { |
||||
it('should log and return error if error was found', () => { |
||||
sinon.stub(browser.runtime, 'lastError').value({ ...mockLastError }); |
||||
sinon.stub(log, 'error'); |
||||
|
||||
const result = BrowserRuntimeUtil.checkForLastErrorAndLog(); |
||||
|
||||
expect(log.error.calledWith(result)).toBeTruthy(); |
||||
expect(result).toStrictEqual(mockLastError); |
||||
|
||||
log.error.restore(); |
||||
}); |
||||
}); |
||||
}); |
||||
@ -1,3 +1,3 @@ |
||||
module.exports = { |
||||
TEST_SNAPS_WEBSITE_URL: 'https://metamask.github.io/test-snaps/3.1.0', |
||||
TEST_SNAPS_WEBSITE_URL: 'https://metamask.github.io/test-snaps/4.0.2/', |
||||
}; |
||||
|
||||
@ -0,0 +1,196 @@ |
||||
import React from 'react'; |
||||
import ApproveContentCard from './approve-content-card'; |
||||
|
||||
export default { |
||||
title: 'Components/App/ApproveContentCard', |
||||
id: __filename, |
||||
argTypes: { |
||||
showHeader: { |
||||
control: 'boolean', |
||||
}, |
||||
symbol: { |
||||
control: 'array', |
||||
}, |
||||
title: { |
||||
control: 'text', |
||||
}, |
||||
showEdit: { |
||||
control: 'boolean', |
||||
}, |
||||
showAdvanceGasFeeOptions: { |
||||
control: 'boolean', |
||||
}, |
||||
footer: { |
||||
control: 'array', |
||||
}, |
||||
noBorder: { |
||||
control: 'boolean', |
||||
}, |
||||
supportsEIP1559V2: { |
||||
control: 'boolean', |
||||
}, |
||||
renderTransactionDetailsContent: { |
||||
control: 'boolean', |
||||
}, |
||||
renderDataContent: { |
||||
control: 'boolean', |
||||
}, |
||||
isMultiLayerFeeNetwork: { |
||||
control: 'boolean', |
||||
}, |
||||
ethTransactionTotal: { |
||||
control: 'text', |
||||
}, |
||||
nativeCurrency: { |
||||
control: 'text', |
||||
}, |
||||
fullTxData: { |
||||
control: 'object', |
||||
}, |
||||
hexTransactionTotal: { |
||||
control: 'text', |
||||
}, |
||||
fiatTransactionTotal: { |
||||
control: 'text', |
||||
}, |
||||
currentCurrency: { |
||||
control: 'text', |
||||
}, |
||||
isSetApproveForAll: { |
||||
control: 'boolean', |
||||
}, |
||||
isApprovalOrRejection: { |
||||
control: 'boolean', |
||||
}, |
||||
data: { |
||||
control: 'text', |
||||
}, |
||||
onEditClick: { |
||||
control: 'onEditClick', |
||||
}, |
||||
}, |
||||
args: { |
||||
showHeader: true, |
||||
symbol: <i className="fa fa-tag" />, |
||||
title: 'Transaction fee', |
||||
showEdit: true, |
||||
showAdvanceGasFeeOptions: true, |
||||
noBorder: true, |
||||
supportsEIP1559V2: false, |
||||
renderTransactionDetailsContent: true, |
||||
renderDataContent: false, |
||||
isMultiLayerFeeNetwork: false, |
||||
ethTransactionTotal: '0.0012', |
||||
nativeCurrency: 'GoerliETH', |
||||
hexTransactionTotal: '0x44364c5bb0000', |
||||
fiatTransactionTotal: '1.54', |
||||
currentCurrency: 'usd', |
||||
isSetApproveForAll: false, |
||||
isApprovalOrRejection: false, |
||||
data: '', |
||||
fullTxData: { |
||||
id: 3049568294499567, |
||||
time: 1664449552289, |
||||
status: 'unapproved', |
||||
metamaskNetworkId: '3', |
||||
originalGasEstimate: '0xea60', |
||||
userEditedGasLimit: false, |
||||
chainId: '0x3', |
||||
loadingDefaults: false, |
||||
dappSuggestedGasFees: { |
||||
gasPrice: '0x4a817c800', |
||||
gas: '0xea60', |
||||
}, |
||||
sendFlowHistory: [], |
||||
txParams: { |
||||
from: '0xdd34b35ca1de17dfcdc07f79ff1f8f94868c40a1', |
||||
to: '0x55797717b9947b31306f4aac7ad1365c6e3923bd', |
||||
value: '0x0', |
||||
data: '0x095ea7b30000000000000000000000009bc5baf874d2da8d216ae9f137804184ee5afef40000000000000000000000000000000000000000000000000000000000011170', |
||||
gas: '0xea60', |
||||
maxFeePerGas: '0x4a817c800', |
||||
maxPriorityFeePerGas: '0x4a817c800', |
||||
}, |
||||
origin: 'https://metamask.github.io', |
||||
type: 'approve', |
||||
history: [ |
||||
{ |
||||
id: 3049568294499567, |
||||
time: 1664449552289, |
||||
status: 'unapproved', |
||||
metamaskNetworkId: '3', |
||||
originalGasEstimate: '0xea60', |
||||
userEditedGasLimit: false, |
||||
chainId: '0x3', |
||||
loadingDefaults: true, |
||||
dappSuggestedGasFees: { |
||||
gasPrice: '0x4a817c800', |
||||
gas: '0xea60', |
||||
}, |
||||
sendFlowHistory: [], |
||||
txParams: { |
||||
from: '0xdd34b35ca1de17dfcdc07f79ff1f8f94868c40a1', |
||||
to: '0x55797717b9947b31306f4aac7ad1365c6e3923bd', |
||||
value: '0x0', |
||||
data: '0x095ea7b30000000000000000000000009bc5baf874d2da8d216ae9f137804184ee5afef40000000000000000000000000000000000000000000000000000000000011170', |
||||
gas: '0xea60', |
||||
gasPrice: '0x4a817c800', |
||||
}, |
||||
origin: 'https://metamask.github.io', |
||||
type: 'approve', |
||||
}, |
||||
[ |
||||
{ |
||||
op: 'remove', |
||||
path: '/txParams/gasPrice', |
||||
note: 'Added new unapproved transaction.', |
||||
timestamp: 1664449553939, |
||||
}, |
||||
{ |
||||
op: 'add', |
||||
path: '/txParams/maxFeePerGas', |
||||
value: '0x4a817c800', |
||||
}, |
||||
{ |
||||
op: 'add', |
||||
path: '/txParams/maxPriorityFeePerGas', |
||||
value: '0x4a817c800', |
||||
}, |
||||
{ |
||||
op: 'replace', |
||||
path: '/loadingDefaults', |
||||
value: false, |
||||
}, |
||||
{ |
||||
op: 'add', |
||||
path: '/userFeeLevel', |
||||
value: 'custom', |
||||
}, |
||||
{ |
||||
op: 'add', |
||||
path: '/defaultGasEstimates', |
||||
value: { |
||||
estimateType: 'custom', |
||||
gas: '0xea60', |
||||
maxFeePerGas: '0x4a817c800', |
||||
maxPriorityFeePerGas: '0x4a817c800', |
||||
}, |
||||
}, |
||||
], |
||||
], |
||||
userFeeLevel: 'custom', |
||||
defaultGasEstimates: { |
||||
estimateType: 'custom', |
||||
gas: '0xea60', |
||||
maxFeePerGas: '0x4a817c800', |
||||
maxPriorityFeePerGas: '0x4a817c800', |
||||
}, |
||||
}, |
||||
}, |
||||
}; |
||||
|
||||
export const DefaultStory = (args) => { |
||||
return <ApproveContentCard {...args} />; |
||||
}; |
||||
|
||||
DefaultStory.storyName = 'Default'; |
||||
@ -0,0 +1,36 @@ |
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP |
||||
|
||||
exports[`Beta Header should match snapshot 1`] = ` |
||||
<div> |
||||
<div |
||||
class="box beta-header box--padding-2 box--display-flex box--flex-direction-row box--width-full box--background-color-warning-default" |
||||
> |
||||
<h6 |
||||
class="box box--flex-direction-row typography beta-header__message typography--h7 typography--weight-normal typography--style-normal typography--color-warning-inverse" |
||||
> |
||||
<span> |
||||
|
||||
This is a BETA version. Please report bugs |
||||
<a |
||||
href="https://metamask.zendesk.com/hc/en-us" |
||||
rel="noreferrer noopener" |
||||
target="_blank" |
||||
> |
||||
here |
||||
</a> |
||||
|
||||
|
||||
</span> |
||||
</h6> |
||||
<button |
||||
aria-label="Close" |
||||
class="beta-header__button" |
||||
data-testid="beta-header-close" |
||||
> |
||||
<i |
||||
class="fa fa-times" |
||||
/> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
`; |
||||
@ -0,0 +1,24 @@ |
||||
import React from 'react'; |
||||
import { Provider } from 'react-redux'; |
||||
import testData from '../../../../.storybook/test-data'; |
||||
import configureStore from '../../../store/store'; |
||||
import BetaHeader from '.'; |
||||
|
||||
const store = configureStore({ |
||||
...testData, |
||||
metamask: { ...testData.metamask, isUnlocked: true, showBetaHeader: true }, |
||||
}); |
||||
|
||||
export default { |
||||
title: 'Components/App/BetaHeader', |
||||
decorators: [(story) => <Provider store={store}>{story()}</Provider>], |
||||
id: __filename, |
||||
}; |
||||
|
||||
export const DefaultStory = () => ( |
||||
<> |
||||
<BetaHeader /> |
||||
</> |
||||
); |
||||
|
||||
DefaultStory.storyName = 'Default'; |
||||
@ -0,0 +1,45 @@ |
||||
import React from 'react'; |
||||
import { fireEvent } from '@testing-library/react'; |
||||
import configureMockStore from 'redux-mock-store'; |
||||
import thunk from 'redux-thunk'; |
||||
import mockState from '../../../../test/data/mock-state.json'; |
||||
import { renderWithProvider } from '../../../../test/lib/render-helpers'; |
||||
import BetaHeader from '.'; |
||||
|
||||
const mockHideBetaHeader = jest.fn(); |
||||
|
||||
jest.mock('../../../store/actions', () => { |
||||
return { |
||||
hideBetaHeader: () => { |
||||
mockHideBetaHeader(); |
||||
}, |
||||
}; |
||||
}); |
||||
|
||||
describe('Beta Header', () => { |
||||
let store; |
||||
|
||||
beforeEach(() => { |
||||
store = configureMockStore([thunk])(mockState); |
||||
}); |
||||
|
||||
afterEach(() => { |
||||
mockHideBetaHeader.mockClear(); |
||||
}); |
||||
|
||||
it('should match snapshot', () => { |
||||
const { container } = renderWithProvider(<BetaHeader />, store); |
||||
expect(container).toMatchSnapshot(); |
||||
}); |
||||
|
||||
describe('Beta Header', () => { |
||||
it('gets hidden when close button is clicked', () => { |
||||
const { queryByTestId } = renderWithProvider(<BetaHeader />, store); |
||||
|
||||
const closeButton = queryByTestId('beta-header-close'); |
||||
fireEvent.click(closeButton); |
||||
|
||||
expect(mockHideBetaHeader).toHaveBeenCalledTimes(1); |
||||
}); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,59 @@ |
||||
import React from 'react'; |
||||
import { useI18nContext } from '../../../hooks/useI18nContext'; |
||||
|
||||
import Box from '../../ui/box/box'; |
||||
import Typography from '../../ui/typography/typography'; |
||||
import { |
||||
TYPOGRAPHY, |
||||
COLORS, |
||||
BLOCK_SIZES, |
||||
DISPLAY, |
||||
} from '../../../helpers/constants/design-system'; |
||||
import { BETA_BUGS_URL } from '../../../helpers/constants/beta'; |
||||
|
||||
import { hideBetaHeader } from '../../../store/actions'; |
||||
|
||||
const BetaHeader = () => { |
||||
const t = useI18nContext(); |
||||
|
||||
return ( |
||||
<Box |
||||
display={DISPLAY.FLEX} |
||||
width={BLOCK_SIZES.FULL} |
||||
backgroundColor={COLORS.WARNING_DEFAULT} |
||||
padding={2} |
||||
className="beta-header" |
||||
> |
||||
<Typography |
||||
variant={TYPOGRAPHY.H7} |
||||
marginTop={0} |
||||
marginBottom={0} |
||||
className="beta-header__message" |
||||
color={COLORS.WARNING_INVERSE} |
||||
> |
||||
{t('betaHeaderText', [ |
||||
<a |
||||
href={BETA_BUGS_URL} |
||||
key="link" |
||||
target="_blank" |
||||
rel="noreferrer noopener" |
||||
> |
||||
{t('here')} |
||||
</a>, |
||||
])} |
||||
</Typography> |
||||
<button |
||||
className="beta-header__button" |
||||
data-testid="beta-header-close" |
||||
onClick={() => { |
||||
hideBetaHeader(); |
||||
}} |
||||
aria-label={t('close')} |
||||
> |
||||
<i className="fa fa-times" /> |
||||
</button> |
||||
</Box> |
||||
); |
||||
}; |
||||
|
||||
export default BetaHeader; |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue