@oxy.so/bloom 2.8.0 → 2.10.0

package/lib/module/music-library/RecentSearches.js

@@ -0,0 +1,188 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { Button } from '../button';
+import { webDataSet } from "../checkbox/shared.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { borderRadius } from "../styles/tokens.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { Cover } from "./Cover.js";
+import { IS_WEB, MUSIC_LIBRARY_CSS, MUSIC_LIBRARY_STYLE_ID, resolveMusicLibraryPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The recent-searches list on an empty search page.
+ *
+ *   heading   title-3-semibold, 8 below
+ *   row       8 padding, 8 radius · 48 cover (circle when `round`) · 12 ·
+ *             title body-medium over a caption meta · the × button (32 round)
+ *   hover     the row fills (colour only); the × stays visible so touch and
+ *             keyboard reach it too
+ *   clear     a secondary small `Button`, 16 below the list
+ *
+ * The row and its × are SIBLING controls — a remove button nested inside the
+ * row's own button is not reachable as a control of its own.
+ */
+
+function RecentRow({
+  item,
+  paint,
+  onPress,
+  onRemove,
+  removeLabel,
+  testID
+}) {
+  const [hovered, setHovered] = useState(false);
+  const [removeHovered, setRemoveHovered] = useState(false);
+  const name = [item.title, item.meta].filter(Boolean).join(', ');
+  const rowStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderRadius: 8,
+    backgroundColor: hovered ? paint.hover : 'transparent',
+    paddingRight: 8,
+    ...(IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '120ms'
+    } : null)
+  };
+  const openStyle = {
+    flex: 1,
+    minWidth: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 12,
+    padding: 8,
+    borderRadius: 8,
+    '--bloom-music-ring': paint.ring
+  };
+  const removeStyle = {
+    width: 32,
+    height: 32,
+    borderRadius: borderRadius.full,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: removeHovered ? paint.selected : 'transparent',
+    '--bloom-music-ring': paint.ring
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    onPointerEnter: IS_WEB ? () => setHovered(true) : undefined,
+    onPointerLeave: IS_WEB ? () => setHovered(false) : undefined,
+    style: rowStyle,
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      ...webDataSet({
+        bloomMusicFocusable: ''
+      }),
+      role: "button",
+      accessibilityLabel: name,
+      onPress: onPress ? () => onPress(item) : undefined,
+      style: openStyle,
+      testID: testID ? `${testID}-open` : undefined,
+      children: [/*#__PURE__*/_jsx(Cover, {
+        source: item.cover,
+        size: 48,
+        round: item.round,
+        kind: item.round ? 'artist' : 'song',
+        placeholder: paint.placeholder,
+        glyphColor: paint.textMuted
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0,
+          gap: 2
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-medium",
+          numberOfLines: 1,
+          style: {
+            color: paint.text
+          },
+          children: item.title
+        }), item.meta ? /*#__PURE__*/_jsx(Text, {
+          variant: "caption-1-regular",
+          numberOfLines: 1,
+          style: {
+            color: paint.textMuted
+          },
+          children: item.meta
+        }) : null]
+      })]
+    }), onRemove ? /*#__PURE__*/_jsx(Pressable, {
+      ...webDataSet({
+        bloomMusicFocusable: ''
+      }),
+      role: "button",
+      accessibilityLabel: removeLabel,
+      onPress: () => onRemove(item),
+      onHoverIn: () => setRemoveHovered(true),
+      onHoverOut: () => setRemoveHovered(false),
+      style: removeStyle,
+      testID: testID ? `${testID}-remove` : undefined,
+      children: /*#__PURE__*/_jsx(RiCloseLine, {
+        width: 20,
+        height: 20,
+        fill: paint.textMuted
+      })
+    }) : null]
+  });
+}
+function RecentSearchesComponent({
+  items,
+  onItemPress,
+  onRemove,
+  onClearAll,
+  title = 'Recent searches',
+  clearAllLabel = 'Clear recent searches',
+  removeLabel = item => `Remove ${item.title}`,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(MUSIC_LIBRARY_STYLE_ID, MUSIC_LIBRARY_CSS);
+  }, []);
+  const paint = useMemo(() => resolveMusicLibraryPaint(theme), [theme]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      gap: 8
+    }, style],
+    testID: testID,
+    children: [title ? /*#__PURE__*/_jsx(Text, {
+      variant: "title-3-semibold",
+      role: "heading",
+      style: {
+        color: paint.text
+      },
+      children: title
+    }) : null, /*#__PURE__*/_jsx(View, {
+      role: "list",
+      children: items.map(item => /*#__PURE__*/_jsx(View, {
+        role: "listitem",
+        children: /*#__PURE__*/_jsx(RecentRow, {
+          item: item,
+          paint: paint,
+          onPress: onItemPress,
+          onRemove: onRemove,
+          removeLabel: removeLabel(item),
+          testID: testID ? `${testID}-${item.id}` : undefined
+        })
+      }, item.id))
+    }), onClearAll && items.length > 0 ? /*#__PURE__*/_jsx(Button, {
+      variant: "secondary",
+      size: "small",
+      onPress: onClearAll,
+      style: {
+        alignSelf: 'flex-start',
+        marginTop: 8
+      },
+      testID: testID ? `${testID}-clear-all` : undefined,
+      children: clearAllLabel
+    }) : null]
+  });
+}
+export const RecentSearches = /*#__PURE__*/memo(RecentSearchesComponent);
+RecentSearches.displayName = 'RecentSearches';
+//# sourceMappingURL=RecentSearches.js.map

package/lib/module/music-library/RecentSearches.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useState","Pressable","View","Button","webDataSet","RiCloseLine","adoptStyleSheet","borderRadius","useTheme","Text","Cover","IS_WEB","MUSIC_LIBRARY_CSS","MUSIC_LIBRARY_STYLE_ID","resolveMusicLibraryPaint","jsx","_jsx","jsxs","_jsxs","RecentRow","item","paint","onPress","onRemove","removeLabel","testID","hovered","setHovered","removeHovered","setRemoveHovered","name","title","meta","filter","Boolean","join","rowStyle","flexDirection","alignItems","backgroundColor","hover","paddingRight","transitionProperty","transitionDuration","openStyle","flex","minWidth","gap","padding","ring","removeStyle","width","height","full","justifyContent","selected","onPointerEnter","undefined","onPointerLeave","style","children","bloomMusicFocusable","role","accessibilityLabel","source","cover","size","round","kind","placeholder","glyphColor","textMuted","variant","numberOfLines","color","text","onHoverIn","onHoverOut","fill","RecentSearchesComponent","items","onItemPress","onClearAll","clearAllLabel","theme","map","id","length","alignSelf","marginTop","RecentSearches","displayName"],"sourceRoot":"../../../src","sources":["music-library/RecentSearches.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/music-library/SearchField.js

@@ -0,0 +1,185 @@
+"use strict";
+
+import React, { memo, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, TextInput, View } from 'react-native';
+import { webDataSet } from "../checkbox/shared.js";
+import { RiCloseLine } from "../icons/remix/RiCloseLine.js";
+import { RiCompass3Line } from "../icons/remix/RiCompass3Line.js";
+import { RiSearchLine } from "../icons/remix/RiSearchLine.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { borderRadius } from "../styles/tokens.js";
+import { SANS_FONT_FAMILY } from "../text-field/shared.js";
+import { useTheme } from "../theme/use-theme.js";
+import { TYPE_SCALE } from "../typography/scale.js";
+import { GlyphButton } from "./GlyphButton.js";
+import { IS_WEB, MUSIC_LIBRARY_CSS, MUSIC_LIBRARY_STYLE_ID, resolveMusicLibraryPaint } from "./shared.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The top-bar search pill.
+ *
+ *   48 tall, full pill · 12 · search glyph 24 · 8 · input body-medium ·
+ *   clear (×, 32 round) once there is text · 1×24 divider · browse (40 round)
+ *
+ *   rest     the background 6% toward the text colour (dark 9%), transparent 1px border
+ *   hover    10% (dark 14%)
+ *   focus    the border takes the text colour — no size change
+ *
+ * Pressing anywhere on the pill focuses the input. The browse button is a
+ * toggle: filled while `browseActive`, with `aria-pressed` on web and
+ * `accessibilityState.selected` on native.
+ */
+
+export const SEARCH_FIELD_HEIGHT = 48;
+const INPUT_TYPE = TYPE_SCALE['body-medium'];
+const inputStyle = {
+  flex: 1,
+  minWidth: 0,
+  fontFamily: SANS_FONT_FAMILY,
+  fontSize: INPUT_TYPE.fontSize,
+  lineHeight: INPUT_TYPE.lineHeight,
+  fontWeight: INPUT_TYPE.fontWeight,
+  height: SEARCH_FIELD_HEIGHT - 2,
+  paddingTop: 0,
+  paddingBottom: 0,
+  paddingLeft: 0,
+  paddingRight: 0,
+  borderWidth: 0,
+  backgroundColor: 'transparent'
+};
+function SearchFieldComponent({
+  value,
+  onChangeText,
+  onClear,
+  onSubmit,
+  onFocus,
+  onBlur,
+  onBrowsePress,
+  browseActive = false,
+  placeholder = 'What do you want to play?',
+  accessibilityLabel = 'Search',
+  clearLabel = 'Clear search',
+  browseLabel = 'Browse',
+  autoFocus,
+  style,
+  testID
+}) {
+  const theme = useTheme();
+  useEffect(() => {
+    adoptStyleSheet(MUSIC_LIBRARY_STYLE_ID, MUSIC_LIBRARY_CSS);
+  }, []);
+  const paint = useMemo(() => resolveMusicLibraryPaint(theme), [theme]);
+  const inputRef = useRef(null);
+  const [hovered, setHovered] = useState(false);
+  const [focused, setFocused] = useState(false);
+  const hasText = value.length > 0;
+  const pillStyle = {
+    height: SEARCH_FIELD_HEIGHT,
+    borderRadius: borderRadius.full,
+    borderWidth: 1,
+    borderColor: focused ? paint.fieldFocusBorder : 'transparent',
+    backgroundColor: hovered && !focused ? paint.fieldHover : paint.field,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingLeft: 12,
+    paddingRight: 4,
+    gap: 8,
+    ...(IS_WEB ? {
+      transitionProperty: 'background-color',
+      transitionDuration: '120ms'
+    } : null)
+  };
+  return /*#__PURE__*/_jsxs(Pressable
+  // A press on the pill's padding lands in the input. Not a control of its
+  // own: the input is the focusable element.
+  , {
+    accessible: false,
+    ...webDataSet({
+      bloomSearchField: ''
+    }),
+    ...(IS_WEB ? {
+      tabIndex: -1
+    } : null),
+    onPress: () => inputRef.current?.focus(),
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    style: [pillStyle, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(RiSearchLine, {
+      width: 24,
+      height: 24,
+      fill: focused ? paint.text : paint.textMuted
+    }), /*#__PURE__*/_jsx(TextInput, {
+      ref: inputRef,
+      ...webDataSet({
+        bloomMusicInput: ''
+      }),
+      value: value,
+      onChangeText: onChangeText,
+      onSubmitEditing: onSubmit ? () => onSubmit(value) : undefined,
+      onFocus: () => {
+        setFocused(true);
+        onFocus?.();
+      },
+      onBlur: () => {
+        setFocused(false);
+        onBlur?.();
+      },
+      placeholder: placeholder,
+      placeholderTextColor: paint.textMuted,
+      accessibilityLabel: accessibilityLabel,
+      role: "searchbox",
+      returnKeyType: "search",
+      enterKeyHint: "search",
+      autoCapitalize: "none",
+      autoCorrect: false,
+      autoComplete: "off",
+      autoFocus: autoFocus,
+      keyboardAppearance: theme.isDark ? 'dark' : 'light',
+      style: [inputStyle, {
+        color: paint.text
+      }],
+      testID: testID ? `${testID}-input` : undefined
+    }), hasText ? /*#__PURE__*/_jsx(GlyphButton, {
+      label: clearLabel,
+      size: 32,
+      fill: "transparent",
+      hoverFill: paint.hover,
+      ring: paint.ring,
+      onPress: () => {
+        onClear?.();
+        inputRef.current?.focus();
+      },
+      testID: testID ? `${testID}-clear` : undefined,
+      children: /*#__PURE__*/_jsx(RiCloseLine, {
+        width: 20,
+        height: 20,
+        fill: paint.textMuted
+      })
+    }) : null, onBrowsePress ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: {
+          width: 1,
+          height: 24,
+          backgroundColor: paint.divider
+        }
+      }), /*#__PURE__*/_jsx(GlyphButton, {
+        label: browseLabel,
+        size: 40,
+        fill: browseActive ? paint.selected : 'transparent',
+        hoverFill: browseActive ? paint.selected : paint.fieldHover,
+        pressedState: browseActive,
+        ring: paint.ring,
+        onPress: onBrowsePress,
+        testID: testID ? `${testID}-browse` : undefined,
+        children: /*#__PURE__*/_jsx(RiCompass3Line, {
+          width: 22,
+          height: 22,
+          fill: browseActive ? paint.text : paint.textMuted
+        })
+      })]
+    }) : null]
+  });
+}
+export const SearchField = /*#__PURE__*/memo(SearchFieldComponent);
+SearchField.displayName = 'SearchField';
+//# sourceMappingURL=SearchField.js.map

package/lib/module/music-library/SearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useMemo","useRef","useState","Pressable","TextInput","View","webDataSet","RiCloseLine","RiCompass3Line","RiSearchLine","adoptStyleSheet","borderRadius","SANS_FONT_FAMILY","useTheme","TYPE_SCALE","GlyphButton","IS_WEB","MUSIC_LIBRARY_CSS","MUSIC_LIBRARY_STYLE_ID","resolveMusicLibraryPaint","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SEARCH_FIELD_HEIGHT","INPUT_TYPE","inputStyle","flex","minWidth","fontFamily","fontSize","lineHeight","fontWeight","height","paddingTop","paddingBottom","paddingLeft","paddingRight","borderWidth","backgroundColor","SearchFieldComponent","value","onChangeText","onClear","onSubmit","onFocus","onBlur","onBrowsePress","browseActive","placeholder","accessibilityLabel","clearLabel","browseLabel","autoFocus","style","testID","theme","paint","inputRef","hovered","setHovered","focused","setFocused","hasText","length","pillStyle","full","borderColor","fieldFocusBorder","fieldHover","field","flexDirection","alignItems","gap","transitionProperty","transitionDuration","accessible","bloomSearchField","tabIndex","onPress","current","focus","onHoverIn","onHoverOut","children","width","fill","text","textMuted","ref","bloomMusicInput","onSubmitEditing","undefined","placeholderTextColor","role","returnKeyType","enterKeyHint","autoCapitalize","autoCorrect","autoComplete","keyboardAppearance","isDark","color","label","size","hoverFill","hover","ring","divider","selected","pressedState","SearchField","displayName"],"sourceRoot":"../../../src","sources":["music-library/SearchField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/music-library/SearchResultTabs.js

@@ -0,0 +1,156 @@
+"use strict";
+
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Pressable, ScrollView } from 'react-native';
+import { webDataSet } from "../checkbox/shared.js";
+import { adoptStyleSheet } from "../styles/adopt-style-sheet.js";
+import { borderRadius } from "../styles/tokens.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { pressedSurface } from "../theme/press-colors.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { IS_WEB, MUSIC_LIBRARY_CSS, MUSIC_LIBRARY_STYLE_ID, resolveMusicLibraryPaint } from "./shared.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The result-type pills under the search field: "All, Songs, Artists, …".
+ *
+ *   pill      32 tall, full pill, 12 side padding, 8 apart, body-medium
+ *   rest      the neutral subtle pair (`resolveAccentColors(default, subtle)`),
+ *             the same paint an unselected `Chip` takes
+ *   selected  the primary subtle pair, as a selected `Chip`
+ *   hover     the pressed surface of the rest pair (colour only)
+ *
+ * The row scrolls sideways (hidden scrollbar on web) when it does not fit.
+ *
+ * Semantics: `role="tablist"`, each pill a `tab` with `aria-selected`. On web
+ * the row is one tab stop (the selected pill); ArrowLeft / ArrowRight / Home /
+ * End move focus, Enter and Space select.
+ */
+
+const PILL_HEIGHT = 32;
+function Pill({
+  tab,
+  selected,
+  tabbable,
+  onSelect,
+  onKey,
+  register,
+  testID
+}) {
+  const theme = useTheme();
+  const paint = useMemo(() => resolveMusicLibraryPaint(theme), [theme]);
+  const [hovered, setHovered] = useState(false);
+  const colors = useMemo(() => resolveAccentColors(theme.colors, selected ? 'primary' : 'default', 'subtle'), [theme.colors, selected]);
+  const hoverFill = useMemo(() => pressedSurface(theme.colors, colors.background, colors.foreground), [theme.colors, colors]);
+  const style = {
+    height: PILL_HEIGHT,
+    borderRadius: borderRadius.full,
+    paddingLeft: 12,
+    paddingRight: 12,
+    justifyContent: 'center',
+    backgroundColor: hovered ? hoverFill : colors.background,
+    flexShrink: 0,
+    '--bloom-music-ring': paint.ring
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: node => register(tab.value, node),
+    ...webDataSet({
+      bloomMusicFocusable: ''
+    }),
+    ...(IS_WEB ? {
+      tabIndex: tabbable ? 0 : -1,
+      onKeyDown: event => onKey(tab.value, event)
+    } : null),
+    role: "tab",
+    accessibilityLabel: tab.label,
+    "aria-selected": selected,
+    onPress: () => onSelect(tab.value),
+    onHoverIn: () => setHovered(true),
+    onHoverOut: () => setHovered(false),
+    style: style,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(Text, {
+      variant: "body-medium",
+      numberOfLines: 1,
+      style: {
+        color: colors.foreground
+      },
+      children: tab.label
+    })
+  });
+}
+function SearchResultTabsComponent({
+  tabs,
+  value,
+  onValueChange,
+  accessibilityLabel = 'Result types',
+  style,
+  testID
+}) {
+  useEffect(() => {
+    adoptStyleSheet(MUSIC_LIBRARY_STYLE_ID, MUSIC_LIBRARY_CSS);
+  }, []);
+  const nodes = useRef(new Map());
+  const register = useCallback((key, node) => {
+    if (node) nodes.current.set(key, node);else nodes.current.delete(key);
+  }, []);
+  const onKey = useCallback((key, event) => {
+    const index = tabs.findIndex(tab => tab.value === key);
+    let target = -1;
+    switch (event.key) {
+      case 'ArrowRight':
+        target = Math.min(tabs.length - 1, index + 1);
+        break;
+      case 'ArrowLeft':
+        target = Math.max(0, index - 1);
+        break;
+      case 'Home':
+        target = 0;
+        break;
+      case 'End':
+        target = tabs.length - 1;
+        break;
+      case ' ':
+      case 'Spacebar':
+        event.preventDefault();
+        onValueChange(key);
+        return;
+      default:
+        return;
+    }
+    event.preventDefault();
+    const next = tabs[target];
+    if (next) nodes.current.get(next.value)?.focus();
+  }, [tabs, onValueChange]);
+  const hasSelection = tabs.some(tab => tab.value === value);
+  return /*#__PURE__*/_jsx(ScrollView, {
+    ...webDataSet({
+      bloomMusicScrollX: ''
+    }),
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    role: "tablist",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      flexGrow: 0
+    }, style],
+    contentContainerStyle: {
+      gap: 8,
+      paddingTop: 2,
+      paddingBottom: 2
+    },
+    testID: testID,
+    children: tabs.map((tab, index) => /*#__PURE__*/_jsx(Pill, {
+      tab: tab,
+      selected: tab.value === value,
+      tabbable: hasSelection ? tab.value === value : index === 0,
+      onSelect: onValueChange,
+      onKey: onKey,
+      register: register,
+      testID: testID ? `${testID}-${tab.value}` : undefined
+    }, tab.value))
+  });
+}
+export const SearchResultTabs = /*#__PURE__*/memo(SearchResultTabsComponent);
+SearchResultTabs.displayName = 'SearchResultTabs';
+//# sourceMappingURL=SearchResultTabs.js.map

package/lib/module/music-library/SearchResultTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useEffect","useMemo","useRef","useState","Pressable","ScrollView","webDataSet","adoptStyleSheet","borderRadius","resolveAccentColors","pressedSurface","useTheme","Text","IS_WEB","MUSIC_LIBRARY_CSS","MUSIC_LIBRARY_STYLE_ID","resolveMusicLibraryPaint","jsx","_jsx","PILL_HEIGHT","Pill","tab","selected","tabbable","onSelect","onKey","register","testID","theme","paint","hovered","setHovered","colors","hoverFill","background","foreground","style","height","full","paddingLeft","paddingRight","justifyContent","backgroundColor","flexShrink","ring","ref","node","value","bloomMusicFocusable","tabIndex","onKeyDown","event","role","accessibilityLabel","label","onPress","onHoverIn","onHoverOut","children","variant","numberOfLines","color","SearchResultTabsComponent","tabs","onValueChange","nodes","Map","key","current","set","delete","index","findIndex","target","Math","min","length","max","preventDefault","next","get","focus","hasSelection","some","bloomMusicScrollX","horizontal","showsHorizontalScrollIndicator","flexGrow","contentContainerStyle","gap","paddingTop","paddingBottom","map","undefined","SearchResultTabs","displayName"],"sourceRoot":"../../../src","sources":["music-library/SearchResultTabs.tsx"],"mappings":"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","ignoreList":[]}