Release v1.4.0

.gitignore

@@ -1,3 +1,5 @@
 target/
 *.class
 .bsp/
+node_modules/
+js/dist

build.sbt

@@ -1,4 +1,6 @@
 import scala.language.postfixOps
+import scala.sys.process._
+import sbt._
 
 name := "rss_brain"
 
@@ -64,6 +66,18 @@ validateRsshubRules := Def.taskDyn {
   }
 }.value
 
+lazy val webpack = taskKey[Unit]("Run webpack in js directory")
+webpack :=  {
+  val workDir = new File("./js")
+  Process("npm" :: "install" :: Nil, workDir) #&& Process("npx" :: "webpack" :: Nil, workDir) !
+}
+
+Compile / resourceGenerators += Def.task {
+  webpack.value
+  val file = (Compile / resourceManaged).value / "webview" / "static" / "dist"
+  IO.copyDirectory(new File("./js/dist"), file, overwrite = true)
+  IO.listFiles(file).toSeq
+}.taskValue
 
 assemblyMergeStrategy in assembly := {
   case x if x.endsWith("META-INF/services/io.grpc.LoadBalancerProvider") => MergeStrategy.first

src/main/resources/webview/static/lib/google-fonts.css → js/css/google-fonts.css

@@ -2,13 +2,13 @@
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
-  src: url(/static/lib/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
+  src: url(../fonts/google-material-icons.ttf) format('truetype');
 }
 @font-face {
   font-family: 'Material Icons Outlined';
   font-style: normal;
   font-weight: 400;
-  src: url(/static/lib/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcd.otf) format('opentype');
+  src: url(../fonts/google-material-icons-outlined.otf) format('opentype');
 }
 
 .material-icons {

src/main/resources/webview/static/css/main.css → js/css/main.css

@@ -588,9 +588,11 @@ progress {
 }
 
 .article-grid img {
-  aspect-ratio: 16 / 9;
   object-fit: cover;
-  width: 100%;
+}
+
+.article-grid .video-img {
+  aspect-ratio: 16 / 9;
 }
 
 .article-info {
@@ -613,13 +615,13 @@ progress {
 .article-media {
   display: flex;
   flex-direction: row;
+  overflow-x: scroll;
 }
 
 .article-media img {
   margin: 0 auto;
   border-radius: 2%;
   max-height: 260px;
-  overflow: hidden;
 }
 
 .article-content {
@@ -965,4 +967,10 @@ popover-content a:hover {
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: auto;
-}
+}
+
+/* fix pico override of viewer-js styles */
+.viewer-footer [role="button"] {
+  padding: 0 0 0 0;
+  font-size: 0; /* needed for Chrome */
+}