markdown-wysiwyg-editor 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,204 @@
+# @markdown-wysiwyg/editor
+
+Lightweight Markdown WYSIWYG editor for React, powered by TipTap.
+
+---
+
+## English
+
+### Features
+
+- Rich text editing with Markdown syntax
+- Code blocks with syntax highlighting (19 languages)
+- Table editing with context menu and resize controls
+- Optional Mermaid diagram support
+- Optional image insertion
+- Bidirectional Markdown conversion
+- Link context menu
+- TypeScript support
+
+### Installation
+
+This editor is a React component targeting **React 18+ / ReactDOM 18+**.
+
+```bash
+pnpm add react react-dom @markdown-wysiwyg/editor
+```
+
+### Quick Start
+
+```tsx
+import { useState } from 'react';
+import { MarkdownEditor } from '@markdown-wysiwyg/editor';
+import '@markdown-wysiwyg/editor/style.css';
+
+function App() {
+  const [content, setContent] = useState('');
+
+  return <MarkdownEditor value={content} onChange={setContent} />;
+}
+```
+
+#### With Mermaid
+
+```tsx
+import { useState } from 'react';
+import mermaid from 'mermaid';
+import { MarkdownEditor } from '@markdown-wysiwyg/editor';
+import '@markdown-wysiwyg/editor/style.css';
+
+mermaid.initialize({ startOnLoad: false });
+
+function App() {
+  const [content, setContent] = useState('');
+
+  return (
+    <MarkdownEditor
+      value={content}
+      onChange={setContent}
+      enableMermaid
+      mermaidLib={mermaid}
+    />
+  );
+}
+```
+
+#### Disable Features
+
+```tsx
+<MarkdownEditor
+  value={content}
+  onChange={setContent}
+  enableImage={false}
+  enableTable={false}
+/>
+```
+
+### API (Props)
+
+| Prop           | Type                       | Default             | Description                                           |
+| -------------- | -------------------------- | ------------------- | ----------------------------------------------------- |
+| `value`        | `string`                   | -                   | Markdown content (required)                           |
+| `onChange`     | `(value: string) => void`  | -                   | Change handler (required)                             |
+| `editable`     | `boolean`                  | `true`              | Enable editing                                        |
+| `placeholder`  | `string`                   | `'Start typing...'` | Placeholder text                                      |
+| `enableMermaid`| `boolean`                  | `false`             | Enable Mermaid diagrams                               |
+| `enableImage`  | `boolean`                  | `true`              | Enable image insertion                                |
+| `enableTable`  | `boolean`                  | `true`              | Enable table editing                                  |
+| `enableCodeBlock` | `boolean`               | `true`              | Enable code blocks                                    |
+| `enableLink`   | `boolean`                  | `true`              | Enable links                                          |
+| `mermaidLib`   | `typeof mermaid`           | -                   | Mermaid instance (required if `enableMermaid=true`)   |
+| `className`    | `string`                   | -                   | Additional CSS class                                  |
+| `style`        | `React.CSSProperties`      | -                   | Inline styles                                         |
+| `onBlur`       | `() => void`               | -                   | Blur event handler                                    |
+| `onFocus`      | `() => void`               | -                   | Focus event handler                                   |
+| `extensions`   | `Extension[]`              | -                   | Custom TipTap extensions                              |
+
+### Supported Languages (Code Blocks)
+
+- JavaScript / TypeScript
+- Python
+- Java
+- Go
+- Rust
+- PHP
+- HTML / CSS
+- SQL
+- Bash / Shell (sh, zsh, tcsh)
+- JSON / YAML / XML
+- Mermaid (if enabled)
+
+### Bundle Size (rough guideline)
+
+- Without Mermaid: ~150KB (gzipped)
+- With Mermaid: +2.5MB
+
+Consider your app's performance and whether you really need Mermaid.
+
+### Limitations / Notes
+
+- Focused on **Markdown-based WYSIWYG**. It is not a full block editor like Notion.
+- Styling assumes a relatively neutral, Tailwind-friendly base; you are expected to adapt it to your design system.
+- TipTap / Mermaid and other internals may receive major updates; this library will follow with its own major bumps.
+
+### Browser Support
+
+- Chrome / Edge: latest 2 versions
+- Firefox: latest 2 versions
+- Safari: latest 2 versions
+- Mobile: iOS Safari 15+, Chrome Android
+
+### Advanced Usage
+
+#### Custom Toolbar
+
+You can hide the built-in toolbar and provide your own UI:
+
+```tsx
+<MarkdownEditor
+  value={content}
+  onChange={setContent}
+  showToolbar={false}
+/>
+```
+
+#### Custom Extensions
+
+You can inject TipTap extensions directly:
+
+```tsx
+import TextAlign from '@tiptap/extension-text-align';
+
+<MarkdownEditor
+  value={content}
+  onChange={setContent}
+  extensions={[
+    TextAlign.configure({
+      types: ['heading', 'paragraph'],
+    }),
+  ]}
+/>
+```
+
+### Troubleshooting
+
+#### Styles not loading
+
+```tsx
+import '@markdown-wysiwyg/editor/style.css';
+```
+
+Ensure the CSS is imported in your app entry.
+
+#### "ReferenceError: global is not defined"
+
+With some Vite setups you may need:
+
+```ts
+define: {
+  global: 'window',
+},
+```
+
+### Development
+
+```bash
+pnpm install
+pnpm dev
+pnpm build
+pnpm test
+pnpm lint
+```
+
+### License
+
+MIT
+
+### Credits
+
+Built with:
+
+- [TipTap](https://tiptap.dev/)
+- [Lowlight](https://github.com/wooorm/lowlight)
+- [Lucide](https://lucide.dev/) for icons
+- [Mermaid](https://mermaid.js.org/)

package/dist/components/LinkContextMenu.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface LinkContextMenuProps {
+    visible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    linkData: {
+        href: string;
+        text: string;
+    } | null;
+    onClose: () => void;
+    onOpenLink: (href: string) => void;
+    onEditLink: (linkData: {
+        href: string;
+        text: string;
+    }) => void;
+}
+export declare const LinkContextMenu: React.FC<LinkContextMenuProps>;
+export {};
+//# sourceMappingURL=LinkContextMenu.d.ts.map

package/dist/components/LinkContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/LinkContextMenu.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,GAAG,IAAI,CAAC;IACT,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwM1D,CAAC"}

package/dist/components/MarkdownEditor.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IMarkdownEditorProps } from '../types/index';
+export declare const MarkdownEditor: React.FC<IMarkdownEditorProps>;
+//# sourceMappingURL=MarkdownEditor.d.ts.map

package/dist/components/MarkdownEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAsChE,OAAO,8BAA8B,CAAC;AAItC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAatD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAguBzD,CAAC"}

package/dist/components/MarkdownEditor.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MarkdownEditor.test.d.ts.map

package/dist/components/MarkdownEditor.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.test.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownEditor.test.tsx"],"names":[],"mappings":""}

package/dist/components/MarkdownSyntaxStatus.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ISelectionInfo } from '../utils/selectionUtils';
+interface IMarkdownSyntaxStatusProps {
+    selectionInfo: ISelectionInfo | null;
+    className?: string;
+}
+export declare const MarkdownSyntaxStatus: React.FC<IMarkdownSyntaxStatusProps>;
+export {};
+//# sourceMappingURL=MarkdownSyntaxStatus.d.ts.map

package/dist/components/MarkdownSyntaxStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownSyntaxStatus.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownSyntaxStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,UAAU,0BAA0B;IAClC,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsDrE,CAAC"}

package/dist/components/MarkdownToolbar.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { Editor } from '@tiptap/react';
+interface MarkdownToolbarProps {
+    onInsertMarkdown: (markdown: string, cursorOffset?: number) => void;
+    onShowHelp: () => void;
+    onImageUploadComplete?: (markdownImageUrl: string) => void;
+    disabled?: boolean;
+    selectedText?: string;
+    editor?: Editor | null;
+    showDownloadButton?: boolean;
+    onDownloadAsMarkdown?: () => void;
+}
+export declare const MarkdownToolbar: React.FC<MarkdownToolbarProps>;
+export {};
+//# sourceMappingURL=MarkdownToolbar.d.ts.map

package/dist/components/MarkdownToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownToolbar.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownToolbar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAqBvC,UAAU,oBAAoB;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,qBAAqB,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqhB1D,CAAC"}

package/dist/components/TableContextMenu.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface ITableContextMenuProps {
+    isVisible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    onClose: () => void;
+    onAddRowAbove: () => void;
+    onAddRowBelow: () => void;
+    onAddColumnBefore: () => void;
+    onAddColumnAfter: () => void;
+    onDeleteRow: () => void;
+    onDeleteColumn: () => void;
+    onDeleteTable: () => void;
+}
+export declare const TableContextMenu: React.FC<ITableContextMenuProps>;
+//# sourceMappingURL=TableContextMenu.d.ts.map

package/dist/components/TableContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContextMenu.d.ts","sourceRoot":"","sources":["../../src/components/TableContextMenu.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4H7D,CAAC"}

package/dist/components/TableEdgeControls.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Editor } from '@tiptap/react';
+export interface ITableEdgeControlsProps {
+    editor: Editor | null;
+}
+/**
+ * TableEdgeControls - Control elements displayed around tables using React Portal
+ * Uses React Portal to show row/column add buttons outside of the table
+ */
+export declare const TableEdgeControls: React.FC<ITableEdgeControlsProps>;
+//# sourceMappingURL=TableEdgeControls.d.ts.map

package/dist/components/TableEdgeControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableEdgeControls.d.ts","sourceRoot":"","sources":["../../src/components/TableEdgeControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,yBAAyB,CAAC;AAGjC,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8G/D,CAAC"}

package/dist/components/TableToolbar.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Editor } from '@tiptap/react';
+interface ITableToolbarProps {
+    editor: Editor;
+    visible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+}
+export declare const TableToolbar: React.FC<ITableToolbarProps>;
+export default TableToolbar;
+//# sourceMappingURL=TableToolbar.d.ts.map

package/dist/components/TableToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../src/components/TableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,yBAAyB,CAAC;AAOjC,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyTrD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/constants/editor.d.ts

@@ -0,0 +1,4 @@
+export declare const PASTE_DEBOUNCE_MS = 500;
+export declare const LARGE_TEXT_THRESHOLD = 10000;
+export declare const UPDATE_LOCK_RELEASE_MS = 150;
+//# sourceMappingURL=editor.d.ts.map

package/dist/constants/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/constants/editor.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,eAAO,MAAM,oBAAoB,QAAQ,CAAC;AAC1C,eAAO,MAAM,sBAAsB,MAAM,CAAC"}

package/dist/converters/JsonToMarkdownConverter.d.ts

@@ -0,0 +1,65 @@
+import { JSONContent } from '@tiptap/react';
+export declare class JsonToMarkdownConverter {
+    /**
+     * TipTap JSON構造をMarkdownテキストに変換
+     */
+    static convertToMarkdown(json: JSONContent): string;
+    /**
+     * ノード配列を処理してMarkdownテキストを生成
+     */
+    private static processNodes;
+    /**
+     * 単一ノードを処理してMarkdownテキストを生成
+     */
+    private static processNode;
+    /**
+     * 段落の処理
+     */
+    private static processParagraph;
+    /**
+     * 見出しの処理
+     */
+    private static processHeading;
+    /**
+     * 箇条書きリストの処理
+     */
+    private static processBulletList;
+    /**
+     * 番号付きリストの処理
+     */
+    private static processOrderedList;
+    /**
+     * リストアイテムの処理
+     */
+    private static processListItem;
+    /**
+     * 引用の処理
+     */
+    private static processBlockquote;
+    /**
+     * コードブロックの処理
+     */
+    private static processCodeBlock;
+    /**
+     * テーブルの処理
+     */
+    private static processTable;
+    /**
+     * テーブル行の処理
+     */
+    private static processTableRow;
+    /**
+     * テーブルセルの処理
+     */
+    private static processTableCell;
+    /**
+     * テキストの処理（マークアップ適用）
+     */
+    private static processText;
+    /**
+     * Markdownファイルとしてダウンロード
+     */
+    static downloadAsMarkdown(json: JSONContent, filename?: string): void;
+}
+export default JsonToMarkdownConverter;
+//# sourceMappingURL=JsonToMarkdownConverter.d.ts.map

package/dist/converters/JsonToMarkdownConverter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonToMarkdownConverter.d.ts","sourceRoot":"","sources":["../../src/converters/JsonToMarkdownConverter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,qBAAa,uBAAuB;IAClC;;OAEG;IACH,MAAM,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM;IAQnD;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAI3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IAoD1B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAK/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,cAAc;IAO7B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAKhC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAKjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,eAAe;IAM9B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAShC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAM/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAsB3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,eAAe;IAa9B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAI/B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,WAAW;IA+B1B;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,GAAE,MAAsB,GAAG,IAAI;CA4BrF;AAED,eAAe,uBAAuB,CAAC"}

package/dist/converters/MarkdownTipTapConverter.d.ts

@@ -0,0 +1,28 @@
+import { JSONContent } from '@tiptap/core';
+import { Editor } from '@tiptap/react';
+/**
+ * メイン変換クラス
+ */
+export declare class MarkdownTipTapConverter {
+    /**
+     * MarkdownがMarkdown構文を含むかチェック
+     */
+    static isMarkdownText(text: string): boolean;
+    /**
+     * MarkdownをTipTap JSON形式に変換
+     */
+    static markdownToTipTapJson(markdown: string): Promise<JSONContent>;
+    private static buildTableNode;
+    /**
+     * TipTap JSONをMarkdownに変換（逆変換）
+     */
+    static tipTapJsonToMarkdown(json: JSONContent): string;
+    private static nodeToMarkdown;
+    private static contentToText;
+    private static tableToMarkdown;
+    /**
+     * チャンク処理（エディター用）
+     */
+    static processMarkdownInSmallChunksWithRender(markdown: string, editor: Editor, onChunkProcessed?: (processed: number, total: number) => void): Promise<void>;
+}
+//# sourceMappingURL=MarkdownTipTapConverter.d.ts.map

package/dist/converters/MarkdownTipTapConverter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownTipTapConverter.d.ts","sourceRoot":"","sources":["../../src/converters/MarkdownTipTapConverter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAue5C;;GAEG;AACH,qBAAa,uBAAuB;IAClC;;OAEG;IACH,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI5C;;OAEG;WACU,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAiDzE,OAAO,CAAC,MAAM,CAAC,cAAc;IA4B7B;;OAEG;IACH,MAAM,CAAC,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM;IAMtD,OAAO,CAAC,MAAM,CAAC,cAAc;IA0C7B,OAAO,CAAC,MAAM,CAAC,aAAa;IA4C5B,OAAO,CAAC,MAAM,CAAC,eAAe;IAwB9B;;OAEG;WACU,sCAAsC,CACjD,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAC5D,OAAO,CAAC,IAAI,CAAC;CAWjB"}

package/dist/extensions/CodeBlockNodeView.d.ts

@@ -0,0 +1,3 @@
+import { NodeViewProps } from '@tiptap/core';
+export declare const CodeBlockNodeView: ({ node, selected, editor, updateAttributes, deleteNode }: NodeViewProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeBlockNodeView.d.ts.map

package/dist/extensions/CodeBlockNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockNodeView.d.ts","sourceRoot":"","sources":["../../src/extensions/CodeBlockNodeView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAkF7C,eAAO,MAAM,iBAAiB,GAAI,0DAA0D,aAAa,4CAWxG,CAAC"}

package/dist/extensions/CustomCodeBlock.d.ts

@@ -0,0 +1,2 @@
+export declare const CustomCodeBlock: import('@tiptap/core').Node<import('@tiptap/extension-code-block-lowlight').CodeBlockLowlightOptions, any>;
+//# sourceMappingURL=CustomCodeBlock.d.ts.map

package/dist/extensions/CustomCodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCodeBlock.d.ts","sourceRoot":"","sources":["../../src/extensions/CustomCodeBlock.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,4GAI1B,CAAC"}

package/dist/extensions/LinkClickExtension.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from '@tiptap/core';
+import { default as React } from 'react';
+export declare const createLinkClickExtension: (handleContextMenu: (event: React.MouseEvent, linkData: {
+    href: string;
+    text: string;
+}) => void) => Extension<any, any>;
+//# sourceMappingURL=LinkClickExtension.d.ts.map

package/dist/extensions/LinkClickExtension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkClickExtension.d.ts","sourceRoot":"","sources":["../../src/extensions/LinkClickExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,wBAAwB,GACnC,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,wBA0D9F,CAAC"}

package/dist/extensions/MarkdownPasteExtension.d.ts

@@ -0,0 +1,6 @@
+import { Extension } from '@tiptap/core';
+export declare const createMarkdownPasteExtension: (setIsProcessing: (processing: boolean) => void, setProcessingProgress: (progress: {
+    processed: number;
+    total: number;
+}) => void) => Extension<any, any>;
+//# sourceMappingURL=MarkdownPasteExtension.d.ts.map

package/dist/extensions/MarkdownPasteExtension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPasteExtension.d.ts","sourceRoot":"","sources":["../../src/extensions/MarkdownPasteExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAUzC,eAAO,MAAM,4BAA4B,GACvC,iBAAiB,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,EAC9C,uBAAuB,CAAC,QAAQ,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,wBAkFhF,CAAC"}

package/dist/extensions/MarkdownShortcutsExtension.d.ts

@@ -0,0 +1,3 @@
+import { Extension } from '@tiptap/core';
+export declare const createMarkdownShortcutsExtension: () => Extension<any, any>;
+//# sourceMappingURL=MarkdownShortcutsExtension.d.ts.map

package/dist/extensions/MarkdownShortcutsExtension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownShortcutsExtension.d.ts","sourceRoot":"","sources":["../../src/extensions/MarkdownShortcutsExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,eAAO,MAAM,gCAAgC,2BAO3C,CAAC"}

package/dist/extensions/TableForceExtension.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from '@tiptap/core';
+/**
+ * TableForceExtension - 強制的にリサイズハンドルを生成・表示
+ * TipTap Tableが正常に動作しない場合の緊急対応
+ */
+export declare const TableForceExtension: Extension<any, any>;
+//# sourceMappingURL=TableForceExtension.d.ts.map

package/dist/extensions/TableForceExtension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableForceExtension.d.ts","sourceRoot":"","sources":["../../src/extensions/TableForceExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,qBAiH9B,CAAC"}

package/dist/extensions/TableHoverExtension.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from '@tiptap/core';
+/**
+ * TableHoverExtension - テーブルセルのホバー効果を統一管理
+ * TipTapと協調動作し、既存機能を妨げないように設計
+ */
+export declare const TableHoverExtension: Extension<any, any>;
+//# sourceMappingURL=TableHoverExtension.d.ts.map

package/dist/extensions/TableHoverExtension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHoverExtension.d.ts","sourceRoot":"","sources":["../../src/extensions/TableHoverExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,qBA8C9B,CAAC"}

package/dist/extensions/TableResizeEnhancement.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from '@tiptap/core';
+/**
+ * TableResizeEnhancement - TipTap純正リサイズ機能の体験向上
+ * スムーズアニメーションとビジュアルフィードバックを提供
+ */
+export declare const TableResizeEnhancement: Extension<any, any>;
+//# sourceMappingURL=TableResizeEnhancement.d.ts.map

package/dist/extensions/TableResizeEnhancement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableResizeEnhancement.d.ts","sourceRoot":"","sources":["../../src/extensions/TableResizeEnhancement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC;;;GAGG;AACH,eAAO,MAAM,sBAAsB,qBA0BjC,CAAC"}

package/dist/extensions/TableRightClickExtension.d.ts

@@ -0,0 +1,4 @@
+import { Extension } from '@tiptap/core';
+import { default as React } from 'react';
+export declare const createTableRightClickExtension: (handleContextMenu: (event: React.MouseEvent) => void) => Extension<any, any>;
+//# sourceMappingURL=TableRightClickExtension.d.ts.map

package/dist/extensions/TableRightClickExtension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRightClickExtension.d.ts","sourceRoot":"","sources":["../../src/extensions/TableRightClickExtension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,8BAA8B,GACzC,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,wBA2BpD,CAAC"}

package/dist/hooks/useEditorState.d.ts

@@ -0,0 +1,14 @@
+interface ProcessingProgress {
+    processed: number;
+    total: number;
+}
+export declare const useEditorState: () => {
+    readonly isUpdating: boolean;
+    readonly setIsUpdating: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    readonly isProcessing: boolean;
+    readonly setIsProcessing: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    readonly processingProgress: ProcessingProgress;
+    readonly setProcessingProgress: import('react').Dispatch<import('react').SetStateAction<ProcessingProgress>>;
+};
+export {};
+//# sourceMappingURL=useEditorState.d.ts.map

package/dist/hooks/useEditorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorState.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorState.ts"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,cAAc;;;;;;;CAgB1B,CAAC"}

package/dist/hooks/useTableToolbar.d.ts

@@ -0,0 +1,13 @@
+import { Editor } from '@tiptap/react';
+export declare const useTableToolbar: (editor: Editor | null) => {
+    visible: boolean;
+    position: {
+        x: number;
+        y: number;
+    };
+    tableElement: HTMLTableElement | null;
+    showToolbar: (tableElement: HTMLTableElement) => void;
+    hideToolbar: () => void;
+    checkTableSelection: () => void;
+};
+//# sourceMappingURL=useTableToolbar.d.ts.map

package/dist/hooks/useTableToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableToolbar.d.ts","sourceRoot":"","sources":["../../src/hooks/useTableToolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAWvC,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,GAAG,IAAI;;;WAJpC,MAAM;WAAK,MAAM;;;gCA0Be,gBAAgB;;;CA0KhE,CAAC"}

package/dist/index.css

@@ -0,0 +1 @@
+.mw-editor{border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;position:relative}.mw-editor-scrollable{height:100%}.mw-editor-auto-height{min-height:fit-content}.mw-editor-loading{display:flex;align-items:center;justify-content:center;height:16rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem}.mw-editor-loading-text{color:#6b7280}.mw-processing-indicator{position:absolute;top:.5rem;right:.5rem;z-index:50}.mw-processing-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:.75rem;display:flex;align-items:center;gap:.5rem;min-width:12rem}.mw-processing-spinner{animation:spin 1s linear infinite;border-radius:9999px;height:1rem;width:1rem;border-bottom:2px solid #3b82f6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mw-processing-text{font-size:.75rem}.mw-processing-title{font-weight:500;color:#374151}.mw-processing-status{color:#6b7280}.mw-processing-progress-bar{width:100%;background-color:#e5e7eb;border-radius:9999px;height:.25rem;margin-top:.25rem}.mw-processing-progress-fill{background-color:#3b82f6;height:.25rem;border-radius:9999px;transition:all .3s}.ProseMirror{font-family:Meiryo,メイリオ,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;line-height:1.625!important;font-size:1rem!important;min-height:100%!important;width:100%!important;cursor:text;outline:none;padding:1rem}.mw-editor-auto-height .ProseMirror{min-height:auto!important}.ProseMirror h1{font-size:1.5rem;font-weight:600;color:#111827;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem;margin-top:1.5rem;margin-bottom:1rem}.ProseMirror h2{font-size:1.25rem;font-weight:600;color:#111827;border-bottom:1px solid #f3f4f6;padding-bottom:.25rem;margin-top:1.25rem;margin-bottom:.75rem}.ProseMirror h3{font-size:1.125rem;font-weight:600;color:#111827;margin-top:1rem;margin-bottom:.5rem}.ProseMirror p{color:#374151;line-height:1.625;margin-bottom:.75rem}.ProseMirror strong{color:#111827;font-weight:600}.ProseMirror em{color:#1f2937}.ProseMirror code{background-color:#e5e7eb!important;color:#111827!important;padding:.125rem .375rem!important;border-radius:.25rem!important;border:1px solid rgb(209 213 219)!important;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace!important;font-size:.875rem}.ProseMirror ul{list-style-type:none!important;padding-left:0!important;margin:.75rem 0}.ProseMirror ol{list-style-type:decimal;padding-left:1.5rem;margin:.75rem 0}.ProseMirror li{position:relative!important;padding-left:1.5rem!important;color:#374151;margin-bottom:.25rem}.ProseMirror ul li:before{content:"•"!important;position:absolute!important;left:0!important;color:#6b7280!important}.ProseMirror blockquote{border-left:4px solid rgb(209 213 219)!important;padding-left:1rem!important;padding-top:.75rem!important;padding-bottom:.75rem!important;background-color:#f9fafb!important;border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important;margin:.75rem 0!important;color:#4b5563;font-style:italic}.ProseMirror a{color:#2563eb;text-decoration:underline;word-break:break-words}.ProseMirror a:hover{color:#1e40af}.ProseMirror hr{border:none;border-top:1px solid #d1d5db;margin:1.5rem 0}.ProseMirror img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin:.5rem 0}.ProseMirror table{border-collapse:collapse;width:100%;margin:1rem 0}.ProseMirror th{border:1px solid #d1d5db;background-color:#f9fafb;padding:.75rem;text-align:left;font-weight:600;color:#111827}.ProseMirror td{border:1px solid #d1d5db;padding:.75rem;color:#374151}.tiptap-table-enhanced .tableWrapper{position:relative!important;overflow-x:auto}.table-cell-hover{background-color:#3b82f60d!important}.markdown-editor-content{flex:1;overflow-y:auto;position:relative}.markdown-editor-content-auto-height{min-height:fit-content;overflow:visible}.markdown-editor-content-scrollable{height:100%;overflow-y:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.space-x-2>*+*{margin-left:.5rem}.relative{position:relative}.absolute{position:absolute}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-200{background-color:#e5e7eb}.bg-blue-500{background-color:#3b82f6}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.p-3{padding:.75rem}.top-2{top:.5rem}.right-2{right:.5rem}.z-50{z-index:50}.h-4{height:1rem}.w-4{width:1rem}.h-1{height:.25rem}.w-full{width:100%}.min-w-48{min-width:12rem}.mt-1{margin-top:.25rem}.h-full{height:100%}.min-h-fit{min-height:fit-content}.h-64{height:16rem}.animate-spin{animation:spin 1s linear infinite}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.rounded-full{border-radius:9999px}.border-b-2{border-bottom-width:2px}.ProseMirror{font-family:Meiryo,メイリオ,sans-serif!important;line-height:1.625!important;font-size:1rem!important;min-height:100%!important;width:100%!important;cursor:text}.markdown-editor-content.markdown-editor-autoheight .ProseMirror{min-height:auto!important}.markdown-editor-content .ProseMirror,.ProseMirror p,.ProseMirror li,.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6,.ProseMirror blockquote{cursor:text}.ProseMirror:empty:before{content:attr(data-placeholder);float:left;color:#aaa;pointer-events:none;height:0}.ProseMirror pre{background-color:#334155!important;color:#e5e7eb!important;border:1px solid rgb(100 116 139)!important;border-radius:.5rem!important;padding:1rem!important;margin:.75rem 0!important;overflow-x:auto!important;max-width:80ch!important;width:100%!important;white-space:pre!important}.ProseMirror pre code{background-color:transparent!important;color:#e5e7eb!important;padding:0!important;border:none!important;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace!important;font-size:.875rem!important;line-height:1.625!important;white-space:pre!important;display:block!important}.ProseMirror ul{list-style-type:none!important;padding-left:0!important}.ProseMirror li{position:relative!important;padding-left:1.5rem!important}.ProseMirror li:before{content:"•"!important;position:absolute!important;left:0!important;color:#6b7280!important}.ProseMirror blockquote{border-left:4px solid rgb(209 213 219)!important;padding-left:1rem!important;padding-top:.75rem!important;padding-bottom:.75rem!important;background-color:#f9fafb!important;border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important;margin:.75rem 0!important}.ProseMirror code{background-color:#e5e7eb!important;color:#111827!important;padding:.125rem .375rem!important;border-radius:.25rem!important;border:1px solid rgb(209 213 219)!important;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace!important}.tiptap-table-enhanced .tableWrapper{position:relative!important}.tiptap-table-enhanced .resize-cursor{cursor:col-resize!important;border-right:2px solid #3b82f6!important;background:#3b82f61a!important}.tiptap-table-enhanced th:hover,.tiptap-table-enhanced td:hover{background-color:#3b82f60d!important;transition:background-color .2s ease!important}.tiptap-table-enhanced table{border-collapse:separate!important;border-spacing:0!important;max-width:800px!important;width:auto!important}