@marvalt/shcoder 0.1.0 → 0.1.2

package/dist/components/MemberCard.d.ts

@@ -11,7 +11,7 @@ export interface MemberCardProps extends ShortcodeAttributes {
 }
 /**
  * MemberCard component - displays a single member profile
- * Usage: [member_card id="123"]
+ * Usage: [member_card id="123"] or [member_card] with ?member_id=123 in URL
  */
 export declare const MemberCard: React.FC<MemberCardProps>;
 //# sourceMappingURL=MemberCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MemberCard.d.ts","sourceRoot":"","sources":["../../src/components/MemberCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyChD,CAAC"}
+{"version":3,"file":"MemberCard.d.ts","sourceRoot":"","sources":["../../src/components/MemberCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6ChD,CAAC"}

package/dist/components/TestimonialCard.d.ts

@@ -11,7 +11,7 @@ export interface TestimonialCardProps extends ShortcodeAttributes {
 }
 /**
  * TestimonialCard component - displays a single testimonial
- * Usage: [testimonial_card id="123"]
+ * Usage: [testimonial_card id="123"] or [testimonial_card] with ?testimonial_id=123 in URL
  */
 export declare const TestimonialCard: React.FC<TestimonialCardProps>;
 //# sourceMappingURL=TestimonialCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TestimonialCard.d.ts","sourceRoot":"","sources":["../../src/components/TestimonialCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,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,CAqC1D,CAAC"}
+{"version":3,"file":"TestimonialCard.d.ts","sourceRoot":"","sources":["../../src/components/TestimonialCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,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,CAyC1D,CAAC"}

package/dist/hooks/useMembers.d.ts

@@ -7,6 +7,18 @@
 import type { Member } from '../types/member';
 import type { ShortcodeAttributes } from '../types/shortcode';
 export declare function setWordPressApiUrl(url: string): void;
+type StaticDataProvider = () => {
+    members: any[];
+    getMemberById: (id: string | number) => any | null;
+    filterMembers: (filters: {
+        category?: string;
+        role?: string;
+        limit?: number;
+        orderby?: string;
+        order?: string;
+    }) => any[];
+};
+export declare function setStaticDataProvider(provider: StaticDataProvider): void;
 /**
  * Hook to fetch members based on shortcode attributes
  */
@@ -23,4 +35,5 @@ export declare function useMember(id: string | number): {
     loading: boolean;
     error: Error | null;
 };
+export {};
 //# sourceMappingURL=useMembers.d.ts.map

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;AAyBD;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,mBAAmB;;;;EAsGpD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;;;;EAwE5C"}
+{"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"}

package/dist/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var require$$0 = require('react');
+var reactRouterDom = require('react-router-dom');
 
 /**
  * @license GPL-3.0-or-later
@@ -36,6 +37,42 @@ function getApiUrl$1() {
 }
 // Initialize API URL
 apiUrl$1 = getApiUrl$1();
+let staticDataProvider = null;
+function setStaticDataProvider(provider) {
+    staticDataProvider = provider;
+}
+// Helper function to extract featured image from member data
+function extractFeaturedImage(member) {
+    if (member.featured_image_urls) {
+        return member.featured_image_urls;
+    }
+    if (member._embedded?.['wp:featuredmedia']?.[0]) {
+        const featuredMedia = member._embedded['wp:featuredmedia'][0];
+        return {
+            thumbnail: featuredMedia.media_details?.sizes?.thumbnail ? {
+                url: featuredMedia.media_details.sizes.thumbnail.source_url,
+                width: featuredMedia.media_details.sizes.thumbnail.width,
+                height: featuredMedia.media_details.sizes.thumbnail.height,
+            } : undefined,
+            medium: featuredMedia.media_details?.sizes?.medium ? {
+                url: featuredMedia.media_details.sizes.medium.source_url,
+                width: featuredMedia.media_details.sizes.medium.width,
+                height: featuredMedia.media_details.sizes.medium.height,
+            } : undefined,
+            large: featuredMedia.media_details?.sizes?.large ? {
+                url: featuredMedia.media_details.sizes.large.source_url,
+                width: featuredMedia.media_details.sizes.large.width,
+                height: featuredMedia.media_details.sizes.large.height,
+            } : undefined,
+            full: {
+                url: featuredMedia.source_url || featuredMedia.media_details?.sizes?.full?.source_url || '',
+                width: featuredMedia.media_details?.width || 0,
+                height: featuredMedia.media_details?.height || 0,
+            },
+        };
+    }
+    return undefined;
+}
 /**
  * Hook to fetch members based on shortcode attributes
  */
@@ -44,15 +81,39 @@ function useMembers(attrs) {
     const [loading, setLoading] = require$$0.useState(true);
     const [error, setError] = require$$0.useState(null);
     require$$0.useEffect(() => {
-        if (!apiUrl$1) {
-            setError(new Error('WordPress API URL not configured'));
-            setLoading(false);
-            return;
-        }
         async function fetchMembers() {
             try {
                 setLoading(true);
                 setError(null);
+                // Use static data if available (preferred method)
+                if (staticDataProvider) {
+                    const provider = staticDataProvider();
+                    const filtered = provider.filterMembers({
+                        category: attrs.tax || attrs.category,
+                        role: attrs.role,
+                        limit: attrs.limit ? parseInt(attrs.limit, 10) : undefined,
+                        orderby: attrs.orderby || 'date',
+                        order: attrs.order || 'desc',
+                    });
+                    // Process members to match Member interface
+                    const processedMembers = filtered.map((member) => {
+                        const processed = {
+                            ...member,
+                            member_meta: member.member_meta || {},
+                            featured_image_urls: extractFeaturedImage(member),
+                        };
+                        return processed;
+                    });
+                    setMembers(processedMembers);
+                    setLoading(false);
+                    return;
+                }
+                // Fallback to API (should not happen in production with static data)
+                if (!apiUrl$1) {
+                    setError(new Error('WordPress API URL not configured and no static data provider available'));
+                    setLoading(false);
+                    return;
+                }
                 // Build query params from shortcode attributes
                 const params = {
                     per_page: (attrs.limit ? parseInt(attrs.limit, 10) : 100).toString(),
@@ -85,33 +146,8 @@ function useMembers(attrs) {
                     const processed = {
                         ...member,
                         member_meta: member.member_meta || {},
+                        featured_image_urls: extractFeaturedImage(member),
                     };
-                    // Extract featured image from _embedded
-                    if (member._embedded && member._embedded['wp:featuredmedia'] && member._embedded['wp:featuredmedia'][0]) {
-                        const featuredMedia = member._embedded['wp:featuredmedia'][0];
-                        processed.featured_image_urls = {
-                            thumbnail: featuredMedia.media_details?.sizes?.thumbnail ? {
-                                url: featuredMedia.media_details.sizes.thumbnail.source_url,
-                                width: featuredMedia.media_details.sizes.thumbnail.width,
-                                height: featuredMedia.media_details.sizes.thumbnail.height,
-                            } : undefined,
-                            medium: featuredMedia.media_details?.sizes?.medium ? {
-                                url: featuredMedia.media_details.sizes.medium.source_url,
-                                width: featuredMedia.media_details.sizes.medium.width,
-                                height: featuredMedia.media_details.sizes.medium.height,
-                            } : undefined,
-                            large: featuredMedia.media_details?.sizes?.large ? {
-                                url: featuredMedia.media_details.sizes.large.source_url,
-                                width: featuredMedia.media_details.sizes.large.width,
-                                height: featuredMedia.media_details.sizes.large.height,
-                            } : undefined,
-                            full: {
-                                url: featuredMedia.source_url || featuredMedia.media_details?.sizes?.full?.source_url || '',
-                                width: featuredMedia.media_details?.width || 0,
-                                height: featuredMedia.media_details?.height || 0,
-                            },
-                        };
-                    }
                     return processed;
                 });
                 setMembers(processedMembers);
@@ -136,7 +172,7 @@ function useMember(id) {
     const [loading, setLoading] = require$$0.useState(true);
     const [error, setError] = require$$0.useState(null);
     require$$0.useEffect(() => {
-        if (!apiUrl$1 || !id) {
+        if (!id) {
             setLoading(false);
             return;
         }
@@ -144,6 +180,31 @@ function useMember(id) {
             try {
                 setLoading(true);
                 setError(null);
+                // Use static data if available (preferred method)
+                if (staticDataProvider) {
+                    const provider = staticDataProvider();
+                    const found = provider.getMemberById(id);
+                    if (found) {
+                        // Process member to match Member interface
+                        const processed = {
+                            ...found,
+                            member_meta: found.member_meta || {},
+                            featured_image_urls: extractFeaturedImage(found),
+                        };
+                        setMember(processed);
+                    }
+                    else {
+                        setMember(null);
+                    }
+                    setLoading(false);
+                    return;
+                }
+                // Fallback to API (should not happen in production with static data)
+                if (!apiUrl$1) {
+                    setError(new Error('WordPress API URL not configured and no static data provider available'));
+                    setLoading(false);
+                    return;
+                }
                 const response = await fetch(`${apiUrl$1}/wp/v2/member/${id}?_embed=true`);
                 if (!response.ok) {
                     throw new Error(`Failed to fetch member: ${response.statusText}`);
@@ -153,33 +214,8 @@ function useMember(id) {
                 const processed = {
                     ...data,
                     member_meta: data.member_meta || {},
+                    featured_image_urls: extractFeaturedImage(data),
                 };
-                // Extract featured image from _embedded
-                if (data._embedded && data._embedded['wp:featuredmedia'] && data._embedded['wp:featuredmedia'][0]) {
-                    const featuredMedia = data._embedded['wp:featuredmedia'][0];
-                    processed.featured_image_urls = {
-                        thumbnail: featuredMedia.media_details?.sizes?.thumbnail ? {
-                            url: featuredMedia.media_details.sizes.thumbnail.source_url,
-                            width: featuredMedia.media_details.sizes.thumbnail.width,
-                            height: featuredMedia.media_details.sizes.thumbnail.height,
-                        } : undefined,
-                        medium: featuredMedia.media_details?.sizes?.medium ? {
-                            url: featuredMedia.media_details.sizes.medium.source_url,
-                            width: featuredMedia.media_details.sizes.medium.width,
-                            height: featuredMedia.media_details.sizes.medium.height,
-                        } : undefined,
-                        large: featuredMedia.media_details?.sizes?.large ? {
-                            url: featuredMedia.media_details.sizes.large.source_url,
-                            width: featuredMedia.media_details.sizes.large.width,
-                            height: featuredMedia.media_details.sizes.large.height,
-                        } : undefined,
-                        full: {
-                            url: featuredMedia.source_url || featuredMedia.media_details?.sizes?.full?.source_url || '',
-                            width: featuredMedia.media_details?.width || 0,
-                            height: featuredMedia.media_details?.height || 0,
-                        },
-                    };
-                }
                 setMember(processed);
             }
             catch (err) {
@@ -1687,10 +1723,13 @@ var jsxRuntimeExports = jsxRuntime.exports;
 
 /**
  * MemberCard component - displays a single member profile
- * Usage: [member_card id="123"]
+ * Usage: [member_card id="123"] or [member_card] with ?member_id=123 in URL
  */
 const MemberCard = ({ id, className = '' }) => {
-    const { member, loading, error } = useMember(id || '');
+    // Read from query params as fallback if id not provided in shortcode
+    const [searchParams] = reactRouterDom.useSearchParams();
+    const memberId = id || searchParams.get('member_id') || '';
+    const { member, loading, error } = useMember(memberId);
     if (loading) {
         return jsxRuntimeExports.jsx("div", { className: `member-card-loading ${className}`, children: "Loading member..." });
     }
@@ -1788,10 +1827,13 @@ const MemberSlideshow = ({ tax, category, role, limit = '5', interval = '5000',
 
 /**
  * TestimonialCard component - displays a single testimonial
- * Usage: [testimonial_card id="123"]
+ * Usage: [testimonial_card id="123"] or [testimonial_card] with ?testimonial_id=123 in URL
  */
 const TestimonialCard = ({ id, className = '' }) => {
-    const { testimonial, loading, error } = useTestimonial(id || '');
+    // Read from query params as fallback if id not provided in shortcode
+    const [searchParams] = reactRouterDom.useSearchParams();
+    const testimonialId = id || searchParams.get('testimonial_id') || '';
+    const { testimonial, loading, error } = useTestimonial(testimonialId);
     if (loading) {
         return jsxRuntimeExports.jsx("div", { className: `testimonial-card-loading ${className}`, children: "Loading testimonial..." });
     }
@@ -1879,6 +1921,7 @@ exports.MemberSlideshow = MemberSlideshow;
 exports.TestimonialCard = TestimonialCard;
 exports.TestimonialCardsGrid = TestimonialCardsGrid;
 exports.TestimonialSlideshow = TestimonialSlideshow;
+exports.setStaticDataProvider = setStaticDataProvider;
 exports.setWordPressApiUrl = setWordPressApiUrl;
 exports.useMember = useMember;
 exports.useMembers = useMembers;