Merge pull request #66 from githubnext/aw/markdown-edit-block

init markdown-edit-block

Author: Amelia Wattenberger

blocks.config.json

@@ -120,11 +120,21 @@
   {
     "type": "file",
     "id": "markdown-block",
-    "title": "Markdown",
-    "description": "View markdown files. You can also view live repo info, using Issues, Releases, and Commits custom components, as well as live code examples with CodeSandbox.",
-    "sandbox": true,
-    "entry": "blocks/file-blocks/live-markdown/index.tsx",
-    "matches": ["*.md", "*.mdx"],
+    "title": "Markdown block",
+    "description": "View and edit Markdown content",
+    "sandbox": false,
+    "entry": "blocks/file-blocks/markdown-edit/index.tsx",
+    "matches": ["*"],
+    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/README.md"
+  },
+  {
+    "type": "file",
+    "id": "sandbox-block",
+    "title": "JS Sandbox block",
+    "description": "Execute Javascript code",
+    "sandbox": false,
+    "entry": "blocks/file-blocks/sandbox/index.tsx",
+    "matches": ["*"],
     "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/README.md"
   },
   {

blocks/file-blocks/code/theme.tsx

@@ -18,7 +18,7 @@ export const oneDarkTheme = EditorView.theme(
 
     ".cm-cursor, .cm-dropCursor": { borderLeftColor: colors.cursor },
     "&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection":
-      { backgroundColor: colors.bg },
+      { backgroundColor: colors.selectionBg },
 
     ".cm-panels": { backgroundColor: colors.linesBg, color: colors.text },
     ".cm-panels.cm-panels-top": {