@kesha-antonov/react-native-chat 5.0.1 → 6.0.1

package/lib/components/voiceWaveform.d.ts

@@ -0,0 +1,108 @@
+/**
+ * Geometry and formatting shared by the voice-note players.
+ */
+/** The play/pause circle is 44x44. */
+export declare const VOICE_BUTTON_SIZE = 44;
+/** The waveform area is 30 tall. */
+export declare const WAVEFORM_HEIGHT = 30;
+/** Each bar is a 2-wide stroke, one every 3, so a 1 gap. */
+export declare const BAR_WIDTH = 2;
+export declare const BAR_STEP = 3;
+/** Waveform levels are 5-bit samples. */
+export declare const LEVEL_MAX = 31;
+/** A full-level bar reaches 7 either side of the centre line. */
+export declare const BAR_HALF_MAX = 7;
+/** A 0.2cm drag slop, in points. */
+export declare const DRAG_SLOP = 8;
+/** Gap between the button and the waveform/time column. */
+export declare const VOICE_COLUMN_GAP = 10;
+/** Bubble content width before the time label is added (`174 + timeWidth`). */
+export declare const VOICE_BASE_WIDTH = 174;
+export declare const VOICE_TIME_FONT_SIZE = 12;
+/**
+ * Space above and below the button. A voice cell is 70 tall with the button
+ * 44 across, 13 from the top, which leaves about 12 inside the bubble on
+ * either side once its 1dp outer margins are taken off.
+ */
+export declare const VOICE_ROW_PADDING_V = 12;
+/**
+ * A voice bubble is widened by the message's own time as well
+ * (174 + time width + duration width), since the
+ * time shares the duration's line at the bubble's bottom-right. `timeWidth`
+ * is the `h:mm a` label, plus 20dp for the ticks on an outgoing note.
+ */
+export declare const VOICE_META_WIDTH = 48;
+export declare const VOICE_META_TICKS_WIDTH = 20;
+/**
+ * Height the bubble's time takes below content it cannot sit beside - an
+ * open transcription, or the fallback card - so it never covers it.
+ */
+export declare const VOICE_META_HEIGHT = 20;
+/**
+ * Zero-padded `00:12`, and `h:mm:ss` once a
+ * note runs past an hour.
+ */
+export declare const formatVoiceDuration: (seconds: number) => string;
+/**
+ * Width the time label takes, estimated from the string rather than measured:
+ * the label changes every second while playing, and measuring it would re-lay
+ * the bubble out on each tick. Digits are tabular, so the estimate holds.
+ */
+export declare const estimateTimeWidth: (label: string) => number;
+/**
+ * A voice bubble is sized from a constant plus the time labels, not
+ * from the note's length, so a 2s and a 2min note are equally wide.
+ */
+export declare const voiceContentWidth: (durationSeconds: number, isOutgoing?: boolean) => number;
+/**
+ * The transcribe button: a 30x24 rounded rect, radius 8, and the
+ * waveform gives up 34 of its width to it - the bubble itself stays as wide.
+ */
+export declare const TRANSCRIBE_BUTTON_WIDTH = 30;
+export declare const TRANSCRIBE_BUTTON_HEIGHT = 24;
+export declare const TRANSCRIBE_BUTTON_RADIUS = 8;
+export declare const TRANSCRIBE_SLOT_WIDTH = 34;
+/**
+ * Width left for the waveform inside a voice bubble of `contentWidth`, after
+ * the row padding, the play button, the gap and, when shown, the transcribe
+ * button's slot.
+ */
+export declare const voiceTrackWidth: (contentWidth: number, rowPaddingH: number, hasTranscribeButton: boolean) => number;
+/**
+ * Where the view-once badge sits: centred 22.6274
+ * from the play button's centre at 45 degrees, i.e. 16 right and 16 down, a
+ * 10-radius disc with a 1.5 ring cut out of the button around it, holding a
+ * 14-across "1".
+ */
+export declare const VIEW_ONCE_BADGE_OFFSET = 16;
+export declare const VIEW_ONCE_BADGE_SIZE = 20;
+export declare const VIEW_ONCE_BADGE_CUT = 1.5;
+export declare const VIEW_ONCE_RING_SIZE = 14;
+/** One bar per 3 points of track. */
+export declare const barCountForWidth: (width: number) => number;
+/**
+ * Bar height for a level in 0..1. Quantised to 5-bit 0..31, scaled
+ * to 0..7 each side of the centre line, plus the 1-point round caps, so a bar
+ * runs 2..16 tall. The loudest bar is deliberately not stretched to the full
+ * area: no normalising, so a quiet note looks quiet.
+ */
+export declare const barHeight: (level: number) => number;
+/**
+ * Buckets decoded samples into `count` levels in 0..1, using each bucket's
+ * peak amplitude. Levels are absolute (0..1 of full scale), never rescaled
+ * against the loudest bucket.
+ */
+export declare const levelsFromSamples: (data: ArrayLike<number>, count: number) => number[];
+/**
+ * `IMessage.waveform` resampled to `count` bars: levels in 0..1, or 5-bit 0..31
+ * values (read on that scale when any is above 1).
+ */
+export declare const levelsFromWaveform: (waveform: ArrayLike<number> | undefined, count: number) => number[];
+/**
+ * The bar-growth animation runs only on a note that has
+ * just been sent from this device. We approximate "just sent" as an outgoing
+ * message created in the last couple of seconds.
+ */
+export declare const FRESH_NOTE_MS = 2000;
+export declare const isFreshOutgoingNote: (position: "left" | "right", createdAt: Date | number | undefined, now?: number) => boolean;
+//# sourceMappingURL=voiceWaveform.d.ts.map

package/lib/components/voiceWaveform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"voiceWaveform.d.ts","sourceRoot":"","sources":["../../src/components/voiceWaveform.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,sCAAsC;AACtC,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,oCAAoC;AACpC,eAAO,MAAM,eAAe,KAAK,CAAA;AACjC,4DAA4D;AAC5D,eAAO,MAAM,SAAS,IAAI,CAAA;AAC1B,eAAO,MAAM,QAAQ,IAAI,CAAA;AACzB,yCAAyC;AACzC,eAAO,MAAM,SAAS,KAAK,CAAA;AAC3B,iEAAiE;AACjE,eAAO,MAAM,YAAY,IAAI,CAAA;AAC7B,oCAAoC;AACpC,eAAO,MAAM,SAAS,IAAI,CAAA;AAC1B,2DAA2D;AAC3D,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAClC,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,MAAM,CAAA;AACnC,eAAO,MAAM,oBAAoB,KAAK,CAAA;AACtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,KAAK,CAAA;AACrC;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAClC,eAAO,MAAM,sBAAsB,KAAK,CAAA;AACxC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,KAAK,CAAA;AAEnC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,WAOlD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,WACO,CAAA;AAEtD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,iBAAiB,MAAM,EAAE,oBAAkB,WAEb,CAAA;AAEhE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAA;AACzC,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAC1C,eAAO,MAAM,wBAAwB,IAAI,CAAA;AACzC,eAAO,MAAM,qBAAqB,KAAK,CAAA;AAEvC;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,cAAc,MAAM,EACpB,aAAa,MAAM,EACnB,qBAAqB,OAAO,WAM3B,CAAA;AAEH;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,KAAK,CAAA;AACxC,eAAO,MAAM,oBAAoB,KAAK,CAAA;AACtC,eAAO,MAAM,mBAAmB,MAAM,CAAA;AACtC,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,qCAAqC;AACrC,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,WACwC,CAAA;AAEtF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,WAKtC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,MAAM,aAkBvE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,UAAU,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,EAAE,OAAO,MAAM,aAcxF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,OAAO,CAAA;AAEjC,eAAO,MAAM,mBAAmB,GAC9B,UAAU,MAAM,GAAG,OAAO,EAC1B,WAAW,IAAI,GAAG,MAAM,GAAG,SAAS,EACpC,YAAgB,YAWjB,CAAA"}

package/lib/components/voiceWaveform.js

@@ -0,0 +1,165 @@
+/**
+ * Geometry and formatting shared by the voice-note players.
+ */
+
+/** The play/pause circle is 44x44. */
+export const VOICE_BUTTON_SIZE = 44;
+/** The waveform area is 30 tall. */
+export const WAVEFORM_HEIGHT = 30;
+/** Each bar is a 2-wide stroke, one every 3, so a 1 gap. */
+export const BAR_WIDTH = 2;
+export const BAR_STEP = 3;
+/** Waveform levels are 5-bit samples. */
+export const LEVEL_MAX = 31;
+/** A full-level bar reaches 7 either side of the centre line. */
+export const BAR_HALF_MAX = 7;
+/** A 0.2cm drag slop, in points. */
+export const DRAG_SLOP = 8;
+/** Gap between the button and the waveform/time column. */
+export const VOICE_COLUMN_GAP = 10;
+/** Bubble content width before the time label is added (`174 + timeWidth`). */
+export const VOICE_BASE_WIDTH = 174;
+export const VOICE_TIME_FONT_SIZE = 12;
+/**
+ * Space above and below the button. A voice cell is 70 tall with the button
+ * 44 across, 13 from the top, which leaves about 12 inside the bubble on
+ * either side once its 1dp outer margins are taken off.
+ */
+export const VOICE_ROW_PADDING_V = 12;
+/**
+ * A voice bubble is widened by the message's own time as well
+ * (174 + time width + duration width), since the
+ * time shares the duration's line at the bubble's bottom-right. `timeWidth`
+ * is the `h:mm a` label, plus 20dp for the ticks on an outgoing note.
+ */
+export const VOICE_META_WIDTH = 48;
+export const VOICE_META_TICKS_WIDTH = 20;
+/**
+ * Height the bubble's time takes below content it cannot sit beside - an
+ * open transcription, or the fallback card - so it never covers it.
+ */
+export const VOICE_META_HEIGHT = 20;
+
+/**
+ * Zero-padded `00:12`, and `h:mm:ss` once a
+ * note runs past an hour.
+ */
+export const formatVoiceDuration = seconds => {
+  const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0;
+  const h = Math.floor(total / 3600);
+  const m = Math.floor(total / 60) % 60;
+  const s = total % 60;
+  const pad = n => n.toString().padStart(2, '0');
+  return h > 0 ? `${h}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;
+};
+
+/**
+ * Width the time label takes, estimated from the string rather than measured:
+ * the label changes every second while playing, and measuring it would re-lay
+ * the bubble out on each tick. Digits are tabular, so the estimate holds.
+ */
+export const estimateTimeWidth = label => Math.ceil(label.length * VOICE_TIME_FONT_SIZE * 0.6);
+
+/**
+ * A voice bubble is sized from a constant plus the time labels, not
+ * from the note's length, so a 2s and a 2min note are equally wide.
+ */
+export const voiceContentWidth = (durationSeconds, isOutgoing = false) => VOICE_BASE_WIDTH + estimateTimeWidth(formatVoiceDuration(durationSeconds)) + VOICE_META_WIDTH + (isOutgoing ? VOICE_META_TICKS_WIDTH : 0);
+
+/**
+ * The transcribe button: a 30x24 rounded rect, radius 8, and the
+ * waveform gives up 34 of its width to it - the bubble itself stays as wide.
+ */
+export const TRANSCRIBE_BUTTON_WIDTH = 30;
+export const TRANSCRIBE_BUTTON_HEIGHT = 24;
+export const TRANSCRIBE_BUTTON_RADIUS = 8;
+export const TRANSCRIBE_SLOT_WIDTH = 34;
+
+/**
+ * Width left for the waveform inside a voice bubble of `contentWidth`, after
+ * the row padding, the play button, the gap and, when shown, the transcribe
+ * button's slot.
+ */
+export const voiceTrackWidth = (contentWidth, rowPaddingH, hasTranscribeButton) => Math.max(0, contentWidth - 2 * rowPaddingH - VOICE_BUTTON_SIZE - VOICE_COLUMN_GAP - (hasTranscribeButton ? TRANSCRIBE_SLOT_WIDTH : 0));
+
+/**
+ * Where the view-once badge sits: centred 22.6274
+ * from the play button's centre at 45 degrees, i.e. 16 right and 16 down, a
+ * 10-radius disc with a 1.5 ring cut out of the button around it, holding a
+ * 14-across "1".
+ */
+export const VIEW_ONCE_BADGE_OFFSET = 16;
+export const VIEW_ONCE_BADGE_SIZE = 20;
+export const VIEW_ONCE_BADGE_CUT = 1.5;
+export const VIEW_ONCE_RING_SIZE = 14;
+
+/** One bar per 3 points of track. */
+export const barCountForWidth = width => width > 0 ? Math.max(1, Math.floor((width + (BAR_STEP - BAR_WIDTH)) / BAR_STEP)) : 0;
+
+/**
+ * Bar height for a level in 0..1. Quantised to 5-bit 0..31, scaled
+ * to 0..7 each side of the centre line, plus the 1-point round caps, so a bar
+ * runs 2..16 tall. The loudest bar is deliberately not stretched to the full
+ * area: no normalising, so a quiet note looks quiet.
+ */
+export const barHeight = level => {
+  const clamped = Number.isFinite(level) ? Math.max(0, Math.min(1, level)) : 0;
+  const quantised = Math.round(clamped * LEVEL_MAX);
+  const half = BAR_HALF_MAX * quantised / LEVEL_MAX;
+  return half * 2 + BAR_WIDTH;
+};
+
+/**
+ * Buckets decoded samples into `count` levels in 0..1, using each bucket's
+ * peak amplitude. Levels are absolute (0..1 of full scale), never rescaled
+ * against the loudest bucket.
+ */
+export const levelsFromSamples = (data, count) => {
+  if (count <= 0 || !data.length) return [];
+  const block = data.length / count;
+  const out = [];
+  for (let i = 0; i < count; i++) {
+    const start = Math.floor(i * block);
+    const end = Math.max(start + 1, Math.floor((i + 1) * block));
+    let peak = 0;
+    for (let j = start; j < end && j < data.length; j++) {
+      const v = Math.abs(data[j] || 0);
+      if (v > peak) peak = v;
+    }
+    out.push(Math.min(1, peak));
+  }
+  return out;
+};
+
+/**
+ * `IMessage.waveform` resampled to `count` bars: levels in 0..1, or 5-bit 0..31
+ * values (read on that scale when any is above 1).
+ */
+export const levelsFromWaveform = (waveform, count) => {
+  if (!waveform?.length || count <= 0) return [];
+  let max = 0;
+  for (let i = 0; i < waveform.length; i++) max = Math.max(max, waveform[i] || 0);
+  const scale = max > 1 ? LEVEL_MAX : 1;
+  const normalized = Array.from(waveform, value => Math.max(0, (value || 0) / scale));
+  if (normalized.length >= count) return levelsFromSamples(normalized, count);
+
+  // Fewer values than bars: each value covers several bars.
+  return Array.from({
+    length: count
+  }, (_, i) => Math.min(1, normalized[Math.floor(i * normalized.length / count)]));
+};
+
+/**
+ * The bar-growth animation runs only on a note that has
+ * just been sent from this device. We approximate "just sent" as an outgoing
+ * message created in the last couple of seconds.
+ */
+export const FRESH_NOTE_MS = 2000;
+export const isFreshOutgoingNote = (position, createdAt, now = Date.now()) => {
+  if (position !== 'right' || createdAt == null) return false;
+  const created = typeof createdAt === 'number' ? createdAt : createdAt.getTime?.();
+  if (created == null || !Number.isFinite(created)) return false;
+  const age = now - created;
+  return age >= -FRESH_NOTE_MS && age <= FRESH_NOTE_MS;
+};
+//# sourceMappingURL=voiceWaveform.js.map

package/lib/components/voiceWaveform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voiceWaveform.js","names":["VOICE_BUTTON_SIZE","WAVEFORM_HEIGHT","BAR_WIDTH","BAR_STEP","LEVEL_MAX","BAR_HALF_MAX","DRAG_SLOP","VOICE_COLUMN_GAP","VOICE_BASE_WIDTH","VOICE_TIME_FONT_SIZE","VOICE_ROW_PADDING_V","VOICE_META_WIDTH","VOICE_META_TICKS_WIDTH","VOICE_META_HEIGHT","formatVoiceDuration","seconds","total","Number","isFinite","Math","floor","h","m","s","pad","n","toString","padStart","estimateTimeWidth","label","ceil","length","voiceContentWidth","durationSeconds","isOutgoing","TRANSCRIBE_BUTTON_WIDTH","TRANSCRIBE_BUTTON_HEIGHT","TRANSCRIBE_BUTTON_RADIUS","TRANSCRIBE_SLOT_WIDTH","voiceTrackWidth","contentWidth","rowPaddingH","hasTranscribeButton","max","VIEW_ONCE_BADGE_OFFSET","VIEW_ONCE_BADGE_SIZE","VIEW_ONCE_BADGE_CUT","VIEW_ONCE_RING_SIZE","barCountForWidth","width","barHeight","level","clamped","min","quantised","round","half","levelsFromSamples","data","count","block","out","i","start","end","peak","j","v","abs","push","levelsFromWaveform","waveform","scale","normalized","Array","from","value","_","FRESH_NOTE_MS","isFreshOutgoingNote","position","createdAt","now","Date","created","getTime","age"],"sources":["../../src/components/voiceWaveform.ts"],"sourcesContent":["/**\n * Geometry and formatting shared by the voice-note players.\n */\n\n/** The play/pause circle is 44x44. */\nexport const VOICE_BUTTON_SIZE = 44\n/** The waveform area is 30 tall. */\nexport const WAVEFORM_HEIGHT = 30\n/** Each bar is a 2-wide stroke, one every 3, so a 1 gap. */\nexport const BAR_WIDTH = 2\nexport const BAR_STEP = 3\n/** Waveform levels are 5-bit samples. */\nexport const LEVEL_MAX = 31\n/** A full-level bar reaches 7 either side of the centre line. */\nexport const BAR_HALF_MAX = 7\n/** A 0.2cm drag slop, in points. */\nexport const DRAG_SLOP = 8\n/** Gap between the button and the waveform/time column. */\nexport const VOICE_COLUMN_GAP = 10\n/** Bubble content width before the time label is added (`174 + timeWidth`). */\nexport const VOICE_BASE_WIDTH = 174\nexport const VOICE_TIME_FONT_SIZE = 12\n/**\n * Space above and below the button. A voice cell is 70 tall with the button\n * 44 across, 13 from the top, which leaves about 12 inside the bubble on\n * either side once its 1dp outer margins are taken off.\n */\nexport const VOICE_ROW_PADDING_V = 12\n/**\n * A voice bubble is widened by the message's own time as well\n * (174 + time width + duration width), since the\n * time shares the duration's line at the bubble's bottom-right. `timeWidth`\n * is the `h:mm a` label, plus 20dp for the ticks on an outgoing note.\n */\nexport const VOICE_META_WIDTH = 48\nexport const VOICE_META_TICKS_WIDTH = 20\n/**\n * Height the bubble's time takes below content it cannot sit beside - an\n * open transcription, or the fallback card - so it never covers it.\n */\nexport const VOICE_META_HEIGHT = 20\n\n/**\n * Zero-padded `00:12`, and `h:mm:ss` once a\n * note runs past an hour.\n */\nexport const formatVoiceDuration = (seconds: number) => {\n  const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0\n  const h = Math.floor(total / 3600)\n  const m = Math.floor(total / 60) % 60\n  const s = total % 60\n  const pad = (n: number) => n.toString().padStart(2, '0')\n  return h > 0 ? `${h}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`\n}\n\n/**\n * Width the time label takes, estimated from the string rather than measured:\n * the label changes every second while playing, and measuring it would re-lay\n * the bubble out on each tick. Digits are tabular, so the estimate holds.\n */\nexport const estimateTimeWidth = (label: string) =>\n  Math.ceil(label.length * VOICE_TIME_FONT_SIZE * 0.6)\n\n/**\n * A voice bubble is sized from a constant plus the time labels, not\n * from the note's length, so a 2s and a 2min note are equally wide.\n */\nexport const voiceContentWidth = (durationSeconds: number, isOutgoing = false) =>\n  VOICE_BASE_WIDTH + estimateTimeWidth(formatVoiceDuration(durationSeconds))\n  + VOICE_META_WIDTH + (isOutgoing ? VOICE_META_TICKS_WIDTH : 0)\n\n/**\n * The transcribe button: a 30x24 rounded rect, radius 8, and the\n * waveform gives up 34 of its width to it - the bubble itself stays as wide.\n */\nexport const TRANSCRIBE_BUTTON_WIDTH = 30\nexport const TRANSCRIBE_BUTTON_HEIGHT = 24\nexport const TRANSCRIBE_BUTTON_RADIUS = 8\nexport const TRANSCRIBE_SLOT_WIDTH = 34\n\n/**\n * Width left for the waveform inside a voice bubble of `contentWidth`, after\n * the row padding, the play button, the gap and, when shown, the transcribe\n * button's slot.\n */\nexport const voiceTrackWidth = (\n  contentWidth: number,\n  rowPaddingH: number,\n  hasTranscribeButton: boolean\n) =>\n  Math.max(\n    0,\n    contentWidth - 2 * rowPaddingH - VOICE_BUTTON_SIZE - VOICE_COLUMN_GAP\n      - (hasTranscribeButton ? TRANSCRIBE_SLOT_WIDTH : 0)\n  )\n\n/**\n * Where the view-once badge sits: centred 22.6274\n * from the play button's centre at 45 degrees, i.e. 16 right and 16 down, a\n * 10-radius disc with a 1.5 ring cut out of the button around it, holding a\n * 14-across \"1\".\n */\nexport const VIEW_ONCE_BADGE_OFFSET = 16\nexport const VIEW_ONCE_BADGE_SIZE = 20\nexport const VIEW_ONCE_BADGE_CUT = 1.5\nexport const VIEW_ONCE_RING_SIZE = 14\n\n/** One bar per 3 points of track. */\nexport const barCountForWidth = (width: number) =>\n  width > 0 ? Math.max(1, Math.floor((width + (BAR_STEP - BAR_WIDTH)) / BAR_STEP)) : 0\n\n/**\n * Bar height for a level in 0..1. Quantised to 5-bit 0..31, scaled\n * to 0..7 each side of the centre line, plus the 1-point round caps, so a bar\n * runs 2..16 tall. The loudest bar is deliberately not stretched to the full\n * area: no normalising, so a quiet note looks quiet.\n */\nexport const barHeight = (level: number) => {\n  const clamped = Number.isFinite(level) ? Math.max(0, Math.min(1, level)) : 0\n  const quantised = Math.round(clamped * LEVEL_MAX)\n  const half = (BAR_HALF_MAX * quantised) / LEVEL_MAX\n  return half * 2 + BAR_WIDTH\n}\n\n/**\n * Buckets decoded samples into `count` levels in 0..1, using each bucket's\n * peak amplitude. Levels are absolute (0..1 of full scale), never rescaled\n * against the loudest bucket.\n */\nexport const levelsFromSamples = (data: ArrayLike<number>, count: number) => {\n  if (count <= 0 || !data.length)\n    return []\n\n  const block = data.length / count\n  const out: number[] = []\n  for (let i = 0; i < count; i++) {\n    const start = Math.floor(i * block)\n    const end = Math.max(start + 1, Math.floor((i + 1) * block))\n    let peak = 0\n    for (let j = start; j < end && j < data.length; j++) {\n      const v = Math.abs(data[j] || 0)\n      if (v > peak)\n        peak = v\n    }\n    out.push(Math.min(1, peak))\n  }\n  return out\n}\n\n/**\n * `IMessage.waveform` resampled to `count` bars: levels in 0..1, or 5-bit 0..31\n * values (read on that scale when any is above 1).\n */\nexport const levelsFromWaveform = (waveform: ArrayLike<number> | undefined, count: number) => {\n  if (!waveform?.length || count <= 0)\n    return []\n\n  let max = 0\n  for (let i = 0; i < waveform.length; i++)\n    max = Math.max(max, waveform[i] || 0)\n  const scale = max > 1 ? LEVEL_MAX : 1\n  const normalized = Array.from(waveform, value => Math.max(0, (value || 0) / scale))\n  if (normalized.length >= count)\n    return levelsFromSamples(normalized, count)\n\n  // Fewer values than bars: each value covers several bars.\n  return Array.from({ length: count }, (_, i) => Math.min(1, normalized[Math.floor((i * normalized.length) / count)]))\n}\n\n/**\n * The bar-growth animation runs only on a note that has\n * just been sent from this device. We approximate \"just sent\" as an outgoing\n * message created in the last couple of seconds.\n */\nexport const FRESH_NOTE_MS = 2000\n\nexport const isFreshOutgoingNote = (\n  position: 'left' | 'right',\n  createdAt: Date | number | undefined,\n  now = Date.now()\n) => {\n  if (position !== 'right' || createdAt == null)\n    return false\n\n  const created = typeof createdAt === 'number' ? createdAt : createdAt.getTime?.()\n  if (created == null || !Number.isFinite(created))\n    return false\n\n  const age = now - created\n  return age >= -FRESH_NOTE_MS && age <= FRESH_NOTE_MS\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/wallpaperGradient.d.ts

@@ -0,0 +1,16 @@
+export declare const WALLPAPER_WIDTH = 60;
+export declare const WALLPAPER_HEIGHT = 80;
+export declare const WALLPAPER_PHASES = 8;
+/** Where the four colors sit in a phase: color `i` at spot `(phase + 2i) mod 8` (`gatherPositions`). */
+export declare function gatherPositions(phase: number): Array<[number, number]>;
+/**
+ * The gradient's pixels as RGB bytes, row by row. `progress` moves the colors from the
+ * previous phase's spots (`phase + 1`) to this one's, animating a step.
+ */
+export declare function generateWallpaperPixels(colors: string[], phase: number, progress?: number, width?: number, height?: number): Uint8Array;
+/** An RGB image as a PNG with a stored (uncompressed) deflate stream - small images only. */
+export declare function encodePng(pixels: Uint8Array, width: number, height: number): Uint8Array;
+export declare function toBase64(bytes: Uint8Array): string;
+/** The gradient for a phase as a `data:` URI, cached per color set and phase. */
+export declare function getWallpaperUri(colors: string[], phase: number): string;
+//# sourceMappingURL=wallpaperGradient.d.ts.map

package/lib/components/wallpaperGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallpaperGradient.d.ts","sourceRoot":"","sources":["../../src/components/wallpaperGradient.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,KAAK,CAAA;AACjC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAClC,eAAO,MAAM,gBAAgB,IAAI,CAAA;AAcjC,wGAAwG;AACxG,wBAAgB,eAAe,CAAE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAOvE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,EAAE,EAChB,KAAK,EAAE,MAAM,EACb,QAAQ,SAAI,EACZ,KAAK,SAAkB,EACvB,MAAM,SAAmB,GACxB,UAAU,CAmDZ;AAgCD,6FAA6F;AAC7F,wBAAgB,SAAS,CAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,UAAU,CAuDxF;AAID,wBAAgB,QAAQ,CAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAgBnD;AAID,iFAAiF;AACjF,wBAAgB,eAAe,CAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAUxE"}

package/lib/components/wallpaperGradient.js

@@ -0,0 +1,186 @@
+/**
+ * The chat wallpaper gradient: four colors placed at four of eight fixed spots,
+ * each pixel swirled around the centre and then colored by inverse-distance weights. It is
+ * rendered into a 60x80 bitmap that the GPU scales up, as an uncompressed PNG, so React
+ * Native's `Image` can draw it with no dependency.
+ */
+import { parseColor } from '../colorUtils';
+export const WALLPAPER_WIDTH = 60;
+export const WALLPAPER_HEIGHT = 80;
+export const WALLPAPER_PHASES = 8;
+
+// The eight spots; y is flipped when they are gathered.
+const POSITIONS = [[0.80, 0.10], [0.60, 0.20], [0.35, 0.25], [0.25, 0.60], [0.20, 0.90], [0.40, 0.80], [0.65, 0.75], [0.75, 0.40]];
+
+/** Where the four colors sit in a phase: color `i` at spot `(phase + 2i) mod 8` (`gatherPositions`). */
+export function gatherPositions(phase) {
+  const result = [];
+  for (let i = 0; i < 4; i += 1) {
+    const [x, y] = POSITIONS[((phase + i * 2) % 8 + 8) % 8];
+    result.push([x, 1 - y]);
+  }
+  return result;
+}
+
+/**
+ * The gradient's pixels as RGB bytes, row by row. `progress` moves the colors from the
+ * previous phase's spots (`phase + 1`) to this one's, animating a step.
+ */
+export function generateWallpaperPixels(colors, phase, progress = 1, width = WALLPAPER_WIDTH, height = WALLPAPER_HEIGHT) {
+  const parsed = colors.slice(0, 4).map(color => parseColor(color) ?? {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1
+  });
+  const count = parsed.length;
+  const pixels = new Uint8Array(width * height * 3);
+  if (count === 0) return pixels;
+  const previous = gatherPositions((phase + 1) % 8);
+  const current = gatherPositions(phase);
+  const spots = previous.map(([px, py], i) => [px + (current[i][0] - px) * progress, py + (current[i][1] - py) * progress]);
+  let offset = 0;
+  for (let y = 0; y < height; y += 1) {
+    const centerDistanceY = y / height - 0.5;
+    for (let x = 0; x < width; x += 1) {
+      const centerDistanceX = x / width - 0.5;
+      const centerDistance = Math.sqrt(centerDistanceX * centerDistanceX + centerDistanceY * centerDistanceY);
+      const swirlFactor = 0.35 * centerDistance;
+      const theta = swirlFactor * swirlFactor * 0.8 * 8;
+      const sinTheta = Math.sin(theta);
+      const cosTheta = Math.cos(theta);
+      const pixelX = Math.max(0, Math.min(1, 0.5 + centerDistanceX * cosTheta - centerDistanceY * sinTheta));
+      const pixelY = Math.max(0, Math.min(1, 0.5 + centerDistanceX * sinTheta + centerDistanceY * cosTheta));
+      let distanceSum = 0;
+      let r = 0;
+      let g = 0;
+      let b = 0;
+      for (let i = 0; i < count; i += 1) {
+        const distanceX = pixelX - spots[i][0];
+        const distanceY = pixelY - spots[i][1];
+        let distance = Math.max(0, 0.9 - Math.sqrt(distanceX * distanceX + distanceY * distanceY));
+        distance = distance * distance * distance * distance;
+        distanceSum += distance;
+        r += distance * parsed[i].r;
+        g += distance * parsed[i].g;
+        b += distance * parsed[i].b;
+      }
+      const scale = distanceSum > 0 ? 1 / distanceSum : 0;
+      pixels[offset] = Math.round(r * scale);
+      pixels[offset + 1] = Math.round(g * scale);
+      pixels[offset + 2] = Math.round(b * scale);
+      offset += 3;
+    }
+  }
+  return pixels;
+}
+let crcTable = null;
+const getCrcTable = () => {
+  if (crcTable) return crcTable;
+  crcTable = new Uint32Array(256);
+  for (let n = 0; n < 256; n += 1) {
+    let c = n;
+    for (let k = 0; k < 8; k += 1) c = c & 1 ? 0xEDB88320 ^ c >>> 1 : c >>> 1;
+    crcTable[n] = c >>> 0;
+  }
+  return crcTable;
+};
+const crc32 = (bytes, start, end) => {
+  const table = getCrcTable();
+  let crc = 0xFFFFFFFF;
+  for (let i = start; i < end; i += 1) crc = table[(crc ^ bytes[i]) & 0xFF] ^ crc >>> 8;
+  return (crc ^ 0xFFFFFFFF) >>> 0;
+};
+const writeUint32 = (bytes, offset, value) => {
+  bytes[offset] = value >>> 24 & 0xFF;
+  bytes[offset + 1] = value >>> 16 & 0xFF;
+  bytes[offset + 2] = value >>> 8 & 0xFF;
+  bytes[offset + 3] = value & 0xFF;
+};
+
+/** An RGB image as a PNG with a stored (uncompressed) deflate stream - small images only. */
+export function encodePng(pixels, width, height) {
+  const rowLength = width * 3 + 1;
+  const raw = new Uint8Array(rowLength * height);
+  for (let y = 0; y < height; y += 1) {
+    raw[y * rowLength] = 0;
+    raw.set(pixels.subarray(y * width * 3, (y + 1) * width * 3), y * rowLength + 1);
+  }
+
+  // zlib: header, stored blocks of at most 65535 bytes, Adler-32.
+  const blockCount = Math.max(1, Math.ceil(raw.length / 65535));
+  const zlib = new Uint8Array(2 + raw.length + blockCount * 5 + 4);
+  zlib[0] = 0x78;
+  zlib[1] = 0x01;
+  let zOffset = 2;
+  for (let block = 0; block < blockCount; block += 1) {
+    const start = block * 65535;
+    const length = Math.min(65535, raw.length - start);
+    zlib[zOffset] = block === blockCount - 1 ? 1 : 0;
+    zlib[zOffset + 1] = length & 0xFF;
+    zlib[zOffset + 2] = length >>> 8 & 0xFF;
+    zlib[zOffset + 3] = ~length & 0xFF;
+    zlib[zOffset + 4] = ~length >>> 8 & 0xFF;
+    zlib.set(raw.subarray(start, start + length), zOffset + 5);
+    zOffset += 5 + length;
+  }
+  let a = 1;
+  let b = 0;
+  for (let i = 0; i < raw.length; i += 1) {
+    a = (a + raw[i]) % 65521;
+    b = (b + a) % 65521;
+  }
+  writeUint32(zlib, zOffset, (b << 16 | a) >>> 0);
+  const chunks = [];
+  const header = new Uint8Array(13);
+  writeUint32(header, 0, width);
+  writeUint32(header, 4, height);
+  header[8] = 8; // bit depth
+  header[9] = 2; // truecolor RGB
+  chunks.push(['IHDR', header], ['IDAT', zlib], ['IEND', new Uint8Array(0)]);
+  const total = 8 + chunks.reduce((sum, [, data]) => sum + 12 + data.length, 0);
+  const png = new Uint8Array(total);
+  png.set([0x89, 0x50, 0x4E, 0x47, 0x0D, 0x0A, 0x1A, 0x0A], 0);
+  let offset = 8;
+  for (const [type, data] of chunks) {
+    writeUint32(png, offset, data.length);
+    for (let i = 0; i < 4; i += 1) png[offset + 4 + i] = type.charCodeAt(i);
+    png.set(data, offset + 8);
+    writeUint32(png, offset + 8 + data.length, crc32(png, offset + 4, offset + 8 + data.length));
+    offset += 12 + data.length;
+  }
+  return png;
+}
+const BASE64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+export function toBase64(bytes) {
+  let out = '';
+  let i = 0;
+  for (; i + 2 < bytes.length; i += 3) {
+    const n = bytes[i] << 16 | bytes[i + 1] << 8 | bytes[i + 2];
+    out += BASE64[n >>> 18 & 63] + BASE64[n >>> 12 & 63] + BASE64[n >>> 6 & 63] + BASE64[n & 63];
+  }
+  const rest = bytes.length - i;
+  if (rest === 1) {
+    const n = bytes[i] << 16;
+    out += BASE64[n >>> 18 & 63] + BASE64[n >>> 12 & 63] + '==';
+  } else if (rest === 2) {
+    const n = bytes[i] << 16 | bytes[i + 1] << 8;
+    out += BASE64[n >>> 18 & 63] + BASE64[n >>> 12 & 63] + BASE64[n >>> 6 & 63] + '=';
+  }
+  return out;
+}
+const cache = new Map();
+
+/** The gradient for a phase as a `data:` URI, cached per color set and phase. */
+export function getWallpaperUri(colors, phase) {
+  const normalized = (phase % WALLPAPER_PHASES + WALLPAPER_PHASES) % WALLPAPER_PHASES;
+  const key = `${colors.join(',')}|${normalized}`;
+  let uri = cache.get(key);
+  if (!uri) {
+    const pixels = generateWallpaperPixels(colors, normalized);
+    uri = `data:image/png;base64,${toBase64(encodePng(pixels, WALLPAPER_WIDTH, WALLPAPER_HEIGHT))}`;
+    cache.set(key, uri);
+  }
+  return uri;
+}
+//# sourceMappingURL=wallpaperGradient.js.map

package/lib/components/wallpaperGradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallpaperGradient.js","names":["parseColor","WALLPAPER_WIDTH","WALLPAPER_HEIGHT","WALLPAPER_PHASES","POSITIONS","gatherPositions","phase","result","i","x","y","push","generateWallpaperPixels","colors","progress","width","height","parsed","slice","map","color","r","g","b","a","count","length","pixels","Uint8Array","previous","current","spots","px","py","offset","centerDistanceY","centerDistanceX","centerDistance","Math","sqrt","swirlFactor","theta","sinTheta","sin","cosTheta","cos","pixelX","max","min","pixelY","distanceSum","distanceX","distanceY","distance","scale","round","crcTable","getCrcTable","Uint32Array","n","c","k","crc32","bytes","start","end","table","crc","writeUint32","value","encodePng","rowLength","raw","set","subarray","blockCount","ceil","zlib","zOffset","block","chunks","header","total","reduce","sum","data","png","type","charCodeAt","BASE64","toBase64","out","rest","cache","Map","getWallpaperUri","normalized","key","join","uri","get"],"sources":["../../src/components/wallpaperGradient.ts"],"sourcesContent":["/**\n * The chat wallpaper gradient: four colors placed at four of eight fixed spots,\n * each pixel swirled around the centre and then colored by inverse-distance weights. It is\n * rendered into a 60x80 bitmap that the GPU scales up, as an uncompressed PNG, so React\n * Native's `Image` can draw it with no dependency.\n */\nimport { parseColor } from '../colorUtils'\n\nexport const WALLPAPER_WIDTH = 60\nexport const WALLPAPER_HEIGHT = 80\nexport const WALLPAPER_PHASES = 8\n\n// The eight spots; y is flipped when they are gathered.\nconst POSITIONS: Array<[number, number]> = [\n  [0.80, 0.10],\n  [0.60, 0.20],\n  [0.35, 0.25],\n  [0.25, 0.60],\n  [0.20, 0.90],\n  [0.40, 0.80],\n  [0.65, 0.75],\n  [0.75, 0.40],\n]\n\n/** Where the four colors sit in a phase: color `i` at spot `(phase + 2i) mod 8` (`gatherPositions`). */\nexport function gatherPositions (phase: number): Array<[number, number]> {\n  const result: Array<[number, number]> = []\n  for (let i = 0; i < 4; i += 1) {\n    const [x, y] = POSITIONS[(((phase + i * 2) % 8) + 8) % 8]\n    result.push([x, 1 - y])\n  }\n  return result\n}\n\n/**\n * The gradient's pixels as RGB bytes, row by row. `progress` moves the colors from the\n * previous phase's spots (`phase + 1`) to this one's, animating a step.\n */\nexport function generateWallpaperPixels (\n  colors: string[],\n  phase: number,\n  progress = 1,\n  width = WALLPAPER_WIDTH,\n  height = WALLPAPER_HEIGHT\n): Uint8Array {\n  const parsed = colors.slice(0, 4).map(color => parseColor(color) ?? { r: 0, g: 0, b: 0, a: 1 })\n  const count = parsed.length\n  const pixels = new Uint8Array(width * height * 3)\n  if (count === 0)\n    return pixels\n\n  const previous = gatherPositions((phase + 1) % 8)\n  const current = gatherPositions(phase)\n  const spots = previous.map(([px, py], i) => [\n    px + (current[i][0] - px) * progress,\n    py + (current[i][1] - py) * progress,\n  ])\n\n  let offset = 0\n  for (let y = 0; y < height; y += 1) {\n    const centerDistanceY = y / height - 0.5\n    for (let x = 0; x < width; x += 1) {\n      const centerDistanceX = x / width - 0.5\n      const centerDistance = Math.sqrt(centerDistanceX * centerDistanceX + centerDistanceY * centerDistanceY)\n      const swirlFactor = 0.35 * centerDistance\n      const theta = swirlFactor * swirlFactor * 0.8 * 8\n      const sinTheta = Math.sin(theta)\n      const cosTheta = Math.cos(theta)\n      const pixelX = Math.max(0, Math.min(1, 0.5 + centerDistanceX * cosTheta - centerDistanceY * sinTheta))\n      const pixelY = Math.max(0, Math.min(1, 0.5 + centerDistanceX * sinTheta + centerDistanceY * cosTheta))\n\n      let distanceSum = 0\n      let r = 0\n      let g = 0\n      let b = 0\n      for (let i = 0; i < count; i += 1) {\n        const distanceX = pixelX - spots[i][0]\n        const distanceY = pixelY - spots[i][1]\n        let distance = Math.max(0, 0.9 - Math.sqrt(distanceX * distanceX + distanceY * distanceY))\n        distance = distance * distance * distance * distance\n        distanceSum += distance\n        r += distance * parsed[i].r\n        g += distance * parsed[i].g\n        b += distance * parsed[i].b\n      }\n\n      const scale = distanceSum > 0 ? 1 / distanceSum : 0\n      pixels[offset] = Math.round(r * scale)\n      pixels[offset + 1] = Math.round(g * scale)\n      pixels[offset + 2] = Math.round(b * scale)\n      offset += 3\n    }\n  }\n\n  return pixels\n}\n\nlet crcTable: Uint32Array | null = null\nconst getCrcTable = () => {\n  if (crcTable)\n    return crcTable\n\n  crcTable = new Uint32Array(256)\n  for (let n = 0; n < 256; n += 1) {\n    let c = n\n    for (let k = 0; k < 8; k += 1)\n      c = c & 1 ? 0xEDB88320 ^ (c >>> 1) : c >>> 1\n    crcTable[n] = c >>> 0\n  }\n  return crcTable\n}\n\nconst crc32 = (bytes: Uint8Array, start: number, end: number) => {\n  const table = getCrcTable()\n  let crc = 0xFFFFFFFF\n  for (let i = start; i < end; i += 1)\n    crc = table[(crc ^ bytes[i]) & 0xFF] ^ (crc >>> 8)\n  return (crc ^ 0xFFFFFFFF) >>> 0\n}\n\nconst writeUint32 = (bytes: Uint8Array, offset: number, value: number) => {\n  bytes[offset] = (value >>> 24) & 0xFF\n  bytes[offset + 1] = (value >>> 16) & 0xFF\n  bytes[offset + 2] = (value >>> 8) & 0xFF\n  bytes[offset + 3] = value & 0xFF\n}\n\n/** An RGB image as a PNG with a stored (uncompressed) deflate stream - small images only. */\nexport function encodePng (pixels: Uint8Array, width: number, height: number): Uint8Array {\n  const rowLength = width * 3 + 1\n  const raw = new Uint8Array(rowLength * height)\n  for (let y = 0; y < height; y += 1) {\n    raw[y * rowLength] = 0\n    raw.set(pixels.subarray(y * width * 3, (y + 1) * width * 3), y * rowLength + 1)\n  }\n\n  // zlib: header, stored blocks of at most 65535 bytes, Adler-32.\n  const blockCount = Math.max(1, Math.ceil(raw.length / 65535))\n  const zlib = new Uint8Array(2 + raw.length + blockCount * 5 + 4)\n  zlib[0] = 0x78\n  zlib[1] = 0x01\n  let zOffset = 2\n  for (let block = 0; block < blockCount; block += 1) {\n    const start = block * 65535\n    const length = Math.min(65535, raw.length - start)\n    zlib[zOffset] = block === blockCount - 1 ? 1 : 0\n    zlib[zOffset + 1] = length & 0xFF\n    zlib[zOffset + 2] = (length >>> 8) & 0xFF\n    zlib[zOffset + 3] = ~length & 0xFF\n    zlib[zOffset + 4] = (~length >>> 8) & 0xFF\n    zlib.set(raw.subarray(start, start + length), zOffset + 5)\n    zOffset += 5 + length\n  }\n  let a = 1\n  let b = 0\n  for (let i = 0; i < raw.length; i += 1) {\n    a = (a + raw[i]) % 65521\n    b = (b + a) % 65521\n  }\n  writeUint32(zlib, zOffset, ((b << 16) | a) >>> 0)\n\n  const chunks: Array<[string, Uint8Array]> = []\n  const header = new Uint8Array(13)\n  writeUint32(header, 0, width)\n  writeUint32(header, 4, height)\n  header[8] = 8 // bit depth\n  header[9] = 2 // truecolor RGB\n  chunks.push(['IHDR', header], ['IDAT', zlib], ['IEND', new Uint8Array(0)])\n\n  const total = 8 + chunks.reduce((sum, [, data]) => sum + 12 + data.length, 0)\n  const png = new Uint8Array(total)\n  png.set([0x89, 0x50, 0x4E, 0x47, 0x0D, 0x0A, 0x1A, 0x0A], 0)\n  let offset = 8\n  for (const [type, data] of chunks) {\n    writeUint32(png, offset, data.length)\n    for (let i = 0; i < 4; i += 1)\n      png[offset + 4 + i] = type.charCodeAt(i)\n    png.set(data, offset + 8)\n    writeUint32(png, offset + 8 + data.length, crc32(png, offset + 4, offset + 8 + data.length))\n    offset += 12 + data.length\n  }\n\n  return png\n}\n\nconst BASE64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'\n\nexport function toBase64 (bytes: Uint8Array): string {\n  let out = ''\n  let i = 0\n  for (; i + 2 < bytes.length; i += 3) {\n    const n = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2]\n    out += BASE64[(n >>> 18) & 63] + BASE64[(n >>> 12) & 63] + BASE64[(n >>> 6) & 63] + BASE64[n & 63]\n  }\n  const rest = bytes.length - i\n  if (rest === 1) {\n    const n = bytes[i] << 16\n    out += BASE64[(n >>> 18) & 63] + BASE64[(n >>> 12) & 63] + '=='\n  } else if (rest === 2) {\n    const n = (bytes[i] << 16) | (bytes[i + 1] << 8)\n    out += BASE64[(n >>> 18) & 63] + BASE64[(n >>> 12) & 63] + BASE64[(n >>> 6) & 63] + '='\n  }\n  return out\n}\n\nconst cache = new Map<string, string>()\n\n/** The gradient for a phase as a `data:` URI, cached per color set and phase. */\nexport function getWallpaperUri (colors: string[], phase: number): string {\n  const normalized = ((phase % WALLPAPER_PHASES) + WALLPAPER_PHASES) % WALLPAPER_PHASES\n  const key = `${colors.join(',')}|${normalized}`\n  let uri = cache.get(key)\n  if (!uri) {\n    const pixels = generateWallpaperPixels(colors, normalized)\n    uri = `data:image/png;base64,${toBase64(encodePng(pixels, WALLPAPER_WIDTH, WALLPAPER_HEIGHT))}`\n    cache.set(key, uri)\n  }\n  return uri\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/components/windowInsets.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Insets for an overlay that covers the whole window (a `Modal`). The nearest provider's are
+ * often smaller - a navigator hands its screens what the header and tab bar left over, so a
+ * stack screen reads a bottom inset of 0 - so keep whichever is larger of those and the
+ * window's at launch.
+ */
+export declare const useWindowInsets: () => {
+    top: number;
+    bottom: number;
+};
+//# sourceMappingURL=windowInsets.d.ts.map

package/lib/components/windowInsets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowInsets.d.ts","sourceRoot":"","sources":["../../src/components/windowInsets.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,eAAe;;;CAU3B,CAAA"}

package/lib/components/windowInsets.js

@@ -0,0 +1,44 @@
+import { c as _c } from "react/compiler-runtime";
+import { useContext } from 'react';
+import { Platform } from 'react-native';
+import * as SafeArea from 'react-native-safe-area-context';
+
+// Without a provider (or before it measured) keep clear of the notch and the home indicator.
+const FALLBACK_INSETS = Platform.OS === 'ios' ? {
+  top: 47,
+  bottom: 34
+} : {
+  top: 24,
+  bottom: 0
+};
+
+/**
+ * Insets for an overlay that covers the whole window (a `Modal`). The nearest provider's are
+ * often smaller - a navigator hands its screens what the header and tab bar left over, so a
+ * stack screen reads a bottom inset of 0 - so keep whichever is larger of those and the
+ * window's at launch.
+ */
+export const useWindowInsets = () => {
+  const $ = _c(3);
+  const context = useContext(SafeArea.SafeAreaInsetsContext);
+  const initial = SafeArea.initialWindowMetrics?.insets;
+  if (!context && !initial) {
+    return FALLBACK_INSETS;
+  }
+  const t0 = Math.max(context?.top ?? 0, initial?.top ?? 0);
+  const t1 = Math.max(context?.bottom ?? 0, initial?.bottom ?? 0);
+  let t2;
+  if ($[0] !== t0 || $[1] !== t1) {
+    t2 = {
+      top: t0,
+      bottom: t1
+    };
+    $[0] = t0;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+};
+//# sourceMappingURL=windowInsets.js.map

package/lib/components/windowInsets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowInsets.js","names":["useContext","Platform","SafeArea","FALLBACK_INSETS","OS","top","bottom","useWindowInsets","$","_c","context","SafeAreaInsetsContext","initial","initialWindowMetrics","insets","t0","Math","max","t1","t2"],"sources":["../../src/components/windowInsets.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { Platform } from 'react-native'\nimport * as SafeArea from 'react-native-safe-area-context'\n\n// Without a provider (or before it measured) keep clear of the notch and the home indicator.\nconst FALLBACK_INSETS = Platform.OS === 'ios'\n  ? { top: 47, bottom: 34 }\n  : { top: 24, bottom: 0 }\n\n/**\n * Insets for an overlay that covers the whole window (a `Modal`). The nearest provider's are\n * often smaller - a navigator hands its screens what the header and tab bar left over, so a\n * stack screen reads a bottom inset of 0 - so keep whichever is larger of those and the\n * window's at launch.\n */\nexport const useWindowInsets = () => {\n  const context = useContext(SafeArea.SafeAreaInsetsContext)\n  const initial = SafeArea.initialWindowMetrics?.insets\n  if (!context && !initial)\n    return FALLBACK_INSETS\n\n  return {\n    top: Math.max(context?.top ?? 0, initial?.top ?? 0),\n    bottom: Math.max(context?.bottom ?? 0, initial?.bottom ?? 0),\n  }\n}\n"],"mappings":";AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAO,KAAKC,QAAQ,MAAM,gCAAgC;;AAE1D;AACA,MAAMC,eAAe,GAAGF,QAAQ,CAACG,EAAE,KAAK,KAAK,GACzC;EAAEC,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC,GACvB;EAAED,GAAG,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAE,CAAC;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGA,CAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAC7B,MAAAC,OAAA,GAAgBV,UAAU,CAACE,QAAQ,CAAAS,qBAAsB,CAAC;EAC1D,MAAAC,OAAA,GAAgBV,QAAQ,CAAAW,oBAA6B,EAAAC,MAAA;EACrD,IAAI,CAACJ,OAAmB,IAApB,CAAaE,OAAO;IAAA,OACfT,eAAe;EAAA;EAGjB,MAAAY,EAAA,GAAAC,IAAI,CAAAC,GAAI,CAACP,OAAO,EAAAL,GAAU,IAAjB,CAAiB,EAAEO,OAAO,EAAAP,GAAU,IAAjB,CAAiB,CAAC;EAC3C,MAAAa,EAAA,GAAAF,IAAI,CAAAC,GAAI,CAACP,OAAO,EAAAJ,MAAa,IAApB,CAAoB,EAAEM,OAAO,EAAAN,MAAa,IAApB,CAAoB,CAAC;EAAA,IAAAa,EAAA;EAAA,IAAAX,CAAA,QAAAO,EAAA,IAAAP,CAAA,QAAAU,EAAA;IAFvDC,EAAA;MAAAd,GAAA,EACAU,EAA8C;MAAAT,MAAA,EAC3CY;IACV,CAAC;IAAAV,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,OAHMW,EAGN;AAAA,CACF","ignoreList":[]}