@vivliostyle/react 2.24.0 → 2.24.3

package/dist/react-vivliostyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-vivliostyle.js","sources":["../src/renderer.tsx","../src/epage.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  CoreViewer,\n  Navigation,\n  PageViewMode,\n  Payload,\n  ReadyState,\n} from \"@vivliostyle/core\";\nimport React, { useEffect, useRef } from \"react\";\nimport { epageFromPageNumber } from \"./epage\";\n\nexport type MessageType = \"debug\" | \"info\" | \"warn\";\nexport type NavigationPayload = Omit<Payload, \"internal\" | \"href\" | \"content\">;\nexport type HyperlinkPayload = Pick<Payload, \"internal\" | \"href\">;\n\ninterface VolatileState {\n  docTitle: string;\n  epage: number;\n  epageCount: number;\n  metadata: unknown;\n}\n\ntype ChildrenFunction = ({\n  container,\n  reload,\n}: {\n  container: JSX.Element;\n  reload: () => void;\n}) => React.ReactNode;\n\ninterface RendererProps {\n  source: string;\n  page?: number;\n  zoom?: number;\n  bookMode?: boolean;\n  renderAllPages?: boolean;\n  autoResize?: boolean;\n  pageViewMode?: PageViewMode;\n  defaultPaperSize?: {\n    width: number;\n    height: number;\n  };\n  pageBorderWidth?: number;\n  fitToScreen?: boolean;\n  fontSize?: number;\n  background?: string;\n  userStyleSheet?: string;\n  authorStyleSheet?: string;\n  style?: React.CSSProperties;\n  onMessage?: (message: string, type: MessageType) => void;\n  onError?: (error: string) => void;\n  onReadyStateChange?: (state: ReadyState) => void;\n  onLoad?: (state: VolatileState) => void;\n  onNavigation?: (state: VolatileState) => void;\n  onHyperlink?: (payload: HyperlinkPayload) => void;\n  children?: React.ReactNode | ChildrenFunction;\n}\n\nexport const Renderer = ({\n  source,\n  page = 1,\n  zoom = 1,\n  bookMode = true,\n  fontSize = 16,\n  background = \"#ececec\",\n  renderAllPages = true,\n  autoResize = true,\n  pageViewMode = PageViewMode.SINGLE_PAGE,\n  defaultPaperSize,\n  pageBorderWidth = 1,\n  fitToScreen = false,\n  userStyleSheet,\n  authorStyleSheet,\n  style,\n  onMessage,\n  onError,\n  onReadyStateChange,\n  onLoad,\n  onNavigation,\n  onHyperlink,\n  children,\n}: RendererProps): ReturnType<ChildrenFunction> | JSX.Element => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const instanceRef = useRef<CoreViewer>();\n  const stateRef = React.useRef<VolatileState>();\n\n  function setViewerOptions() {\n    const viewerOptions = {\n      fontSize,\n      pageViewMode,\n      renderAllPages,\n      autoResize,\n      defaultPaperSize,\n      pageBorderWidth,\n    };\n    instanceRef.current!.setOptions(viewerOptions);\n  }\n\n  function loadSource() {\n    const instance = instanceRef.current!;\n    const documentOptions = {\n      ...(userStyleSheet\n        ? {\n            userStyleSheet: [\n              {\n                [userStyleSheet.endsWith(\".css\") ? \"url\" : \"text\"]:\n                  userStyleSheet,\n              },\n            ],\n          }\n        : null),\n      ...(authorStyleSheet\n        ? {\n            authorStyleSheet: [\n              {\n                [authorStyleSheet.endsWith(\".css\") ? \"url\" : \"text\"]:\n                  authorStyleSheet,\n              },\n            ],\n          }\n        : null),\n    };\n\n    if (bookMode) {\n      instance.loadPublication(source, documentOptions);\n    } else {\n      instance.loadDocument({ url: source }, documentOptions, {\n        fontSize,\n        pageViewMode,\n        zoom,\n        renderAllPages,\n        autoResize,\n        defaultPaperSize,\n        pageBorderWidth,\n        fitToScreen,\n      });\n    }\n  }\n\n  function registerEventHandlers() {\n    function handleMessage(payload: Payload, type: MessageType) {\n      onMessage && onMessage(payload.content, type);\n    }\n\n    const handleDebug = (payload: Payload) => handleMessage(payload, \"debug\");\n    const handleInfo = (payload: Payload) => handleMessage(payload, \"info\");\n    const handleWarn = (payload: Payload) => handleMessage(payload, \"warn\");\n\n    function handleError(payload: Payload) {\n      onError && onError(payload.content);\n    }\n\n    function handleReadyStateChange() {\n      const { readyState } = instanceRef.current!;\n      onReadyStateChange && onReadyStateChange(readyState);\n    }\n\n    function handleLoaded() {\n      onLoad && onLoad(stateRef.current!);\n    }\n\n    function handleNavigation(payload: NavigationPayload) {\n      const { docTitle, epageCount, epage, metadata } = payload;\n      const currentState = {\n        docTitle,\n        epageCount,\n        epage: epage as number,\n        metadata,\n      };\n      stateRef.current = currentState;\n      onNavigation && onNavigation(currentState);\n    }\n\n    function handleHyperlink(payload: HyperlinkPayload) {\n      onHyperlink && onHyperlink(payload);\n    }\n\n    const instance = instanceRef.current!;\n    instance.addListener(\"debug\", handleDebug);\n    instance.addListener(\"info\", handleInfo);\n    instance.addListener(\"warn\", handleWarn);\n    instance.addListener(\"error\", handleError);\n    instance.addListener(\"readystatechange\", handleReadyStateChange);\n    instance.addListener(\"loaded\", handleLoaded);\n    instance.addListener(\"nav\", handleNavigation);\n    instance.addListener(\"hyperlink\", handleHyperlink);\n\n    return () => {\n      onReadyStateChange && onReadyStateChange(ReadyState.LOADING);\n      instance.removeListener(\"debug\", handleDebug);\n      instance.removeListener(\"info\", handleInfo);\n      instance.removeListener(\"warn\", handleWarn);\n      instance.removeListener(\"error\", handleError);\n      instance.removeListener(\"readystatechange\", handleReadyStateChange);\n      instance.removeListener(\"loaded\", handleLoaded);\n      instance.removeListener(\"nav\", handleNavigation);\n      instance.removeListener(\"hyperlink\", handleHyperlink);\n    };\n  }\n\n  function initInstance() {\n    instanceRef.current = new CoreViewer({\n      viewportElement: containerRef.current!,\n    });\n  }\n\n  // initialize document and event handlers\n  useEffect(() => {\n    initInstance();\n    setViewerOptions();\n\n    const cleanup = registerEventHandlers();\n    return cleanup;\n  }, []);\n\n  useEffect(() => {\n    loadSource();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source, authorStyleSheet, userStyleSheet, zoom, fitToScreen]);\n\n  useEffect(() => {\n    setViewerOptions();\n  }, [\n    fontSize,\n    pageViewMode,\n    renderAllPages,\n    autoResize,\n    defaultPaperSize,\n    pageBorderWidth,\n  ]);\n\n  // sync location\n  useEffect(() => {\n    const epage = epageFromPageNumber(page);\n    instanceRef.current?.navigateToPage(Navigation.EPAGE, epage);\n  }, [page]);\n\n  const container = (\n    <Container ref={containerRef} style={style} background={background} />\n  );\n\n  if (typeof children === \"function\" && children instanceof Function) {\n    return children({ container, reload: loadSource });\n  }\n\n  return container;\n};\n\nconst Container = styled.div<Pick<RendererProps, \"background\">>`\n  overflow: scroll;\n  background: ${({ background }) => background} !important;\n`;\n","export function epageToPageNumber(epage: number): number {\n  return Math.round(epage + 1);\n}\n\nexport function epageFromPageNumber(pageNumber: number): number {\n  return pageNumber - 1;\n}\n"],"names":["styled","div","background","source","page","zoom","bookMode","fontSize","renderAllPages","autoResize","pageViewMode","PageViewMode","SINGLE_PAGE","defaultPaperSize","pageBorderWidth","fitToScreen","userStyleSheet","authorStyleSheet","style","onMessage","onError","onReadyStateChange","onLoad","onNavigation","onHyperlink","children","useRef","React","instanceRef","current","setOptions","endsWith","instance","loadPublication","documentOptions","loadDocument","url","useEffect","viewportElement","containerRef","setViewerOptions","payload","type","content","readyState","stateRef","docTitle","epageCount","epage","metadata","currentState","addListener","handleDebug","handleInfo","handleWarn","handleError","handleReadyStateChange","handleLoaded","handleNavigation","handleHyperlink","ReadyState","LOADING","removeListener","registerEventHandlers","loadSource","navigateToPage","Navigation","EPAGE","Container","ref","container","reload"],"mappings":"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"}
+{"version":3,"file":"react-vivliostyle.js","sources":["../src/renderer.tsx","../src/epage.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  CoreViewer,\n  Navigation,\n  PageViewMode,\n  Payload,\n  ReadyState,\n} from \"@vivliostyle/core\";\nimport React, { useEffect, useRef } from \"react\";\nimport { epageFromPageNumber } from \"./epage\";\n\nexport type MessageType = \"debug\" | \"info\" | \"warn\";\nexport type NavigationPayload = Omit<Payload, \"internal\" | \"href\" | \"content\">;\nexport type HyperlinkPayload = Pick<Payload, \"internal\" | \"href\">;\n\ninterface VolatileState {\n  docTitle: string;\n  epage: number;\n  epageCount: number;\n  metadata: unknown;\n}\n\ntype ChildrenFunction = ({\n  container,\n  reload,\n}: {\n  container: JSX.Element;\n  reload: () => void;\n}) => React.ReactNode;\n\ninterface RendererProps {\n  source: string;\n  page?: number;\n  zoom?: number;\n  bookMode?: boolean;\n  renderAllPages?: boolean;\n  autoResize?: boolean;\n  pageViewMode?: PageViewMode;\n  defaultPaperSize?: {\n    width: number;\n    height: number;\n  };\n  pageBorderWidth?: number;\n  fitToScreen?: boolean;\n  fontSize?: number;\n  background?: string;\n  userStyleSheet?: string;\n  authorStyleSheet?: string;\n  style?: React.CSSProperties;\n  onMessage?: (message: string, type: MessageType) => void;\n  onError?: (error: string) => void;\n  onReadyStateChange?: (state: ReadyState) => void;\n  onLoad?: (state: VolatileState) => void;\n  onNavigation?: (state: VolatileState) => void;\n  onHyperlink?: (payload: HyperlinkPayload) => void;\n  children?: React.ReactNode | ChildrenFunction;\n}\n\nexport const Renderer = ({\n  source,\n  page = 1,\n  zoom = 1,\n  bookMode = true,\n  fontSize = 16,\n  background = \"#ececec\",\n  renderAllPages = true,\n  autoResize = true,\n  pageViewMode = PageViewMode.SINGLE_PAGE,\n  defaultPaperSize,\n  pageBorderWidth = 1,\n  fitToScreen = false,\n  userStyleSheet,\n  authorStyleSheet,\n  style,\n  onMessage,\n  onError,\n  onReadyStateChange,\n  onLoad,\n  onNavigation,\n  onHyperlink,\n  children,\n}: RendererProps): ReturnType<ChildrenFunction> | JSX.Element => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const instanceRef = useRef<CoreViewer>();\n  const stateRef = React.useRef<VolatileState>();\n\n  function setViewerOptions() {\n    const viewerOptions = {\n      fontSize,\n      pageViewMode,\n      renderAllPages,\n      autoResize,\n      defaultPaperSize,\n      pageBorderWidth,\n    };\n    instanceRef.current!.setOptions(viewerOptions);\n  }\n\n  function loadSource() {\n    const instance = instanceRef.current!;\n    const documentOptions = {\n      ...(userStyleSheet\n        ? {\n            userStyleSheet: [\n              {\n                [userStyleSheet.endsWith(\".css\") ? \"url\" : \"text\"]:\n                  userStyleSheet,\n              },\n            ],\n          }\n        : null),\n      ...(authorStyleSheet\n        ? {\n            authorStyleSheet: [\n              {\n                [authorStyleSheet.endsWith(\".css\") ? \"url\" : \"text\"]:\n                  authorStyleSheet,\n              },\n            ],\n          }\n        : null),\n    };\n\n    if (bookMode) {\n      instance.loadPublication(source, documentOptions);\n    } else {\n      instance.loadDocument({ url: source }, documentOptions, {\n        fontSize,\n        pageViewMode,\n        zoom,\n        renderAllPages,\n        autoResize,\n        defaultPaperSize,\n        pageBorderWidth,\n        fitToScreen,\n      });\n    }\n  }\n\n  function registerEventHandlers() {\n    function handleMessage(payload: Payload, type: MessageType) {\n      onMessage && onMessage(payload.content, type);\n    }\n\n    const handleDebug = (payload: Payload) => handleMessage(payload, \"debug\");\n    const handleInfo = (payload: Payload) => handleMessage(payload, \"info\");\n    const handleWarn = (payload: Payload) => handleMessage(payload, \"warn\");\n\n    function handleError(payload: Payload) {\n      onError && onError(payload.content);\n    }\n\n    function handleReadyStateChange() {\n      const { readyState } = instanceRef.current!;\n      onReadyStateChange && onReadyStateChange(readyState);\n    }\n\n    function handleLoaded() {\n      onLoad && onLoad(stateRef.current!);\n    }\n\n    function handleNavigation(payload: NavigationPayload) {\n      const { docTitle, epageCount, epage, metadata } = payload;\n      const currentState = {\n        docTitle,\n        epageCount,\n        epage: epage as number,\n        metadata,\n      };\n      stateRef.current = currentState;\n      onNavigation && onNavigation(currentState);\n    }\n\n    function handleHyperlink(payload: HyperlinkPayload) {\n      onHyperlink && onHyperlink(payload);\n    }\n\n    const instance = instanceRef.current!;\n    instance.addListener(\"debug\", handleDebug);\n    instance.addListener(\"info\", handleInfo);\n    instance.addListener(\"warn\", handleWarn);\n    instance.addListener(\"error\", handleError);\n    instance.addListener(\"readystatechange\", handleReadyStateChange);\n    instance.addListener(\"loaded\", handleLoaded);\n    instance.addListener(\"nav\", handleNavigation);\n    instance.addListener(\"hyperlink\", handleHyperlink);\n\n    return () => {\n      onReadyStateChange && onReadyStateChange(ReadyState.LOADING);\n      instance.removeListener(\"debug\", handleDebug);\n      instance.removeListener(\"info\", handleInfo);\n      instance.removeListener(\"warn\", handleWarn);\n      instance.removeListener(\"error\", handleError);\n      instance.removeListener(\"readystatechange\", handleReadyStateChange);\n      instance.removeListener(\"loaded\", handleLoaded);\n      instance.removeListener(\"nav\", handleNavigation);\n      instance.removeListener(\"hyperlink\", handleHyperlink);\n    };\n  }\n\n  function initInstance() {\n    instanceRef.current = new CoreViewer({\n      viewportElement: containerRef.current!,\n    });\n  }\n\n  // initialize document and event handlers\n  useEffect(() => {\n    initInstance();\n    setViewerOptions();\n\n    const cleanup = registerEventHandlers();\n    return cleanup;\n  }, []);\n\n  useEffect(() => {\n    loadSource();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source, authorStyleSheet, userStyleSheet, zoom, fitToScreen]);\n\n  useEffect(() => {\n    setViewerOptions();\n  }, [\n    fontSize,\n    pageViewMode,\n    renderAllPages,\n    autoResize,\n    defaultPaperSize,\n    pageBorderWidth,\n  ]);\n\n  // sync location\n  useEffect(() => {\n    const epage = epageFromPageNumber(page);\n    instanceRef.current?.navigateToPage(Navigation.EPAGE, epage);\n  }, [page]);\n\n  const container = (\n    <Container ref={containerRef} style={style} background={background} />\n  );\n\n  if (typeof children === \"function\" && children instanceof Function) {\n    return children({ container, reload: loadSource });\n  }\n\n  return container;\n};\n\nconst Container = styled.div<Pick<RendererProps, \"background\">>`\n  overflow: scroll;\n  background: ${({ background }) => background} !important;\n`;\n","export function epageToPageNumber(epage: number): number {\n  return Math.round(epage + 1);\n}\n\nexport function epageFromPageNumber(pageNumber: number): number {\n  return pageNumber - 1;\n}\n"],"names":["Container","styled","div","_templateObject","_ref4","background","_ref","source","_ref$page","page","_ref$zoom","zoom","_ref$bookMode","bookMode","_ref$fontSize","fontSize","_ref$background","_ref$renderAllPages","renderAllPages","_ref$autoResize","autoResize","_ref$pageViewMode","pageViewMode","PageViewMode","SINGLE_PAGE","defaultPaperSize","_ref$pageBorderWidth","pageBorderWidth","_ref$fitToScreen","fitToScreen","userStyleSheet","authorStyleSheet","style","onMessage","onError","onReadyStateChange","onLoad","onNavigation","onHyperlink","children","containerRef","useRef","instanceRef","stateRef","React","setViewerOptions","current","setOptions","loadSource","instance","documentOptions","_extends","_ref2","endsWith","_ref3","loadPublication","loadDocument","url","useEffect","CoreViewer","viewportElement","handleMessage","payload","type","content","handleDebug","handleInfo","handleWarn","handleError","handleReadyStateChange","readyState","handleLoaded","handleNavigation","currentState","docTitle","epageCount","epage","metadata","handleHyperlink","addListener","ReadyState","LOADING","removeListener","registerEventHandlers","_instanceRef$current","navigateToPage","Navigation","EPAGE","container","ref","Function","reload"],"mappings":"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"}

package/dist/react-vivliostyle.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-vivliostyle.modern.js","sources":["../src/renderer.tsx","../src/epage.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  CoreViewer,\n  Navigation,\n  PageViewMode,\n  Payload,\n  ReadyState,\n} from \"@vivliostyle/core\";\nimport React, { useEffect, useRef } from \"react\";\nimport { epageFromPageNumber } from \"./epage\";\n\nexport type MessageType = \"debug\" | \"info\" | \"warn\";\nexport type NavigationPayload = Omit<Payload, \"internal\" | \"href\" | \"content\">;\nexport type HyperlinkPayload = Pick<Payload, \"internal\" | \"href\">;\n\ninterface VolatileState {\n  docTitle: string;\n  epage: number;\n  epageCount: number;\n  metadata: unknown;\n}\n\ntype ChildrenFunction = ({\n  container,\n  reload,\n}: {\n  container: JSX.Element;\n  reload: () => void;\n}) => React.ReactNode;\n\ninterface RendererProps {\n  source: string;\n  page?: number;\n  zoom?: number;\n  bookMode?: boolean;\n  renderAllPages?: boolean;\n  autoResize?: boolean;\n  pageViewMode?: PageViewMode;\n  defaultPaperSize?: {\n    width: number;\n    height: number;\n  };\n  pageBorderWidth?: number;\n  fitToScreen?: boolean;\n  fontSize?: number;\n  background?: string;\n  userStyleSheet?: string;\n  authorStyleSheet?: string;\n  style?: React.CSSProperties;\n  onMessage?: (message: string, type: MessageType) => void;\n  onError?: (error: string) => void;\n  onReadyStateChange?: (state: ReadyState) => void;\n  onLoad?: (state: VolatileState) => void;\n  onNavigation?: (state: VolatileState) => void;\n  onHyperlink?: (payload: HyperlinkPayload) => void;\n  children?: React.ReactNode | ChildrenFunction;\n}\n\nexport const Renderer = ({\n  source,\n  page = 1,\n  zoom = 1,\n  bookMode = true,\n  fontSize = 16,\n  background = \"#ececec\",\n  renderAllPages = true,\n  autoResize = true,\n  pageViewMode = PageViewMode.SINGLE_PAGE,\n  defaultPaperSize,\n  pageBorderWidth = 1,\n  fitToScreen = false,\n  userStyleSheet,\n  authorStyleSheet,\n  style,\n  onMessage,\n  onError,\n  onReadyStateChange,\n  onLoad,\n  onNavigation,\n  onHyperlink,\n  children,\n}: RendererProps): ReturnType<ChildrenFunction> | JSX.Element => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const instanceRef = useRef<CoreViewer>();\n  const stateRef = React.useRef<VolatileState>();\n\n  function setViewerOptions() {\n    const viewerOptions = {\n      fontSize,\n      pageViewMode,\n      renderAllPages,\n      autoResize,\n      defaultPaperSize,\n      pageBorderWidth,\n    };\n    instanceRef.current!.setOptions(viewerOptions);\n  }\n\n  function loadSource() {\n    const instance = instanceRef.current!;\n    const documentOptions = {\n      ...(userStyleSheet\n        ? {\n            userStyleSheet: [\n              {\n                [userStyleSheet.endsWith(\".css\") ? \"url\" : \"text\"]:\n                  userStyleSheet,\n              },\n            ],\n          }\n        : null),\n      ...(authorStyleSheet\n        ? {\n            authorStyleSheet: [\n              {\n                [authorStyleSheet.endsWith(\".css\") ? \"url\" : \"text\"]:\n                  authorStyleSheet,\n              },\n            ],\n          }\n        : null),\n    };\n\n    if (bookMode) {\n      instance.loadPublication(source, documentOptions);\n    } else {\n      instance.loadDocument({ url: source }, documentOptions, {\n        fontSize,\n        pageViewMode,\n        zoom,\n        renderAllPages,\n        autoResize,\n        defaultPaperSize,\n        pageBorderWidth,\n        fitToScreen,\n      });\n    }\n  }\n\n  function registerEventHandlers() {\n    function handleMessage(payload: Payload, type: MessageType) {\n      onMessage && onMessage(payload.content, type);\n    }\n\n    const handleDebug = (payload: Payload) => handleMessage(payload, \"debug\");\n    const handleInfo = (payload: Payload) => handleMessage(payload, \"info\");\n    const handleWarn = (payload: Payload) => handleMessage(payload, \"warn\");\n\n    function handleError(payload: Payload) {\n      onError && onError(payload.content);\n    }\n\n    function handleReadyStateChange() {\n      const { readyState } = instanceRef.current!;\n      onReadyStateChange && onReadyStateChange(readyState);\n    }\n\n    function handleLoaded() {\n      onLoad && onLoad(stateRef.current!);\n    }\n\n    function handleNavigation(payload: NavigationPayload) {\n      const { docTitle, epageCount, epage, metadata } = payload;\n      const currentState = {\n        docTitle,\n        epageCount,\n        epage: epage as number,\n        metadata,\n      };\n      stateRef.current = currentState;\n      onNavigation && onNavigation(currentState);\n    }\n\n    function handleHyperlink(payload: HyperlinkPayload) {\n      onHyperlink && onHyperlink(payload);\n    }\n\n    const instance = instanceRef.current!;\n    instance.addListener(\"debug\", handleDebug);\n    instance.addListener(\"info\", handleInfo);\n    instance.addListener(\"warn\", handleWarn);\n    instance.addListener(\"error\", handleError);\n    instance.addListener(\"readystatechange\", handleReadyStateChange);\n    instance.addListener(\"loaded\", handleLoaded);\n    instance.addListener(\"nav\", handleNavigation);\n    instance.addListener(\"hyperlink\", handleHyperlink);\n\n    return () => {\n      onReadyStateChange && onReadyStateChange(ReadyState.LOADING);\n      instance.removeListener(\"debug\", handleDebug);\n      instance.removeListener(\"info\", handleInfo);\n      instance.removeListener(\"warn\", handleWarn);\n      instance.removeListener(\"error\", handleError);\n      instance.removeListener(\"readystatechange\", handleReadyStateChange);\n      instance.removeListener(\"loaded\", handleLoaded);\n      instance.removeListener(\"nav\", handleNavigation);\n      instance.removeListener(\"hyperlink\", handleHyperlink);\n    };\n  }\n\n  function initInstance() {\n    instanceRef.current = new CoreViewer({\n      viewportElement: containerRef.current!,\n    });\n  }\n\n  // initialize document and event handlers\n  useEffect(() => {\n    initInstance();\n    setViewerOptions();\n\n    const cleanup = registerEventHandlers();\n    return cleanup;\n  }, []);\n\n  useEffect(() => {\n    loadSource();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source, authorStyleSheet, userStyleSheet, zoom, fitToScreen]);\n\n  useEffect(() => {\n    setViewerOptions();\n  }, [\n    fontSize,\n    pageViewMode,\n    renderAllPages,\n    autoResize,\n    defaultPaperSize,\n    pageBorderWidth,\n  ]);\n\n  // sync location\n  useEffect(() => {\n    const epage = epageFromPageNumber(page);\n    instanceRef.current?.navigateToPage(Navigation.EPAGE, epage);\n  }, [page]);\n\n  const container = (\n    <Container ref={containerRef} style={style} background={background} />\n  );\n\n  if (typeof children === \"function\" && children instanceof Function) {\n    return children({ container, reload: loadSource });\n  }\n\n  return container;\n};\n\nconst Container = styled.div<Pick<RendererProps, \"background\">>`\n  overflow: scroll;\n  background: ${({ background }) => background} !important;\n`;\n","export function epageToPageNumber(epage: number): number {\n  return Math.round(epage + 1);\n}\n\nexport function epageFromPageNumber(pageNumber: number): number {\n  return pageNumber - 1;\n}\n"],"names":["source","page","zoom","bookMode","fontSize","background","renderAllPages","autoResize","pageViewMode","PageViewMode","SINGLE_PAGE","defaultPaperSize","pageBorderWidth","fitToScreen","userStyleSheet","authorStyleSheet","style","onMessage","onError","onReadyStateChange","onLoad","onNavigation","onHyperlink","children","useRef","React","instanceRef","current","setOptions","endsWith","instance","loadPublication","documentOptions","loadDocument","url","useEffect","viewportElement","containerRef","setViewerOptions","payload","type","content","readyState","stateRef","docTitle","epageCount","epage","metadata","currentState","addListener","handleDebug","handleInfo","handleWarn","handleError","handleReadyStateChange","handleLoaded","handleNavigation","handleHyperlink","ReadyState","LOADING","removeListener","registerEventHandlers","loadSource","navigateToPage","Navigation","EPAGE","Container","ref","container","reload","styled","div"],"mappings":"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"}
+{"version":3,"file":"react-vivliostyle.modern.js","sources":["../src/renderer.tsx","../src/epage.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  CoreViewer,\n  Navigation,\n  PageViewMode,\n  Payload,\n  ReadyState,\n} from \"@vivliostyle/core\";\nimport React, { useEffect, useRef } from \"react\";\nimport { epageFromPageNumber } from \"./epage\";\n\nexport type MessageType = \"debug\" | \"info\" | \"warn\";\nexport type NavigationPayload = Omit<Payload, \"internal\" | \"href\" | \"content\">;\nexport type HyperlinkPayload = Pick<Payload, \"internal\" | \"href\">;\n\ninterface VolatileState {\n  docTitle: string;\n  epage: number;\n  epageCount: number;\n  metadata: unknown;\n}\n\ntype ChildrenFunction = ({\n  container,\n  reload,\n}: {\n  container: JSX.Element;\n  reload: () => void;\n}) => React.ReactNode;\n\ninterface RendererProps {\n  source: string;\n  page?: number;\n  zoom?: number;\n  bookMode?: boolean;\n  renderAllPages?: boolean;\n  autoResize?: boolean;\n  pageViewMode?: PageViewMode;\n  defaultPaperSize?: {\n    width: number;\n    height: number;\n  };\n  pageBorderWidth?: number;\n  fitToScreen?: boolean;\n  fontSize?: number;\n  background?: string;\n  userStyleSheet?: string;\n  authorStyleSheet?: string;\n  style?: React.CSSProperties;\n  onMessage?: (message: string, type: MessageType) => void;\n  onError?: (error: string) => void;\n  onReadyStateChange?: (state: ReadyState) => void;\n  onLoad?: (state: VolatileState) => void;\n  onNavigation?: (state: VolatileState) => void;\n  onHyperlink?: (payload: HyperlinkPayload) => void;\n  children?: React.ReactNode | ChildrenFunction;\n}\n\nexport const Renderer = ({\n  source,\n  page = 1,\n  zoom = 1,\n  bookMode = true,\n  fontSize = 16,\n  background = \"#ececec\",\n  renderAllPages = true,\n  autoResize = true,\n  pageViewMode = PageViewMode.SINGLE_PAGE,\n  defaultPaperSize,\n  pageBorderWidth = 1,\n  fitToScreen = false,\n  userStyleSheet,\n  authorStyleSheet,\n  style,\n  onMessage,\n  onError,\n  onReadyStateChange,\n  onLoad,\n  onNavigation,\n  onHyperlink,\n  children,\n}: RendererProps): ReturnType<ChildrenFunction> | JSX.Element => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const instanceRef = useRef<CoreViewer>();\n  const stateRef = React.useRef<VolatileState>();\n\n  function setViewerOptions() {\n    const viewerOptions = {\n      fontSize,\n      pageViewMode,\n      renderAllPages,\n      autoResize,\n      defaultPaperSize,\n      pageBorderWidth,\n    };\n    instanceRef.current!.setOptions(viewerOptions);\n  }\n\n  function loadSource() {\n    const instance = instanceRef.current!;\n    const documentOptions = {\n      ...(userStyleSheet\n        ? {\n            userStyleSheet: [\n              {\n                [userStyleSheet.endsWith(\".css\") ? \"url\" : \"text\"]:\n                  userStyleSheet,\n              },\n            ],\n          }\n        : null),\n      ...(authorStyleSheet\n        ? {\n            authorStyleSheet: [\n              {\n                [authorStyleSheet.endsWith(\".css\") ? \"url\" : \"text\"]:\n                  authorStyleSheet,\n              },\n            ],\n          }\n        : null),\n    };\n\n    if (bookMode) {\n      instance.loadPublication(source, documentOptions);\n    } else {\n      instance.loadDocument({ url: source }, documentOptions, {\n        fontSize,\n        pageViewMode,\n        zoom,\n        renderAllPages,\n        autoResize,\n        defaultPaperSize,\n        pageBorderWidth,\n        fitToScreen,\n      });\n    }\n  }\n\n  function registerEventHandlers() {\n    function handleMessage(payload: Payload, type: MessageType) {\n      onMessage && onMessage(payload.content, type);\n    }\n\n    const handleDebug = (payload: Payload) => handleMessage(payload, \"debug\");\n    const handleInfo = (payload: Payload) => handleMessage(payload, \"info\");\n    const handleWarn = (payload: Payload) => handleMessage(payload, \"warn\");\n\n    function handleError(payload: Payload) {\n      onError && onError(payload.content);\n    }\n\n    function handleReadyStateChange() {\n      const { readyState } = instanceRef.current!;\n      onReadyStateChange && onReadyStateChange(readyState);\n    }\n\n    function handleLoaded() {\n      onLoad && onLoad(stateRef.current!);\n    }\n\n    function handleNavigation(payload: NavigationPayload) {\n      const { docTitle, epageCount, epage, metadata } = payload;\n      const currentState = {\n        docTitle,\n        epageCount,\n        epage: epage as number,\n        metadata,\n      };\n      stateRef.current = currentState;\n      onNavigation && onNavigation(currentState);\n    }\n\n    function handleHyperlink(payload: HyperlinkPayload) {\n      onHyperlink && onHyperlink(payload);\n    }\n\n    const instance = instanceRef.current!;\n    instance.addListener(\"debug\", handleDebug);\n    instance.addListener(\"info\", handleInfo);\n    instance.addListener(\"warn\", handleWarn);\n    instance.addListener(\"error\", handleError);\n    instance.addListener(\"readystatechange\", handleReadyStateChange);\n    instance.addListener(\"loaded\", handleLoaded);\n    instance.addListener(\"nav\", handleNavigation);\n    instance.addListener(\"hyperlink\", handleHyperlink);\n\n    return () => {\n      onReadyStateChange && onReadyStateChange(ReadyState.LOADING);\n      instance.removeListener(\"debug\", handleDebug);\n      instance.removeListener(\"info\", handleInfo);\n      instance.removeListener(\"warn\", handleWarn);\n      instance.removeListener(\"error\", handleError);\n      instance.removeListener(\"readystatechange\", handleReadyStateChange);\n      instance.removeListener(\"loaded\", handleLoaded);\n      instance.removeListener(\"nav\", handleNavigation);\n      instance.removeListener(\"hyperlink\", handleHyperlink);\n    };\n  }\n\n  function initInstance() {\n    instanceRef.current = new CoreViewer({\n      viewportElement: containerRef.current!,\n    });\n  }\n\n  // initialize document and event handlers\n  useEffect(() => {\n    initInstance();\n    setViewerOptions();\n\n    const cleanup = registerEventHandlers();\n    return cleanup;\n  }, []);\n\n  useEffect(() => {\n    loadSource();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source, authorStyleSheet, userStyleSheet, zoom, fitToScreen]);\n\n  useEffect(() => {\n    setViewerOptions();\n  }, [\n    fontSize,\n    pageViewMode,\n    renderAllPages,\n    autoResize,\n    defaultPaperSize,\n    pageBorderWidth,\n  ]);\n\n  // sync location\n  useEffect(() => {\n    const epage = epageFromPageNumber(page);\n    instanceRef.current?.navigateToPage(Navigation.EPAGE, epage);\n  }, [page]);\n\n  const container = (\n    <Container ref={containerRef} style={style} background={background} />\n  );\n\n  if (typeof children === \"function\" && children instanceof Function) {\n    return children({ container, reload: loadSource });\n  }\n\n  return container;\n};\n\nconst Container = styled.div<Pick<RendererProps, \"background\">>`\n  overflow: scroll;\n  background: ${({ background }) => background} !important;\n`;\n","export function epageToPageNumber(epage: number): number {\n  return Math.round(epage + 1);\n}\n\nexport function epageFromPageNumber(pageNumber: number): number {\n  return pageNumber - 1;\n}\n"],"names":["Renderer","_ref","source","_ref$page","page","_ref$zoom","zoom","_ref$bookMode","bookMode","_ref$fontSize","fontSize","_ref$background","background","_ref$renderAllPages","renderAllPages","_ref$autoResize","autoResize","_ref$pageViewMode","pageViewMode","PageViewMode","SINGLE_PAGE","defaultPaperSize","_ref$pageBorderWidth","pageBorderWidth","_ref$fitToScreen","fitToScreen","userStyleSheet","authorStyleSheet","style","onMessage","onError","onReadyStateChange","onLoad","onNavigation","onHyperlink","children","containerRef","useRef","instanceRef","stateRef","React","setViewerOptions","current","setOptions","loadSource","instance","documentOptions","_extends","_ref2","endsWith","_ref3","loadPublication","loadDocument","url","useEffect","CoreViewer","viewportElement","handleMessage","payload","type","content","handleDebug","handleInfo","handleWarn","handleError","handleReadyStateChange","readyState","handleLoaded","handleNavigation","currentState","docTitle","epageCount","epage","metadata","handleHyperlink","addListener","ReadyState","LOADING","removeListener","registerEventHandlers","_instanceRef$current","navigateToPage","Navigation","EPAGE","container","Container","ref","Function","reload","styled","div","_templateObject","_ref4"],"mappings":"8ZA0DaA,EAAW,SAAHC,OACnBC,EAAMD,EAANC,OAAMC,EAAAF,EACNG,KAAAA,WAAID,EAAG,EAACA,EAAAE,EAAAJ,EACRK,KAAAA,WAAID,EAAG,EAACA,EAAAE,EAAAN,EACRO,SAAAA,WAAQD,GAAOA,EAAAE,EAAAR,EACfS,SAAAA,WAAQD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,WAAAA,WAAUD,EAAG,UAASA,EAAAE,EAAAZ,EACtBa,eAAAA,WAAcD,GAAOA,EAAAE,EAAAd,EACrBe,WAAAA,WAAUD,GAAOA,EAAAE,EAAAhB,EACjBiB,aAAAA,WAAYD,EAAGE,EAAaC,YAAWH,EACvCI,EAAgBpB,EAAhBoB,iBAAgBC,EAAArB,EAChBsB,gBAAAA,WAAeD,EAAG,EAACA,EAAAE,EAAAvB,EACnBwB,YAAAA,WAAWD,GAAQA,EACnBE,EAAczB,EAAdyB,eACAC,EAAgB1B,EAAhB0B,iBACAC,EAAK3B,EAAL2B,MACAC,EAAS5B,EAAT4B,UACAC,EAAO7B,EAAP6B,QACAC,EAAkB9B,EAAlB8B,mBACAC,EAAM/B,EAAN+B,OACAC,EAAYhC,EAAZgC,aACAC,EAAWjC,EAAXiC,YACAC,EAAQlC,EAARkC,SAEMC,EAAeC,EAAuB,MACtCC,EAAcD,IACdE,EAAWC,EAAMH,SAEvB,SAASI,IASPH,EAAYI,QAASC,WARC,CACpBjC,SAAAA,EACAQ,aAAAA,EACAJ,eAAAA,EACAE,WAAAA,EACAK,iBAAAA,EACAE,gBAAAA,IAKJ,SAASqB,YACDC,EAAWP,EAAYI,QACvBI,EAAeC,KACfrB,EACA,CACEA,eAAgB,EAAAsB,KAAAA,EAEXtB,EAAeuB,SAAS,QAAU,MAAQ,QACzCvB,EAAcsB,KAItB,KACArB,EACA,CACEA,iBAAkB,EAAAuB,KAAAA,EAEbvB,EAAiBsB,SAAS,QAAU,MAAQ,QAC3CtB,EAAgBuB,KAIxB,MAGF1C,EACFqC,EAASM,gBAAgBjD,EAAQ4C,GAEjCD,EAASO,aAAa,CAAEC,IAAKnD,GAAU4C,EAAiB,CACtDpC,SAAAA,EACAQ,aAAAA,EACAZ,KAAAA,EACAQ,eAAAA,EACAE,WAAAA,EACAK,iBAAAA,EACAE,gBAAAA,EACAE,YAAAA,IAyEN6B,EAAU,WAKR,OAXAhB,EAAYI,QAAU,IAAIa,EAAW,CACnCC,gBAAiBpB,EAAaM,UAOhCD,IAtEF,WACE,SAASgB,EAAcC,EAAkBC,GACvC9B,GAAaA,EAAU6B,EAAQE,QAASD,GAG1C,IAAME,EAAc,SAACH,UAAqBD,EAAcC,EAAS,UAC3DI,EAAa,SAACJ,UAAqBD,EAAcC,EAAS,SAC1DK,EAAa,SAACL,UAAqBD,EAAcC,EAAS,SAEhE,SAASM,EAAYN,GACnB5B,GAAWA,EAAQ4B,EAAQE,SAG7B,SAASK,IAEPlC,GAAsBA,EADCO,EAAYI,QAA3BwB,YAIV,SAASC,IACPnC,GAAUA,EAAOO,EAASG,SAG5B,SAAS0B,EAAiBV,GACxB,IACMW,EAAe,CACnBC,SAFgDZ,EAA1CY,SAGNC,WAHgDb,EAAhCa,WAIhBC,MAJgDd,EAApBc,MAK5BC,SALgDf,EAAbe,UAOrClC,EAASG,QAAU2B,EACnBpC,GAAgBA,EAAaoC,GAG/B,SAASK,EAAgBhB,GACvBxB,GAAeA,EAAYwB,GAG7B,IAAMb,EAAWP,EAAYI,QAU7B,OATAG,EAAS8B,YAAY,QAASd,GAC9BhB,EAAS8B,YAAY,OAAQb,GAC7BjB,EAAS8B,YAAY,OAAQZ,GAC7BlB,EAAS8B,YAAY,QAASX,GAC9BnB,EAAS8B,YAAY,mBAAoBV,GACzCpB,EAAS8B,YAAY,SAAUR,GAC/BtB,EAAS8B,YAAY,MAAOP,GAC5BvB,EAAS8B,YAAY,YAAaD,cAGhC3C,GAAsBA,EAAmB6C,EAAWC,SACpDhC,EAASiC,eAAe,QAASjB,GACjChB,EAASiC,eAAe,OAAQhB,GAChCjB,EAASiC,eAAe,OAAQf,GAChClB,EAASiC,eAAe,QAASd,GACjCnB,EAASiC,eAAe,mBAAoBb,GAC5CpB,EAASiC,eAAe,SAAUX,GAClCtB,EAASiC,eAAe,MAAOV,GAC/BvB,EAASiC,eAAe,YAAaJ,IAevBK,IAEf,IAEHzB,EAAU,WACRV,KAEC,CAAC1C,EAAQyB,EAAkBD,EAAgBpB,EAAMmB,IAEpD6B,EAAU,WACRb,KACC,CACD/B,EACAQ,EACAJ,EACAE,EACAK,EACAE,IAIF+B,EAAU,yBAER0B,EAAA1C,EAAYI,mBAAOsC,GAAnBA,EAAqBC,eAAeC,EAAWC,MADb/E,ECpOhB,IDsOjB,CAACA,IAEJ,IAAMgF,EACJ5C,gBAAC6C,GAAUC,IAAKlD,EAAcR,MAAOA,EAAOhB,WAAYA,IAG1D,MAAwB,mBAAbuB,GAA2BA,aAAoBoD,SACjDpD,EAAS,CAAEiD,UAAAA,EAAWI,OAAQ5C,IAGhCwC,GAGHC,EAAYI,EAAOC,IAAGC,2FAAAA,KAEZ,SAAAC,UAAaA,EAAVhF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vivliostyle/react",
   "description": "React component for Vivliostyle",
-  "version": "2.24.0",
+  "version": "2.24.3",
   "author": "Yasuaki Uechi <y@uechi.io>",
   "scripts": {
     "build": "microbundle-crl --format modern,cjs && shx rm -rf dist/stories",
@@ -18,7 +18,7 @@
   "dependencies": {
     "@emotion/core": "^10.0.28",
     "@emotion/styled": "^10.0.27",
-    "@vivliostyle/core": "^2.24.0"
+    "@vivliostyle/core": "^2.24.3"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -70,5 +70,5 @@
   "engines": {
     "node": ">=12"
   },
-  "gitHead": "2426dee893b69a7b5aaf295bdef7f8ebcd9a4f77"
+  "gitHead": "72f2f48f9beff34d57c23bcff7f6bab3f953e244"
 }