lauthieb / code-notes

(No longer maintained) A simple code snippet & gist manager for developers built with Electron & Vue.js 🚀

Hello World! 👋

I am Laurent Thiebault, married, and a proud father of 2 children. Passionate about the web and technology in general!

Currently, I am the Engineering Manager and Tech Lead of the Decathlon Design System.

I love learning new things every day, meeting passionate individuals, and sharing my knowledge with as many people as possible.

I also work part-time as a freelancer to assist companies with topics related to web development and Design Systems. In parallel, I provide free content related to these subjects on my blog, my newsletter, and my YouTube channel.

I am also passionate about Open Source and am always interested in working on new projects with new people. Feel free to check out my freelance profile on Malt or contact me via email.

code-notes's Issues

Upgrade from Vue CLI 2 to Vue CLI 4

Hi everyone!

I need help to migrate and refactor the codebase from Vue CLI 2 to Vue CLI 4.

Thanks a lot in advance for your help ❤️

32-bit Windows compatibility

Hi,

My question is simple :
Is it possible to have a compatible version on a 32-bit Windows?

My Environment

• OS: Windows 7 Pro 32-bit

Add C# as language

C# is not on the dropdown list of languages.

Theme/Colour Options

As it stands there are no theme options outside of the default.

Describe the solution you'd like
Multiple theme options preferably 'Dark' & 'Light' options for an existing example of what this could look like take a look at https://joplin.cozic.net/

Describe alternatives you've considered
As a longer term alternative there could be an options menu with a styling based option, if SCSS was used and vars set for the background / font colours the styling menu could allow a user to change those vars and the colours of each different area of the app.

Feature request

Thanks a lot for that utilitie.
I had like to be able to add a new language to the list.

Code preview feature

Hi and thanks for this well made, software

It would be nice if you add code preview option for stylesheets or markup languages (an easy implementation would be creating an iframe importing the files on view) in the case of preprocessed ones (like scss) you could use a javascript implementation of the preprocessor (like this one: https://github.com/medialize/sass.js/)

Filename cannot contain "."

Describe the bug
When the filename contains a dot ( . ), the note is not created.
This bug was already reported in #17. But as this is already closed, I created this isuses.

To Reproduce
Steps to reproduce the behavior:

1. Click on 'Create note'
2. Fill all necessary fields
3. In the Filename field, use a value that contains a dot like 'Test.cs'
4. Click on 'Create'

Expected behavior
The note should be created and shown

Desktop (please complete the following information):

• OS: Windows 10
• Version: 1.2.1

Editing Gist duplicates instead of editing - Deleting Snippit seems to Crash and reloads.

Expected Behavior

Editing gist should of edited the original and not create a copy of it.

Current Behavior

Below is a screenshot of what happens when you currently edit one.

Steps to Reproduce (for bugs)

1. Edit the language for any gist
2. click update

Your Environment

• 1.2.0
• Windows 10

sub category

there are some language to save , but saved code has some sub categories too .
for example for html and css
language is HTML
then there is no way to add HTML things like HTML related to button for example .

Expected Behavior

Can add sub category to each language

Current Behavior

only language supported

Github gist integration

Add the Github gist integration in Code Notes.
We will be able to retrieve, update, create and delete our snippets available on Github by passing a personal access token with the "gist" scope selected.

• Settings modal with github personal token
• Get all gists
• Display one gist on note card
• Display loading...
• Create gist
• Update gist
• Delete gist
• Tutorial to get personal access token

Caching of gists

You should cache gists, at least per application instance.
its small and it really provides a lot of usability points 👍

Just check to see if any new have been added/removed since last view mount

Infinite loop on loading when create file (local mode)

I can't create note : when I create one, I stay on "loading" for an infinite amount of time.
I use Fedora 29 and the appimage. Everything works, my others appimage still functioning.
See pictures for more information.

When I create on "create" the infinite loop begin.
If I click on "Add a file" then on the trash icon and click on "create", the file is created.

Please gitlab snippets support...

Awesome project!!!

here an early adopter asking for gitlab snippets support, it is on the Road map?

Congratulations!

Add shortcut to copy paste any snippet in any editor

Is your feature request related to a problem? Please describe.
Something to select snippet and paste it into any text editor fastly

Describe the solution you'd like
Something like executor (app launcher) for example :
you press CTRL + ALT + Z a textbox appear you write your snippet name (autocomplete ?) select it by pressing enter, and it paste( or copy to the clipboard) the content of your snippet
something like executor or launchy but for searching snippet

Describe alternatives you've considered
Something to use your snippet fastly without go on the app

Feature - Tagging

Hello, thanks for making this awesome project!

I think a really helpful feature would to be able to tag code snippets.

For example, if I have a bunch of react related snippets, it would be nice to be able to add and tag the snippets as "react" so they are easier to find later without being cluttered by the other snippets.

Let me know what you think.

Showing tags on sidebar

Hi Lauthieb!

I've an idea for a new feature. I used another tools (a web one, called SnippetVamp), and a nice feature was to color the Tags and it was possible to filter directly on it by the sidebar (+ multiselection), as shown below :

PS: You did a nice work 👍 I will try to help as much as I can !

Add SQL & Powershell support

Response to @Canyata & @Ichigo49 (See #16)

Syntax highlight additions

Hello !

It'd be nice if you added C, C++ (maybe x86_64 asm too ?) and some more languages to syntax highlighting.

Thanks you !

Don't ask for a file name, just generate one

I want to offload notes quickly. Forcing me to figure out a file name slows me down. See: Github Gists.

Issue creating a note with multiple files

Describe the bug
You can't manage multiple files when creating a note. Deleting a note causes the "Create note" modal to close.

To Reproduce
Steps to reproduce the behavior:

1. Open the add note modal
2. Fill it out, but don't save
3. Add a file and then delete that file
4. Modal closes without saving and all work is lost

Expected behavior
I expected the modal to remain open so I could save my note.

Desktop (please complete the following information):

• OS: Windows 10

Add Kotlin language in editor

Hi Laurent,
Is it possible to add Kotlin language in your app ?

Thanks !
Clément Guyot.

Very small edit window for text

Hello everyone looks like the very cool program but only one features what I think it necessary provide, it needs to make a window where you create a note bigger, for me, it very hard writes some information it in this so small window, if you can make this window bigger it will a greate!

Best regards,
Andrew

Change internal data structure to save one created code snipped in one file

Is your feature request related to a problem? Please describe.
I'm always frustrated when I wan't to export my code notes or accessing them e.g. from terminal.

Describe the solution you'd like
It would be very helpful if the app internally stores one code note per file, using the filename which is provided by the user, so you can access it from outside the app.
E.g. in case I'll create a code note with filename sample.sh, a file named sample.sh could be created in the app / program folder.

Custom notes location

Please add an option to define custom notes location like inside OneDrive folder.

Reloading gists when switching from gists to local

Describe the bug
Repetitive loading have you waiting on gists loading.

To Reproduce
Steps to reproduce the behavior:

1. Go to Gists, see the loading circle
2. Click on local
3. Go back to gists, and a new loading circle appears

Expected behavior
I think the loaded gists should remain loaded even when going to local, and maybe have a refresh button if you want to pull new gists from profile. I have about 20+ gists not much, and I have to wait a few seconds before seeing my gists load.

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

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version1.2.2

Integrate with carbon.now.sh features

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

It would be great if Code Notes can be integrated with https://carbon.now.sh features.

Describe the solution you'd like
We could share your code on twitter or export the image generated

Searchbar is case sensitive

Case sensitive

Expected Behavior

If we write "sum" we are supposed to see the result corresponding to "Sum"

Current Behavior

Your Environment

• Version used: v1.0.0
• Operating System: Windows 10

Manage Languages

It would be awesome if it supports managing languages manually, like if you can`t find a language in dropdown menu, you can simply add it.

This way the number of issues based on language will be reduced.

I know that some of the "Custom Language" will not have some code coloring, but this will help us separate our snippets.

Expected Behavior

On dropdown, you should select your language, or in case it doesn't, simply type it, and it will be added to your snippet dropdown.

You can limit it to local snippets only, if this would cause some issue on github gists.

Current Behavior

Right now, the app only support fixed languages.

Possible Solution

Let the dropdown accept text like a filter, but in case you didn't find the language, add it.

Convert a local snippet to gist

Hi,

Have the possibility to convert a local code to gist.

Create a VS Code plugin

Is your feature request related to a problem? Please describe.
It will be great to have a VS Code plugin linked to Code Notes. No, it's not related to a problem but we would be even more productive if our notes were in our code editor.

Describe the solution you'd like
With this plugin, we would be able to:

• retrieve our code notes
• create a new one like in the app or from a file
• read (copy to clipboard) update/delete our existing notes
• Sync with our Github Gists

Feel free to complete this feature request 😃

Thanks @EmmanuelDemey & Luis Pexoto for this great idea!

Team Functionality

Describe the solution you'd like
This is nice for personal use but should be opened up for TEAM use. Maybe an additional data source being a private repo secured by a PAT that members of a team can all link to and use together.

Slack channel

Hey, how about adding a slack channel for this project. This way we can manage questions/requests better and build more responsiveness for those that want to contribute :)

[minor] portable version for linux

Hi,

Create a portable version for Linux could allow user to use code-notes even in computer without root access. (For example, if you are student and you work at your university...)

This is a really minor issue.

Thanks!

Feature request: Link with Atom

First of all: thanks for the job. It's a great tool :-D

Do you plan to integrate the tool with the Atom code editor ?

Regard

[Call for contribution] Is there someone with CSS/UX skills ?...

Hello guys,

I write this issue because I found a bug in Code Notes and I'm calling you because I'm not really good in CSS...

Expected Behavior

When I have a lot of languages, I can scroll to select the language I want

Current Behavior

When there are a lot of languages and a small window height, we cannot see all languages

Possible Solution

Add a scrollbar in the left sidebar... Or if you have any idea ?

I hope I will find someone that could do this PR or give me some advice.

Thanks.

Laurent :)

Note is not created if "." in the filename

Current Behavior

In the window for creating a note, if I enter a filename with a ".", the note does not register.

Steps to Reproduce (for bugs)

1. Create note
2. Fill "name" field
3. Fill "Filename" field with a "."
4. Click on "Create" button ; the note is not saved

Your Environment

• Version used: v1.1.0
• Operating System and version: Windows 7 64 bits

The Package-lock.json prevent from installing dependencies

After my first checkout I did try to install all the dependencies by running npm i but it resulted in an error because of a hash that has been computed on another computer but that is present in the package-lock.json

Expected Behavior

I think that, even if it's a minor problem and that is really easy to do, it may be great if we don't have to remove the package-lock after every pull

Current Behavior

The package-lock prevent from installing dependencies. We must delete it before to run npm install

Possible Solution

Add package-lock.json to the gitignore

Steps to Reproduce (for bugs)

1. Checkout the project on another computer
2. Run npm install

Your Environment

• Version used: v1.0.0, last commit : edae19b
• Operating System and version: Ubuntu 16.04

Feature request: "Frequently used file types"

Is your feature request related to a problem? Please describe.
I can tell I'm going to want to use the same programming languages pretty consistently. It would be nice if I were presented with frequently/recently used ones.

Describe the solution you'd like
Next to the dropdown, there could be a couple clickable options.

Describe alternatives you've considered
Alternatively, having a typeahead instead of a dropdown could make this less necessary (though still might be useseful)

Additional context

Add Liquid Programming Lang.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Add the programming language Liquid.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Add the programming language Liquid.

Additional context
Add any other context or screenshots about the feature request here.
N/A

Code File Location

What location in my hard drive are the code snippets saved, had to reinstall Windows and lost all of my snippets, what a drag! At least show the path somewhere?

Feature Request - extra fields

Hi Laurent, I'm not a programer (I use code I find on the web to create my PowerShell and Javascript queries!) I'd find it really useful to have a field for:

• Source - so I can find the original code web site
• Works (Yes/No) I've tried a large amount of code snippets that don't work in my environment - it would be nice to be able to save an tag these, so I don't keep re-trying something that doesn't work.
  This information could be saved as a comment in the snippet, but it would be nice to be able to filter and search on these criteria as well.
  Thanks very much for your help.
  Kind regards
  Gerhard

Feature requests

Hi and thanks for Code Notes :)

Here is some ideas to improve your software :

• be able to resize the edit view
• choose the save folder for the snippets => I would like to have my snippets on different computer so if it possible save my snippets on dropbox.

Thank you

Tabs for Multiple Files

Right now if you add multiple files to a snippet, it just shows the one after the other.

Why not do it elegantly with tabs?

Plans to support github enterprise for Gists?

Just curious if there are plans to support Github Enterprise?

Custom languages

I am sysadmin and I would love to use code-notes to store some SQL request or Cisco configuration on it.
Could you add those languages please?

Share Notes

Is your feature request related to a problem? Please describe.
I am looking for a solution to share notes with my team, we even have started thinking about a common github account and sharing it to get common gists.

It would be great to change or add another local location, for example a network share that multiple users could access. Or putting a folder into google drive.

Describe the solution you'd like
An option to add another local location. Click a dialog and navigate to a folder and then it would be available for under the notes section.

Describe alternatives you've considered
Sharing a common github account, but that opens up issues with sharing accounts.

Additional context
I think this app is great! But it just needs a few features to make it more team friendly.

Error: Cannot destructure property `compile` of 'undefined' or 'null'

Describe the bug
I'm unable to run npm run dev and dev server is not working on localhost:9080

To Reproduce
Steps to reproduce the behavior:

1. Git clone
2. npm install
3. npm run dev
4. See error

Expected behavior
Local server running on localhost:9080

Error Message

TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.
    at addHooks (/var/www/html/code-notes/node_modules/webpack-dev-server/lib/Server.js:115:49)
    at new Server (/var/www/html/code-notes/node_modules/webpack-dev-server/lib/Server.js:128:5)
    at Promise (/var/www/html/code-notes/.electron-vue/dev-runner.js:62:20)
    at new Promise (<anonymous>)
    at startRenderer (/var/www/html/code-notes/.electron-vue/dev-runner.js:42:10)
    at init (/var/www/html/code-notes/.electron-vue/dev-runner.js:169:16)
    at Object.<anonymous> (/var/www/html/code-notes/.electron-vue/dev-runner.js:178:1)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

Additional context
On searching a bit, I'm seeing that [email protected] requires a peer of webpack@^4.0.0, but we have "webpack": "^3.5.2" in our package.json.
Also the I'm getting Version: webpack 3.10.0 in my npm run dev output.

Notes require "valid" file names, but don't tell you that and also don't tell you what valid means

Latest version doesn't let you create a note if the file name is "bad" but never tells you it's bad or what's wrong with it.

Gists sometimes takes a lot of time

When using gists, sometimes it is loading forever with the blue circle turning around.
To resolve, I need to spam 'local' and 'gists' again until I get my gists.

• Version used: 1.2.0
• Operating System and version: ubuntu 16.04

Feature request Export/Import Local snippet

It would be nice if we can import or export somes snippets locally. Via file text or other ?

Where is store the local snippet ?

I love this tool :)