SkateSpots/src/hooks/useLabProfiles.ts
shakespeare.diy 657c36d264 Add Builder category to The Lab (kind 35005), collective-aware + spot-linked
Step 2 of the collective plan:
- types.ts: SKATE_BUILDER_KIND 35005, BUILDER_SERVICE/SKILL/SCALE label maps,
  SkateBuilder interface + parseSkateBuilder (entity/members/noffer/spotRefs +
  service_area & insured fields)
- useLabProfiles/useLabProfile: query + parse builders (profileType 'builder')
- BecomeBuilderPage (/become-builder): amber accent, build-type/materials/scale
  chip selectors, "how we work" gear, service area, licensed/insured switch,
  entity toggle (defaults to collective), noffer, and "spots you've built" picker
- LabPage: 'building' ServiceType — amber accent, Builders tab (5 tabs now,
  horizontally scrollable on mobile), OfferFAB item, filter sections, card
  type-icon/labels, empty state, counts & filtering
- CoachDetailPage: builder accent/icon/kind, "What We Build" + "How We Work"
  sections, service-area & insured cards, portfolio/social handling
- NIP.md: document Builder kind 35005 with tag taxonomy + collective example

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-07-24 13:33:52 +07:00

128 lines
4.8 KiB
TypeScript

import { useQuery } from '@tanstack/react-query';
import { SKATE_COACH_KIND, SKATE_FILMER_KIND, SKATE_EDITOR_KIND, SKATE_PHOTOGRAPHER_KIND, SKATE_BUILDER_KIND, parseSkateCoach, parseSkateFilmer, parseSkateEditor, parseSkatePhotographer, parseSkateBuilder, type SkateCoach, type SkateFilmer, type SkateEditor, type SkatePhotographer, type SkateBuilder } from '@/lib/types';
import { useSkateRelays } from '@/hooks/useSkateRelays';
export type LabProfile = (SkateCoach | SkateFilmer | SkateEditor | SkatePhotographer | SkateBuilder) & {
profileType: 'coach' | 'filmer' | 'editor' | 'photographer' | 'builder';
};
export function useLabProfiles(limit = 100) {
const { querySkateContent, getQueryKeySuffix } = useSkateRelays();
return useQuery({
queryKey: ['lab-profiles', limit, getQueryKeySuffix()],
queryFn: async () => {
const signal = AbortSignal.timeout(15000);
console.log('[useLabProfiles] Querying for coaches and filmers...');
const events = await querySkateContent(
[
{
kinds: [SKATE_COACH_KIND, SKATE_FILMER_KIND, SKATE_EDITOR_KIND, SKATE_PHOTOGRAPHER_KIND, SKATE_BUILDER_KIND],
'#t': ['skatecoach', 'skatefilmer', 'skateeditor', 'skatephotographer', 'skatebuilder'],
limit: limit * 2,
},
],
{ signal }
);
console.log(`[useLabProfiles] Received ${events.length} events`);
const profiles: LabProfile[] = [];
for (const event of events) {
if (event.kind === SKATE_COACH_KIND) {
const coach = parseSkateCoach(event);
if (coach) {
profiles.push({ ...coach, profileType: 'coach' });
}
} else if (event.kind === SKATE_FILMER_KIND) {
const filmer = parseSkateFilmer(event);
if (filmer) {
profiles.push({ ...filmer, profileType: 'filmer' });
}
} else if (event.kind === SKATE_EDITOR_KIND) {
const editor = parseSkateEditor(event);
if (editor) {
profiles.push({ ...editor, profileType: 'editor' });
}
} else if (event.kind === SKATE_PHOTOGRAPHER_KIND) {
const photographer = parseSkatePhotographer(event);
if (photographer) {
profiles.push({ ...photographer, profileType: 'photographer' });
}
} else if (event.kind === SKATE_BUILDER_KIND) {
const builder = parseSkateBuilder(event);
if (builder) {
profiles.push({ ...builder, profileType: 'builder' });
}
}
}
console.log(`[useLabProfiles] Parsed profiles: ${profiles.length} (coaches + filmers + editors + photographers)`);
return profiles.sort((a, b) => b.createdAt - a.createdAt);
},
staleTime: 30000,
refetchOnMount: 'always',
});
}
export function useLabProfile(identifier: string, pubkey?: string) {
const { querySkateContent, getQueryKeySuffix } = useSkateRelays();
return useQuery({
queryKey: ['lab-profile', identifier, pubkey, getQueryKeySuffix()],
queryFn: async () => {
const signal = AbortSignal.timeout(10000);
const filter: {
kinds: number[];
'#d': string[];
authors?: string[];
limit: number;
} = {
kinds: [SKATE_COACH_KIND, SKATE_FILMER_KIND, SKATE_EDITOR_KIND, SKATE_PHOTOGRAPHER_KIND, SKATE_BUILDER_KIND],
'#d': [identifier],
limit: 1,
};
if (pubkey) filter.authors = [pubkey];
console.log(`[useLabProfile] Querying for profile: ${identifier}`);
const events = await querySkateContent([filter], { signal });
console.log(`[useLabProfile] Received ${events.length} events`);
if (events.length === 0) {
console.warn(`[useLabProfile] No events found for identifier: ${identifier}`);
return null;
}
const event = events[0];
if (event.kind === SKATE_COACH_KIND) {
const coach = parseSkateCoach(event);
return coach ? { ...coach, profileType: 'coach' as const } : null;
} else if (event.kind === SKATE_FILMER_KIND) {
const filmer = parseSkateFilmer(event);
return filmer ? { ...filmer, profileType: 'filmer' as const } : null;
} else if (event.kind === SKATE_EDITOR_KIND) {
const editor = parseSkateEditor(event);
return editor ? { ...editor, profileType: 'editor' as const } : null;
} else if (event.kind === SKATE_PHOTOGRAPHER_KIND) {
const photographer = parseSkatePhotographer(event);
return photographer ? { ...photographer, profileType: 'photographer' as const } : null;
} else if (event.kind === SKATE_BUILDER_KIND) {
const builder = parseSkateBuilder(event);
return builder ? { ...builder, profileType: 'builder' as const } : null;
}
return null;
},
enabled: !!identifier,
staleTime: 30000,
refetchOnMount: 'always',
});
}