@saketsawrav/instagram-feed 0.1.0

package/README.md

@@ -0,0 +1,130 @@
+# @saketsawrav/instagram-feed
+
+Drop-in Instagram feed for Next.js apps. Fetches recent posts and proxies images server-side — no third-party widgets, no client-side scraping, no API keys required.
+
+## Features
+
+- Fetches posts via Instagram's public web profile API
+- Server-side image proxy (avoids Instagram's cross-origin blocking)
+- In-memory caching with configurable TTL (default: 1 hour)
+- Ready-made Next.js route handler factories
+- Framework-agnostic core — use the fetcher anywhere Node.js runs
+- Zero runtime dependencies
+
+## Install
+
+```bash
+npm install @saketsawrav/instagram-feed
+```
+
+## Quick Start (Next.js)
+
+### 1. Create the feed API route
+
+```ts
+// app/api/instagram/route.ts
+import { createFeedHandler } from '@saketsawrav/instagram-feed/nextjs';
+
+export const GET = createFeedHandler({ username: 'your_username' });
+```
+
+### 2. Create the image proxy route
+
+```ts
+// app/api/instagram/image/route.ts
+import { createImageProxyHandler } from '@saketsawrav/instagram-feed/nextjs';
+
+export const GET = createImageProxyHandler({ username: 'your_username' });
+```
+
+### 3. Fetch posts from your component
+
+```tsx
+'use client';
+
+import { useEffect, useState } from 'react';
+import type { InstagramPost } from '@saketsawrav/instagram-feed';
+
+export default function InstagramGrid() {
+  const [posts, setPosts] = useState<InstagramPost[]>([]);
+
+  useEffect(() => {
+    fetch('/api/instagram')
+      .then((res) => res.json())
+      .then(setPosts)
+      .catch(() => {});
+  }, []);
+
+  return (
+    <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 4 }}>
+      {posts.map((post) => (
+        <a
+          key={post.shortcode}
+          href={`https://www.instagram.com/p/${post.shortcode}/`}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <img
+            src={`/api/instagram/image?shortcode=${post.shortcode}`}
+            alt=""
+            style={{ width: '100%', aspectRatio: '1', objectFit: 'cover' }}
+            loading="lazy"
+          />
+        </a>
+      ))}
+    </div>
+  );
+}
+```
+
+## Configuration
+
+Both `createFeedHandler` and `createImageProxyHandler` accept the same options:
+
+| Option       | Type     | Default       | Description                    |
+|--------------|----------|---------------|--------------------------------|
+| `username`   | `string` | **required**  | Instagram username to fetch    |
+| `count`      | `number` | `9`           | Number of posts to return      |
+| `cacheTtlMs` | `number` | `3600000` (1h)| In-memory cache TTL in ms      |
+| `igAppId`    | `string` | built-in      | Instagram app ID for API calls |
+
+## Framework-Agnostic Usage
+
+The core fetcher works in any Node.js environment:
+
+```ts
+import { fetchInstagramPosts } from '@saketsawrav/instagram-feed';
+
+const posts = await fetchInstagramPosts({ username: 'your_username', count: 6 });
+console.log(posts);
+// [{ shortcode: 'abc123', thumbnailUrl: 'https://...' }, ...]
+```
+
+### Available exports from `@saketsawrav/instagram-feed`
+
+| Export                  | Description                                      |
+|-------------------------|--------------------------------------------------|
+| `fetchInstagramPosts()` | Fetch posts for a username (returns `InstagramPost[]`) |
+| `getInstagramImageUrl()`| Get the full-res image URL for a shortcode       |
+| `proxyInstagramImage()` | Fetch and stream an image from Instagram CDN     |
+| `InstagramPost`         | Type: `{ shortcode: string; thumbnailUrl: string }` |
+| `InstagramFeedOptions`  | Type: configuration options                      |
+
+### Available exports from `@saketsawrav/instagram-feed/nextjs`
+
+| Export                      | Description                                 |
+|-----------------------------|---------------------------------------------|
+| `createFeedHandler()`       | Returns a Next.js GET handler for the feed  |
+| `createImageProxyHandler()` | Returns a Next.js GET handler for image proxy |
+
+## Why server-side?
+
+Instagram blocks cross-origin image requests from browsers. This package solves that by:
+
+1. Fetching post metadata server-side (no browser CORS issues)
+2. Proxying images through your own API route (your domain serves the images)
+3. Caching both metadata and image URLs in memory (one Instagram API call per TTL window)
+
+## License
+
+MIT

package/dist/chunk-QEYBYUKH.mjs

@@ -0,0 +1,92 @@
+// src/fetcher.ts
+var DEFAULT_COUNT = 9;
+var DEFAULT_CACHE_TTL_MS = 36e5;
+var DEFAULT_IG_APP_ID = "936619743392459";
+var USER_AGENT = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36";
+var cacheByUsername = /* @__PURE__ */ new Map();
+function buildHeaders(username, igAppId) {
+  return {
+    "User-Agent": USER_AGENT,
+    "x-ig-app-id": igAppId,
+    Accept: "*/*",
+    "Sec-Fetch-Mode": "cors",
+    "Sec-Fetch-Site": "same-origin",
+    "Sec-Fetch-Dest": "empty",
+    Referer: `https://www.instagram.com/${username}/`
+  };
+}
+async function fetchFromInstagram(username, count, igAppId) {
+  const res = await fetch(
+    `https://www.instagram.com/api/v1/users/web_profile_info/?username=${username}`,
+    { headers: buildHeaders(username, igAppId) }
+  );
+  if (!res.ok) {
+    return { posts: [], imageMap: {}, timestamp: Date.now() };
+  }
+  const json = await res.json();
+  const edges = json?.data?.user?.edge_owner_to_timeline_media?.edges ?? [];
+  const posts = [];
+  const imageMap = {};
+  for (const edge of edges) {
+    const node = edge?.node;
+    if (!node?.shortcode) continue;
+    const thumbnailUrl = node.thumbnail_src ?? node.display_url ?? "";
+    const displayUrl = node.display_url ?? node.thumbnail_src ?? "";
+    imageMap[node.shortcode] = displayUrl;
+    if (posts.length < count) {
+      posts.push({ shortcode: node.shortcode, thumbnailUrl });
+    }
+  }
+  return { posts, imageMap, timestamp: Date.now() };
+}
+function getCached(username, cacheTtlMs) {
+  const entry = cacheByUsername.get(username);
+  if (entry && Date.now() - entry.timestamp < cacheTtlMs) return entry;
+  return null;
+}
+async function ensureCache(opts) {
+  const existing = getCached(opts.username, opts.cacheTtlMs);
+  if (existing) return existing;
+  const fresh = await fetchFromInstagram(opts.username, opts.count, opts.igAppId);
+  if (fresh.posts.length > 0) {
+    cacheByUsername.set(opts.username, fresh);
+  }
+  return fresh;
+}
+function resolveOptions(opts) {
+  return {
+    username: opts.username,
+    count: opts.count ?? DEFAULT_COUNT,
+    cacheTtlMs: opts.cacheTtlMs ?? DEFAULT_CACHE_TTL_MS,
+    igAppId: opts.igAppId ?? DEFAULT_IG_APP_ID
+  };
+}
+async function fetchInstagramPosts(opts) {
+  const resolved = resolveOptions(opts);
+  const cached = await ensureCache(resolved);
+  return cached.posts;
+}
+async function getInstagramImageUrl(opts, shortcode) {
+  const resolved = resolveOptions(opts);
+  const cached = await ensureCache(resolved);
+  return cached.imageMap[shortcode] ?? null;
+}
+async function proxyInstagramImage(imageUrl) {
+  const res = await fetch(imageUrl, {
+    headers: {
+      "User-Agent": USER_AGENT,
+      Referer: "https://www.instagram.com/"
+    }
+  });
+  if (!res.ok || !res.body) return null;
+  return {
+    body: res.body,
+    contentType: res.headers.get("content-type") ?? "image/jpeg"
+  };
+}
+
+export {
+  fetchInstagramPosts,
+  getInstagramImageUrl,
+  proxyInstagramImage
+};

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+import { I as InstagramFeedOptions, a as InstagramPost } from './types-CJuNiTch.mjs';
+
+declare function fetchInstagramPosts(opts: InstagramFeedOptions): Promise<InstagramPost[]>;
+declare function getInstagramImageUrl(opts: InstagramFeedOptions, shortcode: string): Promise<string | null>;
+declare function proxyInstagramImage(imageUrl: string): Promise<{
+    body: ReadableStream<Uint8Array>;
+    contentType: string;
+} | null>;
+
+export { InstagramFeedOptions, InstagramPost, fetchInstagramPosts, getInstagramImageUrl, proxyInstagramImage };

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { I as InstagramFeedOptions, a as InstagramPost } from './types-CJuNiTch.js';
+
+declare function fetchInstagramPosts(opts: InstagramFeedOptions): Promise<InstagramPost[]>;
+declare function getInstagramImageUrl(opts: InstagramFeedOptions, shortcode: string): Promise<string | null>;
+declare function proxyInstagramImage(imageUrl: string): Promise<{
+    body: ReadableStream<Uint8Array>;
+    contentType: string;
+} | null>;
+
+export { InstagramFeedOptions, InstagramPost, fetchInstagramPosts, getInstagramImageUrl, proxyInstagramImage };

package/dist/index.js

@@ -0,0 +1,120 @@
+"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, {
+  fetchInstagramPosts: () => fetchInstagramPosts,
+  getInstagramImageUrl: () => getInstagramImageUrl,
+  proxyInstagramImage: () => proxyInstagramImage
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/fetcher.ts
+var DEFAULT_COUNT = 9;
+var DEFAULT_CACHE_TTL_MS = 36e5;
+var DEFAULT_IG_APP_ID = "936619743392459";
+var USER_AGENT = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36";
+var cacheByUsername = /* @__PURE__ */ new Map();
+function buildHeaders(username, igAppId) {
+  return {
+    "User-Agent": USER_AGENT,
+    "x-ig-app-id": igAppId,
+    Accept: "*/*",
+    "Sec-Fetch-Mode": "cors",
+    "Sec-Fetch-Site": "same-origin",
+    "Sec-Fetch-Dest": "empty",
+    Referer: `https://www.instagram.com/${username}/`
+  };
+}
+async function fetchFromInstagram(username, count, igAppId) {
+  const res = await fetch(
+    `https://www.instagram.com/api/v1/users/web_profile_info/?username=${username}`,
+    { headers: buildHeaders(username, igAppId) }
+  );
+  if (!res.ok) {
+    return { posts: [], imageMap: {}, timestamp: Date.now() };
+  }
+  const json = await res.json();
+  const edges = json?.data?.user?.edge_owner_to_timeline_media?.edges ?? [];
+  const posts = [];
+  const imageMap = {};
+  for (const edge of edges) {
+    const node = edge?.node;
+    if (!node?.shortcode) continue;
+    const thumbnailUrl = node.thumbnail_src ?? node.display_url ?? "";
+    const displayUrl = node.display_url ?? node.thumbnail_src ?? "";
+    imageMap[node.shortcode] = displayUrl;
+    if (posts.length < count) {
+      posts.push({ shortcode: node.shortcode, thumbnailUrl });
+    }
+  }
+  return { posts, imageMap, timestamp: Date.now() };
+}
+function getCached(username, cacheTtlMs) {
+  const entry = cacheByUsername.get(username);
+  if (entry && Date.now() - entry.timestamp < cacheTtlMs) return entry;
+  return null;
+}
+async function ensureCache(opts) {
+  const existing = getCached(opts.username, opts.cacheTtlMs);
+  if (existing) return existing;
+  const fresh = await fetchFromInstagram(opts.username, opts.count, opts.igAppId);
+  if (fresh.posts.length > 0) {
+    cacheByUsername.set(opts.username, fresh);
+  }
+  return fresh;
+}
+function resolveOptions(opts) {
+  return {
+    username: opts.username,
+    count: opts.count ?? DEFAULT_COUNT,
+    cacheTtlMs: opts.cacheTtlMs ?? DEFAULT_CACHE_TTL_MS,
+    igAppId: opts.igAppId ?? DEFAULT_IG_APP_ID
+  };
+}
+async function fetchInstagramPosts(opts) {
+  const resolved = resolveOptions(opts);
+  const cached = await ensureCache(resolved);
+  return cached.posts;
+}
+async function getInstagramImageUrl(opts, shortcode) {
+  const resolved = resolveOptions(opts);
+  const cached = await ensureCache(resolved);
+  return cached.imageMap[shortcode] ?? null;
+}
+async function proxyInstagramImage(imageUrl) {
+  const res = await fetch(imageUrl, {
+    headers: {
+      "User-Agent": USER_AGENT,
+      Referer: "https://www.instagram.com/"
+    }
+  });
+  if (!res.ok || !res.body) return null;
+  return {
+    body: res.body,
+    contentType: res.headers.get("content-type") ?? "image/jpeg"
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fetchInstagramPosts,
+  getInstagramImageUrl,
+  proxyInstagramImage
+});

package/dist/index.mjs

@@ -0,0 +1,10 @@
+import {
+  fetchInstagramPosts,
+  getInstagramImageUrl,
+  proxyInstagramImage
+} from "./chunk-QEYBYUKH.mjs";
+export {
+  fetchInstagramPosts,
+  getInstagramImageUrl,
+  proxyInstagramImage
+};

package/dist/nextjs.d.mts

@@ -0,0 +1,7 @@
+import { I as InstagramFeedOptions, a as InstagramPost } from './types-CJuNiTch.mjs';
+import { NextResponse, NextRequest } from 'next/server';
+
+declare function createFeedHandler(opts: InstagramFeedOptions): () => Promise<NextResponse<InstagramPost[]>>;
+declare function createImageProxyHandler(opts: InstagramFeedOptions): (request: NextRequest) => Promise<NextResponse<unknown>>;
+
+export { InstagramFeedOptions, InstagramPost, createFeedHandler, createImageProxyHandler };

package/dist/nextjs.d.ts

@@ -0,0 +1,7 @@
+import { I as InstagramFeedOptions, a as InstagramPost } from './types-CJuNiTch.js';
+import { NextResponse, NextRequest } from 'next/server';
+
+declare function createFeedHandler(opts: InstagramFeedOptions): () => Promise<NextResponse<InstagramPost[]>>;
+declare function createImageProxyHandler(opts: InstagramFeedOptions): (request: NextRequest) => Promise<NextResponse<unknown>>;
+
+export { InstagramFeedOptions, InstagramPost, createFeedHandler, createImageProxyHandler };

package/dist/nextjs.js

@@ -0,0 +1,155 @@
+"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/nextjs.ts
+var nextjs_exports = {};
+__export(nextjs_exports, {
+  createFeedHandler: () => createFeedHandler,
+  createImageProxyHandler: () => createImageProxyHandler
+});
+module.exports = __toCommonJS(nextjs_exports);
+
+// src/handlers.ts
+var import_server = require("next/server");
+
+// src/fetcher.ts
+var DEFAULT_COUNT = 9;
+var DEFAULT_CACHE_TTL_MS = 36e5;
+var DEFAULT_IG_APP_ID = "936619743392459";
+var USER_AGENT = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36";
+var cacheByUsername = /* @__PURE__ */ new Map();
+function buildHeaders(username, igAppId) {
+  return {
+    "User-Agent": USER_AGENT,
+    "x-ig-app-id": igAppId,
+    Accept: "*/*",
+    "Sec-Fetch-Mode": "cors",
+    "Sec-Fetch-Site": "same-origin",
+    "Sec-Fetch-Dest": "empty",
+    Referer: `https://www.instagram.com/${username}/`
+  };
+}
+async function fetchFromInstagram(username, count, igAppId) {
+  const res = await fetch(
+    `https://www.instagram.com/api/v1/users/web_profile_info/?username=${username}`,
+    { headers: buildHeaders(username, igAppId) }
+  );
+  if (!res.ok) {
+    return { posts: [], imageMap: {}, timestamp: Date.now() };
+  }
+  const json = await res.json();
+  const edges = json?.data?.user?.edge_owner_to_timeline_media?.edges ?? [];
+  const posts = [];
+  const imageMap = {};
+  for (const edge of edges) {
+    const node = edge?.node;
+    if (!node?.shortcode) continue;
+    const thumbnailUrl = node.thumbnail_src ?? node.display_url ?? "";
+    const displayUrl = node.display_url ?? node.thumbnail_src ?? "";
+    imageMap[node.shortcode] = displayUrl;
+    if (posts.length < count) {
+      posts.push({ shortcode: node.shortcode, thumbnailUrl });
+    }
+  }
+  return { posts, imageMap, timestamp: Date.now() };
+}
+function getCached(username, cacheTtlMs) {
+  const entry = cacheByUsername.get(username);
+  if (entry && Date.now() - entry.timestamp < cacheTtlMs) return entry;
+  return null;
+}
+async function ensureCache(opts) {
+  const existing = getCached(opts.username, opts.cacheTtlMs);
+  if (existing) return existing;
+  const fresh = await fetchFromInstagram(opts.username, opts.count, opts.igAppId);
+  if (fresh.posts.length > 0) {
+    cacheByUsername.set(opts.username, fresh);
+  }
+  return fresh;
+}
+function resolveOptions(opts) {
+  return {
+    username: opts.username,
+    count: opts.count ?? DEFAULT_COUNT,
+    cacheTtlMs: opts.cacheTtlMs ?? DEFAULT_CACHE_TTL_MS,
+    igAppId: opts.igAppId ?? DEFAULT_IG_APP_ID
+  };
+}
+async function fetchInstagramPosts(opts) {
+  const resolved = resolveOptions(opts);
+  const cached = await ensureCache(resolved);
+  return cached.posts;
+}
+async function getInstagramImageUrl(opts, shortcode) {
+  const resolved = resolveOptions(opts);
+  const cached = await ensureCache(resolved);
+  return cached.imageMap[shortcode] ?? null;
+}
+async function proxyInstagramImage(imageUrl) {
+  const res = await fetch(imageUrl, {
+    headers: {
+      "User-Agent": USER_AGENT,
+      Referer: "https://www.instagram.com/"
+    }
+  });
+  if (!res.ok || !res.body) return null;
+  return {
+    body: res.body,
+    contentType: res.headers.get("content-type") ?? "image/jpeg"
+  };
+}
+
+// src/handlers.ts
+function createFeedHandler(opts) {
+  return async function GET() {
+    const posts = await fetchInstagramPosts(opts);
+    return import_server.NextResponse.json(posts, {
+      headers: {
+        "Cache-Control": "public, s-maxage=3600, stale-while-revalidate=7200"
+      }
+    });
+  };
+}
+function createImageProxyHandler(opts) {
+  return async function GET(request) {
+    const shortcode = request.nextUrl.searchParams.get("shortcode");
+    if (!shortcode) {
+      return new import_server.NextResponse("Missing shortcode", { status: 400 });
+    }
+    const imageUrl = await getInstagramImageUrl(opts, shortcode);
+    if (!imageUrl) {
+      return new import_server.NextResponse("Not found", { status: 404 });
+    }
+    const result = await proxyInstagramImage(imageUrl);
+    if (!result) {
+      return new import_server.NextResponse("Image fetch failed", { status: 502 });
+    }
+    return new import_server.NextResponse(result.body, {
+      headers: {
+        "Content-Type": result.contentType,
+        "Cache-Control": "public, max-age=86400, s-maxage=86400"
+      }
+    });
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createFeedHandler,
+  createImageProxyHandler
+});

package/dist/nextjs.mjs

@@ -0,0 +1,44 @@
+import {
+  fetchInstagramPosts,
+  getInstagramImageUrl,
+  proxyInstagramImage
+} from "./chunk-QEYBYUKH.mjs";
+
+// src/handlers.ts
+import { NextResponse } from "next/server";
+function createFeedHandler(opts) {
+  return async function GET() {
+    const posts = await fetchInstagramPosts(opts);
+    return NextResponse.json(posts, {
+      headers: {
+        "Cache-Control": "public, s-maxage=3600, stale-while-revalidate=7200"
+      }
+    });
+  };
+}
+function createImageProxyHandler(opts) {
+  return async function GET(request) {
+    const shortcode = request.nextUrl.searchParams.get("shortcode");
+    if (!shortcode) {
+      return new NextResponse("Missing shortcode", { status: 400 });
+    }
+    const imageUrl = await getInstagramImageUrl(opts, shortcode);
+    if (!imageUrl) {
+      return new NextResponse("Not found", { status: 404 });
+    }
+    const result = await proxyInstagramImage(imageUrl);
+    if (!result) {
+      return new NextResponse("Image fetch failed", { status: 502 });
+    }
+    return new NextResponse(result.body, {
+      headers: {
+        "Content-Type": result.contentType,
+        "Cache-Control": "public, max-age=86400, s-maxage=86400"
+      }
+    });
+  };
+}
+export {
+  createFeedHandler,
+  createImageProxyHandler
+};

package/dist/types-CJuNiTch.d.mts

@@ -0,0 +1,12 @@
+interface InstagramPost {
+    shortcode: string;
+    thumbnailUrl: string;
+}
+interface InstagramFeedOptions {
+    username: string;
+    count?: number;
+    cacheTtlMs?: number;
+    igAppId?: string;
+}
+
+export type { InstagramFeedOptions as I, InstagramPost as a };

package/dist/types-CJuNiTch.d.ts

@@ -0,0 +1,12 @@
+interface InstagramPost {
+    shortcode: string;
+    thumbnailUrl: string;
+}
+interface InstagramFeedOptions {
+    username: string;
+    count?: number;
+    cacheTtlMs?: number;
+    igAppId?: string;
+}
+
+export type { InstagramFeedOptions as I, InstagramPost as a };

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@saketsawrav/instagram-feed",
+  "version": "0.1.0",
+  "description": "Drop-in Instagram feed for Next.js — fetches posts and proxies images server-side, no third-party widgets",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./nextjs": {
+      "types": "./dist/nextjs.d.ts",
+      "import": "./dist/nextjs.mjs",
+      "require": "./dist/nextjs.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts src/nextjs.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts src/nextjs.ts --format cjs,esm --dts --watch",
+    "lint": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "next": ">=13.0.0"
+  },
+  "devDependencies": {
+    "next": "^14.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": [
+    "instagram",
+    "nextjs",
+    "feed",
+    "embed",
+    "image-proxy"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lifesciencetrust/nextjs-instagram-feed"
+  }
+}