@file-viewer/renderer-cad 3.0.0 → 3.0.2

package/README.en.md

@@ -49,3 +49,17 @@ For private deployments, override them with `options.cad.wasmPath`, `options.cad
 ## Migration Note
 
 CAD preview has moved completely out of `@file-viewer/core`. Core now only keeps the asset manifest, shared types, and a compatibility error message, and it no longer installs `@flyfish-dev/cad-viewer` by default. Install this package and pass it through `renderers`, or use `@file-viewer/preset-all` for the complete CAD experience.
+
+## Monochrome plot mode
+
+Set `cad.colorMode` to `source` or `monochrome`. Monochrome rendering uses the CAD engine's entity-color policy rather than a CSS filter, keeping Canvas, WebGL, text overlays and native DWF output consistent while preserving alpha, line types, line weights and source data.
+
+```ts
+{
+  cad: {
+    colorMode: 'monochrome',
+    monochromeColor: '#000000',
+    showColorModeToggle: true,
+  },
+}
+```

package/README.md

@@ -49,3 +49,17 @@ const options = {
 ## 迁移说明
 
 CAD 预览已经从 `@file-viewer/core` 中彻底移出，core 只保留资产 manifest、类型和兼容错误提示，不再默认安装 `@flyfish-dev/cad-viewer`。完整 CAD 能力请安装本包并传入 `renderers`，或直接使用 `@file-viewer/preset-all`。
+
+## 黑白出图模式
+
+`cad.colorMode` 可设为 `source` 或 `monochrome`。黑白模式通过 CAD 引擎的实体颜色策略实现，不使用 CSS 滤镜，因此 Canvas、WebGL、文字覆盖层及原生 DWF 渲染可保持一致，同时保留透明度、线型、线宽和源文件数据。
+
+```ts
+{
+  cad: {
+    colorMode: 'monochrome',
+    monochromeColor: '#000000',
+    showColorModeToggle: true,
+  },
+}
+```

package/dist/cad.js

@@ -1,10 +1,13 @@
 import { CadViewer, inferEntityKind, } from '@flyfish-dev/cad-viewer';
 import { resolveFileViewerCadAssetUrls, resolveFileViewerRuntimeAssetBaseUrl, } from '@file-viewer/core/assets';
 import { createFileViewerViewStateChange, createFileViewerViewStateChangeEmitter, createFileViewerTranslator, createFileViewerZoomChangeEmitter, registerFileViewerViewStateProvider, registerFileViewerZoomProvider, resolveFileViewerLocale, unregisterFileViewerViewStateProvider, unregisterFileViewerZoomProvider, } from '@file-viewer/core';
+import { applyCadViewerColorMode, normalizeFileViewerCadColorMode, resolveFileViewerCadMonochromeColor, resolveCadViewerSourceDocument, supportsCadViewerColorMode, } from './colorMode.js';
 const CAD_WORKER_TIMEOUT = 120000;
 const CAD_DEFAULT_FIT_PADDING = 0.92;
 const CAD_BOUNDS_EPSILON = 1e-9;
 const CAD_BEST_FIT_OUTLIER_RATIO = 8;
+const CAD_NATIVE_MIN_ZOOM_RATIO = 0.05;
+const CAD_NATIVE_MAX_ZOOM_RATIO = 64;
 const cadStyle = `
 .cad-shell{display:flex;height:100%;min-height:100%;flex-direction:column;background:#f5f7fb;color:#142335}
 .cad-shell *{box-sizing:border-box}
@@ -12,6 +15,9 @@ const cadStyle = `
 .cad-tools,.cad-meta{display:flex;align-items:center;gap:8px}
 .cad-tools button{min-width:34px;min-height:30px;border:0;border-radius:8px;background:rgba(15,23,42,.06);color:#25344c;cursor:pointer;font-weight:800;letter-spacing:0;transition:background-color .18s ease,color .18s ease}
 .cad-tools button:hover{background:rgba(31,150,110,.14);color:#0f8f62}
+.cad-tools button.cad-color-mode{min-width:52px;padding:0 10px;font-size:12px}
+.cad-tools button.cad-color-mode[aria-pressed='true']{background:#0f172a;color:#fff}
+.cad-tools button.cad-color-mode:disabled{cursor:not-allowed;opacity:.46}
 .cad-zoom,.cad-meta span{color:#64748b;font-size:12px;font-weight:800;letter-spacing:0}
 .cad-meta span{border-radius:999px;padding:5px 9px;background:rgba(15,23,42,.06)}
 .cad-body{display:grid;min-height:0;flex:1;grid-template-columns:minmax(176px,236px) minmax(0,1fr) minmax(142px,176px);background:#eef2f7}
@@ -198,6 +204,105 @@ const getCadDocumentBaseUrl = (target) => {
         : 'file:///';
 };
 const CAD_DWG_WORKER_FILENAME = 'file-viewer-input.dwg';
+const getCadPinchSnapshot = (points) => {
+    const [first, second] = Array.from(points.values());
+    if (!first || !second) {
+        return null;
+    }
+    return {
+        center: {
+            x: (first.x + second.x) / 2,
+            y: (first.y + second.y) / 2,
+        },
+        distance: Math.hypot(second.x - first.x, second.y - first.y),
+    };
+};
+/**
+ * The bundled CAD engines currently treat every touch pointer as the same
+ * drag. Coordinate two touch pointers before their target listeners run so a
+ * pinch becomes one anchored zoom operation instead of two competing pans.
+ */
+const registerCadPinchZoom = (surface, onStart, onZoom) => {
+    const points = new Map();
+    let previous = null;
+    let suppressDragUntilRelease = false;
+    const suppressPointerEvent = (event) => {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+    };
+    const handlePointerDown = (event) => {
+        if (event.pointerType !== 'touch') {
+            return;
+        }
+        points.set(event.pointerId, { x: event.clientX, y: event.clientY });
+        try {
+            surface.setPointerCapture(event.pointerId);
+        }
+        catch {
+            // Synthetic browser harness events may not create an active pointer.
+        }
+        if (points.size < 2) {
+            return;
+        }
+        suppressDragUntilRelease = true;
+        previous = getCadPinchSnapshot(points);
+        onStart();
+        suppressPointerEvent(event);
+    };
+    const handlePointerMove = (event) => {
+        if (event.pointerType !== 'touch' || !points.has(event.pointerId)) {
+            return;
+        }
+        points.set(event.pointerId, { x: event.clientX, y: event.clientY });
+        if (!suppressDragUntilRelease) {
+            return;
+        }
+        if (points.size >= 2) {
+            const current = getCadPinchSnapshot(points);
+            if (previous && current && previous.distance > 0 && current.distance > 0) {
+                onZoom({
+                    center: current.center,
+                    deltaX: current.center.x - previous.center.x,
+                    deltaY: current.center.y - previous.center.y,
+                    factor: Math.min(2, Math.max(0.5, current.distance / previous.distance)),
+                });
+            }
+            previous = current;
+        }
+        suppressPointerEvent(event);
+    };
+    const handlePointerEnd = (event) => {
+        if (event.pointerType !== 'touch' || !points.has(event.pointerId)) {
+            return;
+        }
+        points.delete(event.pointerId);
+        previous = points.size >= 2 ? getCadPinchSnapshot(points) : null;
+        if (points.size === 0) {
+            suppressDragUntilRelease = false;
+        }
+        try {
+            if (surface.hasPointerCapture(event.pointerId)) {
+                surface.releasePointerCapture(event.pointerId);
+            }
+        }
+        catch {
+            // The underlying engine may already have released this pointer.
+        }
+        // Do not stop pointerup/cancel: the engine must clear the single-pointer
+        // drag that began before the second finger started the pinch.
+    };
+    surface.addEventListener('pointerdown', handlePointerDown, { capture: true });
+    surface.addEventListener('pointermove', handlePointerMove, { capture: true });
+    surface.addEventListener('pointerup', handlePointerEnd, { capture: true });
+    surface.addEventListener('pointercancel', handlePointerEnd, { capture: true });
+    return () => {
+        surface.removeEventListener('pointerdown', handlePointerDown, { capture: true });
+        surface.removeEventListener('pointermove', handlePointerMove, { capture: true });
+        surface.removeEventListener('pointerup', handlePointerEnd, { capture: true });
+        surface.removeEventListener('pointercancel', handlePointerEnd, { capture: true });
+        points.clear();
+    };
+};
 const createEmptyCadBounds = () => ({
     minX: Number.POSITIVE_INFINITY,
     minY: Number.POSITIVE_INFINITY,
@@ -547,6 +652,8 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
     const options = ((_a = context === null || context === void 0 ? void 0 : context.options) === null || _a === void 0 ? void 0 : _a.cad) || {};
     const t = createFileViewerTranslator(context === null || context === void 0 ? void 0 : context.options);
     const locale = resolveFileViewerLocale(context === null || context === void 0 ? void 0 : context.options);
+    const monochromeColor = resolveFileViewerCadMonochromeColor(options.monochromeColor);
+    let colorMode = normalizeFileViewerCadColorMode(options.colorMode);
     let status = 'loading';
     let progressMessage = t('cad.state.loadingViewer');
     let errorMessage = '';
@@ -557,7 +664,10 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
     let viewer = null;
     let resizeObserver = null;
     let abortController = null;
+    let disposeCadPinch = null;
+    let disposeNativeInteractions = null;
     let fitViewActive = true;
+    let nativeZoomRatio = 1;
     let disposed = false;
     const style = createStyle();
     const shell = createElement('div', 'cad-shell');
@@ -568,16 +678,18 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
     const zoomOutButton = createElement('button', undefined, '-');
     const zoomText = createElement('span', 'cad-zoom', '100%');
     const zoomInButton = createElement('button', undefined, '+');
+    const colorModeButton = createElement('button', 'cad-color-mode');
+    colorModeButton.hidden = options.showColorModeToggle === false;
     const meta = createElement('div', 'cad-meta');
     const typeMeta = createElement('span', undefined, normalizedType.toUpperCase());
     const backendMeta = createElement('span', undefined, 'AUTO');
-    [fitButton, zoomOutButton, zoomInButton].forEach(button => {
+    [fitButton, zoomOutButton, zoomInButton, colorModeButton].forEach(button => {
         button.type = 'button';
     });
     fitButton.title = t('cad.toolbar.fit');
     zoomOutButton.title = t('cad.toolbar.zoomOut');
     zoomInButton.title = t('cad.toolbar.zoomIn');
-    tools.append(fitButton, zoomOutButton, zoomText, zoomInButton);
+    tools.append(fitButton, zoomOutButton, zoomText, zoomInButton, colorModeButton);
     meta.append(typeMeta, backendMeta);
     toolbar.append(tools, meta);
     const body = createElement('div', 'cad-body without-layers');
@@ -615,8 +727,11 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
     };
     const getWarnings = () => (loadResult === null || loadResult === void 0 ? void 0 : loadResult.warnings) || (loadResult === null || loadResult === void 0 ? void 0 : loadResult.document.warnings) || [];
     const getZoomPercent = () => {
-        var _a, _b, _c;
-        const zoom = (_c = (_a = viewState === null || viewState === void 0 ? void 0 : viewState.zoomPercent) !== null && _a !== void 0 ? _a : (_b = viewer === null || viewer === void 0 ? void 0 : viewer.getZoomPercent) === null || _b === void 0 ? void 0 : _b.call(viewer)) !== null && _c !== void 0 ? _c : 100;
+        var _a, _b, _c, _d;
+        if ((_a = viewer === null || viewer === void 0 ? void 0 : viewer.isNativeRendererActive) === null || _a === void 0 ? void 0 : _a.call(viewer)) {
+            return Math.round(nativeZoomRatio * 100);
+        }
+        const zoom = (_d = (_b = viewState === null || viewState === void 0 ? void 0 : viewState.zoomPercent) !== null && _b !== void 0 ? _b : (_c = viewer === null || viewer === void 0 ? void 0 : viewer.getZoomPercent) === null || _c === void 0 ? void 0 : _c.call(viewer)) !== null && _d !== void 0 ? _d : 100;
         return Number.isFinite(zoom) ? Math.round(zoom) : 100;
     };
     const getCadZoomState = () => {
@@ -642,6 +757,8 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
             status,
             view: viewState ? { ...viewState } : null,
             backend: renderStats === null || renderStats === void 0 ? void 0 : renderStats.backend,
+            colorMode,
+            monochromeColor: colorMode === 'monochrome' ? monochromeColor : undefined,
             layerCount: layers.length,
             visibleLayers: layers
                 .filter(layer => layer.isVisible !== false && !layer.isFrozen)
@@ -655,6 +772,98 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
         }
         return state;
     };
+    const clampNativeZoomRatio = (ratio) => {
+        return Math.min(CAD_NATIVE_MAX_ZOOM_RATIO, Math.max(CAD_NATIVE_MIN_ZOOM_RATIO, ratio));
+    };
+    const notifyNativeZoomChange = (action) => {
+        cadZoomEmitter.emit();
+        syncState();
+        emitCadViewStateChange(action, 'user');
+    };
+    const bindNativeCadInteractions = () => {
+        disposeNativeInteractions === null || disposeNativeInteractions === void 0 ? void 0 : disposeNativeInteractions();
+        disposeNativeInteractions = null;
+        const surface = nativeHost.querySelector('.dwfv-overlay-canvas');
+        if (!surface) {
+            return;
+        }
+        let notificationQueued = false;
+        const queueNativeZoomChange = (action) => {
+            if (notificationQueued) {
+                return;
+            }
+            notificationQueued = true;
+            queueMicrotask(() => {
+                var _a;
+                notificationQueued = false;
+                if (!disposed && ((_a = viewer === null || viewer === void 0 ? void 0 : viewer.isNativeRendererActive) === null || _a === void 0 ? void 0 : _a.call(viewer))) {
+                    notifyNativeZoomChange(action);
+                }
+            });
+        };
+        const applyNativeZoomFactor = (factor, action) => {
+            if (!Number.isFinite(factor) || factor <= 0) {
+                return;
+            }
+            nativeZoomRatio = clampNativeZoomRatio(nativeZoomRatio * factor);
+            queueNativeZoomChange(action);
+        };
+        const handleNativeClick = (event) => {
+            const eventTarget = event.target;
+            const button = eventTarget instanceof Element ? eventTarget.closest('button') : null;
+            if (!button || !nativeHost.contains(button)) {
+                return;
+            }
+            const label = (button.textContent || '').trim();
+            if (label === '+') {
+                applyNativeZoomFactor(1.25, 'zoom-in');
+            }
+            else if (label === '-' || label === '−') {
+                applyNativeZoomFactor(0.8, 'zoom-out');
+            }
+            else if (/适应|fit|reset/i.test(label)) {
+                nativeZoomRatio = 1;
+                queueNativeZoomChange('zoom-reset');
+            }
+        };
+        const handleNativeWheel = (event) => {
+            const rect = surface.getBoundingClientRect();
+            const delta = event.deltaMode === WheelEvent.DOM_DELTA_LINE
+                ? event.deltaY * 16
+                : event.deltaMode === WheelEvent.DOM_DELTA_PAGE
+                    ? event.deltaY * Math.max(1, rect.height)
+                    : event.deltaY;
+            applyNativeZoomFactor(Math.exp(-delta * 0.0015), 'cad-view-change');
+        };
+        const handleNativePageChange = (event) => {
+            if (event.target instanceof HTMLSelectElement && nativeHost.contains(event.target)) {
+                nativeZoomRatio = 1;
+                queueNativeZoomChange('zoom-reset');
+            }
+        };
+        const disposePinch = registerCadPinchZoom(surface, () => {
+            fitViewActive = false;
+        }, ({ center, factor }) => {
+            const deltaY = -Math.log(factor) / 0.0015;
+            surface.dispatchEvent(new WheelEvent('wheel', {
+                bubbles: true,
+                cancelable: true,
+                clientX: center.x,
+                clientY: center.y,
+                deltaMode: WheelEvent.DOM_DELTA_PIXEL,
+                deltaY,
+            }));
+        });
+        nativeHost.addEventListener('click', handleNativeClick);
+        nativeHost.addEventListener('change', handleNativePageChange);
+        surface.addEventListener('wheel', handleNativeWheel);
+        disposeNativeInteractions = () => {
+            disposePinch();
+            nativeHost.removeEventListener('click', handleNativeClick);
+            nativeHost.removeEventListener('change', handleNativePageChange);
+            surface.removeEventListener('wheel', handleNativeWheel);
+        };
+    };
     const syncInspector = () => {
         const summary = loadResult === null || loadResult === void 0 ? void 0 : loadResult.summary;
         const rows = [
@@ -686,12 +895,15 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
                 : layer.name;
             button.setAttribute('aria-pressed', String(layerVisible));
             const color = createElement('span', 'cad-layer-color');
-            if (typeof layer.color === 'string') {
+            if (colorMode === 'monochrome') {
+                color.style.background = monochromeColor;
+            }
+            else if (typeof layer.color === 'string') {
                 color.style.background = layer.color;
             }
             button.append(color, createElement('span', undefined, layer.name));
             button.addEventListener('click', () => {
-                const document = viewer === null || viewer === void 0 ? void 0 : viewer.getDocument();
+                const document = resolveCadViewerSourceDocument(viewer);
                 if (!document) {
                     return;
                 }
@@ -718,6 +930,15 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
     const syncState = () => {
         zoomText.textContent = `${getZoomPercent()}%`;
         backendMeta.textContent = ((renderStats === null || renderStats === void 0 ? void 0 : renderStats.backend) || 'auto').toUpperCase();
+        const colorModeSupported = supportsCadViewerColorMode(viewer);
+        colorModeButton.disabled = status !== 'ready' || !colorModeSupported;
+        colorModeButton.setAttribute('aria-pressed', String(colorMode === 'monochrome'));
+        colorModeButton.textContent = t(colorMode === 'monochrome'
+            ? 'cad.toolbar.monochrome'
+            : 'cad.toolbar.colorSource');
+        colorModeButton.title = t(colorMode === 'monochrome'
+            ? 'cad.toolbar.colorSource'
+            : 'cad.toolbar.monochrome');
         state.hidden = status === 'ready';
         state.classList.toggle('error', status === 'error');
         if (status === 'loading') {
@@ -744,6 +965,7 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
             return false;
         }
         if ((_a = viewer.isNativeRendererActive) === null || _a === void 0 ? void 0 : _a.call(viewer)) {
+            nativeZoomRatio = 1;
             viewer.fit();
             return true;
         }
@@ -854,6 +1076,17 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
     fitButton.addEventListener('click', () => fitToView());
     zoomInButton.addEventListener('click', zoomIn);
     zoomOutButton.addEventListener('click', zoomOut);
+    colorModeButton.addEventListener('click', () => {
+        const previousMode = colorMode;
+        colorMode = colorMode === 'monochrome' ? 'source' : 'monochrome';
+        if (!applyCadViewerColorMode(viewer, colorMode, monochromeColor)) {
+            colorMode = previousMode;
+            syncState();
+            return;
+        }
+        syncUi();
+        emitCadViewStateChange('cad-view-change', 'user');
+    });
     const createViewer = () => {
         var _a, _b, _c, _d, _e, _f, _g;
         const { wasmPath, workerUrl, dwfWasmUrl } = resolveFileViewerCadAssetUrls(options, getCadDocumentBaseUrl(target));
@@ -894,6 +1127,7 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
             dwfMaxOverviewStrokeCssPx: options.dwfMaxOverviewStrokeCssPx,
             dwfMinTextCssPx: options.dwfMinTextCssPx,
             dwfMinFilledAreaCssPx: options.dwfMinFilledAreaCssPx,
+            ...{ colorMode, monochromeColor },
             autoFit: true,
             canvasOptions,
             onLoadProgress: updateProgress,
@@ -918,6 +1152,19 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
                 syncState();
             },
         });
+        disposeCadPinch === null || disposeCadPinch === void 0 ? void 0 : disposeCadPinch();
+        const renderer = nextViewer.renderer;
+        disposeCadPinch = registerCadPinchZoom(nextViewer.canvas, () => {
+            fitViewActive = false;
+        }, ({ center, deltaX, deltaY, factor }) => {
+            var _a, _b;
+            const rect = nextViewer.canvas.getBoundingClientRect();
+            (_a = renderer.panByScreenDelta) === null || _a === void 0 ? void 0 : _a.call(renderer, deltaX, deltaY);
+            (_b = renderer.zoom) === null || _b === void 0 ? void 0 : _b.call(renderer, factor, {
+                x: center.x - rect.left,
+                y: center.y - rect.top,
+            });
+        });
         if (options.preloadDwg !== false && normalizedType === 'dwg') {
             void nextViewer.preloadDwg({ wasmPath, workerUrl }).catch(() => {
                 // 预热失败不阻断真实加载，loadBuffer 会返回完整错误上下文。
@@ -926,6 +1173,7 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
         return nextViewer;
     };
     const loadCad = async () => {
+        var _a;
         status = 'loading';
         progressMessage = t('cad.state.parsing');
         errorMessage = '';
@@ -934,6 +1182,9 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
         viewState = null;
         layers = [];
         fitViewActive = true;
+        nativeZoomRatio = 1;
+        disposeNativeInteractions === null || disposeNativeInteractions === void 0 ? void 0 : disposeNativeInteractions();
+        disposeNativeInteractions = null;
         syncUi();
         abortController === null || abortController === void 0 ? void 0 : abortController.abort();
         const controller = new AbortController();
@@ -956,6 +1207,9 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
             loadResult = restoreLoadResultSourceName(result);
             layers = collectLayers(result);
             status = 'ready';
+            if ((_a = viewer.isNativeRendererActive) === null || _a === void 0 ? void 0 : _a.call(viewer)) {
+                bindNativeCadInteractions();
+            }
             syncUi();
             queueMicrotask(() => {
                 applyCadFit();
@@ -999,6 +1253,10 @@ export default async function renderCad(buffer, target, type = 'dxf', context) {
             unregisterFileViewerZoomProvider(shell);
             abortController === null || abortController === void 0 ? void 0 : abortController.abort();
             abortController = null;
+            disposeCadPinch === null || disposeCadPinch === void 0 ? void 0 : disposeCadPinch();
+            disposeCadPinch = null;
+            disposeNativeInteractions === null || disposeNativeInteractions === void 0 ? void 0 : disposeNativeInteractions();
+            disposeNativeInteractions = null;
             resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
             resizeObserver = null;
             viewer === null || viewer === void 0 ? void 0 : viewer.destroy();

package/dist/colorMode.d.ts

@@ -0,0 +1,11 @@
+import type { FileViewerCadColorMode } from '@file-viewer/core';
+export interface CadViewerColorModeAdapter {
+    setColorMode?: (mode: FileViewerCadColorMode, monochromeColor?: string) => void;
+    getColorMode?: () => FileViewerCadColorMode;
+    getMonochromeColor?: () => string | undefined;
+}
+export declare function normalizeFileViewerCadColorMode(value: unknown): FileViewerCadColorMode;
+export declare function resolveFileViewerCadMonochromeColor(value: unknown, fallback?: string): string;
+export declare function supportsCadViewerColorMode(value: unknown): value is CadViewerColorModeAdapter;
+export declare function resolveCadViewerSourceDocument(viewer: unknown): unknown;
+export declare function applyCadViewerColorMode(viewer: unknown, mode: FileViewerCadColorMode, monochromeColor: string): boolean;

package/dist/colorMode.js

@@ -0,0 +1,23 @@
+export function normalizeFileViewerCadColorMode(value) {
+    return value === 'monochrome' ? 'monochrome' : 'source';
+}
+export function resolveFileViewerCadMonochromeColor(value, fallback = '#000000') {
+    if (typeof value === 'string' && value.trim())
+        return value.trim();
+    return fallback;
+}
+export function supportsCadViewerColorMode(value) {
+    return Boolean(value && typeof value.setColorMode === 'function');
+}
+export function resolveCadViewerSourceDocument(viewer) {
+    var _a, _b, _c;
+    const candidate = viewer;
+    return (_b = (_a = candidate === null || candidate === void 0 ? void 0 : candidate.getSourceDocument) === null || _a === void 0 ? void 0 : _a.call(candidate)) !== null && _b !== void 0 ? _b : (_c = candidate === null || candidate === void 0 ? void 0 : candidate.getDocument) === null || _c === void 0 ? void 0 : _c.call(candidate);
+}
+export function applyCadViewerColorMode(viewer, mode, monochromeColor) {
+    var _a;
+    if (!supportsCadViewerColorMode(viewer))
+        return false;
+    (_a = viewer.setColorMode) === null || _a === void 0 ? void 0 : _a.call(viewer, mode, monochromeColor);
+    return true;
+}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { type FileRenderHandler, type FileViewerRenderedInstance, type FileViewerRendererPlugin, type RendererDefinition } from '@file-viewer/core';
+export { applyCadViewerColorMode, normalizeFileViewerCadColorMode, resolveCadViewerSourceDocument, resolveFileViewerCadMonochromeColor, supportsCadViewerColorMode, } from './colorMode.js';
+export type { CadViewerColorModeAdapter } from './colorMode.js';
 export declare const cadRendererDefinition: RendererDefinition;
 export declare const renderFileViewerCad: FileRenderHandler<FileViewerRenderedInstance, HTMLDivElement>;
 export declare const cadRenderer: FileViewerRendererPlugin<FileRenderHandler<FileViewerRenderedInstance, HTMLDivElement>>;

package/dist/index.js

@@ -1,4 +1,5 @@
 import { DEFAULT_RENDERER_DEFINITIONS, } from '@file-viewer/core';
+export { applyCadViewerColorMode, normalizeFileViewerCadColorMode, resolveCadViewerSourceDocument, resolveFileViewerCadMonochromeColor, supportsCadViewerColorMode, } from './colorMode.js';
 const cadDefinition = DEFAULT_RENDERER_DEFINITIONS.find(definition => definition.id === 'cad');
 if (!cadDefinition) {
     throw new Error('@file-viewer/renderer-cad could not locate the shared CAD format definition.');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@file-viewer/renderer-cad",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "private": false,
   "type": "module",
   "description": "Standalone CAD renderer plugin for File Viewer powered by @flyfish-dev/cad-viewer.",
@@ -56,8 +56,8 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@file-viewer/core": "3.0.0",
-    "@flyfish-dev/cad-viewer": "0.8.0"
+    "@file-viewer/core": "3.0.2",
+    "@flyfish-dev/cad-viewer": "0.8.1"
   },
   "devDependencies": {
     "typescript": "^6.0.3"
@@ -65,6 +65,7 @@
   "license": "Apache-2.0",
   "scripts": {
     "build": "tsc -b tsconfig.json",
-    "type-check": "tsc -b tsconfig.json"
+    "type-check": "tsc -b tsconfig.json",
+    "verify:color-mode": "node scripts/verify-color-mode.mjs"
   }
 }