@awesome-markdown/board-ui 0.0.0-stage → 2.0.0

package/dist/sync/conflict-store.js

@@ -0,0 +1,159 @@
+import React, { createContext, useContext, useReducer, useEffect, useCallback, useRef, } from 'react';
+import { fetchConflictState, submitDecisions } from './conflict-api.js';
+const initialState = {
+    activeConflict: null,
+    submitting: false,
+    error: null,
+};
+function conflictReducer(state, action) {
+    switch (action.type) {
+        case 'SET_CONFLICT':
+            return { ...state, activeConflict: action.conflict, error: null };
+        case 'CLEAR_CONFLICT':
+            return { ...state, activeConflict: null, submitting: false, error: null };
+        case 'SET_SUBMITTING':
+            return { ...state, submitting: action.value };
+        case 'SET_ERROR':
+            return { ...state, error: action.message, submitting: false };
+        default:
+            return state;
+    }
+}
+const ConflictCtx = createContext(null);
+/**
+ * Provides the conflict store to the component tree.
+ *
+ * On mount:
+ *  1. Fetches GET /sync/conflict/state to hydrate any in-flight conflict.
+ *  2. Subscribes to SSE events (conflict / synced) via EventSource.
+ *
+ * The EventSource is reconnect-safe: duplicate `conflict` events for the same
+ * mergeId are coalesced (idempotent set-state).
+ */
+export function ConflictProvider({ syncEngineUrl, children, }) {
+    const [state, dispatch] = useReducer(conflictReducer, initialState);
+    const esRef = useRef(null);
+    // Hydrate from server on mount
+    useEffect(() => {
+        let cancelled = false;
+        fetchConflictState(syncEngineUrl).then((conflict) => {
+            if (!cancelled) {
+                dispatch({ type: 'SET_CONFLICT', conflict });
+            }
+        }).catch(() => {
+            // Sync-engine not running — ignore silently
+        });
+        return () => { cancelled = true; };
+    }, [syncEngineUrl]);
+    // Subscribe to SSE events
+    useEffect(() => {
+        let cancelled = false;
+        const base = syncEngineUrl;
+        // Defer EventSource creation past React StrictMode's synchronous
+        // cleanup pass so the connection isn't opened then immediately aborted.
+        const timer = setTimeout(() => {
+            if (cancelled)
+                return;
+            const es = new EventSource(`${base}/events`);
+            esRef.current = es;
+            es.addEventListener('conflict', (e) => {
+                try {
+                    const data = JSON.parse(e.data);
+                    // If same mergeId, coalesce (don't re-render unnecessarily)
+                    // Fetch fresh state so we have the full ConflictState shape
+                    fetchConflictState(syncEngineUrl).then((conflict) => {
+                        dispatch({ type: 'SET_CONFLICT', conflict });
+                    }).catch(() => { });
+                }
+                catch {
+                    // Malformed event — ignore
+                }
+            });
+            es.addEventListener('synced', () => {
+                dispatch({ type: 'CLEAR_CONFLICT' });
+            });
+            es.addEventListener('change', () => {
+                window.dispatchEvent(new CustomEvent('sync-engine:change'));
+            });
+        }, 0);
+        // Clean up on unmount
+        return () => {
+            cancelled = true;
+            clearTimeout(timer);
+            if (esRef.current) {
+                esRef.current.close();
+                esRef.current = null;
+            }
+        };
+    }, [syncEngineUrl]);
+    const isPathAffected = useCallback((filePath) => {
+        if (!state.activeConflict)
+            return false;
+        return state.activeConflict.pendingPaths.includes(filePath) ||
+            state.activeConflict.paths.some((p) => p.path === filePath);
+    }, [state.activeConflict]);
+    const isItemAffected = useCallback((itemId) => {
+        if (!state.activeConflict)
+            return false;
+        return state.activeConflict.paths.some((p) => p.path.includes(itemId));
+    }, [state.activeConflict]);
+    const decisionFor = useCallback((filePath) => {
+        if (!state.activeConflict)
+            return null;
+        const entry = state.activeConflict.paths.find((p) => p.path === filePath);
+        return entry?.decision ?? null;
+    }, [state.activeConflict]);
+    const resolve = useCallback(async (decisions) => {
+        if (!state.activeConflict)
+            return;
+        dispatch({ type: 'SET_SUBMITTING', value: true });
+        try {
+            const result = await submitDecisions(syncEngineUrl, state.activeConflict.mergeId, decisions);
+            if (result.status === 'completed') {
+                dispatch({ type: 'CLEAR_CONFLICT' });
+            }
+            else {
+                // Partial — refresh state
+                const updated = await fetchConflictState(syncEngineUrl);
+                dispatch({ type: 'SET_CONFLICT', conflict: updated });
+            }
+        }
+        catch (err) {
+            dispatch({
+                type: 'SET_ERROR',
+                message: err instanceof Error ? err.message : 'Resolution failed',
+            });
+        }
+        finally {
+            dispatch({ type: 'SET_SUBMITTING', value: false });
+        }
+    }, [state.activeConflict, syncEngineUrl]);
+    const dismissError = useCallback(() => {
+        dispatch({ type: 'SET_ERROR', message: null });
+    }, []);
+    const value = {
+        ...state,
+        isPathAffected,
+        isItemAffected,
+        decisionFor,
+        resolve,
+        dismissError,
+    };
+    return React.createElement(ConflictCtx.Provider, { value }, children);
+}
+/** Access the conflict store. Must be used inside <ConflictProvider>. */
+export function useConflict() {
+    const ctx = useContext(ConflictCtx);
+    if (!ctx) {
+        throw new Error('useConflict must be used inside <ConflictProvider>');
+    }
+    return ctx;
+}
+/**
+ * Like useConflict but returns null when not inside <ConflictProvider>.
+ * Useful for components that are also rendered outside a provider (e.g. tests).
+ */
+export function useOptionalConflict() {
+    return useContext(ConflictCtx);
+}
+//# sourceMappingURL=conflict-store.js.map

package/dist/sync/conflict-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conflict-store.js","sourceRoot":"","sources":["../../src/sync/conflict-store.ts"],"names":[],"mappings":"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"}

package/fonts/LICENSE

@@ -0,0 +1,14 @@
+Font licenses
+=============
+
+JetBrains Mono
+--------------
+Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
+Licensed under the SIL Open Font License, Version 1.1.
+https://scripts.sil.org/OFL
+
+Inter Tight
+-----------
+Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
+Licensed under the SIL Open Font License, Version 1.1.
+https://scripts.sil.org/OFL

package/package.json

@@ -1,6 +1,62 @@
 {
   "name": "@awesome-markdown/board-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "2.0.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Pjore/awesome-markdown",
+    "directory": "packages/board-ui"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "styles.css",
+    "fonts"
+  ],
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "diff": "^7.0.0",
+    "react-markdown": "^10.1.0",
+    "@awesome-markdown/contracts": "2.0.0",
+    "@awesome-markdown/filter-engine": "2.0.1",
+    "@awesome-markdown/provider-http": "2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "jsdom": "^26.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.3",
+    "vitest": "^3.0.0",
+    "@awesome-markdown/provider-localstorage": "2.0.0"
+  },
+  "scripts": {
+    "build": "tsc --build",
+    "dev": "tsc --build --watch --preserveWatchOutput",
+    "typecheck": "tsc --build",
+    "test": "vitest run"
+  }
 }