@oxy.so/bloom 2.9.0 → 2.11.0

package/lib/module/queue-panel/QueuePanel.js

@@ -0,0 +1,284 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { AccessibilityInfo, ScrollView, View } from 'react-native';
+import { SurfaceLevelProvider } from "../styles/surface-levels.js";
+import { Button } from '../button';
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { RiPlayListAddLine } from "../icons/remix/RiPlayListAddLine.js";
+import { Tabs, TabsTrigger } from "../tabs/index.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { QueueIconButton } from "./QueueIconButton.js";
+import { QueuePanelRow, useQueuePanelCss } from "./QueuePanelRow.js";
+import { QueueReorderList } from "./QueueReorderList.js";
+import { RecentlyPlayedList } from "./RecentlyPlayedList.js";
+import { DEFAULT_QUEUE_PANEL_LABELS, IS_WEB, resolveQueuePanelPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * The play queue.
+ *
+ *   header    Queue / Recently played tabs · close button
+ *   Now playing       the loaded track: accent title, now-playing bars
+ *   Next in queue     tracks the listener added · "Clear queue"
+ *   Next from: <ctx>  what follows from the playing album or playlist
+ *
+ * `panel` (web default): a rounded-8 surface of `width` (360) with a hairline,
+ * in the menu surface colours, filling its parent's height. `sheet` (native
+ * default): flat and full width, for the inside of a `BottomSheet`.
+ *
+ * Every list is a prop and every change is a callback — the panel reorders,
+ * removes and clears nothing itself. Rows are 56 tall; see `QueueReorderList`
+ * for the three ways a row moves.
+ */
+
+function SectionHeading({
+  children,
+  action,
+  color
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      minHeight: 32,
+      paddingLeft: 8,
+      paddingRight: 4,
+      marginTop: 16,
+      marginBottom: 4
+    },
+    children: [/*#__PURE__*/_jsx(Text, {
+      role: "heading",
+      variant: "headline-semibold",
+      numberOfLines: 1,
+      style: {
+        flex: 1,
+        color
+      },
+      children: children
+    }), action]
+  });
+}
+function QueuePanelComponent({
+  nowPlaying,
+  playing = true,
+  queue = [],
+  context = [],
+  contextName,
+  recentlyPlayed = [],
+  tab: tabProp,
+  defaultTab = 'queue',
+  onTabChange,
+  onReorder,
+  onRemove,
+  onPlay,
+  onClearQueue,
+  onClose,
+  variant = IS_WEB ? 'panel' : 'sheet',
+  width = 360,
+  labels: labelsProp,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useQueuePanelCss();
+  const paint = useMemo(() => resolveQueuePanelPaint(theme), [theme]);
+  const labels = useMemo(() => ({
+    ...DEFAULT_QUEUE_PANEL_LABELS,
+    ...labelsProp
+  }), [labelsProp]);
+  const [innerTab, setInnerTab] = useState(defaultTab);
+  const tab = tabProp ?? innerTab;
+  const selectTab = useCallback(value => {
+    const next = value;
+    if (tabProp === undefined) setInnerTab(next);
+    onTabChange?.(next);
+  }, [tabProp, onTabChange]);
+  const [dragActive, setDragActive] = useState(false);
+  const [announcement, setAnnouncement] = useState('');
+  const announce = useCallback(message => {
+    if (IS_WEB) setAnnouncement(message);else AccessibilityInfo.announceForAccessibility(message);
+  }, []);
+  const playFromSection = useMemo(() => onPlay ? (section, index, track) => onPlay(section, index, track) : undefined, [onPlay]);
+  const isPanel = variant === 'panel';
+  const empty = !nowPlaying && queue.length === 0 && context.length === 0;
+  return (
+    /*#__PURE__*/
+    // The panel is a surface: children step off IT, not off the page. A tab
+    // strip inside used to paint its rail `neutral-800` — the panel's own fill
+    // (`styles/surface-levels.ts`).
+    _jsx(SurfaceLevelProvider, {
+      level: isPanel ? 1 : 0,
+      children: /*#__PURE__*/_jsxs(View, {
+        testID: testID,
+        style: [isPanel ? {
+          width,
+          maxWidth: '100%',
+          borderRadius: 8,
+          borderWidth: 1,
+          borderColor: paint.border,
+          backgroundColor: paint.surface,
+          overflow: 'hidden'
+        } : {
+          width: '100%'
+        }, {
+          flexDirection: 'column',
+          minHeight: 0
+        }, style],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingTop: 8,
+            paddingLeft: 16,
+            paddingRight: 8,
+            gap: 8
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            style: {
+              flex: 1,
+              minWidth: 0
+            },
+            children: /*#__PURE__*/_jsxs(Tabs, {
+              value: tab,
+              onValueChange: selectTab,
+              testID: testID ? `${testID}-tabs` : undefined,
+              children: [/*#__PURE__*/_jsx(TabsTrigger, {
+                value: "queue",
+                label: labels.queueTab
+              }), /*#__PURE__*/_jsx(TabsTrigger, {
+                value: "recent",
+                label: labels.recentTab
+              })]
+            })
+          }), onClose ? /*#__PURE__*/_jsx(QueueIconButton, {
+            icon: RiCloseLine,
+            accessibilityLabel: labels.close,
+            onPress: onClose,
+            testID: testID ? `${testID}-close` : undefined
+          }) : null]
+        }), /*#__PURE__*/_jsx(ScrollView, {
+          style: {
+            flex: 1,
+            minHeight: 0
+          },
+          contentContainerStyle: {
+            paddingLeft: 8,
+            paddingRight: 8,
+            paddingBottom: 16
+          },
+          scrollEnabled: !dragActive,
+          testID: testID ? `${testID}-scroll` : undefined,
+          children: tab === 'recent' ? /*#__PURE__*/_jsx(RecentlyPlayedList, {
+            items: recentlyPlayed,
+            currentId: nowPlaying?.id,
+            playing: playing,
+            labels: labels,
+            onPlay: onPlay ? (index, track) => onPlay('recent', index, track) : undefined,
+            style: {
+              marginTop: 8
+            },
+            testID: testID ? `${testID}-recent` : undefined
+          }) : empty ? /*#__PURE__*/_jsxs(View, {
+            style: {
+              alignItems: 'center',
+              paddingTop: 40,
+              paddingBottom: 24,
+              paddingLeft: 16,
+              paddingRight: 16,
+              gap: 8
+            },
+            children: [/*#__PURE__*/_jsx(RiPlayListAddLine, {
+              width: 32,
+              height: 32,
+              fill: paint.textSecondary
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "headline-semibold",
+              style: {
+                color: paint.text,
+                textAlign: 'center'
+              },
+              children: labels.emptyQueue
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "body-regular",
+              style: {
+                color: paint.textSecondary,
+                textAlign: 'center'
+              },
+              children: labels.emptyQueueHint
+            })]
+          }) : /*#__PURE__*/_jsxs(_Fragment, {
+            children: [nowPlaying ? /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(SectionHeading, {
+                color: paint.text,
+                children: labels.nowPlaying
+              }), /*#__PURE__*/_jsx(QueuePanelRow, {
+                track: nowPlaying,
+                current: true,
+                playing: playing,
+                accessibilityLabel: `${labels.play} ${nowPlaying.title}`,
+                onPress: onPlay ? () => onPlay('now', 0, nowPlaying) : undefined,
+                testID: testID ? `${testID}-now` : undefined
+              })]
+            }) : null, queue.length > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(SectionHeading, {
+                color: paint.text,
+                action: onClearQueue ? /*#__PURE__*/_jsx(Button, {
+                  variant: "text",
+                  size: "small",
+                  onPress: onClearQueue,
+                  testID: testID ? `${testID}-clear` : undefined,
+                  children: labels.clearQueue
+                }) : undefined,
+                children: labels.nextInQueue
+              }), /*#__PURE__*/_jsx(QueueReorderList, {
+                section: "queue",
+                tracks: queue,
+                labels: labels,
+                onReorder: onReorder,
+                onRemove: onRemove,
+                onPlay: playFromSection,
+                onDragActiveChange: setDragActive,
+                onAnnounce: announce,
+                removeButton: isPanel,
+                testID: testID ? `${testID}-queue` : undefined
+              })]
+            }) : null, context.length > 0 ? /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(SectionHeading, {
+                color: paint.text,
+                children: contextName ? labels.nextFrom(contextName) : labels.nextUp
+              }), /*#__PURE__*/_jsx(QueueReorderList, {
+                section: "context",
+                tracks: context,
+                labels: labels,
+                onReorder: onReorder,
+                onRemove: onRemove,
+                onPlay: playFromSection,
+                onDragActiveChange: setDragActive,
+                onAnnounce: announce,
+                removeButton: isPanel,
+                testID: testID ? `${testID}-context` : undefined
+              })]
+            }) : null]
+          })
+        }), IS_WEB ? /*#__PURE__*/_jsx(View, {
+          accessibilityLiveRegion: "polite",
+          style: {
+            position: 'absolute',
+            width: 1,
+            height: 1,
+            overflow: 'hidden',
+            opacity: 0
+          },
+          testID: testID ? `${testID}-announcer` : undefined,
+          children: /*#__PURE__*/_jsx(Text, {
+            children: announcement
+          })
+        }) : null]
+      })
+    })
+  );
+}
+export const QueuePanel = /*#__PURE__*/memo(QueuePanelComponent);
+QueuePanel.displayName = 'QueuePanel';
+//# sourceMappingURL=QueuePanel.js.map

package/lib/module/queue-panel/QueuePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","AccessibilityInfo","ScrollView","View","SurfaceLevelProvider","Button","RiCloseLine","RiPlayListAddLine","Tabs","TabsTrigger","useTheme","Text","QueueIconButton","QueuePanelRow","useQueuePanelCss","QueueReorderList","RecentlyPlayedList","DEFAULT_QUEUE_PANEL_LABELS","IS_WEB","resolveQueuePanelPaint","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SectionHeading","children","action","color","style","flexDirection","alignItems","minHeight","paddingLeft","paddingRight","marginTop","marginBottom","role","variant","numberOfLines","flex","QueuePanelComponent","nowPlaying","playing","queue","context","contextName","recentlyPlayed","tab","tabProp","defaultTab","onTabChange","onReorder","onRemove","onPlay","onClearQueue","onClose","width","labels","labelsProp","testID","theme","paint","innerTab","setInnerTab","selectTab","value","next","undefined","dragActive","setDragActive","announcement","setAnnouncement","announce","message","announceForAccessibility","playFromSection","section","index","track","isPanel","empty","length","level","maxWidth","borderRadius","borderWidth","borderColor","border","backgroundColor","surface","overflow","paddingTop","gap","minWidth","onValueChange","label","queueTab","recentTab","icon","accessibilityLabel","close","onPress","contentContainerStyle","paddingBottom","scrollEnabled","items","currentId","id","height","fill","textSecondary","text","textAlign","emptyQueue","emptyQueueHint","current","play","title","size","clearQueue","nextInQueue","tracks","onDragActiveChange","onAnnounce","removeButton","nextFrom","nextUp","accessibilityLiveRegion","position","opacity","QueuePanel","displayName"],"sourceRoot":"../../../src","sources":["queue-panel/QueuePanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/queue-panel/QueuePanelRow.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo } from 'react';
+import { Image, Pressable, View } from 'react-native';
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { RiMusic2Line } from "../icons/remix/RiMusic2Line.js";
+import { useImageResolver } from "../image-resolver/context.js";
+import { isImageUrl } from "../image-resolver/is-image-url.js";
+import { ExplicitBadge } from "../media-controls/ExplicitBadge.js";
+import { NowPlayingIndicator } from "../media-controls/NowPlayingIndicator.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { IS_WEB, QUEUE_COVER_SIZE, QUEUE_PANEL_CSS, QUEUE_PANEL_STYLE_ID, QUEUE_ROW_HEIGHT, resolveQueuePanelPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One track row, 56 tall:
+ *
+ *   8 · cover 40 (radius 6) · 12 · title body-medium / artists caption-1-regular · meta · trailing · 8
+ *
+ * The cover and text are ONE pressable (named "Play <title>"); `trailing`
+ * controls sit beside it rather than inside, so no button is nested in a
+ * button. Hover paints the row's highlight (web); the current row's title turns
+ * accent and the now-playing bars replace the meta.
+ */
+
+export function QueueCover({
+  cover,
+  size = QUEUE_COVER_SIZE
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveQueuePanelPaint(theme), [theme]);
+  const resolver = useImageResolver();
+  const uri = cover ? isImageUrl(cover) ? cover : resolver?.(cover, 'thumb') : undefined;
+  const box = {
+    width: size,
+    height: size,
+    borderRadius: 6,
+    backgroundColor: paint.placeholder,
+    overflow: 'hidden',
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: box,
+    children: uri ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri
+      },
+      style: {
+        width: size,
+        height: size
+      },
+      accessibilityIgnoresInvertColors: true
+    }) : /*#__PURE__*/_jsx(RiMusic2Line, {
+      width: size / 2,
+      height: size / 2,
+      fill: paint.placeholderGlyph
+    })
+  });
+}
+export function useQueuePanelCss() {
+  useEffect(() => {
+    adoptStyleSheet(QUEUE_PANEL_STYLE_ID, QUEUE_PANEL_CSS);
+  }, []);
+}
+function QueuePanelRowComponent({
+  track,
+  onPress,
+  current = false,
+  playing = true,
+  accessibilityLabel,
+  trailing,
+  highlighted = false,
+  webState,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useQueuePanelCss();
+  const paint = useMemo(() => resolveQueuePanelPaint(theme), [theme]);
+  const {
+    state: hovered,
+    onIn,
+    onOut
+  } = useInteractionState();
+  const rowStyle = {
+    height: QUEUE_ROW_HEIGHT,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderRadius: 8,
+    paddingRight: 8,
+    backgroundColor: hovered || highlighted ? paint.rowHover : 'transparent',
+    '--bloom-queue-ring': paint.ring
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    ...webDataSet({
+      bloomQueueRow: webState ?? (highlighted ? 'active' : '')
+    }),
+    onPointerEnter: IS_WEB ? onIn : undefined,
+    onPointerLeave: IS_WEB ? onOut : undefined,
+    style: [rowStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      ...webDataSet({
+        bloomQueueFocusable: ''
+      }),
+      role: "button",
+      accessibilityLabel: accessibilityLabel ?? `Play ${track.title}`,
+      onPress: onPress,
+      style: {
+        flex: 1,
+        minWidth: 0,
+        alignSelf: 'stretch',
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingLeft: 8,
+        borderRadius: 8
+      },
+      testID: testID ? `${testID}-play` : undefined,
+      children: [/*#__PURE__*/_jsx(QueueCover, {
+        cover: track.cover
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          marginLeft: 12,
+          marginRight: 8
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: {
+            color: current ? paint.accent : paint.text
+          },
+          children: track.title
+        }), track.artists || track.explicit ? /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 4,
+            minWidth: 0
+          },
+          children: [track.explicit ? /*#__PURE__*/_jsx(ExplicitBadge, {
+            size: "small"
+          }) : null, track.artists ? /*#__PURE__*/_jsx(Text, {
+            variant: "caption-1-regular",
+            numberOfLines: 1,
+            style: {
+              color: paint.textSecondary,
+              flexShrink: 1
+            },
+            children: track.artists
+          }) : null]
+        }) : null]
+      }), current ? /*#__PURE__*/_jsx(NowPlayingIndicator, {
+        playing: playing,
+        size: 14,
+        testID: testID ? `${testID}-indicator` : undefined
+      }) : track.meta ? /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 1,
+        style: {
+          color: paint.textSecondary
+        },
+        children: track.meta
+      }) : null]
+    }), trailing ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginLeft: 4,
+        gap: 2
+      },
+      children: trailing
+    }) : null]
+  });
+}
+export const QueuePanelRow = /*#__PURE__*/memo(QueuePanelRowComponent);
+QueuePanelRow.displayName = 'QueuePanelRow';
+//# sourceMappingURL=QueuePanelRow.js.map

package/lib/module/queue-panel/QueuePanelRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","Image","Pressable","View","useInteractionState","RiMusic2Line","useImageResolver","isImageUrl","ExplicitBadge","NowPlayingIndicator","adoptStyleSheet","webDataSet","useTheme","Text","IS_WEB","QUEUE_COVER_SIZE","QUEUE_PANEL_CSS","QUEUE_PANEL_STYLE_ID","QUEUE_ROW_HEIGHT","resolveQueuePanelPaint","jsx","_jsx","jsxs","_jsxs","QueueCover","cover","size","theme","paint","resolver","uri","undefined","box","width","height","borderRadius","backgroundColor","placeholder","overflow","alignItems","justifyContent","style","children","source","accessibilityIgnoresInvertColors","fill","placeholderGlyph","useQueuePanelCss","QueuePanelRowComponent","track","onPress","current","playing","accessibilityLabel","trailing","highlighted","webState","testID","state","hovered","onIn","onOut","rowStyle","flexDirection","paddingRight","rowHover","ring","bloomQueueRow","onPointerEnter","onPointerLeave","bloomQueueFocusable","role","title","flex","minWidth","alignSelf","paddingLeft","marginLeft","marginRight","variant","numberOfLines","color","accent","text","artists","explicit","gap","textSecondary","flexShrink","meta","QueuePanelRow","displayName"],"sourceRoot":"../../../src","sources":["queue-panel/QueuePanelRow.tsx"],"mappings":"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","ignoreList":[]}