react-random-loading-indicator 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,103 @@
+# react-random-loading-indicator
+
+A React loading component that randomly displays indicators from your resource list.
+
+## Install
+
+```bash
+npm install react-random-loading-indicator
+```
+
+## Quick Start
+
+```tsx
+import { RandomLoadingIndicator } from 'react-random-loading-indicator';
+
+export function Demo({ loading }: { loading: boolean }) {
+  return (
+    <RandomLoadingIndicator
+      loading={loading}
+      sources={[
+        '/loading/1.gif',
+        '/loading/2.webp',
+        '/loading/3.svg'
+      ]}
+      mode="per-load"
+    />
+  );
+}
+```
+
+## Random Modes
+
+- `per-load`: pick one random indicator every time loading starts
+- `continuous`: keep changing indicators while loading is true
+
+```tsx
+<RandomLoadingIndicator
+  loading={loading}
+  sources={['/loading/a.gif', '/loading/b.gif', '/loading/c.gif']}
+  mode="continuous"
+  intervalMs={800}
+/>
+```
+
+## Supported `sources` Formats
+
+1. `string` URL (image)
+2. `image` object
+3. `video` object
+4. `custom` renderer (for Lottie/Canvas/WebGL/etc.)
+
+```tsx
+<RandomLoadingIndicator
+  loading={loading}
+  strategy="weighted"
+  sources={[
+    '/loading/a.gif',
+    { type: 'video', src: '/loading/wave.webm', weight: 2 },
+    { type: 'custom', weight: 3, render: () => <div>Custom Loader</div> }
+  ]}
+/>
+```
+
+## Key Props
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `loading` | `boolean` | required | Whether loading is active |
+| `sources` | `IndicatorSource[]` | required | Candidate resource list |
+| `mode` | `'per-load' \| 'continuous'` | `'per-load'` | Random switching mode |
+| `intervalMs` | `number` | `1200` | Switch interval in `continuous` mode |
+| `strategy` | `'uniform' \| 'weighted' \| 'shuffle'` | `'uniform'` | Random strategy |
+| `avoidImmediateRepeat` | `boolean` | `true` | Avoid immediate repeats |
+| `seed` | `string \| number` | `undefined` | Deterministic random sequence |
+| `preload` | `boolean` | `false` | Preload image resources |
+| `idleBehavior` | `'hidden' \| 'last'` | `'hidden'` | Hide or keep last indicator after loading |
+| `onIndicatorChange` | `(event) => void` | `undefined` | Callback on indicator change |
+
+For full props, use the previewer.
+
+## Previewer (Recommended)
+
+```bash
+npm run previewer
+```
+
+- Adjust all props visually
+- Put local files in `previewer/public/assets`
+- Use URLs like `/assets/1.svg` in the sources input
+- Paste resource URLs and preview instantly
+- Generate and copy ready-to-use code
+
+## Local Development
+
+```bash
+npm install
+npm run test
+npm run build
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,403 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  RandomLoadingIndicator: () => RandomLoadingIndicator
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/RandomLoadingIndicator.tsx
+var import_react = require("react");
+
+// src/random.ts
+function hashSeed(seed) {
+  if (typeof seed === "number" && Number.isFinite(seed)) {
+    return seed >>> 0;
+  }
+  const text = String(seed);
+  let hash = 2166136261;
+  for (let i = 0; i < text.length; i += 1) {
+    hash ^= text.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
+function createSeededRandom(seed) {
+  let state = hashSeed(seed);
+  if (state === 0) {
+    state = 1831565813;
+  }
+  return () => {
+    state += 1831565813;
+    let t = state;
+    t = Math.imul(t ^ t >>> 15, t | 1);
+    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+
+// src/selection.ts
+function shuffledIndices(total, random) {
+  const result = Array.from({ length: total }, (_, index) => index);
+  for (let i = result.length - 1; i > 0; i -= 1) {
+    const j = Math.floor(random() * (i + 1));
+    [result[i], result[j]] = [result[j], result[i]];
+  }
+  return result;
+}
+function buildCandidates(total, previousIndex, avoidImmediateRepeat) {
+  const all = Array.from({ length: total }, (_, index) => index);
+  if (!avoidImmediateRepeat || previousIndex === null || total <= 1) {
+    return all;
+  }
+  return all.filter((index) => index !== previousIndex);
+}
+function pickByWeight(candidates, weights, random) {
+  const safeWeights = candidates.map((candidate) => Math.max(0, weights[candidate] ?? 1));
+  const totalWeight = safeWeights.reduce((sum, weight) => sum + weight, 0);
+  if (totalWeight <= 0) {
+    return candidates[Math.floor(random() * candidates.length)];
+  }
+  let cursor = random() * totalWeight;
+  for (let i = 0; i < candidates.length; i += 1) {
+    cursor -= safeWeights[i];
+    if (cursor <= 0) {
+      return candidates[i];
+    }
+  }
+  return candidates[candidates.length - 1];
+}
+function pickNextIndex({
+  total,
+  weights,
+  strategy,
+  previousIndex,
+  avoidImmediateRepeat,
+  random,
+  shuffleState,
+  signature
+}) {
+  if (total <= 0) {
+    return null;
+  }
+  if (total === 1) {
+    return 0;
+  }
+  if (strategy === "shuffle") {
+    if (shuffleState.signature !== signature) {
+      shuffleState.signature = signature;
+      shuffleState.queue = [];
+    }
+    if (shuffleState.queue.length === 0) {
+      shuffleState.queue = shuffledIndices(total, random);
+    }
+    if (avoidImmediateRepeat && previousIndex !== null && shuffleState.queue.length > 1 && shuffleState.queue[0] === previousIndex) {
+      const swapIndex = 1 + Math.floor(random() * (shuffleState.queue.length - 1));
+      [shuffleState.queue[0], shuffleState.queue[swapIndex]] = [
+        shuffleState.queue[swapIndex],
+        shuffleState.queue[0]
+      ];
+    }
+    if (avoidImmediateRepeat && previousIndex !== null && shuffleState.queue.length === 1 && shuffleState.queue[0] === previousIndex) {
+      shuffleState.queue = shuffledIndices(total, random);
+      if (shuffleState.queue[0] === previousIndex && shuffleState.queue.length > 1) {
+        [shuffleState.queue[0], shuffleState.queue[1]] = [
+          shuffleState.queue[1],
+          shuffleState.queue[0]
+        ];
+      }
+    }
+    const next = shuffleState.queue.shift();
+    return typeof next === "number" ? next : null;
+  }
+  const candidates = buildCandidates(total, previousIndex, avoidImmediateRepeat);
+  if (candidates.length === 0) {
+    return previousIndex;
+  }
+  if (strategy === "weighted") {
+    return pickByWeight(candidates, weights, random);
+  }
+  return candidates[Math.floor(random() * candidates.length)];
+}
+
+// src/RandomLoadingIndicator.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function joinClassNames(...values) {
+  const merged = values.filter(Boolean).join(" ").trim();
+  return merged.length > 0 ? merged : void 0;
+}
+function normalizeSource(source) {
+  if (typeof source === "string") {
+    return {
+      type: "image",
+      src: source,
+      weight: 1
+    };
+  }
+  if (source.type === "video") {
+    return {
+      ...source,
+      type: "video",
+      weight: source.weight ?? 1
+    };
+  }
+  if (source.type === "custom") {
+    return {
+      ...source,
+      type: "custom",
+      weight: source.weight ?? 1
+    };
+  }
+  return {
+    ...source,
+    type: "image",
+    weight: source.weight ?? 1
+  };
+}
+function sourceSignature(sources) {
+  return sources.map((source, index) => {
+    if (source.type === "image") {
+      return `${index}:img:${source.src}:${source.weight}`;
+    }
+    if (source.type === "video") {
+      return `${index}:video:${source.src}:${source.weight}`;
+    }
+    return `${index}:custom:${source.id ?? "no-id"}:${source.weight}`;
+  }).join("|");
+}
+function renderSourceNode(source, loading, index, ariaLabel, sourceClassName, sourceStyle) {
+  const mergedClassName = joinClassNames(sourceClassName, source.className);
+  const mergedStyle = {
+    ...sourceStyle,
+    ...source.style
+  };
+  if (source.type === "image") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: source.src,
+        alt: source.alt ?? ariaLabel,
+        loading: source.loading,
+        decoding: source.decoding,
+        referrerPolicy: source.referrerPolicy,
+        crossOrigin: source.crossOrigin,
+        width: source.width,
+        height: source.height,
+        className: mergedClassName,
+        style: {
+          ...mergedStyle,
+          objectFit: source.objectFit ?? mergedStyle.objectFit
+        }
+      }
+    );
+  }
+  if (source.type === "video") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "video",
+      {
+        src: source.src,
+        poster: source.poster,
+        autoPlay: source.autoPlay ?? true,
+        loop: source.loop ?? true,
+        muted: source.muted ?? true,
+        playsInline: source.playsInline ?? true,
+        controls: source.controls ?? false,
+        width: source.width,
+        height: source.height,
+        className: mergedClassName,
+        style: {
+          ...mergedStyle,
+          objectFit: source.objectFit ?? mergedStyle.objectFit
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: mergedClassName, style: mergedStyle, children: source.render({
+    isActive: true,
+    index,
+    loading
+  }) });
+}
+function RandomLoadingIndicator({
+  loading,
+  sources,
+  mode = "per-load",
+  intervalMs = 1200,
+  strategy = "uniform",
+  seed,
+  avoidImmediateRepeat = true,
+  preload = false,
+  pauseWhenDocumentHidden = true,
+  idleBehavior = "hidden",
+  fallback = null,
+  className,
+  style,
+  sourceClassName,
+  sourceStyle,
+  ariaLabel = "Loading indicator",
+  onIndicatorChange
+}) {
+  const normalizedSources = (0, import_react.useMemo)(
+    () => sources.map((source) => normalizeSource(source)),
+    [sources]
+  );
+  const weights = (0, import_react.useMemo)(
+    () => normalizedSources.map((source) => Math.max(0, source.weight)),
+    [normalizedSources]
+  );
+  const sourceKey = (0, import_react.useMemo)(() => sourceSignature(normalizedSources), [normalizedSources]);
+  const selectionKey = `${sourceKey}:${strategy}:${seed === void 0 ? "native" : String(seed)}:${avoidImmediateRepeat}`;
+  const random = (0, import_react.useMemo)(
+    () => seed === void 0 ? Math.random : createSeededRandom(seed),
+    [seed]
+  );
+  const [activeIndex, setActiveIndex] = (0, import_react.useState)(null);
+  const activeIndexRef = (0, import_react.useRef)(null);
+  const previousRef = (0, import_react.useRef)({
+    loading: false,
+    selectionKey: ""
+  });
+  const shuffleStateRef = (0, import_react.useRef)({
+    queue: [],
+    signature: ""
+  });
+  const selectNext = (0, import_react.useCallback)(
+    (reason) => {
+      if (normalizedSources.length === 0) {
+        activeIndexRef.current = null;
+        setActiveIndex(null);
+        return;
+      }
+      const nextIndex = pickNextIndex({
+        total: normalizedSources.length,
+        weights,
+        strategy,
+        previousIndex: activeIndexRef.current,
+        avoidImmediateRepeat,
+        random,
+        shuffleState: shuffleStateRef.current,
+        signature: selectionKey
+      });
+      if (nextIndex === null || nextIndex === activeIndexRef.current) {
+        return;
+      }
+      activeIndexRef.current = nextIndex;
+      setActiveIndex(nextIndex);
+      onIndicatorChange?.({
+        index: nextIndex,
+        source: sources[nextIndex],
+        reason
+      });
+    },
+    [avoidImmediateRepeat, normalizedSources.length, onIndicatorChange, random, selectionKey, sources, strategy, weights]
+  );
+  (0, import_react.useEffect)(() => {
+    const previous = previousRef.current;
+    const selectionChanged = previous.selectionKey !== selectionKey;
+    if (loading) {
+      if (!previous.loading) {
+        selectNext("load-start");
+      } else if (selectionChanged || activeIndexRef.current === null || activeIndexRef.current >= normalizedSources.length) {
+        selectNext("source-update");
+      }
+    } else if (previous.loading && idleBehavior === "hidden") {
+      activeIndexRef.current = null;
+      setActiveIndex(null);
+    }
+    previousRef.current = {
+      loading,
+      selectionKey
+    };
+  }, [idleBehavior, loading, normalizedSources.length, selectNext, selectionKey]);
+  (0, import_react.useEffect)(() => {
+    if (normalizedSources.length > 0) {
+      return;
+    }
+    activeIndexRef.current = null;
+    setActiveIndex(null);
+  }, [normalizedSources.length]);
+  (0, import_react.useEffect)(() => {
+    if (!loading || mode !== "continuous" || normalizedSources.length < 2) {
+      return;
+    }
+    const delay = Math.max(100, intervalMs);
+    const timerId = window.setInterval(() => {
+      if (pauseWhenDocumentHidden && typeof document !== "undefined" && document.visibilityState === "hidden") {
+        return;
+      }
+      selectNext("interval");
+    }, delay);
+    return () => {
+      window.clearInterval(timerId);
+    };
+  }, [intervalMs, loading, mode, normalizedSources.length, pauseWhenDocumentHidden, selectNext]);
+  (0, import_react.useEffect)(() => {
+    if (!preload || typeof window === "undefined") {
+      return;
+    }
+    const preloaders = [];
+    normalizedSources.forEach((source) => {
+      if (source.type === "image") {
+        const image = new window.Image();
+        if (source.crossOrigin) {
+          image.crossOrigin = source.crossOrigin;
+        }
+        image.decoding = source.decoding ?? "async";
+        image.src = source.src;
+        preloaders.push(image);
+      }
+    });
+    return () => {
+      preloaders.forEach((image) => {
+        image.src = "";
+      });
+    };
+  }, [normalizedSources, preload]);
+  if (!loading && idleBehavior === "hidden") {
+    return null;
+  }
+  if (activeIndex === null) {
+    return loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fallback }) : null;
+  }
+  const activeSource = normalizedSources[activeIndex];
+  if (!activeSource) {
+    return loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: fallback }) : null;
+  }
+  const currentIndex = activeIndex;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": loading,
+      "aria-label": ariaLabel,
+      className,
+      style,
+      "data-rli-index": currentIndex,
+      children: renderSourceNode(activeSource, loading, currentIndex, ariaLabel, sourceClassName, sourceStyle)
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RandomLoadingIndicator
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/RandomLoadingIndicator.tsx","../src/random.ts","../src/selection.ts"],"sourcesContent":["export { RandomLoadingIndicator } from './RandomLoadingIndicator';\nexport type {\n  BaseIndicatorSource,\n  CustomIndicatorSource,\n  IdleBehavior,\n  ImageIndicatorSource,\n  IndicatorChangeEvent,\n  IndicatorChangeReason,\n  IndicatorRenderContext,\n  IndicatorSource,\n  RandomLoadingIndicatorProps,\n  RandomMode,\n  RandomStrategy,\n  VideoIndicatorSource\n} from './types';\n","import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties, type ReactNode } from 'react';\nimport { createSeededRandom } from './random';\nimport { pickNextIndex, type ShuffleState } from './selection';\nimport type {\n  CustomIndicatorSource,\n  ImageIndicatorSource,\n  IndicatorChangeReason,\n  IndicatorSource,\n  RandomLoadingIndicatorProps,\n  VideoIndicatorSource\n} from './types';\n\ntype NormalizedImageSource = Omit<ImageIndicatorSource, 'type' | 'weight'> & {\n  type: 'image';\n  weight: number;\n};\n\ntype NormalizedVideoSource = Omit<VideoIndicatorSource, 'weight'> & {\n  weight: number;\n};\n\ntype NormalizedCustomSource = Omit<CustomIndicatorSource, 'weight'> & {\n  weight: number;\n};\n\ntype NormalizedSource = NormalizedImageSource | NormalizedVideoSource | NormalizedCustomSource;\n\nfunction joinClassNames(...values: Array<string | undefined>): string | undefined {\n  const merged = values.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\nfunction normalizeSource(source: IndicatorSource): NormalizedSource {\n  if (typeof source === 'string') {\n    return {\n      type: 'image',\n      src: source,\n      weight: 1\n    };\n  }\n\n  if (source.type === 'video') {\n    return {\n      ...source,\n      type: 'video',\n      weight: source.weight ?? 1\n    };\n  }\n\n  if (source.type === 'custom') {\n    return {\n      ...source,\n      type: 'custom',\n      weight: source.weight ?? 1\n    };\n  }\n\n  return {\n    ...source,\n    type: 'image',\n    weight: source.weight ?? 1\n  };\n}\n\nfunction sourceSignature(sources: NormalizedSource[]): string {\n  return sources\n    .map((source, index) => {\n      if (source.type === 'image') {\n        return `${index}:img:${source.src}:${source.weight}`;\n      }\n      if (source.type === 'video') {\n        return `${index}:video:${source.src}:${source.weight}`;\n      }\n      return `${index}:custom:${source.id ?? 'no-id'}:${source.weight}`;\n    })\n    .join('|');\n}\n\nfunction renderSourceNode(\n  source: NormalizedSource,\n  loading: boolean,\n  index: number,\n  ariaLabel: string,\n  sourceClassName?: string,\n  sourceStyle?: CSSProperties\n): ReactNode {\n  const mergedClassName = joinClassNames(sourceClassName, source.className);\n  const mergedStyle = {\n    ...sourceStyle,\n    ...source.style\n  };\n\n  if (source.type === 'image') {\n    return (\n      <img\n        src={source.src}\n        alt={source.alt ?? ariaLabel}\n        loading={source.loading}\n        decoding={source.decoding}\n        referrerPolicy={source.referrerPolicy}\n        crossOrigin={source.crossOrigin}\n        width={source.width}\n        height={source.height}\n        className={mergedClassName}\n        style={{\n          ...mergedStyle,\n          objectFit: source.objectFit ?? mergedStyle.objectFit\n        }}\n      />\n    );\n  }\n\n  if (source.type === 'video') {\n    return (\n      <video\n        src={source.src}\n        poster={source.poster}\n        autoPlay={source.autoPlay ?? true}\n        loop={source.loop ?? true}\n        muted={source.muted ?? true}\n        playsInline={source.playsInline ?? true}\n        controls={source.controls ?? false}\n        width={source.width}\n        height={source.height}\n        className={mergedClassName}\n        style={{\n          ...mergedStyle,\n          objectFit: source.objectFit ?? mergedStyle.objectFit\n        }}\n      />\n    );\n  }\n\n  return (\n    <span className={mergedClassName} style={mergedStyle}>\n      {source.render({\n        isActive: true,\n        index,\n        loading\n      })}\n    </span>\n  );\n}\n\nexport function RandomLoadingIndicator({\n  loading,\n  sources,\n  mode = 'per-load',\n  intervalMs = 1200,\n  strategy = 'uniform',\n  seed,\n  avoidImmediateRepeat = true,\n  preload = false,\n  pauseWhenDocumentHidden = true,\n  idleBehavior = 'hidden',\n  fallback = null,\n  className,\n  style,\n  sourceClassName,\n  sourceStyle,\n  ariaLabel = 'Loading indicator',\n  onIndicatorChange\n}: RandomLoadingIndicatorProps) {\n  const normalizedSources = useMemo(\n    () => sources.map((source) => normalizeSource(source)),\n    [sources]\n  );\n  const weights = useMemo(\n    () => normalizedSources.map((source) => Math.max(0, source.weight)),\n    [normalizedSources]\n  );\n  const sourceKey = useMemo(() => sourceSignature(normalizedSources), [normalizedSources]);\n  const selectionKey = `${sourceKey}:${strategy}:${seed === undefined ? 'native' : String(seed)}:${avoidImmediateRepeat}`;\n\n  const random = useMemo(\n    () => (seed === undefined ? Math.random : createSeededRandom(seed)),\n    [seed]\n  );\n\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const activeIndexRef = useRef<number | null>(null);\n  const previousRef = useRef({\n    loading: false,\n    selectionKey: ''\n  });\n  const shuffleStateRef = useRef<ShuffleState>({\n    queue: [],\n    signature: ''\n  });\n\n  const selectNext = useCallback(\n    (reason: IndicatorChangeReason) => {\n      if (normalizedSources.length === 0) {\n        activeIndexRef.current = null;\n        setActiveIndex(null);\n        return;\n      }\n\n      const nextIndex = pickNextIndex({\n        total: normalizedSources.length,\n        weights,\n        strategy,\n        previousIndex: activeIndexRef.current,\n        avoidImmediateRepeat,\n        random,\n        shuffleState: shuffleStateRef.current,\n        signature: selectionKey\n      });\n\n      if (nextIndex === null || nextIndex === activeIndexRef.current) {\n        return;\n      }\n\n      activeIndexRef.current = nextIndex;\n      setActiveIndex(nextIndex);\n      onIndicatorChange?.({\n        index: nextIndex,\n        source: sources[nextIndex],\n        reason\n      });\n    },\n    [avoidImmediateRepeat, normalizedSources.length, onIndicatorChange, random, selectionKey, sources, strategy, weights]\n  );\n\n  useEffect(() => {\n    const previous = previousRef.current;\n    const selectionChanged = previous.selectionKey !== selectionKey;\n\n    if (loading) {\n      if (!previous.loading) {\n        selectNext('load-start');\n      } else if (selectionChanged || activeIndexRef.current === null || activeIndexRef.current >= normalizedSources.length) {\n        selectNext('source-update');\n      }\n    } else if (previous.loading && idleBehavior === 'hidden') {\n      activeIndexRef.current = null;\n      setActiveIndex(null);\n    }\n\n    previousRef.current = {\n      loading,\n      selectionKey\n    };\n  }, [idleBehavior, loading, normalizedSources.length, selectNext, selectionKey]);\n\n  useEffect(() => {\n    if (normalizedSources.length > 0) {\n      return;\n    }\n    activeIndexRef.current = null;\n    setActiveIndex(null);\n  }, [normalizedSources.length]);\n\n  useEffect(() => {\n    if (!loading || mode !== 'continuous' || normalizedSources.length < 2) {\n      return;\n    }\n\n    const delay = Math.max(100, intervalMs);\n    const timerId = window.setInterval(() => {\n      if (pauseWhenDocumentHidden && typeof document !== 'undefined' && document.visibilityState === 'hidden') {\n        return;\n      }\n      selectNext('interval');\n    }, delay);\n\n    return () => {\n      window.clearInterval(timerId);\n    };\n  }, [intervalMs, loading, mode, normalizedSources.length, pauseWhenDocumentHidden, selectNext]);\n\n  useEffect(() => {\n    if (!preload || typeof window === 'undefined') {\n      return;\n    }\n\n    const preloaders: HTMLImageElement[] = [];\n    normalizedSources.forEach((source) => {\n      if (source.type === 'image') {\n        const image = new window.Image();\n        if (source.crossOrigin) {\n          image.crossOrigin = source.crossOrigin;\n        }\n        image.decoding = source.decoding ?? 'async';\n        image.src = source.src;\n        preloaders.push(image);\n      }\n    });\n\n    return () => {\n      preloaders.forEach((image) => {\n        image.src = '';\n      });\n    };\n  }, [normalizedSources, preload]);\n\n  if (!loading && idleBehavior === 'hidden') {\n    return null;\n  }\n\n  if (activeIndex === null) {\n    return loading ? <>{fallback}</> : null;\n  }\n\n  const activeSource = normalizedSources[activeIndex];\n  if (!activeSource) {\n    return loading ? <>{fallback}</> : null;\n  }\n\n  const currentIndex = activeIndex;\n\n  return (\n    <span\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy={loading}\n      aria-label={ariaLabel}\n      className={className}\n      style={style}\n      data-rli-index={currentIndex}\n    >\n      {renderSourceNode(activeSource, loading, currentIndex, ariaLabel, sourceClassName, sourceStyle)}\n    </span>\n  );\n}\n","function hashSeed(seed: string | number): number {\n  if (typeof seed === 'number' && Number.isFinite(seed)) {\n    return seed >>> 0;\n  }\n\n  const text = String(seed);\n  let hash = 2166136261;\n  for (let i = 0; i < text.length; i += 1) {\n    hash ^= text.charCodeAt(i);\n    hash = Math.imul(hash, 16777619);\n  }\n  return hash >>> 0;\n}\n\nexport function createSeededRandom(seed: string | number): () => number {\n  let state = hashSeed(seed);\n  if (state === 0) {\n    state = 0x6d2b79f5;\n  }\n\n  return () => {\n    state += 0x6d2b79f5;\n    let t = state;\n    t = Math.imul(t ^ (t >>> 15), t | 1);\n    t ^= t + Math.imul(t ^ (t >>> 7), t | 61);\n    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n  };\n}\n","import type { RandomStrategy } from './types';\n\nexport interface ShuffleState {\n  queue: number[];\n  signature: string;\n}\n\nexport interface PickNextIndexParams {\n  total: number;\n  weights: number[];\n  strategy: RandomStrategy;\n  previousIndex: number | null;\n  avoidImmediateRepeat: boolean;\n  random: () => number;\n  shuffleState: ShuffleState;\n  signature: string;\n}\n\nfunction shuffledIndices(total: number, random: () => number): number[] {\n  const result = Array.from({ length: total }, (_, index) => index);\n  for (let i = result.length - 1; i > 0; i -= 1) {\n    const j = Math.floor(random() * (i + 1));\n    [result[i], result[j]] = [result[j], result[i]];\n  }\n  return result;\n}\n\nfunction buildCandidates(\n  total: number,\n  previousIndex: number | null,\n  avoidImmediateRepeat: boolean\n): number[] {\n  const all = Array.from({ length: total }, (_, index) => index);\n  if (!avoidImmediateRepeat || previousIndex === null || total <= 1) {\n    return all;\n  }\n  return all.filter((index) => index !== previousIndex);\n}\n\nfunction pickByWeight(\n  candidates: number[],\n  weights: number[],\n  random: () => number\n): number {\n  const safeWeights = candidates.map((candidate) => Math.max(0, weights[candidate] ?? 1));\n  const totalWeight = safeWeights.reduce((sum, weight) => sum + weight, 0);\n\n  if (totalWeight <= 0) {\n    return candidates[Math.floor(random() * candidates.length)];\n  }\n\n  let cursor = random() * totalWeight;\n  for (let i = 0; i < candidates.length; i += 1) {\n    cursor -= safeWeights[i];\n    if (cursor <= 0) {\n      return candidates[i];\n    }\n  }\n\n  return candidates[candidates.length - 1];\n}\n\nexport function pickNextIndex({\n  total,\n  weights,\n  strategy,\n  previousIndex,\n  avoidImmediateRepeat,\n  random,\n  shuffleState,\n  signature\n}: PickNextIndexParams): number | null {\n  if (total <= 0) {\n    return null;\n  }\n\n  if (total === 1) {\n    return 0;\n  }\n\n  if (strategy === 'shuffle') {\n    if (shuffleState.signature !== signature) {\n      shuffleState.signature = signature;\n      shuffleState.queue = [];\n    }\n\n    if (shuffleState.queue.length === 0) {\n      shuffleState.queue = shuffledIndices(total, random);\n    }\n\n    if (\n      avoidImmediateRepeat &&\n      previousIndex !== null &&\n      shuffleState.queue.length > 1 &&\n      shuffleState.queue[0] === previousIndex\n    ) {\n      const swapIndex = 1 + Math.floor(random() * (shuffleState.queue.length - 1));\n      [shuffleState.queue[0], shuffleState.queue[swapIndex]] = [\n        shuffleState.queue[swapIndex],\n        shuffleState.queue[0]\n      ];\n    }\n\n    if (\n      avoidImmediateRepeat &&\n      previousIndex !== null &&\n      shuffleState.queue.length === 1 &&\n      shuffleState.queue[0] === previousIndex\n    ) {\n      shuffleState.queue = shuffledIndices(total, random);\n      if (shuffleState.queue[0] === previousIndex && shuffleState.queue.length > 1) {\n        [shuffleState.queue[0], shuffleState.queue[1]] = [\n          shuffleState.queue[1],\n          shuffleState.queue[0]\n        ];\n      }\n    }\n\n    const next = shuffleState.queue.shift();\n    return typeof next === 'number' ? next : null;\n  }\n\n  const candidates = buildCandidates(total, previousIndex, avoidImmediateRepeat);\n  if (candidates.length === 0) {\n    return previousIndex;\n  }\n\n  if (strategy === 'weighted') {\n    return pickByWeight(candidates, weights, random);\n  }\n\n  return candidates[Math.floor(random() * candidates.length)];\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties, ReactNode, ImgHTMLAttributes, VideoHTMLAttributes } from 'react';
+
+type RandomMode = 'per-load' | 'continuous';
+type RandomStrategy = 'uniform' | 'weighted' | 'shuffle';
+type IdleBehavior = 'hidden' | 'last';
+interface IndicatorRenderContext {
+    isActive: boolean;
+    index: number;
+    loading: boolean;
+}
+interface BaseIndicatorSource {
+    id?: string;
+    weight?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+interface ImageIndicatorSource extends BaseIndicatorSource {
+    type?: 'image';
+    src: string;
+    alt?: string;
+    decoding?: ImgHTMLAttributes<HTMLImageElement>['decoding'];
+    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
+    referrerPolicy?: ImgHTMLAttributes<HTMLImageElement>['referrerPolicy'];
+    crossOrigin?: ImgHTMLAttributes<HTMLImageElement>['crossOrigin'];
+    objectFit?: CSSProperties['objectFit'];
+    width?: number | string;
+    height?: number | string;
+}
+interface VideoIndicatorSource extends BaseIndicatorSource {
+    type: 'video';
+    src: string;
+    poster?: string;
+    autoPlay?: VideoHTMLAttributes<HTMLVideoElement>['autoPlay'];
+    loop?: VideoHTMLAttributes<HTMLVideoElement>['loop'];
+    muted?: VideoHTMLAttributes<HTMLVideoElement>['muted'];
+    playsInline?: VideoHTMLAttributes<HTMLVideoElement>['playsInline'];
+    controls?: VideoHTMLAttributes<HTMLVideoElement>['controls'];
+    objectFit?: CSSProperties['objectFit'];
+    width?: number | string;
+    height?: number | string;
+}
+interface CustomIndicatorSource extends BaseIndicatorSource {
+    type: 'custom';
+    render: (context: IndicatorRenderContext) => ReactNode;
+}
+type IndicatorSource = string | ImageIndicatorSource | VideoIndicatorSource | CustomIndicatorSource;
+type IndicatorChangeReason = 'load-start' | 'interval' | 'source-update';
+interface IndicatorChangeEvent {
+    index: number;
+    source: IndicatorSource;
+    reason: IndicatorChangeReason;
+}
+interface RandomLoadingIndicatorProps {
+    loading: boolean;
+    sources: IndicatorSource[];
+    mode?: RandomMode;
+    intervalMs?: number;
+    strategy?: RandomStrategy;
+    seed?: string | number;
+    avoidImmediateRepeat?: boolean;
+    preload?: boolean;
+    pauseWhenDocumentHidden?: boolean;
+    idleBehavior?: IdleBehavior;
+    fallback?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sourceClassName?: string;
+    sourceStyle?: CSSProperties;
+    ariaLabel?: string;
+    onIndicatorChange?: (event: IndicatorChangeEvent) => void;
+}
+
+declare function RandomLoadingIndicator({ loading, sources, mode, intervalMs, strategy, seed, avoidImmediateRepeat, preload, pauseWhenDocumentHidden, idleBehavior, fallback, className, style, sourceClassName, sourceStyle, ariaLabel, onIndicatorChange }: RandomLoadingIndicatorProps): react_jsx_runtime.JSX.Element | null;
+
+export { type BaseIndicatorSource, type CustomIndicatorSource, type IdleBehavior, type ImageIndicatorSource, type IndicatorChangeEvent, type IndicatorChangeReason, type IndicatorRenderContext, type IndicatorSource, RandomLoadingIndicator, type RandomLoadingIndicatorProps, type RandomMode, type RandomStrategy, type VideoIndicatorSource };

package/dist/index.d.ts

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties, ReactNode, ImgHTMLAttributes, VideoHTMLAttributes } from 'react';
+
+type RandomMode = 'per-load' | 'continuous';
+type RandomStrategy = 'uniform' | 'weighted' | 'shuffle';
+type IdleBehavior = 'hidden' | 'last';
+interface IndicatorRenderContext {
+    isActive: boolean;
+    index: number;
+    loading: boolean;
+}
+interface BaseIndicatorSource {
+    id?: string;
+    weight?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+interface ImageIndicatorSource extends BaseIndicatorSource {
+    type?: 'image';
+    src: string;
+    alt?: string;
+    decoding?: ImgHTMLAttributes<HTMLImageElement>['decoding'];
+    loading?: ImgHTMLAttributes<HTMLImageElement>['loading'];
+    referrerPolicy?: ImgHTMLAttributes<HTMLImageElement>['referrerPolicy'];
+    crossOrigin?: ImgHTMLAttributes<HTMLImageElement>['crossOrigin'];
+    objectFit?: CSSProperties['objectFit'];
+    width?: number | string;
+    height?: number | string;
+}
+interface VideoIndicatorSource extends BaseIndicatorSource {
+    type: 'video';
+    src: string;
+    poster?: string;
+    autoPlay?: VideoHTMLAttributes<HTMLVideoElement>['autoPlay'];
+    loop?: VideoHTMLAttributes<HTMLVideoElement>['loop'];
+    muted?: VideoHTMLAttributes<HTMLVideoElement>['muted'];
+    playsInline?: VideoHTMLAttributes<HTMLVideoElement>['playsInline'];
+    controls?: VideoHTMLAttributes<HTMLVideoElement>['controls'];
+    objectFit?: CSSProperties['objectFit'];
+    width?: number | string;
+    height?: number | string;
+}
+interface CustomIndicatorSource extends BaseIndicatorSource {
+    type: 'custom';
+    render: (context: IndicatorRenderContext) => ReactNode;
+}
+type IndicatorSource = string | ImageIndicatorSource | VideoIndicatorSource | CustomIndicatorSource;
+type IndicatorChangeReason = 'load-start' | 'interval' | 'source-update';
+interface IndicatorChangeEvent {
+    index: number;
+    source: IndicatorSource;
+    reason: IndicatorChangeReason;
+}
+interface RandomLoadingIndicatorProps {
+    loading: boolean;
+    sources: IndicatorSource[];
+    mode?: RandomMode;
+    intervalMs?: number;
+    strategy?: RandomStrategy;
+    seed?: string | number;
+    avoidImmediateRepeat?: boolean;
+    preload?: boolean;
+    pauseWhenDocumentHidden?: boolean;
+    idleBehavior?: IdleBehavior;
+    fallback?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    sourceClassName?: string;
+    sourceStyle?: CSSProperties;
+    ariaLabel?: string;
+    onIndicatorChange?: (event: IndicatorChangeEvent) => void;
+}
+
+declare function RandomLoadingIndicator({ loading, sources, mode, intervalMs, strategy, seed, avoidImmediateRepeat, preload, pauseWhenDocumentHidden, idleBehavior, fallback, className, style, sourceClassName, sourceStyle, ariaLabel, onIndicatorChange }: RandomLoadingIndicatorProps): react_jsx_runtime.JSX.Element | null;
+
+export { type BaseIndicatorSource, type CustomIndicatorSource, type IdleBehavior, type ImageIndicatorSource, type IndicatorChangeEvent, type IndicatorChangeReason, type IndicatorRenderContext, type IndicatorSource, RandomLoadingIndicator, type RandomLoadingIndicatorProps, type RandomMode, type RandomStrategy, type VideoIndicatorSource };

package/dist/index.js

@@ -0,0 +1,376 @@
+// src/RandomLoadingIndicator.tsx
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+
+// src/random.ts
+function hashSeed(seed) {
+  if (typeof seed === "number" && Number.isFinite(seed)) {
+    return seed >>> 0;
+  }
+  const text = String(seed);
+  let hash = 2166136261;
+  for (let i = 0; i < text.length; i += 1) {
+    hash ^= text.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
+function createSeededRandom(seed) {
+  let state = hashSeed(seed);
+  if (state === 0) {
+    state = 1831565813;
+  }
+  return () => {
+    state += 1831565813;
+    let t = state;
+    t = Math.imul(t ^ t >>> 15, t | 1);
+    t ^= t + Math.imul(t ^ t >>> 7, t | 61);
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+
+// src/selection.ts
+function shuffledIndices(total, random) {
+  const result = Array.from({ length: total }, (_, index) => index);
+  for (let i = result.length - 1; i > 0; i -= 1) {
+    const j = Math.floor(random() * (i + 1));
+    [result[i], result[j]] = [result[j], result[i]];
+  }
+  return result;
+}
+function buildCandidates(total, previousIndex, avoidImmediateRepeat) {
+  const all = Array.from({ length: total }, (_, index) => index);
+  if (!avoidImmediateRepeat || previousIndex === null || total <= 1) {
+    return all;
+  }
+  return all.filter((index) => index !== previousIndex);
+}
+function pickByWeight(candidates, weights, random) {
+  const safeWeights = candidates.map((candidate) => Math.max(0, weights[candidate] ?? 1));
+  const totalWeight = safeWeights.reduce((sum, weight) => sum + weight, 0);
+  if (totalWeight <= 0) {
+    return candidates[Math.floor(random() * candidates.length)];
+  }
+  let cursor = random() * totalWeight;
+  for (let i = 0; i < candidates.length; i += 1) {
+    cursor -= safeWeights[i];
+    if (cursor <= 0) {
+      return candidates[i];
+    }
+  }
+  return candidates[candidates.length - 1];
+}
+function pickNextIndex({
+  total,
+  weights,
+  strategy,
+  previousIndex,
+  avoidImmediateRepeat,
+  random,
+  shuffleState,
+  signature
+}) {
+  if (total <= 0) {
+    return null;
+  }
+  if (total === 1) {
+    return 0;
+  }
+  if (strategy === "shuffle") {
+    if (shuffleState.signature !== signature) {
+      shuffleState.signature = signature;
+      shuffleState.queue = [];
+    }
+    if (shuffleState.queue.length === 0) {
+      shuffleState.queue = shuffledIndices(total, random);
+    }
+    if (avoidImmediateRepeat && previousIndex !== null && shuffleState.queue.length > 1 && shuffleState.queue[0] === previousIndex) {
+      const swapIndex = 1 + Math.floor(random() * (shuffleState.queue.length - 1));
+      [shuffleState.queue[0], shuffleState.queue[swapIndex]] = [
+        shuffleState.queue[swapIndex],
+        shuffleState.queue[0]
+      ];
+    }
+    if (avoidImmediateRepeat && previousIndex !== null && shuffleState.queue.length === 1 && shuffleState.queue[0] === previousIndex) {
+      shuffleState.queue = shuffledIndices(total, random);
+      if (shuffleState.queue[0] === previousIndex && shuffleState.queue.length > 1) {
+        [shuffleState.queue[0], shuffleState.queue[1]] = [
+          shuffleState.queue[1],
+          shuffleState.queue[0]
+        ];
+      }
+    }
+    const next = shuffleState.queue.shift();
+    return typeof next === "number" ? next : null;
+  }
+  const candidates = buildCandidates(total, previousIndex, avoidImmediateRepeat);
+  if (candidates.length === 0) {
+    return previousIndex;
+  }
+  if (strategy === "weighted") {
+    return pickByWeight(candidates, weights, random);
+  }
+  return candidates[Math.floor(random() * candidates.length)];
+}
+
+// src/RandomLoadingIndicator.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function joinClassNames(...values) {
+  const merged = values.filter(Boolean).join(" ").trim();
+  return merged.length > 0 ? merged : void 0;
+}
+function normalizeSource(source) {
+  if (typeof source === "string") {
+    return {
+      type: "image",
+      src: source,
+      weight: 1
+    };
+  }
+  if (source.type === "video") {
+    return {
+      ...source,
+      type: "video",
+      weight: source.weight ?? 1
+    };
+  }
+  if (source.type === "custom") {
+    return {
+      ...source,
+      type: "custom",
+      weight: source.weight ?? 1
+    };
+  }
+  return {
+    ...source,
+    type: "image",
+    weight: source.weight ?? 1
+  };
+}
+function sourceSignature(sources) {
+  return sources.map((source, index) => {
+    if (source.type === "image") {
+      return `${index}:img:${source.src}:${source.weight}`;
+    }
+    if (source.type === "video") {
+      return `${index}:video:${source.src}:${source.weight}`;
+    }
+    return `${index}:custom:${source.id ?? "no-id"}:${source.weight}`;
+  }).join("|");
+}
+function renderSourceNode(source, loading, index, ariaLabel, sourceClassName, sourceStyle) {
+  const mergedClassName = joinClassNames(sourceClassName, source.className);
+  const mergedStyle = {
+    ...sourceStyle,
+    ...source.style
+  };
+  if (source.type === "image") {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: source.src,
+        alt: source.alt ?? ariaLabel,
+        loading: source.loading,
+        decoding: source.decoding,
+        referrerPolicy: source.referrerPolicy,
+        crossOrigin: source.crossOrigin,
+        width: source.width,
+        height: source.height,
+        className: mergedClassName,
+        style: {
+          ...mergedStyle,
+          objectFit: source.objectFit ?? mergedStyle.objectFit
+        }
+      }
+    );
+  }
+  if (source.type === "video") {
+    return /* @__PURE__ */ jsx(
+      "video",
+      {
+        src: source.src,
+        poster: source.poster,
+        autoPlay: source.autoPlay ?? true,
+        loop: source.loop ?? true,
+        muted: source.muted ?? true,
+        playsInline: source.playsInline ?? true,
+        controls: source.controls ?? false,
+        width: source.width,
+        height: source.height,
+        className: mergedClassName,
+        style: {
+          ...mergedStyle,
+          objectFit: source.objectFit ?? mergedStyle.objectFit
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("span", { className: mergedClassName, style: mergedStyle, children: source.render({
+    isActive: true,
+    index,
+    loading
+  }) });
+}
+function RandomLoadingIndicator({
+  loading,
+  sources,
+  mode = "per-load",
+  intervalMs = 1200,
+  strategy = "uniform",
+  seed,
+  avoidImmediateRepeat = true,
+  preload = false,
+  pauseWhenDocumentHidden = true,
+  idleBehavior = "hidden",
+  fallback = null,
+  className,
+  style,
+  sourceClassName,
+  sourceStyle,
+  ariaLabel = "Loading indicator",
+  onIndicatorChange
+}) {
+  const normalizedSources = useMemo(
+    () => sources.map((source) => normalizeSource(source)),
+    [sources]
+  );
+  const weights = useMemo(
+    () => normalizedSources.map((source) => Math.max(0, source.weight)),
+    [normalizedSources]
+  );
+  const sourceKey = useMemo(() => sourceSignature(normalizedSources), [normalizedSources]);
+  const selectionKey = `${sourceKey}:${strategy}:${seed === void 0 ? "native" : String(seed)}:${avoidImmediateRepeat}`;
+  const random = useMemo(
+    () => seed === void 0 ? Math.random : createSeededRandom(seed),
+    [seed]
+  );
+  const [activeIndex, setActiveIndex] = useState(null);
+  const activeIndexRef = useRef(null);
+  const previousRef = useRef({
+    loading: false,
+    selectionKey: ""
+  });
+  const shuffleStateRef = useRef({
+    queue: [],
+    signature: ""
+  });
+  const selectNext = useCallback(
+    (reason) => {
+      if (normalizedSources.length === 0) {
+        activeIndexRef.current = null;
+        setActiveIndex(null);
+        return;
+      }
+      const nextIndex = pickNextIndex({
+        total: normalizedSources.length,
+        weights,
+        strategy,
+        previousIndex: activeIndexRef.current,
+        avoidImmediateRepeat,
+        random,
+        shuffleState: shuffleStateRef.current,
+        signature: selectionKey
+      });
+      if (nextIndex === null || nextIndex === activeIndexRef.current) {
+        return;
+      }
+      activeIndexRef.current = nextIndex;
+      setActiveIndex(nextIndex);
+      onIndicatorChange?.({
+        index: nextIndex,
+        source: sources[nextIndex],
+        reason
+      });
+    },
+    [avoidImmediateRepeat, normalizedSources.length, onIndicatorChange, random, selectionKey, sources, strategy, weights]
+  );
+  useEffect(() => {
+    const previous = previousRef.current;
+    const selectionChanged = previous.selectionKey !== selectionKey;
+    if (loading) {
+      if (!previous.loading) {
+        selectNext("load-start");
+      } else if (selectionChanged || activeIndexRef.current === null || activeIndexRef.current >= normalizedSources.length) {
+        selectNext("source-update");
+      }
+    } else if (previous.loading && idleBehavior === "hidden") {
+      activeIndexRef.current = null;
+      setActiveIndex(null);
+    }
+    previousRef.current = {
+      loading,
+      selectionKey
+    };
+  }, [idleBehavior, loading, normalizedSources.length, selectNext, selectionKey]);
+  useEffect(() => {
+    if (normalizedSources.length > 0) {
+      return;
+    }
+    activeIndexRef.current = null;
+    setActiveIndex(null);
+  }, [normalizedSources.length]);
+  useEffect(() => {
+    if (!loading || mode !== "continuous" || normalizedSources.length < 2) {
+      return;
+    }
+    const delay = Math.max(100, intervalMs);
+    const timerId = window.setInterval(() => {
+      if (pauseWhenDocumentHidden && typeof document !== "undefined" && document.visibilityState === "hidden") {
+        return;
+      }
+      selectNext("interval");
+    }, delay);
+    return () => {
+      window.clearInterval(timerId);
+    };
+  }, [intervalMs, loading, mode, normalizedSources.length, pauseWhenDocumentHidden, selectNext]);
+  useEffect(() => {
+    if (!preload || typeof window === "undefined") {
+      return;
+    }
+    const preloaders = [];
+    normalizedSources.forEach((source) => {
+      if (source.type === "image") {
+        const image = new window.Image();
+        if (source.crossOrigin) {
+          image.crossOrigin = source.crossOrigin;
+        }
+        image.decoding = source.decoding ?? "async";
+        image.src = source.src;
+        preloaders.push(image);
+      }
+    });
+    return () => {
+      preloaders.forEach((image) => {
+        image.src = "";
+      });
+    };
+  }, [normalizedSources, preload]);
+  if (!loading && idleBehavior === "hidden") {
+    return null;
+  }
+  if (activeIndex === null) {
+    return loading ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
+  }
+  const activeSource = normalizedSources[activeIndex];
+  if (!activeSource) {
+    return loading ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
+  }
+  const currentIndex = activeIndex;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": loading,
+      "aria-label": ariaLabel,
+      className,
+      style,
+      "data-rli-index": currentIndex,
+      children: renderSourceNode(activeSource, loading, currentIndex, ariaLabel, sourceClassName, sourceStyle)
+    }
+  );
+}
+export {
+  RandomLoadingIndicator
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/RandomLoadingIndicator.tsx","../src/random.ts","../src/selection.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties, type ReactNode } from 'react';\nimport { createSeededRandom } from './random';\nimport { pickNextIndex, type ShuffleState } from './selection';\nimport type {\n  CustomIndicatorSource,\n  ImageIndicatorSource,\n  IndicatorChangeReason,\n  IndicatorSource,\n  RandomLoadingIndicatorProps,\n  VideoIndicatorSource\n} from './types';\n\ntype NormalizedImageSource = Omit<ImageIndicatorSource, 'type' | 'weight'> & {\n  type: 'image';\n  weight: number;\n};\n\ntype NormalizedVideoSource = Omit<VideoIndicatorSource, 'weight'> & {\n  weight: number;\n};\n\ntype NormalizedCustomSource = Omit<CustomIndicatorSource, 'weight'> & {\n  weight: number;\n};\n\ntype NormalizedSource = NormalizedImageSource | NormalizedVideoSource | NormalizedCustomSource;\n\nfunction joinClassNames(...values: Array<string | undefined>): string | undefined {\n  const merged = values.filter(Boolean).join(' ').trim();\n  return merged.length > 0 ? merged : undefined;\n}\n\nfunction normalizeSource(source: IndicatorSource): NormalizedSource {\n  if (typeof source === 'string') {\n    return {\n      type: 'image',\n      src: source,\n      weight: 1\n    };\n  }\n\n  if (source.type === 'video') {\n    return {\n      ...source,\n      type: 'video',\n      weight: source.weight ?? 1\n    };\n  }\n\n  if (source.type === 'custom') {\n    return {\n      ...source,\n      type: 'custom',\n      weight: source.weight ?? 1\n    };\n  }\n\n  return {\n    ...source,\n    type: 'image',\n    weight: source.weight ?? 1\n  };\n}\n\nfunction sourceSignature(sources: NormalizedSource[]): string {\n  return sources\n    .map((source, index) => {\n      if (source.type === 'image') {\n        return `${index}:img:${source.src}:${source.weight}`;\n      }\n      if (source.type === 'video') {\n        return `${index}:video:${source.src}:${source.weight}`;\n      }\n      return `${index}:custom:${source.id ?? 'no-id'}:${source.weight}`;\n    })\n    .join('|');\n}\n\nfunction renderSourceNode(\n  source: NormalizedSource,\n  loading: boolean,\n  index: number,\n  ariaLabel: string,\n  sourceClassName?: string,\n  sourceStyle?: CSSProperties\n): ReactNode {\n  const mergedClassName = joinClassNames(sourceClassName, source.className);\n  const mergedStyle = {\n    ...sourceStyle,\n    ...source.style\n  };\n\n  if (source.type === 'image') {\n    return (\n      <img\n        src={source.src}\n        alt={source.alt ?? ariaLabel}\n        loading={source.loading}\n        decoding={source.decoding}\n        referrerPolicy={source.referrerPolicy}\n        crossOrigin={source.crossOrigin}\n        width={source.width}\n        height={source.height}\n        className={mergedClassName}\n        style={{\n          ...mergedStyle,\n          objectFit: source.objectFit ?? mergedStyle.objectFit\n        }}\n      />\n    );\n  }\n\n  if (source.type === 'video') {\n    return (\n      <video\n        src={source.src}\n        poster={source.poster}\n        autoPlay={source.autoPlay ?? true}\n        loop={source.loop ?? true}\n        muted={source.muted ?? true}\n        playsInline={source.playsInline ?? true}\n        controls={source.controls ?? false}\n        width={source.width}\n        height={source.height}\n        className={mergedClassName}\n        style={{\n          ...mergedStyle,\n          objectFit: source.objectFit ?? mergedStyle.objectFit\n        }}\n      />\n    );\n  }\n\n  return (\n    <span className={mergedClassName} style={mergedStyle}>\n      {source.render({\n        isActive: true,\n        index,\n        loading\n      })}\n    </span>\n  );\n}\n\nexport function RandomLoadingIndicator({\n  loading,\n  sources,\n  mode = 'per-load',\n  intervalMs = 1200,\n  strategy = 'uniform',\n  seed,\n  avoidImmediateRepeat = true,\n  preload = false,\n  pauseWhenDocumentHidden = true,\n  idleBehavior = 'hidden',\n  fallback = null,\n  className,\n  style,\n  sourceClassName,\n  sourceStyle,\n  ariaLabel = 'Loading indicator',\n  onIndicatorChange\n}: RandomLoadingIndicatorProps) {\n  const normalizedSources = useMemo(\n    () => sources.map((source) => normalizeSource(source)),\n    [sources]\n  );\n  const weights = useMemo(\n    () => normalizedSources.map((source) => Math.max(0, source.weight)),\n    [normalizedSources]\n  );\n  const sourceKey = useMemo(() => sourceSignature(normalizedSources), [normalizedSources]);\n  const selectionKey = `${sourceKey}:${strategy}:${seed === undefined ? 'native' : String(seed)}:${avoidImmediateRepeat}`;\n\n  const random = useMemo(\n    () => (seed === undefined ? Math.random : createSeededRandom(seed)),\n    [seed]\n  );\n\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const activeIndexRef = useRef<number | null>(null);\n  const previousRef = useRef({\n    loading: false,\n    selectionKey: ''\n  });\n  const shuffleStateRef = useRef<ShuffleState>({\n    queue: [],\n    signature: ''\n  });\n\n  const selectNext = useCallback(\n    (reason: IndicatorChangeReason) => {\n      if (normalizedSources.length === 0) {\n        activeIndexRef.current = null;\n        setActiveIndex(null);\n        return;\n      }\n\n      const nextIndex = pickNextIndex({\n        total: normalizedSources.length,\n        weights,\n        strategy,\n        previousIndex: activeIndexRef.current,\n        avoidImmediateRepeat,\n        random,\n        shuffleState: shuffleStateRef.current,\n        signature: selectionKey\n      });\n\n      if (nextIndex === null || nextIndex === activeIndexRef.current) {\n        return;\n      }\n\n      activeIndexRef.current = nextIndex;\n      setActiveIndex(nextIndex);\n      onIndicatorChange?.({\n        index: nextIndex,\n        source: sources[nextIndex],\n        reason\n      });\n    },\n    [avoidImmediateRepeat, normalizedSources.length, onIndicatorChange, random, selectionKey, sources, strategy, weights]\n  );\n\n  useEffect(() => {\n    const previous = previousRef.current;\n    const selectionChanged = previous.selectionKey !== selectionKey;\n\n    if (loading) {\n      if (!previous.loading) {\n        selectNext('load-start');\n      } else if (selectionChanged || activeIndexRef.current === null || activeIndexRef.current >= normalizedSources.length) {\n        selectNext('source-update');\n      }\n    } else if (previous.loading && idleBehavior === 'hidden') {\n      activeIndexRef.current = null;\n      setActiveIndex(null);\n    }\n\n    previousRef.current = {\n      loading,\n      selectionKey\n    };\n  }, [idleBehavior, loading, normalizedSources.length, selectNext, selectionKey]);\n\n  useEffect(() => {\n    if (normalizedSources.length > 0) {\n      return;\n    }\n    activeIndexRef.current = null;\n    setActiveIndex(null);\n  }, [normalizedSources.length]);\n\n  useEffect(() => {\n    if (!loading || mode !== 'continuous' || normalizedSources.length < 2) {\n      return;\n    }\n\n    const delay = Math.max(100, intervalMs);\n    const timerId = window.setInterval(() => {\n      if (pauseWhenDocumentHidden && typeof document !== 'undefined' && document.visibilityState === 'hidden') {\n        return;\n      }\n      selectNext('interval');\n    }, delay);\n\n    return () => {\n      window.clearInterval(timerId);\n    };\n  }, [intervalMs, loading, mode, normalizedSources.length, pauseWhenDocumentHidden, selectNext]);\n\n  useEffect(() => {\n    if (!preload || typeof window === 'undefined') {\n      return;\n    }\n\n    const preloaders: HTMLImageElement[] = [];\n    normalizedSources.forEach((source) => {\n      if (source.type === 'image') {\n        const image = new window.Image();\n        if (source.crossOrigin) {\n          image.crossOrigin = source.crossOrigin;\n        }\n        image.decoding = source.decoding ?? 'async';\n        image.src = source.src;\n        preloaders.push(image);\n      }\n    });\n\n    return () => {\n      preloaders.forEach((image) => {\n        image.src = '';\n      });\n    };\n  }, [normalizedSources, preload]);\n\n  if (!loading && idleBehavior === 'hidden') {\n    return null;\n  }\n\n  if (activeIndex === null) {\n    return loading ? <>{fallback}</> : null;\n  }\n\n  const activeSource = normalizedSources[activeIndex];\n  if (!activeSource) {\n    return loading ? <>{fallback}</> : null;\n  }\n\n  const currentIndex = activeIndex;\n\n  return (\n    <span\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy={loading}\n      aria-label={ariaLabel}\n      className={className}\n      style={style}\n      data-rli-index={currentIndex}\n    >\n      {renderSourceNode(activeSource, loading, currentIndex, ariaLabel, sourceClassName, sourceStyle)}\n    </span>\n  );\n}\n","function hashSeed(seed: string | number): number {\n  if (typeof seed === 'number' && Number.isFinite(seed)) {\n    return seed >>> 0;\n  }\n\n  const text = String(seed);\n  let hash = 2166136261;\n  for (let i = 0; i < text.length; i += 1) {\n    hash ^= text.charCodeAt(i);\n    hash = Math.imul(hash, 16777619);\n  }\n  return hash >>> 0;\n}\n\nexport function createSeededRandom(seed: string | number): () => number {\n  let state = hashSeed(seed);\n  if (state === 0) {\n    state = 0x6d2b79f5;\n  }\n\n  return () => {\n    state += 0x6d2b79f5;\n    let t = state;\n    t = Math.imul(t ^ (t >>> 15), t | 1);\n    t ^= t + Math.imul(t ^ (t >>> 7), t | 61);\n    return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n  };\n}\n","import type { RandomStrategy } from './types';\n\nexport interface ShuffleState {\n  queue: number[];\n  signature: string;\n}\n\nexport interface PickNextIndexParams {\n  total: number;\n  weights: number[];\n  strategy: RandomStrategy;\n  previousIndex: number | null;\n  avoidImmediateRepeat: boolean;\n  random: () => number;\n  shuffleState: ShuffleState;\n  signature: string;\n}\n\nfunction shuffledIndices(total: number, random: () => number): number[] {\n  const result = Array.from({ length: total }, (_, index) => index);\n  for (let i = result.length - 1; i > 0; i -= 1) {\n    const j = Math.floor(random() * (i + 1));\n    [result[i], result[j]] = [result[j], result[i]];\n  }\n  return result;\n}\n\nfunction buildCandidates(\n  total: number,\n  previousIndex: number | null,\n  avoidImmediateRepeat: boolean\n): number[] {\n  const all = Array.from({ length: total }, (_, index) => index);\n  if (!avoidImmediateRepeat || previousIndex === null || total <= 1) {\n    return all;\n  }\n  return all.filter((index) => index !== previousIndex);\n}\n\nfunction pickByWeight(\n  candidates: number[],\n  weights: number[],\n  random: () => number\n): number {\n  const safeWeights = candidates.map((candidate) => Math.max(0, weights[candidate] ?? 1));\n  const totalWeight = safeWeights.reduce((sum, weight) => sum + weight, 0);\n\n  if (totalWeight <= 0) {\n    return candidates[Math.floor(random() * candidates.length)];\n  }\n\n  let cursor = random() * totalWeight;\n  for (let i = 0; i < candidates.length; i += 1) {\n    cursor -= safeWeights[i];\n    if (cursor <= 0) {\n      return candidates[i];\n    }\n  }\n\n  return candidates[candidates.length - 1];\n}\n\nexport function pickNextIndex({\n  total,\n  weights,\n  strategy,\n  previousIndex,\n  avoidImmediateRepeat,\n  random,\n  shuffleState,\n  signature\n}: PickNextIndexParams): number | null {\n  if (total <= 0) {\n    return null;\n  }\n\n  if (total === 1) {\n    return 0;\n  }\n\n  if (strategy === 'shuffle') {\n    if (shuffleState.signature !== signature) {\n      shuffleState.signature = signature;\n      shuffleState.queue = [];\n    }\n\n    if (shuffleState.queue.length === 0) {\n      shuffleState.queue = shuffledIndices(total, random);\n    }\n\n    if (\n      avoidImmediateRepeat &&\n      previousIndex !== null &&\n      shuffleState.queue.length > 1 &&\n      shuffleState.queue[0] === previousIndex\n    ) {\n      const swapIndex = 1 + Math.floor(random() * (shuffleState.queue.length - 1));\n      [shuffleState.queue[0], shuffleState.queue[swapIndex]] = [\n        shuffleState.queue[swapIndex],\n        shuffleState.queue[0]\n      ];\n    }\n\n    if (\n      avoidImmediateRepeat &&\n      previousIndex !== null &&\n      shuffleState.queue.length === 1 &&\n      shuffleState.queue[0] === previousIndex\n    ) {\n      shuffleState.queue = shuffledIndices(total, random);\n      if (shuffleState.queue[0] === previousIndex && shuffleState.queue.length > 1) {\n        [shuffleState.queue[0], shuffleState.queue[1]] = [\n          shuffleState.queue[1],\n          shuffleState.queue[0]\n        ];\n      }\n    }\n\n    const next = shuffleState.queue.shift();\n    return typeof next === 'number' ? next : null;\n  }\n\n  const candidates = buildCandidates(total, previousIndex, avoidImmediateRepeat);\n  if (candidates.length === 0) {\n    return previousIndex;\n  }\n\n  if (strategy === 'weighted') {\n    return pickByWeight(candidates, weights, random);\n  }\n\n  return candidates[Math.floor(random() * candidates.length)];\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "react-random-loading-indicator",
+  "version": "1.0.0",
+  "description": "A React component for random loading indicators.",
+  "keywords": [
+    "react",
+    "loading",
+    "indicator",
+    "spinner",
+    "random",
+    "component"
+  ],
+  "author": "Qi Xi <me@imxiqi.com> (https://imxiqi.com)",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xiqi/react-random-loading-indicator.git"
+  },
+  "homepage": "https://github.com/xiqi/react-random-loading-indicator",
+  "bugs": {
+    "url": "https://github.com/xiqi/react-random-loading-indicator/issues"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "previewer": "vite previewer --config previewer/vite.config.ts",
+    "previewer:build": "vite build previewer --config previewer/vite.config.ts",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
+    "jsdom": "^28.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
+  }
+}