Release build 7.9.0 [ci release]

Author: mgurgel

CHANGELOG.txt

@@ -1,2 +1,5 @@
-- history: initial build (#1401)
-- build(deps-dev): bump the typescript group across 1 directory with 3 updates (#1408)
+- Black background on Duck Player (#1422)
+- ntp: updated docs to support deeplinks (#1420)
+- build(deps-dev): bump json-schema-to-typescript from 15.0.3 to 15.0.4 (#1414)
+- build(deps-dev): bump typescript-eslint from 8.19.1 to 8.21.0 (#1417)
+- build(deps-dev): bump the eslint group across 1 directory with 2 updates (#1410)

Sources/ContentScopeScripts/dist/pages/duckplayer/dist/index.css

@@ -42,7 +42,7 @@ html:has(body[data-display=app]) {
 }
 body[data-display=app] {
   color: rgba(242, 242, 242, 1);
-  background: #101010;
+  background: #000;
   height: 100vh;
   overflow: hidden;
   padding: 16px;
@@ -106,11 +106,14 @@ body[data-display=app] {
   padding: 0 20px;
   flex-shrink: 0;
   box-shadow: none;
-  background: rgba(255, 255, 255, 0.12);
+  background: rgba(255, 255, 255, 0.18);
   border-radius: var(--inner-radius);
   color: rgba(255, 255, 255, 1);
   text-decoration: none;
 }
+[data-layout=mobile] .Button_button {
+  background-color: #2f2f2f;
+}
 .Button_button:hover,
 .Button_button:focus-visible {
   cursor: pointer;
@@ -185,7 +188,7 @@ body[data-display=app] {
 .SwitchBarMobile_switchBar {
   display: grid;
   border-radius: 8px;
-  background: rgba(255, 255, 255, 0.03);
+  background: #2f2f2f;
   padding-inline: 16px;
   height: 100%;
   line-height: 1.1;
@@ -289,7 +292,7 @@ body[data-display=app] {
 }
 .InfoBar_container {
   padding: 12px;
-  background: rgba(0, 0, 0, 0.3);
+  background: rgba(255, 255, 255, 0.12);
   position: relative;
   z-index: 1;
   border-bottom-left-radius: 14px;
@@ -526,70 +529,6 @@ body[data-display=app] {
   font-weight: 600;
 }
 
-/* pages/duckplayer/app/components/Background.module.css */
-.Background_bg {
-  background: url("./player-bg-F7QLKTXS.jpg");
-  background-size: cover;
-}
-[data-layout=mobile] .Background_bg {
-  background: url("./mobile-bg-GCRU67TC.jpg");
-  background-size: cover;
-}
-.Background_bg {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-}
-.Background_bg::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-  background:
-    linear-gradient(
-      0deg,
-      rgba(0, 0, 0, 0.00) 0%,
-      rgba(0, 0, 0, 0.48) 32.23%,
-      #000 93.87%);
-  transition: all .3s ease-in-out;
-}
-.Background_bg::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-  background:
-    linear-gradient(
-      0deg,
-      rgba(0, 0, 0, 0.48) 0%,
-      rgba(0, 0, 0, 0.90) 34.34%,
-      #000 100%);
-  opacity: 0;
-  visibility: hidden;
-  transition: all .3s ease-in-out;
-}
-[data-focus-mode=on] .Background_bg::before {
-  transition-delay: .1s;
-  opacity: 0;
-}
-[data-focus-mode=off] .Background_bg::after {
-  transition-delay: .1s;
-}
-[data-focus-mode=on] .Background_bg::after {
-  opacity: 1;
-  visibility: visible;
-}
-
 /* pages/duckplayer/app/components/Player.module.css */
 .Player_root.Player_desktop {
   z-index: 1;
@@ -680,7 +619,7 @@ html[data-focus-mode=on] .MobileApp_hideInFocus {
   display: none;
 }
 .MobileApp_main {
-  --bg-color: rgba(0, 0, 0, 0.3);
+  --bg-color: #222;
   --logo-spacing: 185px;
   --gutter-width: 8px;
   --outer-radius: 16px;
@@ -722,6 +661,10 @@ body:has([data-state=completed] [aria-checked=true]) .MobileApp_switch {
   padding-bottom: 0;
   border-top-left-radius: var(--outer-radius);
   border-top-right-radius: var(--outer-radius);
+  transition: background-color .3s;
+}
+html[data-focus-mode=on] .MobileApp_embed {
+  transition: none;
 }
 .MobileApp_logo {
   justify-self: center;

Sources/ContentScopeScripts/dist/pages/duckplayer/dist/index.js

@@ -2692,16 +2692,6 @@
     return /* @__PURE__ */ _("div", { class: Wordmark_mobile_default.logo }, /* @__PURE__ */ _("span", { class: Wordmark_mobile_default.logoSvg }, /* @__PURE__ */ _("img", { src: dax_data_default, className: Wordmark_mobile_default.img, alt: "DuckDuckGo logo" })), /* @__PURE__ */ _("span", { class: Wordmark_mobile_default.text }, "Duck Player"));
   }
 
-  // pages/duckplayer/app/components/Background.module.css
-  var Background_default = {
-    bg: "Background_bg"
-  };
-
-  // pages/duckplayer/app/components/Background.jsx
-  function Background() {
-    return /* @__PURE__ */ _("div", { class: Background_default.bg });
-  }
-
   // pages/duckplayer/app/components/Player.jsx
   var import_classnames9 = __toESM(require_classnames(), 1);
 
@@ -3126,7 +3116,7 @@
     let embed = EmbedSettings.fromHref("https://localhost?videoID=123");
     let url = embed?.toEmbedUrl();
     if (!url) throw new Error("unreachable");
-    return /* @__PURE__ */ _(b, null, /* @__PURE__ */ _("div", { "data-layout": "mobile" }, /* @__PURE__ */ _(Background, null)), /* @__PURE__ */ _("main", { class: Components_default.main }, /* @__PURE__ */ _("div", { class: Components_default.tube }, /* @__PURE__ */ _(Wordmark, null), /* @__PURE__ */ _("h2", null, "Floating Bar"), /* @__PURE__ */ _("div", { style: "position: relative; padding-left: 10em; min-height: 150px;" }, /* @__PURE__ */ _(InfoIcon, { debugStyles: true })), /* @__PURE__ */ _("h2", null, "Info Tooltip"), /* @__PURE__ */ _(FloatingBar, null, /* @__PURE__ */ _(Button, { icon: true }, /* @__PURE__ */ _(Icon, { src: info_data_default })), /* @__PURE__ */ _(Button, { icon: true }, /* @__PURE__ */ _(Icon, { src: cog_data_default })), /* @__PURE__ */ _(Button, { fill: true }, "Open in YouTube")), /* @__PURE__ */ _("h2", null, "Info Bar"), /* @__PURE__ */ _(SettingsProvider, { settings }, /* @__PURE__ */ _(SwitchProvider, null, /* @__PURE__ */ _(InfoBar, { embed }))), /* @__PURE__ */ _("br", null), /* @__PURE__ */ _("h2", null, "Mobile Switch Bar (ios)"), /* @__PURE__ */ _(SwitchProvider, null, /* @__PURE__ */ _(SwitchBarMobile, { platformName: "ios" })), /* @__PURE__ */ _("h2", null, "Mobile Switch Bar (android)"), /* @__PURE__ */ _(SwitchProvider, null, /* @__PURE__ */ _(SwitchBarMobile, { platformName: "android" })), /* @__PURE__ */ _("h2", null, "Desktop Switch bar"), /* @__PURE__ */ _("h3", null, "idle"), /* @__PURE__ */ _(SwitchProvider, null, /* @__PURE__ */ _(SwitchBarDesktop, null))), /* @__PURE__ */ _("h2", null, /* @__PURE__ */ _("code", null, "inset=false (desktop)")), /* @__PURE__ */ _(SettingsProvider, { settings }, /* @__PURE__ */ _(PlayerContainer, null, /* @__PURE__ */ _(Player, { src: url, layout: "desktop" }), /* @__PURE__ */ _(InfoBarContainer, null, /* @__PURE__ */ _(InfoBar, { embed })))), /* @__PURE__ */ _("br", null), /* @__PURE__ */ _("h2", null, /* @__PURE__ */ _("code", null, "inset=true (mobile)")), /* @__PURE__ */ _(PlayerContainer, { inset: true }, /* @__PURE__ */ _(PlayerInternal, { inset: true }, /* @__PURE__ */ _(PlayerError, { layout: "mobile", kind: "invalid-id" }), /* @__PURE__ */ _(SwitchBarMobile, { platformName: "ios" }))), /* @__PURE__ */ _("br", null)));
+    return /* @__PURE__ */ _(b, null, /* @__PURE__ */ _("main", { class: Components_default.main }, /* @__PURE__ */ _("div", { class: Components_default.tube }, /* @__PURE__ */ _(Wordmark, null), /* @__PURE__ */ _("h2", null, "Floating Bar"), /* @__PURE__ */ _("div", { style: "position: relative; padding-left: 10em; min-height: 150px;" }, /* @__PURE__ */ _(InfoIcon, { debugStyles: true })), /* @__PURE__ */ _("h2", null, "Info Tooltip"), /* @__PURE__ */ _(FloatingBar, null, /* @__PURE__ */ _(Button, { icon: true }, /* @__PURE__ */ _(Icon, { src: info_data_default })), /* @__PURE__ */ _(Button, { icon: true }, /* @__PURE__ */ _(Icon, { src: cog_data_default })), /* @__PURE__ */ _(Button, { fill: true }, "Open in YouTube")), /* @__PURE__ */ _("h2", null, "Info Bar"), /* @__PURE__ */ _(SettingsProvider, { settings }, /* @__PURE__ */ _(SwitchProvider, null, /* @__PURE__ */ _(InfoBar, { embed }))), /* @__PURE__ */ _("br", null), /* @__PURE__ */ _("h2", null, "Mobile Switch Bar (ios)"), /* @__PURE__ */ _(SwitchProvider, null, /* @__PURE__ */ _(SwitchBarMobile, { platformName: "ios" })), /* @__PURE__ */ _("h2", null, "Mobile Switch Bar (android)"), /* @__PURE__ */ _(SwitchProvider, null, /* @__PURE__ */ _(SwitchBarMobile, { platformName: "android" })), /* @__PURE__ */ _("h2", null, "Desktop Switch bar"), /* @__PURE__ */ _("h3", null, "idle"), /* @__PURE__ */ _(SwitchProvider, null, /* @__PURE__ */ _(SwitchBarDesktop, null))), /* @__PURE__ */ _("h2", null, /* @__PURE__ */ _("code", null, "inset=false (desktop)")), /* @__PURE__ */ _(SettingsProvider, { settings }, /* @__PURE__ */ _(PlayerContainer, null, /* @__PURE__ */ _(Player, { src: url, layout: "desktop" }), /* @__PURE__ */ _(InfoBarContainer, null, /* @__PURE__ */ _(InfoBar, { embed })))), /* @__PURE__ */ _("br", null), /* @__PURE__ */ _("h2", null, /* @__PURE__ */ _("code", null, "inset=true (mobile)")), /* @__PURE__ */ _(PlayerContainer, { inset: true }, /* @__PURE__ */ _(PlayerInternal, { inset: true }, /* @__PURE__ */ _(PlayerError, { layout: "mobile", kind: "invalid-id" }), /* @__PURE__ */ _(SwitchBarMobile, { platformName: "ios" }))), /* @__PURE__ */ _("br", null)));
   }
 
   // pages/duckplayer/app/components/MobileApp.jsx
@@ -3240,7 +3230,7 @@
     const settings = useSettings();
     const telemetry2 = useTelemetry();
     const features = createAppFeaturesFrom(settings);
-    return /* @__PURE__ */ _(b, null, /* @__PURE__ */ _(Background, null), features.focusMode(), /* @__PURE__ */ _(
+    return /* @__PURE__ */ _(b, null, features.focusMode(), /* @__PURE__ */ _(
       OrientationProvider,
       {
         onChange: (orientation) => {
@@ -3280,7 +3270,7 @@
   function DesktopApp({ embed }) {
     const settings = useSettings();
     const features = createAppFeaturesFrom(settings);
-    return /* @__PURE__ */ _(b, null, /* @__PURE__ */ _(Background, null), features.focusMode(), /* @__PURE__ */ _("main", { class: DesktopApp_default.app }, /* @__PURE__ */ _(DesktopLayout, { embed })));
+    return /* @__PURE__ */ _(b, null, features.focusMode(), /* @__PURE__ */ _("main", { class: DesktopApp_default.app }, /* @__PURE__ */ _(DesktopLayout, { embed })));
   }
   function DesktopLayout({ embed }) {
     return /* @__PURE__ */ _("div", { class: DesktopApp_default.desktop }, /* @__PURE__ */ _(PlayerContainer, null, embed === null && /* @__PURE__ */ _(PlayerError, { layout: "desktop", kind: "invalid-id" }), embed !== null && /* @__PURE__ */ _(Player, { src: embed.toEmbedUrl(), layout: "desktop" }), /* @__PURE__ */ _(HideInFocusMode, { style: "slide" }, /* @__PURE__ */ _(InfoBarContainer, null, /* @__PURE__ */ _(InfoBar, { embed })))));