yeet

modules/display_name_styles/native/effects/GummyStripes.tsx

@@ -0,0 +1,21 @@
+// Metro module 13716 (f13717).
+import { View } from "react-native";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import { int2hex } from "../../../../_bundle/int2hslRaw";
+const useStyles = createStyles({
+  stripe: {
+    flex: 1
+  },
+  stripeOverlap: {
+    marginLeft: -1
+  }
+});
+export default function GummyStripes(props) {
+  const colors = props.colors;
+  const styles = useStyles();
+  return <>
+    {colors.map((color, index) => <View key={index} style={[styles.stripe, index > 0 && styles.stripeOverlap, {
+      backgroundColor: int2hex(color)
+    }]} />)}
+  </>;
+};

modules/display_name_styles/native/effects/GummyStripesFromHue.tsx

@@ -0,0 +1,56 @@
+// Metro module 14363 (f14364).
+import _slicedToArray from "../../../../_bundle/_slicedToArray";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import { GUMMY_STRIPES } from "../../DisplayNameStylesUtils";
+import ReanimatedRexport, { useAnimatedStyle } from "../../../reanimated/ReanimatedRexport";
+import * as _ColorPickerUtils from "../../../color_picker/native/ColorPickerUtils";
+let useStyles, __initData;
+const AnimatedStripe = function AnimatedStripe(props) {
+  const { hue, shift, saturation, lightness } = props;
+  let overlap = props.overlap;
+  const styles = useStyles();
+  const c = function c() {
+    const r32 = _slicedToArray(_ColorPickerUtils.hslToRgbWorklet({
+      h: ((hue.get() + shift) % 360 + 360) % 360,
+      s: saturation,
+      l: lightness
+    }), 3);
+    return {
+      backgroundColor: `rgb(${r32[0]}, ${r32[1]}, ${r32[2]})`
+    };
+  };
+  c.__closure = {
+    hue,
+    shift,
+    hslToRgbWorklet: _ColorPickerUtils.hslToRgbWorklet,
+    saturation,
+    lightness
+  };
+  c.__workletHash = 8497009401863;
+  c.__initData = __initData;
+  const animatedStyle = useAnimatedStyle(c);
+  const style = [styles.stripe, , ,];
+  if (overlap) {
+    overlap = styles.stripeOverlap;
+  }
+  style[1] = overlap;
+  style[2] = animatedStyle;
+  return <ReanimatedRexport.View style={style} />;
+};
+useStyles = createStyles({
+  stripe: {
+    flex: 1
+  },
+  stripeOverlap: {
+    marginLeft: -1
+  }
+});
+__initData = {
+  code: "function GummyStripesFromHueTsx1(){const{hue,shift,hslToRgbWorklet,saturation,lightness}=this.__closure;const h=((hue.get()+shift)%360+360)%360;const[r,g,b]=hslToRgbWorklet({h:h,s:saturation,l:lightness});return{backgroundColor:\"rgb(\"+r+\", \"+g+\", \"+b+\")\"};}"
+};
+export default function GummyStripesFromHue(props) {
+  const hue2 = props.hue;
+  return <>
+    {GUMMY_STRIPES.map((item, index) => <AnimatedStripe key={index} hue={hue2} shift={item.hueShift} saturation={item.saturation} lightness={item.lightness} overlap={index > 0} />)}
+  </>;
+};

modules/display_name_styles/native/effects/PerLetterEffect.tsx

@@ -0,0 +1,42 @@
+// Metro module 8387 (f8388).
+import { useMemo } from "react";
+import { Text, View } from "react-native";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module8388 from "../../../../_bundle/Module8388";
+import { splitGraphemes } from "../../../../utils/native/StringUtils";
+import * as _Text from "../../../../design/components/Text/native/Text";
+const useStyles = createStyles({
+  container: {
+    overflow: "hidden"
+  }
+});
+export default function PerLetterEffect(props) {
+  const { name, textStyle, textProps, colors } = props;
+  const styles = useStyles();
+  const memo = useMemo(() => {
+    let c26198_0 = Module8388();
+    let c26198_1 = 0;
+    return splitGraphemes(name).map((item, index) => {
+      c26198_0.lastIndex = 0;
+      const r10 = c26198_0.test(item) || item.trim().length === 0;
+      const color = colors != null ? colors.length > 0 ? r10 ? void 0 : colors[c26198_1 % colors.length] : void 0 : void 0;
+      if (!r10) {
+        c26198_1 = c26198_1 + 1;
+      }
+      return <Text key={index} style={color != null ? {
+        color
+      } : void 0}>
+        {item}
+      </Text>;
+    });
+  }, [name, colors]);
+  let accessibilityLabel = textProps.accessibilityLabel;
+  if (accessibilityLabel == null) {
+    accessibilityLabel = name;
+  }
+  return <View style={styles.container}>
+    <_Text.Text {...textProps} textBreakStrategy="simple" accessible accessibilityLabel={accessibilityLabel} style={[textStyle, {
+      lineHeight: void 0
+    }]}>{memo}</_Text.Text>
+  </View>;
+};