@inkandswitch/patchwork-pkg-base 0.0.123 → 0.0.124

package/packages/codemirror-markdown/dist/extensions/markdown.js

@@ -1,16 +1,17 @@
 import {
   markdown,
   markdownLanguage
-} from "../chunk-4ZTKTN2T.js";
-import "../chunk-DQNB5ERJ.js";
-import "../chunk-4RNBFSBX.js";
-import "../chunk-6JHOS434.js";
+} from "../chunk-BK6BYU4X.js";
+import "../chunk-AOCXO46Z.js";
+import "../chunk-JCGWNVO7.js";
+import "../chunk-ZMDZRV6X.js";
 import {
   completionKeymap
 } from "../chunk-UQ2NFKSJ.js";
 import {
+  styleTags,
   tags
-} from "../chunk-IJCIGXUN.js";
+} from "../chunk-3U6A6M3C.js";
 
 // src/extensions/markdown.ts
 import { defaultKeymap, indentWithTab } from "@codemirror/commands";
@@ -22,7 +23,7 @@ function legacy(parser) {
   return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql(dialectName) {
-  return import("../dist-5FW47RX2.js").then((m) => m.sql({ dialect: m[dialectName] }));
+  return import("../dist-3WYN573Y.js").then((m) => m.sql({ dialect: m[dialectName] }));
 }
 var languages = [
   // New-style language modes
@@ -30,7 +31,7 @@ var languages = [
     name: "C",
     extensions: ["c", "h", "ino"],
     load() {
-      return import("../dist-PAVPWBMY.js").then((m) => m.cpp());
+      return import("../dist-66V2OZNR.js").then((m) => m.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -38,7 +39,7 @@ var languages = [
     alias: ["cpp"],
     extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
     load() {
-      return import("../dist-PAVPWBMY.js").then((m) => m.cpp());
+      return import("../dist-66V2OZNR.js").then((m) => m.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -53,14 +54,14 @@ var languages = [
     name: "CSS",
     extensions: ["css"],
     load() {
-      return import("../dist-ITGX4OZJ.js").then((m) => m.css());
+      return import("../dist-YK6XD4UJ.js").then((m) => m.css());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Go",
     extensions: ["go"],
     load() {
-      return import("../dist-6BZJTPMQ.js").then((m) => m.go());
+      return import("../dist-ITLHNFUL.js").then((m) => m.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -68,14 +69,14 @@ var languages = [
     alias: ["xhtml"],
     extensions: ["html", "htm", "handlebars", "hbs"],
     load() {
-      return import("../dist-XVLR6T5U.js").then((m) => m.html());
+      return import("../dist-4STDX7WZ.js").then((m) => m.html());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Java",
     extensions: ["java"],
     load() {
-      return import("../dist-TYTABVEN.js").then((m) => m.java());
+      return import("../dist-OU44YTSZ.js").then((m) => m.java());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -83,14 +84,14 @@ var languages = [
     alias: ["ecmascript", "js", "node"],
     extensions: ["js", "mjs", "cjs"],
     load() {
-      return import("../dist-YSRXNTXV.js").then((m) => m.javascript());
+      return import("../dist-KLLOFSEO.js").then((m) => m.javascript());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Jinja",
     extensions: ["j2", "jinja", "jinja2"],
     load() {
-      return import("../dist-B5G4LYVR.js").then((m) => m.jinja());
+      return import("../dist-EVYTVY4T.js").then((m) => m.jinja());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -98,28 +99,28 @@ var languages = [
     alias: ["json5"],
     extensions: ["json", "map"],
     load() {
-      return import("../dist-KBGGPCDW.js").then((m) => m.json());
+      return import("../dist-YNO26IAD.js").then((m) => m.json());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "JSX",
     extensions: ["jsx"],
     load() {
-      return import("../dist-YSRXNTXV.js").then((m) => m.javascript({ jsx: true }));
+      return import("../dist-KLLOFSEO.js").then((m) => m.javascript({ jsx: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "LESS",
     extensions: ["less"],
     load() {
-      return import("../dist-BYFOH52X.js").then((m) => m.less());
+      return import("../dist-VBHD2NRU.js").then((m) => m.less());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Liquid",
     extensions: ["liquid"],
     load() {
-      return import("../dist-D27NTZAI.js").then((m) => m.liquid());
+      return import("../dist-7EHN4UZA.js").then((m) => m.liquid());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -132,7 +133,7 @@ var languages = [
     name: "Markdown",
     extensions: ["md", "markdown", "mkd"],
     load() {
-      return import("../dist-HB4M34TX.js").then((m) => m.markdown());
+      return import("../dist-NFD5VVC6.js").then((m) => m.markdown());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -151,7 +152,7 @@ var languages = [
     name: "PHP",
     extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
     load() {
-      return import("../dist-TV5CSRQ2.js").then((m) => m.php());
+      return import("../dist-XL62MJER.js").then((m) => m.php());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -172,28 +173,28 @@ var languages = [
     extensions: ["BUILD", "bzl", "py", "pyw"],
     filename: /^(BUCK|BUILD)$/,
     load() {
-      return import("../dist-DX7TJIOI.js").then((m) => m.python());
+      return import("../dist-RUK5SWS5.js").then((m) => m.python());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Rust",
     extensions: ["rs"],
     load() {
-      return import("../dist-SFP5SWTJ.js").then((m) => m.rust());
+      return import("../dist-O6G7IUZY.js").then((m) => m.rust());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Sass",
     extensions: ["sass"],
     load() {
-      return import("../dist-6NY2CMU2.js").then((m) => m.sass({ indented: true }));
+      return import("../dist-LCUXA5AJ.js").then((m) => m.sass({ indented: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "SCSS",
     extensions: ["scss"],
     load() {
-      return import("../dist-6NY2CMU2.js").then((m) => m.sass());
+      return import("../dist-LCUXA5AJ.js").then((m) => m.sass());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -213,7 +214,7 @@ var languages = [
     name: "TSX",
     extensions: ["tsx"],
     load() {
-      return import("../dist-YSRXNTXV.js").then((m) => m.javascript({ jsx: true, typescript: true }));
+      return import("../dist-KLLOFSEO.js").then((m) => m.javascript({ jsx: true, typescript: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -221,14 +222,14 @@ var languages = [
     alias: ["ts"],
     extensions: ["ts", "mts", "cts"],
     load() {
-      return import("../dist-YSRXNTXV.js").then((m) => m.javascript({ typescript: true }));
+      return import("../dist-KLLOFSEO.js").then((m) => m.javascript({ typescript: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "WebAssembly",
     extensions: ["wat", "wast"],
     load() {
-      return import("../dist-XM4FBMZA.js").then((m) => m.wast());
+      return import("../dist-RCBHVDL7.js").then((m) => m.wast());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -236,7 +237,7 @@ var languages = [
     alias: ["rss", "wsdl", "xsd"],
     extensions: ["xml", "xsl", "xsd", "svg"],
     load() {
-      return import("../dist-4N6A6FHO.js").then((m) => m.xml());
+      return import("../dist-E72K6GKZ.js").then((m) => m.xml());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -244,7 +245,7 @@ var languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return import("../dist-EG4ZREHT.js").then((m) => m.yaml());
+      return import("../dist-E6QAN4VQ.js").then((m) => m.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -1033,13 +1034,13 @@ var languages = [
     name: "Vue",
     extensions: ["vue"],
     load() {
-      return import("../dist-VYHSBFVD.js").then((m) => m.vue());
+      return import("../dist-TFWDIHAP.js").then((m) => m.vue());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Angular Template",
     load() {
-      return import("../dist-STDOJSRA.js").then((m) => m.angular());
+      return import("../dist-D4E7IXYD.js").then((m) => m.angular());
     }
   })
 ];
@@ -2065,7 +2066,7 @@ var searchExtensions = [
 ];
 
 // src/extensions/markdown.ts
-import { EditorView as EditorView5, keymap as keymap2 } from "@codemirror/view";
+import { EditorView as EditorView6, keymap as keymap2 } from "@codemirror/view";
 
 // src/extensions/formatting.ts
 import { EditorSelection as EditorSelection2 } from "@codemirror/state";
@@ -2225,6 +2226,245 @@ var taskCheckboxes = ViewPlugin2.fromClass(
   { decorations: (v) => v.decorations }
 );
 
+// src/extensions/margin.ts
+import { syntaxTree as syntaxTree2 } from "@codemirror/language";
+import {
+  Decoration as Decoration3,
+  EditorView as EditorView3,
+  ViewPlugin as ViewPlugin3,
+  WidgetType as WidgetType2
+} from "@codemirror/view";
+var hangMark = Decoration3.mark({ class: "cm-md-hang" });
+var numberMark = Decoration3.mark({ class: "cm-md-hang cm-md-hang-number" });
+var quoteMark = Decoration3.mark({ class: "cm-md-hang cm-md-hang-quote" });
+var hidden = Decoration3.replace({});
+var taskMark = Decoration3.mark({ class: "cm-md-hang", inclusive: true });
+var HeadingLabel = class extends WidgetType2 {
+  constructor(level) {
+    super();
+    this.level = level;
+  }
+  eq(other) {
+    return other.level === this.level;
+  }
+  toDOM() {
+    const span = document.createElement("span");
+    span.className = "cm-md-hang cm-md-heading-label";
+    span.setAttribute("aria-hidden", "true");
+    const n = document.createElement("span");
+    n.className = "cm-md-heading-level";
+    n.textContent = String(this.level);
+    span.append("H", n);
+    return span;
+  }
+};
+var Bullet = class extends WidgetType2 {
+  eq() {
+    return true;
+  }
+  toDOM() {
+    const span = document.createElement("span");
+    span.className = "cm-md-hang";
+    const dot = document.createElement("span");
+    dot.className = "cm-bullet";
+    span.append(dot);
+    return span;
+  }
+};
+function caretLines(state) {
+  const lines = /* @__PURE__ */ new Set();
+  for (const r of state.selection.ranges) {
+    const first = state.doc.lineAt(r.from).number;
+    const last = state.doc.lineAt(r.to).number;
+    for (let n = first; n <= last; n++) lines.add(n);
+  }
+  return lines;
+}
+function skipSpaces(state, pos) {
+  const line = state.doc.lineAt(pos);
+  while (pos < line.to && state.doc.sliceString(pos, pos + 1) === " ") pos++;
+  return pos;
+}
+function build2(view) {
+  const { state } = view;
+  const { doc } = state;
+  const editing = caretLines(state);
+  const decos = [];
+  for (const { from, to } of view.visibleRanges) {
+    syntaxTree2(state).iterate({
+      from,
+      to,
+      enter: (node) => {
+        const name = node.name;
+        const heading = /^ATXHeading(\d)$/.exec(name);
+        if (heading) {
+          const mark = node.node.firstChild;
+          if (!mark || mark.name !== "HeaderMark" || mark.from !== node.from)
+            return;
+          const end = skipSpaces(state, mark.to);
+          if (editing.has(doc.lineAt(node.from).number)) {
+            decos.push(hangMark.range(mark.from, end));
+          } else {
+            decos.push(
+              Decoration3.replace({
+                widget: new HeadingLabel(Number(heading[1]))
+              }).range(mark.from, end)
+            );
+          }
+          return;
+        }
+        if (name === "ListMark") {
+          const end = skipSpaces(state, node.to);
+          const char = doc.sliceString(node.from, node.to);
+          const bullet = ["-", "+", "*"].includes(char);
+          const task = node.node.nextSibling?.firstChild;
+          const isTask = bullet && task?.name === "TaskMarker" && doc.sliceString(end, task.from).trim() === "";
+          if (isTask && task) {
+            if (end > node.from) decos.push(hidden.range(node.from, end));
+            decos.push(taskMark.range(task.from, skipSpaces(state, task.to)));
+            return;
+          }
+          if (bullet) {
+            decos.push(
+              Decoration3.replace({ widget: new Bullet() }).range(node.from, end)
+            );
+          } else {
+            decos.push(numberMark.range(node.from, end));
+          }
+          return;
+        }
+        if (name === "Blockquote") {
+          for (let p = node.node.parent; p; p = p.parent)
+            if (p.name === "Blockquote") return;
+          const first = doc.lineAt(node.from).number;
+          const last = doc.lineAt(node.to).number;
+          for (let n = first; n <= last; n++) {
+            const line = doc.line(n);
+            const classes = ["cm-md-quote"];
+            if (n === first) classes.push("cm-md-quote-first");
+            if (n === last) classes.push("cm-md-quote-last");
+            decos.push(
+              Decoration3.line({ class: classes.join(" ") }).range(line.from)
+            );
+          }
+          return;
+        }
+        if (name === "QuoteMark") {
+          const line = doc.lineAt(node.from);
+          const before = doc.sliceString(line.from, node.from);
+          if (before.trim() !== "") return;
+          let end = node.to;
+          for (; ; ) {
+            const next = skipSpaces(state, end);
+            if (doc.sliceString(next, next + 1) !== ">") break;
+            end = next + 1;
+          }
+          end = skipSpaces(state, end);
+          decos.push(
+            (editing.has(line.number) ? quoteMark : hidden).range(
+              line.from,
+              end
+            )
+          );
+        }
+      }
+    });
+  }
+  return Decoration3.set(decos, true);
+}
+var marginPlugin = ViewPlugin3.fromClass(
+  class {
+    decorations;
+    constructor(view) {
+      this.decorations = build2(view);
+    }
+    update(update) {
+      if (update.docChanged || update.selectionSet || update.viewportChanged || syntaxTree2(update.startState) !== syntaxTree2(update.state)) {
+        this.decorations = build2(update.view);
+      }
+    }
+  },
+  { decorations: (v) => v.decorations }
+);
+var zoomed = (length) => `calc(${length} * var(--markdown-zoom, 1))`;
+var marginTheme = EditorView3.baseTheme({
+  ".cm-content": {
+    "--markdown-hang": zoomed("2.5rem")
+  },
+  ".cm-md-hang": {
+    display: "inline-flex",
+    justifyContent: "flex-end",
+    alignItems: "baseline",
+    boxSizing: "border-box",
+    width: "var(--markdown-hang)",
+    marginLeft: "calc(-1 * var(--markdown-hang))",
+    paddingRight: zoomed("0.6rem"),
+    whiteSpace: "pre",
+    // a heading's raw `## ` shrinks to label size so it fits the margin.
+    fontSize: zoomed("0.8rem"),
+    color: "var(--text-editor-line-offset-40, #999)",
+    fontWeight: "normal",
+    fontStyle: "normal",
+    textDecoration: "none"
+  },
+  // highlight spans inside the box (a heading's `##`) keep their own size and
+  // margins otherwise, and as flex items those margins would push the line.
+  ".cm-md-hang *": {
+    fontSize: "inherit",
+    margin: "0"
+  },
+  ".cm-md-hang-number": {
+    fontSize: "inherit",
+    color: "inherit",
+    fontVariantNumeric: "tabular-nums"
+  },
+  ".cm-md-heading-label": {
+    fontFamily: "var(--markdown-body-family, inherit)",
+    letterSpacing: "0.02em"
+  },
+  ".cm-md-heading-level": {
+    fontSize: "0.75em",
+    verticalAlign: "-0.15em"
+  },
+  ".cm-md-hang .cm-bullet": {
+    display: "inline-block",
+    width: "0.4em",
+    height: "0.4em",
+    borderRadius: "50%",
+    background: "var(--syntax-list-marker, currentColor)",
+    color: "var(--text-editor-line)",
+    alignSelf: "center"
+  },
+  ".cm-md-hang .cm-task": {
+    margin: "0"
+  },
+  ".cm-md-quote": {
+    position: "relative"
+  },
+  ".cm-md-quote::before": {
+    content: '""',
+    position: "absolute",
+    // centred in the left half of the margin, clear of a hung `>`.
+    left: "calc(-0.5 * var(--markdown-hang))",
+    top: "0",
+    bottom: "0",
+    width: "3px",
+    background: "var(--syntax-quote-bar, var(--studio-link, currentColor))",
+    opacity: "0.6"
+  },
+  ".cm-md-quote-first::before": {
+    top: "0.2em",
+    borderTopLeftRadius: "3px",
+    borderTopRightRadius: "3px"
+  },
+  ".cm-md-quote-last::before": {
+    bottom: "0.2em",
+    borderBottomLeftRadius: "3px",
+    borderBottomRightRadius: "3px"
+  }
+});
+var margin = [marginPlugin, marginTheme];
+
 // src/extensions/zoom.ts
 import { Prec as Prec2 } from "@codemirror/state";
 import { keymap } from "@codemirror/view";
@@ -2233,10 +2473,10 @@ var FALLBACK_FONT_SIZE = 16;
 var px = (value) => parseFloat(value) || FALLBACK_FONT_SIZE;
 function baseSize(view) {
   const { style } = view.dom;
-  const zoomed2 = style.fontSize;
+  const zoomed3 = style.fontSize;
   style.fontSize = "";
   const base = px(getComputedStyle(view.dom).fontSize);
-  style.fontSize = zoomed2;
+  style.fontSize = zoomed3;
   return base;
 }
 function step(view, by) {
@@ -2268,20 +2508,10 @@ var markdownZoom = Prec2.high(
 );
 
 // src/themes/markdown.ts
-import {
-  HighlightStyle,
-  syntaxHighlighting,
-  syntaxTree as syntaxTree2
-} from "@codemirror/language";
-import { RangeSetBuilder as RangeSetBuilder3 } from "@codemirror/state";
-import {
-  Decoration as Decoration3,
-  EditorView as EditorView4,
-  ViewPlugin as ViewPlugin3,
-  WidgetType as WidgetType2
-} from "@codemirror/view";
+import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
+import { EditorView as EditorView5 } from "@codemirror/view";
 var bodyFont = (style) => style == "serif" ? 'var(--text-editor-family-serif, "Merriweather", serif)' : "var(--text-editor-family-sans)";
-var zoomed = (length) => `calc(${length} * var(--markdown-zoom, 1))`;
+var zoomed2 = (length) => `calc(${length} * var(--markdown-zoom, 1))`;
 var markdownStyles = (style) => ({
   "&": {},
   "&.cm-editor.cm-focused": {
@@ -2301,20 +2531,24 @@ var markdownStyles = (style) => ({
     background: "transparent"
   },
   ".cm-content": {
+    // for things outside the highlighter (the link widget) to match the text.
+    "--markdown-body-family": bodyFont(style),
     // Justified text makes it look more like the I&S web essay template,
     // but doesn't feel right for most documents.
     // textAlign: "justify",
     textWrap: "pretty",
     fontFamily: bodyFont(style),
-    lineHeight: zoomed("1.5rem"),
+    lineHeight: zoomed2("1.5rem"),
     color: "var(--text-editor-line)",
     caretColor: "var(--text-editor-cursor-fill)",
     background: "var(--text-editor-fill)",
-    marginBlock: zoomed("2rem"),
+    marginBlock: zoomed2("2rem"),
     marginInline: "auto",
     // lol i guess this is the same as box-sizing: content-box
-    maxWidth: `calc(var(--max-text-line-width, 100ex) - ${zoomed("2rem")})`,
-    padding: zoomed("2rem"),
+    maxWidth: `calc(var(--max-text-line-width, 100ex) - ${zoomed2("2rem")})`,
+    padding: zoomed2("2rem"),
+    // room for the markers hung in the margin (extensions/margin.ts).
+    paddingLeft: `calc(${zoomed2("2rem")} + var(--markdown-hang, 0px))`,
     boxShadow: "none",
     marginBottom: "8em",
     borderRadius: "8px"
@@ -2322,20 +2556,6 @@ var markdownStyles = (style) => ({
   ".cm-content li": {
     marginBottom: 0
   },
-  ".cm-bullet": {
-    display: "inline-block",
-    width: "1ch"
-  },
-  ".cm-bullet::before": {
-    content: '""',
-    display: "inline-block",
-    width: "0.4em",
-    height: "0.4em",
-    borderRadius: "50%",
-    background: "currentColor",
-    color: "var(--text-editor-line)",
-    verticalAlign: "0.15em"
-  },
   ".cm-task": {
     margin: "0 0.1em",
     verticalAlign: "-0.1em",
@@ -2351,7 +2571,7 @@ var markdownStyles = (style) => ({
     backgroundColor: "inherit"
   },
   ".frontmatter, .frontmatter *": {
-    fontSize: zoomed("14px"),
+    fontSize: zoomed2("14px"),
     fontFamily: "var(--text-editor-family-code)",
     color: "var(--syntax-comment, #666)",
     textDecoration: "none",
@@ -2380,9 +2600,6 @@ var markdownStyles = (style) => ({
   },
   ".cm-folded-range": {
     background: "var(--text-editor-fill)"
-  },
-  ".codeblock": {
-    background: "orange"
   }
 });
 var baseHeadingStyles = {
@@ -2395,7 +2612,12 @@ var baseCodeStyles = {
   fontSize: "1em"
 };
 var markdownSyntaxHighlighting = (style) => HighlightStyle.define([
-  // this is how you ensure that codeblocks are still monospace
+  // this is how you ensure that codeblocks are still monospace.
+  // a node's own class *replaces* its parent's in the highlighter, so text
+  // inside **bold**, *italic* and ~~struck~~ loses this one and falls back to
+  // `.cm-content`, which the patchwork theme sets to the code font. those
+  // rules set the body font again; inline code inside them still wins,
+  // being later in this list.
   {
     tag: tags.content,
     fontFamily: bodyFont(style)
@@ -2403,33 +2625,33 @@ var markdownSyntaxHighlighting = (style) => HighlightStyle.define([
   {
     tag: tags.heading1,
     ...baseHeadingStyles,
-    fontSize: `var(--studio-heading-size-1, ${zoomed("1.5rem")})`,
-    lineHeight: zoomed("2rem"),
-    marginBottom: zoomed("1rem"),
-    marginTop: zoomed("2rem")
+    fontSize: `var(--studio-heading-size-1, ${zoomed2("1.5rem")})`,
+    lineHeight: zoomed2("2rem"),
+    marginBottom: zoomed2("1rem"),
+    marginTop: zoomed2("2rem")
   },
   {
     tag: tags.heading2,
     ...baseHeadingStyles,
-    fontSize: `var(--studio-heading-size-2, ${zoomed("1.5rem")})`,
-    lineHeight: zoomed("2rem"),
-    marginBottom: zoomed("1rem"),
-    marginTop: zoomed("2rem")
+    fontSize: `var(--studio-heading-size-2, ${zoomed2("1.5rem")})`,
+    lineHeight: zoomed2("2rem"),
+    marginBottom: zoomed2("1rem"),
+    marginTop: zoomed2("2rem")
   },
   {
     tag: tags.heading3,
     ...baseHeadingStyles,
-    fontSize: `var(--studio-heading-size-3, ${zoomed("1.25rem")})`,
-    lineHeight: zoomed("1.75rem"),
-    marginBottom: zoomed("1rem"),
-    marginTop: zoomed("2rem")
+    fontSize: `var(--studio-heading-size-3, ${zoomed2("1.25rem")})`,
+    lineHeight: zoomed2("1.75rem"),
+    marginBottom: zoomed2("1rem"),
+    marginTop: zoomed2("2rem")
   },
   {
     tag: tags.heading4,
     ...baseHeadingStyles,
-    fontSize: `var(--studio-heading-size-4, ${zoomed("1.1rem")})`,
-    marginBottom: zoomed("1rem"),
-    marginTop: zoomed("2rem")
+    fontSize: `var(--studio-heading-size-4, ${zoomed2("1.1rem")})`,
+    marginBottom: zoomed2("1rem"),
+    marginTop: zoomed2("2rem")
   },
   {
     tag: tags.processingInstruction,
@@ -2443,14 +2665,17 @@ var markdownSyntaxHighlighting = (style) => HighlightStyle.define([
   { tag: tags.quote, fontStyle: "var(--syntax-style-quote, italic)" },
   {
     tag: tags.strong,
+    fontFamily: bodyFont(style),
     fontWeight: "var(--syntax-weight-strong, bold)"
   },
   {
     tag: tags.emphasis,
+    fontFamily: bodyFont(style),
     fontStyle: "var(--syntax-style-emphasis, italic)"
   },
   {
     tag: tags.strikethrough,
+    fontFamily: bodyFont(style),
     textDecoration: "line-through"
   },
   {
@@ -2499,81 +2724,9 @@ var markdownSyntaxHighlighting = (style) => HighlightStyle.define([
   { tag: tags.monospace, ...baseCodeStyles }
 ]);
 var theme = (style) => [
-  EditorView4.theme(markdownStyles(style)),
-  syntaxHighlighting(markdownSyntaxHighlighting(style)),
-  bullets,
-  codeblocks
+  EditorView5.theme(markdownStyles(style)),
+  syntaxHighlighting(markdownSyntaxHighlighting(style))
 ];
-var bullets = ViewPlugin3.fromClass(
-  class {
-    decorations;
-    view;
-    constructor(view) {
-      this.view = view;
-      this.decorations = this.build();
-    }
-    update(update) {
-      if (update.docChanged || update.viewportChanged) {
-        this.decorations = this.build();
-      }
-    }
-    build() {
-      const builder = new RangeSetBuilder3();
-      const doc = this.view.state.doc;
-      syntaxTree2(this.view.state).iterate({
-        enter: ({ type, from }) => {
-          if (type.name === "ListMark") {
-            const char = doc.sliceString(from, from + 1);
-            if (["-", "+", "*"].includes(char)) {
-              builder.add(
-                from,
-                from + 1,
-                Decoration3.replace({ widget: new BulletWidget() })
-              );
-            }
-          }
-        }
-      });
-      return builder.finish();
-    }
-  },
-  {
-    decorations: (v) => v.decorations
-  }
-);
-var BulletWidget = class extends WidgetType2 {
-  toDOM() {
-    const span = document.createElement("span");
-    span.className = "cm-bullet";
-    return span;
-  }
-};
-var codeblocks = ViewPlugin3.fromClass(
-  class BlockquotePlugin {
-    decorations = Decoration3.none;
-    constructor(view) {
-      this.buildDeco(view);
-    }
-    update(update) {
-      this.buildDeco(update.view);
-    }
-    buildDeco(view) {
-      const builder = new RangeSetBuilder3();
-      view.viewportLineBlocks.forEach((line) => {
-        const lineObj = view.state.doc.lineAt(line.from);
-        const match = /^>.*/g.exec(lineObj.text);
-        if (match && match[0]) {
-          builder.add(
-            line.from,
-            line.from,
-            Decoration3.line({ class: "codeblock" })
-          );
-        }
-      });
-      this.decorations = builder.finish();
-    }
-  }
-);
 
 // src/extensions/markdown.ts
 function markdownExtensions() {
@@ -2589,14 +2742,28 @@ function markdownExtensions() {
       ...completionKeymap,
       indentWithTab
     ]),
-    EditorView5.lineWrapping,
+    EditorView6.lineWrapping,
     // GFM base: task lists, tables, strikethrough, autolinks.
-    markdown({ base: markdownLanguage, codeLanguages: languages }),
+    markdown({
+      base: markdownLanguage,
+      codeLanguages: languages,
+      extensions: [bareUrls]
+    }),
     taskCheckboxes,
+    margin,
     indentUnit.of("    ")
   ];
 }
+var bareUrls = {
+  props: [
+    styleTags({
+      URL: tags.link,
+      "Link/URL Image/URL Autolink/URL LinkReference/URL": tags.url
+    })
+  ]
+};
 export {
+  bareUrls,
   markdownExtensions
 };
 //# sourceMappingURL=markdown.js.map