Merge pull request #373 from d-i-t-a/bugfix/dependency-updates

Updated dependencies and fixed react sample app
d-i-t-a · Aug 3, 2022 · f95a63f · f95a63f
2 parents 3f62558 + df8d5a1
commit f95a63f
Show file tree

Hide file tree

Showing 4 changed files with 263 additions and 82 deletions.
diff --git a/examples/react/index.html b/examples/react/index.html
@@ -14,6 +14,6 @@
 
   <body>
     <div id="root"></div>
-    <script src="./index.tsx"></script>
+    <script type="module" src="./index.tsx"></script>
   </body>
 </html>
diff --git a/examples/react/readium-css/ReadiumCSS-before.css b/examples/react/readium-css/ReadiumCSS-before.css
@@ -1,4 +1,4 @@
-/* Readium CSS 
+/* Readium CSS
    Config module
 
    A file allowing implementers to customize flags for reading modes,
@@ -39,7 +39,7 @@
 
 /* Direction i.e. ltr and rtl */
 
-/* Readium CSS 
+/* Readium CSS
    Base module
 
    A minimal stylesheet for all ebooks
@@ -75,7 +75,7 @@
 
   /* Config */
   --RS__baseFontFamily: var(--RS__oldStyleTf);
-  
+
   /* For square-ish fonts (CJK, Indic, etc.), we must apply some compensation in dynamic leading. Default is 1 i.e. no compensation */
   --RS__lineHeightCompensation: 1;
 
@@ -170,7 +170,7 @@ math {
 
 :lang(ja) {
   --RS__baseFontFamily: "游ゴシック体", YuGothic, "ヒラギノ丸ゴ", "Hiragino Sans", "Yu Gothic UI", "Meiryo UI", "MS Gothic", Roboto, Noto, "Noto Sans CJK JP", sans-serif;
-  
+
   /* For CJK, the line-height is usually 15–20% more than for Latin */
   --RS__lineHeightCompensation: 1.167;
 
@@ -193,7 +193,7 @@ math {
 
 :lang(ko) {
   --RS__baseFontFamily: "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", Roboto, Noto, "Noto Sans CJK KR", sans-serif;
-  
+
   /* For CJK, the line-height is usually 15–20% more than for Latin */
   --RS__lineHeightCompensation: 1.167;
 }
@@ -248,19 +248,19 @@ math {
 :lang(zh-Hant),
 :lang(zh-TW) {
   --RS__baseFontFamily: "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK TC", sans-serif;
-  
+
   /* For CJK, the line-height is usually 15–20% more than for Latin */
   --RS__lineHeightCompensation: 1.167;
 }
 
 :lang(zh-HK) {
   --RS__baseFontFamily: "方體", "PingFang HK", "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei UI", "Microsoft JhengHei", Roboto, Noto, "Noto Sans CJK TC", sans-serif;
-  
+
   /* For CJK, the line-height is usually 15–20% more than for Latin */
   --RS__lineHeightCompensation: 1.167;
 }
 
-/* Readium CSS 
+/* Readium CSS
    Day/Default mode
 
    A preset theme for day mode, which is the default
@@ -295,7 +295,7 @@ math {
   background-color: var(--RS__selectionBackgroundColor);
 }
 
-/* Readium CSS 
+/* Readium CSS
    Fonts module
 
    A stylesheet for embedded fonts
@@ -304,28 +304,28 @@ math {
 
 /* /!\ Mind the path (relative to the folders in which you have stylesheets and the fonts) */
 
-@font-face {
-  font-family: AccessibleDfA;
-  font-style: normal;
-  font-weight: normal;
-  src: local("AccessibleDfA"),
-    url("fonts/AccessibleDfA.otf") format("opentype");
-}
-
-@font-face {
-  font-family: "IA Writer Duospace";
-  font-style: normal;
-  font-weight: normal;
-  src: local("iAWriterDuospace-Regular"),
-    url("fonts/iAWriterDuospace-Regular.ttf") format("truetype");
-}
-
-/* If you have different weights/styles, 
-   use `font-weight` and `font-style`, 
-   not prefixes in the font-family name, 
+/*@font-face {*/
+/*  font-family: AccessibleDfA;*/
+/*  font-style: normal;*/
+/*  font-weight: normal;*/
+/*  src: local("AccessibleDfA"),*/
+/*    url("fonts/AccessibleDfA.otf") format("opentype");*/
+/*}*/
+
+/*@font-face {*/
+/*  font-family: "IA Writer Duospace";*/
+/*  font-style: normal;*/
+/*  font-weight: normal;*/
+/*  src: local("iAWriterDuospace-Regular"),*/
+/*    url("fonts/iAWriterDuospace-Regular.ttf") format("truetype");*/
+/*}*/
+
+/* If you have different weights/styles,
+   use `font-weight` and `font-style`,
+   not prefixes in the font-family name,
    or else it will be a nightmare to manage in user settings. */
 
-/* Readium CSS 
+/* Readium CSS
    HTML5 SR Patch stylesheet
 
    A set of style to adjust HTML5 Suggested Rendering to paginated content
@@ -351,7 +351,7 @@ hr, caption {
   break-after: avoid;
 }
 
-h1, h2, h3, h4, h5, h6, dt, 
+h1, h2, h3, h4, h5, h6, dt,
 figure, tr {
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
@@ -434,13 +434,13 @@ figure, blockquote {
   margin: 1em 5%;
 }
 
-/* 
+/*
 
 :lang(ja) figure, :lang(ja) blockquote,
 :lang(zh-Hant) figure, :lang(zh-Hant) blockquote,
 :lang(zh-TW) figure, :lang(zh-TW) blockquote,
 :lang(mn) figure, :lang(mn) blockquote {
-  margin: 5% 1em;  
+  margin: 5% 1em;
 }
 
 */
@@ -449,13 +449,13 @@ ul, ol {
   padding-left: 5%;
 }
 
-/* 
+/*
 
 :lang(ja) ul, :lang(ja) ol,
 :lang(zh-Hant) ul, :lang(zh-Hant) ol,
 :lang(zh-TW) ul, :lang(zh-TW) ol,
 :lang(mn) ul, :lang(mn) ol   {
-  padding-top: 5%;  
+  padding-top: 5%;
 }
 
 */
@@ -464,13 +464,13 @@ dd {
   margin-left: 5%;
 }
 
-/* 
+/*
 
 :lang(ja) dd,
 :lang(zh-Hant) dd,
-:lang(zh-TW) dd, 
+:lang(zh-TW) dd,
 :lang(mn) dd {
-  margin-top: 5%;  
+  margin-top: 5%;
 }
 
 */
@@ -507,19 +507,19 @@ ruby > rt, ruby > rp {
 *:lang(ja),
 *:lang(zh),
 *:lang(ko),
-:lang(ja) cite, :lang(ja) dfn, :lang(ja) em, :lang(ja) i,  
+:lang(ja) cite, :lang(ja) dfn, :lang(ja) em, :lang(ja) i,
 :lang(zh) cite, :lang(zh) dfn, :lang(zh) em, :lang(zh) i,
 :lang(ko) cite, :lang(ko) dfn, :lang(ko) em, :lang(ko) i {
   font-style: normal;
 }
 
-:lang(ja) a,  
+:lang(ja) a,
 :lang(zh) a,
 :lang(ko) a {
   text-decoration: none;
 }
 
-/* Readium CSS 
+/* Readium CSS
    Safeguards module
 
    A set of styles to prevent common issues in pagination
@@ -534,7 +534,7 @@ ruby > rt, ruby > rp {
   /* max-width for media, you can override that via JS if not compiled to static */
   --RS__maxMediaWidth: 100%;
 
-  /* max-height for media, you can override that via JS if not compiled to static 
+  /* max-height for media, you can override that via JS if not compiled to static
      Please consider figures might have a figcaption, which is why 95vh in the first place */
   --RS__maxMediaHeight: 95vh;