@dispatchcms/react 0.0.4

package/.turbo/turbo-build.log

@@ -0,0 +1,23 @@
+
+
+> @dispatchcms/react@0.0.4 build /Users/jamescalmus/Documents/dispatch/packages/react
+> tsup
+
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.1
+CLI Using tsup config: /Users/jamescalmus/Documents/dispatch/packages/react/tsup.config.ts
+CLI Target: es2020
+CLI Cleaning output folder
+CJS Build start
+ESM Build start
+ESM dist/index.mjs     3.63 KB
+ESM dist/index.mjs.map 7.27 KB
+ESM ⚡️ Build success in 6ms
+CJS dist/index.js     4.94 KB
+CJS dist/index.js.map 7.58 KB
+CJS ⚡️ Build success in 6ms
+DTS Build start
+DTS ⚡️ Build success in 296ms
+DTS dist/index.d.ts  1.10 KB
+DTS dist/index.d.mts 1.10 KB

package/dist/index.d.mts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Post = {
+    id: string;
+    created_at: string;
+    published_at: string;
+    updated_at: string;
+    site_id: string;
+    title: string;
+    slug: string;
+    content: unknown;
+    excerpt: string | null;
+    featured_image: string | null;
+    published: boolean;
+};
+
+type DispatchContextValue = {
+    siteKey: string | null;
+    apiBase: string;
+};
+declare function useDispatchContext(): DispatchContextValue | null;
+type DispatchProviderProps = {
+    siteKey?: string | null;
+    apiBase?: string;
+    children?: unknown;
+};
+declare function DispatchProvider({ siteKey, apiBase, children, }: DispatchProviderProps): react_jsx_runtime.JSX.Element;
+
+type UsePostResult = {
+    post: Post | null;
+    isLoading: boolean;
+    error?: string;
+};
+declare function usePost(slug: string | undefined): UsePostResult;
+type UsePostsResult = {
+    posts: Post[];
+    isLoading: boolean;
+    error?: string;
+};
+declare function usePosts(): UsePostsResult;
+
+export { DispatchProvider, type Post, type UsePostResult, type UsePostsResult, useDispatchContext, usePost, usePosts };

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Post = {
+    id: string;
+    created_at: string;
+    published_at: string;
+    updated_at: string;
+    site_id: string;
+    title: string;
+    slug: string;
+    content: unknown;
+    excerpt: string | null;
+    featured_image: string | null;
+    published: boolean;
+};
+
+type DispatchContextValue = {
+    siteKey: string | null;
+    apiBase: string;
+};
+declare function useDispatchContext(): DispatchContextValue | null;
+type DispatchProviderProps = {
+    siteKey?: string | null;
+    apiBase?: string;
+    children?: unknown;
+};
+declare function DispatchProvider({ siteKey, apiBase, children, }: DispatchProviderProps): react_jsx_runtime.JSX.Element;
+
+type UsePostResult = {
+    post: Post | null;
+    isLoading: boolean;
+    error?: string;
+};
+declare function usePost(slug: string | undefined): UsePostResult;
+type UsePostsResult = {
+    posts: Post[];
+    isLoading: boolean;
+    error?: string;
+};
+declare function usePosts(): UsePostsResult;
+
+export { DispatchProvider, type Post, type UsePostResult, type UsePostsResult, useDispatchContext, usePost, usePosts };

package/dist/index.js

@@ -0,0 +1,173 @@
+'use client';
+"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, {
+  DispatchProvider: () => DispatchProvider,
+  useDispatchContext: () => useDispatchContext,
+  usePost: () => usePost,
+  usePosts: () => usePosts
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/context.tsx
+var import_react = require("react");
+
+// src/config.ts
+var API_BASE = typeof process !== "undefined" && process.env?.NEXT_PUBLIC_DISPATCH_API_URL ? process.env.NEXT_PUBLIC_DISPATCH_API_URL : "https://dispatch-cms.vercel.app";
+function getApiBase() {
+  return API_BASE;
+}
+
+// src/context.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DispatchContext = (0, import_react.createContext)(null);
+function useDispatchContext() {
+  return (0, import_react.useContext)(DispatchContext);
+}
+function DispatchProvider({
+  siteKey = null,
+  apiBase = getApiBase(),
+  children
+}) {
+  const value = {
+    siteKey: siteKey?.trim() || null,
+    apiBase
+  };
+  if (!value.siteKey) {
+    if (typeof console !== "undefined" && console.warn) {
+      console.warn(
+        "[Dispatch] No siteKey provided. Pass siteKey to DispatchProvider or set NEXT_PUBLIC_DISPATCH_SITE_KEY. Hooks will return empty/error state."
+      );
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DispatchContext.Provider, { value, children });
+}
+
+// src/hooks.ts
+var import_react2 = require("react");
+function usePost(slug) {
+  const ctx = useDispatchContext();
+  const [post, setPost] = (0, import_react2.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
+  const [error, setError] = (0, import_react2.useState)(void 0);
+  (0, import_react2.useEffect)(() => {
+    if (!slug?.trim()) {
+      setPost(null);
+      setIsLoading(false);
+      setError(void 0);
+      return;
+    }
+    if (!ctx?.siteKey) {
+      setPost(null);
+      setIsLoading(false);
+      setError("Missing site key");
+      return;
+    }
+    let cancelled = false;
+    setPost(null);
+    setError(void 0);
+    setIsLoading(true);
+    const url = `${ctx.apiBase}/api/posts/${encodeURIComponent(slug.trim())}`;
+    fetch(url, {
+      headers: { "X-Site-Key": ctx.siteKey }
+    }).then((res) => {
+      if (cancelled) return;
+      if (res.status === 404) {
+        setPost(null);
+        setIsLoading(false);
+        return;
+      }
+      if (!res.ok) {
+        setPost(null);
+        setIsLoading(false);
+        setError("Failed to load");
+        return;
+      }
+      return res.json();
+    }).then((data) => {
+      if (cancelled) return;
+      setPost(data);
+      setIsLoading(false);
+    }).catch(() => {
+      if (cancelled) return;
+      setPost(null);
+      setIsLoading(false);
+      setError("Failed to load");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [slug, ctx?.siteKey, ctx?.apiBase]);
+  return { post, isLoading, error };
+}
+function usePosts() {
+  const ctx = useDispatchContext();
+  const [posts, setPosts] = (0, import_react2.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
+  const [error, setError] = (0, import_react2.useState)(void 0);
+  (0, import_react2.useEffect)(() => {
+    if (!ctx?.siteKey) {
+      setPosts([]);
+      setIsLoading(false);
+      setError("Missing site key");
+      return;
+    }
+    let cancelled = false;
+    setPosts([]);
+    setError(void 0);
+    setIsLoading(true);
+    const url = `${ctx.apiBase}/api/posts`;
+    fetch(url, {
+      headers: { "X-Site-Key": ctx.siteKey }
+    }).then((res) => {
+      if (cancelled) return;
+      if (!res.ok) {
+        setPosts([]);
+        setIsLoading(false);
+        setError("Failed to load");
+        return;
+      }
+      return res.json();
+    }).then((data) => {
+      if (cancelled) return;
+      setPosts(Array.isArray(data) ? data : []);
+      setIsLoading(false);
+    }).catch(() => {
+      if (cancelled) return;
+      setPosts([]);
+      setIsLoading(false);
+      setError("Failed to load");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [ctx?.siteKey, ctx?.apiBase]);
+  return { posts, isLoading, error };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DispatchProvider,
+  useDispatchContext,
+  usePost,
+  usePosts
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/context.tsx","../src/config.ts","../src/hooks.ts"],"sourcesContent":["export type { Post } from \"./types\";\nexport { DispatchProvider, useDispatchContext } from \"./context\";\nexport { usePost, usePosts } from \"./hooks\";\nexport type { UsePostResult, UsePostsResult } from \"./hooks\";\n","\"use client\";\n\nimport React, { createContext, useContext } from \"react\";\nimport { getApiBase } from \"./config\";\n\ntype DispatchContextValue = {\n  siteKey: string | null;\n  apiBase: string;\n};\n\nconst DispatchContext = createContext<DispatchContextValue | null>(null);\n\nexport function useDispatchContext(): DispatchContextValue | null {\n  return useContext(DispatchContext);\n}\n\ntype DispatchProviderProps = {\n  siteKey?: string | null;\n  apiBase?: string;\n  children?: unknown;\n};\n\nexport function DispatchProvider({\n  siteKey = null,\n  apiBase = getApiBase(),\n  children,\n}: DispatchProviderProps) {\n  const value: DispatchContextValue = {\n    siteKey: siteKey?.trim() || null,\n    apiBase,\n  };\n\n  if (!value.siteKey) {\n    if (typeof console !== \"undefined\" && console.warn) {\n      console.warn(\n        \"[Dispatch] No siteKey provided. Pass siteKey to DispatchProvider or set NEXT_PUBLIC_DISPATCH_SITE_KEY. Hooks will return empty/error state.\"\n      );\n    }\n  }\n\n  return (\n    <DispatchContext.Provider value={value}>\n      {children as React.ReactNode}\n    </DispatchContext.Provider>\n  );\n}\n","const API_BASE =\n  typeof process !== \"undefined\" && process.env?.NEXT_PUBLIC_DISPATCH_API_URL\n    ? process.env.NEXT_PUBLIC_DISPATCH_API_URL\n    : \"https://dispatch-cms.vercel.app\";\n\nexport function getApiBase(): string {\n  return API_BASE;\n}\n","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { Post } from \"./types\";\nimport { useDispatchContext } from \"./context\";\n\nexport type UsePostResult = {\n  post: Post | null;\n  isLoading: boolean;\n  error?: string;\n};\n\nexport function usePost(slug: string | undefined): UsePostResult {\n  const ctx = useDispatchContext();\n  const [post, setPost] = useState<Post | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!slug?.trim()) {\n      setPost(null);\n      setIsLoading(false);\n      setError(undefined);\n      return;\n    }\n\n    if (!ctx?.siteKey) {\n      setPost(null);\n      setIsLoading(false);\n      setError(\"Missing site key\");\n      return;\n    }\n\n    let cancelled = false;\n    setPost(null);\n    setError(undefined);\n    setIsLoading(true);\n\n    const url = `${ctx.apiBase}/api/posts/${encodeURIComponent(slug.trim())}`;\n    fetch(url, {\n      headers: { \"X-Site-Key\": ctx.siteKey },\n    })\n      .then((res) => {\n        if (cancelled) return;\n        if (res.status === 404) {\n          setPost(null);\n          setIsLoading(false);\n          return;\n        }\n        if (!res.ok) {\n          setPost(null);\n          setIsLoading(false);\n          setError(\"Failed to load\");\n          return;\n        }\n        return res.json();\n      })\n      .then((data) => {\n        if (cancelled) return;\n        setPost(data as Post);\n        setIsLoading(false);\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setPost(null);\n        setIsLoading(false);\n        setError(\"Failed to load\");\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [slug, ctx?.siteKey, ctx?.apiBase]);\n\n  return { post, isLoading, error };\n}\n\nexport type UsePostsResult = {\n  posts: Post[];\n  isLoading: boolean;\n  error?: string;\n};\n\nexport function usePosts(): UsePostsResult {\n  const ctx = useDispatchContext();\n  const [posts, setPosts] = useState<Post[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!ctx?.siteKey) {\n      setPosts([]);\n      setIsLoading(false);\n      setError(\"Missing site key\");\n      return;\n    }\n\n    let cancelled = false;\n    setPosts([]);\n    setError(undefined);\n    setIsLoading(true);\n\n    const url = `${ctx.apiBase}/api/posts`;\n    fetch(url, {\n      headers: { \"X-Site-Key\": ctx.siteKey },\n    })\n      .then((res) => {\n        if (cancelled) return;\n        if (!res.ok) {\n          setPosts([]);\n          setIsLoading(false);\n          setError(\"Failed to load\");\n          return;\n        }\n        return res.json();\n      })\n      .then((data) => {\n        if (cancelled) return;\n        setPosts(Array.isArray(data) ? data : []);\n        setIsLoading(false);\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setPosts([]);\n        setIsLoading(false);\n        setError(\"Failed to load\");\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [ctx?.siteKey, ctx?.apiBase]);\n\n  return { posts, isLoading, error };\n}\n"],"mappings":"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","names":["import_react"]}

package/dist/index.mjs

@@ -0,0 +1,144 @@
+'use client';
+
+// src/context.tsx
+import { createContext, useContext } from "react";
+
+// src/config.ts
+var API_BASE = typeof process !== "undefined" && process.env?.NEXT_PUBLIC_DISPATCH_API_URL ? process.env.NEXT_PUBLIC_DISPATCH_API_URL : "https://dispatch-cms.vercel.app";
+function getApiBase() {
+  return API_BASE;
+}
+
+// src/context.tsx
+import { jsx } from "react/jsx-runtime";
+var DispatchContext = createContext(null);
+function useDispatchContext() {
+  return useContext(DispatchContext);
+}
+function DispatchProvider({
+  siteKey = null,
+  apiBase = getApiBase(),
+  children
+}) {
+  const value = {
+    siteKey: siteKey?.trim() || null,
+    apiBase
+  };
+  if (!value.siteKey) {
+    if (typeof console !== "undefined" && console.warn) {
+      console.warn(
+        "[Dispatch] No siteKey provided. Pass siteKey to DispatchProvider or set NEXT_PUBLIC_DISPATCH_SITE_KEY. Hooks will return empty/error state."
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx(DispatchContext.Provider, { value, children });
+}
+
+// src/hooks.ts
+import { useEffect, useState } from "react";
+function usePost(slug) {
+  const ctx = useDispatchContext();
+  const [post, setPost] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(void 0);
+  useEffect(() => {
+    if (!slug?.trim()) {
+      setPost(null);
+      setIsLoading(false);
+      setError(void 0);
+      return;
+    }
+    if (!ctx?.siteKey) {
+      setPost(null);
+      setIsLoading(false);
+      setError("Missing site key");
+      return;
+    }
+    let cancelled = false;
+    setPost(null);
+    setError(void 0);
+    setIsLoading(true);
+    const url = `${ctx.apiBase}/api/posts/${encodeURIComponent(slug.trim())}`;
+    fetch(url, {
+      headers: { "X-Site-Key": ctx.siteKey }
+    }).then((res) => {
+      if (cancelled) return;
+      if (res.status === 404) {
+        setPost(null);
+        setIsLoading(false);
+        return;
+      }
+      if (!res.ok) {
+        setPost(null);
+        setIsLoading(false);
+        setError("Failed to load");
+        return;
+      }
+      return res.json();
+    }).then((data) => {
+      if (cancelled) return;
+      setPost(data);
+      setIsLoading(false);
+    }).catch(() => {
+      if (cancelled) return;
+      setPost(null);
+      setIsLoading(false);
+      setError("Failed to load");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [slug, ctx?.siteKey, ctx?.apiBase]);
+  return { post, isLoading, error };
+}
+function usePosts() {
+  const ctx = useDispatchContext();
+  const [posts, setPosts] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(void 0);
+  useEffect(() => {
+    if (!ctx?.siteKey) {
+      setPosts([]);
+      setIsLoading(false);
+      setError("Missing site key");
+      return;
+    }
+    let cancelled = false;
+    setPosts([]);
+    setError(void 0);
+    setIsLoading(true);
+    const url = `${ctx.apiBase}/api/posts`;
+    fetch(url, {
+      headers: { "X-Site-Key": ctx.siteKey }
+    }).then((res) => {
+      if (cancelled) return;
+      if (!res.ok) {
+        setPosts([]);
+        setIsLoading(false);
+        setError("Failed to load");
+        return;
+      }
+      return res.json();
+    }).then((data) => {
+      if (cancelled) return;
+      setPosts(Array.isArray(data) ? data : []);
+      setIsLoading(false);
+    }).catch(() => {
+      if (cancelled) return;
+      setPosts([]);
+      setIsLoading(false);
+      setError("Failed to load");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [ctx?.siteKey, ctx?.apiBase]);
+  return { posts, isLoading, error };
+}
+export {
+  DispatchProvider,
+  useDispatchContext,
+  usePost,
+  usePosts
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.tsx","../src/config.ts","../src/hooks.ts"],"sourcesContent":["\"use client\";\n\nimport React, { createContext, useContext } from \"react\";\nimport { getApiBase } from \"./config\";\n\ntype DispatchContextValue = {\n  siteKey: string | null;\n  apiBase: string;\n};\n\nconst DispatchContext = createContext<DispatchContextValue | null>(null);\n\nexport function useDispatchContext(): DispatchContextValue | null {\n  return useContext(DispatchContext);\n}\n\ntype DispatchProviderProps = {\n  siteKey?: string | null;\n  apiBase?: string;\n  children?: unknown;\n};\n\nexport function DispatchProvider({\n  siteKey = null,\n  apiBase = getApiBase(),\n  children,\n}: DispatchProviderProps) {\n  const value: DispatchContextValue = {\n    siteKey: siteKey?.trim() || null,\n    apiBase,\n  };\n\n  if (!value.siteKey) {\n    if (typeof console !== \"undefined\" && console.warn) {\n      console.warn(\n        \"[Dispatch] No siteKey provided. Pass siteKey to DispatchProvider or set NEXT_PUBLIC_DISPATCH_SITE_KEY. Hooks will return empty/error state.\"\n      );\n    }\n  }\n\n  return (\n    <DispatchContext.Provider value={value}>\n      {children as React.ReactNode}\n    </DispatchContext.Provider>\n  );\n}\n","const API_BASE =\n  typeof process !== \"undefined\" && process.env?.NEXT_PUBLIC_DISPATCH_API_URL\n    ? process.env.NEXT_PUBLIC_DISPATCH_API_URL\n    : \"https://dispatch-cms.vercel.app\";\n\nexport function getApiBase(): string {\n  return API_BASE;\n}\n","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport type { Post } from \"./types\";\nimport { useDispatchContext } from \"./context\";\n\nexport type UsePostResult = {\n  post: Post | null;\n  isLoading: boolean;\n  error?: string;\n};\n\nexport function usePost(slug: string | undefined): UsePostResult {\n  const ctx = useDispatchContext();\n  const [post, setPost] = useState<Post | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!slug?.trim()) {\n      setPost(null);\n      setIsLoading(false);\n      setError(undefined);\n      return;\n    }\n\n    if (!ctx?.siteKey) {\n      setPost(null);\n      setIsLoading(false);\n      setError(\"Missing site key\");\n      return;\n    }\n\n    let cancelled = false;\n    setPost(null);\n    setError(undefined);\n    setIsLoading(true);\n\n    const url = `${ctx.apiBase}/api/posts/${encodeURIComponent(slug.trim())}`;\n    fetch(url, {\n      headers: { \"X-Site-Key\": ctx.siteKey },\n    })\n      .then((res) => {\n        if (cancelled) return;\n        if (res.status === 404) {\n          setPost(null);\n          setIsLoading(false);\n          return;\n        }\n        if (!res.ok) {\n          setPost(null);\n          setIsLoading(false);\n          setError(\"Failed to load\");\n          return;\n        }\n        return res.json();\n      })\n      .then((data) => {\n        if (cancelled) return;\n        setPost(data as Post);\n        setIsLoading(false);\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setPost(null);\n        setIsLoading(false);\n        setError(\"Failed to load\");\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [slug, ctx?.siteKey, ctx?.apiBase]);\n\n  return { post, isLoading, error };\n}\n\nexport type UsePostsResult = {\n  posts: Post[];\n  isLoading: boolean;\n  error?: string;\n};\n\nexport function usePosts(): UsePostsResult {\n  const ctx = useDispatchContext();\n  const [posts, setPosts] = useState<Post[]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!ctx?.siteKey) {\n      setPosts([]);\n      setIsLoading(false);\n      setError(\"Missing site key\");\n      return;\n    }\n\n    let cancelled = false;\n    setPosts([]);\n    setError(undefined);\n    setIsLoading(true);\n\n    const url = `${ctx.apiBase}/api/posts`;\n    fetch(url, {\n      headers: { \"X-Site-Key\": ctx.siteKey },\n    })\n      .then((res) => {\n        if (cancelled) return;\n        if (!res.ok) {\n          setPosts([]);\n          setIsLoading(false);\n          setError(\"Failed to load\");\n          return;\n        }\n        return res.json();\n      })\n      .then((data) => {\n        if (cancelled) return;\n        setPosts(Array.isArray(data) ? data : []);\n        setIsLoading(false);\n      })\n      .catch(() => {\n        if (cancelled) return;\n        setPosts([]);\n        setIsLoading(false);\n        setError(\"Failed to load\");\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [ctx?.siteKey, ctx?.apiBase]);\n\n  return { posts, isLoading, error };\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@dispatchcms/react",
+  "version": "0.0.4",
+  "description": "React hooks and provider for Dispatch CMS",
+  "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"
+    }
+  },
+  "scripts": {
+    "build": "tsup"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "react": "^18.3.1",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "keywords": ["dispatch", "cms", "react", "nextjs", "content"],
+  "license": "MIT"
+}

package/src/config.ts

@@ -0,0 +1,8 @@
+const API_BASE =
+  typeof process !== "undefined" && process.env?.NEXT_PUBLIC_DISPATCH_API_URL
+    ? process.env.NEXT_PUBLIC_DISPATCH_API_URL
+    : "https://dispatch-cms.vercel.app";
+
+export function getApiBase(): string {
+  return API_BASE;
+}

package/src/context.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import React, { createContext, useContext } from "react";
+import { getApiBase } from "./config";
+
+type DispatchContextValue = {
+  siteKey: string | null;
+  apiBase: string;
+};
+
+const DispatchContext = createContext<DispatchContextValue | null>(null);
+
+export function useDispatchContext(): DispatchContextValue | null {
+  return useContext(DispatchContext);
+}
+
+type DispatchProviderProps = {
+  siteKey?: string | null;
+  apiBase?: string;
+  children?: unknown;
+};
+
+export function DispatchProvider({
+  siteKey = null,
+  apiBase = getApiBase(),
+  children,
+}: DispatchProviderProps) {
+  const value: DispatchContextValue = {
+    siteKey: siteKey?.trim() || null,
+    apiBase,
+  };
+
+  if (!value.siteKey) {
+    if (typeof console !== "undefined" && console.warn) {
+      console.warn(
+        "[Dispatch] No siteKey provided. Pass siteKey to DispatchProvider or set NEXT_PUBLIC_DISPATCH_SITE_KEY. Hooks will return empty/error state."
+      );
+    }
+  }
+
+  return (
+    <DispatchContext.Provider value={value}>
+      {children as React.ReactNode}
+    </DispatchContext.Provider>
+  );
+}

package/src/hooks.ts

@@ -0,0 +1,135 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import type { Post } from "./types";
+import { useDispatchContext } from "./context";
+
+export type UsePostResult = {
+  post: Post | null;
+  isLoading: boolean;
+  error?: string;
+};
+
+export function usePost(slug: string | undefined): UsePostResult {
+  const ctx = useDispatchContext();
+  const [post, setPost] = useState<Post | null>(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | undefined>(undefined);
+
+  useEffect(() => {
+    if (!slug?.trim()) {
+      setPost(null);
+      setIsLoading(false);
+      setError(undefined);
+      return;
+    }
+
+    if (!ctx?.siteKey) {
+      setPost(null);
+      setIsLoading(false);
+      setError("Missing site key");
+      return;
+    }
+
+    let cancelled = false;
+    setPost(null);
+    setError(undefined);
+    setIsLoading(true);
+
+    const url = `${ctx.apiBase}/api/posts/${encodeURIComponent(slug.trim())}`;
+    fetch(url, {
+      headers: { "X-Site-Key": ctx.siteKey },
+    })
+      .then((res) => {
+        if (cancelled) return;
+        if (res.status === 404) {
+          setPost(null);
+          setIsLoading(false);
+          return;
+        }
+        if (!res.ok) {
+          setPost(null);
+          setIsLoading(false);
+          setError("Failed to load");
+          return;
+        }
+        return res.json();
+      })
+      .then((data) => {
+        if (cancelled) return;
+        setPost(data as Post);
+        setIsLoading(false);
+      })
+      .catch(() => {
+        if (cancelled) return;
+        setPost(null);
+        setIsLoading(false);
+        setError("Failed to load");
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [slug, ctx?.siteKey, ctx?.apiBase]);
+
+  return { post, isLoading, error };
+}
+
+export type UsePostsResult = {
+  posts: Post[];
+  isLoading: boolean;
+  error?: string;
+};
+
+export function usePosts(): UsePostsResult {
+  const ctx = useDispatchContext();
+  const [posts, setPosts] = useState<Post[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | undefined>(undefined);
+
+  useEffect(() => {
+    if (!ctx?.siteKey) {
+      setPosts([]);
+      setIsLoading(false);
+      setError("Missing site key");
+      return;
+    }
+
+    let cancelled = false;
+    setPosts([]);
+    setError(undefined);
+    setIsLoading(true);
+
+    const url = `${ctx.apiBase}/api/posts`;
+    fetch(url, {
+      headers: { "X-Site-Key": ctx.siteKey },
+    })
+      .then((res) => {
+        if (cancelled) return;
+        if (!res.ok) {
+          setPosts([]);
+          setIsLoading(false);
+          setError("Failed to load");
+          return;
+        }
+        return res.json();
+      })
+      .then((data) => {
+        if (cancelled) return;
+        setPosts(Array.isArray(data) ? data : []);
+        setIsLoading(false);
+      })
+      .catch(() => {
+        if (cancelled) return;
+        setPosts([]);
+        setIsLoading(false);
+        setError("Failed to load");
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [ctx?.siteKey, ctx?.apiBase]);
+
+  return { posts, isLoading, error };
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+export type { Post } from "./types";
+export { DispatchProvider, useDispatchContext } from "./context";
+export { usePost, usePosts } from "./hooks";
+export type { UsePostResult, UsePostsResult } from "./hooks";

package/src/types.ts

@@ -0,0 +1,13 @@
+export type Post = {
+  id: string;
+  created_at: string;
+  published_at: string;
+  updated_at: string;
+  site_id: string;
+  title: string;
+  slug: string;
+  content: unknown;
+  excerpt: string | null;
+  featured_image: string | null;
+  published: boolean;
+};

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "moduleResolution": "bundler",
+    "strict": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "dist"
+  },
+  "include": ["src"]
+}

package/tsup.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "tsup";
+
+const useClientBanner = { js: "'use client';", css: "" };
+
+export default defineConfig({
+  entry: ["src/index.ts"],
+  format: ["cjs", "esm"],
+  dts: true,
+  clean: true,
+  sourcemap: true,
+  external: ["react"],
+  banner: useClientBanner,
+});