@overlap/rte 0.1.6 → 0.1.8

package/dist/plugins/alignment.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from "../types";
+/**
+ * Creates an alignment plugin with a dropdown.
+ * @param alignments - Which alignments to offer, defaults to all four.
+ */
+export declare function createAlignmentPlugin(alignments?: string[]): Plugin;
+/** Pre-built alignment plugin with all four options */
+export declare const alignmentPlugin: Plugin;
+//# sourceMappingURL=alignment.d.ts.map

package/dist/plugins/alignment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment.d.ts","sourceRoot":"","sources":["../../src/plugins/alignment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,MAAM,EAAE,MAAM,UAAU,CAAC;AAqE7C;;;GAGG;AACH,wBAAgB,qBAAqB,CACjC,UAAU,GAAE,MAAM,EAA2C,GAC9D,MAAM,CA8CR;AAED,uDAAuD;AACvD,eAAO,MAAM,eAAe,EAAE,MAAgC,CAAC"}

package/dist/plugins/index.d.ts

@@ -5,6 +5,10 @@ import { Plugin } from "../types";
 export declare const boldPlugin: Plugin;
 export declare const italicPlugin: Plugin;
 export declare const underlinePlugin: Plugin;
+export declare const strikethroughPlugin: Plugin;
+export declare const subscriptPlugin: Plugin;
+export declare const superscriptPlugin: Plugin;
+export declare const codeInlinePlugin: Plugin;
 export declare const undoPlugin: Plugin;
 export declare const redoPlugin: Plugin;
 /**

package/dist/plugins/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAO1D;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAK1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAK7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,oBAAoB,EAAE,MAmC3B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,qBAAqB,EAAE,MA2C5B,CAAC;AAGF,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAevD,eAAO,MAAM,cAAc,EAAE,MAAM,EAUlC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAO1D;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAK1B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAK7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAKjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAK/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MA8D9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAKxB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,oBAAoB,EAAE,MAmC3B,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,qBAAqB,EAAE,MA2C5B,CAAC;AAGF,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAevD,eAAO,MAAM,cAAc,EAAE,MAAM,EAUlC,CAAC"}

package/dist/plugins/linkDialog.d.ts

@@ -0,0 +1,17 @@
+import { Plugin } from "../types";
+interface AdvancedLinkOptions {
+    enablePageRef?: boolean;
+    enableTarget?: boolean;
+    enableRel?: boolean;
+    enableTitle?: boolean;
+    enableUrlExtra?: boolean;
+}
+/**
+ * Creates an advanced link plugin with a floating dialog.
+ * Supports URL, target, rel, title, page reference, and URL extra.
+ */
+export declare function createAdvancedLinkPlugin(options?: AdvancedLinkOptions): Plugin;
+/** Pre-built advanced link plugin with target + rel + title enabled */
+export declare const advancedLinkPlugin: Plugin;
+export {};
+//# sourceMappingURL=linkDialog.d.ts.map

package/dist/plugins/linkDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkDialog.d.ts","sourceRoot":"","sources":["../../src/plugins/linkDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAe1D,UAAU,mBAAmB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAkbD;;;GAGG;AACH,wBAAgB,wBAAwB,CACpC,OAAO,GAAE,mBAAwB,GAClC,MAAM,CAwCR;AAED,uEAAuE;AACvE,eAAO,MAAM,kBAAkB,EAAE,MAAmC,CAAC"}

package/dist/plugins/table.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { Plugin } from "../types";
+export declare const tablePlugin: Plugin;
+export declare const TableContextMenuProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=table.d.ts.map

package/dist/plugins/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/plugins/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAA0B,MAAM,EAAE,MAAM,UAAU,CAAC;AAoR1D,eAAO,MAAM,WAAW,EAAE,MAczB,CAAC;AAMF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CA6BA,CAAC"}

package/dist/styles.css

@@ -726,3 +726,294 @@
 .rte-spin {
     animation: spin 0.8s linear infinite;
 }
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Table Styles
+   ═══════════════════════════════════════════════════════════════════ */
+
+.rte-table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 12px 0;
+    font-size: inherit;
+    table-layout: auto;
+}
+
+.rte-table td,
+.rte-table th {
+    border: 1px solid var(--rte-border-color);
+    padding: 8px 12px;
+    min-width: 40px;
+    vertical-align: top;
+    line-height: 1.5;
+}
+
+.rte-table th {
+    background: var(--rte-button-hover-bg);
+    font-weight: 600;
+}
+
+.rte-table td:focus,
+.rte-table th:focus {
+    outline: 2px solid var(--rte-primary-color);
+    outline-offset: -2px;
+}
+
+/* Table Insert Dialog */
+.rte-table-insert-dialog {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 1000;
+    background: white;
+    border: 1px solid var(--rte-border-color);
+    border-radius: 8px;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+    padding: 16px;
+    min-width: 200px;
+}
+
+.rte-table-insert-title {
+    font-size: 13px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    color: var(--rte-text-color);
+}
+
+.rte-table-insert-fields {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 12px;
+}
+
+.rte-table-insert-label {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    font-size: 12px;
+    color: var(--rte-text-secondary);
+    flex: 1;
+}
+
+.rte-table-insert-input {
+    padding: 6px 8px;
+    border: 1px solid var(--rte-border-color);
+    border-radius: 4px;
+    font-size: 14px;
+    width: 100%;
+    font-family: var(--rte-font-family);
+    outline: none;
+}
+
+.rte-table-insert-input:focus {
+    border-color: var(--rte-primary-color);
+    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
+}
+
+.rte-table-insert-btn {
+    width: 100%;
+    padding: 8px 12px;
+    background: var(--rte-primary-color);
+    color: white;
+    border: none;
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    font-family: var(--rte-font-family);
+    transition: background 0.15s;
+}
+
+.rte-table-insert-btn:hover {
+    filter: brightness(0.9);
+}
+
+/* Table Context Menu */
+.rte-table-context-menu {
+    z-index: 1000;
+    background: white;
+    border: 1px solid var(--rte-border-color);
+    border-radius: 8px;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+    padding: 4px;
+    min-width: 180px;
+}
+
+.rte-table-context-menu button {
+    display: block;
+    width: 100%;
+    padding: 8px 12px;
+    background: none;
+    border: none;
+    border-radius: 4px;
+    font-size: 13px;
+    text-align: left;
+    cursor: pointer;
+    color: var(--rte-text-color);
+    font-family: var(--rte-font-family);
+    transition: background 0.1s;
+}
+
+.rte-table-context-menu button:hover {
+    background: var(--rte-button-hover-bg);
+}
+
+.rte-table-context-danger {
+    color: #dc2626 !important;
+}
+
+.rte-table-context-danger:hover {
+    background: #fef2f2 !important;
+}
+
+.rte-table-context-divider {
+    height: 1px;
+    background: var(--rte-border-color);
+    margin: 4px 0;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Link Dialog Styles
+   ═══════════════════════════════════════════════════════════════════ */
+
+.rte-link-dialog {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 1000;
+    background: white;
+    border: 1px solid var(--rte-border-color);
+    border-radius: 8px;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+    padding: 16px;
+    min-width: 320px;
+    max-width: 400px;
+}
+
+.rte-link-dialog-title {
+    font-size: 13px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    color: var(--rte-text-color);
+}
+
+.rte-link-dialog-field {
+    margin-bottom: 10px;
+}
+
+.rte-link-dialog-label {
+    display: block;
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--rte-text-secondary);
+    margin-bottom: 4px;
+}
+
+.rte-link-dialog-input,
+.rte-link-dialog-select {
+    width: 100%;
+    padding: 7px 10px;
+    border: 1px solid var(--rte-border-color);
+    border-radius: 4px;
+    font-size: 13px;
+    font-family: var(--rte-font-family);
+    outline: none;
+    background: white;
+    color: var(--rte-text-color);
+}
+
+.rte-link-dialog-input:focus,
+.rte-link-dialog-select:focus {
+    border-color: var(--rte-primary-color);
+    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
+}
+
+.rte-link-dialog-toggle {
+    background: none;
+    border: none;
+    padding: 4px 0;
+    font-size: 12px;
+    color: var(--rte-primary-color);
+    cursor: pointer;
+    font-family: var(--rte-font-family);
+    margin-bottom: 8px;
+}
+
+.rte-link-dialog-toggle:hover {
+    text-decoration: underline;
+}
+
+.rte-link-dialog-advanced {
+    border-top: 1px solid var(--rte-border-color);
+    padding-top: 10px;
+    margin-top: 4px;
+}
+
+.rte-link-dialog-actions {
+    display: flex;
+    gap: 8px;
+    margin-top: 14px;
+}
+
+.rte-link-dialog-btn {
+    padding: 7px 14px;
+    border: 1px solid var(--rte-border-color);
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    font-family: var(--rte-font-family);
+    background: white;
+    color: var(--rte-text-color);
+    transition: all 0.15s;
+}
+
+.rte-link-dialog-btn:hover {
+    background: var(--rte-button-hover-bg);
+}
+
+.rte-link-dialog-btn-primary {
+    background: var(--rte-primary-color);
+    color: white;
+    border-color: var(--rte-primary-color);
+}
+
+.rte-link-dialog-btn-primary:hover:not(:disabled) {
+    filter: brightness(0.9);
+}
+
+.rte-link-dialog-btn-primary:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.rte-link-dialog-btn-danger {
+    color: #dc2626;
+    border-color: #fca5a5;
+}
+
+.rte-link-dialog-btn-danger:hover {
+    background: #fef2f2;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════
+   Inline code, sub, sup styles
+   ═══════════════════════════════════════════════════════════════════ */
+
+.rte-content code {
+    background: rgba(0, 0, 0, 0.06);
+    padding: 2px 5px;
+    border-radius: 3px;
+    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
+    font-size: 0.9em;
+}
+
+.rte-content sub {
+    font-size: 0.75em;
+    vertical-align: sub;
+}
+
+.rte-content sup {
+    font-size: 0.75em;
+    vertical-align: super;
+}

package/dist/utils/content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../src/utils/content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAc,MAAM,UAAU,CAAC;AAIrD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,aAAa,CA+QhE;AAED;;GAEG;AACH,wBAAgB,YAAY,CACxB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,WAAW,EACtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC,EACF,qBAAqB,CAAC,EAAE,CACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,KAAK,CAAC,SAAS,KACxB,KAAK,CAAC,YAAY,GACxB,IAAI,CA2FN;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,aAAa,CAIlD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAI5D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,CAI/D"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../src/utils/content.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAc,MAAM,UAAU,CAAC;AAIrD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,aAAa,CAqVhE;AAED;;GAEG;AACH,wBAAgB,YAAY,CACxB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,WAAW,EACtB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B,CAAC,EACF,qBAAqB,CAAC,EAAE,CACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,KAAK,CAAC,SAAS,KACxB,KAAK,CAAC,YAAY,GACxB,IAAI,CAuHN;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,aAAa,CAIlD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,CAI5D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,CAI/D"}

package/dist/utils/table.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Table DOM manipulation utilities for contentEditable.
+ * Pure DOM functions — no React dependency.
+ */
+/** Get the <td>/<th> cell that contains the current selection. */
+export declare function getActiveCell(): HTMLTableCellElement | null;
+/** Get the <table> that contains the current selection. */
+export declare function getActiveTable(): HTMLTableElement | null;
+/** Get the <tr> that contains the current selection. */
+export declare function getActiveRow(): HTMLTableRowElement | null;
+/** Place the cursor inside a cell (at the start). */
+export declare function focusCell(cell: HTMLTableCellElement): void;
+/** Create a new table element with the given dimensions. */
+export declare function createTable(rows: number, cols: number, withHeader?: boolean): HTMLTableElement;
+/** Insert a row above or below the currently selected row. */
+export declare function insertRow(position: "above" | "below"): void;
+/** Delete the row that contains the current selection. */
+export declare function deleteRow(): void;
+/** Insert a column to the left or right of the currently selected cell. */
+export declare function insertColumn(position: "left" | "right"): void;
+/** Delete the column that contains the currently selected cell. */
+export declare function deleteColumn(): void;
+/** Remove the entire table and place cursor after it. */
+export declare function deleteTable(): void;
+/**
+ * Move focus to the next or previous table cell.
+ * Returns true if navigation happened (caller should preventDefault).
+ */
+export declare function navigateTableCell(direction: "next" | "prev"): boolean;
+//# sourceMappingURL=table.d.ts.map

package/dist/utils/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/utils/table.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,kEAAkE;AAClE,wBAAgB,aAAa,IAAI,oBAAoB,GAAG,IAAI,CAU3D;AAED,2DAA2D;AAC3D,wBAAgB,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAGxD;AAED,wDAAwD;AACxD,wBAAgB,YAAY,IAAI,mBAAmB,GAAG,IAAI,CAGzD;AAED,qDAAqD;AACrD,wBAAgB,SAAS,CAAC,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAgB1D;AAUD,4DAA4D;AAC5D,wBAAgB,WAAW,CACvB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,UAAU,GAAE,OAAe,GAC5B,gBAAgB,CAgClB;AAID,8DAA8D;AAC9D,wBAAgB,SAAS,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAoB3D;AAED,0DAA0D;AAC1D,wBAAgB,SAAS,IAAI,IAAI,CAmBhC;AAID,2EAA2E;AAC3E,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAsB7D;AAED,mEAAmE;AACnE,wBAAgB,YAAY,IAAI,IAAI,CA2BnC;AAID,yDAAyD;AACzD,wBAAgB,WAAW,IAAI,IAAI,CA4BlC;AAID;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAuCrE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@overlap/rte",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "A lightweight, extensible Rich Text Editor for React",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",