Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

(feat/canvas): Add Spreadsheet Support (wip) #688

Draft
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

nickscamara
Copy link

@nickscamara nickscamara commented Jan 10, 2025

WIP - feedback + improvements are very welcomed!

Adds Spreadsheet support to the canvas

  • Adds interactive sheet functionality to the AI chat interface, allowing users to:
    • Use AI to generate and manipulate spreadsheet content
    • Create and edit tabular data
    • Export data to CSV format
    • Navigate cells using keyboard shortcuts
    • Add/remove rows and columns

Known Issues:

  • There are still some rendering/layout shifting issues with the custom spreadsheet component (wip)
  • Still need to nail the cell clicking+highlighting animation/ux
  • Editing cells and moving throughout the spreadsheet is not very smooth
  • Light mode only currently

Little Demo:
https://github.com/user-attachments/assets/f9765138-5962-43ab-9156-e1c93b4a2423

Posts and examples for reference below:

https://x.com/nickscamara_/status/1874849831052890175
https://x.com/nickscamara_/status/1876675517694328834

Thanks @jaredpalmer for suggesting me to open a PR for this.

Copy link

vercel bot commented Jan 10, 2025

@nickscamara is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

@athrael-soju
Copy link

This is really cool! Once you're done with this I'd love to extend it further to allow upload of csv files, which can then be edited like this.

@athrael-soju
Copy link

@nickscamara are you working further on this?

Known Issues:

  • There are still some rendering/layout shifting issues with the custom spreadsheet component (wip)
  • Still need to nail the cell clicking+highlighting animation/ux
  • Editing cells and moving throughout the spreadsheet is not very smooth
  • Light mode only currently

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants