@umoteam/umo-editor-nuxt 0.0.2 → 0.1.1

package/README.md

@@ -25,7 +25,12 @@ Umo Editor 最大的特点是代码完全开源且自主可控，支持私有部
 Umo Editor is an open-source document editor based on Vue3 and Tiptap. It provides powerful document editing capabilities and AI-assisted creation features. Umo Editor supports pagination, Markdown syntax, rich text editing, insertion of various node types, page style settings, document export, and printing. Additionally, it supports custom extensions, multi-language settings, and a dark theme.
 
 Umo Editor's largest feature is that its code is completely open source and controllable. It supports private deployment, allowing you to use it in an intranet environment without worrying about data security issues. At the same time, Umo Editor is based on Vue3 and Tiptap, both of which have rich ecosystems and communities, making it easy to solve problems when needed.
-![Umo Editor](https://unpkg.com/@umoteam/editor-external@latest/static/umo-editor-en@2x.png)
+
+![umo editor](https://s2.umodoc.com/images/umo-editor1-en@2x.png)
+
+![umo editor](https://s2.umodoc.com/images/umo-editor2-en@2x.png)
+
+![umo editor](https://s2.umodoc.com/images/umo-editor3-en@2x.png)
 
 As an independent Vue3 plugin, Umo Editor can be easily integrated into various Vue3 projects with zero configuration. For non-Vue3 projects, you can embed Umo Editor into your project via an iframe.
 
@@ -71,4 +76,4 @@ const options = ref({
 </script>
 ```
 
-That's it! You can now use Umo Editor in your Nuxt App ✨
+That's it! You can now use Umo Editor in your Nuxt4 App ✨

package/dist/module.d.mts

@@ -1,3 +1,9 @@
-declare const _default: any;
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface UmoEditorOptions {
+    [key: string]: any;
+}
+declare const _default: _nuxt_schema.NuxtModule<UmoEditorOptions, UmoEditorOptions, false>;
 
 export { _default as default };
+export type { UmoEditorOptions };

package/dist/module.d.ts

@@ -0,0 +1,9 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface UmoEditorOptions {
+    [key: string]: any;
+}
+declare const _default: _nuxt_schema.NuxtModule<UmoEditorOptions, UmoEditorOptions, false>;
+
+export { _default as default };
+export type { UmoEditorOptions };

package/dist/module.json

@@ -1,12 +1,12 @@
 {
-  "name": "umo-editor",
+  "name": "@umoteam/umo-editor-nuxt",
   "configKey": "umoEditor",
   "compatibility": {
-    "nuxt": "^3.0.0"
+    "nuxt": ">=4.0.0"
   },
-  "version": "0.0.2",
+  "version": "0.1.1",
   "builder": {
-    "@nuxt/module-builder": "1.0.1",
-    "unbuild": "3.5.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -1,50 +1,82 @@
-import { defineNuxtModule, createResolver, addPluginTemplate } from '@nuxt/kit';
-import serialize from 'serialize-javascript';
+import { defineNuxtModule, createResolver, addPlugin, addComponent } from '@nuxt/kit';
 
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
-    name: "umo-editor",
+    name: "@umoteam/umo-editor-nuxt",
     configKey: "umoEditor",
     compatibility: {
-      nuxt: "^3.0.0"
+      nuxt: ">=4.0.0"
     }
   },
-  defaults: {},
-  setup(_options, _nuxt) {
-    const resolver = createResolver(import.meta.url);
-    const runtimeDir = resolver.resolve("./runtime");
-    const options = serialize(_options, {});
+  defaults: {
+    locale: "en-US"
+  },
+  async setup(moduleOptions, nuxt) {
     const alias = {
       "dayjs": "dayjs",
       "debug": "debug",
       "@braintree/sanitize-url": "@braintree/sanitize-url",
       "ndarray": "ndarray",
-      "highlight.js": "highlight.js",
       "jsbarcode": "jsbarcode",
       "file-saver": "file-saver",
       "dom-to-image-more": "dom-to-image-more",
       "nzh": "nzh",
-      "qrcode-svg": "qrcode-svg",
-      "@tiptap-extend/columns": "@tiptap-extend/columns",
-      "file64": "file64"
+      "pure-svg-code": "pure-svg-code",
+      "file64": "file64",
+      "highlight.js": "highlight.js",
+      "plyr": "plyr"
     };
-    _nuxt.options.alias = {
-      ..._nuxt.options.alias,
+    nuxt.options.alias = {
+      ...nuxt.options.alias,
       ...alias
     };
-    addPluginTemplate({
-      filename: "umo-editor.js",
-      getContents() {
-        return `import { defineNuxtPlugin } from '#imports';
-        import UmoEditor from '${runtimeDir}/components'
-
-        export default defineNuxtPlugin(({ vueApp }) => {
-          vueApp.config.globalProperties.$umoEditorOptions = ${options}
-          vueApp.component('UmoEditor', UmoEditor)
-        })`;
-      }
+    nuxt.options.vite ||= {};
+    nuxt.options.vite.optimizeDeps ||= {};
+    nuxt.options.vite.optimizeDeps.include ||= [];
+    const optimizeInclude = nuxt.options.vite.optimizeDeps.include;
+    if (!optimizeInclude.includes("@tiptap-extend/columns")) {
+      optimizeInclude.push("@tiptap-extend/columns");
+    }
+    nuxt.options.vite.optimizeDeps.esbuildOptions ||= {};
+    if (nuxt.options.vite.optimizeDeps.esbuildOptions.sourcemap == null) {
+      nuxt.options.vite.optimizeDeps.esbuildOptions.sourcemap = false;
+    }
+    const publicRuntimeConfig = nuxt.options.runtimeConfig.public ||= {};
+    const existingConfig = publicRuntimeConfig.umoEditor ||= {};
+    publicRuntimeConfig.umoEditor = {
+      ...existingConfig,
+      ...moduleOptions
+    };
+    if (!nuxt.options.build.transpile.includes("@umoteam/editor")) {
+      nuxt.options.build.transpile.push("@umoteam/editor");
+    }
+    const resolver = createResolver(import.meta.url);
+    addPlugin(resolver.resolve("./runtime/plugin.client"));
+    addComponent({
+      name: "UmoEditor",
+      export: "UmoEditor",
+      filePath: "@umoteam/editor",
+      mode: "client"
+    });
+    addComponent({
+      name: "UmoDialog",
+      export: "UmoDialog",
+      filePath: "@umoteam/editor",
+      mode: "client"
+    });
+    addComponent({
+      name: "UmoMenuButton",
+      export: "UmoMenuButton",
+      filePath: "@umoteam/editor",
+      mode: "client"
+    });
+    addComponent({
+      name: "UmoTooltip",
+      export: "UmoTooltip",
+      filePath: "@umoteam/editor",
+      mode: "client"
     });
   }
 });
 
-export { module as default };
+export { module$1 as default };

package/dist/runtime/plugin.client.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugin.client.js

@@ -0,0 +1,6 @@
+import { defineNuxtPlugin, useRuntimeConfig } from "#app";
+import { useUmoEditor } from "@umoteam/editor";
+export default defineNuxtPlugin((nuxtApp) => {
+  const runtimeConfig = useRuntimeConfig();
+  nuxtApp.vueApp.use(useUmoEditor, runtimeConfig.public.umoEditor || {});
+});

package/dist/types.d.mts

@@ -5,3 +5,5 @@ import type { default as Module } from './module.mjs'
 export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
 
 export { default } from './module.mjs'
+
+export { type UmoEditorOptions } from './module.mjs'

package/package.json

@@ -1,15 +1,21 @@
 {
   "name": "@umoteam/umo-editor-nuxt",
-  "version": "0.0.2",
+  "version": "0.1.1",
+  "type": "module",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
   "author": {
     "name": "umodoc",
     "email": "contact@umodoc.com",
     "url": "https://www.umodoc.com"
   },
-  "description": "Quickly integrate Umo editor into your Nuxt3 applications",
-  "repository": "umodoc/umo-editor-nuxt",
-  "license": "MIT",
-  "type": "module",
+  "description": "Quickly integrate Umo editor into your Nuxt4 applications",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/umodoc/editor-nuxt.git"
+  },
   "keywords": [
     "umo editor",
     "umo editor nuxt",
@@ -30,6 +36,7 @@
     "tiptap",
     "nuxt module"
   ],
+  "license": "MIT",
   "homepage": "https://editor.umodoc.com/en/docs",
   "exports": {
     ".": {
@@ -38,34 +45,39 @@
     }
   },
   "main": "./dist/module.mjs",
-  "types": "./dist/types.d.mts",
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
-    "lint": "eslint ."
+    "dev:prepare": "nuxt build-module --build --stub && nuxt prepare playground",
+    "dev": "nuxt dev playground",
+    "prepack": "nuxt build-module --build",
+    "typecheck": "nuxt build-module --build --stub",
+    "lint": "eslint .",
+    "test": "vitest run"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.17.4",
-    "@umoteam/editor": "latest",
-    "serialize-javascript": "^6.0.2"
+    "@nuxt/kit": "^4.0.0",
+    "@umoteam/editor": "latest"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.4.1",
-    "@nuxt/eslint-config": "^1.4.1",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.4",
-    "@types/node": "latest",
-    "changelogen": "^0.6.1",
-    "eslint": "^9.27.0",
-    "nuxt": "^3.17.4",
-    "typescript": "~5.8.3",
-    "vitest": "^3.1.4",
-    "vue-tsc": "^2.2.10"
+    "@eslint/js": "^9.19.0",
+    "@nuxt/module-builder": "^1.0.0",
+    "@types/node": "^22.13.5",
+    "eslint": "^9.19.0",
+    "nuxt": "^4.0.0",
+    "typescript": "^5.7.3",
+    "unbuild": "^3.3.1",
+    "vitest": "^2.1.8"
+  },
+  "peerDependencies": {
+    "nuxt": ">=4.0.0"
   }
 }

package/dist/runtime/components/index.vue

@@ -1,13 +0,0 @@
-<script setup>
-import { useNuxtApp } from "#imports";
-import { UmoEditor } from "@umoteam/editor";
-defineOptions({ name: "UmoEditor" });
-const { vueApp } = useNuxtApp();
-const options = vueApp.config.globalProperties.$umoEditorOptions;
-</script>
-
-<template>
-  <client-only>
-    <umo-editor v-bind="options" />
-  </client-only>
-</template>

package/dist/runtime/components/index.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;