jackyzha0 / ctrl-v Goto Github PK

Would be nice to be able to copy content of an existing paste and make a new one with its contents

AC:

• Add a 'fork' button to view paste page
• Add new backend endpoint to create paste with content

AC:

• Document public API endpoints in README

account for container spin-up time (~300ms) and make ViewPaste component display loading... while we wait for a response

When I link a paste that's latex, a preview is rendered.

AC:

• ctrl-v should auto-detect the language I've pasted in
• Language select should update
• increase language selection!!

Indenting and unindenting text kinda sucks right now

AC:

• Properly support tabbing and shift-tabbing
• Set tab spacing to 2 spaces

When previewing markdown on the main page, both code blocks and inline code are displayed without the background:

The render of the actual paste:

Also syntax highlighting would be nice if it isn't too hard.

website looks like garbage on mobile, pls fix
probably just use media queries? @ianmah lmk if you have experience w responsive react

AC

• mobile no longer looks like ass

make sure pressing tab adds 4 spaces rather than focusing next input field

AC:

• Make password field description
• Rename 'new paste' to 'create paste'
• Add spinner to indicate loading

'nuff said

const theme = {
  colors: {
    background: '#111111',
    codeHighlight: '#ffffff08',
    border: '#565656',
    text: '#faf9f5',
    error: '#ee1111',
  },
}

AC:

• Add toggle to switch themes
• Persist option to local storage

• Responsive Watermark at Bottom Left
• Password TextBox

Please add more to the list, if you find any!

AC:

• Changes to backend are deployed to GCR
• Changes to frontend are deployed to Firebase Hosting

Would be nice to be able to create permalinks for pastes too, similar to what GitHub offers: https://docs.github.com/en/github/managing-your-work-on-github/creating-a-permanent-link-to-a-code-snippet

Example URL would be https://ctrl-v.app/2uKMJEu#L1-L14

Good place to start would be the lineProps prop on the syntax highlighter: https://www.npmjs.com/package/react-syntax-highlighter

AC:

• After a paste has been created, users should be able to click on the line number gutter to highlight/select lines
• Selecting lines should bring up the option to copy a permalink to those lines
• Viewing a paste with permalink anchors should highlight those lines

https://github.com/rexxars/react-markdown

Ryan: "also syntax highlighting would be nice if it isn't too hard"

Say less. This discussion may be a good starter: remarkjs/react-markdown#46

1. fix docker-all to properly depend on docker-build
2. move all backend related makefile stuff into backend and reference it using -C flag
3. move all frontend related makefile stuff into frontend and reference it using -C flag

make sure people's pastes aren't the big bad

<p style="color: blue">Siddhant</p>

This Should Render to:

But, it is rendering like this: