Use with Snowpack

[jcuenod]

On an initial attempt to get this working with snowpack, I'm running into an issue resolving the mode:

Uncaught (in promise) TypeError: Failed to resolve module specifier 'codemirror/mode/jsx/jsx.js'

My code is minimal boilerplate:

import React from "react"
import CodeMirror from "@uiw/react-codemirror"
import "codemirror/keymap/sublime"
import "codemirror/theme/monokai.css"

const code = `const a = 0`

const App = () =>
	<div>
		<CodeMirror
			value={code}
			options={{
				theme: "monokai",
				keyMap: "sublime",
				mode: "jsx",
				lineNumbers: true,
			}}
		/>
	</div>

export default App

[jaywcjlove]

@jcuenod

Snowpack takes a different approach: Instead of bundling your entire application for this one requirement, Snowpack processes your dependencies separately. Here’s how it works:

node_modules/react/**/*     -> https://localhost:3000/web_modules/react.js
node_modules/react-dom/**/* -> https://localhost:3000/web_modules/react-dom.js
node_modules/codemirror/**/* -> https://localhost:3000/web_modules/codemirror.js 

react-codemirror/src/index.js

Line 43 in b8cd61e

await import(`codemirror/mode/${mode.mode}/${mode.mode}.js`);

Here we are dynamically loading mode js

[jcuenod]

Yes, so I'm wondering whether there's another way to load a mode (like whether I can supply a mode object or something).