diff --git a/features/codeedit.mdx b/features/codeedit.mdx new file mode 100644 index 0000000..b04e8f8 --- /dev/null +++ b/features/codeedit.mdx @@ -0,0 +1,30 @@ +--- +title: 'Codeedit' +description: 'Edit files inline and quickly using a rich native UI' +icon: 'code' +--- + + + +Codeedit is built using [Monaco](https://microsoft.github.io/monaco-editor/) (the editor that powers VS Code) and allows you to view and edit files inline using a rich, native UI. It brings to your terminal an unparalleled editing experience with features such as syntax highlighting, code folding, code completion, find and replace, and much more. + +### Using Codeedit +``` +Usage: +codeedit [filename] +/codeedit [filename] + +[lang=javascript] codeedit [filename] +[lang=json] codeedit hello.json +``` +Both with and without the slash are allowed. Filename resolves against the current remote and current working directory. + +### Shortcuts +Below is a list of the currently available keyboard shortcuts for Codeedit. We are committed to enhancing Codeedit's capabilities and will update this list as new functionalities become available. Please revisit this page for the latest updates. +- `Cmd-S` - Saves current file +- `Cmd-D` - Closes the editor. Note, users will be prompted with whether or not they'd like to save before closing. +- `Cmd-F` - Search the current file for a string using _whole word_, _regex_ and _match case_ options. `Cmd-F` also supports _find and replace_ by simply clicking the green dropdown arrow in the find box. + +**Note:** Codeedit also includes a live preview feature for Markdown files. To activate, open a Markdown file in Codeedit and click the `show preview` button located in the top right corner. This feature enables simultaneous editing and rendering, offering a side-by-side view of your Markdown source and its live output for efficient and immediate feedback. + +**Note:** See [codeview](#codeview) to view files in a _view only_ mode using the same native UI. diff --git a/images/codeedit.gif b/images/codeedit.gif new file mode 100644 index 0000000..aec2ab8 Binary files /dev/null and b/images/codeedit.gif differ diff --git a/mint.json b/mint.json index c00426c..40babb1 100644 --- a/mint.json +++ b/mint.json @@ -57,12 +57,12 @@ { "group":"Features", "pages":[ - "features/appearance", - "features/connections", + "features/chatGPT", + "features/codeedit", "features/history", "features/images", - "features/markdown", - "features/chatGPT", + "features/connections", + "features/appearance", "features/sshconfig-imports" ] }, diff --git a/reference/slashcommands.mdx b/reference/slashcommands.mdx index a949a8d..ede0032 100644 --- a/reference/slashcommands.mdx +++ b/reference/slashcommands.mdx @@ -78,7 +78,7 @@ Shortcuts: - `Cmd-D` - Closes the editor. Note, this will prevent future saves (and shrink the editor to fit the current size of the content). - `Cmd-F` - Search the current file for a string using _whole word_, _regex_ and _match case_ options. `Cmd-F` also supports _find and replace_ by simply clicking the green dropdown arrow in the find box. -**Note:** A live preview of Markdown files can also be found in codeedit by clicking the `show preview` button in the top right of the editor. This allows you to edit and render Markdown content in real-time, displaying the output adjacent to the code editor for convenient and immediate visual feedback. +**Note:** Codeedit also includes a live preview feature for Markdown files. To activate, open a Markdown file in Codeedit and click the `show preview` button located in the top right corner. This feature enables simultaneous editing and rendering, offering a side-by-side view of your Markdown source and its live output for efficient and immediate feedback. **Note:** See [codeview](#codeview) to view files in a _view only_ mode using the same native UI. @@ -357,7 +357,7 @@ Options: - `name` - set the name of the screen in the tab bar - `tabcolor` - set the color of the tab -- `tabicon` - set the icon of the tab (See [fontawesome](https://fontawesome.com/search?o=r&s=solid&f=sharp) for a full list of supported icons. Note that we use the "Sharp" and "Solid" set of icons.) +- `tabicon` - set the icon of the tab. See [fontawesome](https://fontawesome.com/search?o=r&s=solid&f=sharp) for a full list of supported icons. Note that we use the "Sharp" and "Solid" set of icons. - `anchor` - sets the current scroll anchor position (used by client) - `focus` - sets the focus type for the screen (used by client) (Options: `input` or `cmd`) - `line` - sets the currently selected line