@meonode/canvas 2.0.1 → 2.0.3

package/dist/esm/canvas/canvas.helper.js

@@ -209,234 +209,5 @@ function parsePercentage(value, base) {
     }
     return 0;
 }
-/**
- * Pre-processes a RootProps descriptor tree on the main thread before postMessage.
- * Executes function props against available data, stores results as serializable fields,
- * then strips remaining functions as a safety net.
- */
-class WorkerPreProcessor {
-    static CHART_COLORS = ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF', '#FF9F40', '#C9CBCF'];
-    static process(props) {
-        const cloned = { ...props };
-        if (cloned.children) {
-            const childArray = Array.isArray(cloned.children) ? cloned.children : [cloned.children];
-            cloned.children = childArray.map(child => {
-                if (child && typeof child === 'object' && '__type' in child) {
-                    return this.processDescriptor(child);
-                }
-                return child;
-            });
-        }
-        return this.stripNonSerializable(cloned);
-    }
-    static processDescriptor(desc) {
-        if (desc.__type === 'Chart') {
-            return this.processChartDescriptor(desc);
-        }
-        if ('children' in desc && desc.children) {
-            return { ...desc, children: desc.children.map(c => this.processDescriptor(c)) };
-        }
-        return desc;
-    }
-    static processChartDescriptor(desc) {
-        const props = { ...desc.props };
-        const options = { ...(props.options || {}) };
-        const chartType = props.type;
-        const data = props.data;
-        // xAxisLabelFormatter
-        if (typeof options.xAxisLabelFormatter === 'function' && (chartType === 'bar' || chartType === 'line')) {
-            const cartData = data;
-            if (cartData.labels) {
-                options._preComputedXAxisLabels = cartData.labels.map((label, index) => {
-                    try {
-                        return options.xAxisLabelFormatter(label, index);
-                    }
-                    catch (err) {
-                        console.warn(`[WorkerPreProcessor] xAxisLabelFormatter threw for label "${label}" at index ${index}:`, err);
-                        return label;
-                    }
-                });
-            }
-            delete options.xAxisLabelFormatter;
-        }
-        // yAxisLabelFormatter
-        if (typeof options.yAxisLabelFormatter === 'function' && (chartType === 'bar' || chartType === 'line')) {
-            const cartData = data;
-            const maxValue = Math.max(...cartData.datasets.flatMap((d) => d.data));
-            const labels = [];
-            for (let i = 0; i <= 5; i++) {
-                const value = maxValue - (maxValue / 5) * i;
-                try {
-                    labels.push(options.yAxisLabelFormatter(value));
-                }
-                catch (err) {
-                    console.warn(`[WorkerPreProcessor] yAxisLabelFormatter threw for value ${value}:`, err);
-                    labels.push(String(value));
-                }
-            }
-            options._preComputedYAxisLabels = labels;
-            delete options.yAxisLabelFormatter;
-        }
-        // renderLegendItem
-        if (typeof options.renderLegendItem === 'function') {
-            if (chartType === 'bar' || chartType === 'line') {
-                const cartData = data;
-                options._preComputedLegendItems = cartData.datasets.map((item, index) => {
-                    const color = item.color || this.generateColor(index);
-                    try {
-                        const result = options.renderLegendItem({ item, index, color });
-                        return this.nodeToDescriptor(result);
-                    }
-                    catch (err) {
-                        console.warn(`[WorkerPreProcessor] renderLegendItem threw at index ${index}:`, err);
-                        return null;
-                    }
-                });
-            }
-            else {
-                const pieData = data;
-                options._preComputedLegendItems = pieData.map((item, index) => {
-                    const color = item.color || this.generateColor(index);
-                    try {
-                        const result = options.renderLegendItem({ item, index, color });
-                        return this.nodeToDescriptor(result);
-                    }
-                    catch (err) {
-                        console.warn(`[WorkerPreProcessor] renderLegendItem threw at index ${index}:`, err);
-                        return null;
-                    }
-                });
-            }
-            delete options.renderLegendItem;
-        }
-        // renderLabelItem
-        if (typeof options.renderLabelItem === 'function') {
-            if (chartType === 'bar' || chartType === 'line') {
-                const cartData = data;
-                options._preComputedLabelItems = cartData.labels.map((label, index) => {
-                    try {
-                        const result = options.renderLabelItem({ item: label, index });
-                        return this.nodeToDescriptor(result);
-                    }
-                    catch (err) {
-                        console.warn(`[WorkerPreProcessor] renderLabelItem threw at index ${index}:`, err);
-                        return null;
-                    }
-                });
-            }
-            else {
-                const pieData = data;
-                options._preComputedLabelItems = pieData.map((item, index) => {
-                    try {
-                        const result = options.renderLabelItem({ item, index });
-                        return this.nodeToDescriptor(result);
-                    }
-                    catch (err) {
-                        console.warn(`[WorkerPreProcessor] renderLabelItem threw at index ${index}:`, err);
-                        return null;
-                    }
-                });
-            }
-            delete options.renderLabelItem;
-        }
-        // renderValueItem
-        if (typeof options.renderValueItem === 'function' && (chartType === 'bar' || chartType === 'line')) {
-            const cartData = data;
-            options._preComputedValueItems = cartData.datasets.map((dataset, datasetIndex) => dataset.data.map((value, index) => {
-                try {
-                    const result = options.renderValueItem({ item: value, index, datasetIndex });
-                    return this.nodeToDescriptor(result);
-                }
-                catch (err) {
-                    console.warn(`[WorkerPreProcessor] renderValueItem threw at dataset ${datasetIndex}, index ${index}:`, err);
-                    return null;
-                }
-            }));
-            delete options.renderValueItem;
-        }
-        props.options = options;
-        return { ...desc, props };
-    }
-    /**
-     * Converts a BoxNode instance or CanvasElement to a CanvasElement.
-     * Public API functions (Box(), Text(), etc.) already return CanvasElements,
-     * but if someone returns an actual class instance, we convert it via initialProps.
-     */
-    static nodeToDescriptor(node) {
-        if (!node)
-            return node;
-        // Already a CanvasElement (has __type)
-        if (typeof node === 'object' && '__type' in node)
-            return node;
-        // Class instance (e.g. BoxNode, TextNode, ImageNode) — convert via duck-typing
-        if (typeof node === 'object' && node.constructor !== Object) {
-            if ('initialProps' in node && 'name' in node) {
-                const { children, ...rest } = node.initialProps || {};
-                const childArray = Array.isArray(children) ? children : children ? [children] : [];
-                const convertedChildren = childArray
-                    .filter((c) => c)
-                    .map((c) => this.nodeToDescriptor(c))
-                    .filter((c) => !!c);
-                const name = node.name;
-                const type = name === 'TextNode'
-                    ? 'Text'
-                    : name === 'Row'
-                        ? 'Row'
-                        : name === 'Image'
-                            ? 'Image'
-                            : rest.flexDirection === Style.FlexDirection.Column
-                                ? 'Column'
-                                : 'Box';
-                if (type === 'Text') {
-                    // TextNode stores original text in segments — fall back to joined segment text
-                    const text = node.segments?.map((s) => s.text).join('') ?? '';
-                    return { __type: 'Text', text, props: rest };
-                }
-                if (type === 'Image') {
-                    return { __type: 'Image', props: rest };
-                }
-                return {
-                    __type: type,
-                    props: rest,
-                    ...(convertedChildren.length > 0 ? { children: convertedChildren } : {}),
-                };
-            }
-            console.warn('[WorkerPreProcessor] Render function returned an unrecognized class instance. Use descriptor functions (Box(), Text(), etc.) instead.');
-            return null;
-        }
-        return node;
-    }
-    static generateColor(index) {
-        return this.CHART_COLORS[index % this.CHART_COLORS.length];
-    }
-    static stripNonSerializable(obj) {
-        if (obj === null || obj === undefined)
-            return obj;
-        if (typeof obj === 'function')
-            return undefined;
-        if (typeof obj === 'symbol')
-            return undefined;
-        if (typeof obj !== 'object')
-            return obj;
-        // Preserve binary data types
-        if (Buffer.isBuffer(obj))
-            return obj;
-        if (obj instanceof ArrayBuffer)
-            return obj;
-        if (ArrayBuffer.isView(obj))
-            return obj;
-        if (Array.isArray(obj)) {
-            return obj.map(item => this.stripNonSerializable(item));
-        }
-        const result = {};
-        for (const key of Object.keys(obj)) {
-            const value = obj[key];
-            if (typeof value === 'function' || typeof value === 'symbol')
-                continue;
-            result[key] = this.stripNonSerializable(value);
-        }
-        return result;
-    }
-}
 
-export { WorkerPreProcessor, drawBorders, drawRoundedRectPath, parseBorderRadius, parsePercentage };
+export { drawBorders, drawRoundedRectPath, parseBorderRadius, parsePercentage };