@sveltia/ui 0.41.2 → 0.41.3

package/dist/components/text-editor/constants.d.ts

@@ -52,6 +52,15 @@ export const NODE_MAP: Record<Exclude<TextEditorBlockType | "link", "paragraph">
  * @type {Record<Exclude<TextEditorNodeType, 'paragraph'>, Transformer[]>}
  */
 export const TRANSFORMER_MAP: Record<Exclude<TextEditorNodeType, "paragraph">, Transformer[]>;
+/**
+ * List of Markdown tags that should be disabled in the editor when converting Lexical nodes to
+ * Markdown (but not when converting Markdown to Lexical nodes because we don’t want to lose any
+ * formatting). Use underscore for italic text in Markdown instead of asterisks, and use double
+ * asterisks for bold text in Markdown instead of underscores. Also, disable triple asterisks and
+ * triple underscores for bold+italic text in Markdown, which can be confusing and is not commonly
+ * used. This is to ensure that the Markdown output is more readable and consistent.
+ */
+export const DISABLED_MARKDOWN_TAGS: string[];
 import type { EditorThemeClasses } from 'lexical';
 import type { TextEditorFormatType } from '../../typedefs';
 import type { TextEditorInlineType } from '../../typedefs';

package/dist/components/text-editor/constants.js

@@ -5,9 +5,11 @@ import {
   BOLD_ITALIC_STAR,
   BOLD_ITALIC_UNDERSCORE,
   BOLD_STAR,
+  BOLD_UNDERSCORE,
   CODE,
   HEADING,
   INLINE_CODE,
+  ITALIC_STAR,
   ITALIC_UNDERSCORE,
   LINK,
   ORDERED_LIST,
@@ -241,9 +243,31 @@ export const TRANSFORMER_MAP = {
   'code-block': [CODE],
   // TEXT_FORMAT_TRANSFORMERS
   code: [INLINE_CODE],
-  bold: [BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, BOLD_STAR], // Exclude BOLD_UNDERSCORE
-  italic: [BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, ITALIC_UNDERSCORE], // Exclude ITALIC_STAR
+  bold: [
+    BOLD_STAR,
+    // Disabled for Markdown output in `DISABLED_MARKDOWN_TAGS` below
+    BOLD_UNDERSCORE,
+    BOLD_ITALIC_STAR,
+    BOLD_ITALIC_UNDERSCORE,
+  ],
+  italic: [
+    ITALIC_UNDERSCORE,
+    // Disabled for Markdown output in `DISABLED_MARKDOWN_TAGS` below
+    ITALIC_STAR,
+    BOLD_ITALIC_STAR,
+    BOLD_ITALIC_UNDERSCORE,
+  ],
   strikethrough: [STRIKETHROUGH],
   // TEXT_MATCH_TRANSFORMERS
   link: [LINK],
 };
+
+/**
+ * List of Markdown tags that should be disabled in the editor when converting Lexical nodes to
+ * Markdown (but not when converting Markdown to Lexical nodes because we don’t want to lose any
+ * formatting). Use underscore for italic text in Markdown instead of asterisks, and use double
+ * asterisks for bold text in Markdown instead of underscores. Also, disable triple asterisks and
+ * triple underscores for bold+italic text in Markdown, which can be confusing and is not commonly
+ * used. This is to ensure that the Markdown output is more readable and consistent.
+ */
+export const DISABLED_MARKDOWN_TAGS = ['*', '__', '***', '___'];

package/dist/components/text-editor/core.js

@@ -52,6 +52,7 @@ import {
 import prismComponents from 'prismjs/components';
 import {
   BLOCK_BUTTON_TYPES,
+  DISABLED_MARKDOWN_TAGS,
   EDITOR_THEME,
   NODE_MAP,
   PRISM_BASE_URL,
@@ -162,10 +163,14 @@ export const getSelectionTypes = () => {
  * @param {Transformer[]} enabledTransformers Enabled Markdown transformers.
  */
 export const onEditorUpdate = (editor, enabledTransformers) => {
+  const transformers = enabledTransformers.filter(
+    (/** @type {any} */ { tag }) => !DISABLED_MARKDOWN_TAGS.includes(tag),
+  );
+
   editor.getRootElement()?.dispatchEvent(
     new CustomEvent('Update', {
       detail: {
-        value: convertToMarkdownString(enabledTransformers)
+        value: convertToMarkdownString(transformers)
           // Remove unnecessary backslash for underscore and backslash characters
           // @see https://github.com/sveltia/sveltia-cms/issues/430
           // @see https://github.com/sveltia/sveltia-cms/issues/512

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.41.2",
+  "version": "0.41.3",
   "description": "A collection of Svelte components and utilities for building user interfaces.",
   "repository": {
     "type": "git",