* update env vars * update middleware * remove pages router and move pages to /app * move to /team * update imports * fix * remove pages router and move org pages to /app * wip * fix orgSlug/user pages * fix orgSlug/user/type pages * remove generateMetadata from embed pages * fix * remove pages router for /user pages * generateMetadata is not needed in embed pages * remove future/org * no layout in [user] page * simplify * fix * fix OG image for [user] * fix OG images for org/user and team/slug * fix OG images for booking page * fix all metadata * use isBrandingHidden * remove BookerSeo and its usages * rename excludeAppNameFromTitle -> hideBranding * remove logic for meeting type in HeadSeo * remove BookerSeo instances from team-view and users-public-view * create generateMeetingMetadata util and use it to reduce duplicate code * remove BookerSeo imports * fix spacing * remove constructMeetingImage mock from head-seo.test * fetch avatarUrl using user id for user page metadata * fix test * remove unused test cases * index and follow must be true by default * invert noindex/nofollow flags * remove HeadSeo for already migrated pages and refactor prepareMetadata * fix organization-settings.e2e.ts * fix order * enable parallel test execution for dynamic-booking e2e test * fix * + could be %2B in app router * refactor handling logic for embeds in app router * fix isEmbed * fix embed-core * remove dead code * move embed pages back to /future * add back embed pages in pages router * revert some changes * fix import type checks * simplify * fix * feat: Implement generateBookingPageMetadata function for improved SEO and metadata handling across user and event pages (#18440) - Added a new utility function `generateBookingPageMetadata` to streamline the generation of metadata for booking and user profile pages. - Updated multiple page components to utilize the new function, enhancing SEO indexing and metadata consistency. - Removed redundant code related to previous metadata generation methods, improving code clarity and maintainability. * fix dirs * Pr-review-fixes-app-router-team-pages (#18450) * Remove unnecessary getPublicEvent call * Remove unused variable * Fix 404 for team page (#18451) * Remove console log --------- Co-authored-by: Hariom Balhara <hariombalhara@gmail.com>
188 lines
5.4 KiB
TypeScript
188 lines
5.4 KiB
TypeScript
import type { Prisma, SelectedCalendar } from "@prisma/client";
|
|
|
|
import { DailyLocationType } from "@calcom/app-store/locations";
|
|
import slugify from "@calcom/lib/slugify";
|
|
import { PeriodType, SchedulingType } from "@calcom/prisma/enums";
|
|
import type { userSelect } from "@calcom/prisma/selects";
|
|
import type { CustomInputSchema } from "@calcom/prisma/zod-utils";
|
|
import { eventTypeMetaDataSchemaWithTypedApps } from "@calcom/prisma/zod-utils";
|
|
import { EventTypeMetaDataSchema } from "@calcom/prisma/zod-utils";
|
|
import type { CredentialPayload } from "@calcom/types/Credential";
|
|
|
|
type User = Omit<Prisma.UserGetPayload<typeof userSelect>, "selectedCalendars"> & {
|
|
allSelectedCalendars: SelectedCalendar[];
|
|
userLevelSelectedCalendars: SelectedCalendar[];
|
|
};
|
|
|
|
type UsernameSlugLinkProps = {
|
|
users: {
|
|
id?: number;
|
|
username: string | null;
|
|
email?: string;
|
|
name?: string | null;
|
|
bio?: string | null;
|
|
avatar?: string | null;
|
|
theme?: string | null;
|
|
away?: boolean;
|
|
verified?: boolean | null;
|
|
allowDynamicBooking?: boolean | null;
|
|
}[];
|
|
slug: string;
|
|
};
|
|
|
|
const user: User & { credentials: CredentialPayload[] } = {
|
|
metadata: null,
|
|
theme: null,
|
|
credentials: [],
|
|
username: "john.doe",
|
|
timeZone: "",
|
|
bufferTime: 0,
|
|
availability: [],
|
|
id: 0,
|
|
startTime: 0,
|
|
endTime: 0,
|
|
allSelectedCalendars: [],
|
|
userLevelSelectedCalendars: [],
|
|
schedules: [],
|
|
defaultScheduleId: null,
|
|
locale: "en",
|
|
email: "john.doe@example.com",
|
|
name: "John doe",
|
|
destinationCalendar: null,
|
|
hideBranding: true,
|
|
brandColor: "#797979",
|
|
darkBrandColor: "#efefef",
|
|
allowDynamicBooking: true,
|
|
timeFormat: 12,
|
|
travelSchedules: [],
|
|
};
|
|
|
|
const customInputs: CustomInputSchema[] = [];
|
|
|
|
const commons = {
|
|
isDynamic: true,
|
|
periodCountCalendarDays: true,
|
|
periodStartDate: null,
|
|
periodEndDate: null,
|
|
beforeEventBuffer: 0,
|
|
afterEventBuffer: 0,
|
|
periodType: PeriodType.UNLIMITED,
|
|
periodDays: null,
|
|
slotInterval: null,
|
|
offsetStart: 0,
|
|
locations: [{ type: DailyLocationType }],
|
|
customInputs,
|
|
disableGuests: true,
|
|
minimumBookingNotice: 120,
|
|
schedule: null,
|
|
timeZone: null,
|
|
successRedirectUrl: "",
|
|
forwardParamsSuccessRedirect: true,
|
|
teamId: null,
|
|
scheduleId: null,
|
|
availability: [],
|
|
price: 0,
|
|
currency: "usd",
|
|
schedulingType: SchedulingType.COLLECTIVE,
|
|
seatsPerTimeSlot: null,
|
|
seatsShowAttendees: null,
|
|
seatsShowAvailabilityCount: null,
|
|
onlyShowFirstAvailableSlot: false,
|
|
id: 0,
|
|
hideCalendarNotes: false,
|
|
hideCalendarEventDetails: false,
|
|
recurringEvent: null,
|
|
destinationCalendar: null,
|
|
team: null,
|
|
lockTimeZoneToggleOnBookingPage: false,
|
|
requiresConfirmation: false,
|
|
requiresConfirmationForFreeEmail: false,
|
|
requiresBookerEmailVerification: false,
|
|
bookingLimits: null,
|
|
durationLimits: null,
|
|
hidden: false,
|
|
userId: 0,
|
|
parentId: null,
|
|
parent: null,
|
|
owner: null,
|
|
workflows: [],
|
|
users: [user],
|
|
hosts: [],
|
|
metadata: EventTypeMetaDataSchema.parse({}),
|
|
bookingFields: [],
|
|
assignAllTeamMembers: false,
|
|
assignRRMembersUsingSegment: false,
|
|
rrSegmentQueryValue: null,
|
|
isRRWeightsEnabled: false,
|
|
rescheduleWithSameRoundRobinHost: false,
|
|
useEventTypeDestinationCalendarEmail: false,
|
|
secondaryEmailId: null,
|
|
secondaryEmail: null,
|
|
autoTranslateDescriptionEnabled: false,
|
|
fieldTranslations: [],
|
|
maxLeadThreshold: null,
|
|
useEventLevelSelectedCalendars: false,
|
|
};
|
|
|
|
export const dynamicEvent = {
|
|
length: 30,
|
|
slug: "dynamic",
|
|
title: "Group Meeting",
|
|
eventName: "Group Meeting",
|
|
description: "Join us for a meeting with multiple people",
|
|
descriptionAsSafeHTML: "",
|
|
position: 0,
|
|
...commons,
|
|
metadata: eventTypeMetaDataSchemaWithTypedApps.parse({ multipleDuration: [15, 30, 45, 60, 90] }),
|
|
};
|
|
|
|
export const defaultEvents = [dynamicEvent];
|
|
|
|
export const getDynamicEventDescription = (dynamicUsernames: string[], slug: string): string => {
|
|
return `Book a ${slug} min event with ${dynamicUsernames.join(", ")}`;
|
|
};
|
|
|
|
export const getDynamicEventName = (dynamicNames: string[], slug: string): string => {
|
|
const lastUser = dynamicNames.pop();
|
|
return `Dynamic Collective ${slug} min event with ${dynamicNames.join(", ")} & ${lastUser}`;
|
|
};
|
|
|
|
export const getDefaultEvent = (slug: string) => {
|
|
const event = defaultEvents.find((obj) => {
|
|
return obj.slug === slug;
|
|
});
|
|
return event || dynamicEvent;
|
|
};
|
|
|
|
export const getGroupName = (usernameList: string[]): string => {
|
|
return usernameList.join(", ");
|
|
};
|
|
|
|
export const getUsernameSlugLink = ({ users, slug }: UsernameSlugLinkProps): string => {
|
|
let slugLink = ``;
|
|
if (users.length > 1) {
|
|
const combinedUsername = users.map((user) => user.username).join("+");
|
|
slugLink = `/${combinedUsername}/${slug}`;
|
|
} else {
|
|
slugLink = `/${users[0].username}/${slug}`;
|
|
}
|
|
return slugLink;
|
|
};
|
|
|
|
const arrayCast = (value: unknown | unknown[]) => {
|
|
return Array.isArray(value) ? value : value ? [value] : [];
|
|
};
|
|
|
|
export const getUsernameList = (users: string | string[] | undefined): string[] => {
|
|
// Multiple users can come in case of a team round-robin booking and in that case dynamic link won't be a user.
|
|
// So, even though this code handles even if individual user is dynamic link, that isn't a possibility right now.
|
|
users = arrayCast(users);
|
|
|
|
const allUsers = users.map((user) => user.replace(/( |%20|%2b)/gi, "+").split("+")).flat();
|
|
return Array.prototype.concat(...allUsers.map((userSlug) => slugify(userSlug)));
|
|
};
|
|
|
|
export default defaultEvents;
|
|
|
|
export type DefaultEvent = Awaited<ReturnType<typeof getDefaultEvent>>;
|