@sveltia/ui 0.78.3 → 0.78.4

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

@@ -1,4 +1,5 @@
 import {
+  CodeExtension,
   CodeHighlightNode,
   CodeNode,
   $createCodeNode as createCodeNode,
@@ -6,7 +7,7 @@ import {
   $isCodeNode as isCodeNode,
 } from '@lexical/code-core';
 import { registerDragonSupport } from '@lexical/dragon';
-import { HorizontalRuleNode } from '@lexical/extension';
+import { buildEditorFromExtensions, HorizontalRuleNode } from '@lexical/extension';
 import { createEmptyHistoryState, registerHistory } from '@lexical/history';
 import {
   $isLinkNode as isLinkNode,
@@ -41,6 +42,7 @@ import {
   COMMAND_PRIORITY_LOW,
   COMMAND_PRIORITY_NORMAL,
   createEditor,
+  defineExtension,
   DELETE_CHARACTER_COMMAND,
   $createParagraphNode as createParagraphNode,
   $createTextNode as createTextNode,
@@ -87,7 +89,7 @@ import { HR } from './transformers/hr.js';
 import { TABLE } from './transformers/table.js';
 
 /**
- * @import { CreateEditorArgs, LexicalEditor } from 'lexical';
+ * @import { LexicalEditor } from 'lexical';
  * @import { Transformer } from '@lexical/markdown';
  * @import {
  * TextEditorBlockType,
@@ -540,9 +542,14 @@ export const initEditor = ({
   isCodeEditor = false,
   defaultLanguage = 'plain',
 }) => {
-  /** @type {CreateEditorArgs} */
-  const editorConfig = {
+  const hasCodeBlock = enabledButtons.includes('code-block') || isCodeEditor;
+
+  const editorExtension = defineExtension({
+    name: '@sveltia/ui/editor',
     namespace: 'editor',
+    // `CodeNode` expects the editor to be built with `CodeExtension`, which also registers the
+    // `CodeNode` and `CodeHighlightNode` nodes
+    dependencies: hasCodeBlock ? [CodeExtension] : [],
     nodes: [
       ...components.map(({ node }) => node),
       ...new Set(
@@ -557,7 +564,15 @@ export const initEditor = ({
           [HorizontalRuleNode, TableNode, TableCellNode, TableRowNode]),
     ],
     theme: EDITOR_THEME,
-  };
+    /**
+     * Log an error like `createEditor` does by default, instead of throwing it.
+     * @param {Error} error Error.
+     */
+    onError: (error) => {
+      // eslint-disable-next-line no-console
+      console.error(error);
+    },
+  });
 
   /** @type {Transformer[]} */
   const enabledTransformers = [
@@ -573,7 +588,7 @@ export const initEditor = ({
         [HR, TABLE]),
   ];
 
-  const editor = createEditor(editorConfig);
+  const editor = buildEditorFromExtensions(editorExtension);
   /** @type {Array<() => void>} */
   const unregisters = [];
 
@@ -661,7 +676,7 @@ export const initEditor = ({
     addUnregister(registerMarkdownShortcuts(editor, enabledTransformers));
   }
 
-  if (enabledButtons.includes('code-block') || isCodeEditor) {
+  if (hasCodeBlock) {
     addUnregister(
       registerCodeHighlighting(editor, {
         ...shikiTokenizer,
@@ -876,6 +891,7 @@ export const initEditor = ({
      */
     dispose: () => {
       unregisters.forEach((unregister) => unregister());
+      editor.dispose();
     },
   };
 };

package/dist/components/text-editor/shiki/version.d.ts

@@ -1,4 +1,4 @@
 /**
  * Version of this package, used to resolve the prebuilt Shiki engine chunk from a CDN.
  */
-export const UI_VERSION: "0.78.3";
+export const UI_VERSION: "0.78.4";

package/dist/components/text-editor/shiki/version.js

@@ -3,4 +3,4 @@
 /**
  * Version of this package, used to resolve the prebuilt Shiki engine chunk from a CDN.
  */
-export const UI_VERSION = '0.78.3';
+export const UI_VERSION = '0.78.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.78.3",
+  "version": "0.78.4",
   "description": "A collection of Svelte components and utilities for building user interfaces.",
   "repository": {
     "type": "git",
@@ -43,22 +43,22 @@
     "!dist/test-utils"
   ],
   "dependencies": {
-    "@lexical/code-core": "^0.51.0",
-    "@lexical/dragon": "^0.51.0",
-    "@lexical/extension": "^0.51.0",
-    "@lexical/history": "^0.51.0",
-    "@lexical/link": "^0.51.0",
-    "@lexical/list": "^0.51.0",
-    "@lexical/markdown": "^0.51.0",
-    "@lexical/rich-text": "^0.51.0",
-    "@lexical/selection": "^0.51.0",
-    "@lexical/table": "^0.51.0",
-    "@lexical/utils": "^0.51.0",
+    "@lexical/code-core": "^0.52.0",
+    "@lexical/dragon": "^0.52.0",
+    "@lexical/extension": "^0.52.0",
+    "@lexical/history": "^0.52.0",
+    "@lexical/link": "^0.52.0",
+    "@lexical/list": "^0.52.0",
+    "@lexical/markdown": "^0.52.0",
+    "@lexical/rich-text": "^0.52.0",
+    "@lexical/selection": "^0.52.0",
+    "@lexical/table": "^0.52.0",
+    "@lexical/utils": "^0.52.0",
     "@shikijs/langs": "4.4.3",
     "@shikijs/themes": "4.4.3",
     "@sveltia/i18n": "^1.4.0",
     "@sveltia/utils": "^0.12.2",
-    "lexical": "^0.51.0"
+    "lexical": "^0.52.0"
   },
   "devDependencies": {
     "@fontsource-variable/material-symbols-outlined": "5.3.8",
@@ -71,17 +71,17 @@
     "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "@vitest/browser-playwright": "^5.0.2",
     "@vitest/coverage-v8": "^5.0.2",
-    "cspell": "^10.3.4",
+    "cspell": "^10.3.5",
     "eslint": "^9.39.5",
     "eslint-config-airbnb-extended": "^3.2.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsdoc": "^64.5.4",
-    "eslint-plugin-package-json": "^1.10.0",
+    "eslint-plugin-jsdoc": "^65.0.0",
+    "eslint-plugin-package-json": "^1.10.1",
     "eslint-plugin-svelte": "^3.23.0",
     "globals": "^17.12.0",
     "happy-dom": "^20.14.5",
-    "oxlint": "^1.85.0",
+    "oxlint": "^1.86.0",
     "playwright": "^1.63.0",
     "postcss": "^8.5.28",
     "postcss-html": "^2.0.0",