@dispatchcms/next 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +10 -10
- package/README.md +44 -2
- package/dist/index.d.mts +6 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.js +46 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +45 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -2
- package/src/client.ts +50 -2
- package/src/index.ts +7 -1
- package/test/client.cache.test.ts +113 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
> @dispatchcms/next@0.0.
|
|
3
|
+
> @dispatchcms/next@0.0.3 build /Users/jamescalmus/Documents/dispatch/packages/next
|
|
4
4
|
> tsup
|
|
5
5
|
|
|
6
6
|
[34mCLI[39m Building entry: src/index.ts
|
|
@@ -11,13 +11,13 @@
|
|
|
11
11
|
[34mCLI[39m Cleaning output folder
|
|
12
12
|
[34mCJS[39m Build start
|
|
13
13
|
[34mESM[39m Build start
|
|
14
|
-
[
|
|
15
|
-
[
|
|
16
|
-
[
|
|
17
|
-
[
|
|
18
|
-
[
|
|
19
|
-
[
|
|
14
|
+
[32mCJS[39m [1mdist/index.js [22m[32m4.25 KB[39m
|
|
15
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m6.31 KB[39m
|
|
16
|
+
[32mCJS[39m ⚡️ Build success in 5ms
|
|
17
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m3.11 KB[39m
|
|
18
|
+
[32mESM[39m [1mdist/index.mjs.map [22m[32m6.06 KB[39m
|
|
19
|
+
[32mESM[39m ⚡️ Build success in 5ms
|
|
20
20
|
DTS Build start
|
|
21
|
-
DTS ⚡️ Build success in
|
|
22
|
-
DTS dist/index.d.ts
|
|
23
|
-
DTS dist/index.d.mts
|
|
21
|
+
DTS ⚡️ Build success in 317ms
|
|
22
|
+
DTS dist/index.d.ts 938.00 B
|
|
23
|
+
DTS dist/index.d.mts 938.00 B
|
package/README.md
CHANGED
|
@@ -34,22 +34,33 @@ initDispatch({
|
|
|
34
34
|
|
|
35
35
|
You can omit `initDispatch` entirely if `NEXT_PUBLIC_DISPATCH_SITE_KEY` is set; the package will use it automatically.
|
|
36
36
|
|
|
37
|
+
## Caching
|
|
38
|
+
|
|
39
|
+
The client caches responses in memory so that repeated requests (e.g. when navigating around a site) do not trigger unnecessary API calls. If you have already fetched all posts with `getPosts()`, single-post lookups with `getPost(slug)` are served from that cache when the slug is in the list, so no extra request is made.
|
|
40
|
+
|
|
37
41
|
## API
|
|
38
42
|
|
|
39
43
|
### `getPosts(siteKey?)`
|
|
40
44
|
|
|
41
|
-
Returns all published posts for the site.
|
|
45
|
+
Returns all published posts for the site. Results are cached per site key.
|
|
42
46
|
|
|
43
47
|
- **Returns:** `Promise<Post[]>`
|
|
44
48
|
- **Optional:** pass `siteKey` to override the configured site for this call.
|
|
45
49
|
|
|
46
50
|
### `getPost(slug, siteKey?)`
|
|
47
51
|
|
|
48
|
-
Returns a single published post by slug, or `null` if not found.
|
|
52
|
+
Returns a single published post by slug, or `null` if not found. If the full list was already loaded via `getPosts()` for the same site, the post is returned from cache when present; otherwise a single-post request is made and cached.
|
|
49
53
|
|
|
50
54
|
- **Returns:** `Promise<Post | null>`
|
|
51
55
|
- **Optional:** pass `siteKey` as the second argument to override the configured site.
|
|
52
56
|
|
|
57
|
+
### `getPostByPreviewToken(token)`
|
|
58
|
+
|
|
59
|
+
Returns a single post by its preview token (draft or published). Use this in your app’s **preview** route so editors can open a shareable link and see the post as it will appear. No site key is required; the token is the secret.
|
|
60
|
+
|
|
61
|
+
- **Returns:** `Promise<Post | null>`
|
|
62
|
+
- **Example:** Implement a route at `/preview` (or `/blog/preview`) that reads `token` from the query and renders the post with the same layout as your live post page (see below).
|
|
63
|
+
|
|
53
64
|
## Types
|
|
54
65
|
|
|
55
66
|
Exportable types:
|
|
@@ -102,3 +113,34 @@ export default async function PostPage({ params }: { params: { slug: string } })
|
|
|
102
113
|
```
|
|
103
114
|
|
|
104
115
|
The CMS API only returns **published** posts; drafts are not included.
|
|
116
|
+
|
|
117
|
+
## Preview route
|
|
118
|
+
|
|
119
|
+
To support public preview links from the CMS (e.g. `https://yoursite.com/preview?token=xxx`), add a preview page that fetches by token and renders the post:
|
|
120
|
+
|
|
121
|
+
```tsx
|
|
122
|
+
// app/preview/page.tsx
|
|
123
|
+
import { getPostByPreviewToken } from "@dispatchcms/next";
|
|
124
|
+
import { notFound } from "next/navigation";
|
|
125
|
+
|
|
126
|
+
export default async function PreviewPage({
|
|
127
|
+
searchParams,
|
|
128
|
+
}: {
|
|
129
|
+
searchParams: Promise<{ token?: string }>;
|
|
130
|
+
}) {
|
|
131
|
+
const { token } = await searchParams;
|
|
132
|
+
if (!token) notFound();
|
|
133
|
+
const post = await getPostByPreviewToken(token);
|
|
134
|
+
if (!post) notFound();
|
|
135
|
+
return (
|
|
136
|
+
<article>
|
|
137
|
+
<p className="text-sm text-muted-foreground">Preview</p>
|
|
138
|
+
<h1>{post.title}</h1>
|
|
139
|
+
{post.excerpt && <p>{post.excerpt}</p>}
|
|
140
|
+
{/* Render post.content the same way as your live post page */}
|
|
141
|
+
</article>
|
|
142
|
+
);
|
|
143
|
+
}
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
In the CMS, set **Site URL** in Site settings to your site’s base URL (e.g. `https://yoursite.com`). The preview link will use that URL plus `/preview?token=...`.
|
package/dist/index.d.mts
CHANGED
|
@@ -20,5 +20,10 @@ declare function getConfig(): {
|
|
|
20
20
|
};
|
|
21
21
|
declare function getPosts(siteKey?: string): Promise<Post[]>;
|
|
22
22
|
declare function getPost(slug: string, siteKey?: string): Promise<Post | null>;
|
|
23
|
+
/**
|
|
24
|
+
* Fetch a single post by its preview token (for preview/draft pages).
|
|
25
|
+
* No site key required. Use this in your app's preview route (e.g. /preview?token=...).
|
|
26
|
+
*/
|
|
27
|
+
declare function getPostByPreviewToken(token: string): Promise<Post | null>;
|
|
23
28
|
|
|
24
|
-
export { type DispatchConfig, type Post, getConfig, getPost, getPosts, initDispatch };
|
|
29
|
+
export { type DispatchConfig, type Post, getConfig, getPost, getPostByPreviewToken, getPosts, initDispatch };
|
package/dist/index.d.ts
CHANGED
|
@@ -20,5 +20,10 @@ declare function getConfig(): {
|
|
|
20
20
|
};
|
|
21
21
|
declare function getPosts(siteKey?: string): Promise<Post[]>;
|
|
22
22
|
declare function getPost(slug: string, siteKey?: string): Promise<Post | null>;
|
|
23
|
+
/**
|
|
24
|
+
* Fetch a single post by its preview token (for preview/draft pages).
|
|
25
|
+
* No site key required. Use this in your app's preview route (e.g. /preview?token=...).
|
|
26
|
+
*/
|
|
27
|
+
declare function getPostByPreviewToken(token: string): Promise<Post | null>;
|
|
23
28
|
|
|
24
|
-
export { type DispatchConfig, type Post, getConfig, getPost, getPosts, initDispatch };
|
|
29
|
+
export { type DispatchConfig, type Post, getConfig, getPost, getPostByPreviewToken, getPosts, initDispatch };
|
package/dist/index.js
CHANGED
|
@@ -22,6 +22,7 @@ var index_exports = {};
|
|
|
22
22
|
__export(index_exports, {
|
|
23
23
|
getConfig: () => getConfig,
|
|
24
24
|
getPost: () => getPost,
|
|
25
|
+
getPostByPreviewToken: () => getPostByPreviewToken,
|
|
25
26
|
getPosts: () => getPosts,
|
|
26
27
|
initDispatch: () => initDispatch
|
|
27
28
|
});
|
|
@@ -30,6 +31,9 @@ module.exports = __toCommonJS(index_exports);
|
|
|
30
31
|
// src/client.ts
|
|
31
32
|
var DISPATCH_API_BASE = "https://dispatch-cms.vercel.app";
|
|
32
33
|
var config = null;
|
|
34
|
+
var allPostsBySiteKey = /* @__PURE__ */ new Map();
|
|
35
|
+
var postBySlugBySiteKey = /* @__PURE__ */ new Map();
|
|
36
|
+
var fullListFetchedForSiteKey = /* @__PURE__ */ new Set();
|
|
33
37
|
function initDispatch(options) {
|
|
34
38
|
config = { siteKey: options.siteKey };
|
|
35
39
|
}
|
|
@@ -44,6 +48,10 @@ function getConfig() {
|
|
|
44
48
|
async function getPosts(siteKey) {
|
|
45
49
|
const { siteKey: key } = getConfig();
|
|
46
50
|
const resolvedKey = siteKey ?? key;
|
|
51
|
+
const cached = allPostsBySiteKey.get(resolvedKey);
|
|
52
|
+
if (cached !== void 0) {
|
|
53
|
+
return cached;
|
|
54
|
+
}
|
|
47
55
|
const url = `${DISPATCH_API_BASE}/api/posts`;
|
|
48
56
|
const res = await fetch(url, {
|
|
49
57
|
headers: { "X-Site-Key": resolvedKey }
|
|
@@ -54,11 +62,31 @@ async function getPosts(siteKey) {
|
|
|
54
62
|
}
|
|
55
63
|
throw new Error(`Failed to fetch posts: ${res.status} ${res.statusText}`);
|
|
56
64
|
}
|
|
57
|
-
|
|
65
|
+
const posts = await res.json();
|
|
66
|
+
allPostsBySiteKey.set(resolvedKey, posts);
|
|
67
|
+
fullListFetchedForSiteKey.add(resolvedKey);
|
|
68
|
+
const bySlug = /* @__PURE__ */ new Map();
|
|
69
|
+
for (const post of posts) {
|
|
70
|
+
bySlug.set(post.slug, post);
|
|
71
|
+
}
|
|
72
|
+
postBySlugBySiteKey.set(resolvedKey, bySlug);
|
|
73
|
+
return posts;
|
|
58
74
|
}
|
|
59
75
|
async function getPost(slug, siteKey) {
|
|
60
76
|
const { siteKey: key } = getConfig();
|
|
61
77
|
const resolvedKey = siteKey ?? key;
|
|
78
|
+
if (fullListFetchedForSiteKey.has(resolvedKey)) {
|
|
79
|
+
const list = allPostsBySiteKey.get(resolvedKey);
|
|
80
|
+
if (list) {
|
|
81
|
+
const post2 = list.find((p) => p.slug === slug);
|
|
82
|
+
return post2 ?? null;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
const bySlug = postBySlugBySiteKey.get(resolvedKey);
|
|
86
|
+
const cachedPost = bySlug?.get(slug);
|
|
87
|
+
if (cachedPost !== void 0) {
|
|
88
|
+
return cachedPost;
|
|
89
|
+
}
|
|
62
90
|
const url = `${DISPATCH_API_BASE}/api/posts/${encodeURIComponent(slug)}`;
|
|
63
91
|
const res = await fetch(url, {
|
|
64
92
|
headers: { "X-Site-Key": resolvedKey }
|
|
@@ -72,12 +100,28 @@ async function getPost(slug, siteKey) {
|
|
|
72
100
|
}
|
|
73
101
|
throw new Error(`Failed to fetch post: ${res.status} ${res.statusText}`);
|
|
74
102
|
}
|
|
75
|
-
|
|
103
|
+
const post = await res.json();
|
|
104
|
+
if (!postBySlugBySiteKey.has(resolvedKey)) {
|
|
105
|
+
postBySlugBySiteKey.set(resolvedKey, /* @__PURE__ */ new Map());
|
|
106
|
+
}
|
|
107
|
+
postBySlugBySiteKey.get(resolvedKey).set(slug, post);
|
|
108
|
+
return post;
|
|
109
|
+
}
|
|
110
|
+
async function getPostByPreviewToken(token) {
|
|
111
|
+
if (!token?.trim()) return null;
|
|
112
|
+
const url = `${DISPATCH_API_BASE}/api/preview?token=${encodeURIComponent(token.trim())}`;
|
|
113
|
+
const res = await fetch(url);
|
|
114
|
+
if (res.status === 404) return null;
|
|
115
|
+
if (!res.ok) {
|
|
116
|
+
throw new Error(`Failed to fetch preview: ${res.status} ${res.statusText}`);
|
|
117
|
+
}
|
|
118
|
+
return await res.json();
|
|
76
119
|
}
|
|
77
120
|
// Annotate the CommonJS export names for ESM import in node:
|
|
78
121
|
0 && (module.exports = {
|
|
79
122
|
getConfig,
|
|
80
123
|
getPost,
|
|
124
|
+
getPostByPreviewToken,
|
|
81
125
|
getPosts,
|
|
82
126
|
initDispatch
|
|
83
127
|
});
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/client.ts"],"sourcesContent":["export type { Post, DispatchConfig } from \"./client\";\nexport {
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/client.ts"],"sourcesContent":["export type { Post, DispatchConfig } from \"./client\";\nexport {\n initDispatch,\n getConfig,\n getPosts,\n getPost,\n getPostByPreviewToken,\n} from \"./client\";\n","export type Post = {\n id: string;\n created_at: string;\n published_at: string;\n updated_at: string;\n site_id: string;\n title: string;\n slug: string;\n content: unknown;\n excerpt: string | null;\n featured_image: string | null;\n published: boolean;\n};\n\nconst DISPATCH_API_BASE = \"https://dispatch-cms.vercel.app\";\n\nexport type DispatchConfig = {\n siteKey: string;\n};\n\nlet config: DispatchConfig | null = null;\n\nconst allPostsBySiteKey = new Map<string, Post[]>();\nconst postBySlugBySiteKey = new Map<string, Map<string, Post>>();\nconst fullListFetchedForSiteKey = new Set<string>();\n\nexport function initDispatch(options: DispatchConfig): void {\n config = { siteKey: options.siteKey };\n}\n\nexport function getConfig(): { siteKey: string } {\n const envKey = typeof process !== \"undefined\" ? process.env?.NEXT_PUBLIC_DISPATCH_SITE_KEY : undefined;\n const siteKey = config?.siteKey ?? (typeof envKey === \"string\" ? envKey : undefined);\n if (!siteKey || typeof siteKey !== \"string\") {\n throw new Error(\"Dispatch site key is required. Call initDispatch({ siteKey }) or set NEXT_PUBLIC_DISPATCH_SITE_KEY.\");\n }\n return { siteKey };\n}\n\nexport async function getPosts(siteKey?: string): Promise<Post[]> {\n const { siteKey: key } = getConfig();\n const resolvedKey = siteKey ?? key;\n const cached = allPostsBySiteKey.get(resolvedKey);\n if (cached !== undefined) {\n return cached;\n }\n const url = `${DISPATCH_API_BASE}/api/posts`;\n const res = await fetch(url, {\n headers: { \"X-Site-Key\": resolvedKey },\n });\n if (!res.ok) {\n if (res.status === 401) {\n throw new Error(\"Invalid or missing site key\");\n }\n throw new Error(`Failed to fetch posts: ${res.status} ${res.statusText}`);\n }\n const posts = (await res.json()) as Post[];\n allPostsBySiteKey.set(resolvedKey, posts);\n fullListFetchedForSiteKey.add(resolvedKey);\n const bySlug = new Map<string, Post>();\n for (const post of posts) {\n bySlug.set(post.slug, post);\n }\n postBySlugBySiteKey.set(resolvedKey, bySlug);\n return posts;\n}\n\nexport async function getPost(slug: string, siteKey?: string): Promise<Post | null> {\n const { siteKey: key } = getConfig();\n const resolvedKey = siteKey ?? key;\n if (fullListFetchedForSiteKey.has(resolvedKey)) {\n const list = allPostsBySiteKey.get(resolvedKey);\n if (list) {\n const post = list.find((p) => p.slug === slug);\n return post ?? null;\n }\n }\n const bySlug = postBySlugBySiteKey.get(resolvedKey);\n const cachedPost = bySlug?.get(slug);\n if (cachedPost !== undefined) {\n return cachedPost;\n }\n const url = `${DISPATCH_API_BASE}/api/posts/${encodeURIComponent(slug)}`;\n const res = await fetch(url, {\n headers: { \"X-Site-Key\": resolvedKey },\n });\n if (res.status === 404) {\n return null;\n }\n if (!res.ok) {\n if (res.status === 401) {\n throw new Error(\"Invalid or missing site key\");\n }\n throw new Error(`Failed to fetch post: ${res.status} ${res.statusText}`);\n }\n const post = (await res.json()) as Post;\n if (!postBySlugBySiteKey.has(resolvedKey)) {\n postBySlugBySiteKey.set(resolvedKey, new Map());\n }\n postBySlugBySiteKey.get(resolvedKey)!.set(slug, post);\n return post;\n}\n\n/**\n * Fetch a single post by its preview token (for preview/draft pages).\n * No site key required. Use this in your app's preview route (e.g. /preview?token=...).\n */\nexport async function getPostByPreviewToken(token: string): Promise<Post | null> {\n if (!token?.trim()) return null;\n const url = `${DISPATCH_API_BASE}/api/preview?token=${encodeURIComponent(token.trim())}`;\n const res = await fetch(url);\n if (res.status === 404) return null;\n if (!res.ok) {\n throw new Error(`Failed to fetch preview: ${res.status} ${res.statusText}`);\n }\n return (await res.json()) as Post;\n}\n"],"mappings":"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","names":["post"]}
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
// src/client.ts
|
|
2
2
|
var DISPATCH_API_BASE = "https://dispatch-cms.vercel.app";
|
|
3
3
|
var config = null;
|
|
4
|
+
var allPostsBySiteKey = /* @__PURE__ */ new Map();
|
|
5
|
+
var postBySlugBySiteKey = /* @__PURE__ */ new Map();
|
|
6
|
+
var fullListFetchedForSiteKey = /* @__PURE__ */ new Set();
|
|
4
7
|
function initDispatch(options) {
|
|
5
8
|
config = { siteKey: options.siteKey };
|
|
6
9
|
}
|
|
@@ -15,6 +18,10 @@ function getConfig() {
|
|
|
15
18
|
async function getPosts(siteKey) {
|
|
16
19
|
const { siteKey: key } = getConfig();
|
|
17
20
|
const resolvedKey = siteKey ?? key;
|
|
21
|
+
const cached = allPostsBySiteKey.get(resolvedKey);
|
|
22
|
+
if (cached !== void 0) {
|
|
23
|
+
return cached;
|
|
24
|
+
}
|
|
18
25
|
const url = `${DISPATCH_API_BASE}/api/posts`;
|
|
19
26
|
const res = await fetch(url, {
|
|
20
27
|
headers: { "X-Site-Key": resolvedKey }
|
|
@@ -25,11 +32,31 @@ async function getPosts(siteKey) {
|
|
|
25
32
|
}
|
|
26
33
|
throw new Error(`Failed to fetch posts: ${res.status} ${res.statusText}`);
|
|
27
34
|
}
|
|
28
|
-
|
|
35
|
+
const posts = await res.json();
|
|
36
|
+
allPostsBySiteKey.set(resolvedKey, posts);
|
|
37
|
+
fullListFetchedForSiteKey.add(resolvedKey);
|
|
38
|
+
const bySlug = /* @__PURE__ */ new Map();
|
|
39
|
+
for (const post of posts) {
|
|
40
|
+
bySlug.set(post.slug, post);
|
|
41
|
+
}
|
|
42
|
+
postBySlugBySiteKey.set(resolvedKey, bySlug);
|
|
43
|
+
return posts;
|
|
29
44
|
}
|
|
30
45
|
async function getPost(slug, siteKey) {
|
|
31
46
|
const { siteKey: key } = getConfig();
|
|
32
47
|
const resolvedKey = siteKey ?? key;
|
|
48
|
+
if (fullListFetchedForSiteKey.has(resolvedKey)) {
|
|
49
|
+
const list = allPostsBySiteKey.get(resolvedKey);
|
|
50
|
+
if (list) {
|
|
51
|
+
const post2 = list.find((p) => p.slug === slug);
|
|
52
|
+
return post2 ?? null;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
const bySlug = postBySlugBySiteKey.get(resolvedKey);
|
|
56
|
+
const cachedPost = bySlug?.get(slug);
|
|
57
|
+
if (cachedPost !== void 0) {
|
|
58
|
+
return cachedPost;
|
|
59
|
+
}
|
|
33
60
|
const url = `${DISPATCH_API_BASE}/api/posts/${encodeURIComponent(slug)}`;
|
|
34
61
|
const res = await fetch(url, {
|
|
35
62
|
headers: { "X-Site-Key": resolvedKey }
|
|
@@ -43,11 +70,27 @@ async function getPost(slug, siteKey) {
|
|
|
43
70
|
}
|
|
44
71
|
throw new Error(`Failed to fetch post: ${res.status} ${res.statusText}`);
|
|
45
72
|
}
|
|
46
|
-
|
|
73
|
+
const post = await res.json();
|
|
74
|
+
if (!postBySlugBySiteKey.has(resolvedKey)) {
|
|
75
|
+
postBySlugBySiteKey.set(resolvedKey, /* @__PURE__ */ new Map());
|
|
76
|
+
}
|
|
77
|
+
postBySlugBySiteKey.get(resolvedKey).set(slug, post);
|
|
78
|
+
return post;
|
|
79
|
+
}
|
|
80
|
+
async function getPostByPreviewToken(token) {
|
|
81
|
+
if (!token?.trim()) return null;
|
|
82
|
+
const url = `${DISPATCH_API_BASE}/api/preview?token=${encodeURIComponent(token.trim())}`;
|
|
83
|
+
const res = await fetch(url);
|
|
84
|
+
if (res.status === 404) return null;
|
|
85
|
+
if (!res.ok) {
|
|
86
|
+
throw new Error(`Failed to fetch preview: ${res.status} ${res.statusText}`);
|
|
87
|
+
}
|
|
88
|
+
return await res.json();
|
|
47
89
|
}
|
|
48
90
|
export {
|
|
49
91
|
getConfig,
|
|
50
92
|
getPost,
|
|
93
|
+
getPostByPreviewToken,
|
|
51
94
|
getPosts,
|
|
52
95
|
initDispatch
|
|
53
96
|
};
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/client.ts"],"sourcesContent":["export type Post = {\n id: string;\n created_at: string;\n published_at: string;\n updated_at: string;\n site_id: string;\n title: string;\n slug: string;\n content: unknown;\n excerpt: string | null;\n featured_image: string | null;\n published: boolean;\n};\n\nconst DISPATCH_API_BASE = \"https://dispatch-cms.vercel.app\";\n\nexport type DispatchConfig = {\n siteKey: string;\n};\n\nlet config: DispatchConfig | null = null;\n\nexport function initDispatch(options: DispatchConfig): void {\n config = { siteKey: options.siteKey };\n}\n\nexport function getConfig(): { siteKey: string } {\n const envKey = typeof process !== \"undefined\" ? process.env?.NEXT_PUBLIC_DISPATCH_SITE_KEY : undefined;\n const siteKey = config?.siteKey ?? (typeof envKey === \"string\" ? envKey : undefined);\n if (!siteKey || typeof siteKey !== \"string\") {\n throw new Error(\"Dispatch site key is required. Call initDispatch({ siteKey }) or set NEXT_PUBLIC_DISPATCH_SITE_KEY.\");\n }\n return { siteKey };\n}\n\nexport async function getPosts(siteKey?: string): Promise<Post[]> {\n const { siteKey: key } = getConfig();\n const resolvedKey = siteKey ?? key;\n const url = `${DISPATCH_API_BASE}/api/posts`;\n const res = await fetch(url, {\n headers: { \"X-Site-Key\": resolvedKey },\n });\n if (!res.ok) {\n if (res.status === 401) {\n throw new Error(\"Invalid or missing site key\");\n }\n throw new Error(`Failed to fetch posts: ${res.status} ${res.statusText}`);\n }\n
|
|
1
|
+
{"version":3,"sources":["../src/client.ts"],"sourcesContent":["export type Post = {\n id: string;\n created_at: string;\n published_at: string;\n updated_at: string;\n site_id: string;\n title: string;\n slug: string;\n content: unknown;\n excerpt: string | null;\n featured_image: string | null;\n published: boolean;\n};\n\nconst DISPATCH_API_BASE = \"https://dispatch-cms.vercel.app\";\n\nexport type DispatchConfig = {\n siteKey: string;\n};\n\nlet config: DispatchConfig | null = null;\n\nconst allPostsBySiteKey = new Map<string, Post[]>();\nconst postBySlugBySiteKey = new Map<string, Map<string, Post>>();\nconst fullListFetchedForSiteKey = new Set<string>();\n\nexport function initDispatch(options: DispatchConfig): void {\n config = { siteKey: options.siteKey };\n}\n\nexport function getConfig(): { siteKey: string } {\n const envKey = typeof process !== \"undefined\" ? process.env?.NEXT_PUBLIC_DISPATCH_SITE_KEY : undefined;\n const siteKey = config?.siteKey ?? (typeof envKey === \"string\" ? envKey : undefined);\n if (!siteKey || typeof siteKey !== \"string\") {\n throw new Error(\"Dispatch site key is required. Call initDispatch({ siteKey }) or set NEXT_PUBLIC_DISPATCH_SITE_KEY.\");\n }\n return { siteKey };\n}\n\nexport async function getPosts(siteKey?: string): Promise<Post[]> {\n const { siteKey: key } = getConfig();\n const resolvedKey = siteKey ?? key;\n const cached = allPostsBySiteKey.get(resolvedKey);\n if (cached !== undefined) {\n return cached;\n }\n const url = `${DISPATCH_API_BASE}/api/posts`;\n const res = await fetch(url, {\n headers: { \"X-Site-Key\": resolvedKey },\n });\n if (!res.ok) {\n if (res.status === 401) {\n throw new Error(\"Invalid or missing site key\");\n }\n throw new Error(`Failed to fetch posts: ${res.status} ${res.statusText}`);\n }\n const posts = (await res.json()) as Post[];\n allPostsBySiteKey.set(resolvedKey, posts);\n fullListFetchedForSiteKey.add(resolvedKey);\n const bySlug = new Map<string, Post>();\n for (const post of posts) {\n bySlug.set(post.slug, post);\n }\n postBySlugBySiteKey.set(resolvedKey, bySlug);\n return posts;\n}\n\nexport async function getPost(slug: string, siteKey?: string): Promise<Post | null> {\n const { siteKey: key } = getConfig();\n const resolvedKey = siteKey ?? key;\n if (fullListFetchedForSiteKey.has(resolvedKey)) {\n const list = allPostsBySiteKey.get(resolvedKey);\n if (list) {\n const post = list.find((p) => p.slug === slug);\n return post ?? null;\n }\n }\n const bySlug = postBySlugBySiteKey.get(resolvedKey);\n const cachedPost = bySlug?.get(slug);\n if (cachedPost !== undefined) {\n return cachedPost;\n }\n const url = `${DISPATCH_API_BASE}/api/posts/${encodeURIComponent(slug)}`;\n const res = await fetch(url, {\n headers: { \"X-Site-Key\": resolvedKey },\n });\n if (res.status === 404) {\n return null;\n }\n if (!res.ok) {\n if (res.status === 401) {\n throw new Error(\"Invalid or missing site key\");\n }\n throw new Error(`Failed to fetch post: ${res.status} ${res.statusText}`);\n }\n const post = (await res.json()) as Post;\n if (!postBySlugBySiteKey.has(resolvedKey)) {\n postBySlugBySiteKey.set(resolvedKey, new Map());\n }\n postBySlugBySiteKey.get(resolvedKey)!.set(slug, post);\n return post;\n}\n\n/**\n * Fetch a single post by its preview token (for preview/draft pages).\n * No site key required. Use this in your app's preview route (e.g. /preview?token=...).\n */\nexport async function getPostByPreviewToken(token: string): Promise<Post | null> {\n if (!token?.trim()) return null;\n const url = `${DISPATCH_API_BASE}/api/preview?token=${encodeURIComponent(token.trim())}`;\n const res = await fetch(url);\n if (res.status === 404) return null;\n if (!res.ok) {\n throw new Error(`Failed to fetch preview: ${res.status} ${res.statusText}`);\n }\n return (await res.json()) as Post;\n}\n"],"mappings":"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","names":["post"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dispatchcms/next",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"description": "Fetch published posts from a Dispatch CMS in Next.js",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -14,7 +14,8 @@
|
|
|
14
14
|
},
|
|
15
15
|
"scripts": {
|
|
16
16
|
"build": "tsup",
|
|
17
|
-
"test": "tsx test/
|
|
17
|
+
"test": "tsx test/client.cache.test.ts",
|
|
18
|
+
"test:manual": "tsx test/getPage.test.ts"
|
|
18
19
|
},
|
|
19
20
|
"devDependencies": {
|
|
20
21
|
"@types/node": "^22.10.1",
|
package/src/client.ts
CHANGED
|
@@ -20,6 +20,10 @@ export type DispatchConfig = {
|
|
|
20
20
|
|
|
21
21
|
let config: DispatchConfig | null = null;
|
|
22
22
|
|
|
23
|
+
const allPostsBySiteKey = new Map<string, Post[]>();
|
|
24
|
+
const postBySlugBySiteKey = new Map<string, Map<string, Post>>();
|
|
25
|
+
const fullListFetchedForSiteKey = new Set<string>();
|
|
26
|
+
|
|
23
27
|
export function initDispatch(options: DispatchConfig): void {
|
|
24
28
|
config = { siteKey: options.siteKey };
|
|
25
29
|
}
|
|
@@ -36,6 +40,10 @@ export function getConfig(): { siteKey: string } {
|
|
|
36
40
|
export async function getPosts(siteKey?: string): Promise<Post[]> {
|
|
37
41
|
const { siteKey: key } = getConfig();
|
|
38
42
|
const resolvedKey = siteKey ?? key;
|
|
43
|
+
const cached = allPostsBySiteKey.get(resolvedKey);
|
|
44
|
+
if (cached !== undefined) {
|
|
45
|
+
return cached;
|
|
46
|
+
}
|
|
39
47
|
const url = `${DISPATCH_API_BASE}/api/posts`;
|
|
40
48
|
const res = await fetch(url, {
|
|
41
49
|
headers: { "X-Site-Key": resolvedKey },
|
|
@@ -46,12 +54,32 @@ export async function getPosts(siteKey?: string): Promise<Post[]> {
|
|
|
46
54
|
}
|
|
47
55
|
throw new Error(`Failed to fetch posts: ${res.status} ${res.statusText}`);
|
|
48
56
|
}
|
|
49
|
-
|
|
57
|
+
const posts = (await res.json()) as Post[];
|
|
58
|
+
allPostsBySiteKey.set(resolvedKey, posts);
|
|
59
|
+
fullListFetchedForSiteKey.add(resolvedKey);
|
|
60
|
+
const bySlug = new Map<string, Post>();
|
|
61
|
+
for (const post of posts) {
|
|
62
|
+
bySlug.set(post.slug, post);
|
|
63
|
+
}
|
|
64
|
+
postBySlugBySiteKey.set(resolvedKey, bySlug);
|
|
65
|
+
return posts;
|
|
50
66
|
}
|
|
51
67
|
|
|
52
68
|
export async function getPost(slug: string, siteKey?: string): Promise<Post | null> {
|
|
53
69
|
const { siteKey: key } = getConfig();
|
|
54
70
|
const resolvedKey = siteKey ?? key;
|
|
71
|
+
if (fullListFetchedForSiteKey.has(resolvedKey)) {
|
|
72
|
+
const list = allPostsBySiteKey.get(resolvedKey);
|
|
73
|
+
if (list) {
|
|
74
|
+
const post = list.find((p) => p.slug === slug);
|
|
75
|
+
return post ?? null;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
const bySlug = postBySlugBySiteKey.get(resolvedKey);
|
|
79
|
+
const cachedPost = bySlug?.get(slug);
|
|
80
|
+
if (cachedPost !== undefined) {
|
|
81
|
+
return cachedPost;
|
|
82
|
+
}
|
|
55
83
|
const url = `${DISPATCH_API_BASE}/api/posts/${encodeURIComponent(slug)}`;
|
|
56
84
|
const res = await fetch(url, {
|
|
57
85
|
headers: { "X-Site-Key": resolvedKey },
|
|
@@ -65,5 +93,25 @@ export async function getPost(slug: string, siteKey?: string): Promise<Post | nu
|
|
|
65
93
|
}
|
|
66
94
|
throw new Error(`Failed to fetch post: ${res.status} ${res.statusText}`);
|
|
67
95
|
}
|
|
68
|
-
|
|
96
|
+
const post = (await res.json()) as Post;
|
|
97
|
+
if (!postBySlugBySiteKey.has(resolvedKey)) {
|
|
98
|
+
postBySlugBySiteKey.set(resolvedKey, new Map());
|
|
99
|
+
}
|
|
100
|
+
postBySlugBySiteKey.get(resolvedKey)!.set(slug, post);
|
|
101
|
+
return post;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* Fetch a single post by its preview token (for preview/draft pages).
|
|
106
|
+
* No site key required. Use this in your app's preview route (e.g. /preview?token=...).
|
|
107
|
+
*/
|
|
108
|
+
export async function getPostByPreviewToken(token: string): Promise<Post | null> {
|
|
109
|
+
if (!token?.trim()) return null;
|
|
110
|
+
const url = `${DISPATCH_API_BASE}/api/preview?token=${encodeURIComponent(token.trim())}`;
|
|
111
|
+
const res = await fetch(url);
|
|
112
|
+
if (res.status === 404) return null;
|
|
113
|
+
if (!res.ok) {
|
|
114
|
+
throw new Error(`Failed to fetch preview: ${res.status} ${res.statusText}`);
|
|
115
|
+
}
|
|
116
|
+
return (await res.json()) as Post;
|
|
69
117
|
}
|
package/src/index.ts
CHANGED
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { initDispatch, getPosts, getPost } from "../src/index";
|
|
2
|
+
|
|
3
|
+
const mockPost = (slug: string, title: string) => ({
|
|
4
|
+
id: `id-${slug}`,
|
|
5
|
+
created_at: "",
|
|
6
|
+
published_at: "",
|
|
7
|
+
updated_at: "",
|
|
8
|
+
site_id: "",
|
|
9
|
+
title,
|
|
10
|
+
slug,
|
|
11
|
+
content: null,
|
|
12
|
+
excerpt: null,
|
|
13
|
+
featured_image: null,
|
|
14
|
+
published: true,
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
type FetchCall = { url: string };
|
|
18
|
+
const fetchCalls: FetchCall[] = [];
|
|
19
|
+
let listResponse: ReturnType<typeof mockPost>[] = [];
|
|
20
|
+
let singleResponse: ReturnType<typeof mockPost> | null = null;
|
|
21
|
+
let singleStatus = 200;
|
|
22
|
+
|
|
23
|
+
function mockFetch(url: string, options?: RequestInit): Promise<Response> {
|
|
24
|
+
fetchCalls.push({ url });
|
|
25
|
+
const u = new URL(url);
|
|
26
|
+
if (u.pathname === "/api/posts") {
|
|
27
|
+
return Promise.resolve({
|
|
28
|
+
ok: true,
|
|
29
|
+
status: 200,
|
|
30
|
+
json: () => Promise.resolve(listResponse),
|
|
31
|
+
} as Response);
|
|
32
|
+
}
|
|
33
|
+
const slugMatch = u.pathname.match(/^\/api\/posts\/(.+)$/);
|
|
34
|
+
if (slugMatch) {
|
|
35
|
+
const slug = decodeURIComponent(slugMatch[1]);
|
|
36
|
+
if (singleStatus === 404) {
|
|
37
|
+
return Promise.resolve({
|
|
38
|
+
ok: false,
|
|
39
|
+
status: 404,
|
|
40
|
+
} as Response);
|
|
41
|
+
}
|
|
42
|
+
return Promise.resolve({
|
|
43
|
+
ok: true,
|
|
44
|
+
status: 200,
|
|
45
|
+
json: () => Promise.resolve(singleResponse ?? mockPost(slug, "Single")),
|
|
46
|
+
} as Response);
|
|
47
|
+
}
|
|
48
|
+
return Promise.reject(new Error(`Unexpected URL: ${url}`));
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
function assert(condition: boolean, message: string): void {
|
|
52
|
+
if (!condition) {
|
|
53
|
+
throw new Error(`Assertion failed: ${message}`);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
async function run(): Promise<void> {
|
|
58
|
+
const originalFetch = globalThis.fetch;
|
|
59
|
+
globalThis.fetch = mockFetch as typeof fetch;
|
|
60
|
+
|
|
61
|
+
initDispatch({ siteKey: "pk_test" });
|
|
62
|
+
|
|
63
|
+
try {
|
|
64
|
+
// Test 1: Second getPosts() with same siteKey does not call fetch
|
|
65
|
+
fetchCalls.length = 0;
|
|
66
|
+
listResponse = [mockPost("a", "Post A"), mockPost("b", "Post B")];
|
|
67
|
+
const list1 = await getPosts("pk_cache1");
|
|
68
|
+
const list2 = await getPosts("pk_cache1");
|
|
69
|
+
assert(fetchCalls.length === 1, "getPosts should be fetched once, then served from cache");
|
|
70
|
+
assert(list1.length === 2 && list2.length === 2, "both calls return same list");
|
|
71
|
+
assert(list1[0].slug === "a" && list2[0].slug === "a", "content matches");
|
|
72
|
+
|
|
73
|
+
// Test 2: After getPosts(), getPost(slug) for slug in list does not call fetch
|
|
74
|
+
fetchCalls.length = 0;
|
|
75
|
+
listResponse = [mockPost("my-slug", "My Post")];
|
|
76
|
+
await getPosts("pk_cache2");
|
|
77
|
+
const post = await getPost("my-slug", "pk_cache2");
|
|
78
|
+
assert(fetchCalls.length === 1, "only getPosts should trigger fetch, getPost uses cache");
|
|
79
|
+
assert(post !== null && post.slug === "my-slug" && post.title === "My Post", "getPost returns correct post from list");
|
|
80
|
+
|
|
81
|
+
// Test 3: After getPosts(), getPost(slug) for slug not in list returns null without fetch
|
|
82
|
+
fetchCalls.length = 0;
|
|
83
|
+
listResponse = [mockPost("other", "Other")];
|
|
84
|
+
await getPosts("pk_cache3");
|
|
85
|
+
const missing = await getPost("nonexistent", "pk_cache3");
|
|
86
|
+
assert(fetchCalls.length === 1, "getPost(nonexistent) should not fetch when full list is cached");
|
|
87
|
+
assert(missing === null, "getPost returns null for missing slug");
|
|
88
|
+
|
|
89
|
+
// Test 4: getPost(slug) first triggers one fetch; then getPosts() triggers one fetch; then getPost(slug) uses cache
|
|
90
|
+
fetchCalls.length = 0;
|
|
91
|
+
listResponse = [];
|
|
92
|
+
singleResponse = mockPost("first", "First Post");
|
|
93
|
+
const singleFirst = await getPost("first", "pk_cache4");
|
|
94
|
+
assert(fetchCalls.length === 1 && singleFirst?.slug === "first", "first getPost fetches");
|
|
95
|
+
listResponse = [mockPost("first", "First Post")];
|
|
96
|
+
await getPosts("pk_cache4");
|
|
97
|
+
assert(fetchCalls.length === 2, "getPosts triggers second fetch");
|
|
98
|
+
const singleCached = await getPost("first", "pk_cache4");
|
|
99
|
+
assert(fetchCalls.length === 2, "getPost after getPosts does not fetch again");
|
|
100
|
+
assert(singleCached !== null && singleCached.slug === "first", "getPost returns post from list cache");
|
|
101
|
+
} finally {
|
|
102
|
+
globalThis.fetch = originalFetch;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
run()
|
|
107
|
+
.then(() => {
|
|
108
|
+
console.log("All cache tests passed.");
|
|
109
|
+
})
|
|
110
|
+
.catch((err) => {
|
|
111
|
+
console.error(err);
|
|
112
|
+
process.exit(1);
|
|
113
|
+
});
|