Make the bar move right, not left, to show progress

Author: amcaplan

packages/cli-kit/src/private/node/ui/components/Tasks.test.tsx

@@ -65,7 +65,7 @@ describe('Tasks', () => {
 
     // Then
     expect(unstyled(renderInstance.lastFrame()!)).toMatchInlineSnapshot(`
-      "▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁
+      "▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁▁▁▁▂▂▃▃▄▄▅▅▆▆▇▇██▇▇▆▆▅▅▄▄▃▃▂▂▁
       task 1 ..."
     `)
     expect(firstTaskFunction).toHaveBeenCalled()
@@ -95,7 +95,7 @@ describe('Tasks', () => {
 
     // Then
     expect(unstyled(renderInstance.lastFrame()!)).toMatchInlineSnapshot(`
-      "▂▃▄▅▆▇█▇▆▅▄▃▂▁▁
+      "▁▁▂▃▄▅▆▇█▇▆▅▄▃▂
       task 1 ..."
     `)
     expect(firstTaskFunction).toHaveBeenCalled()

packages/cli-kit/src/private/node/ui/components/TextAnimation.tsx

@@ -15,13 +15,10 @@ function rainbow(text: string, frame: number) {
 }
 
 function rotated(text: string, steps: number) {
-  const textLength = text.length
-  return text
-    .split('')
-    .map((_, index) => {
-      return text[(index + steps) % textLength]
-    })
-    .join('')
+  const normalizedSteps = steps % text.length
+  const start = text.slice(-normalizedSteps)
+  const end = text.slice(0, -normalizedSteps)
+  return start + end
 }
 
 /**