@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/media-header/StickyMediaTopBar.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import React, { memo, useEffect } from 'react';
+import { View } from 'react-native';
+import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from 'react-native-reanimated';
+import { PlayButton } from "../media-controls/PlayButton.js";
+import { Text } from "../typography/index.js";
+import { useMediaHeaderPaint } from "./parts.js";
+import { clamp01 } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Built once, at module scope, so the fade, `style` and the a11y props share one node. */
+const FadeView = Animated.createAnimatedComponent(View);
+
+/**
+ * The compact bar that takes over when the header scrolls away.
+ *
+ *   height     64 (default)
+ *   fill       the band's top colour (the tinted artwork colour)
+ *   content    leading · PlayButton small accent · title (title-2-bold,
+ *              one line, the band's text colour) · trailing
+ *
+ * Two ways to drive it:
+ *   - `progress` 0..1 — the fill and content take that opacity directly. Feed
+ *     it from `useMediaHeaderScroll` (a `ScrollView`'s `onScroll`, or the
+ *     document scroll on web).
+ *   - `visible` — fades in and out over 200ms; instant under reduced motion.
+ *
+ * The bar does not position itself: put it in an absolutely positioned (or, on
+ * web, `position: sticky` / `fixed`) container over the page. While it is less
+ * than half shown it is hidden from assistive tech and takes no pointer
+ * events, so the header under it stays reachable.
+ */
+
+function StickyMediaTopBarComponent({
+  title,
+  playing,
+  onPlayPress,
+  artworkColor,
+  visible = false,
+  progress,
+  leading,
+  trailing,
+  height = 64,
+  style,
+  testID
+}) {
+  const paint = useMediaHeaderPaint(artworkColor);
+  const reducedMotion = useReducedMotion();
+  const driven = progress !== undefined;
+  const target = driven ? clamp01(progress) : visible ? 1 : 0;
+  const opacity = useSharedValue(target);
+  useEffect(() => {
+    opacity.value = driven || reducedMotion ? target : withTiming(target, {
+      duration: 200,
+      easing: Easing.bezier(0.25, 0.1, 0.25, 1)
+    });
+  }, [driven, reducedMotion, target, opacity]);
+  const fadeStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }), [opacity]);
+  const shown = target >= 0.5;
+  return /*#__PURE__*/_jsx(FadeView, {
+    pointerEvents: shown ? 'box-none' : 'none',
+    "aria-hidden": !shown,
+    importantForAccessibility: shown ? 'auto' : 'no-hide-descendants',
+    style: [{
+      height,
+      width: '100%'
+    }, style, fadeStyle],
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingLeft: 16,
+        paddingRight: 16,
+        backgroundColor: paint.bar
+      },
+      children: [leading, /*#__PURE__*/_jsx(PlayButton, {
+        playing: playing,
+        onPress: onPlayPress,
+        size: "medium",
+        subject: title,
+        testID: testID ? `${testID}-play` : undefined
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "title-2-bold",
+        numberOfLines: 1,
+        style: {
+          flex: 1,
+          color: paint.onBar
+        },
+        children: title
+      }), trailing]
+    })
+  });
+}
+export const StickyMediaTopBar = /*#__PURE__*/memo(StickyMediaTopBarComponent);
+StickyMediaTopBar.displayName = 'StickyMediaTopBar';
+//# sourceMappingURL=StickyMediaTopBar.js.map

package/lib/module/media-header/StickyMediaTopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","View","Animated","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","PlayButton","Text","useMediaHeaderPaint","clamp01","jsx","_jsx","jsxs","_jsxs","FadeView","createAnimatedComponent","StickyMediaTopBarComponent","title","playing","onPlayPress","artworkColor","visible","progress","leading","trailing","height","style","testID","paint","reducedMotion","driven","undefined","target","opacity","value","duration","easing","bezier","fadeStyle","shown","pointerEvents","importantForAccessibility","width","children","flex","flexDirection","alignItems","gap","paddingLeft","paddingRight","backgroundColor","bar","onPress","size","subject","variant","numberOfLines","color","onBar","StickyMediaTopBar","displayName"],"sourceRoot":"../../../src","sources":["media-header/StickyMediaTopBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/media-header/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+export { CollectionHeader } from "./CollectionHeader.js";
+export { DownloadButton, FollowButton, MediaActionBar, MediaIconButton, MediaMoreButton, ShuffleButton } from "./MediaActionBar.js";
+export { StickyMediaTopBar } from "./StickyMediaTopBar.js";
+export { mediaHeaderScrollProgress, useMediaHeaderScroll } from "./use-media-header-scroll.js";
+export { ArtistHero } from "./ArtistHero.js";
+export { PopularTracks } from "./PopularTracks.js";
+export { DiscographyFilter, DEFAULT_DISCOGRAPHY_OPTIONS } from "./DiscographyFilter.js";
+export { ArtistPick } from "./ArtistPick.js";
+export { ArtistAbout } from "./ArtistAbout.js";
+export { ArtistStats } from "./ArtistStats.js";
+export { PodcastShowHeader } from "./PodcastShowHeader.js";
+export { EpisodeHeader } from "./EpisodeHeader.js";
+export { ProfileHeader } from "./ProfileHeader.js";
+export { AudiobookHeader } from "./AudiobookHeader.js";
+export { resolveMediaHeaderPaint, selectTitleVariant, TITLE_STEPS } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/media-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CollectionHeader","DownloadButton","FollowButton","MediaActionBar","MediaIconButton","MediaMoreButton","ShuffleButton","StickyMediaTopBar","mediaHeaderScrollProgress","useMediaHeaderScroll","ArtistHero","PopularTracks","DiscographyFilter","DEFAULT_DISCOGRAPHY_OPTIONS","ArtistPick","ArtistAbout","ArtistStats","PodcastShowHeader","EpisodeHeader","ProfileHeader","AudiobookHeader","resolveMediaHeaderPaint","selectTitleVariant","TITLE_STEPS"],"sourceRoot":"../../../src","sources":["media-header/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB;AACrD,SACEC,cAAc,EACdC,YAAY,EACZC,cAAc,EACdC,eAAe,EACfC,eAAe,EACfC,aAAa,QACR,qBAAkB;AACzB,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,yBAAyB,EAAEC,oBAAoB,QAAQ,8BAA2B;AAC3F,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,iBAAiB,EAAEC,2BAA2B,QAAQ,wBAAqB;AACpF,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,WAAW,QACN,aAAU","ignoreList":[]}

package/lib/module/media-header/parts.js

@@ -0,0 +1,433 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { Image, Pressable, View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { RiHeart3Fill } from "../icons/remix/RiHeart3Fill.js";
+import { RiMusic2Line } from "../icons/remix/RiMusic2Line.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { useContainerWidth } from "../listing-details/use-container-width.js";
+import { useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { clamp01, gradientStyle, isUrl, MEDIA_HEADER_CSS, MEDIA_HEADER_STYLE_ID, MEDIA_HEADER_WIDE_MIN_WIDTH, resolveLikedGradient, resolveMediaHeaderPaint, webData } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The family's paint for an artwork colour, plus its web sheet. */
+export function useMediaHeaderPaint(artworkColor) {
+  const theme = useTheme();
+  useInteractiveWebCss(MEDIA_HEADER_STYLE_ID, MEDIA_HEADER_CSS);
+  return useMemo(() => resolveMediaHeaderPaint(theme, artworkColor), [theme, artworkColor]);
+}
+
+/** A URL passes through; an id goes through the ImageResolver. */
+export function useImageUri(source, variant) {
+  const resolver = useImageResolver();
+  if (!source) return undefined;
+  return isUrl(source) ? source : resolver?.(source, variant) ?? undefined;
+}
+
+// ---------------------------------------------------------------------------
+//  Cover
+// ---------------------------------------------------------------------------
+
+export function Cover({
+  source,
+  size,
+  shape = 'square',
+  radius = 6,
+  liked = false,
+  shadow = true,
+  paint,
+  testID,
+  children
+}) {
+  const theme = useTheme();
+  const uri = useImageUri(source, 'medium');
+  const height = shape === 'book' ? Math.round(size * 1.5) : size;
+  const r = shape === 'round' ? size / 2 : radius;
+  const frame = {
+    width: size,
+    height,
+    borderRadius: r,
+    backgroundColor: paint.placeholder,
+    boxShadow: shadow ? paint.coverShadow : undefined
+  };
+  const clip = {
+    width: size,
+    height,
+    borderRadius: r,
+    overflow: 'hidden',
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  let inner;
+  if (liked) {
+    const [from, to] = resolveLikedGradient(theme);
+    const glyph = Math.round(size * 0.36);
+    inner = /*#__PURE__*/_jsx(View, {
+      style: [clip, gradientStyle([from, to], 135)],
+      children: /*#__PURE__*/_jsx(RiHeart3Fill, {
+        width: glyph,
+        height: glyph,
+        fill: "#ffffff"
+      })
+    });
+  } else if (uri) {
+    inner = /*#__PURE__*/_jsx(View, {
+      style: clip,
+      children: /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri
+        },
+        style: {
+          width: size,
+          height
+        },
+        resizeMode: "cover"
+      })
+    });
+  } else {
+    const glyph = Math.round(size * 0.3);
+    inner = /*#__PURE__*/_jsx(View, {
+      style: clip,
+      children: /*#__PURE__*/_jsx(RiMusic2Line, {
+        width: glyph,
+        height: glyph,
+        fill: paint.placeholderGlyph
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: frame,
+    testID: testID,
+    importantForAccessibility: "no-hide-descendants",
+    children: [inner, children]
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  Frame: the band, its fade and the responsive cover + text layout
+// ---------------------------------------------------------------------------
+
+export function MediaHeaderFrame({
+  paint,
+  cover,
+  coverWidth,
+  children,
+  actions,
+  centerCoverOnNarrow = true,
+  actionsFade,
+  backdrop,
+  style,
+  testID
+}) {
+  const {
+    width: measured,
+    onLayout
+  } = useContainerWidth();
+  const width = measured ?? 1024;
+  const wide = width >= MEDIA_HEADER_WIDE_MIN_WIDTH;
+  const padX = wide ? 24 : 16;
+  const gap = wide ? 24 : 16;
+  const coverW = cover ? coverWidth?.(wide) ?? 0 : 0;
+  const textWidth = Math.max(120, width - padX * 2 - (wide && cover ? coverW + gap : 0));
+  const layout = {
+    wide,
+    width,
+    textWidth
+  };
+  const bandStyle = {
+    paddingLeft: padX,
+    paddingRight: padX,
+    paddingTop: wide ? 72 : 24,
+    paddingBottom: 24,
+    gap,
+    flexDirection: wide ? 'row' : 'column',
+    alignItems: wide ? 'flex-end' : 'stretch'
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    onLayout: onLayout,
+    style: [{
+      backgroundColor: paint.background
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [bandStyle, gradientStyle([paint.bandTop, paint.bandBottom])],
+      children: [backdrop, cover ? /*#__PURE__*/_jsx(View, {
+        style: {
+          alignItems: !wide && centerCoverOnNarrow ? 'center' : 'flex-start'
+        },
+        children: cover(layout)
+      }) : null, /*#__PURE__*/_jsx(View, {
+        style: {
+          flex: wide ? 1 : undefined,
+          minWidth: 0,
+          gap: 4
+        },
+        children: children(layout)
+      })]
+    }), actions ? /*#__PURE__*/_jsx(View, {
+      style: [{
+        paddingLeft: padX,
+        paddingRight: padX,
+        paddingTop: 16,
+        paddingBottom: 24
+      }, gradientStyle(actionsFade ?? [paint.bandBottom, paint.background])],
+      children: actions
+    }) : null]
+  });
+}
+
+// ---------------------------------------------------------------------------
+//  Text pieces
+// ---------------------------------------------------------------------------
+
+export function HeaderTitle({
+  children,
+  variant,
+  color,
+  level = 1,
+  numberOfLines,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    variant: variant,
+    role: "heading",
+    "aria-level": level,
+    numberOfLines: numberOfLines,
+    style: {
+      color
+    },
+    testID: testID,
+    ...webData({
+      bloomMediaHeaderTitle: variant
+    }),
+    children: children
+  });
+}
+export function Dot({
+  color
+}) {
+  return /*#__PURE__*/_jsx(Text, {
+    variant: "body-medium",
+    importantForAccessibility: "no",
+    accessibilityElementsHidden: true,
+    "aria-hidden": true,
+    style: {
+      color
+    },
+    children: "\u2022"
+  });
+}
+
+/** A name that is a link when it has a handler, plain text otherwise. Underlines on hover. */
+export function InlineLink({
+  label,
+  onPress,
+  color,
+  variant = 'body-semibold',
+  ring,
+  testID
+}) {
+  if (!onPress) {
+    return /*#__PURE__*/_jsx(Text, {
+      variant: variant,
+      style: {
+        color
+      },
+      testID: testID,
+      children: label
+    });
+  }
+  const style = {
+    borderRadius: 4,
+    '--bloom-media-header-ring': ring
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...webData({
+      bloomMediaHeaderPress: '',
+      bloomMediaHeaderLink: ''
+    }),
+    role: "link",
+    accessibilityLabel: label,
+    onPress: onPress,
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: variant,
+      style: {
+        color
+      },
+      ...webData({
+        bloomMediaHeaderLinkText: ''
+      }),
+      children: label
+    })
+  });
+}
+
+/**
+ * The line under a title: people (up to three avatars, overlapped), then the
+ * given segments, joined by bullets. Wraps.
+ */
+export function MetaLine({
+  people,
+  segments,
+  color,
+  mutedColor,
+  ring,
+  testID
+}) {
+  const parts = segments.filter(s => typeof s === 'string' && s.length > 0);
+  const withAvatars = (people ?? []).filter(p => p.avatar).slice(0, 3);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      columnGap: 4,
+      rowGap: 2
+    },
+    testID: testID,
+    children: [withAvatars.length > 0 ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        marginRight: 4
+      },
+      children: withAvatars.map((person, i) => /*#__PURE__*/_jsx(Avatar, {
+        source: person.avatar,
+        name: person.name,
+        size: 24,
+        style: i > 0 ? {
+          marginLeft: -6
+        } : undefined
+      }, `${person.name}-${i}`))
+    }) : null, (people ?? []).map((person, i) => /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [i > 0 ? /*#__PURE__*/_jsx(Dot, {
+        color: color
+      }) : null, /*#__PURE__*/_jsx(InlineLink, {
+        label: person.name,
+        onPress: person.onPress,
+        color: color,
+        ring: ring
+      })]
+    }, `${person.name}-${i}`)), parts.map((part, i) =>
+    /*#__PURE__*/
+    // The bullet travels with its segment, so a wrap never strands it at a line end.
+    _jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        columnGap: 4
+      },
+      children: [i > 0 || (people?.length ?? 0) > 0 ? /*#__PURE__*/_jsx(Dot, {
+        color: mutedColor
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        variant: "body-medium",
+        style: {
+          color: mutedColor
+        },
+        children: part
+      })]
+    }, `${part}-${i}`))]
+  });
+}
+
+/** A thin determinate bar with a progressbar role. */
+export function ProgressBar({
+  value,
+  label,
+  fill,
+  rail,
+  width,
+  testID
+}) {
+  const pct = Math.round(clamp01(value) * 100);
+  return /*#__PURE__*/_jsx(View, {
+    role: "progressbar",
+    accessibilityLabel: label,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuenow": pct,
+    style: {
+      width: width ?? '100%',
+      height: 4,
+      borderRadius: 2,
+      backgroundColor: rail,
+      overflow: 'hidden'
+    },
+    testID: testID,
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: `${pct}%`,
+        height: 4,
+        borderRadius: 2,
+        backgroundColor: fill
+      }
+    })
+  });
+}
+
+/** Text clamped to `lines`, with a "Show more" toggle that carries `aria-expanded`. */
+export function ClampedText({
+  children,
+  lines,
+  color,
+  linkColor,
+  ring,
+  showMoreLabel = 'Show more',
+  showLessLabel = 'Show less',
+  testID
+}) {
+  const [expanded, setExpanded] = React.useState(false);
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = useInteractionState();
+  // Only offer the toggle when the text can plausibly overflow: ~ 60 characters a line.
+  const canOverflow = children.length > lines * 60;
+  const toggleStyle = {
+    alignSelf: 'flex-start',
+    borderRadius: 4,
+    '--bloom-media-header-ring': ring
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      gap: 4
+    },
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(Text, {
+      variant: "body-regular",
+      numberOfLines: expanded ? undefined : lines,
+      style: {
+        color
+      },
+      children: children
+    }), canOverflow ? /*#__PURE__*/_jsx(Pressable, {
+      ...webData({
+        bloomMediaHeaderPress: ''
+      }),
+      role: "button",
+      accessibilityLabel: expanded ? showLessLabel : showMoreLabel,
+      "aria-expanded": expanded,
+      accessibilityState: {
+        expanded
+      },
+      onPress: () => setExpanded(e => !e),
+      onHoverIn: onIn,
+      onHoverOut: onOut,
+      style: toggleStyle,
+      children: /*#__PURE__*/_jsx(Text, {
+        variant: "body-semibold",
+        style: {
+          color: linkColor,
+          textDecorationLine: hovered ? 'underline' : 'none'
+        },
+        children: expanded ? showLessLabel : showMoreLabel
+      })
+    }) : null]
+  });
+}
+//# sourceMappingURL=parts.js.map

package/lib/module/media-header/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Image","Pressable","View","Avatar","useInteractionState","RiHeart3Fill","RiMusic2Line","useImageResolver","useContainerWidth","useInteractiveWebCss","useTheme","Text","clamp01","gradientStyle","isUrl","MEDIA_HEADER_CSS","MEDIA_HEADER_STYLE_ID","MEDIA_HEADER_WIDE_MIN_WIDTH","resolveLikedGradient","resolveMediaHeaderPaint","webData","jsx","_jsx","jsxs","_jsxs","useMediaHeaderPaint","artworkColor","theme","useImageUri","source","variant","resolver","undefined","Cover","size","shape","radius","liked","shadow","paint","testID","children","uri","height","Math","round","r","frame","width","borderRadius","backgroundColor","placeholder","boxShadow","coverShadow","clip","overflow","alignItems","justifyContent","inner","from","to","glyph","style","fill","resizeMode","placeholderGlyph","importantForAccessibility","MediaHeaderFrame","cover","coverWidth","actions","centerCoverOnNarrow","actionsFade","backdrop","measured","onLayout","wide","padX","gap","coverW","textWidth","max","layout","bandStyle","paddingLeft","paddingRight","paddingTop","paddingBottom","flexDirection","background","bandTop","bandBottom","flex","minWidth","HeaderTitle","color","level","numberOfLines","role","bloomMediaHeaderTitle","Dot","accessibilityElementsHidden","InlineLink","label","onPress","ring","bloomMediaHeaderPress","bloomMediaHeaderLink","accessibilityLabel","bloomMediaHeaderLinkText","MetaLine","people","segments","mutedColor","parts","filter","s","length","withAvatars","p","avatar","slice","flexWrap","columnGap","rowGap","marginRight","map","person","i","name","marginLeft","Fragment","part","ProgressBar","value","rail","pct","ClampedText","lines","linkColor","showMoreLabel","showLessLabel","expanded","setExpanded","useState","state","hovered","onIn","onOut","canOverflow","toggleStyle","alignSelf","accessibilityState","e","onHoverIn","onHoverOut","textDecorationLine"],"sourceRoot":"../../../src","sources":["media-header/parts.tsx"],"mappings":"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","ignoreList":[]}