@mp-lb/mdkit 0.2.2 → 0.2.3-main.20.1

package/dist/collaboration/useMdKitCollaboration.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitCollaborationParticipant, MdKitCollaborationSession } from "../document/documentTypes";
+import type { MdKitCollaborationParticipant, MdKitCollaborationSession } from "../document/documentTypes.js";
 export type UseMdKitCollaborationOptions = {
     collaborator: MdKitCollaborationParticipant;
     documentId: string | null;

package/dist/document/MdKitConflictPanel.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitDocumentController } from "./useMdKitDocument";
+import type { MdKitDocumentController } from "./useMdKitDocument.js";
 export type MdKitConflictPanelProps = {
     className?: string;
     document: MdKitDocumentController;

package/dist/document/MdKitConflictPanel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { joinClassNames } from "../ui/joinClassNames";
+import { joinClassNames } from "../ui/joinClassNames.js";
 export const MdKitConflictPanel = ({ className, document, title = "Document conflict", }) => {
     const [pendingAction, setPendingAction] = useState(null);
     const [activePreview, setActivePreview] = useState("remote");

package/dist/document/MdKitDocumentToolbar.d.ts

@@ -1,6 +1,6 @@
-import type { MdKitCollaborationSession } from "./documentTypes";
-import type { MdKitDocumentController } from "./useMdKitDocument";
-import type { MdKitDocumentVersionsController } from "../versioning/useMdKitDocumentVersions";
+import type { MdKitCollaborationSession } from "./documentTypes.js";
+import type { MdKitDocumentController } from "./useMdKitDocument.js";
+import type { MdKitDocumentVersionsController } from "../versioning/useMdKitDocumentVersions.js";
 export type MdKitDocumentToolbarProps = {
     className?: string;
     collaboration?: MdKitCollaborationSession | null;

package/dist/document/MdKitDocumentToolbar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { joinClassNames } from "../ui/joinClassNames";
+import { joinClassNames } from "../ui/joinClassNames.js";
 const formatUpdatedAt = (updatedAt) => {
     if (!updatedAt) {
         return "Never saved";

package/dist/document/useMdKitDocument.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitDocumentAdapter, MdKitDocumentVersionToken } from "./documentTypes";
+import type { MdKitDocumentAdapter, MdKitDocumentVersionToken } from "./documentTypes.js";
 export type UseMdKitDocumentOptions = {
     adapter: Pick<MdKitDocumentAdapter, "readDocument" | "writeDocument" | "resyncDocument">;
     debounceMs?: number;

package/dist/fastify.d.ts

@@ -1,3 +1,3 @@
-export { registerMdKitFastify } from "./transport/fastify";
-export type { RegisterMdKitFastifyOptions } from "./transport/fastify";
-export type { MdKitRestoreDocumentVersionInput, MdKitTransportStore, } from "./transport/store";
+export { registerMdKitFastify } from "./transport/fastify.js";
+export type { RegisterMdKitFastifyOptions } from "./transport/fastify.js";
+export type { MdKitRestoreDocumentVersionInput, MdKitTransportStore, } from "./transport/store.js";

package/dist/fastify.js

@@ -1 +1 @@
-export { registerMdKitFastify } from "./transport/fastify";
+export { registerMdKitFastify } from "./transport/fastify.js";

package/dist/index.d.ts

@@ -1,25 +1,27 @@
-export { useMdKitCollaboration } from "./collaboration/useMdKitCollaboration";
-export { createMdKitDocumentRecord, detectMdKitDocumentConflict, normalizeMdKitVersionToken, restoreMdKitDocumentVersion, writeMdKitDocumentRecord, } from "./core/documentEngine";
-export { useMdKitDocument } from "./document/useMdKitDocument";
-export { MdKitConflictPanel } from "./document/MdKitConflictPanel";
-export { MdKitDocumentToolbar } from "./document/MdKitDocumentToolbar";
-export { MdKitEditor } from "./markdown/MdKitEditor";
-export { MdKitView } from "./markdown/MdKitView";
-export { MdKitThemeEditor } from "./theme/MdKitThemeEditor";
-export { createMdKitRestAdapter } from "./transport/rest";
-export { createMdKitEditorThemeStyle, darkMdKitEditorTheme, defaultMdKitEditorTheme, } from "./theme/editorTheme";
-export { VersionHistoryPanel } from "./versioning/VersionHistoryPanel";
-export { useMdKitDocumentVersions } from "./versioning/useMdKitDocumentVersions";
-export type { CreateMdKitDocumentRecordInput, MdKitDocumentRecord, RestoreMdKitDocumentVersionInput, RestoreMdKitDocumentVersionResult, WriteMdKitDocumentRecordInput, WriteMdKitDocumentRecordResult, } from "./core/documentEngine";
-export type { MdKitCollaborationParticipant, MdKitCollaborationSession, MdKitCollaborationStatus, MdKitDocumentAdapter, MdKitDocumentSnapshot, MdKitDocumentVersionDetail, MdKitDocumentVersionSummary, MdKitDocumentVersionToken, MdKitDocumentWriteInput, MdKitDocumentWriteResult, } from "./document/documentTypes";
-export type { MdKitDocumentConflictDetails, MdKitDocumentController, } from "./document/useMdKitDocument";
-export type { MdKitConflictPanelProps } from "./document/MdKitConflictPanel";
-export type { MdKitDocumentToolbarProps } from "./document/MdKitDocumentToolbar";
-export type { MdKitEditorProps } from "./markdown/MdKitEditor";
-export type { MdKitEditorDebugEvent } from "./markdown/editorDebug";
-export type { MdKitViewProps } from "./markdown/MdKitView";
-export type { MdKitThemeEditorProps } from "./theme/MdKitThemeEditor";
-export type { CreateMdKitRestAdapterOptions } from "./transport/rest";
-export type { MdKitEditorTheme, MdKitEditorThemeStyle, } from "./theme/editorTheme";
-export type { MdKitDocumentVersionsController, UseMdKitDocumentVersionsOptions, } from "./versioning/useMdKitDocumentVersions";
-export type { VersionHistoryPanelProps } from "./versioning/VersionHistoryPanel";
+export { useMdKitCollaboration } from "./collaboration/useMdKitCollaboration.js";
+export { createMdKitDocumentRecord, detectMdKitDocumentConflict, normalizeMdKitVersionToken, restoreMdKitDocumentVersion, writeMdKitDocumentRecord, } from "./core/documentEngine.js";
+export { useMdKitDocument } from "./document/useMdKitDocument.js";
+export { MdKitConflictPanel } from "./document/MdKitConflictPanel.js";
+export { MdKitDocumentToolbar } from "./document/MdKitDocumentToolbar.js";
+export { MdKitEditor } from "./markdown/MdKitEditor.js";
+export { MdKitView } from "./markdown/MdKitView.js";
+export { MdKitThemeEditor } from "./theme/MdKitThemeEditor.js";
+export { createMdKitRestAdapter } from "./transport/rest.js";
+export { createMdKitEditorThemeStyle, darkMdKitEditorTheme, defaultMdKitEditorTheme, } from "./theme/editorTheme.js";
+export { VersionHistoryPanel } from "./versioning/VersionHistoryPanel.js";
+export { useMdKitDocumentVersions } from "./versioning/useMdKitDocumentVersions.js";
+export { yjs } from "./yjs/index.js";
+export type { CreateMdKitDocumentRecordInput, MdKitDocumentRecord, RestoreMdKitDocumentVersionInput, RestoreMdKitDocumentVersionResult, WriteMdKitDocumentRecordInput, WriteMdKitDocumentRecordResult, } from "./core/documentEngine.js";
+export type { MdKitCollaborationParticipant, MdKitCollaborationSession, MdKitCollaborationStatus, MdKitDocumentAdapter, MdKitDocumentSnapshot, MdKitDocumentVersionDetail, MdKitDocumentVersionSummary, MdKitDocumentVersionToken, MdKitDocumentWriteInput, MdKitDocumentWriteResult, } from "./document/documentTypes.js";
+export type { MdKitDocumentConflictDetails, MdKitDocumentController, } from "./document/useMdKitDocument.js";
+export type { MdKitConflictPanelProps } from "./document/MdKitConflictPanel.js";
+export type { MdKitDocumentToolbarProps } from "./document/MdKitDocumentToolbar.js";
+export type { MdKitEditorProps } from "./markdown/MdKitEditor.js";
+export type { MdKitEditorDebugEvent } from "./markdown/editorDebug.js";
+export type { MdKitViewProps } from "./markdown/MdKitView.js";
+export type { MdKitThemeEditorProps } from "./theme/MdKitThemeEditor.js";
+export type { CreateMdKitRestAdapterOptions } from "./transport/rest.js";
+export type { MdKitEditorTheme, MdKitEditorThemeStyle, } from "./theme/editorTheme.js";
+export type { MdKitDocumentVersionsController, UseMdKitDocumentVersionsOptions, } from "./versioning/useMdKitDocumentVersions.js";
+export type { VersionHistoryPanelProps } from "./versioning/VersionHistoryPanel.js";
+export type { MdKitMarkdownYjsOptions } from "./yjs/index.js";

package/dist/index.js

@@ -1,12 +1,13 @@
-export { useMdKitCollaboration } from "./collaboration/useMdKitCollaboration";
-export { createMdKitDocumentRecord, detectMdKitDocumentConflict, normalizeMdKitVersionToken, restoreMdKitDocumentVersion, writeMdKitDocumentRecord, } from "./core/documentEngine";
-export { useMdKitDocument } from "./document/useMdKitDocument";
-export { MdKitConflictPanel } from "./document/MdKitConflictPanel";
-export { MdKitDocumentToolbar } from "./document/MdKitDocumentToolbar";
-export { MdKitEditor } from "./markdown/MdKitEditor";
-export { MdKitView } from "./markdown/MdKitView";
-export { MdKitThemeEditor } from "./theme/MdKitThemeEditor";
-export { createMdKitRestAdapter } from "./transport/rest";
-export { createMdKitEditorThemeStyle, darkMdKitEditorTheme, defaultMdKitEditorTheme, } from "./theme/editorTheme";
-export { VersionHistoryPanel } from "./versioning/VersionHistoryPanel";
-export { useMdKitDocumentVersions } from "./versioning/useMdKitDocumentVersions";
+export { useMdKitCollaboration } from "./collaboration/useMdKitCollaboration.js";
+export { createMdKitDocumentRecord, detectMdKitDocumentConflict, normalizeMdKitVersionToken, restoreMdKitDocumentVersion, writeMdKitDocumentRecord, } from "./core/documentEngine.js";
+export { useMdKitDocument } from "./document/useMdKitDocument.js";
+export { MdKitConflictPanel } from "./document/MdKitConflictPanel.js";
+export { MdKitDocumentToolbar } from "./document/MdKitDocumentToolbar.js";
+export { MdKitEditor } from "./markdown/MdKitEditor.js";
+export { MdKitView } from "./markdown/MdKitView.js";
+export { MdKitThemeEditor } from "./theme/MdKitThemeEditor.js";
+export { createMdKitRestAdapter } from "./transport/rest.js";
+export { createMdKitEditorThemeStyle, darkMdKitEditorTheme, defaultMdKitEditorTheme, } from "./theme/editorTheme.js";
+export { VersionHistoryPanel } from "./versioning/VersionHistoryPanel.js";
+export { useMdKitDocumentVersions } from "./versioning/useMdKitDocumentVersions.js";
+export { yjs } from "./yjs/index.js";

package/dist/markdown/MarkdownBubbleMenu.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEditorState } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { Bold, Code2, Heading1, Heading2, Italic, Link2, List, ListOrdered, Quote, Strikethrough, } from "lucide-react";
-import { joinClassNames } from "../ui/joinClassNames";
+import { joinClassNames } from "../ui/joinClassNames.js";
 const toolbarActiveStateIsEqual = (left, right) => {
     if (!right) {
         return false;

package/dist/markdown/MdKitEditor.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from "react";
-import type { MdKitCollaborationSession } from "../document/documentTypes";
-import type { MdKitEditorDebugEvent } from "./editorDebug";
+import type { MdKitCollaborationSession } from "../document/documentTypes.js";
+import type { MdKitEditorDebugEvent } from "./editorDebug.js";
 type MdKitEditorBaseProps = {
     className?: string;
     fillHeight?: boolean;

package/dist/markdown/MdKitEditor.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { joinClassNames } from "../ui/joinClassNames";
-import { TiptapMarkdownSurface } from "./TiptapMarkdownSurface";
+import { joinClassNames } from "../ui/joinClassNames.js";
+import { TiptapMarkdownSurface } from "./TiptapMarkdownSurface.js";
 export const MdKitEditor = (props) => {
     const { className, fillHeight = false, readOnly = false, style, ...surfaceProps } = props;
     return (_jsx("div", { className: joinClassNames("mp-lb-mdkit-markdown-editor", fillHeight && "mp-lb-mdkit-markdown-editor-fill-height", className), "data-read-only": readOnly ? "true" : undefined, style: style, children: _jsx(TiptapMarkdownSurface, { readOnly: readOnly, ...surfaceProps }, props.instanceKey) }));

package/dist/markdown/MdKitView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { joinClassNames } from "../ui/joinClassNames";
+import { joinClassNames } from "../ui/joinClassNames.js";
 export const MdKitView = ({ className, fillHeight = false, placeholder, style, value, }) => {
     const renderedValue = value.trim().length > 0 ? value : (placeholder ?? "");
     return (_jsx("div", { className: joinClassNames("mp-lb-mdkit-markdown-editor", "mp-lb-mdkit-markdown-view", fillHeight && "mp-lb-mdkit-markdown-editor-fill-height", className), "data-read-only": "true", style: style, children: _jsx("div", { className: "mp-lb-mdkit-editor-shell", children: _jsx("div", { className: "mp-lb-mdkit-editor-surface", children: renderedValue.length > 0 ? (_jsx("div", { className: "mp-lb-mdkit-tiptap mp-lb-mdkit-view-content", children: _jsx(ReactMarkdown, { components: {

package/dist/markdown/TiptapMarkdownSurface.d.ts

@@ -1,5 +1,5 @@
-import type { MdKitCollaborationSession } from "../document/documentTypes";
-import type { MdKitEditorDebugEvent } from "./editorDebug";
+import type { MdKitCollaborationSession } from "../document/documentTypes.js";
+import type { MdKitEditorDebugEvent } from "./editorDebug.js";
 type LocalTiptapMarkdownSurfaceProps = {
     collaboration?: null;
     onChange?: (markdown: string) => void;

package/dist/markdown/TiptapMarkdownSurface.js

@@ -2,13 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef } from "react";
 import Collaboration from "@tiptap/extension-collaboration";
 import CollaborationCaret from "@tiptap/extension-collaboration-caret";
-import { Markdown } from "@tiptap/markdown";
-import Placeholder from "@tiptap/extension-placeholder";
 import { EditorContent, useEditor } from "@tiptap/react";
-import StarterKit from "@tiptap/starter-kit";
-import { MarkdownBubbleMenu } from "./MarkdownBubbleMenu";
-import { normalizeMarkdownSerialization } from "./normalizeMarkdownSerialization";
-import { prepareMarkdownForEditorHydration } from "./prepareMarkdownForEditorHydration";
+import { createMdKitTiptapExtensions } from "./createMdKitTiptapExtensions.js";
+import { MarkdownBubbleMenu } from "./MarkdownBubbleMenu.js";
+import { normalizeMarkdownSerialization } from "./normalizeMarkdownSerialization.js";
+import { prepareMarkdownForEditorHydration } from "./prepareMarkdownForEditorHydration.js";
 const describeElement = (element) => {
     const classes = element instanceof HTMLElement && element.className
         ? `.${String(element.className).trim().replace(/\s+/g, ".")}`
@@ -123,26 +121,9 @@ export const TiptapMarkdownSurface = (props) => {
             },
         },
         extensions: [
-            StarterKit.configure({
-                heading: { levels: [1, 2] },
-                link: {
-                    HTMLAttributes: {
-                        rel: "noopener noreferrer",
-                        target: "_blank",
-                    },
-                    autolink: true,
-                    linkOnPaste: true,
-                    openOnClick: true,
-                },
-                undoRedo: hasCollaboration ? false : undefined,
-            }),
-            Placeholder.configure({
+            ...createMdKitTiptapExtensions({
                 placeholder,
-            }),
-            Markdown.configure({
-                markedOptions: {
-                    gfm: true,
-                },
+                undoRedo: !hasCollaboration,
             }),
             ...(collaborationDocument
                 ? [
@@ -191,6 +172,33 @@ export const TiptapMarkdownSurface = (props) => {
     useEffect(() => {
         editor?.setEditable(!readOnly);
     }, [editor, readOnly]);
+    useEffect(() => {
+        if (!editor) {
+            return;
+        }
+        const blurEditorOnExternalPointerDown = (event) => {
+            if (editor.isDestroyed) {
+                return;
+            }
+            const target = event.target;
+            if (!(target instanceof Element)) {
+                return;
+            }
+            if (editorSurfaceRef.current?.contains(target) ||
+                target.closest(".mp-lb-mdkit-toolbar")) {
+                return;
+            }
+            editor.commands.blur();
+        };
+        document.addEventListener("pointerdown", blurEditorOnExternalPointerDown, {
+            capture: true,
+        });
+        return () => {
+            document.removeEventListener("pointerdown", blurEditorOnExternalPointerDown, {
+                capture: true,
+            });
+        };
+    }, [editor]);
     useEffect(() => {
         if (!editor) {
             return;

package/dist/markdown/createMdKitTiptapExtensions.d.ts

@@ -0,0 +1,8 @@
+import type { Extensions } from "@tiptap/core";
+type CreateMdKitTiptapExtensionsOptions = {
+    placeholder?: string;
+    undoRedo?: boolean;
+};
+export declare const defaultMdKitMarkdownPlaceholder = "Start writing...";
+export declare const createMdKitTiptapExtensions: ({ placeholder, undoRedo, }?: CreateMdKitTiptapExtensionsOptions) => Extensions;
+export {};

package/dist/markdown/createMdKitTiptapExtensions.js

@@ -0,0 +1,27 @@
+import { Markdown } from "@tiptap/markdown";
+import Placeholder from "@tiptap/extension-placeholder";
+import StarterKit from "@tiptap/starter-kit";
+export const defaultMdKitMarkdownPlaceholder = "Start writing...";
+export const createMdKitTiptapExtensions = ({ placeholder = defaultMdKitMarkdownPlaceholder, undoRedo = true, } = {}) => [
+    StarterKit.configure({
+        heading: { levels: [1, 2] },
+        link: {
+            HTMLAttributes: {
+                rel: "noopener noreferrer",
+                target: "_blank",
+            },
+            autolink: true,
+            linkOnPaste: true,
+            openOnClick: true,
+        },
+        undoRedo: undoRedo ? undefined : false,
+    }),
+    Placeholder.configure({
+        placeholder,
+    }),
+    Markdown.configure({
+        markedOptions: {
+            gfm: true,
+        },
+    }),
+];

package/dist/markdown/prepareMarkdownForEditorHydration.js

@@ -1,4 +1,4 @@
-import { getMarkdownFenceRanges, isInsideMarkdownFence, } from "./markdownFenceRanges";
+import { getMarkdownFenceRanges, isInsideMarkdownFence, } from "./markdownFenceRanges.js";
 const expandedBlankLineRunPattern = /\n{3,}/g;
 export const prepareMarkdownForEditorHydration = (markdown) => {
     const fenceRanges = getMarkdownFenceRanges(markdown);

package/dist/markdown/preserveMarkdownWhitespace.js

@@ -1,4 +1,4 @@
-import { getMarkdownFenceRanges, isInsideMarkdownFence, } from "./markdownFenceRanges";
+import { getMarkdownFenceRanges, isInsideMarkdownFence, } from "./markdownFenceRanges.js";
 const tokenizeMarkdownBlocks = (markdown) => {
     const ranges = getMarkdownFenceRanges(markdown);
     const tokens = [];

package/dist/theme/MdKitThemeEditor.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitEditorTheme } from "./editorTheme";
+import type { MdKitEditorTheme } from "./editorTheme.js";
 export type MdKitThemeEditorProps = {
     className?: string;
     onChange: (theme: MdKitEditorTheme) => void;

package/dist/transport/fastify.d.ts

@@ -1,5 +1,5 @@
 import type { FastifyInstance } from "fastify";
-import type { MdKitTransportStore } from "./store";
+import type { MdKitTransportStore } from "./store.js";
 export type RegisterMdKitFastifyOptions = {
     prefix?: string;
     store: MdKitTransportStore;

package/dist/transport/fastify.js

@@ -1,4 +1,4 @@
-import { createMdKitHttpHandlers } from "./http";
+import { createMdKitHttpHandlers } from "./http.js";
 const send = async (reply, response) => {
     const { body, status } = await response;
     return reply.status(status).send(body);

package/dist/transport/http.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitTransportStore } from "./store";
+import type { MdKitTransportStore } from "./store.js";
 export type MdKitHttpRequest = {
     body?: unknown;
     params?: Record<string, unknown>;

package/dist/transport/index.d.ts

@@ -1,5 +1,5 @@
-export { createMdKitHttpHandlers } from "./http";
-export { createMdKitRestAdapter } from "./rest";
-export type { MdKitHttpHandlers, MdKitHttpRequest, MdKitHttpResponse, } from "./http";
-export type { CreateMdKitRestAdapterOptions } from "./rest";
-export type { MdKitRestoreDocumentVersionInput, MdKitTransportStore, } from "./store";
+export { createMdKitHttpHandlers } from "./http.js";
+export { createMdKitRestAdapter } from "./rest.js";
+export type { MdKitHttpHandlers, MdKitHttpRequest, MdKitHttpResponse, } from "./http.js";
+export type { CreateMdKitRestAdapterOptions } from "./rest.js";
+export type { MdKitRestoreDocumentVersionInput, MdKitTransportStore, } from "./store.js";

package/dist/transport/index.js

@@ -1,2 +1,2 @@
-export { createMdKitHttpHandlers } from "./http";
-export { createMdKitRestAdapter } from "./rest";
+export { createMdKitHttpHandlers } from "./http.js";
+export { createMdKitRestAdapter } from "./rest.js";

package/dist/transport/rest.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitDocumentAdapter } from "../document/documentTypes";
+import type { MdKitDocumentAdapter } from "../document/documentTypes.js";
 export type CreateMdKitRestAdapterOptions = {
     baseUrl: string;
     fetch?: typeof fetch;

package/dist/transport/store.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitDocumentSnapshot, MdKitDocumentVersionDetail, MdKitDocumentVersionSummary, MdKitDocumentWriteInput, MdKitDocumentWriteResult } from "../document/documentTypes";
+import type { MdKitDocumentSnapshot, MdKitDocumentVersionDetail, MdKitDocumentVersionSummary, MdKitDocumentWriteInput, MdKitDocumentWriteResult } from "../document/documentTypes.js";
 export type MdKitTransportStore = {
     readDocument(documentId: string): Promise<MdKitDocumentSnapshot> | MdKitDocumentSnapshot;
     writeDocument(input: MdKitDocumentWriteInput): Promise<MdKitDocumentWriteResult> | MdKitDocumentWriteResult;

package/dist/transport/trpcClient.d.ts

@@ -1,6 +1,6 @@
 import { createTRPCProxyClient } from "@trpc/client";
-import type { MdKitDocumentAdapter } from "../document/documentTypes";
-import type { MdKitTrpcRouter } from "./trpcServer";
+import type { MdKitDocumentAdapter } from "../document/documentTypes.js";
+import type { MdKitTrpcRouter } from "./trpcServer.js";
 export type CreateMdKitTrpcClientAdapterOptions = {
     url: string;
 };

package/dist/transport/trpcServer.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitTransportStore } from "./store";
+import type { MdKitTransportStore } from "./store.js";
 export declare const createMdKitTrpcRouter: (store: MdKitTransportStore) => import("@trpc/server").TRPCBuiltRouter<{
     ctx: object;
     meta: object;

package/dist/trpc/client.d.ts

@@ -1,3 +1,3 @@
-export { createMdKitTrpcAdapter, createMdKitTrpcClient, createMdKitTrpcClientAdapter, } from "../transport/trpcClient";
-export type { CreateMdKitTrpcAdapterOptions, CreateMdKitTrpcClientAdapterOptions, } from "../transport/trpcClient";
-export type { MdKitTrpcRouter } from "../transport/trpcServer";
+export { createMdKitTrpcAdapter, createMdKitTrpcClient, createMdKitTrpcClientAdapter, } from "../transport/trpcClient.js";
+export type { CreateMdKitTrpcAdapterOptions, CreateMdKitTrpcClientAdapterOptions, } from "../transport/trpcClient.js";
+export type { MdKitTrpcRouter } from "../transport/trpcServer.js";

package/dist/trpc/client.js

@@ -1 +1 @@
-export { createMdKitTrpcAdapter, createMdKitTrpcClient, createMdKitTrpcClientAdapter, } from "../transport/trpcClient";
+export { createMdKitTrpcAdapter, createMdKitTrpcClient, createMdKitTrpcClientAdapter, } from "../transport/trpcClient.js";

package/dist/trpc/server.d.ts

@@ -1,3 +1,3 @@
-export { createMdKitTrpcRouter } from "../transport/trpcServer";
-export type { MdKitTrpcRouter } from "../transport/trpcServer";
-export type { MdKitRestoreDocumentVersionInput, MdKitTransportStore, } from "../transport/store";
+export { createMdKitTrpcRouter } from "../transport/trpcServer.js";
+export type { MdKitTrpcRouter } from "../transport/trpcServer.js";
+export type { MdKitRestoreDocumentVersionInput, MdKitTransportStore, } from "../transport/store.js";

package/dist/trpc/server.js

@@ -1 +1 @@
-export { createMdKitTrpcRouter } from "../transport/trpcServer";
+export { createMdKitTrpcRouter } from "../transport/trpcServer.js";

package/dist/trpc.d.ts

@@ -1,3 +1,3 @@
-export { createMdKitTrpcAdapter, createMdKitTrpcClient, createMdKitTrpcClientAdapter, } from "./transport/trpcClient";
-export type { CreateMdKitTrpcAdapterOptions, CreateMdKitTrpcClientAdapterOptions, } from "./transport/trpcClient";
-export type { MdKitTrpcRouter } from "./transport/trpcServer";
+export { createMdKitTrpcAdapter, createMdKitTrpcClient, createMdKitTrpcClientAdapter, } from "./transport/trpcClient.js";
+export type { CreateMdKitTrpcAdapterOptions, CreateMdKitTrpcClientAdapterOptions, } from "./transport/trpcClient.js";
+export type { MdKitTrpcRouter } from "./transport/trpcServer.js";

package/dist/trpc.js

@@ -1 +1 @@
-export { createMdKitTrpcAdapter, createMdKitTrpcClient, createMdKitTrpcClientAdapter, } from "./transport/trpcClient";
+export { createMdKitTrpcAdapter, createMdKitTrpcClient, createMdKitTrpcClientAdapter, } from "./transport/trpcClient.js";

package/dist/versioning/VersionHistoryPanel.d.ts

@@ -1,5 +1,5 @@
-import type { MdKitDocumentVersionDetail } from "../document/documentTypes";
-import type { MdKitDocumentVersionsController } from "./useMdKitDocumentVersions";
+import type { MdKitDocumentVersionDetail } from "../document/documentTypes.js";
+import type { MdKitDocumentVersionsController } from "./useMdKitDocumentVersions.js";
 export type VersionHistoryPanelProps = {
     className?: string;
     controller: MdKitDocumentVersionsController;

package/dist/versioning/VersionHistoryPanel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { joinClassNames } from "../ui/joinClassNames";
+import { joinClassNames } from "../ui/joinClassNames.js";
 const getVersionLabel = (version) => {
     if (version.label) {
         return version.label;

package/dist/versioning/useMdKitDocumentVersions.d.ts

@@ -1,4 +1,4 @@
-import type { MdKitDocumentAdapter, MdKitDocumentVersionDetail, MdKitDocumentVersionSummary } from "../document/documentTypes";
+import type { MdKitDocumentAdapter, MdKitDocumentVersionDetail, MdKitDocumentVersionSummary } from "../document/documentTypes.js";
 export type UseMdKitDocumentVersionsOptions = {
     adapter: Pick<MdKitDocumentAdapter, "listDocumentVersions" | "readDocumentVersion">;
     documentId: string | null;

package/dist/yjs/MdKitMarkdownYjs.d.ts

@@ -0,0 +1,12 @@
+import * as Y from "yjs";
+export type MdKitMarkdownYjsOptions = {
+    fragmentName?: string;
+};
+export declare const replaceMdKitYjsMarkdown: (ydoc: Y.Doc, markdown: string, options?: MdKitMarkdownYjsOptions) => Uint8Array;
+export declare const markdownToMdKitYjs: (markdown: string, options?: MdKitMarkdownYjsOptions) => Uint8Array;
+export declare const mdKitYjsToMarkdown: (yjsState: Uint8Array, options?: MdKitMarkdownYjsOptions) => string;
+export declare const yjs: {
+    markdownToMdKitYjs: (markdown: string, options?: MdKitMarkdownYjsOptions) => Uint8Array;
+    mdKitYjsToMarkdown: (yjsState: Uint8Array, options?: MdKitMarkdownYjsOptions) => string;
+    replaceMdKitYjsMarkdown: (ydoc: Y.Doc, markdown: string, options?: MdKitMarkdownYjsOptions) => Uint8Array;
+};

package/dist/yjs/MdKitMarkdownYjs.js

@@ -0,0 +1,40 @@
+import { getSchema } from "@tiptap/core";
+import { MarkdownManager } from "@tiptap/markdown";
+import { prosemirrorJSONToYXmlFragment, yXmlFragmentToProsemirrorJSON, } from "@tiptap/y-tiptap";
+import * as Y from "yjs";
+import { createMdKitTiptapExtensions } from "../markdown/createMdKitTiptapExtensions.js";
+import { normalizeMarkdownSerialization } from "../markdown/normalizeMarkdownSerialization.js";
+import { prepareMarkdownForEditorHydration } from "../markdown/prepareMarkdownForEditorHydration.js";
+const defaultMdKitYjsFragmentName = "default";
+const getMdKitYjsFragmentName = (options) => options?.fragmentName ?? defaultMdKitYjsFragmentName;
+const createMdKitMarkdownManager = () => new MarkdownManager({
+    extensions: createMdKitTiptapExtensions(),
+    markedOptions: {
+        gfm: true,
+    },
+});
+const createMdKitProseMirrorSchema = () => getSchema(createMdKitTiptapExtensions());
+const markdownToProseMirrorJson = (markdown) => createMdKitMarkdownManager().parse(prepareMarkdownForEditorHydration(markdown));
+const proseMirrorJsonToMarkdown = (json) => normalizeMarkdownSerialization(createMdKitMarkdownManager().serialize(json));
+export const replaceMdKitYjsMarkdown = (ydoc, markdown, options) => {
+    const fragment = ydoc.getXmlFragment(getMdKitYjsFragmentName(options));
+    const schema = createMdKitProseMirrorSchema();
+    const json = markdownToProseMirrorJson(markdown);
+    prosemirrorJSONToYXmlFragment(schema, json, fragment);
+    return Y.encodeStateAsUpdate(ydoc);
+};
+export const markdownToMdKitYjs = (markdown, options) => {
+    const ydoc = new Y.Doc();
+    return replaceMdKitYjsMarkdown(ydoc, markdown, options);
+};
+export const mdKitYjsToMarkdown = (yjsState, options) => {
+    const ydoc = new Y.Doc();
+    Y.applyUpdate(ydoc, yjsState);
+    const json = yXmlFragmentToProsemirrorJSON(ydoc.getXmlFragment(getMdKitYjsFragmentName(options)));
+    return proseMirrorJsonToMarkdown(json);
+};
+export const yjs = {
+    markdownToMdKitYjs,
+    mdKitYjsToMarkdown,
+    replaceMdKitYjsMarkdown,
+};

package/dist/yjs/index.d.ts

@@ -0,0 +1,2 @@
+export { markdownToMdKitYjs, mdKitYjsToMarkdown, replaceMdKitYjsMarkdown, yjs, } from "./MdKitMarkdownYjs.js";
+export type { MdKitMarkdownYjsOptions } from "./MdKitMarkdownYjs.js";

package/dist/yjs/index.js

@@ -0,0 +1 @@
+export { markdownToMdKitYjs, mdKitYjsToMarkdown, replaceMdKitYjsMarkdown, yjs, } from "./MdKitMarkdownYjs.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mp-lb/mdkit",
-  "version": "0.2.2",
+  "version": "0.2.3-main.20.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -34,6 +34,11 @@
       "import": "./dist/trpc.js",
       "types": "./dist/trpc.d.ts"
     },
+    "./yjs": {
+      "source": "./src/yjs/index.ts",
+      "import": "./dist/yjs/index.js",
+      "types": "./dist/yjs/index.d.ts"
+    },
     "./styles.css": "./src/styles.css",
     "./trpc/client": {
       "source": "./src/trpc/client.ts",
@@ -70,13 +75,16 @@
   },
   "dependencies": {
     "@hocuspocus/provider": "^2.15.0",
+    "@tiptap/core": "^3.14.0",
     "@tiptap/extension-collaboration": "^3.14.0",
     "@tiptap/extension-collaboration-caret": "^3.14.0",
     "@tiptap/extension-link": "^3.14.0",
     "@tiptap/extension-placeholder": "^3.14.0",
     "@tiptap/markdown": "^3.20.1",
+    "@tiptap/pm": "^3.14.0",
     "@tiptap/react": "^3.14.0",
     "@tiptap/starter-kit": "^3.14.0",
+    "@tiptap/y-tiptap": "^3.0.2",
     "lucide-react": "^0.554.0",
     "react-markdown": "10.1.0",
     "remark-gfm": "4.0.1",
@@ -100,7 +108,7 @@
   },
   "scripts": {
     "dev": "tsc --watch --project tsconfig.json",
-    "build": "tsc --project tsconfig.json",
+    "build": "tsc --project tsconfig.json && node scripts/add-js-extensions.mjs",
     "docs:build": "vitepress build docs",
     "docs:dev": "node scripts/load-docs-env.mjs dev",
     "docs:preview": "node scripts/load-docs-env.mjs preview",