@oxy.so/bloom 2.9.0 → 2.11.0

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

@@ -0,0 +1,102 @@
+"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 "../styles/clamp.js";
+
+/** Built once, at module scope, so the fade, `style` and the a11y props share one node. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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,428 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { Image, Pressable, View } from 'react-native';
+import { Avatar } from "../avatar/index.js";
+import { Button } from '../button';
+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 "../hooks/use-container-width.js";
+import { Meter } from "../stat-bar/index.js";
+import { useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { gradientStyle, MEDIA_HEADER_CSS, MEDIA_HEADER_STYLE_ID, MEDIA_HEADER_WIDE_MIN_WIDTH, resolveLikedGradient, resolveMediaHeaderPaint } from "./shared.js";
+import { clamp01 } from "../styles/clamp.js";
+import { isImageUrl as isUrl } from "../image-resolver/index.js";
+import { webDataSet as webData } from "../styles/web-data.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.
+ *
+ * `Button variant="link" underline="hover"` — the underline-on-hover this drew
+ * by hand before `underline` existed. The COLOUR stays the caller's: it is
+ * contrast-picked against the band's artwork, so it overrides the palette's
+ * foreground through `textStyle` rather than taking a tone. `--bloom-btn-ring`
+ * is the web fork's focus-ring custom property, which is how the band hands it
+ * a ring that reads over its own colours.
+ */
+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 = {
+    '--bloom-btn-ring': ring
+  };
+  return /*#__PURE__*/_jsx(Button, {
+    variant: "link",
+    underline: "hover",
+    size: "small",
+    textVariant: variant,
+    accessibilityRole: "link",
+    accessibilityLabel: label,
+    onPress: onPress,
+    style: style,
+    textStyle: {
+      color
+    },
+    testID: testID,
+    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 `Meter`. */
+export function ProgressBar({
+  value,
+  label,
+  fill,
+  rail,
+  width,
+  testID
+}) {
+  const pct = Math.round(clamp01(value) * 100);
+  return /*#__PURE__*/_jsx(Meter, {
+    value: pct,
+    max: 100,
+    height: 4,
+    width: width,
+    fill: fill,
+    track: rail,
+    accessibilityLabel: label,
+    valueText: `${pct}%`,
+    testID: testID
+  });
+}
+
+/** 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","Button","useInteractionState","RiHeart3Fill","RiMusic2Line","useImageResolver","useContainerWidth","Meter","useInteractiveWebCss","useTheme","Text","gradientStyle","MEDIA_HEADER_CSS","MEDIA_HEADER_STYLE_ID","MEDIA_HEADER_WIDE_MIN_WIDTH","resolveLikedGradient","resolveMediaHeaderPaint","clamp01","isImageUrl","isUrl","webDataSet","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","underline","textVariant","accessibilityRole","accessibilityLabel","textStyle","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","track","valueText","ClampedText","lines","linkColor","showMoreLabel","showLessLabel","expanded","setExpanded","useState","state","hovered","onIn","onOut","canOverflow","toggleStyle","alignSelf","bloomMediaHeaderPress","accessibilityState","e","onHoverIn","onHoverOut","textDecorationLine"],"sourceRoot":"../../../src","sources":["media-header/parts.tsx"],"mappings":"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","ignoreList":[]}