@medialane/ui 0.332.0 → 0.333.0

package/dist/components/media-header.js

@@ -10,6 +10,8 @@ function PageBackdrop({ image }) {
       src: image,
       alt: "",
       "aria-hidden": true,
+      loading: "lazy",
+      decoding: "async",
       className: "absolute inset-0 w-full h-full object-cover opacity-50 dark:opacity-40 scale-110",
       style: { filter: "blur(80px) saturate(1.8)" }
     }

package/dist/components/media-header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/media-header.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ElementType, type ReactNode } from \"react\";\nimport { Skeleton } from \"./skeleton.js\";\n\nexport interface MediaHeaderProps {\n  image: string | null;\n  imageAlt: string;\n  fallbackIcon: ElementType;\n  loading?: boolean;\n  children: ReactNode;\n}\n\nexport function PageBackdrop({ image }: { image: string | null }) {\n  if (!image) return null;\n  return (\n    <div className=\"fixed inset-0 -z-10 overflow-hidden pointer-events-none\">\n      <img\n        src={image}\n        alt=\"\"\n        aria-hidden\n        className=\"absolute inset-0 w-full h-full object-cover opacity-50 dark:opacity-40 scale-110\"\n        style={{ filter: \"blur(80px) saturate(1.8)\" }}\n      />\n    </div>\n  );\n}\n\nconst FRAME = \"w-full sm:w-44 lg:w-56 shrink-0 rounded-2xl overflow-hidden bg-muted\";\n\nexport function MediaHeader({ image, imageAlt, fallbackIcon: FallbackIcon, loading = false, children }: MediaHeaderProps) {\n  const [imgError, setImgError] = useState(false);\n\n  if (loading) {\n    return (\n      <div className=\"flex flex-col sm:flex-row gap-6 lg:gap-8 items-start lg:max-w-5xl lg:mx-auto\">\n        <Skeleton className={`${FRAME} aspect-square`} />\n        <div className=\"flex-1 w-full space-y-3\">\n          <Skeleton className=\"h-6 w-40\" />\n          <Skeleton className=\"h-10 w-2/3\" />\n          <Skeleton className=\"h-16 w-full\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col sm:flex-row gap-6 lg:gap-8 items-start lg:max-w-5xl lg:mx-auto\">\n      <PageBackdrop image={image} />\n\n      <div className={FRAME}>\n        {image && !imgError ? (\n          <img src={image} alt={imageAlt} onError={() => setImgError(true)} className=\"block w-full h-auto max-h-[80vh] object-contain sm:aspect-square sm:h-full sm:object-cover\" />\n        ) : (\n          <div className=\"aspect-square w-full flex items-center justify-center\">\n            <FallbackIcon className=\"h-1/3 w-1/3 text-muted-foreground/40\" />\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex-1 space-y-5 min-w-0 w-full\">{children}</div>\n    </div>\n  );\n}\n\nexport function HeaderStats({ children }: { children: ReactNode }) {\n  return <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground\">{children}</div>;\n}\n\nexport function HeaderStat({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5\">\n      <span>{label}</span>\n      <span className=\"font-semibold text-foreground tabular-nums\">{children}</span>\n    </span>\n  );\n}\n"],"mappings":";AAiBM,cAoBE,YApBF;AAfN,SAAS,gBAAkD;AAC3D,SAAS,gBAAgB;AAUlB,SAAS,aAAa,EAAE,MAAM,GAA6B;AAChE,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,oBAAC,SAAI,WAAU,2DACb;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAI;AAAA,MACJ,eAAW;AAAA,MACX,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,2BAA2B;AAAA;AAAA,EAC9C,GACF;AAEJ;AAEA,MAAM,QAAQ;AAEP,SAAS,YAAY,EAAE,OAAO,UAAU,cAAc,cAAc,UAAU,OAAO,SAAS,GAAqB;AACxH,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,MAAI,SAAS;AACX,WACE,qBAAC,SAAI,WAAU,gFACb;AAAA,0BAAC,YAAS,WAAW,GAAG,KAAK,kBAAkB;AAAA,MAC/C,qBAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,YAAS,WAAU,YAAW;AAAA,QAC/B,oBAAC,YAAS,WAAU,cAAa;AAAA,QACjC,oBAAC,YAAS,WAAU,eAAc;AAAA,SACpC;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,gFACb;AAAA,wBAAC,gBAAa,OAAc;AAAA,IAE5B,oBAAC,SAAI,WAAW,OACb,mBAAS,CAAC,WACT,oBAAC,SAAI,KAAK,OAAO,KAAK,UAAU,SAAS,MAAM,YAAY,IAAI,GAAG,WAAU,8FAA6F,IAEzK,oBAAC,SAAI,WAAU,yDACb,8BAAC,gBAAa,WAAU,wCAAuC,GACjE,GAEJ;AAAA,IAEA,oBAAC,SAAI,WAAU,mCAAmC,UAAS;AAAA,KAC7D;AAEJ;AAEO,SAAS,YAAY,EAAE,SAAS,GAA4B;AACjE,SAAO,oBAAC,SAAI,WAAU,6EAA6E,UAAS;AAC9G;AAEO,SAAS,WAAW,EAAE,OAAO,SAAS,GAA2C;AACtF,SACE,qBAAC,UAAK,WAAU,oCACd;AAAA,wBAAC,UAAM,iBAAM;AAAA,IACb,oBAAC,UAAK,WAAU,8CAA8C,UAAS;AAAA,KACzE;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/media-header.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ElementType, type ReactNode } from \"react\";\nimport { Skeleton } from \"./skeleton.js\";\n\nexport interface MediaHeaderProps {\n  image: string | null;\n  imageAlt: string;\n  fallbackIcon: ElementType;\n  loading?: boolean;\n  children: ReactNode;\n}\n\nexport function PageBackdrop({ image }: { image: string | null }) {\n  if (!image) return null;\n  return (\n    <div className=\"fixed inset-0 -z-10 overflow-hidden pointer-events-none\">\n      <img\n        src={image}\n        alt=\"\"\n        aria-hidden\n        loading=\"lazy\"\n        decoding=\"async\"\n        className=\"absolute inset-0 w-full h-full object-cover opacity-50 dark:opacity-40 scale-110\"\n        style={{ filter: \"blur(80px) saturate(1.8)\" }}\n      />\n    </div>\n  );\n}\n\nconst FRAME = \"w-full sm:w-44 lg:w-56 shrink-0 rounded-2xl overflow-hidden bg-muted\";\n\nexport function MediaHeader({ image, imageAlt, fallbackIcon: FallbackIcon, loading = false, children }: MediaHeaderProps) {\n  const [imgError, setImgError] = useState(false);\n\n  if (loading) {\n    return (\n      <div className=\"flex flex-col sm:flex-row gap-6 lg:gap-8 items-start lg:max-w-5xl lg:mx-auto\">\n        <Skeleton className={`${FRAME} aspect-square`} />\n        <div className=\"flex-1 w-full space-y-3\">\n          <Skeleton className=\"h-6 w-40\" />\n          <Skeleton className=\"h-10 w-2/3\" />\n          <Skeleton className=\"h-16 w-full\" />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col sm:flex-row gap-6 lg:gap-8 items-start lg:max-w-5xl lg:mx-auto\">\n      <PageBackdrop image={image} />\n\n      <div className={FRAME}>\n        {image && !imgError ? (\n          <img src={image} alt={imageAlt} onError={() => setImgError(true)} className=\"block w-full h-auto max-h-[80vh] object-contain sm:aspect-square sm:h-full sm:object-cover\" />\n        ) : (\n          <div className=\"aspect-square w-full flex items-center justify-center\">\n            <FallbackIcon className=\"h-1/3 w-1/3 text-muted-foreground/40\" />\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex-1 space-y-5 min-w-0 w-full\">{children}</div>\n    </div>\n  );\n}\n\nexport function HeaderStats({ children }: { children: ReactNode }) {\n  return <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-muted-foreground\">{children}</div>;\n}\n\nexport function HeaderStat({ label, children }: { label: string; children: ReactNode }) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5\">\n      <span>{label}</span>\n      <span className=\"font-semibold text-foreground tabular-nums\">{children}</span>\n    </span>\n  );\n}\n"],"mappings":";AAiBM,cAsBE,YAtBF;AAfN,SAAS,gBAAkD;AAC3D,SAAS,gBAAgB;AAUlB,SAAS,aAAa,EAAE,MAAM,GAA6B;AAChE,MAAI,CAAC,MAAO,QAAO;AACnB,SACE,oBAAC,SAAI,WAAU,2DACb;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAI;AAAA,MACJ,eAAW;AAAA,MACX,SAAQ;AAAA,MACR,UAAS;AAAA,MACT,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,2BAA2B;AAAA;AAAA,EAC9C,GACF;AAEJ;AAEA,MAAM,QAAQ;AAEP,SAAS,YAAY,EAAE,OAAO,UAAU,cAAc,cAAc,UAAU,OAAO,SAAS,GAAqB;AACxH,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,MAAI,SAAS;AACX,WACE,qBAAC,SAAI,WAAU,gFACb;AAAA,0BAAC,YAAS,WAAW,GAAG,KAAK,kBAAkB;AAAA,MAC/C,qBAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,YAAS,WAAU,YAAW;AAAA,QAC/B,oBAAC,YAAS,WAAU,cAAa;AAAA,QACjC,oBAAC,YAAS,WAAU,eAAc;AAAA,SACpC;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,gFACb;AAAA,wBAAC,gBAAa,OAAc;AAAA,IAE5B,oBAAC,SAAI,WAAW,OACb,mBAAS,CAAC,WACT,oBAAC,SAAI,KAAK,OAAO,KAAK,UAAU,SAAS,MAAM,YAAY,IAAI,GAAG,WAAU,8FAA6F,IAEzK,oBAAC,SAAI,WAAU,yDACb,8BAAC,gBAAa,WAAU,wCAAuC,GACjE,GAEJ;AAAA,IAEA,oBAAC,SAAI,WAAU,mCAAmC,UAAS;AAAA,KAC7D;AAEJ;AAEO,SAAS,YAAY,EAAE,SAAS,GAA4B;AACjE,SAAO,oBAAC,SAAI,WAAU,6EAA6E,UAAS;AAC9G;AAEO,SAAS,WAAW,EAAE,OAAO,SAAS,GAA2C;AACtF,SACE,qBAAC,UAAK,WAAU,oCACd;AAAA,wBAAC,UAAM,iBAAM;AAAA,IACb,oBAAC,UAAK,WAAU,8CAA8C,UAAS;AAAA,KACzE;AAEJ;","names":[]}

package/dist/components/sheet.d.cts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/components/sheet.d.ts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/utils/use-collections.cjs

@@ -60,14 +60,14 @@ function useCollections(page = 1, limit = 20, isFeatured, sort = "recent", hideE
     mutate
   };
 }
-function useCollection(contract) {
+function useCollection(contract, initial) {
   const client = (0, import_use_medialane_client.useMedialaneClient)();
   const { data, error, isLoading } = (0, import_swr.default)(
     contract ? import_query_keys.queryKeys.collection(contract) : null,
     () => client.api.collections.get(contract),
-    { revalidateOnFocus: false }
+    { revalidateOnFocus: false, fallbackData: initial ?? void 0 }
   );
-  return { collection: data ?? null, isLoading, error };
+  return { collection: data ?? null, isLoading: isLoading && !data, error };
 }
 function useCollectionsByOwner(owner) {
   const client = (0, import_use_medialane_client.useMedialaneClient)();

package/dist/utils/use-collections.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-collections.ts"],"sourcesContent":["\"use client\";\n\nimport useSWR from \"swr\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport type { ApiCollection, ApiResponse, CollectionTokensSort } from \"@medialane/sdk\";\nimport { queryKeys } from \"./query-keys.js\";\n\nexport type CollectionSort = \"recent\" | \"supply\" | \"floor\" | \"volume\" | \"name\";\n\nexport function useCollections(\n  page = 1,\n  limit = 20,\n  isFeatured?: boolean,\n  sort: CollectionSort = \"recent\",\n  hideEmpty = true,\n  service?: string,\n\n  standard?: string,\n\n  fallback?: ApiCollection[]\n) {\n  const client = useMedialaneClient();\n  const key = `${queryKeys.collections(page, limit, isFeatured, sort, hideEmpty, service)}-${standard ?? \"\"}`;\n\n  const { data, error, isLoading, mutate } = useSWR<ApiResponse<ApiCollection[]>>(\n    key,\n    async () => {\n      return client.api.collections.list({ page, limit, isFeatured, sort, service, standard, hideEmpty });\n    },\n    {\n      revalidateOnFocus: false,\n      ...(fallback ? { fallbackData: { data: fallback } as ApiResponse<ApiCollection[]> } : {}),\n    }\n  );\n\n  return {\n    collections: data?.data ?? [],\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useCollection( contract: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading } = useSWR(\n    contract ? queryKeys.collection(contract) : null,\n    () => client.api.collections.get(contract!),\n    { revalidateOnFocus: false }\n  );\n\n  return { collection: data ?? null, isLoading, error };\n}\n\nexport function useCollectionsByOwner( owner: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    owner ? queryKeys.collectionsOwner(owner) : null,\n    () => client.api.collections.list({ owner: owner!, limit: 50 }),\n    { revalidateOnFocus: false, refreshInterval: 60_000 }\n  );\n\n  return { collections: data?.data ?? [], isLoading, error, mutate };\n}\n\nexport function useCollectionTokens(\n  contract: string | null,\n  page = 1,\n  limit = 24,\n  sort: CollectionTokensSort = \"recent\"\n) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract ? queryKeys.collectionTokens(contract, page, limit, sort) : null,\n    () => client.api.collections.tokens(contract!, { page: page, limit: limit, sort: sort }),\n    { revalidateOnFocus: false }\n  );\n\n  return { tokens: data?.data ?? [], meta: data?.meta, isLoading, error, mutate };\n}\n\nfunction pickNearbyTokens<T extends { tokenId: string }>(\n  tokens: T[],\n  currentTokenId: string | null,\n  count: number\n): T[] {\n  if (!currentTokenId) return tokens.slice(0, count);\n  const idx = tokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  if (idx === -1) return tokens.slice(0, count);\n\n  const picked: T[] = [];\n  let after = idx + 1;\n  let before = idx - 1;\n  while (picked.length < count && (after < tokens.length || before >= 0)) {\n    if (after < tokens.length) picked.push(tokens[after++]);\n    if (picked.length < count && before >= 0) picked.push(tokens[before--]);\n  }\n  return picked.sort((a, b) => Number(a.tokenId) - Number(b.tokenId));\n}\n\nexport function useNearbyCollectionTokens(\n  contract: string | null,\n  currentTokenId: string | null,\n  count = 4,\n  poolSize = 60\n) {\n  const { tokens, isLoading, error } = useCollectionTokens(contract, 1, poolSize, \"oldest\");\n  return { tokens: pickNearbyTokens(tokens, currentTokenId, count), isLoading, error };\n}\n"],"mappings":"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","names":["useSWR"]}
+{"version":3,"sources":["../../src/utils/use-collections.ts"],"sourcesContent":["\"use client\";\n\nimport useSWR from \"swr\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport type { ApiCollection, ApiResponse, CollectionTokensSort } from \"@medialane/sdk\";\nimport { queryKeys } from \"./query-keys.js\";\n\nexport type CollectionSort = \"recent\" | \"supply\" | \"floor\" | \"volume\" | \"name\";\n\nexport function useCollections(\n  page = 1,\n  limit = 20,\n  isFeatured?: boolean,\n  sort: CollectionSort = \"recent\",\n  hideEmpty = true,\n  service?: string,\n\n  standard?: string,\n\n  fallback?: ApiCollection[]\n) {\n  const client = useMedialaneClient();\n  const key = `${queryKeys.collections(page, limit, isFeatured, sort, hideEmpty, service)}-${standard ?? \"\"}`;\n\n  const { data, error, isLoading, mutate } = useSWR<ApiResponse<ApiCollection[]>>(\n    key,\n    async () => {\n      return client.api.collections.list({ page, limit, isFeatured, sort, service, standard, hideEmpty });\n    },\n    {\n      revalidateOnFocus: false,\n      ...(fallback ? { fallbackData: { data: fallback } as ApiResponse<ApiCollection[]> } : {}),\n    }\n  );\n\n  return {\n    collections: data?.data ?? [],\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useCollection( contract: string | null, initial?: ApiCollection | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading } = useSWR(\n    contract ? queryKeys.collection(contract) : null,\n    () => client.api.collections.get(contract!),\n    { revalidateOnFocus: false, fallbackData: initial ?? undefined }\n  );\n\n  return { collection: data ?? null, isLoading: isLoading && !data, error };\n}\n\nexport function useCollectionsByOwner( owner: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    owner ? queryKeys.collectionsOwner(owner) : null,\n    () => client.api.collections.list({ owner: owner!, limit: 50 }),\n    { revalidateOnFocus: false, refreshInterval: 60_000 }\n  );\n\n  return { collections: data?.data ?? [], isLoading, error, mutate };\n}\n\nexport function useCollectionTokens(\n  contract: string | null,\n  page = 1,\n  limit = 24,\n  sort: CollectionTokensSort = \"recent\"\n) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract ? queryKeys.collectionTokens(contract, page, limit, sort) : null,\n    () => client.api.collections.tokens(contract!, { page: page, limit: limit, sort: sort }),\n    { revalidateOnFocus: false }\n  );\n\n  return { tokens: data?.data ?? [], meta: data?.meta, isLoading, error, mutate };\n}\n\nfunction pickNearbyTokens<T extends { tokenId: string }>(\n  tokens: T[],\n  currentTokenId: string | null,\n  count: number\n): T[] {\n  if (!currentTokenId) return tokens.slice(0, count);\n  const idx = tokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  if (idx === -1) return tokens.slice(0, count);\n\n  const picked: T[] = [];\n  let after = idx + 1;\n  let before = idx - 1;\n  while (picked.length < count && (after < tokens.length || before >= 0)) {\n    if (after < tokens.length) picked.push(tokens[after++]);\n    if (picked.length < count && before >= 0) picked.push(tokens[before--]);\n  }\n  return picked.sort((a, b) => Number(a.tokenId) - Number(b.tokenId));\n}\n\nexport function useNearbyCollectionTokens(\n  contract: string | null,\n  currentTokenId: string | null,\n  count = 4,\n  poolSize = 60\n) {\n  const { tokens, isLoading, error } = useCollectionTokens(contract, 1, poolSize, \"oldest\");\n  return { tokens: pickNearbyTokens(tokens, currentTokenId, count), isLoading, error };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,iBAAmB;AACnB,kCAAmC;AAEnC,wBAA0B;AAInB,SAAS,eACd,OAAO,GACP,QAAQ,IACR,YACA,OAAuB,UACvB,YAAY,MACZ,SAEA,UAEA,UACA;AACA,QAAM,aAAS,gDAAmB;AAClC,QAAM,MAAM,GAAG,4BAAU,YAAY,MAAM,OAAO,YAAY,MAAM,WAAW,OAAO,CAAC,IAAI,YAAY,EAAE;AAEzG,QAAM,EAAE,MAAM,OAAO,WAAW,OAAO,QAAI,WAAAA;AAAA,IACzC;AAAA,IACA,YAAY;AACV,aAAO,OAAO,IAAI,YAAY,KAAK,EAAE,MAAM,OAAO,YAAY,MAAM,SAAS,UAAU,UAAU,CAAC;AAAA,IACpG;AAAA,IACA;AAAA,MACE,mBAAmB;AAAA,MACnB,GAAI,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,EAAkC,IAAI,CAAC;AAAA,IACzF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,cAAe,UAAyB,SAAgC;AACtF,QAAM,aAAS,gDAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,UAAU,QAAI,WAAAA;AAAA,IACjC,WAAW,4BAAU,WAAW,QAAQ,IAAI;AAAA,IAC5C,MAAM,OAAO,IAAI,YAAY,IAAI,QAAS;AAAA,IAC1C,EAAE,mBAAmB,OAAO,cAAc,WAAW,OAAU;AAAA,EACjE;AAEA,SAAO,EAAE,YAAY,QAAQ,MAAM,WAAW,aAAa,CAAC,MAAM,MAAM;AAC1E;AAEO,SAAS,sBAAuB,OAAsB;AAC3D,QAAM,aAAS,gDAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,WAAW,OAAO,QAAI,WAAAA;AAAA,IACzC,QAAQ,4BAAU,iBAAiB,KAAK,IAAI;AAAA,IAC5C,MAAM,OAAO,IAAI,YAAY,KAAK,EAAE,OAAe,OAAO,GAAG,CAAC;AAAA,IAC9D,EAAE,mBAAmB,OAAO,iBAAiB,IAAO;AAAA,EACtD;AAEA,SAAO,EAAE,aAAa,MAAM,QAAQ,CAAC,GAAG,WAAW,OAAO,OAAO;AACnE;AAEO,SAAS,oBACd,UACA,OAAO,GACP,QAAQ,IACR,OAA6B,UAC7B;AACA,QAAM,aAAS,gDAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,WAAW,OAAO,QAAI,WAAAA;AAAA,IACzC,WAAW,4BAAU,iBAAiB,UAAU,MAAM,OAAO,IAAI,IAAI;AAAA,IACrE,MAAM,OAAO,IAAI,YAAY,OAAO,UAAW,EAAE,MAAY,OAAc,KAAW,CAAC;AAAA,IACvF,EAAE,mBAAmB,MAAM;AAAA,EAC7B;AAEA,SAAO,EAAE,QAAQ,MAAM,QAAQ,CAAC,GAAG,MAAM,MAAM,MAAM,WAAW,OAAO,OAAO;AAChF;AAEA,SAAS,iBACP,QACA,gBACA,OACK;AACL,MAAI,CAAC,eAAgB,QAAO,OAAO,MAAM,GAAG,KAAK;AACjD,QAAM,MAAM,OAAO,UAAU,CAAC,MAAM,OAAO,EAAE,OAAO,MAAM,OAAO,cAAc,CAAC;AAChF,MAAI,QAAQ,GAAI,QAAO,OAAO,MAAM,GAAG,KAAK;AAE5C,QAAM,SAAc,CAAC;AACrB,MAAI,QAAQ,MAAM;AAClB,MAAI,SAAS,MAAM;AACnB,SAAO,OAAO,SAAS,UAAU,QAAQ,OAAO,UAAU,UAAU,IAAI;AACtE,QAAI,QAAQ,OAAO,OAAQ,QAAO,KAAK,OAAO,OAAO,CAAC;AACtD,QAAI,OAAO,SAAS,SAAS,UAAU,EAAG,QAAO,KAAK,OAAO,QAAQ,CAAC;AAAA,EACxE;AACA,SAAO,OAAO,KAAK,CAAC,GAAG,MAAM,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,CAAC;AACpE;AAEO,SAAS,0BACd,UACA,gBACA,QAAQ,GACR,WAAW,IACX;AACA,QAAM,EAAE,QAAQ,WAAW,MAAM,IAAI,oBAAoB,UAAU,GAAG,UAAU,QAAQ;AACxF,SAAO,EAAE,QAAQ,iBAAiB,QAAQ,gBAAgB,KAAK,GAAG,WAAW,MAAM;AACrF;","names":["useSWR"]}

package/dist/utils/use-collections.d.cts

@@ -1,6 +1,6 @@
 import * as swr from 'swr';
 import * as _medialane_sdk from '@medialane/sdk';
-import { CollectionTokensSort, ApiResponse, ApiCollection } from '@medialane/sdk';
+import { ApiCollection, CollectionTokensSort, ApiResponse } from '@medialane/sdk';
 
 type CollectionSort = "recent" | "supply" | "floor" | "volume" | "name";
 declare function useCollections(page?: number, limit?: number, isFeatured?: boolean, sort?: CollectionSort, hideEmpty?: boolean, service?: string, standard?: string, fallback?: ApiCollection[]): {
@@ -84,7 +84,7 @@ declare function useCollections(page?: number, limit?: number, isFeatured?: bool
         } | null;
     }[]>>;
 };
-declare function useCollection(contract: string | null): {
+declare function useCollection(contract: string | null, initial?: ApiCollection | null): {
     collection: {
         id: string;
         chain: string;

package/dist/utils/use-collections.d.ts

@@ -1,6 +1,6 @@
 import * as swr from 'swr';
 import * as _medialane_sdk from '@medialane/sdk';
-import { CollectionTokensSort, ApiResponse, ApiCollection } from '@medialane/sdk';
+import { ApiCollection, CollectionTokensSort, ApiResponse } from '@medialane/sdk';
 
 type CollectionSort = "recent" | "supply" | "floor" | "volume" | "name";
 declare function useCollections(page?: number, limit?: number, isFeatured?: boolean, sort?: CollectionSort, hideEmpty?: boolean, service?: string, standard?: string, fallback?: ApiCollection[]): {
@@ -84,7 +84,7 @@ declare function useCollections(page?: number, limit?: number, isFeatured?: bool
         } | null;
     }[]>>;
 };
-declare function useCollection(contract: string | null): {
+declare function useCollection(contract: string | null, initial?: ApiCollection | null): {
     collection: {
         id: string;
         chain: string;

package/dist/utils/use-collections.js

@@ -23,14 +23,14 @@ function useCollections(page = 1, limit = 20, isFeatured, sort = "recent", hideE
     mutate
   };
 }
-function useCollection(contract) {
+function useCollection(contract, initial) {
   const client = useMedialaneClient();
   const { data, error, isLoading } = useSWR(
     contract ? queryKeys.collection(contract) : null,
     () => client.api.collections.get(contract),
-    { revalidateOnFocus: false }
+    { revalidateOnFocus: false, fallbackData: initial ?? void 0 }
   );
-  return { collection: data ?? null, isLoading, error };
+  return { collection: data ?? null, isLoading: isLoading && !data, error };
 }
 function useCollectionsByOwner(owner) {
   const client = useMedialaneClient();

package/dist/utils/use-collections.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-collections.ts"],"sourcesContent":["\"use client\";\n\nimport useSWR from \"swr\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport type { ApiCollection, ApiResponse, CollectionTokensSort } from \"@medialane/sdk\";\nimport { queryKeys } from \"./query-keys.js\";\n\nexport type CollectionSort = \"recent\" | \"supply\" | \"floor\" | \"volume\" | \"name\";\n\nexport function useCollections(\n  page = 1,\n  limit = 20,\n  isFeatured?: boolean,\n  sort: CollectionSort = \"recent\",\n  hideEmpty = true,\n  service?: string,\n\n  standard?: string,\n\n  fallback?: ApiCollection[]\n) {\n  const client = useMedialaneClient();\n  const key = `${queryKeys.collections(page, limit, isFeatured, sort, hideEmpty, service)}-${standard ?? \"\"}`;\n\n  const { data, error, isLoading, mutate } = useSWR<ApiResponse<ApiCollection[]>>(\n    key,\n    async () => {\n      return client.api.collections.list({ page, limit, isFeatured, sort, service, standard, hideEmpty });\n    },\n    {\n      revalidateOnFocus: false,\n      ...(fallback ? { fallbackData: { data: fallback } as ApiResponse<ApiCollection[]> } : {}),\n    }\n  );\n\n  return {\n    collections: data?.data ?? [],\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useCollection( contract: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading } = useSWR(\n    contract ? queryKeys.collection(contract) : null,\n    () => client.api.collections.get(contract!),\n    { revalidateOnFocus: false }\n  );\n\n  return { collection: data ?? null, isLoading, error };\n}\n\nexport function useCollectionsByOwner( owner: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    owner ? queryKeys.collectionsOwner(owner) : null,\n    () => client.api.collections.list({ owner: owner!, limit: 50 }),\n    { revalidateOnFocus: false, refreshInterval: 60_000 }\n  );\n\n  return { collections: data?.data ?? [], isLoading, error, mutate };\n}\n\nexport function useCollectionTokens(\n  contract: string | null,\n  page = 1,\n  limit = 24,\n  sort: CollectionTokensSort = \"recent\"\n) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract ? queryKeys.collectionTokens(contract, page, limit, sort) : null,\n    () => client.api.collections.tokens(contract!, { page: page, limit: limit, sort: sort }),\n    { revalidateOnFocus: false }\n  );\n\n  return { tokens: data?.data ?? [], meta: data?.meta, isLoading, error, mutate };\n}\n\nfunction pickNearbyTokens<T extends { tokenId: string }>(\n  tokens: T[],\n  currentTokenId: string | null,\n  count: number\n): T[] {\n  if (!currentTokenId) return tokens.slice(0, count);\n  const idx = tokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  if (idx === -1) return tokens.slice(0, count);\n\n  const picked: T[] = [];\n  let after = idx + 1;\n  let before = idx - 1;\n  while (picked.length < count && (after < tokens.length || before >= 0)) {\n    if (after < tokens.length) picked.push(tokens[after++]);\n    if (picked.length < count && before >= 0) picked.push(tokens[before--]);\n  }\n  return picked.sort((a, b) => Number(a.tokenId) - Number(b.tokenId));\n}\n\nexport function useNearbyCollectionTokens(\n  contract: string | null,\n  currentTokenId: string | null,\n  count = 4,\n  poolSize = 60\n) {\n  const { tokens, isLoading, error } = useCollectionTokens(contract, 1, poolSize, \"oldest\");\n  return { tokens: pickNearbyTokens(tokens, currentTokenId, count), isLoading, error };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/utils/use-collections.ts"],"sourcesContent":["\"use client\";\n\nimport useSWR from \"swr\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport type { ApiCollection, ApiResponse, CollectionTokensSort } from \"@medialane/sdk\";\nimport { queryKeys } from \"./query-keys.js\";\n\nexport type CollectionSort = \"recent\" | \"supply\" | \"floor\" | \"volume\" | \"name\";\n\nexport function useCollections(\n  page = 1,\n  limit = 20,\n  isFeatured?: boolean,\n  sort: CollectionSort = \"recent\",\n  hideEmpty = true,\n  service?: string,\n\n  standard?: string,\n\n  fallback?: ApiCollection[]\n) {\n  const client = useMedialaneClient();\n  const key = `${queryKeys.collections(page, limit, isFeatured, sort, hideEmpty, service)}-${standard ?? \"\"}`;\n\n  const { data, error, isLoading, mutate } = useSWR<ApiResponse<ApiCollection[]>>(\n    key,\n    async () => {\n      return client.api.collections.list({ page, limit, isFeatured, sort, service, standard, hideEmpty });\n    },\n    {\n      revalidateOnFocus: false,\n      ...(fallback ? { fallbackData: { data: fallback } as ApiResponse<ApiCollection[]> } : {}),\n    }\n  );\n\n  return {\n    collections: data?.data ?? [],\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useCollection( contract: string | null, initial?: ApiCollection | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading } = useSWR(\n    contract ? queryKeys.collection(contract) : null,\n    () => client.api.collections.get(contract!),\n    { revalidateOnFocus: false, fallbackData: initial ?? undefined }\n  );\n\n  return { collection: data ?? null, isLoading: isLoading && !data, error };\n}\n\nexport function useCollectionsByOwner( owner: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    owner ? queryKeys.collectionsOwner(owner) : null,\n    () => client.api.collections.list({ owner: owner!, limit: 50 }),\n    { revalidateOnFocus: false, refreshInterval: 60_000 }\n  );\n\n  return { collections: data?.data ?? [], isLoading, error, mutate };\n}\n\nexport function useCollectionTokens(\n  contract: string | null,\n  page = 1,\n  limit = 24,\n  sort: CollectionTokensSort = \"recent\"\n) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract ? queryKeys.collectionTokens(contract, page, limit, sort) : null,\n    () => client.api.collections.tokens(contract!, { page: page, limit: limit, sort: sort }),\n    { revalidateOnFocus: false }\n  );\n\n  return { tokens: data?.data ?? [], meta: data?.meta, isLoading, error, mutate };\n}\n\nfunction pickNearbyTokens<T extends { tokenId: string }>(\n  tokens: T[],\n  currentTokenId: string | null,\n  count: number\n): T[] {\n  if (!currentTokenId) return tokens.slice(0, count);\n  const idx = tokens.findIndex((t) => String(t.tokenId) === String(currentTokenId));\n  if (idx === -1) return tokens.slice(0, count);\n\n  const picked: T[] = [];\n  let after = idx + 1;\n  let before = idx - 1;\n  while (picked.length < count && (after < tokens.length || before >= 0)) {\n    if (after < tokens.length) picked.push(tokens[after++]);\n    if (picked.length < count && before >= 0) picked.push(tokens[before--]);\n  }\n  return picked.sort((a, b) => Number(a.tokenId) - Number(b.tokenId));\n}\n\nexport function useNearbyCollectionTokens(\n  contract: string | null,\n  currentTokenId: string | null,\n  count = 4,\n  poolSize = 60\n) {\n  const { tokens, isLoading, error } = useCollectionTokens(contract, 1, poolSize, \"oldest\");\n  return { tokens: pickNearbyTokens(tokens, currentTokenId, count), isLoading, error };\n}\n"],"mappings":"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","names":[]}

package/dist/utils/use-tokens.cjs

@@ -49,7 +49,7 @@ function isNotIndexedYet(error) {
     error && typeof error === "object" && error.status === 404
   );
 }
-function useToken(contract, tokenId) {
+function useToken(contract, tokenId, initial) {
   const client = (0, import_use_medialane_client.useMedialaneClient)();
   const [startedAt] = (0, import_react.useState)(() => Date.now());
   const { data, error, isLoading, mutate } = (0, import_swr.default)(
@@ -58,14 +58,15 @@ function useToken(contract, tokenId) {
     {
       revalidateOnFocus: false,
       shouldRetryOnError: false,
-      refreshInterval: (latest) => latest || Date.now() - startedAt > INDEXING_WINDOW_MS ? 0 : INDEXING_POLL_MS
+      fallbackData: initial ?? void 0,
+      refreshInterval: (latest) => latest || initial || Date.now() - startedAt > INDEXING_WINDOW_MS ? 0 : INDEXING_POLL_MS
     }
   );
   const token = data ?? null;
   const withinWindow = Date.now() - startedAt <= INDEXING_WINDOW_MS;
   return {
     token,
-    isLoading,
+    isLoading: isLoading && !token,
     isIndexing: !token && isNotIndexedYet(error) && withinWindow,
     error: isNotIndexedYet(error) ? void 0 : error,
     mutate

package/dist/utils/use-tokens.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-tokens.ts"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport useSWR from \"swr\";\nimport useSWRInfinite from \"swr/infinite\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport { QUERY_PREFIX, queryKeys } from \"./query-keys.js\";\n\nconst EMPTY_TOKENS: ApiToken[] = [];\n\nconst INDEXING_POLL_MS = 10_000;\nconst INDEXING_WINDOW_MS = 60_000;\n\nfunction isNotIndexedYet(error: unknown): boolean {\n  return Boolean(\n    error && typeof error === \"object\" && (error as { status?: unknown }).status === 404,\n  );\n}\n\nexport function useToken( contract: string | null, tokenId: string | null) {\n  const client = useMedialaneClient();\n  const [startedAt] = useState(() => Date.now());\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract && tokenId ? queryKeys.token(contract, tokenId) : null,\n    () => client.api.tokens.get(contract!, tokenId!),\n    {\n      revalidateOnFocus: false,\n      shouldRetryOnError: false,\n      refreshInterval: (latest) =>\n        latest || Date.now() - startedAt > INDEXING_WINDOW_MS ? 0 : INDEXING_POLL_MS,\n    }\n  );\n\n  const token = data ?? null;\n  const withinWindow = Date.now() - startedAt <= INDEXING_WINDOW_MS;\n\n  return {\n    token,\n    isLoading,\n    isIndexing: !token && isNotIndexedYet(error) && withinWindow,\n    error: isNotIndexedYet(error) ? undefined : error,\n    mutate,\n  };\n}\n\nexport function useTokenBalance(\n  contract: string | null,\n  tokenId: string | null,\n  owner: string | null | undefined,\n) {\n  const client = useMedialaneClient();\n\n  const { data, mutate } = useSWR(\n    contract && tokenId && owner ? queryKeys.tokenBalance(contract, tokenId, owner) : null,\n    () => client.api.tokens.balance(contract!, tokenId!, owner!),\n    { revalidateOnFocus: false }\n  );\n\n  return { amount: data?.amount ?? null, mutate };\n}\n\nexport function useTokensByOwner(\n  address: string | null,\n  page = 1,\n  limit = 20,\n  refreshMs = 60_000,\n) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    address ? queryKeys.tokensOwned(address, page, limit) : null,\n    () => client.api.tokens.ownedBy(address!, { page: page, limit: limit }),\n    { revalidateOnFocus: false, refreshInterval: refreshMs, revalidateOnMount: true }\n  );\n\n  return {\n    tokens: data?.data ?? EMPTY_TOKENS,\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useOwnedTokens(address: string | null, limit = 20) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, isValidating, setSize, mutate } = useSWRInfinite(\n    (index) => (address ? ([QUERY_PREFIX.tokensOwnedPages, address, limit, index + 1] as const) : null),\n    ([, owner, pageSize, page]) => client.api.tokens.ownedBy(owner, { page, limit: pageSize }),\n    { revalidateOnFocus: false, revalidateFirstPage: false },\n  );\n\n  const tokens = data ? data.flatMap((page) => page.data) : EMPTY_TOKENS;\n  const total = data?.[0]?.meta?.total ?? null;\n\n  return {\n    tokens,\n    total,\n    isLoading,\n    isLoadingMore: isValidating,\n    hasMore: total !== null && tokens.length < total,\n    loadMore: () => void setSize((size) => size + 1),\n    error,\n    mutate,\n  };\n}\n\nexport function useTokenHistory( contract: string | null, tokenId: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading } = useSWR(\n    contract && tokenId ? queryKeys.tokenHistory(contract, tokenId) : null,\n    () => client.api.tokens.history(contract!, tokenId!),\n    { revalidateOnFocus: false }\n  );\n\n  return { history: data?.data ?? [], isLoading, error };\n}\n\n"],"mappings":"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","names":["useSWR","useSWRInfinite"]}
+{"version":3,"sources":["../../src/utils/use-tokens.ts"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport useSWR from \"swr\";\nimport useSWRInfinite from \"swr/infinite\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport { QUERY_PREFIX, queryKeys } from \"./query-keys.js\";\n\nconst EMPTY_TOKENS: ApiToken[] = [];\n\nconst INDEXING_POLL_MS = 10_000;\nconst INDEXING_WINDOW_MS = 60_000;\n\nfunction isNotIndexedYet(error: unknown): boolean {\n  return Boolean(\n    error && typeof error === \"object\" && (error as { status?: unknown }).status === 404,\n  );\n}\n\nexport function useToken( contract: string | null, tokenId: string | null, initial?: ApiToken | null) {\n  const client = useMedialaneClient();\n  const [startedAt] = useState(() => Date.now());\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract && tokenId ? queryKeys.token(contract, tokenId) : null,\n    () => client.api.tokens.get(contract!, tokenId!),\n    {\n      revalidateOnFocus: false,\n      shouldRetryOnError: false,\n      fallbackData: initial ?? undefined,\n      refreshInterval: (latest) =>\n        latest || initial || Date.now() - startedAt > INDEXING_WINDOW_MS ? 0 : INDEXING_POLL_MS,\n    }\n  );\n\n  const token = data ?? null;\n  const withinWindow = Date.now() - startedAt <= INDEXING_WINDOW_MS;\n\n  return {\n    token,\n    isLoading: isLoading && !token,\n    isIndexing: !token && isNotIndexedYet(error) && withinWindow,\n    error: isNotIndexedYet(error) ? undefined : error,\n    mutate,\n  };\n}\n\nexport function useTokenBalance(\n  contract: string | null,\n  tokenId: string | null,\n  owner: string | null | undefined,\n) {\n  const client = useMedialaneClient();\n\n  const { data, mutate } = useSWR(\n    contract && tokenId && owner ? queryKeys.tokenBalance(contract, tokenId, owner) : null,\n    () => client.api.tokens.balance(contract!, tokenId!, owner!),\n    { revalidateOnFocus: false }\n  );\n\n  return { amount: data?.amount ?? null, mutate };\n}\n\nexport function useTokensByOwner(\n  address: string | null,\n  page = 1,\n  limit = 20,\n  refreshMs = 60_000,\n) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    address ? queryKeys.tokensOwned(address, page, limit) : null,\n    () => client.api.tokens.ownedBy(address!, { page: page, limit: limit }),\n    { revalidateOnFocus: false, refreshInterval: refreshMs, revalidateOnMount: true }\n  );\n\n  return {\n    tokens: data?.data ?? EMPTY_TOKENS,\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useOwnedTokens(address: string | null, limit = 20) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, isValidating, setSize, mutate } = useSWRInfinite(\n    (index) => (address ? ([QUERY_PREFIX.tokensOwnedPages, address, limit, index + 1] as const) : null),\n    ([, owner, pageSize, page]) => client.api.tokens.ownedBy(owner, { page, limit: pageSize }),\n    { revalidateOnFocus: false, revalidateFirstPage: false },\n  );\n\n  const tokens = data ? data.flatMap((page) => page.data) : EMPTY_TOKENS;\n  const total = data?.[0]?.meta?.total ?? null;\n\n  return {\n    tokens,\n    total,\n    isLoading,\n    isLoadingMore: isValidating,\n    hasMore: total !== null && tokens.length < total,\n    loadMore: () => void setSize((size) => size + 1),\n    error,\n    mutate,\n  };\n}\n\nexport function useTokenHistory( contract: string | null, tokenId: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading } = useSWR(\n    contract && tokenId ? queryKeys.tokenHistory(contract, tokenId) : null,\n    () => client.api.tokens.history(contract!, tokenId!),\n    { revalidateOnFocus: false }\n  );\n\n  return { history: data?.data ?? [], isLoading, error };\n}\n\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAyB;AACzB,iBAAmB;AACnB,sBAA2B;AAE3B,kCAAmC;AACnC,wBAAwC;AAExC,MAAM,eAA2B,CAAC;AAElC,MAAM,mBAAmB;AACzB,MAAM,qBAAqB;AAE3B,SAAS,gBAAgB,OAAyB;AAChD,SAAO;AAAA,IACL,SAAS,OAAO,UAAU,YAAa,MAA+B,WAAW;AAAA,EACnF;AACF;AAEO,SAAS,SAAU,UAAyB,SAAwB,SAA2B;AACpG,QAAM,aAAS,gDAAmB;AAClC,QAAM,CAAC,SAAS,QAAI,uBAAS,MAAM,KAAK,IAAI,CAAC;AAE7C,QAAM,EAAE,MAAM,OAAO,WAAW,OAAO,QAAI,WAAAA;AAAA,IACzC,YAAY,UAAU,4BAAU,MAAM,UAAU,OAAO,IAAI;AAAA,IAC3D,MAAM,OAAO,IAAI,OAAO,IAAI,UAAW,OAAQ;AAAA,IAC/C;AAAA,MACE,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,cAAc,WAAW;AAAA,MACzB,iBAAiB,CAAC,WAChB,UAAU,WAAW,KAAK,IAAI,IAAI,YAAY,qBAAqB,IAAI;AAAA,IAC3E;AAAA,EACF;AAEA,QAAM,QAAQ,QAAQ;AACtB,QAAM,eAAe,KAAK,IAAI,IAAI,aAAa;AAE/C,SAAO;AAAA,IACL;AAAA,IACA,WAAW,aAAa,CAAC;AAAA,IACzB,YAAY,CAAC,SAAS,gBAAgB,KAAK,KAAK;AAAA,IAChD,OAAO,gBAAgB,KAAK,IAAI,SAAY;AAAA,IAC5C;AAAA,EACF;AACF;AAEO,SAAS,gBACd,UACA,SACA,OACA;AACA,QAAM,aAAS,gDAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,QAAI,WAAAA;AAAA,IACvB,YAAY,WAAW,QAAQ,4BAAU,aAAa,UAAU,SAAS,KAAK,IAAI;AAAA,IAClF,MAAM,OAAO,IAAI,OAAO,QAAQ,UAAW,SAAU,KAAM;AAAA,IAC3D,EAAE,mBAAmB,MAAM;AAAA,EAC7B;AAEA,SAAO,EAAE,QAAQ,MAAM,UAAU,MAAM,OAAO;AAChD;AAEO,SAAS,iBACd,SACA,OAAO,GACP,QAAQ,IACR,YAAY,KACZ;AACA,QAAM,aAAS,gDAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,WAAW,OAAO,QAAI,WAAAA;AAAA,IACzC,UAAU,4BAAU,YAAY,SAAS,MAAM,KAAK,IAAI;AAAA,IACxD,MAAM,OAAO,IAAI,OAAO,QAAQ,SAAU,EAAE,MAAY,MAAa,CAAC;AAAA,IACtE,EAAE,mBAAmB,OAAO,iBAAiB,WAAW,mBAAmB,KAAK;AAAA,EAClF;AAEA,SAAO;AAAA,IACL,QAAQ,MAAM,QAAQ;AAAA,IACtB,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,eAAe,SAAwB,QAAQ,IAAI;AACjE,QAAM,aAAS,gDAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,WAAW,cAAc,SAAS,OAAO,QAAI,gBAAAC;AAAA,IAChE,CAAC,UAAW,UAAW,CAAC,+BAAa,kBAAkB,SAAS,OAAO,QAAQ,CAAC,IAAc;AAAA,IAC9F,CAAC,CAAC,EAAE,OAAO,UAAU,IAAI,MAAM,OAAO,IAAI,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,SAAS,CAAC;AAAA,IACzF,EAAE,mBAAmB,OAAO,qBAAqB,MAAM;AAAA,EACzD;AAEA,QAAM,SAAS,OAAO,KAAK,QAAQ,CAAC,SAAS,KAAK,IAAI,IAAI;AAC1D,QAAM,QAAQ,OAAO,CAAC,GAAG,MAAM,SAAS;AAExC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,SAAS,UAAU,QAAQ,OAAO,SAAS;AAAA,IAC3C,UAAU,MAAM,KAAK,QAAQ,CAAC,SAAS,OAAO,CAAC;AAAA,IAC/C;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,gBAAiB,UAAyB,SAAwB;AAChF,QAAM,aAAS,gDAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,UAAU,QAAI,WAAAD;AAAA,IACjC,YAAY,UAAU,4BAAU,aAAa,UAAU,OAAO,IAAI;AAAA,IAClE,MAAM,OAAO,IAAI,OAAO,QAAQ,UAAW,OAAQ;AAAA,IACnD,EAAE,mBAAmB,MAAM;AAAA,EAC7B;AAEA,SAAO,EAAE,SAAS,MAAM,QAAQ,CAAC,GAAG,WAAW,MAAM;AACvD;","names":["useSWR","useSWRInfinite"]}

package/dist/utils/use-tokens.d.cts

@@ -1,8 +1,9 @@
 import * as swr_infinite from 'swr/infinite';
 import * as _medialane_sdk from '@medialane/sdk';
+import { ApiToken } from '@medialane/sdk';
 import * as swr from 'swr';
 
-declare function useToken(contract: string | null, tokenId: string | null): {
+declare function useToken(contract: string | null, tokenId: string | null, initial?: ApiToken | null): {
     token: {
         id: string;
         chain: string;

package/dist/utils/use-tokens.d.ts

@@ -1,8 +1,9 @@
 import * as swr_infinite from 'swr/infinite';
 import * as _medialane_sdk from '@medialane/sdk';
+import { ApiToken } from '@medialane/sdk';
 import * as swr from 'swr';
 
-declare function useToken(contract: string | null, tokenId: string | null): {
+declare function useToken(contract: string | null, tokenId: string | null, initial?: ApiToken | null): {
     token: {
         id: string;
         chain: string;

package/dist/utils/use-tokens.js

@@ -12,7 +12,7 @@ function isNotIndexedYet(error) {
     error && typeof error === "object" && error.status === 404
   );
 }
-function useToken(contract, tokenId) {
+function useToken(contract, tokenId, initial) {
   const client = useMedialaneClient();
   const [startedAt] = useState(() => Date.now());
   const { data, error, isLoading, mutate } = useSWR(
@@ -21,14 +21,15 @@ function useToken(contract, tokenId) {
     {
       revalidateOnFocus: false,
       shouldRetryOnError: false,
-      refreshInterval: (latest) => latest || Date.now() - startedAt > INDEXING_WINDOW_MS ? 0 : INDEXING_POLL_MS
+      fallbackData: initial ?? void 0,
+      refreshInterval: (latest) => latest || initial || Date.now() - startedAt > INDEXING_WINDOW_MS ? 0 : INDEXING_POLL_MS
     }
   );
   const token = data ?? null;
   const withinWindow = Date.now() - startedAt <= INDEXING_WINDOW_MS;
   return {
     token,
-    isLoading,
+    isLoading: isLoading && !token,
     isIndexing: !token && isNotIndexedYet(error) && withinWindow,
     error: isNotIndexedYet(error) ? void 0 : error,
     mutate

package/dist/utils/use-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-tokens.ts"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport useSWR from \"swr\";\nimport useSWRInfinite from \"swr/infinite\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport { QUERY_PREFIX, queryKeys } from \"./query-keys.js\";\n\nconst EMPTY_TOKENS: ApiToken[] = [];\n\nconst INDEXING_POLL_MS = 10_000;\nconst INDEXING_WINDOW_MS = 60_000;\n\nfunction isNotIndexedYet(error: unknown): boolean {\n  return Boolean(\n    error && typeof error === \"object\" && (error as { status?: unknown }).status === 404,\n  );\n}\n\nexport function useToken( contract: string | null, tokenId: string | null) {\n  const client = useMedialaneClient();\n  const [startedAt] = useState(() => Date.now());\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract && tokenId ? queryKeys.token(contract, tokenId) : null,\n    () => client.api.tokens.get(contract!, tokenId!),\n    {\n      revalidateOnFocus: false,\n      shouldRetryOnError: false,\n      refreshInterval: (latest) =>\n        latest || Date.now() - startedAt > INDEXING_WINDOW_MS ? 0 : INDEXING_POLL_MS,\n    }\n  );\n\n  const token = data ?? null;\n  const withinWindow = Date.now() - startedAt <= INDEXING_WINDOW_MS;\n\n  return {\n    token,\n    isLoading,\n    isIndexing: !token && isNotIndexedYet(error) && withinWindow,\n    error: isNotIndexedYet(error) ? undefined : error,\n    mutate,\n  };\n}\n\nexport function useTokenBalance(\n  contract: string | null,\n  tokenId: string | null,\n  owner: string | null | undefined,\n) {\n  const client = useMedialaneClient();\n\n  const { data, mutate } = useSWR(\n    contract && tokenId && owner ? queryKeys.tokenBalance(contract, tokenId, owner) : null,\n    () => client.api.tokens.balance(contract!, tokenId!, owner!),\n    { revalidateOnFocus: false }\n  );\n\n  return { amount: data?.amount ?? null, mutate };\n}\n\nexport function useTokensByOwner(\n  address: string | null,\n  page = 1,\n  limit = 20,\n  refreshMs = 60_000,\n) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    address ? queryKeys.tokensOwned(address, page, limit) : null,\n    () => client.api.tokens.ownedBy(address!, { page: page, limit: limit }),\n    { revalidateOnFocus: false, refreshInterval: refreshMs, revalidateOnMount: true }\n  );\n\n  return {\n    tokens: data?.data ?? EMPTY_TOKENS,\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useOwnedTokens(address: string | null, limit = 20) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, isValidating, setSize, mutate } = useSWRInfinite(\n    (index) => (address ? ([QUERY_PREFIX.tokensOwnedPages, address, limit, index + 1] as const) : null),\n    ([, owner, pageSize, page]) => client.api.tokens.ownedBy(owner, { page, limit: pageSize }),\n    { revalidateOnFocus: false, revalidateFirstPage: false },\n  );\n\n  const tokens = data ? data.flatMap((page) => page.data) : EMPTY_TOKENS;\n  const total = data?.[0]?.meta?.total ?? null;\n\n  return {\n    tokens,\n    total,\n    isLoading,\n    isLoadingMore: isValidating,\n    hasMore: total !== null && tokens.length < total,\n    loadMore: () => void setSize((size) => size + 1),\n    error,\n    mutate,\n  };\n}\n\nexport function useTokenHistory( contract: string | null, tokenId: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading } = useSWR(\n    contract && tokenId ? queryKeys.tokenHistory(contract, tokenId) : null,\n    () => client.api.tokens.history(contract!, tokenId!),\n    { revalidateOnFocus: false }\n  );\n\n  return { history: data?.data ?? [], isLoading, error };\n}\n\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/utils/use-tokens.ts"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport useSWR from \"swr\";\nimport useSWRInfinite from \"swr/infinite\";\nimport type { ApiToken } from \"@medialane/sdk\";\nimport { useMedialaneClient } from \"./use-medialane-client.js\";\nimport { QUERY_PREFIX, queryKeys } from \"./query-keys.js\";\n\nconst EMPTY_TOKENS: ApiToken[] = [];\n\nconst INDEXING_POLL_MS = 10_000;\nconst INDEXING_WINDOW_MS = 60_000;\n\nfunction isNotIndexedYet(error: unknown): boolean {\n  return Boolean(\n    error && typeof error === \"object\" && (error as { status?: unknown }).status === 404,\n  );\n}\n\nexport function useToken( contract: string | null, tokenId: string | null, initial?: ApiToken | null) {\n  const client = useMedialaneClient();\n  const [startedAt] = useState(() => Date.now());\n\n  const { data, error, isLoading, mutate } = useSWR(\n    contract && tokenId ? queryKeys.token(contract, tokenId) : null,\n    () => client.api.tokens.get(contract!, tokenId!),\n    {\n      revalidateOnFocus: false,\n      shouldRetryOnError: false,\n      fallbackData: initial ?? undefined,\n      refreshInterval: (latest) =>\n        latest || initial || Date.now() - startedAt > INDEXING_WINDOW_MS ? 0 : INDEXING_POLL_MS,\n    }\n  );\n\n  const token = data ?? null;\n  const withinWindow = Date.now() - startedAt <= INDEXING_WINDOW_MS;\n\n  return {\n    token,\n    isLoading: isLoading && !token,\n    isIndexing: !token && isNotIndexedYet(error) && withinWindow,\n    error: isNotIndexedYet(error) ? undefined : error,\n    mutate,\n  };\n}\n\nexport function useTokenBalance(\n  contract: string | null,\n  tokenId: string | null,\n  owner: string | null | undefined,\n) {\n  const client = useMedialaneClient();\n\n  const { data, mutate } = useSWR(\n    contract && tokenId && owner ? queryKeys.tokenBalance(contract, tokenId, owner) : null,\n    () => client.api.tokens.balance(contract!, tokenId!, owner!),\n    { revalidateOnFocus: false }\n  );\n\n  return { amount: data?.amount ?? null, mutate };\n}\n\nexport function useTokensByOwner(\n  address: string | null,\n  page = 1,\n  limit = 20,\n  refreshMs = 60_000,\n) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, mutate } = useSWR(\n    address ? queryKeys.tokensOwned(address, page, limit) : null,\n    () => client.api.tokens.ownedBy(address!, { page: page, limit: limit }),\n    { revalidateOnFocus: false, refreshInterval: refreshMs, revalidateOnMount: true }\n  );\n\n  return {\n    tokens: data?.data ?? EMPTY_TOKENS,\n    meta: data?.meta,\n    isLoading,\n    error,\n    mutate,\n  };\n}\n\nexport function useOwnedTokens(address: string | null, limit = 20) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading, isValidating, setSize, mutate } = useSWRInfinite(\n    (index) => (address ? ([QUERY_PREFIX.tokensOwnedPages, address, limit, index + 1] as const) : null),\n    ([, owner, pageSize, page]) => client.api.tokens.ownedBy(owner, { page, limit: pageSize }),\n    { revalidateOnFocus: false, revalidateFirstPage: false },\n  );\n\n  const tokens = data ? data.flatMap((page) => page.data) : EMPTY_TOKENS;\n  const total = data?.[0]?.meta?.total ?? null;\n\n  return {\n    tokens,\n    total,\n    isLoading,\n    isLoadingMore: isValidating,\n    hasMore: total !== null && tokens.length < total,\n    loadMore: () => void setSize((size) => size + 1),\n    error,\n    mutate,\n  };\n}\n\nexport function useTokenHistory( contract: string | null, tokenId: string | null) {\n  const client = useMedialaneClient();\n\n  const { data, error, isLoading } = useSWR(\n    contract && tokenId ? queryKeys.tokenHistory(contract, tokenId) : null,\n    () => client.api.tokens.history(contract!, tokenId!),\n    { revalidateOnFocus: false }\n  );\n\n  return { history: data?.data ?? [], isLoading, error };\n}\n\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,OAAO,YAAY;AACnB,OAAO,oBAAoB;AAE3B,SAAS,0BAA0B;AACnC,SAAS,cAAc,iBAAiB;AAExC,MAAM,eAA2B,CAAC;AAElC,MAAM,mBAAmB;AACzB,MAAM,qBAAqB;AAE3B,SAAS,gBAAgB,OAAyB;AAChD,SAAO;AAAA,IACL,SAAS,OAAO,UAAU,YAAa,MAA+B,WAAW;AAAA,EACnF;AACF;AAEO,SAAS,SAAU,UAAyB,SAAwB,SAA2B;AACpG,QAAM,SAAS,mBAAmB;AAClC,QAAM,CAAC,SAAS,IAAI,SAAS,MAAM,KAAK,IAAI,CAAC;AAE7C,QAAM,EAAE,MAAM,OAAO,WAAW,OAAO,IAAI;AAAA,IACzC,YAAY,UAAU,UAAU,MAAM,UAAU,OAAO,IAAI;AAAA,IAC3D,MAAM,OAAO,IAAI,OAAO,IAAI,UAAW,OAAQ;AAAA,IAC/C;AAAA,MACE,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,cAAc,WAAW;AAAA,MACzB,iBAAiB,CAAC,WAChB,UAAU,WAAW,KAAK,IAAI,IAAI,YAAY,qBAAqB,IAAI;AAAA,IAC3E;AAAA,EACF;AAEA,QAAM,QAAQ,QAAQ;AACtB,QAAM,eAAe,KAAK,IAAI,IAAI,aAAa;AAE/C,SAAO;AAAA,IACL;AAAA,IACA,WAAW,aAAa,CAAC;AAAA,IACzB,YAAY,CAAC,SAAS,gBAAgB,KAAK,KAAK;AAAA,IAChD,OAAO,gBAAgB,KAAK,IAAI,SAAY;AAAA,IAC5C;AAAA,EACF;AACF;AAEO,SAAS,gBACd,UACA,SACA,OACA;AACA,QAAM,SAAS,mBAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,IAAI;AAAA,IACvB,YAAY,WAAW,QAAQ,UAAU,aAAa,UAAU,SAAS,KAAK,IAAI;AAAA,IAClF,MAAM,OAAO,IAAI,OAAO,QAAQ,UAAW,SAAU,KAAM;AAAA,IAC3D,EAAE,mBAAmB,MAAM;AAAA,EAC7B;AAEA,SAAO,EAAE,QAAQ,MAAM,UAAU,MAAM,OAAO;AAChD;AAEO,SAAS,iBACd,SACA,OAAO,GACP,QAAQ,IACR,YAAY,KACZ;AACA,QAAM,SAAS,mBAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,WAAW,OAAO,IAAI;AAAA,IACzC,UAAU,UAAU,YAAY,SAAS,MAAM,KAAK,IAAI;AAAA,IACxD,MAAM,OAAO,IAAI,OAAO,QAAQ,SAAU,EAAE,MAAY,MAAa,CAAC;AAAA,IACtE,EAAE,mBAAmB,OAAO,iBAAiB,WAAW,mBAAmB,KAAK;AAAA,EAClF;AAEA,SAAO;AAAA,IACL,QAAQ,MAAM,QAAQ;AAAA,IACtB,MAAM,MAAM;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,eAAe,SAAwB,QAAQ,IAAI;AACjE,QAAM,SAAS,mBAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,WAAW,cAAc,SAAS,OAAO,IAAI;AAAA,IAChE,CAAC,UAAW,UAAW,CAAC,aAAa,kBAAkB,SAAS,OAAO,QAAQ,CAAC,IAAc;AAAA,IAC9F,CAAC,CAAC,EAAE,OAAO,UAAU,IAAI,MAAM,OAAO,IAAI,OAAO,QAAQ,OAAO,EAAE,MAAM,OAAO,SAAS,CAAC;AAAA,IACzF,EAAE,mBAAmB,OAAO,qBAAqB,MAAM;AAAA,EACzD;AAEA,QAAM,SAAS,OAAO,KAAK,QAAQ,CAAC,SAAS,KAAK,IAAI,IAAI;AAC1D,QAAM,QAAQ,OAAO,CAAC,GAAG,MAAM,SAAS;AAExC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,SAAS,UAAU,QAAQ,OAAO,SAAS;AAAA,IAC3C,UAAU,MAAM,KAAK,QAAQ,CAAC,SAAS,OAAO,CAAC;AAAA,IAC/C;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,gBAAiB,UAAyB,SAAwB;AAChF,QAAM,SAAS,mBAAmB;AAElC,QAAM,EAAE,MAAM,OAAO,UAAU,IAAI;AAAA,IACjC,YAAY,UAAU,UAAU,aAAa,UAAU,OAAO,IAAI;AAAA,IAClE,MAAM,OAAO,IAAI,OAAO,QAAQ,UAAW,OAAQ;AAAA,IACnD,EAAE,mBAAmB,MAAM;AAAA,EAC7B;AAEA,SAAO,EAAE,SAAS,MAAM,QAAQ,CAAC,GAAG,WAAW,MAAM;AACvD;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.332.0",
+  "version": "0.333.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,