markdown-wysiwyg-editor 0.1.0

package/dist/types/editor.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/core';
+export interface ExtendedEditor extends Editor {
+    __isProcessing?: boolean;
+    __preventUpdate?: boolean;
+}
+//# sourceMappingURL=editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/types/editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3C,MAAM,WAAW,cAAe,SAAQ,MAAM;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/types/index.d.ts

@@ -0,0 +1,81 @@
+import { JSONContent, Editor } from '@tiptap/core';
+/**
+ * Language option for code blocks
+ */
+export interface ILanguageOption {
+    value: string;
+    label: string;
+}
+/**
+ * Selection information
+ */
+export interface ISelectionInfo {
+    selectedText: string;
+    markdownSyntax: string;
+    nodeType: string;
+    marks: string[];
+    from?: number;
+    to?: number;
+}
+/**
+ * Main editor props
+ */
+export interface IMarkdownEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    initialContent?: string;
+    onMarkdownChange?: (markdown: string) => void;
+    editable?: boolean;
+    placeholder?: string;
+    enableMermaid?: boolean;
+    enableImage?: boolean;
+    enableTable?: boolean;
+    enableCodeBlock?: boolean;
+    enableLink?: boolean;
+    mermaidLib?: unknown;
+    className?: string;
+    style?: React.CSSProperties;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onContentChange?: (content: JSONContent) => void;
+    onSelectionChange?: (selectionInfo: ISelectionInfo | null) => void;
+    onEditorReady?: (editor: Editor) => void;
+    extensions?: unknown[];
+    supportedLanguages?: ILanguageOption[];
+    showSyntaxStatus?: boolean;
+    showToolbar?: boolean;
+    enableVerticalScroll?: boolean;
+    autoHeight?: boolean;
+    showDownloadButton?: boolean;
+    downloadFilename?: string;
+    showPasteDebug?: boolean;
+}
+/**
+ * Default text labels (for i18n replacement)
+ */
+export declare const DEFAULT_TEXTS: {
+    placeholder: string;
+    deleteButton: string;
+    renderButton: string;
+    cancelButton: string;
+    editSource: string;
+    downloadImage: string;
+    fullscreen: string;
+    closeFullscreen: string;
+    insertTable: string;
+    insertCodeBlock: string;
+    insertImage: string;
+    insertLink: string;
+    bold: string;
+    italic: string;
+    strikethrough: string;
+    code: string;
+    heading1: string;
+    heading2: string;
+    heading3: string;
+    bulletList: string;
+    orderedList: string;
+    blockquote: string;
+    horizontalRule: string;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IAEnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAGnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAG5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAGzC,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,eAAe,EAAE,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;CAwBzB,CAAC"}

package/dist/utils/logger.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Simple console wrapper for logging
+ * Replaces @logger dependency
+ */
+export interface ILogger {
+    debug: (...args: unknown[]) => void;
+    info: (...args: unknown[]) => void;
+    warn: (...args: unknown[]) => void;
+    error: (...args: unknown[]) => void;
+}
+export declare const createLogger: (context: string) => ILogger;
+export declare const createContextLogger: (context: string) => ILogger;
+//# sourceMappingURL=logger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/utils/logger.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,GAAI,SAAS,MAAM,KAAG,OAK7C,CAAC;AAGH,eAAO,MAAM,mBAAmB,YARM,MAAM,KAAG,OAQA,CAAC"}

package/dist/utils/pasteHandler.d.ts

@@ -0,0 +1,18 @@
+import { ExtendedEditor } from '../types/editor';
+import { ILogger } from './logger';
+type SetProcessing = (processing: boolean) => void;
+type SetProgress = (progress: {
+    processed: number;
+    total: number;
+}) => void;
+interface HandleMarkdownPasteParams {
+    editor: ExtendedEditor;
+    plainText: string;
+    logger: ILogger;
+    setIsProcessing: SetProcessing;
+    setProcessingProgress: SetProgress;
+    largeTextThreshold: number;
+}
+export declare const handleMarkdownPaste: ({ editor, plainText, logger, setIsProcessing, setProcessingProgress, largeTextThreshold, }: HandleMarkdownPasteParams) => Promise<void>;
+export {};
+//# sourceMappingURL=pasteHandler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pasteHandler.d.ts","sourceRoot":"","sources":["../../src/utils/pasteHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,KAAK,aAAa,GAAG,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;AAEnD,KAAK,WAAW,GAAG,CAAC,QAAQ,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,KAAK,IAAI,CAAC;AAE5E,UAAU,yBAAyB;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,aAAa,CAAC;IAC/B,qBAAqB,EAAE,WAAW,CAAC;IACnC,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,GAAU,4FAOvC,yBAAyB,KAAG,OAAO,CAAC,IAAI,CAyC1C,CAAC"}

package/dist/utils/security.d.ts

@@ -0,0 +1,3 @@
+export declare const isValidUrl: (url: string) => boolean;
+export declare const sanitizeText: (text: string) => string;
+//# sourceMappingURL=security.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"security.d.ts","sourceRoot":"","sources":["../../src/utils/security.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,KAAG,OAOxC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,KAAG,MAM3C,CAAC"}

package/dist/utils/selectionUtils.d.ts

@@ -0,0 +1,21 @@
+import { Editor } from '@tiptap/react';
+import { ISelectionInfo } from '../types/index';
+export declare class SelectionUtils {
+    /**
+     * 現在の選択範囲からMarkdown構文情報を抽出
+     */
+    static getSelectionMarkdownSyntax(editor: Editor | null): ISelectionInfo | null;
+    /**
+     * ノード情報からMarkdown構文を生成
+     */
+    private static getNodeMarkdownInfo;
+    /**
+     * カーソル位置の親ノードの情報を取得
+     */
+    static getCurrentNodeInfo(editor: Editor | null): {
+        nodeType: string;
+        level?: number;
+    } | null;
+}
+export type { ISelectionInfo };
+//# sourceMappingURL=selectionUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectionUtils.d.ts","sourceRoot":"","sources":["../../src/utils/selectionUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,qBAAa,cAAc;IACzB;;OAEG;IACH,MAAM,CAAC,0BAA0B,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc,GAAG,IAAI;IAgC/E;;OAEG;IAEH,OAAO,CAAC,MAAM,CAAC,mBAAmB;IAsHlC;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;CAY9F;AAED,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "markdown-wysiwyg-editor",
+  "version": "0.1.0",
+  "description": "Lightweight Markdown WYSIWYG editor with TipTap,Mermaid support",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src --ext .ts,.tsx",
+    "prepublishOnly": "pnpm build && pnpm test"
+  },
+  "keywords": [
+    "markdown",
+    "wysiwyg",
+    "editor",
+    "tiptap",
+    "mermaid",
+    "react",
+    "typescript"
+  ],
+  "author": "Your Name",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/markdown-wysiwyg.git"
+  },
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "@tiptap/core": "^3.3.0",
+    "@tiptap/extension-character-count": "^3.3.0",
+    "@tiptap/extension-code-block-lowlight": "^3.3.0",
+    "@tiptap/extension-image": "^3.3.0",
+    "@tiptap/extension-link": "^3.3.0",
+    "@tiptap/extension-placeholder": "^3.3.0",
+    "@tiptap/extension-table": "^3.3.0",
+    "@tiptap/extension-table-cell": "^3.3.0",
+    "@tiptap/extension-table-header": "^3.3.0",
+    "@tiptap/extension-table-row": "^3.3.0",
+    "@tiptap/extension-typography": "^3.3.0",
+    "@tiptap/react": "^3.3.0",
+    "@tiptap/starter-kit": "^3.3.0",
+    "lowlight": "^3.3.0",
+    "prosemirror-state": "^1.4.3",
+    "lucide-react": "^0.452.0",
+    "uuid": "^11.0.3"
+  },
+  "peerDependencies": {
+    "mermaid": "^11.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "mermaid": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/uuid": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-react": "^7.37.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "jsdom": "^27.2.0",
+    "typescript": "^5.6.0",
+    "typescript-eslint": "^8.47.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.0"
+  },
+  "packageManager": "pnpm@9.14.2+sha512.6e2baf77d06b9362294152c851c4f278ede37ab1eba3a55fda317a4a17b209f4dbb973fb250a77abc463a341fcb1f17f17cfa24091c4eb319cda0d9b84278387"
+}