@threadlabs/looma 0.28.18 → 0.28.19

package/editor/chunks/extensions.js

@@ -311,10 +311,13 @@ function parseLoomaFenceInfo(info) {
 }
 var MAPPING_KEY = /^(?:[^\s#:'"\-?,[\]{}&*!|>%@`][^:\n]*?|"[^"\n]*"|'[^'\n]*')[ \t]*:(?:[ \t]|$)/;
 var NOTATION = /[ \t]*(?:\/\/|#|--|<!--|\{?\/\*)[ \t]*\[!code highlight(?::(\d+))?\][ \t]*(?:-->|\*\/\}?)?[ \t]*$/;
+var ESCAPED_NOTATION = /\[\\(\\*!code highlight)/g;
 /**
 * Applies code notation: a line ending in a `[!code highlight]` comment is highlighted and loses
 * the comment, `[!code highlight:3]` covers three lines, and a marker alone on its line is removed
-* with the line and applies to the lines after it.
+* with the line and applies to the lines after it. A backslash between `[` and `!` escapes a
+* marker, `[\!code highlight]`, which then shows as text with one backslash fewer and highlights
+* nothing.
 * @contract Returns the code a reader sees and its highlighted line numbers, from 1, ascending.
 * ponytail: matched on source lines, so a string that ends in the marker counts too.
 */
@@ -333,7 +336,7 @@ function applyLoomaCodeNotation(code) {
 		for (let count = 0; count < Number(match[1] ?? 1); count++) lines.add(kept.length + (own ? 0 : 1) + count);
 	}
 	return {
-		code: kept.join("\n"),
+		code: kept.join("\n").replace(ESCAPED_NOTATION, "[$1"),
 		lines: [...lines].sort((a, b) => a - b)
 	};
 }

package/markdown/fixtures.js

@@ -25,6 +25,8 @@ var files = /* #__PURE__ */ Object.assign({
 	"../../markdown-fixtures/code-blocks/long-fence.md": "````md\n```ts\nconst a = 1;\n```\n````\n",
 	"../../markdown-fixtures/code-meta/notation-alone.html": "<pre><code class=\"language-ts\">const host = &quot;localhost&quot;;\nconst port = 8080;</code></pre>\n",
 	"../../markdown-fixtures/code-meta/notation-alone.md": "```ts\n// [!code highlight:2]\nconst host = \"localhost\";\nconst port = 8080;\n```\n",
+	"../../markdown-fixtures/code-meta/notation-escaped.html": "<pre><code class=\"language-md\">const port = 8080; // [!code highlight]\nconst host = &quot;localhost&quot;; // [\\!code highlight:2]</code></pre>\n",
+	"../../markdown-fixtures/code-meta/notation-escaped.md": "```md\nconst port = 8080; // [\\!code highlight]\nconst host = \"localhost\"; // [\\\\!code highlight:2]\n```\n",
 	"../../markdown-fixtures/code-meta/notation.html": "<pre><code class=\"language-ts\">const port = 8080;</code></pre>\n",
 	"../../markdown-fixtures/code-meta/notation.md": "```ts\nconst port = 8080; // [!code highlight]\n```\n",
 	"../../markdown-fixtures/code-meta/title-lines.html": "<pre><code class=\"language-ts\" data-meta=\"title=&quot;config.ts&quot; {1,3-4} :line-numbers\">export default {\n  name: &quot;docs&quot;,\n  base: &quot;/docs/&quot;,\n};</code></pre>\n",

package/markdown/index.d.ts

@@ -95,7 +95,9 @@ export declare function parseLoomaFenceInfo(info: string): LoomaFenceInfo;
 /**
  * Applies code notation: a line ending in a `[!code highlight]` comment is highlighted and loses
  * the comment, `[!code highlight:3]` covers three lines, and a marker alone on its line is removed
- * with the line and applies to the lines after it.
+ * with the line and applies to the lines after it. A backslash between `[` and `!` escapes a
+ * marker, `[\!code highlight]`, which then shows as text with one backslash fewer and highlights
+ * nothing.
  * @contract Returns the code a reader sees and its highlighted line numbers, from 1, ascending.
  * ponytail: matched on source lines, so a string that ends in the marker counts too.
  */

package/markdown/index.js

@@ -206,10 +206,13 @@ function parseLoomaFenceInfo(info) {
 }
 var MAPPING_KEY = /^(?:[^\s#:'"\-?,[\]{}&*!|>%@`][^:\n]*?|"[^"\n]*"|'[^'\n]*')[ \t]*:(?:[ \t]|$)/;
 var NOTATION = /[ \t]*(?:\/\/|#|--|<!--|\{?\/\*)[ \t]*\[!code highlight(?::(\d+))?\][ \t]*(?:-->|\*\/\}?)?[ \t]*$/;
+var ESCAPED_NOTATION = /\[\\(\\*!code highlight)/g;
 /**
 * Applies code notation: a line ending in a `[!code highlight]` comment is highlighted and loses
 * the comment, `[!code highlight:3]` covers three lines, and a marker alone on its line is removed
-* with the line and applies to the lines after it.
+* with the line and applies to the lines after it. A backslash between `[` and `!` escapes a
+* marker, `[\!code highlight]`, which then shows as text with one backslash fewer and highlights
+* nothing.
 * @contract Returns the code a reader sees and its highlighted line numbers, from 1, ascending.
 * ponytail: matched on source lines, so a string that ends in the marker counts too.
 */
@@ -228,7 +231,7 @@ function applyLoomaCodeNotation(code) {
 		for (let count = 0; count < Number(match[1] ?? 1); count++) lines.add(kept.length + (own ? 0 : 1) + count);
 	}
 	return {
-		code: kept.join("\n"),
+		code: kept.join("\n").replace(ESCAPED_NOTATION, "[$1"),
 		lines: [...lines].sort((a, b) => a - b)
 	};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.28.18",
+  "version": "0.28.19",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",