infographic-for-react 0.1.0

package/dist/index.js

@@ -0,0 +1,535 @@
+'use strict';
+
+var react = require('react');
+var lodashEs = require('lodash-es');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Infographic.tsx
+function useRenderer(containerRef) {
+  const rendererRef = react.useRef(null);
+  const isInitializedRef = react.useRef(false);
+  const pendingListenersRef = react.useRef(/* @__PURE__ */ new Map());
+  const createRenderer = react.useCallback(
+    async (options) => {
+      const { Infographic: InfographicClass } = await import('@antv/infographic');
+      const renderer = new InfographicClass(options);
+      renderer.on("rendered", () => {
+        rendererRef.current = renderer;
+        isInitializedRef.current = true;
+        pendingListenersRef.current.forEach((listeners, event) => {
+          listeners.forEach((listener) => {
+            renderer.on(event, listener);
+          });
+        });
+        pendingListenersRef.current.clear();
+      });
+      renderer.on("error", (error) => {
+        console.error("[Infographic-for-React] Renderer error:", error);
+      });
+      return renderer;
+    },
+    []
+  );
+  const render = react.useCallback(
+    async (options) => {
+      const container = containerRef.current;
+      if (!container) {
+        throw new Error("Container element not found");
+      }
+      const renderOptions = { ...options, container };
+      if (rendererRef.current) {
+        rendererRef.current.update(renderOptions);
+      } else {
+        const renderer = await createRenderer(renderOptions);
+        renderer.render();
+      }
+    },
+    [containerRef, createRenderer]
+  );
+  const update = react.useCallback((options) => {
+    if (!rendererRef.current) {
+      throw new Error("Renderer not initialized. Call render first.");
+    }
+    rendererRef.current.update(options);
+  }, []);
+  const toDataURL = react.useCallback(
+    (options) => {
+      if (!rendererRef.current) {
+        throw new Error("Renderer not initialized");
+      }
+      return rendererRef.current.toDataURL(options);
+    },
+    []
+  );
+  const getTypes = react.useCallback(() => {
+    if (!rendererRef.current) {
+      throw new Error("Renderer not initialized");
+    }
+    return rendererRef.current.getTypes();
+  }, []);
+  const destroy = react.useCallback(() => {
+    if (rendererRef.current) {
+      rendererRef.current.destroy();
+      rendererRef.current = null;
+    }
+    isInitializedRef.current = false;
+  }, []);
+  const on = react.useCallback((event, listener) => {
+    if (!rendererRef.current) {
+      const listeners = pendingListenersRef.current.get(event) || /* @__PURE__ */ new Set();
+      listeners.add(listener);
+      pendingListenersRef.current.set(event, listeners);
+      return;
+    }
+    rendererRef.current.on(event, listener);
+  }, []);
+  const off = react.useCallback((event, listener) => {
+    if (!rendererRef.current) {
+      const listeners = pendingListenersRef.current.get(event);
+      if (listeners) {
+        listeners.delete(listener);
+        if (listeners.size === 0) {
+          pendingListenersRef.current.delete(event);
+        }
+      }
+      return;
+    }
+    rendererRef.current.off(event, listener);
+  }, []);
+  react.useEffect(() => {
+    return () => {
+      destroy();
+    };
+  }, [destroy]);
+  return {
+    render,
+    update,
+    toDataURL,
+    getTypes,
+    destroy,
+    on,
+    off,
+    isReady: isInitializedRef.current
+  };
+}
+
+// src/utils/dsl/merge.ts
+function setByPath(obj, path, value) {
+  const keys = path.split(".");
+  let current = obj;
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    const isLast = i === keys.length - 1;
+    if (isLast) {
+      current[key] = value;
+    } else {
+      if (typeof current[key] !== "object" || current[key] === null) {
+        current[key] = {};
+      }
+      current = current[key];
+    }
+  }
+}
+function applyOverrides(base, overrides) {
+  if (overrides.length === 0) return base;
+  const result = { ...base };
+  for (const override of overrides) {
+    setByPath(result, override.path, override.value);
+  }
+  return result;
+}
+function mergeDSL(dsl1, dsl2) {
+  const merged = deepMerge(dsl1, dsl2);
+  return merged;
+}
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key in source) {
+    if (source[key] === void 0) {
+      continue;
+    }
+    const value = source[key];
+    if (value === null) {
+      result[key] = null;
+      continue;
+    }
+    const targetValue = result[key];
+    if (typeof value === "object" && !Array.isArray(value) && targetValue && typeof targetValue === "object" && !Array.isArray(targetValue)) {
+      result[key] = deepMerge(targetValue, value);
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
+
+// src/utils/dsl/compose.ts
+function isContainerNode(node) {
+  return typeof node === "object" && node !== null && "children" in node && Array.isArray(node.children);
+}
+function composeTemplates(options) {
+  const { templates, overrides = [] } = options;
+  if (templates.length === 0) {
+    throw new Error("At least one template is required");
+  }
+  if (templates.length === 1) {
+    const base = templates[0];
+    if (overrides.length > 0) {
+      return applyOverrides(base, overrides);
+    }
+    return base;
+  }
+  const root = templates[0];
+  if (!isContainerNode(root)) {
+    throw new Error("Root template must be a container node with children");
+  }
+  let currentChildren = root.children || [];
+  for (let i = 1; i < templates.length; i++) {
+    const template = templates[i];
+    if (isContainerNode(template) && template.children) {
+      currentChildren = [...currentChildren, ...template.children];
+    } else {
+      currentChildren.push(template);
+    }
+  }
+  root.children = currentChildren;
+  let composed = root;
+  if (overrides.length > 0) {
+    composed = applyOverrides(composed, overrides);
+  }
+  return composed;
+}
+
+// src/hooks/useInfographic.ts
+function useInfographic(containerRef, props) {
+  const { render: rendererRender, update, toDataURL, getTypes, destroy, on, off } = useRenderer(containerRef);
+  const propsRef = react.useRef(props);
+  const dslCacheRef = react.useRef(null);
+  propsRef.current = props;
+  const resolveDSL = react.useCallback(
+    async (input) => {
+      if (!input) {
+        throw new Error("DSL is required");
+      }
+      return input;
+    },
+    []
+  );
+  const processDSL = react.useCallback(
+    async (input) => {
+      let processed = input;
+      const { overrides, beforeRender } = propsRef.current;
+      if (overrides && overrides.length > 0) {
+        try {
+          processed = applyOverrides(processed, overrides);
+        } catch (error) {
+          const infographicError = {
+            type: "syntax",
+            message: `Failed to apply overrides: ${error instanceof Error ? error.message : String(error)}`,
+            dsl: JSON.stringify(processed),
+            details: error
+          };
+          propsRef.current.onError?.(infographicError);
+          throw infographicError;
+        }
+      }
+      if (beforeRender) {
+        try {
+          processed = await beforeRender(processed);
+        } catch (error) {
+          const infographicError = {
+            type: "runtime",
+            message: `beforeRender hook failed: ${error instanceof Error ? error.message : String(error)}`,
+            dsl: JSON.stringify(processed),
+            details: error
+          };
+          propsRef.current.onError?.(infographicError);
+          throw infographicError;
+        }
+      }
+      return processed;
+    },
+    []
+  );
+  const handleRendered = react.useCallback(
+    async (result) => {
+      const { afterRender, onRender } = propsRef.current;
+      if (afterRender) {
+        try {
+          await afterRender(result);
+        } catch (error) {
+          const infographicError = {
+            type: "runtime",
+            message: `afterRender hook failed: ${error instanceof Error ? error.message : String(error)}`,
+            details: error
+          };
+          propsRef.current.onError?.(infographicError);
+          return;
+        }
+      }
+      onRender?.(result);
+    },
+    []
+  );
+  const render = react.useCallback(async () => {
+    const {
+      dsl,
+      width,
+      height,
+      theme,
+      editable,
+      className
+    } = propsRef.current;
+    try {
+      let processedDSL;
+      if (!dsl) {
+        throw new Error("DSL prop is required");
+      }
+      processedDSL = await resolveDSL(dsl);
+      processedDSL = await processDSL(processedDSL);
+      const dslString = JSON.stringify(processedDSL);
+      if (dslCacheRef.current !== dslString) {
+        dslCacheRef.current = dslString;
+        const renderOptions = { ...processedDSL };
+        if (processedDSL.theme) renderOptions.theme = processedDSL.theme;
+        else if (theme) renderOptions.theme = theme;
+        if (processedDSL.palette) {
+          const existingThemeConfig = processedDSL.themeConfig || {};
+          renderOptions.themeConfig = {
+            ...existingThemeConfig,
+            palette: processedDSL.palette
+          };
+        }
+        if (editable !== void 0) renderOptions.editable = editable;
+        delete renderOptions.palette;
+        if (width || height) {
+          renderOptions.width = width;
+          renderOptions.height = height;
+        }
+        if (containerRef.current && className) {
+          containerRef.current.className = className;
+        }
+        rendererRender(renderOptions);
+      }
+    } catch (error) {
+      const infographicError = {
+        type: "runtime",
+        message: error instanceof Error ? error.message : String(error),
+        details: error
+      };
+      propsRef.current.onError?.(infographicError);
+    }
+  }, [containerRef, rendererRender, resolveDSL, processDSL]);
+  const debouncedRender = react.useCallback(
+    lodashEs.debounce(() => {
+      render().catch((error) => {
+        console.error("[Infographic-for-React] Render error:", error);
+      });
+    }, 100),
+    [render]
+  );
+  react.useEffect(() => {
+    on("rendered", handleRendered);
+    on("loaded", handleRendered);
+    return () => {
+      off("rendered", handleRendered);
+      off("loaded", handleRendered);
+    };
+  }, [on, off, handleRendered]);
+  react.useEffect(() => {
+    debouncedRender();
+    return debouncedRender.cancel;
+  }, [debouncedRender]);
+  const refUpdate = react.useCallback(
+    async (options) => {
+      const processed = await processDSL(options);
+      const themeConfig = processed.themeConfig || {};
+      if (processed.palette) {
+        themeConfig.palette = processed.palette;
+      }
+      const { palette: _, ...rest } = processed;
+      const renderOptions = {
+        ...rest,
+        theme: processed.theme ?? propsRef.current.theme,
+        themeConfig
+      };
+      update(renderOptions);
+    },
+    [update, processDSL]
+  );
+  const ref = {
+    toDataURL,
+    getTypes,
+    update: refUpdate,
+    destroy
+  };
+  return ref;
+}
+var defaultError = {
+  message: "An error occurred while rendering the infographic."
+};
+function InfographicComponent(props, ref) {
+  const containerRef = react.useRef(null);
+  const [error, setError] = react.useState(null);
+  const [errorKey, setErrorKey] = react.useState(0);
+  const infographicRef = useInfographic(containerRef, {
+    ...props,
+    onError: (err) => {
+      setError(err);
+      props.onError?.(err);
+    }
+  });
+  react.useImperativeHandle(ref, () => infographicRef, [infographicRef]);
+  const handleRetry = () => {
+    setError(null);
+    setErrorKey((prev) => prev + 1);
+  };
+  const containerStyle = {
+    width: props.width ?? "100%",
+    height: props.height ?? "auto",
+    overflow: "hidden"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: containerRef,
+        className: props.className,
+        style: containerStyle,
+        "data-infographic-container": true
+      },
+      `infographic-container-${errorKey}`
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "rgba(0, 0, 0, 0.05)",
+          color: "#d32f2f",
+          padding: "20px",
+          zIndex: 1,
+          textAlign: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "1.2em", fontWeight: "bold", marginBottom: "10px" }, children: "Infographic Render Error" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginBottom: "15px" }, children: error.message || defaultError.message }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleRetry,
+              style: {
+                padding: "8px 16px",
+                backgroundColor: "#1976d2",
+                color: "white",
+                border: "none",
+                borderRadius: "4px",
+                cursor: "pointer",
+                fontSize: "14px"
+              },
+              children: "Retry"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var Infographic = react.forwardRef(InfographicComponent);
+var ErrorBoundary = class extends react.Component {
+  constructor(props) {
+    super(props);
+    this.handleReset = () => {
+      this.setState({ hasError: false, error: void 0, errorInfo: void 0 });
+    };
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    this.props.onError?.(error, errorInfo);
+  }
+  render() {
+    const { hasError, error, errorInfo } = this.state;
+    const { children, fallback } = this.props;
+    if (!hasError || !error) {
+      return children;
+    }
+    if (fallback) {
+      if (typeof fallback === "function") {
+        return fallback(error, errorInfo);
+      }
+      return fallback;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          padding: "20px",
+          backgroundColor: "#fee",
+          border: "1px solid #fcc",
+          borderRadius: "4px",
+          color: "#c33"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { marginTop: 0 }, children: "Something went wrong" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: error.message }),
+          errorInfo && /* @__PURE__ */ jsxRuntime.jsxs("details", { style: { marginTop: "10px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("summary", { children: "Stack trace" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "pre",
+              {
+                style: {
+                  marginTop: "10px",
+                  padding: "10px",
+                  backgroundColor: "white",
+                  borderRadius: "4px",
+                  overflow: "auto"
+                },
+                children: errorInfo.componentStack
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: this.handleReset,
+              style: {
+                marginTop: "15px",
+                padding: "8px 16px",
+                backgroundColor: "#c33",
+                color: "white",
+                border: "none",
+                borderRadius: "4px",
+                cursor: "pointer"
+              },
+              children: "Try again"
+            }
+          )
+        ]
+      }
+    );
+  }
+};
+
+exports.ErrorBoundary = ErrorBoundary;
+exports.Infographic = Infographic;
+exports.applyOverrides = applyOverrides;
+exports.composeTemplates = composeTemplates;
+exports.mergeDSL = mergeDSL;
+exports.useInfographic = useInfographic;
+exports.useRenderer = useRenderer;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useRenderer.ts","../src/utils/dsl/merge.ts","../src/utils/dsl/compose.ts","../src/hooks/useInfographic.ts","../src/components/Infographic.tsx","../src/components/ErrorBoundary.tsx"],"names":["useRef","useCallback","useEffect","debounce","useState","useImperativeHandle","jsxs","Fragment","jsx","forwardRef","Component"],"mappings":"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","file":"index.js","sourcesContent":["import { useEffect, useRef, useCallback } from 'react';\nimport type {\n  InfographicOptions,\n  RendererInstance,\n  ExportOptions,\n} from '../types';\n\nexport function useRenderer(containerRef: React.RefObject<HTMLElement>) {\n  const rendererRef = useRef<RendererInstance | null>(null);\n  const isInitializedRef = useRef(false);\n  const pendingListenersRef = useRef<Map<string, Set<(...args: any[]) => void>>>(new Map());\n\n  const createRenderer = useCallback(\n    async (options: Partial<InfographicOptions>): Promise<RendererInstance> => {\n      const { Infographic: InfographicClass } = await import('@antv/infographic');\n      const renderer = new InfographicClass(options);\n\n      renderer.on('rendered', () => {\n        rendererRef.current = renderer;\n        isInitializedRef.current = true;\n\n        pendingListenersRef.current.forEach((listeners, event) => {\n          listeners.forEach((listener) => {\n            renderer.on(event, listener);\n          });\n        });\n        pendingListenersRef.current.clear();\n      });\n\n      renderer.on('error', (error) => {\n        console.error('[Infographic-for-React] Renderer error:', error);\n      });\n\n      return renderer;\n    },\n    [],\n  );\n\n  const render = useCallback(\n    async (options: Partial<InfographicOptions>) => {\n      const container = containerRef.current;\n      if (!container) {\n        throw new Error('Container element not found');\n      }\n\n      const renderOptions = { ...options, container };\n\n      if (rendererRef.current) {\n        rendererRef.current.update(renderOptions);\n      } else {\n        const renderer = await createRenderer(renderOptions);\n        renderer.render();\n      }\n    },\n    [containerRef, createRenderer],\n  );\n\n  const update = useCallback((options: Partial<InfographicOptions>) => {\n    if (!rendererRef.current) {\n      throw new Error('Renderer not initialized. Call render first.');\n    }\n    rendererRef.current.update(options);\n  }, []);\n\n  const toDataURL = useCallback(\n    (options?: ExportOptions): Promise<string> => {\n      if (!rendererRef.current) {\n        throw new Error('Renderer not initialized');\n      }\n      return rendererRef.current.toDataURL(options);\n    },\n    [],\n  );\n\n  const getTypes = useCallback(() => {\n    if (!rendererRef.current) {\n      throw new Error('Renderer not initialized');\n    }\n    return rendererRef.current.getTypes();\n  }, []);\n\n  const destroy = useCallback(() => {\n    if (rendererRef.current) {\n      rendererRef.current.destroy();\n      rendererRef.current = null;\n    }\n    isInitializedRef.current = false;\n  }, []);\n\n  const on = useCallback((event: string, listener: (...args: any[]) => void) => {\n    if (!rendererRef.current) {\n      const listeners = pendingListenersRef.current.get(event) || new Set();\n      listeners.add(listener);\n      pendingListenersRef.current.set(event, listeners);\n      return;\n    }\n    rendererRef.current.on(event, listener);\n  }, []);\n\n  const off = useCallback((event: string, listener: (...args: any[]) => void) => {\n    if (!rendererRef.current) {\n      const listeners = pendingListenersRef.current.get(event);\n      if (listeners) {\n        listeners.delete(listener);\n        if (listeners.size === 0) {\n          pendingListenersRef.current.delete(event);\n        }\n      }\n      return;\n    }\n    rendererRef.current.off(event, listener);\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      destroy();\n    };\n  }, [destroy]);\n\n  return {\n    render,\n    update,\n    toDataURL,\n    getTypes,\n    destroy,\n    on,\n    off,\n    isReady: isInitializedRef.current,\n  };\n}\n","import type { DSLOverride, DSLObject } from '../../types';\n\nfunction setByPath(obj: Record<string, unknown>, path: string, value: unknown): void {\n  const keys = path.split('.');\n  let current = obj;\n\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    const isLast = i === keys.length - 1;\n\n    if (isLast) {\n      current[key] = value;\n    } else {\n      if (typeof current[key] !== 'object' || current[key] === null) {\n        current[key] = {};\n      }\n      current = current[key] as Record<string, unknown>;\n    }\n  }\n}\n\nexport function applyOverrides(base: DSLObject, overrides: DSLOverride[]): DSLObject {\n  if (overrides.length === 0) return base;\n\n  const result = { ...base };\n\n  for (const override of overrides) {\n    setByPath(result as Record<string, unknown>, override.path, override.value);\n  }\n\n  return result;\n}\n\nexport function mergeDSL(dsl1: DSLObject, dsl2: DSLObject): DSLObject {\n  const merged = deepMerge(dsl1 as unknown as Record<string, unknown>, dsl2 as unknown as Record<string, unknown>);\n  return merged as unknown as DSLObject;\n}\n\nfunction deepMerge(target: Record<string, unknown>, source: Record<string, unknown>): Record<string, unknown> {\n  const result: Record<string, unknown> = { ...target };\n\n  for (const key in source) {\n    if (source[key] === undefined) {\n      continue;\n    }\n\n    const value = source[key];\n\n    if (value === null) {\n      result[key] = null;\n      continue;\n    }\n\n    const targetValue = result[key];\n\n    if (typeof value === 'object' && !Array.isArray(value) && targetValue && typeof targetValue === 'object' && !Array.isArray(targetValue)) {\n      result[key] = deepMerge(targetValue as Record<string, unknown>, value as Record<string, unknown>);\n    } else {\n      result[key] = value;\n    }\n  }\n\n  return result;\n}\n","import type { ComposeTemplateOptions, DSLObject } from '../../types';\nimport { applyOverrides } from './merge';\n\ninterface DSLNode {\n  type?: string;\n  data?: unknown;\n  props?: Record<string, unknown>;\n  children?: DSLNode[];\n  [key: string]: unknown;\n}\n\nfunction isContainerNode(node: unknown): node is DSLNode {\n  return (\n    typeof node === 'object' &&\n    node !== null &&\n    'children' in node &&\n    Array.isArray((node as DSLNode).children)\n  );\n}\n\nexport function composeTemplates(options: ComposeTemplateOptions): DSLObject {\n  const { templates, overrides = [] } = options;\n\n  if (templates.length === 0) {\n    throw new Error('At least one template is required');\n  }\n\n  if (templates.length === 1) {\n    const base = templates[0];\n    if (overrides.length > 0) {\n      return applyOverrides(base, overrides);\n    }\n    return base;\n  }\n\n  const root = templates[0] as DSLNode;\n\n  if (!isContainerNode(root)) {\n    throw new Error('Root template must be a container node with children');\n  }\n\n  let currentChildren = root.children || [];\n\n  for (let i = 1; i < templates.length; i++) {\n    const template = templates[i] as DSLNode;\n\n    if (isContainerNode(template) && template.children) {\n      currentChildren = [...currentChildren, ...template.children];\n    } else {\n      currentChildren.push(template);\n    }\n  }\n\n  root.children = currentChildren;\n\n  let composed = root as DSLObject;\n\n  if (overrides.length > 0) {\n    composed = applyOverrides(composed, overrides);\n  }\n\n  return composed;\n}\n","import { useRef, useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash-es';\nimport { useRenderer } from './useRenderer';\nimport { applyOverrides } from '../utils/dsl';\nimport type {\n  InfographicProps,\n  InfographicRef,\n  InfographicError,\n  InfographicRenderResult,\n  DSLInput,\n  DSLObject,\n  ThemeConfig,\n  InfographicOptions,\n} from '../types';\n\nexport function useInfographic(\n  containerRef: React.RefObject<HTMLElement>,\n  props: InfographicProps,\n) {\n  const { render: rendererRender, update, toDataURL, getTypes, destroy, on, off } = useRenderer(containerRef);\n\n  const propsRef = useRef(props);\n  const dslCacheRef = useRef<string | null>(null);\n\n  propsRef.current = props;\n\n  const resolveDSL = useCallback(\n    async (input: DSLInput | undefined): Promise<DSLObject> => {\n      if (!input) {\n        throw new Error('DSL is required');\n      }\n      return input;\n    },\n    [],\n  );\n\n  const processDSL = useCallback(\n    async (input: DSLObject): Promise<DSLObject> => {\n      let processed: DSLObject = input;\n      const { overrides, beforeRender } = propsRef.current;\n\n      if (overrides && overrides.length > 0) {\n        try {\n          processed = applyOverrides(processed, overrides);\n        } catch (error) {\n          const infographicError: InfographicError = {\n            type: 'syntax',\n            message: `Failed to apply overrides: ${error instanceof Error ? error.message : String(error)}`,\n            dsl: JSON.stringify(processed),\n            details: error,\n          };\n          propsRef.current.onError?.(infographicError);\n          throw infographicError;\n        }\n      }\n\n      if (beforeRender) {\n        try {\n          processed = await beforeRender(processed);\n        } catch (error) {\n          const infographicError: InfographicError = {\n            type: 'runtime',\n            message: `beforeRender hook failed: ${error instanceof Error ? error.message : String(error)}`,\n            dsl: JSON.stringify(processed),\n            details: error,\n          };\n          propsRef.current.onError?.(infographicError);\n          throw infographicError;\n        }\n      }\n\n      return processed;\n    },\n    [],\n  );\n\n  const handleRendered = useCallback(\n    async (result: InfographicRenderResult) => {\n      const { afterRender, onRender } = propsRef.current;\n\n      if (afterRender) {\n        try {\n          await afterRender(result);\n        } catch (error) {\n          const infographicError: InfographicError = {\n            type: 'runtime',\n            message: `afterRender hook failed: ${error instanceof Error ? error.message : String(error)}`,\n            details: error,\n          };\n          propsRef.current.onError?.(infographicError);\n          return;\n        }\n      }\n\n      onRender?.(result);\n    },\n    [],\n  );\n\n  const render = useCallback(async () => {\n    const {\n      dsl,\n      width,\n      height,\n      theme,\n      editable,\n      className,\n    } = propsRef.current;\n\n    try {\n      let processedDSL: DSLObject;\n\n      if (!dsl) {\n        throw new Error('DSL prop is required');\n      }\n\n      processedDSL = await resolveDSL(dsl);\n      processedDSL = await processDSL(processedDSL);\n\n      const dslString = JSON.stringify(processedDSL);\n      if (dslCacheRef.current !== dslString) {\n        dslCacheRef.current = dslString;\n\n        const renderOptions: Partial<InfographicOptions> = { ...processedDSL };\n\n        if (processedDSL.theme) renderOptions.theme = processedDSL.theme;\n        else if (theme) renderOptions.theme = theme;\n\n        if (processedDSL.palette) {\n          const existingThemeConfig = (processedDSL.themeConfig || {}) as ThemeConfig;\n          renderOptions.themeConfig = {\n            ...existingThemeConfig,\n            palette: processedDSL.palette,\n          };\n        }\n\n        if (editable !== undefined) renderOptions.editable = editable;\n\n        delete (renderOptions as any).palette;\n\n        if (width || height) {\n          renderOptions.width = width;\n          renderOptions.height = height;\n        }\n\n        if (containerRef.current && className) {\n          containerRef.current.className = className;\n        }\n\n        rendererRender(renderOptions);\n      }\n    } catch (error) {\n      const infographicError: InfographicError = {\n        type: 'runtime',\n        message: error instanceof Error ? error.message : String(error),\n        details: error,\n      };\n      propsRef.current.onError?.(infographicError);\n    }\n  }, [containerRef, rendererRender, resolveDSL, processDSL]);\n\n  const debouncedRender = useCallback(\n    debounce(() => {\n      render().catch((error) => {\n        console.error('[Infographic-for-React] Render error:', error);\n      });\n    }, 100),\n    [render],\n  );\n\n  useEffect(() => {\n    on('rendered', handleRendered);\n    on('loaded', handleRendered);\n\n    return () => {\n      off('rendered', handleRendered);\n      off('loaded', handleRendered);\n    };\n  }, [on, off, handleRendered]);\n\n  useEffect(() => {\n    debouncedRender();\n    return debouncedRender.cancel;\n  }, [debouncedRender]);\n\n  const refUpdate = useCallback(\n    async (options: DSLInput) => {\n      const processed = await processDSL(options);\n      const themeConfig = (processed.themeConfig || {}) as ThemeConfig;\n      if (processed.palette) {\n        themeConfig.palette = processed.palette;\n      }\n\n      const { palette: _, ...rest } = processed as any;\n      const renderOptions: Partial<InfographicOptions> = {\n        ...rest,\n        theme: processed.theme ?? propsRef.current.theme,\n        themeConfig,\n      };\n      update(renderOptions);\n    },\n    [update, processDSL],\n  );\n\n  const ref: InfographicRef = {\n    toDataURL,\n    getTypes,\n    update: refUpdate,\n    destroy,\n  };\n\n  return ref;\n}\n","import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';\nimport { useInfographic } from '../hooks';\nimport type { InfographicProps, InfographicRef, InfographicError } from '../types';\n\nconst defaultError = {\n  type: 'render' as const,\n  message: 'An error occurred while rendering the infographic.',\n};\n\nfunction InfographicComponent(\n  props: InfographicProps,\n  ref: React.Ref<InfographicRef>,\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [error, setError] = useState<InfographicError | null>(null);\n  const [errorKey, setErrorKey] = useState(0);\n\n  const infographicRef = useInfographic(containerRef, {\n    ...props,\n    onError: (err) => {\n      setError(err);\n      props.onError?.(err);\n    },\n  });\n\n  useImperativeHandle(ref, () => infographicRef, [infographicRef]);\n\n  const handleRetry = () => {\n    setError(null);\n    setErrorKey((prev) => prev + 1);\n  };\n\n  const containerStyle: React.CSSProperties = {\n    width: props.width ?? '100%',\n    height: props.height ?? 'auto',\n    overflow: 'hidden',\n  };\n\n  return (\n    <>\n      <div\n        key={`infographic-container-${errorKey}`}\n        ref={containerRef}\n        className={props.className}\n        style={containerStyle}\n        data-infographic-container\n      />\n      {error && (\n        <div\n          style={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            backgroundColor: 'rgba(0, 0, 0, 0.05)',\n            color: '#d32f2f',\n            padding: '20px',\n            zIndex: 1,\n            textAlign: 'center',\n          }}\n        >\n          <div style={{ fontSize: '1.2em', fontWeight: 'bold', marginBottom: '10px' }}>\n            Infographic Render Error\n          </div>\n          <div style={{ marginBottom: '15px' }}>\n            {error.message || defaultError.message}\n          </div>\n          <button\n            type=\"button\"\n            onClick={handleRetry}\n            style={{\n              padding: '8px 16px',\n              backgroundColor: '#1976d2',\n              color: 'white',\n              border: 'none',\n              borderRadius: '4px',\n              cursor: 'pointer',\n              fontSize: '14px',\n            }}\n          >\n            Retry\n          </button>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const Infographic = forwardRef(InfographicComponent);\n","import { Component, ErrorInfo, ReactNode } from 'react';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode | ((error: Error, errorInfo: ErrorInfo) => ReactNode);\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error?: Error;\n  errorInfo?: ErrorInfo;\n}\n\nexport class ErrorBoundary extends Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ errorInfo });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  handleReset = () => {\n    this.setState({ hasError: false, error: undefined, errorInfo: undefined });\n  };\n\n  render() {\n    const { hasError, error, errorInfo } = this.state;\n    const { children, fallback } = this.props;\n\n    if (!hasError || !error) {\n      return children;\n    }\n\n    if (fallback) {\n      if (typeof fallback === 'function') {\n        return fallback(error, errorInfo!);\n      }\n      return fallback;\n    }\n\n    return (\n      <div\n        style={{\n          padding: '20px',\n          backgroundColor: '#fee',\n          border: '1px solid #fcc',\n          borderRadius: '4px',\n          color: '#c33',\n        }}\n      >\n        <h2 style={{ marginTop: 0 }}>Something went wrong</h2>\n        <p>{error.message}</p>\n        {errorInfo && (\n          <details style={{ marginTop: '10px' }}>\n            <summary>Stack trace</summary>\n            <pre\n              style={{\n                marginTop: '10px',\n                padding: '10px',\n                backgroundColor: 'white',\n                borderRadius: '4px',\n                overflow: 'auto',\n              }}\n            >\n              {errorInfo.componentStack}\n            </pre>\n          </details>\n        )}\n        <button\n          type=\"button\"\n          onClick={this.handleReset}\n          style={{\n            marginTop: '15px',\n            padding: '8px 16px',\n            backgroundColor: '#c33',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px',\n            cursor: 'pointer',\n          }}\n        >\n          Try again\n        </button>\n      </div>\n    );\n  }\n}\n"]}