@marvalt/shcoder 0.1.5 → 0.1.7

package/dist/components/MemberCardsGrid.d.ts

@@ -5,9 +5,15 @@
  * Copyright (c) 2025 Vibune Pty Ltd.
  */
 import React from 'react';
-import type { ShortcodeAttributes } from '../types/member';
+import type { Member, ShortcodeAttributes } from '../types/member';
 export interface MemberCardsGridProps extends ShortcodeAttributes {
     className?: string;
+    /** When set, the card (or optional button) links to this URL. */
+    getProfileUrl?: (member: Member) => string | undefined;
+    /** When set with getProfileUrl, renders a built-in button linking to the profile. */
+    profileButtonLabel?: string;
+    /** Custom card action (e.g. "View profile" button/link). Rendered in card footer. */
+    renderCardAction?: (member: Member) => React.ReactNode;
 }
 /**
  * MemberCardsGrid component - displays multiple members in a grid

package/dist/components/MemberCardsGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MemberCardsGrid.d.ts","sourceRoot":"","sources":["../../src/components/MemberCardsGrid.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+F1D,CAAC"}
+{"version":3,"file":"MemberCardsGrid.d.ts","sourceRoot":"","sources":["../../src/components/MemberCardsGrid.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACvD,qFAAqF;IACrF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACxD;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuI1D,CAAC"}

package/dist/hooks/useMembers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMembers.d.ts","sourceRoot":"","sources":["../../src/hooks/useMembers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAS9D,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,QAE7C;AA0BD,KAAK,kBAAkB,GAAG,MAAM;IAC9B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC;IACnD,aAAa,EAAE,CAAC,OAAO,EAAE;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,GAAG,EAAE,CAAC;CACb,CAAC;AAIF,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,kBAAkB,QAEjE;AAqCD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,mBAAmB;;;;EAwGpD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;;;;EA0E5C"}
+{"version":3,"file":"useMembers.d.ts","sourceRoot":"","sources":["../../src/hooks/useMembers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAS9D,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,QAE7C;AA0BD,KAAK,kBAAkB,GAAG,MAAM;IAC9B,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,GAAG,GAAG,IAAI,CAAC;IACnD,aAAa,EAAE,CAAC,OAAO,EAAE;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,KAAK,GAAG,EAAE,CAAC;CACb,CAAC;AAIF,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,kBAAkB,QAEjE;AAqCD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,mBAAmB;;;;EAsGpD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;;;;EAuE5C"}

package/dist/index.cjs

@@ -95,11 +95,11 @@ function useMembers(attrs) {
                         orderby: attrs.orderby || 'date',
                         order: attrs.order || 'desc',
                     });
-                    // Process members to match Member interface
+                    // Process members: preserve all keys (including ACF in member_meta); only normalize featured_image_urls
                     const processedMembers = filtered.map((member) => {
                         const processed = {
                             ...member,
-                            member_meta: member.member_meta || {},
+                            member_meta: member.member_meta ?? {},
                             featured_image_urls: extractFeaturedImage(member),
                         };
                         return processed;
@@ -141,11 +141,11 @@ function useMembers(attrs) {
                     throw new Error(`Failed to fetch members: ${response.statusText}`);
                 }
                 const data = await response.json();
-                // Process members to extract featured images from _embedded
+                // Process members: preserve all keys (including ACF in member_meta); only normalize featured_image_urls
                 const processedMembers = data.map((member) => {
                     const processed = {
                         ...member,
-                        member_meta: member.member_meta || {},
+                        member_meta: member.member_meta ?? {},
                         featured_image_urls: extractFeaturedImage(member),
                     };
                     return processed;
@@ -185,10 +185,10 @@ function useMember(id) {
                     const provider = staticDataProvider();
                     const found = provider.getMemberById(id);
                     if (found) {
-                        // Process member to match Member interface
+                        // Preserve all keys (including ACF in member_meta); only normalize featured_image_urls
                         const processed = {
                             ...found,
-                            member_meta: found.member_meta || {},
+                            member_meta: found.member_meta ?? {},
                             featured_image_urls: extractFeaturedImage(found),
                         };
                         setMember(processed);
@@ -210,10 +210,10 @@ function useMember(id) {
                     throw new Error(`Failed to fetch member: ${response.statusText}`);
                 }
                 const data = await response.json();
-                // Process member to extract featured image from _embedded
+                // Preserve all keys (including ACF in member_meta); only normalize featured_image_urls
                 const processed = {
                     ...data,
-                    member_meta: data.member_meta || {},
+                    member_meta: data.member_meta ?? {},
                     featured_image_urls: extractFeaturedImage(data),
                 };
                 setMember(processed);
@@ -1769,7 +1769,7 @@ function getCloudflareVariantUrl(url, options) {
     }
     const { width, height } = options;
     const base = url.endsWith('/') ? url.slice(0, -1) : url;
-    const variant = `w=${Math.max(1, Math.floor(width))}` + (`,h=${Math.max(1, Math.floor(height))}` );
+    const variant = `w=${Math.max(1, Math.floor(width))}` + (height != null ? `,h=${Math.max(1, Math.floor(height))}` : '');
     return `${base}/${variant}`;
 }
 
@@ -1777,7 +1777,7 @@ function getCloudflareVariantUrl(url, options) {
  * MemberCardsGrid component - displays multiple members in a grid
  * Usage: [member_cards tax="leadership" cols="3" image="true"]
  */
-const MemberCardsGrid = ({ tax, category, role, cols = '3', image = 'true', limit, orderby, order, className = '', }) => {
+const MemberCardsGrid = ({ tax, category, role, cols = '3', image = 'true', limit, orderby, order, className = '', getProfileUrl, profileButtonLabel, renderCardAction, }) => {
     const { members, loading, error } = useMembers({
         tax: tax || category,
         role,
@@ -1805,18 +1805,28 @@ const MemberCardsGrid = ({ tax, category, role, cols = '3', image = 'true', limi
     }[colsNum] || 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3';
     return (jsxRuntimeExports.jsx("div", { className: `member-cards-grid grid ${gridCols} gap-6 ${className}`, children: members.map((member) => {
             const meta = member.member_meta || {};
-            const rawImageUrl = showImage
-                ? (member.featured_image_urls?.medium?.url || member.featured_image_urls?.full?.url)
+            // Prefer Cloudflare URL from static generator enrichment (featured_media_cloudflare_url), then featured_image_urls
+            const cfFromEnrichment = showImage && typeof member.featured_media_cloudflare_url === 'string'
+                ? member.featured_media_cloudflare_url
                 : null;
-            // Prefer Cloudflare URLs with 9:16 @ 720x1280, but fall back to any URL so images still render
-            const imageUrl = rawImageUrl
-                ? (isCloudflareImageUrl(rawImageUrl)
-                    ? getCloudflareVariantUrl(rawImageUrl, { width: 720, height: 1280 })
-                    : rawImageUrl)
+            const rawImageUrl = showImage && !cfFromEnrichment
+                ? (member.featured_image_urls?.medium?.url || member.featured_image_urls?.full?.url)
                 : null;
+            const imageUrl = cfFromEnrichment
+                ? getCloudflareVariantUrl(cfFromEnrichment, { width: 720, height: 1280 })
+                : rawImageUrl
+                    ? (isCloudflareImageUrl(rawImageUrl)
+                        ? getCloudflareVariantUrl(rawImageUrl, { width: 720, height: 1280 })
+                        : rawImageUrl)
+                    : null;
             const fullName = [meta.members_firstname, meta.members_last_name].filter(Boolean).join(' ')
                 || member.title.rendered;
-            return (jsxRuntimeExports.jsxs("div", { className: "member-card bg-white rounded-lg shadow-md overflow-hidden", children: [imageUrl && (jsxRuntimeExports.jsx("div", { className: "member-card-image aspect-[9/16] w-full overflow-hidden bg-slate-100", children: jsxRuntimeExports.jsx("img", { src: imageUrl, alt: fullName, className: "h-full w-full object-cover" }) })), jsxRuntimeExports.jsxs("div", { className: "member-card-content p-6", children: [jsxRuntimeExports.jsx("h3", { className: "member-card-name text-xl font-bold mb-2", children: fullName }), meta.member_role && (jsxRuntimeExports.jsx("p", { className: "member-card-role text-gray-600 mb-2", children: meta.member_role })), meta.business_name && (jsxRuntimeExports.jsx("p", { className: "member-card-company text-sm text-gray-500 mb-2", children: meta.business_name })), meta.tagline && (jsxRuntimeExports.jsx("p", { className: "member-card-tagline text-sm italic mb-3", children: meta.tagline })), meta.member_pitch && (jsxRuntimeExports.jsx("p", { className: "member-card-pitch text-sm mb-3 line-clamp-3", children: meta.member_pitch })), meta.website && (jsxRuntimeExports.jsx("a", { href: meta.website, target: "_blank", rel: "noopener noreferrer", className: "member-card-website text-blue-600 hover:underline text-sm", children: "Visit Website \u2192" }))] })] }, member.id));
+            const profileUrl = getProfileUrl?.(member);
+            const hasExplicitAction = !!(profileButtonLabel || renderCardAction);
+            const wrapCardInLink = profileUrl && !hasExplicitAction;
+            const cardContent = (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [imageUrl && (jsxRuntimeExports.jsx("div", { className: "member-card-image aspect-[9/16] w-full overflow-hidden bg-slate-100", children: jsxRuntimeExports.jsx("img", { src: imageUrl, alt: fullName, className: "h-full w-full object-cover" }) })), jsxRuntimeExports.jsxs("div", { className: "member-card-content p-6", children: [jsxRuntimeExports.jsx("h3", { className: "member-card-name text-xl font-bold mb-2", children: fullName }), meta.member_role && (jsxRuntimeExports.jsx("p", { className: "member-card-role text-gray-600 mb-2", children: meta.member_role })), meta.business_name && (jsxRuntimeExports.jsx("p", { className: "member-card-company text-sm text-gray-500 mb-2", children: meta.business_name })), meta.tagline && (jsxRuntimeExports.jsx("p", { className: "member-card-tagline text-sm italic mb-3", children: meta.tagline })), meta.member_pitch && (jsxRuntimeExports.jsx("p", { className: "member-card-pitch text-sm mb-3 line-clamp-3", children: meta.member_pitch })), meta.website && (jsxRuntimeExports.jsx("a", { href: meta.website, target: "_blank", rel: "noopener noreferrer", className: "member-card-website text-blue-600 hover:underline text-sm", children: "Visit Website \u2192" })), hasExplicitAction && (jsxRuntimeExports.jsx("div", { className: "member-card-actions mt-4", children: renderCardAction ? (renderCardAction(member)) : profileUrl && profileButtonLabel ? (jsxRuntimeExports.jsx("a", { href: profileUrl, className: "member-card-profile-button inline-block px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", children: profileButtonLabel })) : null }))] })] }));
+            const cardInner = wrapCardInLink ? (jsxRuntimeExports.jsx("a", { href: profileUrl, className: "member-card-link block h-full text-inherit no-underline hover:opacity-95 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500 rounded-lg", children: cardContent })) : (cardContent);
+            return (jsxRuntimeExports.jsx("div", { className: "member-card bg-white rounded-lg shadow-md overflow-hidden", children: cardInner }, member.id));
         }) }));
 };