open-edit 0.1.0

package/dist/plugins/ai.d.ts

@@ -0,0 +1,16 @@
+import type { EditorPlugin } from '../core/types.js';
+export interface AIPluginOptions {
+    /** Anthropic API key. Keep this server-side in production — use `endpoint` for a proxy. */
+    apiKey?: string;
+    /**
+     * Custom endpoint URL (proxy server). The plugin POSTs the same payload as the
+     * Anthropic Messages API. Use this to avoid exposing your API key in the browser.
+     * Example: '/api/ai' → your server calls Anthropic and returns the response.
+     */
+    endpoint?: string;
+    /** Model ID. Default: 'claude-sonnet-4-6' */
+    model?: string;
+    /** Max output tokens. Default: 2048 */
+    maxTokens?: number;
+}
+export declare function createAIPlugin(opts?: AIPluginOptions): EditorPlugin;

package/dist/plugins/callout.d.ts

@@ -0,0 +1,5 @@
+import type { EditorPlugin } from '../core/types.js';
+import type { CalloutVariant } from '../core/types.js';
+declare const CALLOUT_VARIANTS: CalloutVariant[];
+export declare function createCalloutPlugin(): EditorPlugin;
+export { CALLOUT_VARIANTS };

package/dist/plugins/emoji.d.ts

@@ -0,0 +1,2 @@
+import type { EditorPlugin } from '../core/types.js';
+export declare function createEmojiPlugin(): EditorPlugin;

package/dist/plugins/highlight.d.ts

@@ -0,0 +1,24 @@
+import type { EditorPlugin } from '../core/types.js';
+declare global {
+    interface Window {
+        hljs?: {
+            highlightElement(el: HTMLElement): void;
+            configure(opts: Record<string, unknown>): void;
+        };
+    }
+}
+export interface HighlightPluginOptions {
+    /** Force 'light' or 'dark' theme for code highlighting. Default: follows editor theme. */
+    theme?: 'light' | 'dark';
+    /**
+     * Custom highlight.js CSS theme URL.
+     * Pass a string to use the same URL for light and dark,
+     * or an object `{ light, dark }` to use different URLs per mode.
+     * Available themes: https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/
+     */
+    themeUrl?: string | {
+        light: string;
+        dark: string;
+    };
+}
+export declare function createHighlightPlugin(opts?: HighlightPluginOptions): EditorPlugin;

package/dist/plugins/slash-commands.d.ts

@@ -0,0 +1,22 @@
+import type { EditorPlugin, EditorInterface } from '../core/types.js';
+export interface SlashCommand {
+    /** Eindeutiger Bezeichner, wird für CSS data-Attribute verwendet */
+    id: string;
+    /** Angezeigter Titel im Menü */
+    title: string;
+    /** Optionale kurze Beschreibung unter dem Titel */
+    description?: string;
+    /** Icon: SVG-String oder HTML-Text (z.B. "H1", "¶") */
+    icon: string;
+    /** Suchbegriffe für die Filterung (lowercase) */
+    keywords: string[];
+    /** Wird ausgeführt wenn der Nutzer den Befehl auswählt */
+    execute: (editor: EditorInterface) => void;
+}
+export interface SlashCommandsOptions {
+    /** Komplett eigene Befehlsliste (ersetzt die Standardbefehle) */
+    commands?: SlashCommand[];
+    /** Zusätzliche Befehle die zu den Standardbefehlen hinzugefügt werden */
+    extraCommands?: SlashCommand[];
+}
+export declare function createSlashCommandsPlugin(options?: SlashCommandsOptions): EditorPlugin;

package/dist/plugins/template-tags.d.ts

@@ -0,0 +1,2 @@
+import type { EditorPlugin } from '../core/types.js';
+export declare function createTemplateTagPlugin(): EditorPlugin;

package/dist/view/bubble-toolbar.d.ts

@@ -0,0 +1,16 @@
+import type { EditorInterface } from '../core/types.js';
+import type { EditorLocale } from '../locales/types.js';
+export declare class BubbleToolbar {
+    private el;
+    private editor;
+    private locale;
+    private hideTimer;
+    constructor(el: HTMLElement, editor: EditorInterface, locale?: EditorLocale);
+    private get editorEl();
+    private render;
+    onSelectionChange(): void;
+    private showAtSelection;
+    private hide;
+    private updateActiveState;
+    destroy(): void;
+}

package/dist/view/code-lang-picker.d.ts

@@ -0,0 +1,20 @@
+import type { EditorInterface } from '../core/types.js';
+export declare class CodeLangPicker {
+    private editorEl;
+    private editor;
+    private pickerEl;
+    private activeIndex;
+    private filtered;
+    private targetPreEl;
+    private onOutside;
+    private onOutsideTimer;
+    constructor(editorEl: HTMLElement, editor: EditorInterface);
+    private readonly onBadgeMousedown;
+    private readonly onBadgeClick;
+    private openPicker;
+    private renderList;
+    private updateActive;
+    private selectLang;
+    private closePicker;
+    destroy(): void;
+}

package/dist/view/icons.d.ts

@@ -0,0 +1 @@
+export declare const ICONS: Record<string, string>;

package/dist/view/image-resize.d.ts

@@ -0,0 +1,15 @@
+export declare class ImageResizer {
+    private editorEl;
+    private syncCallback;
+    private overlay;
+    private selectedImg;
+    private scrollParents;
+    private boundUpdatePos;
+    constructor(editorEl: HTMLElement, syncCallback: () => void);
+    destroy(): void;
+    private readonly onEditorClick;
+    private readonly onDocMousedown;
+    private selectImage;
+    private hideOverlay;
+    private startResize;
+}

package/dist/view/renderer.d.ts

@@ -0,0 +1,11 @@
+import type { EditorDocument } from '../core/types.js';
+/**
+ * Full render: replace the content of `root` with a fresh render.
+ * Attaches data-oe-key to each block element for future diffing.
+ */
+export declare function renderDocument(doc: EditorDocument, root: HTMLElement): void;
+/**
+ * Patch render: compare existing block elements by key and update only changed ones.
+ * Blocks without a key get a fresh render.
+ */
+export declare function patchDocument(doc: EditorDocument, root: HTMLElement, keys: string[]): string[];

package/dist/view/selection.d.ts

@@ -0,0 +1,17 @@
+import type { EditorDocument, ModelSelection } from '../core/types.js';
+/**
+ * Convert the current browser selection into a ModelSelection.
+ * Returns null if there's no valid selection within the editor root.
+ */
+export declare function domSelectionToModel(root: HTMLElement, _doc: EditorDocument): ModelSelection | null;
+/**
+ * Restore a selection in the DOM after a re-render.
+ * Uses character offsets to find the correct text node.
+ */
+export declare function modelSelectionToDOM(root: HTMLElement, sel: ModelSelection): void;
+/** Get the block index of the element containing the current cursor */
+export declare function getActiveBlockIndex(root: HTMLElement): number;
+/** Get the tag name of the block element containing the cursor */
+export declare function getActiveBlockTag(root: HTMLElement): string;
+/** Collect all mark types active on every character in the current selection */
+export declare function getActiveMarks(root: HTMLElement): Set<string>;

package/dist/view/styles.d.ts

@@ -0,0 +1 @@
+export declare function injectStyles(theme: 'light' | 'dark' | 'auto'): void;

package/dist/view/toolbar.d.ts

@@ -0,0 +1,31 @@
+import type { EditorInterface, ToolbarItemConfig } from '../core/types.js';
+import type { EditorLocale } from '../locales/types.js';
+/** All item IDs available in the default toolbar, in order. */
+export declare const TOOLBAR_ITEM_IDS: readonly ["undo", "redo", "blockType", "bold", "italic", "underline", "code", "alignLeft", "alignCenter", "alignRight", "alignJustify", "bulletList", "orderedList", "link", "image", "blockquote", "hr", "callout"];
+/** English default toolbar (backwards-compatible export). */
+export declare const DEFAULT_TOOLBAR: ToolbarItemConfig[];
+/**
+ * Filter the default toolbar by a list of item IDs.
+ * Orphaned separators (leading, trailing, consecutive) are removed automatically.
+ */
+export declare function filterToolbar(ids: string[], locale?: EditorLocale): ToolbarItemConfig[];
+export declare class Toolbar {
+    private el;
+    private editor;
+    private config;
+    private itemEls;
+    private disabled;
+    private locale;
+    private calloutPickerEl;
+    constructor(el: HTMLElement, editor: EditorInterface, config?: ToolbarItemConfig[], toolbarItems?: string[], locale?: EditorLocale);
+    private render;
+    private renderItem;
+    private handleCommand;
+    private toggleCalloutPicker;
+    private closeCalloutPicker;
+    private handleBlockTypeChange;
+    private handleLinkCommand;
+    private handleImageCommand;
+    updateActiveState(): void;
+    setDisabled(disabled: boolean): void;
+}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "open-edit",
+  "version": "0.1.0",
+  "description": "Lightweight, embeddable WYSIWYG HTML editor. Zero dependencies, plugin system, clean HTML5 output.",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/open-edit.cjs.js",
+  "module": "./dist/open-edit.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/open-edit.esm.js",
+      "require": "./dist/open-edit.cjs.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cnagel08/open-edit.git"
+  },
+  "bugs": {
+    "url": "https://github.com/cnagel08/open-edit/issues"
+  },
+  "homepage": "https://github.com/cnagel08/open-edit#readme",
+  "keywords": [
+    "wysiwyg",
+    "editor",
+    "rich-text",
+    "html-editor",
+    "contenteditable",
+    "typescript",
+    "tinymce-alternative",
+    "ckeditor-alternative",
+    "embeddable",
+    "lightweight"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && tsc -p tsconfig.lib.json --emitDeclarationOnly",
+    "preview": "vite",
+    "lint": "eslint . --ext .ts --max-warnings 0",
+    "test": "vitest run --environment jsdom",
+    "test:watch": "vitest --environment jsdom",
+    "licenses:summary": "npx license-checker --summary --development",
+    "licenses:full": "npx license-checker --csv --development > THIRD_PARTY_LICENSES.csv"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^8.57.0",
+    "@typescript-eslint/parser": "^8.57.0",
+    "eslint": "^8.57.0",
+    "jsdom": "^28.1.0",
+    "typescript": "^5.5.0",
+    "vite": "^8.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.0"
+  }
+}