updates

lib/global-data/SiteData.ts

@@ -0,0 +1,72 @@
+import { ComponentWithInit } from "@agility/nextjs"
+
+interface ICustomData {
+	name: any,
+	logo: any,
+	links: any[]
+}
+
+const SiteData:ComponentWithInit<ICustomData> = ({ globalData, sitemapNode, page }) => {
+	return null
+}
+
+SiteData.getCustomInitialProps = async function ({ agility, languageCode, channelName }) {
+	// set up api
+	const api = agility;
+
+	// set up content item
+	let contentItem = null;
+
+	// set up links
+	let links = [];
+
+	try {
+		// try to fetch our site header
+		let header = await api.getContentList({
+			referenceName: "sitedata",
+			languageCode: languageCode,
+			take: 1
+		});
+
+		// if we have a header, set as content item
+		if (header && header.items.length > 0) {
+			contentItem = header.items[0];
+
+			// else return null
+		} else {
+			throw new Error("The Site Data item did not have any content.")
+		}
+	} catch (error) {
+		throw new Error(`Could not load site data item: ${error}`)
+	}
+
+	try {
+		// get the nested sitemap
+		let sitemap = await api.getSitemapNested({
+			channelName: channelName,
+			languageCode: languageCode,
+		});
+
+		// grab the top level links that are visible on menu
+		links = sitemap
+			.filter((node:any) => node.visible.menu)
+			.map((node:any) => {
+				return {
+					name: node.menuText || node.title,
+					url: node.path,
+				};
+			});
+	} catch (error) {
+		throw new Error(`Could not load nested sitemap: ${error}`)
+	}
+
+	// return clean object...
+	return {
+		name: contentItem.fields.name,
+		logo: contentItem.fields.logo,
+		links,
+	};
+};
+
+
+export default SiteData

lib/module-data/BlogPostListing.ts

@@ -0,0 +1,86 @@
+
+const getCustomInitialProps = async ({
+	agility,
+	channelName,
+	languageCode,
+}:any) => {
+	// set up api
+	const api = agility;
+
+
+
+	// get sitemap...
+	let sitemap = await api.getSitemap({
+		channelName: channelName,
+		languageCode,
+	});
+
+	// get posts...
+	let rawPosts = await api.getContentList({
+		referenceName: "blogposts",
+		languageCode,
+		take: 50,
+		contentLinkDepth: 2,
+		depth: 2
+	});
+
+	// resolve dynamic urls
+	const dynamicUrls: [] = resolvePostUrls(sitemap, rawPosts.items);
+	const posts: [] = rawPosts.items.map((post: any) => {
+
+		const productJSON = post.fields.product
+		const product = JSON.parse(productJSON)
+
+		const productName = product.name
+		const productImageSrc = product.imageUrl
+
+		// date
+		const date = new Date(post.fields.date).toLocaleDateString();
+
+		// url
+		const url = dynamicUrls[post.contentID] || "#";
+
+		// post image src
+		let imageSrc = post.fields.image?.url || null
+
+		// post image alt
+		let imageAlt = post.fields.image?.label || null;
+
+		return {
+			contentID: post.contentID,
+			title: post.fields.title,
+			date,
+			url,
+			productName,
+			productImageSrc,
+			imageSrc,
+			imageAlt,
+		};
+	});
+
+	//sort newest first...
+	posts.sort((a: any, b: any) => {
+		return b.date.localeCompare(a.date);
+	})
+
+	return {
+		posts,
+	};
+
+
+};
+
+// function to resole post urls
+const resolvePostUrls = function (sitemap: any, posts: any): any {
+	let dynamicUrls: any = {};
+	posts.forEach((post: any) => {
+		Object.keys(sitemap).forEach((path) => {
+			if (sitemap[path].contentID === post.contentID) {
+				dynamicUrls[post.contentID] = path;
+			}
+		});
+	});
+	return dynamicUrls;
+};
+
+export default { getCustomInitialProps }

lib/module-data/CartData.ts

@@ -0,0 +1,17 @@
+import commerce from '@lib/api/commerce'
+
+const getCustomInitialProps = async function ({   }):Promise<{pages:any, categories: any}> {
+	const languageCode = "en-us"
+	const preview = false
+	const config = { locale: languageCode, locales: [languageCode] }
+  const pagesPromise = commerce.getAllPages({ config, preview })
+  const siteInfoPromise = commerce.getSiteInfo({ config, preview })
+  const { pages } = await pagesPromise
+  const { categories } = await siteInfoPromise
+  return {
+     pages, categories
+  }
+
+}
+
+export default {getCustomInitialProps}

lib/module-data/ProductDetailsData.ts

@@ -0,0 +1,26 @@
+import commerce from '@lib/api/commerce'
+
+const getCustomInitialProps = async function ({ item, agility, languageCode, channelName, pageInSitemap, dynamicPageItem }: any) {
+	//TODO: pass the locale and preview mode as props...
+
+
+	const locale = "en-us"
+	const preview = false
+
+	const config = { locale, locales: [locale] }
+	const productsPromise = commerce.getAllProducts({
+		variables: { first: 4 },
+		config,
+		preview,
+	  })
+
+
+	const { products } = await productsPromise
+
+	return {
+		products
+	}
+
+}
+
+export default { getCustomInitialProps }

lib/module-data/ProductListing.ts

@@ -0,0 +1,28 @@
+import commerce from '@lib/api/commerce'
+
+const getCustomInitialProps = async function ({ item, agility, languageCode, channelName, pageInSitemap, dynamicPageItem }: any) {
+	//TODO: pass the locale and preview mode as props...
+
+	const locale = "en-US"
+	const preview = false
+
+	const numItems = parseInt(item.fields.numItems) || 10
+
+	const config = { locale, locales: [locale] }
+	const productsPromise = commerce.getAllProducts({
+		variables: { first: numItems },
+		config,
+		preview,
+		// Saleor provider only
+		...({ featured: true } as any),
+	})
+
+	const { products } = await productsPromise
+
+	return {
+		products
+	}
+
+}
+
+export default { getCustomInitialProps }

lib/module-data/ProductMarquee.ts

@@ -0,0 +1,27 @@
+import commerce from '@lib/api/commerce'
+
+const getCustomInitialProps = async function ({ item, agility, languageCode, channelName, pageInSitemap, dynamicPageItem }: any) {
+	//TODO: pass the locale and preview mode as props...
+
+
+	const locale = "en-US"
+	const preview = false
+
+	const config = { locale, locales: [locale] }
+	const productsPromise = commerce.getAllProducts({
+		variables: { first: 6 },
+		config,
+		preview,
+		// Saleor provider only
+		...({ featured: true } as any),
+	})
+
+	const { products } = await productsPromise
+
+	return {
+		products
+	}
+
+}
+
+export default { getCustomInitialProps }

lib/module-data/ProductSearchData.ts

@@ -0,0 +1,25 @@
+import commerce from '@lib/api/commerce'
+
+const getCustomInitialProps = async ({ agility, channelName, languageCode }:any) => {
+
+	//TODO: pass the locale and preview mode as props...
+
+	const locale = "en-US"
+	const preview = false
+	const config = { locale, locales: [locale] }
+  const pagesPromise = commerce.getAllPages({ config, preview })
+  const siteInfoPromise = commerce.getSiteInfo({ config, preview })
+
+  const { categories, brands } = await siteInfoPromise
+  return {
+      categories,
+      brands,
+  }
+
+
+
+}
+
+export default {
+	getCustomInitialProps
+}

lib/module-data/index.ts

@@ -0,0 +1,27 @@
+
+import CartData from "./CartData"
+import ProductListing from "./ProductListing"
+import ProductMarquee from "./ProductMarquee"
+import ProductSearchData from "./ProductSearchData"
+import ProductDetailsData from "./ProductDetailsData"
+import BlogPostListing from "./BlogPostListing"
+
+const allModules:any =[
+
+	{ name: "ProductListing", init: ProductListing},
+	{ name: "ProductMarquee", init: ProductMarquee},
+	{ name: "ProductSearch", init: ProductSearchData},
+	{ name: "Cart", init: CartData},
+	{ name: "ProductDetails", init: ProductDetailsData},
+	{ name: "BlogPostListing", init: BlogPostListing}
+]
+
+/**
+ * Find the data method for a module by module reference name.
+ * @param moduleName
+ */
+export default (moduleName:string):any => {
+	const obj = allModules.find((m: { name: string }) => m.name.toLowerCase() === moduleName.toLowerCase())
+	if (!obj) return null
+	return obj.init
+}