A code editor view written in Swift powered by tree-sitter.
Home Page: https://codeeditapp.github.io/CodeEditSourceEditor/documentation/codeeditsourceeditor
License: MIT License
Pasted text is black despite using dark mode.
Text should be white on dark background but is black.
CodeEdit: 1.0 (1)
macOS: 13.1
I think it would be great to have the terraform language supported with LSP, highlighting and completion if possible.
Another option might be to allow users to make plugins that can be installed/added to add features like this.
Add the ability to customize fonts, letter spacing, and line height.
As seen in the following code, currently the capture names are provided as string literals.
This should be changed to be an enum with a raw value of type String instead.
Example:
enum CaptureNames: String {
case comment
case variable
case variableBuiltin = "variable.builtin"
// ...
}As the user types, offer suggestions to complete their code.
Note: In order to offer code completion, a language server protocol (LSP) implementation is needed (see #40).
If i type a new function (e.g.) function x( it appends ) which is great.
What is less great, I'm also typing ), this will end in function x ()), it would be nice if it behaves more like VSCode does.
No response
Ability to comment out code by highlighting some code and pressing: CMD + /
n/a
We need to respect the users Tab Width setting from the CodeEdit main app.
When changing the width of the view the text won't unwrap or wrap lines as the width changes. However, if you scroll away from the text and scroll back to it, it is laid out correctly.
This might just require forcing a layout when the view's width changes.
The lines should update as the view width changes, instead of needing a scroll to re-layout.
This issue should be worked on with the above issue.
Nope.
Using a custom font doesn’t apply the font ligatures. I think it would be nice for all those who use custom fonts to make the editor more personal.
I tried adding a font I really like called Fira Code but it won't apply the ligatures.
In Xcode there is the ability to set Editor Overscroll as shown in the screenshot below. Having this would be helpful.
Here, this line will be always executed whenever 'Tab' key is pressed, e.g. if the focus is on a other tab or command palette, all open tabs will insert a tab space.
textView?.insertText(String(repeating: " ", count: tabWidth))Set a minimum height on the textview so that:
Shrink or expand the current selection with ⌃ ⇧ ⌘ ← and ⌃ ⇧ ⌘ →.
Line numbers make UI bloated, we have line indicator in status bar
Please hide line numbers by default
At least there should be an option to hide
At the moment each keystroke triggers highlighting for the whole document. While this is not an issue for small documents this might bring big performance losses on larger documents.
Though there needs to be some kind of padding of the changed text range since a single character cannot be parsed to anything. Ideally this would be the entire current line.
No.
In Xcode 14, the headers of Swift code stick to the top of the code editor whilst you can continue scrolling, helping greatly with code navigation. There is an example of this feature here on Twitter. Something like this in CodeEdit would be very helpful.
Instead of sticky headers, a good code outline tool like in VSCode would work well too.
https://twitter.com/a_grebenyuk/status/1534359760308424711?s=21&t=Ok1RPHZ0s8iMU6Bf3HYJyA
Place the cursor in one corner and then hold Shift+Option while dragging to the opposite corner to select a column of text like so:
If I have a file that does not have enough lines to fill the height of my editor, I have empty space below my lines. If I made a selection and then clicked this empty area, I would expect for the selection to be cleared and that the cursor would be moved to the end of the file. Instead, it does nothing as shown...
We need verticals lines in the editor indicating indentation level along with the option to turn them on or off. By default it will be off.
The Language Server Protocol defines a cross-editor protocol to obtain rich language features from an external source. Adding support for this to CodeEdit would make it far simpler to port language extensions from other IDEs (especially VSCode), making everyone's life easier :p
This view represents your code in a smaller form. The VSCode documentation says in best...
A Minimap (code outline) gives you a high-level overview of your source code, which is useful for quick navigation and code understanding. A file's minimap is shown on the right side of the editor. You can click or drag the shaded area to quickly jump to different sections of your file.
Tip: You can move the minimap to the left hand side or disable it completely by respectively setting "editor.minimap.side": "left" or "editor.minimap.enabled": false in your user or workspace settings.
No response
It would be nice if CodeEdit support backlinks in markdown: when type [[, a small window hover and show all your markdown file's filename, you can select one of them to create backlink, after [[SOME_MD_FILENAME]] finished, the file SOME_MD_FILENAME.md would also create a backlink that mention the file that linked to it, which might be a snippet of markdown text:
## Backlinks
* [[Something that links here]]
* The block of text in the referencing note which contains the link to [[Sample note]].
* Another block in that same note which links to [[Sample note]].
* [[A different note that links here]]
* This is a paragraph from another note which links to [[Sample note]].This might be a little dirty to add to a code editor, as this feature is usually supported by Note APPs like Roam Research, Obsidian, Logseq, and Notion, etc. But it would be really cool for a native APP to support this as all these APPs are not macOS native (most of them based on Electron).
Using Note APPs that support backlink feature, like Roam Research, Obsidian, Logseq, and Notion.
Examples for backlinks:
When the cursor moves to a bracket, the matching bracket temporarily highlights to show the user the opposite bracket.
Cursor remains an arrow when hovering over editor.
Hover over the editor.
When hovering over editor, cursor should change to an I-beam to indicate editable text.
Put highlighted text in brackets.
Put into following:
''
""
()
[]
{}
Injected languages are important for languages like HTML which might embed CSS or JavaScript code blocks.
HTML implements CSS, JavaScriptJavaScript implements regex, jsdoc, HTML/ReactSome grammars that support injections have an additional injections.scm file in their queries folder.
An example is tree-sitter-html:
((script_element
(raw_text) @injection.content)
(#set! injection.language "javascript"))
((style_element
(raw_text) @injection.content)
(#set! injection.language "css"))
We need to figure out how to parse and load the associated injected languages in addition to the base language itself.
Pasted text will just appear black and small instead of formatted.
Should just be formatted like any other text.
CodeEdit: 1.0 (1)
macOS: 13.0 Beta (22A5311f)
Xcode: 14.1 (14B47b)
No response
When the user presses return to create a new line, we should auto-indent the new line for them.
The amount of indentation to give the new line will be based on the previous line's indentation, or if the previous line ends in a {, [, (, or <, increase the indent.
If there is a matching }, ], ), or >, we need to add it to a new line underneath the new line and indent it the same amount of indentation as the original line the user was on before they created the new line.
After opening a file highlighting doesn't start
After pressing enter (last line) it starts highlighting
Hello!
The maintainer of the Swift tree-sitter parser has just merged in SPM support. I'd like to remove my personal branch, but wanted to let you know first before I do that. Unlike some other parsers, the branch with-generated-files is still required.
https://github.com/alex-pinkus/tree-sitter-swift/tree/with-generated-files
When I tried to use CodeEditTetView on macOS, and only used to parse JSON, I found that it depends on many parsing libraries in other languages, is there a way to remove other libraries according to personal needs?
Because I only need methods related to json parsing.
Thanks!
Currently all tree-sitter parsers are fetched from source every time Swift Package Manager resolves dependencies. This can easily take a couple of minutes even with a good internet connection. This also applies to the CodeEdit repo.
Since Languages usually don't need to be updated very often, they could be bundled as pre-built *.xcframework binaries in an extra repository. This would also include the CodeLanguage class. By doing so the fetching occurs only from a single Swift Package which in turn hugely benefits package resolution.
Once there are additional languages or updates to existing ones, it's as simple as running a script to re-build the frameworks.
I know this sounds like a lot of overhead but I think in the long term this will pay off since waiting for packages to fetch/resolve on a daily basis definitely adds up.
I'm curious what you guys think about this!
When using a custom font, the editor appears to only apply that font to select areas when the file has syntax highlighting.
The same font should be used throughout the entire editor view, regardless of syntax highlighting.
CodeEdit: 1.0
Hash: (Commit) 095abfec2475ca053bb7783572e4ae9a38d514ea
MacOS: 13.0 beta 4 (22A5311f)
Xcode: 14.0 beta 4 (14A5284g)
This is an example screenshot demoing the behavior. I've set my font to Fira Code Retina (size 13). Notice that, here, the identifier "Foundation" uses the correct font, as well as the line gutter, whereas everything else doesn't.
A completionProvider interface is needed to allow extensions to add code completion suggestions.
When typing in a file (doesn't matter what the file extension is, so long as CodeEdit can syntax highlight it), the text changes from bold to non-bold, and/or the font size changes.
No response
One of the features that I love most about XCode specifically is the code folding ribbon to the side. You can fold a level of braces by clicking anywhere in the gradient level that you want.
Hover:
Clicked (folded code):
Here is a short recording of the whole process. There is a fancy animation that is not necessary, but it would be pretty cool to have!
n/a
For reference, here is a picture of the ribbon in both dark and light mode:
When dealing with deeply nested brackets in your code, it can be hard to figure out which brackets match and which do not. Bracket pair colorization fixes this by making pairs the same color to easily distinguish them.
https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization
If you change your font size, lines do not grow with the new size as expected. The lines only reflect the font size change when changing tabs or closing and reopening the file.
Problem:
Sometimes, you have multiple variables or a collection and you want to edit all occurrences at the same time.
Solution:
Other code editors like Atom and even Xcode have added multiple-cursor support to conveniently edit multiple places at once, this can save lots of time. We should add a similar feature here, too. Part of supporting multiple cursors, it's also important that this feature is accompanied by ways to create multiple cursors. I suggest the following two ways:
Cmd+D, in Xcode it's Cmd+Alt+E. I suggest that this comparison is case-sensitive.Alt key and either pressing manually into multiple places or by simply clicking the mouse and dragging it down to create multiple cursors at the same column on multiple lines.Alternatives considered:
Making the search with the shortcut case-insensitive (like Xcode does by default, it changes based on your last search settingS) makes this feature error prone when there's for example a class named String and 5 variables named string and I want to just edit the variables, I might accidentally also select the class.
Atom also supports a shortcut for finding all occurrences of the currently selected text in the file and create multiple cursors for all. This seems to be an extra feature that could be added later on. In the meantime, just holding the last key of the shortcut should select all entries within the same file relatively quickly as an alternative.
CodeEdit app isn't highlighting all lines of code. It's highlighting about 85% of lines displayed in the window. To fix this I need to scroll down all the file.(after scrolling all file the highlighting remains).
BUT: there is a scenario when scrolling doesn't help: if last few lines of file are not empty, then the'll not be highlighted. To fix this I need to add some empty lines at the end of file.
All the file is highlighted
CodeEdit: [e.g. 1.0 (1)]
macOS: [e.g. 13.1.0]
Xcode: [e.g. 14.2]
No response
The line number font does not align with Xcode.
Left: Xcode | Right: CodeEdit
The font needs to be sans-serif, narrower, with the color less prominent.
We need a system in place where we can annotate lines with different styles - Neutral, Info, Warning, Error, etc.
This has been implemented in CodeEditorView here (under Messages) and here. We may adopt a similar API.
Warning
Warning Expanded
Error
Multiple Errors
Multiple Errors Expanded
When user types a {, [, (, or <, we should append a matching }, ], ), or > right after the cursor position on the same line.
Current line needs to be highlighted and current line number is primary text color.
No.
In Xcode, one of the default keyboard shortcuts is ⌘⌫, which deletes to the start of the line. This is used across several text editors and should be implimented in CodeEdit. This allows the user to delete an entire line of code to the start instead of having to either select the line or keep holding the backspace key.
I think this is the simplest solution and has the standard shortcut, although the shortcut could be changed to accommodate CodeEdit's other features. I think that the only other options would be either continuing to hold the delete key or some sort of "delete" icon next to the line in the CodeEditTextView.
Here is a video in Xcode of what I am suggesting:
In this video, I use the ⌘⌫ shortcut to delete the entire line, which makes editing code much easier.
Users should be able to make a selection by holding down the Shift key and clicking anywhere in the document to highlight text from where the cursor was to where they just clicked.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.