@pixelated-tech/components 3.1.4 → 3.1.6

package/README.md

@@ -12,7 +12,7 @@
 <br />
 <div align="center">
   <a href="https://github.com/brianwhaley/pixelated-components">
-    <img src="images/bg6.gif" alt="Logo" width="80" height="80">
+    <img src="https://www.pixelated.tech/images/pix/pix-bg-512.jpg" alt="Logo" width="80" height="80">
   </a>
 
 <h3 align="center">Pixelated Components</h3>
@@ -45,7 +45,14 @@ This is a library of components I have found useful to build web sites quickly.
 * [![Next][Next.js]][Next-url]
 * [![React][React.js]][React-url]
 * [![Storybook][Storybook.js]][Storybook-url]
+* [![Calendly][Calendly.com]][Calendly-url]
 * [![Contentful][Contentful.com]][Contentful-url]
+* [![Cloudinary][Cloudinary.com]][Cloudinary-url]
+* [![Flickr][Flickr.com]][Flickr-url]
+* [![Gravatar][Gravatar.com]][Gravatar-url]
+* [![Hubspot][Hubspot.com]][Hubspot-url]
+* [![Instagram][Instagram.com]][Instagram-url]
+* [![PayPal][PayPal.com]][PayPal-url]
 * [![Wordpress][Wordpress.com]][Wordpress-url]
 * [![Github][Github.com]][Github-url]
 * [![npm][npm.org]][npm-url]
@@ -53,7 +60,6 @@ This is a library of components I have found useful to build web sites quickly.
 
 
 
-
 <!-- GETTING STARTED -->
 ## Getting Started
 
@@ -65,7 +71,7 @@ To get a local copy up and running follow these simple example steps.
 
 1. Install NPM packages
    ```sh
-   npm install @brianwhaley/pixelated-components@latest
+   npm install @pixelated-tech/components@latest
    ```
 
 
@@ -75,47 +81,44 @@ To get a local copy up and running follow these simple example steps.
 ## Usage
 
 Components to help build websites quicker:
+1. Centralized 404 Error Page
 1. Buzzword Bingo Cards
-1. Page Callouts - Large and Small
+1. Page Callouts
 1. Image Carousel - Page, Header, and Simple
+1. Calendly Scheduling Integration
+1. Cloudinary Remote Fetch Optimization Integration
+1. SmartImage Component with Cloudianry and Next Imgegration
+1. Centralized Configuration Management
 1. Contentful CMS Integration
+1. CSS Preload for Page Performance
 1. eBay Store Listings
+1. Flickr Image API Integration
 1. Form Components and Form Builder
-1. Google Search and Google Analytics Integration
-1. Markdown to HTMl Engine
+1. Google Analytics, Map, and Search Integration
+1. Gravatar Card Integration
+1. Page and Page Section Header Components
+1. Hubspot Calendar and Form Integration
+1. Instagram Image Fetch Integration
+1. Loading and ToggleLoading Component
+1. Markdown to HTML Engine
 1. Menu Components - Simple and Accordion
 1. Metadata Injection from Route JSON file
+1. Centralized MicroInteractions
 1. Modal Dialogs
 1. NerdJokes Integration
+1. PageBuilder and PageNegine with JSON, integration with Contentful
+1. Page Section and Page Section Grid / Flex Item Layout Components
+1. panel Component, also usable with Accordion Menu
 1. Recipe XML MicroFormat Engine
 1. Resume MicroFormat Engine
+1. Shopping Cart functionality with eBay and PayPal Integration
 1. Sitemap.XML dynamic generation from Route JSON file
 1. Social Card Engine
 1. Table Components
+1. Image Tiles Component
+1. Wordpress Blog Post Integration
 1. Other Utilities
 
-### Google Reviews (server-side)
-- Requires: `GOOGLE_MAPS_API_KEY` (or use the built-in hard-coded key during testing).
-- Import: `import { getGoogleReviewsByCompanyName } from 'pixelated-components';`
-- Example:
-
-```
-const { place, reviews } = await getGoogleReviewsByCompanyName({
-  companyName: 'PixelVivid',
-  language: 'en',
-  near: { lat: 32.2163, lng: -80.7526 },
-  radiusMeters: 50000,
-  region: 'us',
-  type: 'point_of_interest',
-  maxReviews: 5,
-});
-```
-
-- Tips:
-  - Prefer `near` + `radiusMeters` for better disambiguation.
-  - If results return 0, try adjusting `region` or `type`, or use the exact business name.
-
-
 
 
 <!-- ROADMAP -->
@@ -124,10 +127,7 @@ const { place, reviews } = await getGoogleReviewsByCompanyName({
 - [ ] LinkedIn Recommendations Integration
 - [ ] eBay Feedback Integration
 - [ ] Yelp Recommendations integration
-- [ ] Calendly Integration
 - [ ] Instagram Image Integration for Carousels
-- [ ] Expanding menu based on 
-- [ ] eCommerce Features + Paypal ( or Stripe, Square)
 - [ ] Shopify Integration
 - [ ] Quickbooks Integration
 - [ ] Buffer Integration (or Sendible, Sprout Social, Hootsuite)
@@ -209,23 +209,44 @@ Project Link: [https://github.com/brianwhaley/pixelated-components](https://gith
 
 [product-screenshot]: images/screenshot.png
 
+[Calendly.com]: https://img.shields.io/badge/Calendly-006bff
+[Calendly-url]: https://cloudinary.com
+
+[Cloudinary.com]: https://img.shields.io/badge/Cloudinary-3448C5?style=for-the-badge&logo=cloudinary&logoColor=white
+[Cloudinary-url]: https://cloudinary.com
+
+[Contentful.com]: https://img.shields.io/badge/Contentful-2478CC?logo=contentful&logoColor=fff
+[Contentful-url]: https://contentful.com
+
+[Flickr.com]: https://img.shields.io/static/v1?style=for-the-badge&message=Flickr&color=0063DC&logo=Flickr&logoColor=FFFFFF
+[Flickr-url]: https://flickr.com
+
+[GitHub.com]: https://img.shields.io/badge/GitHub-%23121011.svg?logo=github&logoColor=white
+[Github-url]: https://www.github.com
+
+[Gravatar.com]: https://img.shields.io/badge/Gravatar-1d4fc4
+[Gravatar-url]: https://www.github.com
+
+[Hubspot.com]: https://img.shields.io/badge/HubSpot-YES-brightgreen?style=plastic&logo=hubspot
+[Hubspot-url]: https://www.github.com
+
+[Instagram.com]: https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white
+[Instagram-url]: https://www.github.com
+
 [Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
 [Next-url]: https://nextjs.org/
 
+[npm.org]: https://img.shields.io/badge/npm-CB3837?logo=npm&logoColor=fff
+[npm-url]: https://www.npmjs.org
+
+[PayPal.js]: https://img.shields.io/badge/PayPal-Support_Us-003087?logo=paypal&logoColor=fff
+[PayPal-url]: https://reactjs.org/
+
 [React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
 [React-url]: https://reactjs.org/
 
 [Storybook.js]: https://img.shields.io/badge/Storybook-FF4785?logo=storybook&logoColor=white
 [Storybook-url]: https://storybook.js.org
 
-[Contentful.com]: https://img.shields.io/badge/Contentful-2478CC?logo=contentful&logoColor=fff
-[Contentful-url]: https://contentful.com
-
 [WordPress.com]: https://img.shields.io/badge/WordPress-%2321759B.svg?logo=wordpress&logoColor=white
 [Wordpress-url]: http://www.wordpress.com
-
-[npm.org]: https://img.shields.io/badge/npm-CB3837?logo=npm&logoColor=fff
-[npm-url]: https://www.npmjs.org
-
-[GitHub.com]: https://img.shields.io/badge/GitHub-%23121011.svg?logo=github&logoColor=white
-[Github-url]: https://www.github.com

package/dist/components/seo/metadata.components.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+// https://gist.github.com/whitingx/3840905
+generateMetaTags.propTypes = {
+    title: PropTypes.string.isRequired,
+    description: PropTypes.string.isRequired,
+    keywords: PropTypes.string.isRequired,
+    site_name: PropTypes.string.isRequired,
+    email: PropTypes.string.isRequired,
+    origin: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired,
+    image: PropTypes.string.isRequired,
+    image_height: PropTypes.string.isRequired,
+    image_width: PropTypes.string.isRequired,
+    favicon: PropTypes.string.isRequired,
+};
+export function generateMetaTags(props) {
+    const { title, description, keywords, site_name, email, origin, url, image, image_height, image_width, favicon } = props;
+    return (_jsxs(_Fragment, { children: [_jsx("title", { children: title }), _jsx("meta", { charSet: "UTF-8" }), _jsx("meta", { httpEquiv: "content-type", content: "text/html; charset=UTF-8" }), _jsx("meta", { httpEquiv: 'Expires', content: '0' }), _jsx("meta", { httpEquiv: 'Pragma', content: 'no-cache' }), _jsx("meta", { httpEquiv: 'Cache-Control', content: 'no-cache' }), _jsx("meta", { name: "application-name", content: site_name }), _jsx("meta", { name: "author", content: site_name + ", " + email }), _jsx("meta", { name: 'copyright', content: site_name }), _jsx("meta", { name: "creator", content: site_name }), _jsx("meta", { name: "description", content: description }), _jsx("meta", { name: "keywords", content: keywords }), _jsx("meta", { name: 'language', content: 'EN' }), _jsx("meta", { name: 'owner', content: site_name }), _jsx("meta", { name: "publisher", content: site_name }), _jsx("meta", { name: 'rating', content: 'General' }), _jsx("meta", { name: 'reply-to', content: email }), _jsx("meta", { name: "robots", content: "index, follow" }), _jsx("meta", { name: 'url', content: url }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0, shrink-to-fit=no" }), _jsx("meta", { property: "og:description", content: description }), _jsx("meta", { property: 'og:email', content: email }), _jsx("meta", { property: "og:image", content: image }), _jsx("meta", { property: "og:image:height", content: image_height }), _jsx("meta", { property: "og:image:width", content: image_width }), _jsx("meta", { property: "og:locale", content: "en_US" }), _jsx("meta", { property: "og:site_name", content: site_name }), _jsx("meta", { property: "og:title", content: title }), _jsx("meta", { property: "og:type", content: "website" }), _jsx("meta", { property: "og:url", content: url }), _jsx("meta", { itemProp: "name", content: site_name }), _jsx("meta", { itemProp: "url", content: url }), _jsx("meta", { itemProp: "description", content: description }), _jsx("meta", { itemProp: "thumbnailUrl", content: image }), _jsx("meta", { property: "twitter:domain", content: new URL(origin).hostname }), _jsx("meta", { property: "twitter:url", content: url }), _jsx("meta", { name: "twitter:card", content: "summary_large_image" }), _jsx("meta", { name: "twitter:creator", content: site_name }), _jsx("meta", { name: "twitter:description", content: description }), _jsx("meta", { name: "twitter:image", content: image }), _jsx("meta", { name: "twitter:image:height", content: image_height }), _jsx("meta", { name: "twitter:image:width", content: image_width }), _jsx("meta", { name: "twitter:title", content: title }), _jsx("link", { rel: "author", href: origin }), _jsx("link", { rel: "canonical", href: url }), _jsx("link", { rel: "icon", type: "image/x-icon", href: favicon }), _jsx("link", { rel: "shortcut icon", type: "image/x-icon", href: favicon }), _jsx("link", { rel: "manifest", href: "/manifest.webmanifest" }), _jsx("link", { rel: "preconnect", href: "https://images.ctfassets.net/" }), _jsx("link", { rel: "preconnect", href: "https://res.cloudinary.com/" }), _jsx("link", { rel: "preconnect", href: "https://farm2.static.flickr.com" }), _jsx("link", { rel: "preconnect", href: "https://farm6.static.flickr.com" }), _jsx("link", { rel: "preconnect", href: "https://farm8.static.flickr.com" }), _jsx("link", { rel: "preconnect", href: "https://farm66.static.flickr.com" })] }));
+}
+setClientMetadata.propTypes = {
+    title: PropTypes.string.isRequired,
+    description: PropTypes.string.isRequired,
+    keywords: PropTypes.string.isRequired,
+};
+export function setClientMetadata(props) {
+    const { title, description, keywords } = props;
+    document.title = title;
+    (document.querySelector("meta[property='og:title']"))?.setAttribute('content', title);
+    (document.querySelector("meta[name='description']"))?.setAttribute('content', description);
+    (document.querySelector("meta[property='og:description']"))?.setAttribute('content', description);
+    (document.querySelector("meta[itemprop='description']"))?.setAttribute('content', description);
+    (document.querySelector("meta[name='keywords']"))?.setAttribute('content', keywords);
+}
+;

package/dist/components/seo/metadata.js

@@ -63,38 +63,6 @@ export function getAllRoutes(routes, key) {
     traverse(routes);
     return result;
 }
-import fs from 'fs';
-import path from 'path';
-export function getAllImages() {
-    // const imagePaths: ImageInfo[] = [];
-    const imagePaths = [];
-    const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.svg', '.webp'];
-    const publicDir = './public';
-    function walk(currentDir) {
-        fs.readdirSync(currentDir).forEach(file => {
-            const filePath = path.join(currentDir, file);
-            const fileStat = fs.statSync(filePath);
-            if (fileStat.isDirectory()) {
-                walk(filePath); // Recursive call for subdirectories
-            }
-            else {
-                if (fs.statSync(filePath).isFile() && (imageExtensions.some(ext => file.endsWith(ext)))) {
-                    // Found an image!
-                    // const imageURL = `/${filePath.replace('./public/', '')}`; // Construct URL
-                    // Add to your image data list (e.g., { url: imageURL, alt: "description" })
-                    const relativePath = path.relative(publicDir, filePath).replace(/\\/g, '/');
-                    const fullPath = `/${relativePath}`;
-                    // imagePaths.push({loc: fullPath});
-                    imagePaths.push(fullPath);
-                }
-            }
-        });
-    }
-    ;
-    walk(publicDir);
-    // return JSON.stringify(imagePaths);
-    return imagePaths;
-}
 export const getMetadata = (routes, key = "name", value = "Home") => {
     // const allRoutes = getAllRoutes(routes, "routes");
     // const foundObject = allRoutes.find((obj: { [x: string]: string; }) => obj && Object.prototype.hasOwnProperty.call(obj, key) && obj[key as keyof typeof obj] === value);
@@ -116,22 +84,6 @@ export const getMetadata = (routes, key = "name", value = "Home") => {
         return metadata;
     }
 };
-export const setClientMetadata = ({ title, description, keywords }) => {
-    document.title = title;
-    (document.querySelector("meta[property='og:title']"))?.setAttribute('content', title);
-    (document.querySelector("meta[name='description']"))?.setAttribute('content', description);
-    (document.querySelector("meta[property='og:description']"))?.setAttribute('content', description);
-    (document.querySelector("meta[itemprop='description']"))?.setAttribute('content', description);
-    (document.querySelector("meta[name='keywords']"))?.setAttribute('content', keywords);
-};
-export const setServerMetadata = ({ key, value }) => {
-    const myMetaData = getMetadata({ key, value });
-    return {
-        title: myMetaData.title,
-        description: myMetaData.description,
-        keywords: myMetaData.keywords
-    };
-};
 export function getAccordionMenuData(myRoutes) {
     const menuItems = myRoutes.map((thisRoute) => (thisRoute.routes
         ? { [thisRoute.name]: thisRoute.routes.map((subRoute) => ({ [subRoute.name]: subRoute.path })) }

package/dist/components/seo/sitemap.js

@@ -1,9 +1,129 @@
 import PropTypes from "prop-types";
-import { getAllRoutes, getAllImages } from "./metadata";
+import { getAllRoutes } from "./metadata";
 import { getWordPressItems } from "../cms/wordpress.functions";
-import { getContentfulFieldValues } from "../cms/contentful.delivery";
+import { getContentfulFieldValues, getContentfulAssetURLs } from "../cms/contentful.delivery";
 import { getEbayAppToken, getEbayItemsSearch } from "../shoppingcart/ebay.functions";
 import { getFullPixelatedConfig } from '../config/config';
+/**
+ * Helper to construct an origin string from a Next-like headers() object or plain values.
+ * Accepts an object with `get(key)` method, or `undefined` and falls back to localhost origin.
+ */
+export function getOriginFromHeaders(headersLike, fallbackOrigin = 'http://localhost:3000') {
+    try {
+        if (!headersLike)
+            return fallbackOrigin;
+        const proto = headersLike.get('x-forwarded-proto') || 'http';
+        const host = headersLike.get('host') || 'localhost:3000';
+        return `${proto}://${host}`;
+    }
+    catch (e) {
+        console.log("Error getting origin from headers:", e);
+        return fallbackOrigin;
+    }
+}
+/**
+ * Next-specific async helper: getOriginFromNextHeaders
+ * - Convenience wrapper that dynamically imports `next/headers` and calls our `getOriginFromHeaders` function
+ * - Falls back to `fallbackOrigin` if `next/headers` not available or on error
+ */
+export async function getOriginFromNextHeaders(fallbackOrigin = 'http://localhost:3000') {
+    try {
+        // dynamic import ensures we don't require 'next/headers' in non-Next environments
+        const mod = await import('next/headers');
+        if (mod && typeof mod.headers === 'function') {
+            const hdrs = await mod.headers();
+            return getOriginFromHeaders(hdrs, fallbackOrigin);
+        }
+    }
+    catch (e) {
+        console.log("Error getting origin from Next headers:", e);
+        // Not in a Next environment or module not found; return fallback
+    }
+    return fallbackOrigin;
+}
+export function flattenRoutes(routes) {
+    // Convenience wrapper for the project-level getAllRoutes helper
+    return getAllRoutes(routes, 'routes');
+}
+export function jsonToSitemapEntries(entries) {
+    return entries.map((entry) => `<url>
+				<loc>${entry.url}</loc>
+				<lastmod>${entry.lastModified}</lastmod>
+				<changefreq>${entry.changeFrequency}</changefreq>
+				<priority>${entry.priority}</priority>
+			</url>`).join('');
+}
+/**
+ * generateSitemap: compose the individual create* functions based on toggles in SitemapConfig.
+ * - Keep this minimal for the MVP: no retries/caching here. Add TODOs for later.
+ */
+export async function generateSitemap(cfg = {}, originInput) {
+    const origin = originInput ?? 'http://localhost:3000';
+    const sitemapEntries = [];
+    // Defaults: pages true, image json true, others false
+    const usePages = cfg.createPageURLs ?? true;
+    const useWP = cfg.createWordPressURLs ?? false;
+    const useImageJSON = cfg.createImageURLsFromJSON ?? true;
+    const useContentful = cfg.createContentfulURLs ?? false;
+    const useContentfulImages = cfg.createContentfulImageURLs ?? false;
+    const usePageBuilder = cfg.createPageBuilderURLs ?? false;
+    const useEbay = cfg.createEbayItemURLs ?? false;
+    // Pages
+    if (usePages) {
+        if (cfg.routes) {
+            const flat = flattenRoutes(cfg.routes);
+            sitemapEntries.push(...(await createPageURLs(flat, origin)));
+        }
+    }
+    // Image JSON
+    if (useImageJSON) {
+        sitemapEntries.push(...(await createImageURLsFromJSON(origin, cfg.imageJson?.path ?? 'public/site-images.json')));
+    }
+    // WordPress
+    if (useWP && cfg.wordpress?.site) {
+        sitemapEntries.push(...(await createWordPressURLs({ site: cfg.wordpress.site })));
+    }
+    // Contentful (pages)
+    if (useContentful && cfg.contentful) {
+        sitemapEntries.push(...(await createContentfulURLs({ apiProps: cfg.contentful, origin })));
+    }
+    // Contentful images
+    if (useContentfulImages && cfg.contentful) {
+        sitemapEntries.push(...(await createContentfulImageURLs({ apiProps: cfg.contentful, origin })));
+    }
+    // Page Builder (existing helper in package not always present)
+    if (usePageBuilder && cfg.contentful) {
+        // TODO: wire createContentfulPageBuilderURLs if needed; skipping for MVP
+    }
+    // Ebay items
+    if (useEbay) {
+        sitemapEntries.push(...(await createEbayItemURLs(origin)));
+    }
+    // Deduplicate by URL and properly merge images arrays if present
+    const map = new Map();
+    for (const entry of sitemapEntries.flat()) {
+        if (!entry || !entry.url)
+            continue;
+        const key = entry.url.toLowerCase();
+        const existing = map.get(key);
+        if (!existing) {
+            map.set(key, { ...entry });
+        }
+        else {
+            // Merge images
+            if (entry.images && entry.images.length) {
+                existing.images = Array.from(new Set([...(existing.images || []), ...entry.images]));
+            }
+            // Keep the earliest lastModified? Use whichever is present (prefer existing)
+            existing.lastModified = existing.lastModified || entry.lastModified;
+            existing.priority = existing.priority || entry.priority;
+            existing.changeFrequency = existing.changeFrequency || entry.changeFrequency;
+            map.set(key, existing);
+        }
+    }
+    const entries = Array.from(map.values());
+    return entries;
+}
 export async function createPageURLs(myRoutes, origin) {
     const sitemap = [];
     // const origin = await getOrigin();
@@ -12,7 +132,7 @@ export async function createPageURLs(myRoutes, origin) {
         if (route.path.substring(0, 4).toLowerCase() !== 'http') {
             sitemap.push({
                 url: `${origin}${route.path}`,
-                lastModified: (new Date()).toISOString(),
+                lastModified: new Date(),
                 changeFrequency: "hourly",
                 priority: 1.0,
             });
@@ -20,15 +140,34 @@ export async function createPageURLs(myRoutes, origin) {
     }
     return sitemap;
 }
-export async function createImageURLs(origin) {
+export async function createImageURLsFromJSON(origin, jsonPath = 'public/site-images.json') {
     const sitemap = [];
-    // const origin = await getOrigin();
-    const images = getAllImages();
-    const newImages = images.map((image) => { return (`${origin}${image}`); });
-    sitemap.push({
-        url: `${origin}/images`, // Provide a valid URL for the images
-        images: newImages,
-    });
+    try {
+        let urlPath = jsonPath;
+        if (urlPath.startsWith('public/'))
+            urlPath = urlPath.slice('public/'.length);
+        if (!urlPath.startsWith('/'))
+            urlPath = `/${urlPath}`;
+        const resp = await fetch(`${origin}${urlPath}`);
+        if (!resp.ok)
+            return sitemap;
+        const imgs = await resp.json();
+        if (!Array.isArray(imgs))
+            return sitemap;
+        // Use an array of URL strings so the sitemap serializer writes the URL text
+        const newImages = imgs.map(i => {
+            const rel = i.startsWith('/') ? i : `/${i}`;
+            return `${origin}${rel}`;
+        });
+        sitemap.push({
+            url: `${origin}/images`,
+            images: newImages,
+        });
+    }
+    catch (e) {
+        if (typeof console !== 'undefined')
+            console.warn('createImageURLsFromJSON failed', e);
+    }
     return sitemap;
 }
 export async function createWordPressURLs(props) {
@@ -37,7 +176,7 @@ export async function createWordPressURLs(props) {
     for await (const post of blogPosts ?? []) {
         sitemap.push({
             url: post.URL,
-            lastModified: post.modified ?? new Date().toISOString(),
+            lastModified: post.modified ? new Date(post.modified) : new Date(),
             changeFrequency: "hourly",
             priority: 1.0,
         });
@@ -66,7 +205,7 @@ export async function createContentfulURLs(props) {
     for (const title of contentfulTitles) {
         sitemap.push({
             url: `${props.origin}/projects/${encodeURIComponent(title)}`,
-            lastModified: (new Date()).toISOString(),
+            lastModified: new Date(),
             changeFrequency: "hourly",
             priority: 1.0,
         });
@@ -92,13 +231,51 @@ export async function createContentfulPageBuilderURLs(props) {
     for (const pageName of pageNames) {
         sitemap.push({
             url: `${props.origin}/${encodeURIComponent(pageName)}`,
-            lastModified: (new Date()).toISOString(),
+            lastModified: new Date(),
             changeFrequency: "hourly",
             priority: 1.0,
         });
     }
     return sitemap;
 }
+createContentfulImageURLs.propTypes = {
+    apiProps: PropTypes.shape({
+        proxyURL: PropTypes.string,
+        base_url: PropTypes.string.isRequired,
+        space_id: PropTypes.string.isRequired,
+        environment: PropTypes.string.isRequired,
+        access_token: PropTypes.string.isRequired,
+    }).isRequired,
+    origin: PropTypes.string.isRequired,
+};
+export async function createContentfulImageURLs(props) {
+    const sitemap = [];
+    const providerContentfulApiProps = getFullPixelatedConfig()?.contentful;
+    const mergedApiProps = { ...providerContentfulApiProps, ...props.apiProps };
+    try {
+        const assets = await getContentfulAssetURLs({ apiProps: mergedApiProps });
+        if (!Array.isArray(assets) || assets.length === 0)
+            return sitemap;
+        const newImages = assets.map((a) => {
+            let i = a.image || '';
+            if (i.startsWith('//'))
+                i = `https:${i}`;
+            else if (i.startsWith('/'))
+                i = `${props.origin}${i}`;
+            return i;
+        }).filter(Boolean);
+        sitemap.push({
+            url: `${props.origin}/images`,
+            images: newImages,
+            lastModified: new Date(),
+        });
+    }
+    catch (e) {
+        if (typeof console !== 'undefined')
+            console.warn('createContentfulImageURLs failed', e);
+    }
+    return sitemap;
+}
 const defaultEbayProps = {
     proxyURL: "https://proxy.pixelated.tech/prod/proxy?url=",
     baseTokenURL: 'https://api.ebay.com/identity/v1/oauth2/token',
@@ -122,7 +299,7 @@ export async function createEbayItemURLs(origin) {
             for (const item of items.itemSummaries) {
                 sitemap.push({
                     url: `${origin}/store/${item.legacyItemId}`,
-                    lastModified: item.itemCreationDate,
+                    lastModified: item.itemCreationDate ? new Date(item.itemCreationDate) : new Date(),
                     changeFrequency: "hourly",
                     priority: 1.0,
                 });
@@ -131,41 +308,3 @@ export async function createEbayItemURLs(origin) {
     });
     return sitemap;
 }
-export function jsonToSitemapEntries(entries) {
-    return entries.map((entry) => `<url>
-				<loc>${entry.url}</loc>
-				<lastmod>${entry.lastModified}</lastmod>
-				<changefreq>${entry.changeFrequency}</changefreq>
-				<priority>${entry.priority}</priority>
-			</url>`).join('');
-}
-export async function createImageURLsFromJSON(origin, jsonPath = 'public/site-images.json') {
-    const sitemap = [];
-    try {
-        let urlPath = jsonPath;
-        if (urlPath.startsWith('public/'))
-            urlPath = urlPath.slice('public/'.length);
-        if (!urlPath.startsWith('/'))
-            urlPath = `/${urlPath}`;
-        const resp = await fetch(`${origin}${urlPath}`);
-        if (!resp.ok)
-            return sitemap;
-        const imgs = await resp.json();
-        if (!Array.isArray(imgs))
-            return sitemap;
-        // Use an array of URL strings so the sitemap serializer writes the URL text
-        const newImages = imgs.map(i => {
-            const rel = i.startsWith('/') ? i : `/${i}`;
-            return `${origin}${rel}`;
-        });
-        sitemap.push({
-            url: `${origin}/images`,
-            images: newImages,
-        });
-    }
-    catch (e) {
-        if (typeof console !== 'undefined')
-            console.warn('createImageURLsFromJSON failed', e);
-    }
-    return sitemap;
-}

package/dist/index.js

@@ -63,6 +63,7 @@ export * from './components/seo/googleanalytics';
 export * from './components/seo/googlemap';
 export * from './components/seo/googlesearch';
 export * from './components/seo/metadata'; // server-side 
+export * from './components/seo/metadata.components';
 export * from './components/seo/sitemap'; // server-side 
 export * from './components/shoppingcart/ebay.components';
 export * from './components/shoppingcart/ebay.functions'; // server-side 

package/dist/index.server.js

@@ -1,7 +1,7 @@
 // Server-safe exports only - no client components, no CSS imports, no browser APIs
 // Use this entry point for Next.js server components, API routes, and build-time code
 // Note: Client components (with JSX, CSS imports, browser APIs) are NOT exported here.
-// Import those from the main package entry point: @brianwhaley/pixelated-components
+// Import those from the main package entry point: @pixelated-tech/components
 export * from './components/cms/cloudinary';
 export * from './components/cms/contentful.delivery';
 export * from './components/cms/contentful.management';
@@ -33,3 +33,4 @@ export * from './components/utilities/functions';
 // Server-only wrapper exports
 // DO I REALLY NEED THIS?
 export * from './components/config/config.server';
+export * from './components/seo/metadata.components';

package/dist/types/components/seo/metadata.components.d.ts

@@ -0,0 +1,28 @@
+import PropTypes, { InferProps } from "prop-types";
+export type generateMetaTagsProps = InferProps<typeof generateMetaTags.propTypes>;
+export declare function generateMetaTags(props: generateMetaTagsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace generateMetaTags {
+    var propTypes: {
+        title: PropTypes.Validator<string>;
+        description: PropTypes.Validator<string>;
+        keywords: PropTypes.Validator<string>;
+        site_name: PropTypes.Validator<string>;
+        email: PropTypes.Validator<string>;
+        origin: PropTypes.Validator<string>;
+        url: PropTypes.Validator<string>;
+        image: PropTypes.Validator<string>;
+        image_height: PropTypes.Validator<string>;
+        image_width: PropTypes.Validator<string>;
+        favicon: PropTypes.Validator<string>;
+    };
+}
+export type SetClientMetadataProps = InferProps<typeof setClientMetadata.propTypes>;
+export declare function setClientMetadata(props: SetClientMetadataProps): void;
+export declare namespace setClientMetadata {
+    var propTypes: {
+        title: PropTypes.Validator<string>;
+        description: PropTypes.Validator<string>;
+        keywords: PropTypes.Validator<string>;
+    };
+}
+//# sourceMappingURL=metadata.components.d.ts.map

package/dist/types/components/seo/metadata.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metadata.components.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/metadata.components.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAkBnD,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;AAClF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAqE5D;yBArEe,gBAAgB;;;;;;;;;;;;;;;AA+EhC,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACpF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,QAQ9D;yBARe,iBAAiB"}

package/dist/types/components/seo/metadata.d.ts

@@ -10,7 +10,6 @@ export type Route = {
 };
 export declare function getRouteByKey(obj: any, key: string, value: any): any;
 export declare function getAllRoutes(routes: Route, key: string): any[];
-export declare function getAllImages(): string[];
 export type Metadata = {
     title?: string;
     description?: string;
@@ -18,18 +17,5 @@ export type Metadata = {
     [key: string]: any;
 };
 export declare const getMetadata: (routes: any, key?: string, value?: string) => Metadata;
-export declare const setClientMetadata: ({ title, description, keywords }: {
-    title: string;
-    description: string;
-    keywords: string;
-}) => void;
-export declare const setServerMetadata: ({ key, value }: {
-    key: string;
-    value: string;
-}) => {
-    title: string | undefined;
-    description: string | undefined;
-    keywords: string | undefined;
-};
 export declare function getAccordionMenuData(myRoutes: Route): any;
 //# sourceMappingURL=metadata.d.ts.map

package/dist/types/components/seo/metadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/metadata.ts"],"names":[],"mappings":"AACA,wBAAgB,qBAAqB,CAAC,eAAe,EAAE,MAAM,EAAE,WAAW,SAAI,EAAE,eAAe,GAAE,MAAM,EAAO,YA0B7G;AAID,MAAM,MAAM,KAAK,GAAG;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAA;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,CAgBpE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,SAkBtD;AAQD,wBAAgB,YAAY,aA4B3B;AAaD,MAAM,MAAM,QAAQ,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,GAAG,EAAE,MAAK,MAAe,EAAE,QAAO,MAAe,aAmBpF,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,kCAAgC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,SAOvH,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,gBAAc;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;;;;CAO7E,CAAC;AAGF,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,KAAK,OAsBnD"}
+{"version":3,"file":"metadata.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/metadata.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,CAAC,eAAe,EAAE,MAAM,EAAE,WAAW,SAAI,EAAE,eAAe,GAAE,MAAM,EAAO,YA0B7G;AAID,MAAM,MAAM,KAAK,GAAG;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAA;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,CAgBpE;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,SAkBtD;AAKD,MAAM,MAAM,QAAQ,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,GAAG,EAAE,MAAK,MAAe,EAAE,QAAO,MAAe,aAmBpF,CAAC;AAIF,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,KAAK,OAsBnD"}

package/dist/types/components/seo/sitemap.d.ts

@@ -1,22 +1,83 @@
 import PropTypes, { InferProps } from "prop-types";
-export type SitemapEntry = {
-    url: string;
-    lastModified: string;
-    changeFrequency: "hourly";
-    priority: number;
+import type { MetadataRoute } from 'next';
+export type SitemapEntry = MetadataRoute.Sitemap[number];
+export type SitemapConfig = {
+    createPageURLs?: boolean;
+    createWordPressURLs?: boolean;
+    createImageURLs?: boolean;
+    createImageURLsFromJSON?: boolean;
+    createContentfulURLs?: boolean;
+    createContentfulImageURLs?: boolean;
+    createPageBuilderURLs?: boolean;
+    createEbayItemURLs?: boolean;
+    wordpress?: {
+        site?: string;
+    };
+    imageJson?: {
+        path?: string;
+    };
+    contentful?: any;
+    routes?: any;
 };
+/**
+ * Helper to construct an origin string from a Next-like headers() object or plain values.
+ * Accepts an object with `get(key)` method, or `undefined` and falls back to localhost origin.
+ */
+export declare function getOriginFromHeaders(headersLike?: {
+    get: (k: string) => string | null;
+} | undefined, fallbackOrigin?: string): string;
+/**
+ * Next-specific async helper: getOriginFromNextHeaders
+ * - Convenience wrapper that dynamically imports `next/headers` and calls our `getOriginFromHeaders` function
+ * - Falls back to `fallbackOrigin` if `next/headers` not available or on error
+ */
+export declare function getOriginFromNextHeaders(fallbackOrigin?: string): Promise<string>;
+export declare function flattenRoutes(routes: any): any[];
+export declare function jsonToSitemapEntries(entries: SitemapEntry[]): string;
+/**
+ * generateSitemap: compose the individual create* functions based on toggles in SitemapConfig.
+ * - Keep this minimal for the MVP: no retries/caching here. Add TODOs for later.
+ */
+export declare function generateSitemap(cfg?: SitemapConfig, originInput?: string): Promise<MetadataRoute.Sitemap>;
 export declare function createPageURLs(myRoutes: {
     path: string;
-}[], origin: string): Promise<SitemapEntry[]>;
-export declare function createImageURLs(origin: string): Promise<{
+}[], origin: string): Promise<{
     url: string;
-    images: string[];
+    lastModified?: string | Date | undefined;
+    changeFrequency?: "always" | "hourly" | "daily" | "weekly" | "monthly" | "yearly" | "never" | undefined;
+    priority?: number | undefined;
+    alternates?: {
+        languages?: import("next/dist/lib/metadata/types/alternative-urls-types").Languages<string> | undefined;
+    } | undefined;
+    images?: string[] | undefined;
+    videos?: import("next/dist/lib/metadata/types/metadata-types").Videos[] | undefined;
 }[]>;
+export declare function createImageURLsFromJSON(origin: string, jsonPath?: string): Promise<SitemapEntry[]>;
 export declare function createWordPressURLs(props: {
     site: string;
-}): Promise<SitemapEntry[]>;
+}): Promise<{
+    url: string;
+    lastModified?: string | Date | undefined;
+    changeFrequency?: "always" | "hourly" | "daily" | "weekly" | "monthly" | "yearly" | "never" | undefined;
+    priority?: number | undefined;
+    alternates?: {
+        languages?: import("next/dist/lib/metadata/types/alternative-urls-types").Languages<string> | undefined;
+    } | undefined;
+    images?: string[] | undefined;
+    videos?: import("next/dist/lib/metadata/types/metadata-types").Videos[] | undefined;
+}[]>;
 export type createContentfulURLsType = InferProps<typeof createContentfulURLs.propTypes>;
-export declare function createContentfulURLs(props: createContentfulURLsType): Promise<SitemapEntry[]>;
+export declare function createContentfulURLs(props: createContentfulURLsType): Promise<{
+    url: string;
+    lastModified?: string | Date | undefined;
+    changeFrequency?: "always" | "hourly" | "daily" | "weekly" | "monthly" | "yearly" | "never" | undefined;
+    priority?: number | undefined;
+    alternates?: {
+        languages?: import("next/dist/lib/metadata/types/alternative-urls-types").Languages<string> | undefined;
+    } | undefined;
+    images?: string[] | undefined;
+    videos?: import("next/dist/lib/metadata/types/metadata-types").Videos[] | undefined;
+}[]>;
 export declare namespace createContentfulURLs {
     var propTypes: {
         apiProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -29,7 +90,17 @@ export declare namespace createContentfulURLs {
     };
 }
 export type createContentfulPageBuilderURLsType = InferProps<typeof createContentfulPageBuilderURLs.propTypes>;
-export declare function createContentfulPageBuilderURLs(props: createContentfulPageBuilderURLsType): Promise<SitemapEntry[]>;
+export declare function createContentfulPageBuilderURLs(props: createContentfulPageBuilderURLsType): Promise<{
+    url: string;
+    lastModified?: string | Date | undefined;
+    changeFrequency?: "always" | "hourly" | "daily" | "weekly" | "monthly" | "yearly" | "never" | undefined;
+    priority?: number | undefined;
+    alternates?: {
+        languages?: import("next/dist/lib/metadata/types/alternative-urls-types").Languages<string> | undefined;
+    } | undefined;
+    images?: string[] | undefined;
+    videos?: import("next/dist/lib/metadata/types/metadata-types").Videos[] | undefined;
+}[]>;
 export declare namespace createContentfulPageBuilderURLs {
     var propTypes: {
         apiProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -41,7 +112,29 @@ export declare namespace createContentfulPageBuilderURLs {
         origin: PropTypes.Validator<string>;
     };
 }
-export declare function createEbayItemURLs(origin: string): Promise<SitemapEntry[]>;
-export declare function jsonToSitemapEntries(entries: SitemapEntry[]): string;
-export declare function createImageURLsFromJSON(origin: string, jsonPath?: string): Promise<any[]>;
+export type createContentfulImageURLsType = InferProps<typeof createContentfulImageURLs.propTypes>;
+export declare function createContentfulImageURLs(props: createContentfulImageURLsType): Promise<SitemapEntry[]>;
+export declare namespace createContentfulImageURLs {
+    var propTypes: {
+        apiProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            proxyURL: PropTypes.Requireable<string>;
+            base_url: PropTypes.Validator<string>;
+            space_id: PropTypes.Validator<string>;
+            environment: PropTypes.Validator<string>;
+            access_token: PropTypes.Validator<string>;
+        }>>>;
+        origin: PropTypes.Validator<string>;
+    };
+}
+export declare function createEbayItemURLs(origin: string): Promise<{
+    url: string;
+    lastModified?: string | Date | undefined;
+    changeFrequency?: "always" | "hourly" | "daily" | "weekly" | "monthly" | "yearly" | "never" | undefined;
+    priority?: number | undefined;
+    alternates?: {
+        languages?: import("next/dist/lib/metadata/types/alternative-urls-types").Languages<string> | undefined;
+    } | undefined;
+    images?: string[] | undefined;
+    videos?: import("next/dist/lib/metadata/types/metadata-types").Videos[] | undefined;
+}[]>;
 //# sourceMappingURL=sitemap.d.ts.map

package/dist/types/components/seo/sitemap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sitemap.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/sitemap.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAYnD,MAAM,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,QAAQ,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAIF,wBAAsB,cAAc,CAAC,QAAQ,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,EAAE,MAAM,EAAE,MAAM,2BAehF;AAID,wBAAsB,eAAe,CAAC,MAAM,EAAE,MAAM;;;KAUnD;AAID,wBAAsB,mBAAmB,CAAC,KAAK,EAAE;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,2BAY9D;AAaD,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAC;AACzF,wBAAsB,oBAAoB,CAAC,KAAK,EAAE,wBAAwB,2BAqBzE;yBArBqB,oBAAoB;;;;;;;;;;;AAkC1C,MAAM,MAAM,mCAAmC,GAAG,UAAU,CAAC,OAAO,+BAA+B,CAAC,SAAS,CAAC,CAAC;AAC/G,wBAAsB,+BAA+B,CAAC,KAAK,EAAE,mCAAmC,2BAgB/F;yBAhBqB,+BAA+B;;;;;;;;;;;AAmCrD,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,MAAM,2BAiBtD;AAKD,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,UAU3D;AAKD,wBAAsB,uBAAuB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAA4B,kBAuBjG"}
+{"version":3,"file":"sitemap.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/sitemap.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAQ1C,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AAWzD,MAAM,MAAM,aAAa,GAAG;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,SAAS,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAKF;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,WAAW,CAAC,EAAE;IAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,SAAS,EAAE,cAAc,SAA0B,UAU7I;AAED;;;;GAIG;AACH,wBAAsB,wBAAwB,CAAC,cAAc,SAA0B,mBAatF;AAID,wBAAgB,aAAa,CAAC,MAAM,EAAE,GAAG,SAGxC;AAID,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,UAU3D;AAID;;;GAGG;AACH,wBAAsB,eAAe,CAAC,GAAG,GAAE,aAAkB,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAkEnH;AAKD,wBAAsB,cAAc,CAAC,QAAQ,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,EAAE,MAAM,EAAE,MAAM;;;;;;iBA+MmtL,CAAC;;;;KAhMpyL;AAMD,wBAAsB,uBAAuB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAA4B,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,CAuB3H;AAKD,wBAAsB,mBAAmB,CAAC,KAAK,EAAE;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC;;;;;;iBA8JquL,CAAC;;;;KAlJpyL;AAaD,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAC;AACzF,wBAAsB,oBAAoB,CAAC,KAAK,EAAE,wBAAwB;;;;;;iBAoI0tL,CAAC;;;;KA/GpyL;yBArBqB,oBAAoB;;;;;;;;;;;AAkC1C,MAAM,MAAM,mCAAmC,GAAG,UAAU,CAAC,OAAO,+BAA+B,CAAC,SAAS,CAAC,CAAC;AAC/G,wBAAsB,+BAA+B,CAAC,KAAK,EAAE,mCAAmC;;;;;;iBAiGosL,CAAC;;;;KAjFpyL;yBAhBqB,+BAA+B;;;;;;;;;;;AAgCrD,MAAM,MAAM,6BAA6B,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,SAAS,CAAC,CAAC;AACnG,wBAAsB,yBAAyB,CAAC,KAAK,EAAE,6BAA6B,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,CAsB7G;yBAtBqB,yBAAyB;;;;;;;;;;;;AAyC/C,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,MAAM;;;;;;iBAuB6uL,CAAC;;;;KANpyL"}

package/dist/types/index.d.ts

@@ -61,6 +61,7 @@ export * from "./components/seo/googleanalytics";
 export * from "./components/seo/googlemap";
 export * from "./components/seo/googlesearch";
 export * from "./components/seo/metadata";
+export * from "./components/seo/metadata.components";
 export * from "./components/seo/sitemap";
 export * from "./components/shoppingcart/ebay.components";
 export * from "./components/shoppingcart/ebay.functions";

package/dist/types/index.server.d.ts

@@ -27,4 +27,5 @@ export * from "./components/shoppingcart/shoppingcart.functions";
 export * from "./components/utilities/api";
 export * from "./components/utilities/functions";
 export * from "./components/config/config.server";
+export * from "./components/seo/metadata.components";
 //# sourceMappingURL=index.server.d.ts.map

package/package.json

@@ -1,136 +1,138 @@
 {
-  "name": "@pixelated-tech/components",
-  "version": "3.1.4",
-  "private": false,
-  "author": {
-    "name": "Pixelated Technologies",
-    "url": "https://www.pixelated.tech/"
-  },
-  "description": "Pixelated UI Components",
-  "license": "MIT",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/types/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "directories": {
-    "doc": "docs"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    },
-    "./server": {
-      "types": "./dist/types/index.server.d.ts",
-      "import": "./dist/index.server.js",
-      "default": "./dist/index.server.js"
-    },
-    "./css/*": "./dist/css/*"
-  },
-  "homepage": "https://github.com/brianwhaley/pixelated-components#readme",
-  "bugs": {
-    "url": "https://github.com/brianwhaley/pixelated-components/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/brianwhaley/pixelated-components.git"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org"
-  },
-  "browser": {
-    "fs": false,
-    "path": false
-  },
-  "scripts": {
-    "build": "npm run validate-exports && npm run buildClean && npm run tsc && npm run rsync && npm run tscClean ",
-    "build-webpack": "webpack --config webpack.config.cjs && tsc --emitDeclarationOnly --outDir dist/types",
-    "buildClean": "rm -r dist ",
-    "tsc": "npx tsc --project tsconfig.json",
-    "tscClean": "rm -r dist/{images,stories,tests} ",
-    "rsync": "rsync -a --include='*.css' --include='*.scss' --include='*/' --exclude='*' src/ dist",
-    "validate-exports": "node scripts/validate-exports.cjs",
-    "build2brianwhaley": "npm run build && rm -rf ../brianwhaley/node_modules/@brianwhaley/pixelated-components/dist && cp -r dist ../brianwhaley/node_modules/@brianwhaley/pixelated-components/",
-    "build2informationfocus": "npm run build && rm -rf ../informationfocus/node_modules/@brianwhaley/pixelated-components/dist && cp -r dist ../informationfocus/node_modules/@brianwhaley/pixelated-components/",
-    "build2oaktreelandscaping": "npm run build && rm -rf ../oaktreelandscaping/node_modules/@brianwhaley/pixelated-components/dist && cp -r dist ../oaktreelandscaping/node_modules/@brianwhaley/pixelated-components/",
-    "build2palmettoepoxy": "npm run build && rm -rf ../palmetto-epoxy/node_modules/@brianwhaley/pixelated-components/dist && cp -r dist ../palmetto-epoxy/node_modules/@brianwhaley/pixelated-components/",
-    "build2pixelated": "npm run build && rm -rf ../pixelated/node_modules/@brianwhaley/pixelated-components/dist && cp -r dist ../pixelated/node_modules/@brianwhaley/pixelated-components/",
-    "build2pixelvivid": "npm run build && rm -rf ../pixelvivid/node_modules/@brianwhaley/pixelated-components/dist && cp -r dist ../pixelvivid/node_modules/@brianwhaley/pixelated-components/",
-    "storybook": "rm -rf node_modules/.cache && storybook dev -p 6006",
-    "buildStorybook": "rm -rf node_modules/.cache && storybook build",
-    "test": "react-scripts test"
-  },
-  "scripts-old": {
-    "buildBabel": "npm run buildClean && NODE_ENV=production babel src --out-dir dist --copy-files",
-    "build-webpack": "rm -rf dist && npx tsc --project tsconfig.json && webpack --config webpack.config.js && npm run build-webpack-rsync",
-    "build-webpack-rsync": "rsync -a --include='*' --include='*/' src/css dist/css"
-  },
-  "dependencies": {
-    "date-fns": "^4.1.0",
-    "globals": "^16.5.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.28.3",
-    "@babel/core": "^7.28.5",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
-    "@babel/preset-env": "^7.28.5",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@eslint/json": "^0.14.0",
-    "@eslint/markdown": "^7.5.1",
-    "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react-webpack5": "^10.1.4",
-    "@types/md5": "^2.3.6",
-    "@types/node": "^24.10.1",
-    "@types/prop-types": "^15.7.15",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.48.1",
-    "ajv": "^8.17.1",
-    "ajv-keywords": "^5.1.0",
-    "babel-loader": "^10.0.0",
-    "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^13.0.1",
-    "css-loader": "^7.1.2",
-    "eslint": "^9.39.1",
-    "eslint-config-standard": "^17.0.0",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-n": "^17.23.1",
-    "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-storybook": "^10.1.4",
-    "file-loader": "^6.2.0",
-    "less-loader": "^12.3.0",
-    "mini-css-extract-plugin": "^2.9.4",
-    "next": "^16.0.6",
-    "null-loader": "^4.0.1",
-    "prop-types": "^15.8.1",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
-    "sass": "^1.94.2",
-    "sass-loader": "^16.0.6",
-    "storybook": "^10.1.4",
-    "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.4",
-    "typescript": "^5.9.3",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.103.0",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.2",
-    "webpack-node-externals": "^3.0.0"
-  },
-  "peerDependencies": {
-    "next": "^16.0.3",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
-  },
-  "optionalDependencies": {
-    "md5": "^2.3.0"
-  },
-  "type": "module"
+	"name": "@pixelated-tech/components",
+	"version": "3.1.6",
+	"private": false,
+	"author": {
+		"name": "Pixelated Technologies",
+		"url": "https://www.pixelated.tech/"
+	},
+	"description": "Pixelated UI Components",
+	"license": "MIT",
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
+	"types": "./dist/types/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"directories": {
+		"doc": "docs"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/types/index.d.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.js"
+		},
+		"./server": {
+			"types": "./dist/types/index.server.d.ts",
+			"import": "./dist/index.server.js",
+			"default": "./dist/index.server.js"
+		},
+		"./css/*": "./dist/css/*"
+	},
+	"homepage": "https://github.com/brianwhaley/pixelated-components#readme",
+	"bugs": {
+		"url": "https://github.com/brianwhaley/pixelated-components/issues"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/brianwhaley/pixelated-components.git"
+	},
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org",
+		"access": "public"
+	},
+	"browser": {
+		"fs": false,
+		"path": false
+	},
+	"scripts": {
+		"build": "npm run validate-exports && npm run buildClean && npm run tsc && npm run rsync && npm run tscClean ",
+		"build-webpack": "webpack --config webpack.config.cjs && tsc --emitDeclarationOnly --outDir dist/types",
+		"buildClean": "rm -r dist ",
+		"tsc": "npx tsc --project tsconfig.json",
+		"tscClean": "rm -r dist/{images,stories,tests} ",
+		"rsync": "rsync -a --include='*.css' --include='*.scss' --include='*/' --exclude='*' src/ dist",
+		"validate-exports": "node scripts/validate-exports.cjs",
+		"build2brianwhaley": "npm run build && rm -rf ../brianwhaley/node_modules/@pixelated-tech/components/dist && cp -r dist ../brianwhaley/node_modules/@pixelated-tech/components/",
+		"build2informationfocus": "npm run build && rm -rf ../informationfocus/node_modules/@pixelated-tech/components/dist && cp -r dist ../informationfocus/node_modules/@pixelated-tech/components/",
+		"build2oaktreelandscaping": "npm run build && rm -rf ../oaktreelandscaping/node_modules/@pixelated-tech/components/dist && cp -r dist ../oaktreelandscaping/node_modules/@pixelated-tech/components/",
+		"build2palmettoepoxy": "npm run build && rm -rf ../palmetto-epoxy/node_modules/@pixelated-tech/components/dist && cp -r dist ../palmetto-epoxy/node_modules/@pixelated-tech/components/",
+		"build2pixelated": "npm run build && rm -rf ../pixelated/node_modules/@pixelated-tech/components/dist && cp -r dist ../pixelated/node_modules/@pixelated-tech/components/",
+		"build2pixelvivid": "npm run build && rm -rf ../pixelvivid/node_modules/@pixelated-tech/components/dist && cp -r dist ../pixelvivid/node_modules/@pixelated-tech/components/",
+		"build2template": "npm run build && rm -rf ../pixelated-template/node_modules/@pixelated-tech/components/dist && cp -r dist ../pixelated-template/node_modules/@pixelated-tech/components/",
+		"storybook": "rm -rf node_modules/.cache && storybook dev -p 6006",
+		"buildStorybook": "rm -rf node_modules/.cache && storybook build",
+		"test": "react-scripts test"
+	},
+	"scripts-old": {
+		"buildBabel": "npm run buildClean && NODE_ENV=production babel src --out-dir dist --copy-files",
+		"build-webpack": "rm -rf dist && npx tsc --project tsconfig.json && webpack --config webpack.config.js && npm run build-webpack-rsync",
+		"build-webpack-rsync": "rsync -a --include='*' --include='*/' src/css dist/css"
+	},
+	"dependencies": {
+		"date-fns": "^4.1.0",
+		"globals": "^16.5.0"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.28.3",
+		"@babel/core": "^7.28.5",
+		"@babel/plugin-proposal-class-properties": "^7.18.6",
+		"@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+		"@babel/preset-env": "^7.28.5",
+		"@babel/preset-react": "^7.28.5",
+		"@babel/preset-typescript": "^7.28.5",
+		"@eslint/json": "^0.14.0",
+		"@eslint/markdown": "^7.5.1",
+		"@storybook/addon-webpack5-compiler-babel": "^4.0.0",
+		"@storybook/preset-scss": "^1.0.3",
+		"@storybook/react-webpack5": "^10.1.4",
+		"@types/md5": "^2.3.6",
+		"@types/node": "^24.10.1",
+		"@types/prop-types": "^15.7.15",
+		"@types/react": "^19.2.7",
+		"@types/react-dom": "^19.2.3",
+		"@typescript-eslint/eslint-plugin": "^8.48.1",
+		"ajv": "^8.17.1",
+		"ajv-keywords": "^5.1.0",
+		"babel-loader": "^10.0.0",
+		"clean-webpack-plugin": "^4.0.0",
+		"copy-webpack-plugin": "^13.0.1",
+		"css-loader": "^7.1.2",
+		"eslint": "^9.39.1",
+		"eslint-config-standard": "^17.0.0",
+		"eslint-plugin-import": "^2.32.0",
+		"eslint-plugin-n": "^17.23.1",
+		"eslint-plugin-promise": "^7.2.1",
+		"eslint-plugin-react": "^7.37.4",
+		"eslint-plugin-storybook": "^10.1.4",
+		"file-loader": "^6.2.0",
+		"less-loader": "^12.3.0",
+		"mini-css-extract-plugin": "^2.9.4",
+		"next": "^16.0.6",
+		"null-loader": "^4.0.1",
+		"prop-types": "^15.8.1",
+		"react": "^19.2.1",
+		"react-dom": "^19.2.1",
+		"sass": "^1.94.2",
+		"sass-loader": "^16.0.6",
+		"storybook": "^10.1.4",
+		"style-loader": "^4.0.0",
+		"ts-loader": "^9.5.4",
+		"typescript": "^5.9.3",
+		"url-loader": "^4.1.1",
+		"webpack": "^5.103.0",
+		"webpack-cli": "^6.0.1",
+		"webpack-dev-server": "^5.2.2",
+		"webpack-node-externals": "^3.0.0"
+	},
+	"peerDependencies": {
+		"next": "^16.0.3",
+		"react": "^19.2.0",
+		"react-dom": "^19.2.0"
+	},
+	"optionalDependencies": {
+		"md5": "^2.3.0"
+	},
+	"type": "module"
 }