pictarine/codemirror-swiftui

CodeMirror-SwiftUI is a lightweight wrapper of CodeMirror for macOS and iOS packaged for SwiftUI.

CodeMirror-SwiftUI

CodeMirror-SwiftUI is a lightweight wrapper of CodeMirror for macOS and iOS packaged for SwiftUI.

This package is a fork from CodeMirror-Swift

Features

• 🍭 Lightweight CodeMirror wrapper (build 5.59.4)
• ✅ 100% Native Swift 5 and modern WKWebView
• 👑 Support iOS & macOS
• 🎧 Built-in addons
• 📕 100+ built-in themes and syntax highlight modes
• ⚡️ Ready to go

Requirements

• Xcode 12
• Swift 5.3

Integration

CodeMirror-SwiftUI is available via Swift Package Manager

Using Xcode 12, go to File -> Swift Packages -> Add Package Dependency and enter https://github.com/Pictarine/CodeMirror-SwiftUI

Usage

CodeMirror gives you access to a new view called CodeView. It can be integrated within your view body like this :

CodeView(theme: themes[selectedTheme],
         code: $codeBlock,
         mode: codeMode,
         fontSize: fontSize,
         showInvisibleCharacters: showInvisibleCharacters,
         lineWrapping: lineWrapping)
.onLoadSuccess {
  print("Loaded")
}
.onContentChange { newCodeBlock in
  print("Content Change")
}
.onLoadFail { error in
  print("Load failed : \(error.localizedDescription)")
}

Details

Code Editor Features

• CodeMirror v5.59.4
• Better find and replace dialog integration
• Autocompletion hints (ctrl+space)
• Reindent (ctrl+i)
• Auto close tags and brackets

Parameters

CodeView has multiple params:

Parameter name	Optional	Type	Default
code	false	Binding
mode	false	Mode
theme	true	CodeViewTheme	.materialPalenight
fontSize	true	Int	12 (px)
showInvisibleCharacters	true	Bool	true
lineWrapping	true	Bool	true

Modifiers

CodeView comes with three modifiers

onLoadSuccess { ... }

onLoadFail { ... }

onContentChange { ... }

Demo

• macOS Demo and iOS Demo are available

• Snip, a snippet manager for macOS is also using CodeMirror-SwiftUI

License

CodeMirror-SwiftUI is available under the MIT license. See the LICENSE file for more info.

codemirror-swiftui's Issues

Disable User Interactions

Is there any way I can disable user interactions. I just need to show code not to edit it.

Thank you.

Dark theme and light theme

It would be cool to set two different themes, one for dark mode and one for light mode.

Missing Modes

I need toml badly, but I can not found toml mode.
There is the resource but it seems you did not implement it.

Remove dots

How to remove these dots?

Programmatic scrolling

Is there a way to do programmatic scrolling so that I can automatically go to a certain line number or character offset?