@sveltia/ui 0.79.0 → 0.79.1

package/dist/components/text-editor/lexical-root.svelte

@@ -88,7 +88,9 @@
     // The content has been converted, if it has changed at all
     editorStore.pending = false;
 
-    if (hasConverterError || !useRichText) {
+    // Ignore the content while a value is being imported, like the empty code block the editor
+    // starts with: it would overwrite the value, which then replaces the content once imported
+    if (hasConverterError || !useRichText || editorStore.importing) {
       return;
     }
 

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.79.0";
+export const UI_VERSION: "0.79.1";

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.79.0';
+export const UI_VERSION = '0.79.1';

package/dist/components/text-editor/store.svelte.js

@@ -50,6 +50,16 @@ export const createEditorStore = () => {
    * @type {{ source: string, exported: string } | undefined}
    */
   let lastImport = undefined;
+  /**
+   * Number of imports started, to tell the latest one.
+   * @type {number}
+   */
+  let importCount = 0;
+  /**
+   * Whether the latest import is still in progress.
+   * @type {boolean}
+   */
+  let importing = false;
 
   /**
    * Flag a conversion error, which takes the editor out of the rich text mode, and shows the error
@@ -76,6 +86,12 @@ export const createEditorStore = () => {
 
     const originalValue = inputValue;
 
+    importCount += 1;
+
+    const importId = importCount;
+
+    importing = true;
+
     try {
       // We should avoid an empty editor; there should be at least one `<p>`, so give it an empty
       // string if the `value` is `undefined`
@@ -96,6 +112,11 @@ export const createEditorStore = () => {
       inputValue = originalValue;
       // eslint-disable-next-line no-console
       console.error(ex);
+    } finally {
+      // An earlier import finishing last doesn’t end the latest one
+      if (importId === importCount) {
+        importing = false;
+      }
     }
   };
 
@@ -179,6 +200,9 @@ export const createEditorStore = () => {
     set pending(newValue) {
       pending = newValue;
     },
+    get importing() {
+      return importing;
+    },
     editorId,
     convertMarkdown,
     /**

package/dist/typedefs.d.ts

@@ -1048,6 +1048,11 @@ export type TextEditorStore = {
      * has yet to convert it to Markdown and update {@link TextEditorStore.inputValue}.
      */
     pending: boolean;
+    /**
+     * Whether the latest {@link TextEditorStore.inputValue} is still
+     * being imported to the Lexical editor.
+     */
+    importing: boolean;
     /**
      * Function to trigger the Lexical converter.
      */

package/dist/typedefs.js

@@ -448,6 +448,8 @@
  * @property {boolean} showConverterError Whether to show a converter error in the UI.
  * @property {boolean} pending Whether the user has changed the rich text content, and the editor
  * has yet to convert it to Markdown and update {@link TextEditorStore.inputValue}.
+ * @property {boolean} importing Whether the latest {@link TextEditorStore.inputValue} is still
+ * being imported to the Lexical editor.
  * @property {() => Promise<void>} convertMarkdown Function to trigger the Lexical converter.
  * @property {(value: string) => string | undefined} getImportedValue Function to get the
  * {@link TextEditorStore.inputValue} last imported if the given value, exported by the editor, is

package/package.json

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