@drawnagency/primitives 0.1.72 → 0.1.74

package/src/lib/video-url.ts

@@ -1,4 +1,7 @@
-export type ParsedVideoUrl = { provider: "youtube" | "vimeo"; id: string };
+export type InstagramKind = "post" | "reel" | "tv";
+export type ParsedVideoUrl =
+  | { provider: "youtube" | "vimeo"; id: string }
+  | { provider: "instagram"; id: string; kind: InstagramKind };
 
 const YT_ID = /^[\w-]{6,20}$/;
 
@@ -29,11 +32,21 @@ export function parseVideoUrl(raw: string): ParsedVideoUrl | null {
     const m = url.pathname.match(/\/(\d{6,12})$/);
     return m ? { provider: "vimeo", id: m[1] } : null;
   }
+  if (host === "instagram.com" || host === "m.instagram.com") {
+    // Canonical (/reel/{code}) or username-prefixed (/{user}/p/{code}) URLs.
+    // NOT /share/ links — their ids are opaque redirect tokens, not shortcodes.
+    const m = url.pathname.match(/^(?:\/([\w.]+))?\/(p|reel|reels|tv)\/([\w-]{5,20})\/?$/);
+    if (!m || m[1] === "share") return null;
+    const kind: InstagramKind = m[2] === "p" ? "post" : m[2] === "tv" ? "tv" : "reel";
+    return { provider: "instagram", id: m[3], kind };
+  }
   return null;
 }
 
-export function embedUrl(p: ParsedVideoUrl): string {
-  return p.provider === "youtube"
-    ? `https://www.youtube-nocookie.com/embed/${p.id}`
-    : `https://player.vimeo.com/video/${p.id}`;
+const IG_PATH: Record<InstagramKind, string> = { post: "p", reel: "reel", tv: "tv" };
+
+export function embedUrl(p: { provider: "youtube" | "vimeo" | "instagram"; id: string; kind?: InstagramKind }): string {
+  if (p.provider === "youtube") return `https://www.youtube-nocookie.com/embed/${p.id}`;
+  if (p.provider === "instagram") return `https://www.instagram.com/${IG_PATH[p.kind ?? "post"]}/${p.id}/embed/`;
+  return `https://player.vimeo.com/video/${p.id}`;
 }

package/src/media/resolve.ts

@@ -68,3 +68,21 @@ export function resolveManifestReferences(
 
   return content;
 }
+
+/**
+ * Keys stamped onto media refs by resolveManifestReferences above — derived
+ * from the referenced media item, never authored by the editor. Must stay in
+ * sync with the `patch` object built in resolveManifestReferences.
+ */
+export const BAKED_MEDIA_KEYS = ["src", "srcset", "alt", "width", "height", "poster"] as const;
+
+/**
+ * Re-point a media ref at a different library item. Drops every baked field so
+ * stale values resolved for the PREVIOUS image can't shadow the new one in the
+ * editor (ResolvedMedia prefers an explicit src prop over live resolution).
+ */
+export function rebindImageRef<T extends { imageId?: string }>(ref: T, imageId: string): T {
+  const fresh = { ...ref, imageId } as Record<string, unknown>;
+  for (const key of BAKED_MEDIA_KEYS) delete fresh[key];
+  return fresh as T;
+}