Add CodeMirror 6 field

.github/workflows/is-dist-up-to-date.yml

@@ -12,9 +12,9 @@ jobs:
   Verify:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - name: install
         run: npm ci || npm install
       - run: npm run ${{ env.SCRIPT_NAME }}
-      - name: verify that distribution/index.js is up to date
+      - name: verify that built files are up to date
         run: git diff --exit-code

style.css

@@ -92,6 +92,7 @@ textarea,
 	border: solid 3px silver;
 	border-radius: 4px;
 	min-height: 100px;
+	background: white;
 }
 field textarea {
 	font: inherit;

test/index.md

@@ -5,7 +5,6 @@ title: Testing GhostText 👻
 
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.min.css" />
 <style>
-
 	#monaco-field,
 	.CodeMirror {
 		height: 120px;
@@ -42,12 +41,33 @@ title: Testing GhostText 👻
 
 <div contenteditable class="field">This is a <em>contenteditable</em> div</div>
 
-## CodeMirror
+## CodeMirror 6
+
+<div id="codemirror-6-field" class="field"></div>
+
+<script type="importmap">
+	{
+		"imports": {
+			"codemirror/": "https://deno.land/x/[email protected]/esm/"
+		}
+	}
+</script>
+<script async type="module">
+	import { basicSetup, EditorView } from "https://deno.land/x/[email protected]/esm/codemirror/dist/index.js"
+
+	new EditorView({
+		doc: "This is a CodeMirror 6 field\n\n\n\n\n",
+		extensions: [basicSetup],
+		parent: document.querySelector('#codemirror-6-field'),
+	})
+</script>
+
+## CodeMirror 5
 
 <!-- prettier-ignore-start -->
 
 <textarea id="codemirror-field" class="field">
-This is a CodeMirror field
+This is a CodeMirror 5 field
 
 
 

vercel.json

@@ -0,0 +1,5 @@
+{
+	"github": {
+		"silent": true
+	}
+}