You now have all this functionality and all these hotkeys, but no one knows about any of it. Write a nice user guide in the 'About' section of the app.

I can currently change the text on the import/export page, but those changes don't actually do anything. This is misleading.

The very excellent JavaFX version of CodeCoffer had hotkeys for saving, importing, exporting, searching, and creating new snippets. I'm very disappointed to see the web version has none of those.

Is your feature request related to a problem? Please describe.
I wanted to share a snippet with a coworker last week, and that required me to download that snippet and then send that file via Teams. I then had to explain to the coworker that he had to find where Teams downloaded the file and then that he should drag that file onto the web page.
The other option would be to send the coworker the snippet's JSON, but sometimes that is too long for a Teams chat message.

Describe the solution you'd like
I want an easy way to send snippets to others. I want to be able to press a button and then get a link anyone can use to see that snippet.

Describe alternatives you've considered
As mentioned above, I've tried sending JSON via chat and I've tried sending files via chat. Both work, but they are awkward for people who aren't used to CodeCoffer.

Additional context
I don't need the link to the snippet to be good forever, and I want a free solution.

How can I use this app if I can't access my snippets from my other devices?

I imported a snippet recently and then couldn't find it because it was buried so deep. Imported snippets' timestamps should be when they were imported (with an offset perhaps if they were imported as part of an array. So if 20 snippets were imported at time 1000, the snippets should have timestamps ranging between 980 and 1000.).

Alternatively, imported snippets should get forced to the top of the screen.

Is your feature request related to a problem? Please describe.
Some snippets are very closely related or reference other snippets.

Describe the solution you'd like
I want a way to link to other snippets, preferably with buttons or hyperlinks.

Describe alternatives you've considered
I can't think of any alternatives.

Additional context
N/A

Not everyone uses English. Consider completely internationalizing this.
I would especially like

1. English
2. Simplified Chinese (Mandarin)

If I have a term typed into the search bar and then add a snippet, I may want to rerun that search. It would be reasonable if this would happen if I just click in the search bar and hit the 'enter' key.

The 'about' page is only partially translated.

For LTR languages, the line numbers should be right aligned.

Is your feature request related to a problem? Please describe.
Snippets are naturally ordered by timestamp or by search relevance. Timestamps aren't the best way to order them. I sometimes want one to be above another, for example.

Describe the solution you'd like
I'd like a way to rank the snippets or a way to assign an order to them. Maybe a button like 'move up one position' or 'move to top' would be nice.

Describe alternatives you've considered
I've tried being careful and creating the snippets in the order I want them.

Additional context
When searching, if two snippets have equal relevance, then they should be ordered by this rank.

When I do a search for 'blah blah blah', I get the right snippets, but I still have to manually search through the snippets to find 'blah blah blah'. That's annoying, and unless you are completely incompetent, you can implement this. Quickly please.

You are now using a back end. Update the privacy policy.

Sometimes when going between snippets, I need to save a few numbers or words. It would be nice if I had some place to paste those.

Let's say you do a search for 'Support'. You will then have all your support-related snippets visible.
Let's say you then try to export. You will then go to the export page.
What happens when you go back to the HomeComponent? You will see all snippets in their normal ordering. The search has disappeared.

Find a way to save the state of the HomeComponent.

You should have your code neatly divided into components, services, models, pipes, directives, etc.

Is your feature request related to a problem? Please describe.
I don't always remember the hotkeys and I'd prefer not to leave the main screen to look them up.

Describe the solution you'd like
I want them displayed in a tooltip on the buttons.

Describe alternatives you've considered
I think a shortcut showing a modal that displays the hotkeys may also be okay.

Additional context
Lots of programs put their hotkeys in tooltips, I believe.

Describe the bug
Error for incompatible typescript version is thrown when trying to run the app locally.

To Reproduce

1. Clone repo
2. Checkout master
3. Empty the npm cache: npm cache clean -f
4. Start application: npm run start
5. npm script fails to complete:

$ npm run start

> [email protected] start /home/dean/Projects/CodeCoffer
> ng serve

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
                                                                                          
Date: 2019-11-08T00:59:50.013Z
Hash: 5575b1012022eda91df0
Time: 2490ms
chunk {main} main.js, main.js.map (main) 1.85 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 93.2 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 33.5 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 327 kB [initial] [rendered]

ERROR in The Angular Compiler requires TypeScript >=3.1.1 and <3.2.0 but 3.7.2 was found instead.
ℹ ｢wdm｣: Failed to compile.

Expected behavior
Instead of throwing an error, the npm script should complete successfully.

Environment:

• Ubuntu 18.04.3 LTS
• npm 6.13.0
• node v8.10.0

Additional context
Was not able to reproduce 100% of the time. Sometimes it works fine, sometimes it doesn't. Not sure what the changing variable is. Deleting the package-lock.json before the npm install may produce more consistent results.

Your input fields need labels. Your aria roles are flawed according to Lighthouse.

Describe the bug
If you click the "+" button under the first code/note pair, then that additional code/note pair is added at the end of the snippet box rather than immediately after the first code/note pair.

To Reproduce
Do what I said above.

Expected behavior
I expect the new code/note pair to be added immediately after the "+" button I clicked

Screenshots
If applicable, add screenshots to help explain your problem.

Additional context
I thought you fixed this! Make unit tests.

In the bottom left, you have some extra space. Consider putting some links to frequently used snippets there. Or perhaps put some tags there.
When such a link is clicked, the requested snippet appears at the top of the screen (and the user is scrolled to the top, too).
You may also need a button on the snippet that says 'Add to Quick Links'.

If you select all in the export component and then return to snippets, the whole home component will be highlighted.

There should be a button allowing the user to copy to clipboard the JSON for a single snippet. This would make things easier to share.
Perhaps this button could open the 'export' route with just that snippet's JSON in the textarea.

The code editor for the second (and maybe more) snippet has a code editor text area that is about 12 pixels too narrow.

The ascii art in the top left looks wrong in Firefox.

Everyone important is doing PWAs.

The SVG buttons aren't accessible. Fix that.
You should be able to tab to them. They should have the appropriate role, etc.

Is your feature request related to a problem? Please describe.
No.

Describe the solution you'd like
Upgrade to Angular 8

Describe alternatives you've considered
Or wait until Angular 9 comes out and upgrade to that.

Additional context
Hurry!

Tests are important.

This app looks awful! Fix it.

I would sometimes like to know about search results or whether a save/import was successful.

You have some text areas that should actually use the Pre tag or something else. Look into it.

Several sites on the World Wide Web display '404' pages for non-existent routes. Consider doing the same thing.

Whenever I add a line of code to the code section, the code section grows. The notes section has a set size, however, which is frustrating. It should also grow.

Is your feature request related to a problem? Please describe.
I can't easily read my code because it has no syntax highlighting, and I can't organize my notes because I can't do bold or italics or underlining.

Describe the solution you'd like
I want some syntax highlighting for common languages, and I want an editor for the notes section that can handle some basic markdown. This editor I'm using now in GitHub has markdown support.

Describe alternatives you've considered
I sometimes use lots of underscores or dashes to separate things.

Additional context
I want it now!

The app looks great in Chrome and FireFox! Well done!
It works okay in Edge.
It doesn't work in IE.
It hasn't been tested in any other browser, and it has only been tested on Windows.

Is your feature request related to a problem? Please describe.
Sometimes snippets have a relationship to other snippets that might be best displayed in a hierarchical manner. Maybe 20 of my snippets are related to 'Java', 10 of those are related to 'Java Streams', 5 of those are related to 'Java Streams Reduce', etc.

Describe the solution you'd like
If those could be displayed like a table of contents, I would be very happy. So Java-->Streams-->Reduce--> (using the example above)
You know what I mean?

Describe alternatives you've considered
N/A

Additional context
It may be possible to use the 'tags' to generate such a table of contents

Describe the bug
When I restore a snippet, the snippets that were showing are hidden.

To Reproduce
Have several snippets showing.
Delete a snippet.
Ctrl+alt+z

Expected behavior
Old snippets should still be showing, along with the deleted snippet.

Desktop (please complete the following information):

• Probably everywhere

Smartphone (please complete the following information):

• Probably everywhere

The export page at the very least should have a 'copy to clipboard' button.

Is your feature request related to a problem? Please describe.
I don't get much use out of the 'copy' button on the snippet because I often have a mix of snippets and notes in the code area.

Describe the solution you'd like
It would be nice if I could have some code, some notes, some code, some notes all shown together.

Describe alternatives you've considered
I've considered just making more snippets the traditional way, but so many things don't need their own title and tags and they go with other pieces of code.
I may have several variations of the same thing, for example. Or I may have one snippet that manipulates an array and another that does the same manipulation on an object.

Additional context
I would also like it to work with previous versions of CodeCoffer files.

Some tools, like VS Code, let you change some style settings just by altering some JSON. Why can't you guys do that? Do you even care about your users?

Some people may like to see their snippets on a train or in a plane.