markupeditor 0.9.23 → 0.9.25

package/config/toolbarconfig.json

@@ -79,7 +79,7 @@
         "append": null
     },
     "appearance": {
-        "accentColor": { "light": "AccentColor", "dark": "AccentColor" },
+        "accentColor": { "light": "#007AFF", "dark": "#409CFF" },
         "toolbarBg":   { "light": "rgba(250, 249, 246, 0.95)", "dark": "rgba(40, 40, 43, 0.9)" },
         "buttonBg":    { "light": "white", "dark": "black" },
         "borderColor": { "light": "lightgray", "dark": "gray" },

package/dist/markup-editor.js

@@ -14688,10 +14688,9 @@ function liftOutOfList(state, dispatch, range) {
     return true;
 }
 
-const pDOM = ["p", 0], 
-      blockquoteDOM = ["blockquote", 0], 
+const pDOM = ["p", 0],
+      blockquoteDOM = ["blockquote", 0],
       hrDOM = ["hr"],
-      preDOM = ["pre", ["code", 0]], 
       brDOM = ["br"];
 
 let baseNodes = OrderedMap.from({
@@ -14757,8 +14756,23 @@ let baseNodes = OrderedMap.from({
     group: "block",
     code: true,
     defining: true,
-    parseDOM: [{tag: "pre", preserveWhitespace: "full"}],
-    toDOM() { return preDOM }
+    attrs: {
+      language: {default: null}
+    },
+    parseDOM: [{
+      tag: "pre",
+      preserveWhitespace: "full",
+      getAttrs(dom) {
+        const className = dom.querySelector("code")?.getAttribute("class");
+        const languageClass = className?.split(/\s+/).find(cls => cls.startsWith("language-"));
+        const language = languageClass ? languageClass.slice("language-".length) : "";
+        return {language: language ? language : null}
+      }
+    }],
+    toDOM(node) {
+      const language = node.attrs.language;
+      return ["pre", language ? ["code", {class: `language-${language}`}, 0] : ["code", 0]]
+    }
   },
 
   // :: NodeSpec The text node.
@@ -19754,8 +19768,8 @@ var augmentation = {
 };
 var appearance = {
 	accentColor: {
-		light: "AccentColor",
-		dark: "AccentColor"
+		light: "#007AFF",
+		dark: "#409CFF"
 	},
 	toolbarBg: {
 		light: "rgba(250, 249, 246, 0.95)",
@@ -19904,8 +19918,8 @@ var toolbarConfig = {
  *     "prepend": null,          // Name of a registered array of cmdItems to prepend
  *     "append": null            // Name of a registered array of cmdItems to append
  *   },
- *   "appearance": {                                                                                    // AccentColor adapts to light and dark
- *     "accentColor": { "light": "AccentColor", "dark": "AccentColor" },                                // System accent color for button icons, infill, and borders
+ *   "appearance": {
+ *     "accentColor": { "light": "#007AFF", "dark": "#409CFF" },                                        // Accent color for button icons, infill, and borders
  *     "toolbarBg":   { "light": "rgba(250, 249, 246, 0.95)", "dark": "rgba(40, 40, 43, 0.9)" },        // Toolbar background
  *     "buttonBg":    { "light": "white", "dark": "black" },                                            // Button background
  *     "borderColor": { "light": "lightgray", "dark": "gray" },                                         // Border at bottom of toolbar, around menus

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "markupeditor",
-  "version": "0.9.23",
+  "version": "0.9.25",
   "description": "A web component and API for WYSIWYG HTML editing.",
   "keywords": [
     "wysiwyg",