CodeMirror-Swift is a lightweight wrapper of CodeMirror for macOS and iOS

Hi,

Any idea how to package this view into a Representable for SwiftUI?

Here's what I tried

import Foundation
import SwiftUI


struct CodeView: NSViewRepresentable {
  
  func makeNSView(context: Context) -> CodeMirrorWebView {
    let codeMirrorView = CodeMirrorWebView()
    codeMirrorView.translatesAutoresizingMaskIntoConstraints = false
    return codeMirrorView
  }
  
  func updateNSView(_ codeMirrorView: CodeMirrorWebView, context: Context) {
    let url = Bundle.main.url(forResource: "data", withExtension: "json")!
    let content = try! String(contentsOf: url)
    codeMirrorView.setMimeType("application/json")
    codeMirrorView.setContent(content)
  }
}

Hi,

When a String contains certain characters, setContent() doesn't work.

To test :

"#Title\n``` test ```"

or

"FROM spritsail/alpine-cmake\n\nWORKDIR /home\n\n# Global env\nRUN apk update \\\n apk upgrade \\\n apk add git tmux build-base curl bash\n\n\n# Dpkg\nRUN apk add dpkg pkgconfig\nRUN ls -a /var/lib/dpkg\nRUN touch /var/lib/dpkg/status\n\nRUN apk add --update --no-cache --repository http://dl-3.alpinelinux.org/alpine/edge/community --repository http://dl-3.alpinelinux.org/alpine/edge/main\n\nRUN apk add --update alpine-sdk\n\nRUN apk add glib libxml2 \\\n libxslt fftw \\\n gettext gtk+2.0 \\\n python lcms \\\n imagemagick-dev openexr \\\n libwebp orc tiff poppler-glib librsvg libgsf\n\nRUN apk add --virtual vips-dependencies build-base \\\n zlib-dev libxml2-dev glib-dev gobject-introspection-dev \\\n libjpeg-turbo-dev libexif-dev lcms2-dev fftw-dev giflib-dev libpng-dev \\\n libwebp-dev orc-dev tiff-dev poppler-dev librsvg-dev libgsf-dev openexr-dev \\\n py-gobject3-dev flex bison\n\n\n# VIPS\nRUN \\\n mkdir vips &&\\\n pwd &&\\\n ls -a &&\\\n cd vips &&\\\n wget -c https://github.com/jcupitt/libvips/releases/download/v8.5.9/vips-8.5.9.tar.gz &&\\\n tar xzvf vips-8.5.9.tar.gz &&\\\n cd /home/vips/vips-8.5.9 &&\\\n dpkg --configure -a &&\\\n ./configure &&\\\n make &&\\\n make install\n\n\n# PATH\nENV PATH \"${PATH}:/usr/local/lib/\"\n\n\n# FFMEG\nRUN apk add g++ ffmpeg ffmpeg-dev ffmpeg-libs\n\n\n# Tifig\nRUN \\\n cd /home/ &&\\\n git clone --recursive https://github.com/monostream/tifig.git &&\\\n mkdir tifig/build && cd tifig/build &&\\\n cmake .. &&\\\n make\n\nRUN cp /home/tifig/build/tifig /usr/local/bin/tifig\n\n\n\n"

Result :

Changelog

• Update CodeMirror Bundle with Proxyman 3.5.2

New features

• Toggle Search Bar
• Auto-complete for HTTP Message, Headers
• Better data serialization (Don't need to serialize to Hex code anymore)
• Better font size

Add SPM support so you no longer have to drag and drop Bundle manually.

I decided not to add SwiftUI package since there is already a fork out there that does it.