@sveltia/ui 0.31.10 → 0.31.12

package/LICENSE.txt

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Kohei Yoshino.
+Copyright (c) 2026 Kohei Yoshino.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

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

@@ -53,6 +53,11 @@ import {
 } from 'lexical';
 import prismComponents from 'prismjs/components';
 import { BLOCK_BUTTON_TYPES, TEXT_FORMAT_BUTTON_TYPES } from './constants.js';
+import {
+  fixMarkdownFormatting,
+  increaseListIndentation,
+  splitMultilineFormatting,
+} from './markdown.js';
 import { TABLE } from './transformers/table.js';
 
 /**
@@ -410,22 +415,13 @@ export const convertMarkdownToLexical = async (editor, value) => {
   );
 
   // Split multiline formatting into separate lines to prevent Markdown parsing issues
-  // @see https://github.com/sveltia/sveltia-cms/issues/548
-  value = value
-    .replace(/(\s+)_([^_\n]+?)\n([^_\n]+?)_(\s+)/gm, '$1_$2_\n_$3_$4')
-    .replace(/(\s+)\*\*([^*\n]+?)\n([^*\n]+?)\*\*(\s+)/gm, '$1**$2**\n**$3**$4')
-    .replace(/(\s+)~~([^~\n]+?)\n([^~\n]+?)~~(\s+)/gm, '$1~~$2~~\n~~$3~~$4')
-    .replace(/(\s+)`([^`\n]+?)\n([^`\n]+?)`(\s+)/gm, '$1`$2`\n`$3`$4');
-
-  // Increase list indentation levels to prevent Markdown parsing issues: Slate uses 2 spaces for
-  // each indentation level, whereas Lexical uses 4 spaces
-  // @see https://github.com/sveltia/sveltia-cms/issues/549
-  if (value.match(/^\s{2}(?:-|\+|\*|\d+\.)\s/m)) {
-    value = value.replace(
-      /^(\s+)(-|\+|\*|\d+\.)/gm,
-      (_match, p1, p2) => `${' '.repeat(p1.length * 2)}${p2}`,
-    );
-  }
+  value = splitMultilineFormatting(value);
+
+  // Fix unclosed formatting markers (work around Lexical bug)
+  value = fixMarkdownFormatting(value);
+
+  // Increase list indentation levels to prevent Markdown parsing issues
+  value = increaseListIndentation(value);
 
   return new Promise((resolve, reject) => {
     editor.update(() => {

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

@@ -0,0 +1,3 @@
+export function splitMultilineFormatting(value: string): string;
+export function fixMarkdownFormatting(value: string): string;
+export function increaseListIndentation(value: string): string;

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

@@ -0,0 +1,45 @@
+/**
+ * Split multiline formatting into separate lines to prevent Markdown parsing issues.
+ * @param {string} value Markdown string to process.
+ * @returns {string} Processed Markdown string.
+ * @see https://github.com/sveltia/sveltia-cms/issues/548
+ */
+export const splitMultilineFormatting = (value) =>
+  value
+    .replace(/(\s+)_([^_\n]+?)\n([^_\n]+?)_(\s+)/gm, '$1_$2_\n_$3_$4')
+    .replace(/(\s+)\*\*([^*\n]+?)\n([^*\n]+?)\*\*(\s+)/gm, '$1**$2**\n**$3**$4')
+    .replace(/(\s+)~~([^~\n]+?)\n([^~\n]+?)~~(\s+)/gm, '$1~~$2~~\n~~$3~~$4')
+    .replace(/(\s+)`([^`\n]+?)\n([^`\n]+?)`(\s+)/gm, '$1`$2`\n`$3`$4');
+
+/**
+ * Fix malformed Markdown formatting markers.
+ * Converts unclosed formatting markers like `**foo **bar` to `**foo** bar`.
+ * This works around a Lexical bug with certain formatting patterns.
+ * @param {string} value Markdown string to fix.
+ * @returns {string} Fixed Markdown string.
+ * @see https://github.com/sveltia/sveltia-cms/issues/599
+ */
+export const fixMarkdownFormatting = (value) =>
+  value
+    .replace(/\*\*(\S+?) \*\*/gm, '**$1** ')
+    .replace(/_(\S+?) _/gm, '_$1_ ')
+    .replace(/~~(\S+?) ~~/gm, '~~$1~~ ');
+
+/**
+ * Increase list indentation levels to prevent Markdown parsing issues.
+ * Slate uses 2 spaces per indentation level, whereas Lexical uses 4 spaces.
+ * This function doubles the indentation to match Lexical's expectations.
+ * @param {string} value Markdown string to process.
+ * @returns {string} Processed Markdown string.
+ * @see https://github.com/sveltia/sveltia-cms/issues/549
+ */
+export const increaseListIndentation = (value) => {
+  if (!value.match(/^\s{2}(?:-|\+|\*|\d+\.)\s/m)) {
+    return value;
+  }
+
+  return value.replace(
+    /^(\s+)(-|\+|\*|\d+\.)/gm,
+    (_match, p1, p2) => `${' '.repeat(p1.length * 2)}${p2}`,
+  );
+};

package/dist/components/text-editor/markdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/text-editor/markdown.test.js

@@ -0,0 +1,178 @@
+import { describe, expect, it } from 'vitest';
+import {
+  fixMarkdownFormatting,
+  increaseListIndentation,
+  splitMultilineFormatting,
+} from './markdown.js';
+
+describe('splitMultilineFormatting', () => {
+  it('should split italic formatting across lines', () => {
+    expect(splitMultilineFormatting('  _foo\nbar_  ')).toBe('  _foo_\n_bar_  ');
+  });
+
+  it('should split bold formatting across lines', () => {
+    expect(splitMultilineFormatting('  **foo\nbar**  ')).toBe('  **foo**\n**bar**  ');
+  });
+
+  it('should split strikethrough formatting across lines', () => {
+    expect(splitMultilineFormatting('  ~~foo\nbar~~  ')).toBe('  ~~foo~~\n~~bar~~  ');
+  });
+
+  it('should split code formatting across lines', () => {
+    expect(splitMultilineFormatting('  `foo\nbar`  ')).toBe('  `foo`\n`bar`  ');
+  });
+
+  it('should handle multiple formatting types', () => {
+    expect(
+      splitMultilineFormatting('  _italic\ntext_   **bold\ntext**  ~~strike\nthrough~~  '),
+    ).toBe('  _italic_\n_text_   **bold**\n**text**  ~~strike~~\n~~through~~  ');
+  });
+
+  it('should not affect properly formatted single-line text', () => {
+    expect(splitMultilineFormatting('_italic_ **bold** ~~strike~~ `code`')).toBe(
+      '_italic_ **bold** ~~strike~~ `code`',
+    );
+  });
+
+  it('should only split when surrounded by whitespace', () => {
+    expect(splitMultilineFormatting('_foo\nbar_')).toBe('_foo\nbar_');
+  });
+
+  it('should handle formatting at different indentation levels', () => {
+    expect(splitMultilineFormatting('    _foo\nbar_    ')).toBe('    _foo_\n_bar_    ');
+  });
+});
+
+describe('fixMarkdownFormatting', () => {
+  it('should fix unclosed bold markers with space in between', () => {
+    expect(fixMarkdownFormatting('**foo **bar')).toBe('**foo** bar');
+  });
+
+  it('should fix unclosed italic markers with space in between', () => {
+    expect(fixMarkdownFormatting('_foo _bar')).toBe('_foo_ bar');
+  });
+
+  it('should fix multiple bold markers', () => {
+    expect(fixMarkdownFormatting('**foo **bar **baz **qux')).toBe('**foo** bar **baz** qux');
+  });
+
+  it('should fix multiple italic markers', () => {
+    expect(fixMarkdownFormatting('_foo _bar _baz _qux')).toBe('_foo_ bar _baz_ qux');
+  });
+
+  it('should fix mixed bold and italic markers', () => {
+    expect(fixMarkdownFormatting('**foo **bar _baz _qux')).toBe('**foo** bar _baz_ qux');
+  });
+
+  it('should not affect properly closed bold markers', () => {
+    expect(fixMarkdownFormatting('**foo** bar')).toBe('**foo** bar');
+  });
+
+  it('should not affect properly closed italic markers', () => {
+    expect(fixMarkdownFormatting('_foo_ bar')).toBe('_foo_ bar');
+  });
+
+  it('should preserve other formatting', () => {
+    expect(fixMarkdownFormatting('~~strikethrough~~ **bold** _italic_')).toBe(
+      '~~strikethrough~~ **bold** _italic_',
+    );
+  });
+
+  it('should handle bold and italic in combination', () => {
+    expect(fixMarkdownFormatting('**foo **bar _baz _qux **test **end')).toBe(
+      '**foo** bar _baz_ qux **test** end',
+    );
+  });
+
+  it('should handle markers at the start of a line', () => {
+    expect(fixMarkdownFormatting('**foo **bar\n_baz _qux')).toBe('**foo** bar\n_baz_ qux');
+  });
+
+  it('should handle markers at the end of a line', () => {
+    expect(fixMarkdownFormatting('line 1 **foo **bar\nline 2 _baz _qux')).toBe(
+      'line 1 **foo** bar\nline 2 _baz_ qux',
+    );
+  });
+
+  it('should work with global flag for multiple occurrences', () => {
+    expect(fixMarkdownFormatting('**a **b **c **d _e _f')).toBe('**a** b **c** d _e_ f');
+  });
+
+  it('should not break when markers are not present', () => {
+    expect(fixMarkdownFormatting('regular text without formatting')).toBe(
+      'regular text without formatting',
+    );
+  });
+
+  it('should handle edge case with only formatting markers', () => {
+    expect(fixMarkdownFormatting('**foo **')).toBe('**foo** ');
+  });
+
+  it('should handle underscores in words (not formatting)', () => {
+    expect(fixMarkdownFormatting('snake_case_variable **foo **bar')).toBe(
+      'snake_case_variable **foo** bar',
+    );
+  });
+
+  it('should fix unclosed strikethrough markers with space in between', () => {
+    expect(fixMarkdownFormatting('~~foo ~~bar')).toBe('~~foo~~ bar');
+  });
+
+  it('should fix multiple strikethrough markers', () => {
+    expect(fixMarkdownFormatting('~~foo ~~bar ~~baz ~~qux')).toBe('~~foo~~ bar ~~baz~~ qux');
+  });
+
+  it('should fix mixed formatting with strikethrough', () => {
+    expect(fixMarkdownFormatting('**bold **text _italic _text ~~strike ~~text')).toBe(
+      '**bold** text _italic_ text ~~strike~~ text',
+    );
+  });
+
+  it('should not affect properly closed strikethrough markers', () => {
+    expect(fixMarkdownFormatting('~~foo~~ bar')).toBe('~~foo~~ bar');
+  });
+});
+
+describe('increaseListIndentation', () => {
+  it('should double indentation for bullet lists', () => {
+    expect(increaseListIndentation('  - item')).toBe('    - item');
+  });
+
+  it('should double indentation for numbered lists', () => {
+    expect(increaseListIndentation('  1. item')).toBe('    1. item');
+  });
+
+  it('should handle different list markers', () => {
+    expect(increaseListIndentation('  - a\n  + b\n  * c')).toBe('    - a\n    + b\n    * c');
+  });
+
+  it('should double different indentation levels', () => {
+    expect(increaseListIndentation('  - level 1\n    - level 2')).toBe(
+      '    - level 1\n        - level 2',
+    );
+  });
+
+  it('should not affect non-list content', () => {
+    expect(increaseListIndentation('regular text')).toBe('regular text');
+  });
+
+  it('should not affect lists without preceding spaces', () => {
+    expect(increaseListIndentation('- item')).toBe('- item');
+  });
+
+  it('should handle mixed content', () => {
+    expect(increaseListIndentation('paragraph\n  - item\nmore text')).toBe(
+      'paragraph\n    - item\nmore text',
+    );
+  });
+
+  it('should handle lists with various indentation levels', () => {
+    expect(increaseListIndentation('  - a\n      - b\n          - c')).toBe(
+      '    - a\n            - b\n                    - c',
+    );
+  });
+
+  it('should return unchanged string if no matching lists', () => {
+    expect(increaseListIndentation('paragraph with - no list')).toBe('paragraph with - no list');
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.31.10",
+  "version": "0.31.12",
   "license": "MIT",
   "type": "module",
   "repository": {
@@ -28,31 +28,31 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.49.2",
+    "@sveltejs/kit": "^2.50.0",
     "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "cspell": "^9.4.0",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "cspell": "^9.6.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsdoc": "^61.5.0",
+    "eslint-plugin-jsdoc": "^62.2.0",
     "eslint-plugin-svelte": "^2.46.1",
-    "oxlint": "^1.32.0",
+    "oxlint": "^1.41.0",
     "postcss": "^8.5.6",
-    "postcss-html": "^1.8.0",
-    "prettier": "^3.7.4",
-    "prettier-plugin-svelte": "^3.4.0",
-    "sass": "^1.96.0",
-    "stylelint": "^16.26.1",
-    "stylelint-config-recommended-scss": "^16.0.2",
-    "stylelint-scss": "^6.13.0",
-    "svelte": "^5.46.0",
-    "svelte-check": "^4.3.4",
+    "postcss-html": "^1.8.1",
+    "prettier": "^3.8.0",
+    "prettier-plugin-svelte": "^3.4.1",
+    "sass": "^1.97.2",
+    "stylelint": "^17.0.0",
+    "stylelint-config-recommended-scss": "^17.0.0",
+    "stylelint-scss": "^7.0.0",
+    "svelte": "^5.47.1",
+    "svelte-check": "^4.3.5",
     "svelte-preprocess": "^6.0.3",
     "tslib": "^2.8.1",
-    "vite": "^7.2.7",
-    "vitest": "^4.0.15"
+    "vite": "^7.3.1",
+    "vitest": "^4.0.17"
   },
   "exports": {
     ".": {