init commit

shared/components/src/actions/focus-node.ts

@@ -0,0 +1,19 @@
+export default function focusNode(
+    node: HTMLElement,
+    focusedIndex: number | null,
+) {
+    const nodeIndex = Number(node.getAttribute('data-index'));
+
+    // Handle the initial focus when applicable
+    if (nodeIndex === focusedIndex) {
+        node.focus();
+    }
+
+    return {
+        update(newFocusedIndex) {
+            if (nodeIndex === newFocusedIndex) {
+                node.focus();
+            }
+        },
+    };
+}