@svadmin/editor 0.4.7 → 0.5.7

package/dist/components/Editor.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-/* eslint-disable @typescript-eslint/no-explicit-any */
-  import { Editor } from '@tiptap/core';
-  import { fullPreset, minimalPreset, prosePreset, type EditorPresetOptions } from '../extensions/index.js';
+  import { definedOptions } from '@svadmin/core/options';
+
+  import { Editor as TiptapEditor } from '@tiptap/core';
+  import { fullPreset, minimalPreset, prosePreset, type EditorPresetOptions, type Lowlight } from '../extensions/index.js';
   import type { AnyExtension } from '@tiptap/core';
   import Toolbar from './Toolbar.svelte';
   import BubbleMenuComp from './BubbleMenu.svelte';
@@ -43,7 +44,7 @@
     /** Max height for the editor content area */
     maxHeight?: string;
     /** lowlight instance for syntax-highlighted code blocks */
-    lowlight?: unknown;
+    lowlight?: Lowlight;
   }
 
   let {
@@ -67,7 +68,7 @@
   }: Props = $props();
 
   let editorElement: HTMLDivElement | undefined = $state();
-  let editor: Editor | null = $state(null);
+  let editor: TiptapEditor | null = $state(null);
 
   // Track whether we're updating externally to prevent loops
   let isUpdatingFromExternal = false;
@@ -77,11 +78,11 @@
   function buildExtensions(): AnyExtension[] {
     if (customExtensions) return customExtensions;
 
-    const opts: EditorPresetOptions = {
+    const opts: EditorPresetOptions = definedOptions({
       placeholder,
       maxLength,
       lowlight,
-    };
+    });
 
     switch (preset) {
       case 'minimal': return minimalPreset(opts);
@@ -97,7 +98,7 @@
 
     const ext = buildExtensions();
 
-    editor = new Editor({
+    editor = new TiptapEditor({
       element: editorElement,
       extensions: ext,
       content: value || '',
@@ -111,16 +112,16 @@
         handleDrop(view, event, slice, moved) {
           if (!moved && event.dataTransfer?.files?.length && onUpload) {
             const files = event.dataTransfer.files;
-            for (let i = 0; i < files.length; i++) {
-              const file = files[i];
+            for (const file of files) {
               if (file.type.startsWith('image/')) {
                 event.preventDefault();
                 onUpload(file).then((url) => {
                   if (editor) {
                     const { schema } = editor.state;
                     const pos = view.posAtCoords({ left: event.clientX, top: event.clientY });
-                    if (pos) {
-                      const node = schema.nodes.image.create({ src: url, alt: file.name });
+                    const imageNode = schema.nodes['image'];
+                    if (pos && imageNode) {
+                      const node = imageNode.create({ src: url, alt: file.name });
                       const transaction = view.state.tr.insert(pos.pos, node);
                       view.dispatch(transaction);
                     }
@@ -136,8 +137,7 @@
         handlePaste(view, event) {
           const items = event.clipboardData?.items;
           if (items && onUpload) {
-            for (let i = 0; i < items.length; i++) {
-              const item = items[i];
+            for (const item of items) {
               if (item.type.startsWith('image/')) {
                 event.preventDefault();
                 const file = item.getAsFile();
@@ -191,13 +191,13 @@
   });
 
   // Character count
-  const charCount = $derived(((editor as any)?.storage as Record<string, any>)?.characterCount?.characters() ?? 0);
-  const wordCount = $derived(((editor as any)?.storage as Record<string, any>)?.characterCount?.words() ?? 0);
+  const charCount = $derived.by(() => editor?.storage.characterCount?.characters() ?? 0);
+  const wordCount = $derived.by(() => editor?.storage.characterCount?.words() ?? 0);
 </script>
 
 <div class="svadmin-editor {className}">
   {#if showToolbar && editor}
-    <Toolbar {editor} {onUpload} {preset} />
+    <Toolbar {editor} {...definedOptions({ "onUpload": onUpload })} {preset} />
   {/if}
 
   <div

package/dist/components/Editor.svelte.d.ts

@@ -1,4 +1,4 @@
-import { Editor } from '@tiptap/core';
+import { type Lowlight } from '../extensions/index.js';
 import type { AnyExtension } from '@tiptap/core';
 import '../styles/editor.css';
 interface Props {
@@ -35,7 +35,7 @@ interface Props {
     /** Max height for the editor content area */
     maxHeight?: string;
     /** lowlight instance for syntax-highlighted code blocks */
-    lowlight?: unknown;
+    lowlight?: Lowlight;
 }
 declare const Editor: import("svelte").Component<Props, {}, "value">;
 type Editor = ReturnType<typeof Editor>;

package/dist/extensions/index.d.ts

@@ -25,6 +25,8 @@ import TableHeader from '@tiptap/extension-table-header';
 import TableCell from '@tiptap/extension-table-cell';
 import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight';
 import type { AnyExtension } from '@tiptap/core';
+import type { createLowlight } from 'lowlight';
+export type Lowlight = ReturnType<typeof createLowlight>;
 export interface EditorPresetOptions {
     /** Placeholder text */
     placeholder?: string;
@@ -33,7 +35,7 @@ export interface EditorPresetOptions {
     /** Enable code block syntax highlighting */
     codeHighlight?: boolean;
     /** lowlight instance (required if codeHighlight is true) */
-    lowlight?: unknown;
+    lowlight?: Lowlight;
 }
 /**
  * Full preset: all extensions enabled.

package/dist/extensions/index.js

@@ -1,3 +1,4 @@
+import { definedOptions } from '@svadmin/core/options';
 /**
  * @svadmin/editor — Extension presets
  *
@@ -30,10 +31,10 @@ import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight';
  */
 export function fullPreset(options = {}) {
     const extensions = [
-        StarterKit.configure({
+        StarterKit.configure(definedOptions({
             // Disable default code block in favor of CodeBlockLowlight
             codeBlock: options.codeHighlight ? false : undefined,
-        }),
+        })),
         Underline,
         TextStyle,
         Color,
@@ -117,9 +118,9 @@ export function minimalPreset(options = {}) {
  */
 export function prosePreset(options = {}) {
     const extensions = [
-        StarterKit.configure({
+        StarterKit.configure(definedOptions({
             codeBlock: options.codeHighlight ? false : undefined,
-        }),
+        })),
         Underline,
         TextStyle,
         Color,

package/dist/index.d.ts

@@ -23,7 +23,7 @@ export { default as ColorPicker } from './components/ColorPicker.svelte';
 export { default as LinkPopover } from './components/LinkPopover.svelte';
 export { default as TableMenu } from './components/TableMenu.svelte';
 export { default as ImageUpload } from './components/ImageUpload.svelte';
-export { fullPreset, minimalPreset, prosePreset, type EditorPresetOptions, } from './extensions/index.js';
+export { fullPreset, minimalPreset, prosePreset, type EditorPresetOptions, type Lowlight, } from './extensions/index.js';
 export { StarterKit, Underline, TextAlign, TextStyle, Color, Highlight, Link, Image, Placeholder, CharacterCount, Typography, Subscript, Superscript, TaskList, TaskItem, Table, TableRow, TableHeader, TableCell, CodeBlockLowlight, } from './extensions/index.js';
 export { Editor as TiptapEditor } from '@tiptap/core';
 export type { AnyExtension, Extension, Mark, Node } from '@tiptap/core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/editor",
-  "version": "0.4.7",
+  "version": "0.5.7",
   "description": "Modern Tiptap-based rich text editor for Svelte 5 — headless, modular, production-ready",
   "type": "module",
   "sideEffects": [
@@ -37,7 +37,7 @@
   },
   "peerDependencies": {
     "svelte": "^5.56.10",
-    "@svadmin/core": "^0.50.0"
+    "@svadmin/core": "^0.53.0"
   },
   "dependencies": {
     "@lucide/svelte": "^1.35.0",
@@ -79,7 +79,7 @@
   "author": "zuohuadong",
   "repository": {
     "type": "git",
-    "url": "https://github.com/vibeunion/svadmin.git",
+    "url": "git+https://github.com/vibeunion/svadmin.git",
     "directory": "packages/editor"
   },
   "peerDependenciesMeta": {