fix: end-opacity parser, baselineShift checker & add dilate fixtures (#145)

* feat: baselineShift feature checker

* fix(last/titles): end opacity

* feat: adjust parse and extract-features

* docs(fixtures/features): add dilate sample files & update snapshots

* test(metadata): update snaps

Author: Aidosmf

.changeset/eight-bugs-kick.md

@@ -0,0 +1,5 @@
+---
+'@lottiefiles/last': minor
+---
+
+fix(titles): endOpacity is an element node

.changeset/famous-pots-happen.md

@@ -0,0 +1,5 @@
+---
+'@lottiefiles/relottie-parse': minor
+---
+
+fix: end-opacity is an Element node and related to "eo" prop

.changeset/sharp-avocados-film.md

@@ -0,0 +1,5 @@
+---
+'@lottiefiles/relottie-extract-features': minor
+---
+
+feat: baselineShift feature checker

__fixtures__/features/dilate-animated.json

@@ -0,0 +1 @@
+{"nm":"Comp 1","ddd":0,"h":1080,"w":1920,"meta":{"g":"@lottiefiles/toolkit-js 0.65.0"},"layers":[{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":1800,"ip":0,"ln":"15","hasMask":true,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[960,540]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"masksProperties":[{"nm":"Mask 1","inv":false,"mode":"a","x":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[59],"t":0},{"s":[-84],"t":1381.989}]},"o":{"a":0,"k":100},"pt":{"a":0,"k":{"c":true,"i":[[192.014,0],[0,-226.325],[-192.014,0],[0,226.324]],"o":[[-192.014,0],[0,226.324],[192.014,0],[0,-226.325]],"v":[[-216.422,-420],[-564.094,-10.203],[-216.422,399.594],[131.25,-10.203]]}}}],"shapes":[{"ty":"gr","nm":"Rectangle 1","it":[{"ty":"sh","nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[289.625,-225.375],[289.625,225.375],[-289.625,225.375],[-289.625,-225.375]]}}},{"ty":"st","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":28},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","nm":"Fill 1","c":{"a":0,"k":[0.8589,0.0137,0.0137]},"r":1,"o":{"a":0,"k":100}},{"ty":"sh","nm":"Path 2","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[173.531,143.469],[173.531,594.219],[-405.719,594.219],[-405.719,143.469]]}}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-158.375,-194.625]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"st","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":28},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","nm":"Fill 1","c":{"a":0,"k":[0.8589,0.0137,0.0137]},"r":1,"o":{"a":0,"k":100}}],"ind":1}],"v":"5.7.0","fr":60,"op":1800,"ip":0,"assets":[]}

__fixtures__/features/dilate-default.json

@@ -0,0 +1 @@
+{"nm":"Comp 1","ddd":0,"h":1080,"w":1920,"meta":{"g":"@lottiefiles/toolkit-js 0.65.0"},"layers":[{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":1800,"ip":0,"ln":"15","hasMask":true,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[960,540]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"masksProperties":[{"nm":"Mask 1","inv":false,"mode":"a","x":{"a":0,"k":0},"o":{"a":0,"k":100},"pt":{"a":0,"k":{"c":true,"i":[[192.014,0],[0,-226.325],[-192.014,0],[0,226.324]],"o":[[-192.014,0],[0,226.324],[192.014,0],[0,-226.325]],"v":[[-216.422,-420],[-564.094,-10.203],[-216.422,399.594],[131.25,-10.203]]}}}],"shapes":[{"ty":"gr","nm":"Rectangle 1","it":[{"ty":"sh","nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[289.625,-225.375],[289.625,225.375],[-289.625,225.375],[-289.625,-225.375]]}}},{"ty":"st","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":28},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","nm":"Fill 1","c":{"a":0,"k":[0.8589,0.0137,0.0137]},"r":1,"o":{"a":0,"k":100}},{"ty":"sh","nm":"Path 2","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[173.531,143.469],[173.531,594.219],[-405.719,594.219],[-405.719,143.469]]}}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-158.375,-194.625]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"st","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":28},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","nm":"Fill 1","c":{"a":0,"k":[0.8589,0.0137,0.0137]},"r":1,"o":{"a":0,"k":100}}],"ind":1}],"v":"5.7.0","fr":60,"op":1800,"ip":0,"assets":[]}

__fixtures__/features/dilate-static.json

@@ -0,0 +1 @@
+{"nm":"Comp 1","ddd":0,"h":1080,"w":1920,"meta":{"g":"@lottiefiles/toolkit-js 0.65.0"},"layers":[{"ty":4,"nm":"Shape Layer 1","sr":1,"st":0,"op":1800,"ip":0,"ln":"15","hasMask":true,"ao":0,"ks":{"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[960,540]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}},"masksProperties":[{"nm":"Mask 1","inv":false,"mode":"a","x":{"a":0,"k":59},"o":{"a":0,"k":100},"pt":{"a":0,"k":{"c":true,"i":[[192.014,0],[0,-226.325],[-192.014,0],[0,226.324]],"o":[[-192.014,0],[0,226.324],[192.014,0],[0,-226.325]],"v":[[-216.422,-420],[-564.094,-10.203],[-216.422,399.594],[131.25,-10.203]]}}}],"shapes":[{"ty":"gr","nm":"Rectangle 1","it":[{"ty":"sh","nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[289.625,-225.375],[289.625,225.375],[-289.625,225.375],[-289.625,-225.375]]}}},{"ty":"st","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":28},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","nm":"Fill 1","c":{"a":0,"k":[0.8589,0.0137,0.0137]},"r":1,"o":{"a":0,"k":100}},{"ty":"sh","nm":"Path 2","d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[173.531,143.469],[173.531,594.219],[-405.719,594.219],[-405.719,143.469]]}}},{"ty":"tr","a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-158.375,-194.625]},"r":{"a":0,"k":0},"sa":{"a":0,"k":0},"o":{"a":0,"k":100}}]},{"ty":"st","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100},"w":{"a":0,"k":28},"c":{"a":0,"k":[1,1,1]}},{"ty":"fl","nm":"Fill 1","c":{"a":0,"k":[0.8589,0.0137,0.0137]},"r":1,"o":{"a":0,"k":100}}],"ind":1}],"v":"5.7.0","fr":60,"op":1800,"ip":0,"assets":[]}

packages/last/src/titles.ts

@@ -310,7 +310,6 @@ export const TITLES = {
     effectParamPoint: 'effect-param-point',
     effectParamSlider: 'effect-param-slider',
     effectWavy: 'effect-wavy',
-    endOpacity: 'end-opacity',
     gradientOverlay: 'gradient-overlay',
     keyframe: 'keyframe',
     keyframeBezierHandle: 'keyframe-bezier-handle',
@@ -563,6 +562,7 @@ export const TITLES = {
     splitY: 'split-y',
     splitZ: 'split-z',
     startOpacity: 'start-opacity',
+    endOpacity: 'end-opacity',
     shapeGradientFillStartPoint: 'shape-gradient-fill-start-point',
     shapeGradientStrokeStartPoint: 'shape-gradient-stroke-start-point',
     shapeGradientFillEndPoint: 'shape-gradient-fill-end-point',