ckeditor5-livewire 1.6.1 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ckeditor5-livewire",
-  "version": "1.6.1",
+  "version": "1.8.0",
   "description": "CKEditor 5 integration for Laravel Livewire",
   "author": "Mateusz Bagiński <cziken58@gmail.com>",
   "license": "MIT",
@@ -29,15 +29,14 @@
     "src"
   ],
   "devDependencies": {
-    "@vitest/coverage-v8": "^3.2.4",
-    "ckeditor5": "^45.2.2",
-    "ckeditor5-premium-features": "^45.2.1",
+    "@vitest/coverage-v8": "^4.1.0",
+    "ckeditor5": "^47.6.0",
+    "ckeditor5-premium-features": "^47.6.0",
     "happy-dom": "^20.0.1",
     "typescript": "^5.5.4",
-    "vite": "^7.1.11",
+    "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.3"
+    "vitest": "^4.1.0"
   },
   "scripts": {
     "clean": "rm -rf dist",

package/src/hooks/context/context.ts

@@ -73,6 +73,7 @@ export class ContextComponentHook extends ClassHook<Snapshot> {
 
     const context = await this.contextPromise;
 
+    /* v8 ignore next if -- @preserve */
     if (!this.isBeingDestroyed()) {
       ContextsRegistry.the.register(contextId, context);
     }

package/src/hooks/editable.ts

@@ -27,7 +27,7 @@ export class EditableComponentHook extends ClassHook<Snapshot> {
 
     // If the editor is not registered yet, we will wait for it to be registered.
     this.editorPromise = EditorsRegistry.the.execute(editorId, (editor: MultiRootEditor) => {
-      /* v8 ignore next 3 */
+      /* v8 ignore next if -- @preserve */
       if (this.isBeingDestroyed()) {
         return null;
       }
@@ -180,6 +180,7 @@ export class EditableComponentHook extends ClassHook<Snapshot> {
     if (editor && editor.state !== 'destroyed') {
       const root = editor.model.document.getRoot(rootName);
 
+      /* v8 ignore next if -- @preserve */
       if (root && 'detachEditable' in editor) {
         editor.detachEditable(root);
         editor.detachRoot(rootName, false);

package/src/hooks/editor/editor.test.ts

@@ -432,7 +432,7 @@ describe('editor component', () => {
 
       const editor = await waitForTestEditor();
 
-      $wire.set.mockClear();
+      vi.mocked($wire.set).mockClear();
       editor.setData('<p>Debounce test</p>');
 
       await vi.advanceTimersByTimeAsync(399);
@@ -621,13 +621,13 @@ describe('editor component', () => {
         const { ui: { focusTracker } } = await waitForTestEditor();
 
         // Focus the editor.
-        $wire.set.mockClear();
+        vi.mocked($wire.set).mockClear();
         focusTracker.isFocused = true;
 
         expect($wire.set).toHaveBeenCalledWith('focused', true);
 
         // Blur the editor.
-        $wire.set.mockClear();
+        vi.mocked($wire.set).mockClear();
         focusTracker.isFocused = false;
 
         expect($wire.set).toHaveBeenCalledWith('focused', false);
@@ -647,7 +647,7 @@ describe('editor component', () => {
 
         const editor = await waitForTestEditor();
 
-        $wire.set.mockClear();
+        vi.mocked($wire.set).mockClear();
         editor.setData('<p>New content</p>');
 
         await vi.advanceTimersByTimeAsync(1);
@@ -671,7 +671,7 @@ describe('editor component', () => {
         const editor = await waitForTestEditor();
         const { ui: { focusTracker } } = editor;
 
-        $wire.set.mockClear();
+        vi.mocked($wire.set).mockClear();
         editor.setData('<p>Updated content</p>');
         focusTracker.isFocused = true;
 
@@ -698,7 +698,7 @@ describe('editor component', () => {
 
         const editor = await waitForTestEditor();
 
-        $wire.set.mockClear();
+        vi.mocked($wire.set).mockClear();
         editor.setData('<p>New content</p>');
 
         await vi.advanceTimersByTimeAsync(1);
@@ -720,7 +720,7 @@ describe('editor component', () => {
         const { ui: { focusTracker } } = await waitForTestEditor();
 
         // Focus the editor.
-        $wire.set.mockClear();
+        vi.mocked($wire.set).mockClear();
         focusTracker.isFocused = true;
 
         expect($wire.set).toHaveBeenCalledWith('focused', true);
@@ -736,7 +736,7 @@ describe('editor component', () => {
         });
 
         // clear initial calls that may come from mounting logic
-        $wire.dispatch.mockClear();
+        vi.mocked($wire.dispatch).mockClear();
 
         await waitForTestEditor();
 
@@ -759,7 +759,7 @@ describe('editor component', () => {
 
         const editor = await waitForTestEditor();
 
-        $wire.dispatch.mockClear();
+        vi.mocked($wire.dispatch).mockClear();
         editor.setData('<p>Content change event test</p>');
 
         await vi.advanceTimersByTimeAsync(1);

package/src/hooks/editor/editor.ts

@@ -52,10 +52,12 @@ export class EditorComponentHook extends ClassHook<Snapshot> {
 
       // Do not even try to broadcast about the registration of the editor
       // if hook was immediately destroyed.
+      /* v8 ignore next if -- @preserve */
       if (!this.isBeingDestroyed()) {
         EditorsRegistry.the.register(editorId, editor);
 
         editor.once('destroy', () => {
+          /* v8 ignore next if -- @preserve */
           if (EditorsRegistry.the.hasItem(editorId)) {
             EditorsRegistry.the.unregister(editorId);
           }

package/src/hooks/editor/plugins/livewire-sync.ts

@@ -56,6 +56,7 @@ export async function createLivewireSyncPlugin(
 
         // If editor is focused, save the content to apply later when it blurs.
         if (focusTracker.isFocused) {
+          /* v8 ignore next else -- @preserve */
           if (!shallowEqual(content, values)) {
             pendingContent = content;
           }
@@ -63,6 +64,7 @@ export async function createLivewireSyncPlugin(
           return;
         }
 
+        /* v8 ignore next else -- @preserve */
         if (!shallowEqual(content, values)) {
           editor.setData(content);
         }

package/src/hooks/editor/plugins/sync-editor-with-input.ts

@@ -55,6 +55,7 @@ export async function createSyncEditorWithInputPlugin(saveDebounceMs: number): P
      * Synchronizes the editor's content with the input field.
      */
     private sync = (): void => {
+      /* v8 ignore next else -- @preserve */
       if (this.input) {
         const newValue = this.editor.getData();
 

package/src/hooks/editor/utils/load-editor-plugins.ts

@@ -35,17 +35,17 @@ export async function loadEditorPlugins(plugins: EditorPlugin[]): Promise<Loaded
     }
 
     // Plugin not found in base package, try premium package.
+    /* v8 ignore start -- @preserve */
     if (!premiumPackage) {
       try {
         premiumPackage = await import('ckeditor5-premium-features');
-        /* v8 ignore next 6 */
       }
       catch (error) {
         console.error(`Failed to load premium package: ${error}`);
       }
     }
+    /* v8 ignore end */
 
-    /* v8 ignore next */
     const { [plugin]: premiumPkgImport } = premiumPackage || {};
 
     if (premiumPkgImport) {

package/src/hooks/editor/utils/load-editor-translations.ts

@@ -14,13 +14,18 @@ export async function loadAllEditorTranslations(
   hasPremium: boolean,
 ): Promise<Translations[]> {
   const translations = [language.ui, language.content];
-  const loadedTranslations = await Promise.all(
-    [
-      loadEditorPkgTranslations('ckeditor5', translations),
-      /* v8 ignore next */
-      hasPremium && loadEditorPkgTranslations('ckeditor5-premium-features', translations),
-    ].filter(pkg => !!pkg),
-  )
+  const translationPromises = [
+    loadEditorPkgTranslations('ckeditor5', translations),
+  ];
+
+  /* v8 ignore next if -- @preserve */
+  if (hasPremium) {
+    translationPromises.push(
+      loadEditorPkgTranslations('ckeditor5-premium-features', translations),
+    );
+  }
+
+  const loadedTranslations = await Promise.all(translationPromises)
     .then(translations => translations.flat());
 
   return loadedTranslations;
@@ -46,7 +51,7 @@ async function loadEditorPkgTranslations(
       .map(async (lang) => {
         const pack = await loadEditorTranslation(pkg, lang);
 
-        /* v8 ignore next */
+        /* v8 ignore next -- @preserve */
         return pack?.default ?? pack;
       })
       .filter(Boolean),
@@ -66,9 +71,8 @@ type EditorPkgName = 'ckeditor5' | 'ckeditor5-premium-features';
  */
 async function loadEditorTranslation(pkg: EditorPkgName, lang: string): Promise<any> {
   try {
-    /* v8 ignore next 2 */
+    /* v8 ignore next if -- @preserve */
     if (pkg === 'ckeditor5') {
-      /* v8 ignore next 79 */
       switch (lang) {
         case 'af': return await import('ckeditor5/translations/af.js');
         case 'ar': return await import('ckeditor5/translations/ar.js');
@@ -146,7 +150,6 @@ async function loadEditorTranslation(pkg: EditorPkgName, lang: string): Promise<
           return null;
       }
     }
-    /* v8 ignore next 79 */
     else {
       // Premium features translations
       switch (lang) {
@@ -226,10 +229,11 @@ async function loadEditorTranslation(pkg: EditorPkgName, lang: string): Promise<
           return await import('ckeditor5-premium-features/translations/en.js'); // fallback to English
       }
     }
-    /* v8 ignore next 7 */
   }
+  /* v8 ignore start -- @preserve */
   catch (error) {
     console.error(`Failed to load translation for ${pkg}/${lang}:`, error);
     return null;
   }
+  /* v8 ignore stop -- @preserve */
 }

package/src/hooks/hook.ts

@@ -134,6 +134,7 @@ export function registerLivewireComponentHook(name: string, Hook: { new(componen
     succeed(() => {
       const instance = hookInstances.get(component.id);
 
+      /* v8 ignore next if -- @preserve */
       if (instance?.state === 'mounted') {
         instance?.afterCommitSynced?.();
       }

package/src/hooks/ui-part.ts

@@ -18,7 +18,7 @@ export class UIPartComponentHook extends ClassHook<Snapshot> {
 
     // If the editor is not registered yet, we will wait for it to be registered.
     this.mountedPromise = EditorsRegistry.the.execute(editorId, (editor) => {
-      /* v8 ignore next 3 */
+      /* v8 ignore next if -- @preserve */
       if (this.isBeingDestroyed()) {
         return;
       }