@anweb/nuxt-aneditor 0.1.1

package/README.md

@@ -0,0 +1,81 @@
+# AnEditor — WYSIWYG markdown editor for Nuxt
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+Visual WYSIWYG editor with markdown output. Toolbar, keyboard shortcuts, tables, lists, images, YouTube embeds, undo/redo.
+
+## Setup
+
+```bash
+npm i @anweb/nuxt-aneditor
+```
+
+```ts
+export default defineNuxtConfig({
+  modules: ['@anweb/nuxt-aneditor']
+})
+```
+
+## Components
+
+| Name | Description |
+|---|---|
+| `AnEditor` | WYSIWYG editor with toolbar, markdown v-model |
+| `AnEditorViewer` | Read-only markdown renderer |
+
+## AnEditor Props
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `modelValue` | `string` | `''` | Markdown content (v-model) |
+| `placeholder` | `string` | `''` | Placeholder text |
+| `upload` | `(file: File) => Promise<string>` | — | Image upload function, returns URL |
+| `disabled` | `boolean` | `false` | Disable editing |
+
+## AnEditor Exposed
+
+| Method | Description |
+|---|---|
+| `focus()` | Focus the editor |
+| `clear()` | Clear all content |
+
+## AnEditorViewer Props
+
+| Prop | Type | Description |
+|---|---|---|
+| `content` | `string` | Markdown string to render |
+
+## Keyboard Shortcuts
+
+| Shortcut | Action |
+|---|---|
+| `Ctrl+B` | Bold |
+| `Ctrl+I` | Italic |
+| `Ctrl+K` | Insert link |
+| `Ctrl+Z` | Undo |
+| `Ctrl+Shift+Z` | Redo |
+| `Tab` | Indent list item |
+| `Shift+Tab` | Outdent list item |
+
+## CSS Variables
+
+| Variable | Default | Description |
+|---|---|---|
+| `--an-editor-border` | `#e0e0e0` | Border color |
+| `--an-editor-border-focus` | `#7c83ff` | Focus border color |
+| `--an-editor-background` | `#fff` | Editor background |
+| `--an-editor-toolbar-background` | `#fafafa` | Toolbar background |
+| `--an-editor-font-size` | `15px` | Content font size |
+| `--an-editor-min-height` | `200px` | Minimum editor height |
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/@anweb/nuxt-aneditor/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/@anweb/nuxt-aneditor
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/@anweb/nuxt-aneditor.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/@anweb/nuxt-aneditor
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

package/dist/module.d.mts

@@ -0,0 +1,14 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { ModuleOptions as ModuleOptions$1 } from '@nuxt/icon';
+
+interface ModuleOptions {
+}
+declare module '@nuxt/schema' {
+    interface NuxtOptions {
+        icon?: Partial<ModuleOptions$1>;
+    }
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.d.ts

@@ -0,0 +1,14 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { ModuleOptions as ModuleOptions$1 } from '@nuxt/icon';
+
+interface ModuleOptions {
+}
+declare module '@nuxt/schema' {
+    interface NuxtOptions {
+        icon?: Partial<ModuleOptions$1>;
+    }
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "AnEditor",
+  "configKey": "aneditor",
+  "version": "0.1.1",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,29 @@
+import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "AnEditor",
+    configKey: "aneditor"
+  },
+  defaults: {},
+  moduleDependencies: {
+    "@anweb/nuxt-ancore": {},
+    "@nuxt/icon": {}
+  },
+  async setup(_options, _nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    _nuxt.options.alias["#aneditor/types"] = resolve("./runtime/types");
+    _nuxt.options.icon = _nuxt.options.icon || {};
+    _nuxt.options.icon.customCollections = [
+      ..._nuxt.options.icon.customCollections || [],
+      { prefix: "aneditor", dir: resolve("./runtime/assets/icons") }
+    ];
+    addComponentsDir({
+      path: resolve("./runtime/components")
+    });
+    addImportsDir(resolve("./runtime/composables"));
+    addImportsDir(resolve("./runtime/utils"));
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/assets/icons/blockquote.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M4 4h4v4H6c0 1.1.9 2 2 2v2a4 4 0 0 1-4-4V4zm8 0h4v4h-2c0 1.1.9 2 2 2v2a4 4 0 0 1-4-4V4z"/></svg>

package/dist/runtime/assets/icons/bold.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4h5.5a3.5 3.5 0 0 1 0 7H6V4z"/><path d="M6 11h6.5a3.5 3.5 0 0 1 0 7H6v-7z"/></svg>

package/dist/runtime/assets/icons/code-block.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="16" height="16" rx="2"/><polyline points="7 12 5 10 7 8"/><polyline points="13 8 15 10 13 12"/></svg>

package/dist/runtime/assets/icons/code.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 14 2 10 6 6"/><polyline points="14 6 18 10 14 14"/></svg>

package/dist/runtime/assets/icons/edit.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l5 5-9 9H3v-5l9-9z"/></svg>

package/dist/runtime/assets/icons/expand.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 8 4 4 8 4" /><polyline points="16 12 16 16 12 16" /><line x1="4" y1="4" x2="9" y2="9" /><line x1="16" y1="16" x2="11" y2="11" /></svg>

package/dist/runtime/assets/icons/heading.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="4" x2="4" y2="16"/><line x1="16" y1="4" x2="16" y2="16"/><line x1="4" y1="10" x2="16" y2="10"/></svg>

package/dist/runtime/assets/icons/horizontal-rule.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><line x1="2" y1="10" x2="18" y2="10"/></svg>

package/dist/runtime/assets/icons/image.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="16" height="14" rx="2"/><circle cx="7" cy="8" r="1.5"/><path d="M18 13l-4-4L4 17"/></svg>

package/dist/runtime/assets/icons/italic.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="3" x2="8" y2="17"/><line x1="7" y1="3" x2="15" y2="3"/><line x1="5" y1="17" x2="13" y2="17"/></svg>

package/dist/runtime/assets/icons/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 12a4 4 0 0 0 5.66 0l2-2a4 4 0 0 0-5.66-5.66l-1 1"/><path d="M12 8a4 4 0 0 0-5.66 0l-2 2a4 4 0 0 0 5.66 5.66l1-1"/></svg>

package/dist/runtime/assets/icons/ordered-list.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="9" y1="5" x2="17" y2="5"/><line x1="9" y1="10" x2="17" y2="10"/><line x1="9" y1="15" x2="17" y2="15"/><text x="3" y="7" font-size="6" fill="currentColor" stroke="none" font-family="sans-serif">1</text><text x="3" y="12" font-size="6" fill="currentColor" stroke="none" font-family="sans-serif">2</text><text x="3" y="17" font-size="6" fill="currentColor" stroke="none" font-family="sans-serif">3</text></svg>

package/dist/runtime/assets/icons/redo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 8 18 10 16 12"/><path d="M18 10H6a4 4 0 0 0 0 8h4"/></svg>

package/dist/runtime/assets/icons/remove.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="5" x2="15" y2="15"/><line x1="15" y1="5" x2="5" y2="15"/></svg>

package/dist/runtime/assets/icons/strikethrough.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 5a4 4 0 0 0-4-2H7a4 4 0 0 0 0 7"/><path d="M7 15a4 4 0 0 0 4 2h3a4 4 0 0 0 0-7"/><line x1="2" y1="10" x2="18" y2="10"/></svg>

package/dist/runtime/assets/icons/table.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="16" height="14" rx="2"/><line x1="2" y1="8" x2="18" y2="8"/><line x1="2" y1="13" x2="18" y2="13"/><line x1="8" y1="3" x2="8" y2="17"/><line x1="13" y1="3" x2="13" y2="17"/></svg>

package/dist/runtime/assets/icons/task-list.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="4" height="4" rx="1"/><line x1="9" y1="5" x2="18" y2="5"/><path d="M3 12l1.5 1.5L7 11"/><line x1="9" y1="12" x2="18" y2="12"/><rect x="2" y="15" width="4" height="4" rx="1"/><line x1="9" y1="17" x2="18" y2="17"/></svg>

package/dist/runtime/assets/icons/undo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 8 2 10 4 12"/><path d="M2 10h12a4 4 0 0 1 0 8H10"/></svg>

package/dist/runtime/assets/icons/unordered-list.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="9" y1="5" x2="17" y2="5"/><line x1="9" y1="10" x2="17" y2="10"/><line x1="9" y1="15" x2="17" y2="15"/><circle cx="4" cy="5" r="1.5" fill="currentColor"/><circle cx="4" cy="10" r="1.5" fill="currentColor"/><circle cx="4" cy="15" r="1.5" fill="currentColor"/></svg>

package/dist/runtime/assets/icons/upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 14V3"/><polyline points="6 7 10 3 14 7"/><path d="M17 14v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2"/></svg>

package/dist/runtime/assets/icons/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"><path d="M17.8 6.2s-.2-1.2-.7-1.7c-.7-.7-1.4-.7-1.8-.8C13 3.5 10 3.5 10 3.5s-3 0-5.3.2c-.4.1-1.1.1-1.8.8-.5.5-.7 1.7-.7 1.7S2 7.6 2 9v1.3c0 1.4.2 2.8.2 2.8s.2 1.2.7 1.7c.7.7 1.5.7 1.9.8 1.4.1 5.2.2 5.2.2s3 0 5.3-.2c.4-.1 1.1-.1 1.8-.8.5-.5.7-1.7.7-1.7s.2-1.4.2-2.8V9c0-1.4-.2-2.8-.2-2.8zM8.5 12.5v-5L13 10l-4.5 2.5z"/></svg>