@vivliostyle/react - npm Package Compare versions

Comparing version 2.21.1 to 2.22.0

dist/react-vivliostyle.js

@@ -1,2 +0,2 @@
-function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n,r=e(require("@emotion/styled")),t=require("@vivliostyle/core"),o=require("react"),i=e(o);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}var u,d,c=r.div(n||(u=["\n  overflow: scroll;\n  background: "," !important;\n"],d||(d=u.slice(0)),u.raw=d,n=u),function(e){return e.background});exports.Renderer=function(e){var n=e.source,r=e.page,u=void 0===r?1:r,d=e.zoom,s=void 0===d?1:d,f=e.fontSize,l=void 0===f?16:f,v=e.background,g=void 0===v?"#ececec":v,p=e.renderAllPages,h=void 0===p||p,y=e.autoResize,L=void 0===y||y,S=e.pageViewMode,m=void 0===S?t.PageViewMode.SINGLE_PAGE:S,b=e.defaultPaperSize,w=e.pageBorderWidth,P=void 0===w?1:w,z=e.fitToScreen,E=void 0!==z&&z,R=e.userStyleSheet,k=e.authorStyleSheet,A=e.style,M=e.onMessage,O=e.onError,T=e.onReadyStateChange,W=e.onLoad,j=e.onNavigation,V=e.onHyperlink,C=e.children,G=o.useRef(null),N=o.useRef(),q=i.useRef();function x(){N.current.setOptions({fontSize:l,pageViewMode:m,renderAllPages:h,autoResize:L,defaultPaperSize:b,pageBorderWidth:P})}function B(){var e,r,t=N.current,o=n.endsWith(".json"),i=a({},R?{userStyleSheet:[(e={},e[R.endsWith(".css")?"url":"text"]=R,e)]}:null,k?{authorStyleSheet:[(r={},r[k.endsWith(".css")?"url":"text"]=k,r)]}:null);o?t.loadPublication(n,i):t.loadDocument({url:n},i,{fontSize:l,pageViewMode:m,zoom:s,renderAllPages:h,autoResize:L,defaultPaperSize:b,pageBorderWidth:P,fitToScreen:E})}o.useEffect(function(){return N.current=new t.CoreViewer({viewportElement:G.current}),x(),function(){function e(e,n){M&&M(e.content,n)}var n=function(n){return e(n,"debug")},r=function(n){return e(n,"info")},o=function(n){return e(n,"warn")};function i(e){O&&O(e.content)}function a(){T&&T(N.current.readyState)}function u(){W&&W(q.current)}function d(e){var n={docTitle:e.docTitle,epageCount:e.epageCount,epage:e.epage,metadata:e.metadata};q.current=n,j&&j(n)}function c(e){V&&V(e)}var s=N.current;return s.addListener("debug",n),s.addListener("info",r),s.addListener("warn",o),s.addListener("error",i),s.addListener("readystatechange",a),s.addListener("loaded",u),s.addListener("nav",d),s.addListener("hyperlink",c),function(){T&&T(t.ReadyState.LOADING),s.removeListener("debug",n),s.removeListener("info",r),s.removeListener("warn",o),s.removeListener("error",i),s.removeListener("readystatechange",a),s.removeListener("loaded",u),s.removeListener("nav",d),s.removeListener("hyperlink",c),G.current.innerHTML=""}}()},[]),o.useEffect(function(){B()},[n,k,R,s,E]),o.useEffect(function(){x()},[l,m,h,L,b,P]),o.useEffect(function(){var e;null===(e=N.current)||void 0===e||e.navigateToPage(t.Navigation.EPAGE,u-1)},[u]);var D=i.createElement(c,{ref:G,style:A,background:g});return"function"==typeof C&&C instanceof Function?C({container:D,reload:B}):D};
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var n,t=e(require("@emotion/styled")),r=require("@vivliostyle/core"),o=require("react"),i=e(o);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var u,d,c=t.div(n||(u=["\n  overflow: scroll;\n  background: "," !important;\n"],d||(d=u.slice(0)),u.raw=d,n=u),function(e){return e.background});exports.Renderer=function(e){var n=e.source,t=e.page,u=void 0===t?1:t,d=e.zoom,s=void 0===d?1:d,f=e.fontSize,l=void 0===f?16:f,v=e.background,g=void 0===v?"#ececec":v,p=e.renderAllPages,h=void 0===p||p,y=e.autoResize,S=void 0===y||y,L=e.pageViewMode,m=void 0===L?r.PageViewMode.SINGLE_PAGE:L,b=e.defaultPaperSize,w=e.pageBorderWidth,P=void 0===w?1:w,z=e.fitToScreen,E=void 0!==z&&z,R=e.userStyleSheet,k=e.authorStyleSheet,A=e.style,O=e.onMessage,W=e.onError,j=e.onReadyStateChange,M=e.onLoad,T=e.onNavigation,V=e.onHyperlink,C=e.children,G=o.useRef(null),N=o.useRef(),q=i.useRef();function x(){N.current.setOptions({fontSize:l,pageViewMode:m,renderAllPages:h,autoResize:S,defaultPaperSize:b,pageBorderWidth:P})}function B(){var e,t,r=N.current,o=n.endsWith(".json"),i=a({},R?{userStyleSheet:[(e={},e[R.endsWith(".css")?"url":"text"]=R,e)]}:null,k?{authorStyleSheet:[(t={},t[k.endsWith(".css")?"url":"text"]=k,t)]}:null);o?r.loadPublication(n,i):r.loadDocument({url:n},i,{fontSize:l,pageViewMode:m,zoom:s,renderAllPages:h,autoResize:S,defaultPaperSize:b,pageBorderWidth:P,fitToScreen:E})}o.useEffect(function(){return N.current=new r.CoreViewer({viewportElement:G.current}),x(),function(){function e(e,n){O&&O(e.content,n)}var n=function(n){return e(n,"debug")},t=function(n){return e(n,"info")},o=function(n){return e(n,"warn")};function i(e){W&&W(e.content)}function a(){j&&j(N.current.readyState)}function u(){M&&M(q.current)}function d(e){var n={docTitle:e.docTitle,epageCount:e.epageCount,epage:e.epage,metadata:e.metadata};q.current=n,T&&T(n)}function c(e){V&&V(e)}var s=N.current;return s.addListener("debug",n),s.addListener("info",t),s.addListener("warn",o),s.addListener("error",i),s.addListener("readystatechange",a),s.addListener("loaded",u),s.addListener("nav",d),s.addListener("hyperlink",c),function(){j&&j(r.ReadyState.LOADING),s.removeListener("debug",n),s.removeListener("info",t),s.removeListener("warn",o),s.removeListener("error",i),s.removeListener("readystatechange",a),s.removeListener("loaded",u),s.removeListener("nav",d),s.removeListener("hyperlink",c)}}()},[]),o.useEffect(function(){B()},[n,k,R,s,E]),o.useEffect(function(){x()},[l,m,h,S,b,P]),o.useEffect(function(){var e;null===(e=N.current)||void 0===e||e.navigateToPage(r.Navigation.EPAGE,u-1)},[u]);var D=i.createElement(c,{ref:G,style:A,background:g});return"function"==typeof C&&C instanceof Function?C({container:D,reload:B}):D};
 //# sourceMappingURL=react-vivliostyle.js.map

dist/react-vivliostyle.modern.js

@@ -1,2 +0,2 @@
-import e from"@emotion/styled";import{ReadyState as n,Navigation as r,PageViewMode as t,CoreViewer as o}from"@vivliostyle/core";import i,{useRef as a,useEffect as u}from"react";function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}var c,s,l,f=function(e){var c=e.source,s=e.page,l=void 0===s?1:s,f=e.zoom,g=void 0===f?1:f,p=e.fontSize,m=void 0===p?16:p,h=e.background,L=void 0===h?"#ececec":h,y=e.renderAllPages,S=void 0===y||y,b=e.autoResize,w=void 0===b||b,z=e.pageViewMode,P=void 0===z?t.SINGLE_PAGE:z,k=e.defaultPaperSize,E=e.pageBorderWidth,A=void 0===E?1:E,O=e.fitToScreen,T=void 0!==O&&O,W=e.userStyleSheet,M=e.authorStyleSheet,R=e.style,j=e.onMessage,G=e.onError,x=e.onReadyStateChange,B=e.onLoad,C=e.onNavigation,N=e.onHyperlink,V=e.children,D=a(null),H=a(),I=i.useRef();function F(){H.current.setOptions({fontSize:m,pageViewMode:P,renderAllPages:S,autoResize:w,defaultPaperSize:k,pageBorderWidth:A})}function _(){var e,n,r=H.current,t=c.endsWith(".json"),o=d({},W?{userStyleSheet:[(e={},e[W.endsWith(".css")?"url":"text"]=W,e)]}:null,M?{authorStyleSheet:[(n={},n[M.endsWith(".css")?"url":"text"]=M,n)]}:null);t?r.loadPublication(c,o):r.loadDocument({url:c},o,{fontSize:m,pageViewMode:P,zoom:g,renderAllPages:S,autoResize:w,defaultPaperSize:k,pageBorderWidth:A,fitToScreen:T})}u(function(){return H.current=new o({viewportElement:D.current}),F(),function(){function e(e,n){j&&j(e.content,n)}var r=function(n){return e(n,"debug")},t=function(n){return e(n,"info")},o=function(n){return e(n,"warn")};function i(e){G&&G(e.content)}function a(){x&&x(H.current.readyState)}function u(){B&&B(I.current)}function d(e){var n={docTitle:e.docTitle,epageCount:e.epageCount,epage:e.epage,metadata:e.metadata};I.current=n,C&&C(n)}function c(e){N&&N(e)}var s=H.current;return s.addListener("debug",r),s.addListener("info",t),s.addListener("warn",o),s.addListener("error",i),s.addListener("readystatechange",a),s.addListener("loaded",u),s.addListener("nav",d),s.addListener("hyperlink",c),function(){x&&x(n.LOADING),s.removeListener("debug",r),s.removeListener("info",t),s.removeListener("warn",o),s.removeListener("error",i),s.removeListener("readystatechange",a),s.removeListener("loaded",u),s.removeListener("nav",d),s.removeListener("hyperlink",c),D.current.innerHTML=""}}()},[]),u(function(){_()},[c,M,W,g,T]),u(function(){F()},[m,P,S,w,k,A]),u(function(){var e;null===(e=H.current)||void 0===e||e.navigateToPage(r.EPAGE,l-1)},[l]);var q=i.createElement(v,{ref:D,style:R,background:L});return"function"==typeof V&&V instanceof Function?V({container:q,reload:_}):q},v=e.div(c||(s=["\n  overflow: scroll;\n  background: "," !important;\n"],l||(l=s.slice(0)),s.raw=l,c=s),function(e){return e.background});export{f as Renderer};
+import e from"@emotion/styled";import{ReadyState as n,Navigation as r,PageViewMode as t,CoreViewer as o}from"@vivliostyle/core";import i,{useRef as a,useEffect as d}from"react";function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}var c,s,l,f=function(e){var c=e.source,s=e.page,l=void 0===s?1:s,f=e.zoom,g=void 0===f?1:f,p=e.fontSize,m=void 0===p?16:p,h=e.background,y=void 0===h?"#ececec":h,L=e.renderAllPages,S=void 0===L||L,b=e.autoResize,w=void 0===b||b,z=e.pageViewMode,P=void 0===z?t.SINGLE_PAGE:z,k=e.defaultPaperSize,E=e.pageBorderWidth,A=void 0===E?1:E,O=e.fitToScreen,W=void 0!==O&&O,R=e.userStyleSheet,T=e.authorStyleSheet,j=e.style,G=e.onMessage,M=e.onError,x=e.onReadyStateChange,B=e.onLoad,C=e.onNavigation,N=e.onHyperlink,V=e.children,D=a(null),I=a(),F=i.useRef();function H(){I.current.setOptions({fontSize:m,pageViewMode:P,renderAllPages:S,autoResize:w,defaultPaperSize:k,pageBorderWidth:A})}function _(){var e,n,r=I.current,t=c.endsWith(".json"),o=u({},R?{userStyleSheet:[(e={},e[R.endsWith(".css")?"url":"text"]=R,e)]}:null,T?{authorStyleSheet:[(n={},n[T.endsWith(".css")?"url":"text"]=T,n)]}:null);t?r.loadPublication(c,o):r.loadDocument({url:c},o,{fontSize:m,pageViewMode:P,zoom:g,renderAllPages:S,autoResize:w,defaultPaperSize:k,pageBorderWidth:A,fitToScreen:W})}d(function(){return I.current=new o({viewportElement:D.current}),H(),function(){function e(e,n){G&&G(e.content,n)}var r=function(n){return e(n,"debug")},t=function(n){return e(n,"info")},o=function(n){return e(n,"warn")};function i(e){M&&M(e.content)}function a(){x&&x(I.current.readyState)}function d(){B&&B(F.current)}function u(e){var n={docTitle:e.docTitle,epageCount:e.epageCount,epage:e.epage,metadata:e.metadata};F.current=n,C&&C(n)}function c(e){N&&N(e)}var s=I.current;return s.addListener("debug",r),s.addListener("info",t),s.addListener("warn",o),s.addListener("error",i),s.addListener("readystatechange",a),s.addListener("loaded",d),s.addListener("nav",u),s.addListener("hyperlink",c),function(){x&&x(n.LOADING),s.removeListener("debug",r),s.removeListener("info",t),s.removeListener("warn",o),s.removeListener("error",i),s.removeListener("readystatechange",a),s.removeListener("loaded",d),s.removeListener("nav",u),s.removeListener("hyperlink",c)}}()},[]),d(function(){_()},[c,T,R,g,W]),d(function(){H()},[m,P,S,w,k,A]),d(function(){var e;null===(e=I.current)||void 0===e||e.navigateToPage(r.EPAGE,l-1)},[l]);var q=i.createElement(v,{ref:D,style:j,background:y});return"function"==typeof V&&V instanceof Function?V({container:q,reload:_}):q},v=e.div(c||(s=["\n  overflow: scroll;\n  background: "," !important;\n"],l||(l=s.slice(0)),s.raw=l,c=s),function(e){return e.background});export{f as Renderer};
 //# sourceMappingURL=react-vivliostyle.modern.js.map

dist/renderer.d.ts

@@ -42,3 +42,3 @@ import { PageViewMode, Payload, ReadyState } from "@vivliostyle/core";
 }
-export declare const Renderer: React.FC<RendererProps>;
+export declare const Renderer: ({ source, page, zoom, fontSize, background, renderAllPages, autoResize, pageViewMode, defaultPaperSize, pageBorderWidth, fitToScreen, userStyleSheet, authorStyleSheet, style, onMessage, onError, onReadyStateChange, onLoad, onNavigation, onHyperlink, children, }: RendererProps) => ReturnType<ChildrenFunction> | JSX.Element;
 export {};

package.json

 {
   "name": "@vivliostyle/react",
   "description": "React component for Vivliostyle",
-  "version": "2.21.1",
+  "version": "2.22.0",
   "author": "Yasuaki Uechi <[e-mail]>",
@@ -21,7 +21,7 @@ "scripts": {
     "@emotion/styled": "^10.0.27",
-    "@vivliostyle/core": "^2.21.1"
+    "@vivliostyle/core": "^2.22.0"
   },
   "peerDependencies": {
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
@@ -36,3 +36,3 @@ "devDependencies": {
     "@types/jest": "^26.0.3",
-    "@types/react": "^16.9.41",
+    "@types/react": "^18.0.27",
     "cross-env": "^7.0.2",
@@ -42,4 +42,4 @@ "jest-environment-jsdom-sixteen": "^1.0.3",
     "npm-run-all": "^4.1.5",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-scripts": "^3.4.1",
@@ -76,3 +76,3 @@ "shx": "^0.3.2"
   },
-  "gitHead": "522a8a1a581fd8678d6e575aad930a7fe8ff57b3"
+  "gitHead": "cd08627c9f4b51912519b2033ea570675b215f95"
 }

No alert changes

Improved metrics

Total package byte prevSize

66527

increased by0.22%

Dependency changes

• + Addedreact@18.3.1(transitive)

• + Addedreact-dom@18.3.1(transitive)

• + Addedscheduler@0.23.2(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact@16.14.0(transitive)

• - Removedreact-dom@16.14.0(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedscheduler@0.19.1(transitive)

• Updated@vivliostyle/core@^2.22.0