Vercel migrate

[ashishpawar517]

No description provided.

[Copilot]

Pull Request Overview

A migration to support Vercel analytics, one-based indexing toggle, and multi-color cell highlighting in the matrix visualizer, along with code formatting updates.

• Switched highlightedCells from Set to Map to cycle cells through up to 5 colors.
• Added one-based indexing toggle in the control bar and updated display indices.
• Integrated @vercel/analytics and standardized code formatting (quotes, semicolons, Prettier script).

Reviewed Changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
src/utils/matrixUtils.ts	Reformatted createMatrix return for readability.
src/types/index.ts	Added useOneBased & onIndexingChange props to ControlBarProps.
src/main.tsx	Standardized import quotes and component rendering syntax.
src/components/Matrix.tsx	Imported getCellKey, added colorIndex & one-based display logic.
src/components/ControlBar.tsx	Added one-based indexing checkbox and updated props/formatting.
src/components/Cell.tsx	Replaced highlight boolean with color classes and display indices.
src/App.tsx	Converted to Map logic, added analytics & indexing handlers, logs.
package.json	Added @vercel/analytics dependency and Prettier format script.

Comments suppressed due to low confidence (2)

src/App.tsx:14

• [nitpick] The state variable highlightedCells now stores color indices for cells; consider renaming it to cellColors or coloredCells to more accurately reflect its purpose.

const [highlightedCells, setHighlightedCells] = useState<Map<string, number>>(new Map());

src/components/ControlBar.tsx:61

• The new one-based indexing toggle behavior isn’t covered by existing tests; consider adding unit or integration tests to verify that toggling correctly updates the matrix display indices.

<input
              type="checkbox"
              id="indexing"
              checked={useOneBased}
              onChange={(e) => onIndexingChange(e.target.checked)}

[Copilot]

The cell div is missing an aria-label or role attribute; consider adding aria-label (e.g., Cell at row ${displayRowIndex}, column ${displayColIndex}) or role="button" for better screen reader support.