From d8d2ee266eb20cafc4b2915d4ac84e3656e98475 Mon Sep 17 00:00:00 2001
From: Freeplay <freeplay@duck.com>
Date: Fri, 2 Jun 2023 15:39:33 -0400
Subject: [PATCH] Setup to also support steps

---
 packages/client/src/components/mfm.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/components/mfm.ts b/packages/client/src/components/mfm.ts
index 74a92ee488..86a9aba2ed 100644
--- a/packages/client/src/components/mfm.ts
+++ b/packages/client/src/components/mfm.ts
@@ -59,7 +59,9 @@ export default defineComponent({
 		};
 		const validEase = (e: string | null | undefined) => {
 			if (e == null) return null;
-			return e.match(/\(-?[0-9.]+,-?[0-9.]+,-?[0-9.]+,-?[0-9.]+\)/) ? e : null;
+			return e.match(/(steps)?\(-?[0-9.]+,-?[0-9.]+,-?[0-9.]+,-?[0-9.]+\)/) 
+				? (e.startsWith("steps") ? e : "cubic-bezier" + e)
+				: null
 		}
 
 		const genEl = (ast: mfm.MfmNode[]) =>
@@ -107,8 +109,8 @@ export default defineComponent({
 								case "tada": {
 									const speed = validTime(token.props.args.speed) || "1s";
 									const delay = validTime(token.props.args.delay) || "0s";
-									const ease = validEase(token.props.args.ease) || "(0,0,1,1)";
-									style = `font-size: 150%; animation: tada ${speed} ${delay} cubic-bezier${ease} infinite both;`;
+									const ease = validEase(token.props.args.ease) || "linear";
+									style = `font-size: 150%; animation: tada ${speed} ${delay} ${ease} infinite both;`;
 									break;
 								}
 								case "jelly": {