autumnnote-vue 1.13.0 → 1.15.0

package/README.md

@@ -4,7 +4,7 @@
 [![npm downloads](https://img.shields.io/npm/dm/autumnnote-vue?color=e8751a)](https://www.npmjs.com/package/autumnnote-vue)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
-Official **Vue 3 wrapper** for [AutumnNote](https://autumn.konexforge.com/) — the zero-dependency WYSIWYG rich-text editor built with vanilla JavaScript.
+Official **Vue 3 wrapper** for [Autumn Note](https://autumn.konexforge.com/) — the zero-dependency WYSIWYG rich-text editor built with vanilla JavaScript.
 
 ## Installation
 
@@ -29,7 +29,7 @@ import 'autumnnote/dist/autumnnote.css';
 const editorRef = ref(null);
 
 function handleSave() {
-  const html = editorRef.value.editor.value.getHTML();
+  const html = editorRef.value.editor?.getHTML();
   console.log(html);
 }
 </script>
@@ -55,17 +55,17 @@ function handleSave() {
 
 ## Accessing the editor instance
 
-The component uses `defineExpose({ editor })` where `editor` is a Vue `ref<Context | null>`. Access the instance via:
+The component exposes the current `Context` as `editor`. Vue automatically unwraps the internal shallow ref on the public component instance:
 
 ```js
-editorRef.value.editor.value.getHTML();
-editorRef.value.editor.value.setHTML('<p>Hello <strong>world</strong></p>');
-editorRef.value.editor.value.getMarkdown();
-editorRef.value.editor.value.invoke('toolbar.rebuild');
-editorRef.value.editor.value.on('change', (html) => console.log(html));
+editorRef.value.editor?.getHTML();
+editorRef.value.editor?.setHTML('<p>Hello <strong>world</strong></p>');
+editorRef.value.editor?.getMarkdown();
+editorRef.value.editor?.invoke('toolbar.rebuild');
+editorRef.value.editor?.on('change', (html) => console.log(html));
 ```
 
-The `editor` ref is `null` before mount — use it inside `onMounted` or after the component is mounted.
+The exposed `editor` property is `null` before mount — use it inside `onMounted` or after the component is mounted.
 
 ## Reinitialising with new options
 

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("autumnnote"),u={__name:"AutumnNote",props:{options:{type:Object,default:()=>({})}},setup(r,{expose:l}){const c=r,n=e.ref(null),t=e.ref(null);return e.onMounted(()=>{t.value=s.create(n.value,c.options)}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),t.value=null}),l({editor:t}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:n},null,512))}};exports.AutumnNoteEditor=u;exports.default=u;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("vue"),l=require("autumnnote");l=s(l);var u={__name:`AutumnNote`,props:{options:{type:Object,default:()=>({})}},setup(e,{expose:t}){let n=e,r=(0,c.ref)(null),i=(0,c.shallowRef)(null);return(0,c.onMounted)(()=>{i.value=l.default.create(r.value,n.options)}),(0,c.onUnmounted)(()=>{i.value?.destroy(),i.value=null}),t({editor:i}),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`container`,ref:r},null,512))}};exports.AutumnNoteEditor=u,exports.default=u;

package/dist/index.js

@@ -1,24 +1,23 @@
-import { ref as n, onMounted as a, onUnmounted as c, openBlock as s, createElementBlock as p } from "vue";
-import m from "autumnnote";
-const _ = {
-  __name: "AutumnNote",
-  props: {
-    options: { type: Object, default: () => ({}) }
-  },
-  setup(r, { expose: u }) {
-    const l = r, o = n(null), e = n(null);
-    return a(() => {
-      e.value = m.create(o.value, l.options);
-    }), c(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), e.value = null;
-    }), u({ editor: e }), (t, i) => (s(), p("div", {
-      ref_key: "container",
-      ref: o
-    }, null, 512));
-  }
-};
-export {
-  _ as AutumnNoteEditor,
-  _ as default
+import { createElementBlock as e, onMounted as t, onUnmounted as n, openBlock as r, ref as i, shallowRef as a } from "vue";
+import o from "autumnnote";
+//#region src/AutumnNote.vue
+var s = {
+	__name: "AutumnNote",
+	props: { options: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(s, { expose: c }) {
+		let l = s, u = i(null), d = a(null);
+		return t(() => {
+			d.value = o.create(u.value, l.options);
+		}), n(() => {
+			d.value?.destroy(), d.value = null;
+		}), c({ editor: d }), (t, n) => (r(), e("div", {
+			ref_key: "container",
+			ref: u
+		}, null, 512));
+	}
 };
+//#endregion
+export { s as AutumnNoteEditor, s as default };

package/index.d.ts

@@ -1,5 +1,5 @@
 import type { Context, AsnOptions } from 'autumnnote';
-import type { DefineComponent, Ref } from 'vue';
+import type { DefineComponent } from 'vue';
 
 export interface AutumnNoteEditorProps {
   /** Editor configuration object. All AsnOptions fields are accepted. */
@@ -7,17 +7,17 @@ export interface AutumnNoteEditorProps {
 }
 
 export interface AutumnNoteEditorExpose {
-  /** Reactive ref holding the AutumnNote Context instance (available after mount). */
-  editor: Ref<Context | null>;
+  /** AutumnNote Context instance, or null before the component mounts. */
+  editor: Context | null;
 }
 
 /**
  * Vue 3 component that mounts an AutumnNote WYSIWYG editor.
  *
- * Access the editor instance via the exposed `editor` ref:
+ * Access the editor instance via the exposed `editor` property:
  * ```vue
  * <AutumnNoteEditor ref="editorRef" :options="{ height: 300 }" />
- * // editorRef.value.editor.value?.getHTML()
+ * // editorRef.value.editor?.getHTML()
  * ```
  * Use `v-if` to force remount on options change.
  */

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "autumnnote-vue",
-  "version": "1.13.0",
-  "description": "Official Vue 3 wrapper for AutumnNote — zero-dependency WYSIWYG editor. Mount the editor with a single component and access the full Context API via ref.",
+  "version": "1.15.0",
+  "description": "Official Vue 3 wrapper for Autumn Note — zero-dependency WYSIWYG editor. Mount the editor with a single component and access the full Context API via ref.",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "index.d.ts",
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./index.d.ts"
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -57,12 +57,14 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.0",
-    "vite": "^6.0.0",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "vite": "^8.1.4",
     "vue": "^3.4.0",
-    "autumnnote": "1.13.0"
+    "autumnnote": "1.15.0"
   },
   "scripts": {
-    "build": "vite build"
+    "build": "vite build",
+    "test": "vitest run",
+    "typecheck": "tsc --project tsconfig.test.json"
   }
 }