feat: HLS streaming, transcripts, agent course generation & landing-page course previews (#663)
New features: - HLS video encoding/streaming (hls routes, hls-encoder) and a media transcripts pipeline (transcripts route + media-transcript queries) - AI assistant chat vs. run model: agent-course-generation worker/queue, run-monitor pane, chat-changes card, content ask-ai bar - Per-theme course-page previews across org landing-page themes (bold, classic, corporate, editorial, etc.) with a shared course token/component set - View-as-student mode and login-link / link-invite invite flows Refactor: - Extract packages/core consolidating config (env, storage, dashboard-url), services and utils previously duplicated under apps/api/src/config - Remove legacy agent service modules (chat-tools, chat-context, context-window, document, fetch-url, lesson-content) - Relax Cross-Origin-Resource-Policy to allow cross-origin media embedding - Add format script to tenant-router so turbo run format covers it
This commit is contained in:
Rotimi Best
@@ -0,0 +1,228 @@
|
||||
export type CourseLandingTokens = {
|
||||
sectionShell: string;
|
||||
sectionInner: string;
|
||||
sectionHeader: string;
|
||||
eyebrow: string;
|
||||
heading: string;
|
||||
body: string;
|
||||
headingRule: string;
|
||||
|
||||
socialProofShell: string;
|
||||
socialProofItem: string;
|
||||
socialProofValue: string;
|
||||
socialProofLabel: string;
|
||||
socialProofDivider: string;
|
||||
|
||||
infoGrid: string;
|
||||
infoBlock: string;
|
||||
infoBlockEyebrow: string;
|
||||
infoBlockHeading: string;
|
||||
infoBlockBody: string;
|
||||
infoCertificateFrame: string;
|
||||
certificateShell: string;
|
||||
certificateFrame: string;
|
||||
|
||||
sectionNavShell: string;
|
||||
sectionNavInner: string;
|
||||
sectionNavList: string;
|
||||
sectionNavItem: string;
|
||||
sectionNavItemActive: string;
|
||||
|
||||
chipsSectionShell: string;
|
||||
chipsGroupHeading: string;
|
||||
chipsGroup: string;
|
||||
chip: string;
|
||||
chipsShowAll: string;
|
||||
|
||||
curriculumContainer: string;
|
||||
curriculumModule: string;
|
||||
curriculumModuleHeader: string;
|
||||
curriculumModuleTitle: string;
|
||||
curriculumModuleMeta: string;
|
||||
curriculumLessonRow: string;
|
||||
curriculumLessonPrefix: string;
|
||||
curriculumLessonTitle: string;
|
||||
curriculumLessonIcon: string;
|
||||
|
||||
instructorShell: string;
|
||||
instructorAvatarWrap: string;
|
||||
instructorBodyWrap: string;
|
||||
instructorAvatar: string;
|
||||
instructorName: string;
|
||||
instructorRole: string;
|
||||
instructorMeta: string;
|
||||
instructorBody: string;
|
||||
|
||||
reviewsAverage: string;
|
||||
reviewsAverageValue: string;
|
||||
reviewsAverageLabel: string;
|
||||
reviewsGrid: string;
|
||||
reviewCard: string;
|
||||
reviewStars: string;
|
||||
reviewStar: string;
|
||||
reviewQuote: string;
|
||||
reviewName: string;
|
||||
reviewDate: string;
|
||||
|
||||
pricingShell: string;
|
||||
pricingHeader: string;
|
||||
pricingEyebrow: string;
|
||||
pricingAmount: string;
|
||||
pricingCurrency: string;
|
||||
pricingDiscount: string;
|
||||
pricingFreeBadge: string;
|
||||
pricingFeatures: string;
|
||||
pricingFeature: string;
|
||||
pricingFeatureIcon: string;
|
||||
pricingCta: string;
|
||||
pricingRewardShell: string;
|
||||
pricingRewardLabel: string;
|
||||
pricingSavingsBadge: string;
|
||||
};
|
||||
|
||||
export const baseCourseTokens: CourseLandingTokens = {
|
||||
sectionShell: 'ui:py-12 ui:md:py-14 ui:px-4',
|
||||
sectionInner: 'ui:max-w-[1200px] ui:mx-auto',
|
||||
sectionHeader: 'ui:flex ui:flex-col ui:gap-2 ui:mb-6',
|
||||
eyebrow:
|
||||
'ui:text-xs ui:text-[var(--landing-fg-muted)]' +
|
||||
' ui:[letter-spacing:var(--landing-eyebrow-tracking)]' +
|
||||
' ui:[text-transform:var(--landing-eyebrow-case)]',
|
||||
heading:
|
||||
'ui:text-3xl ui:md:text-4xl ui:text-[var(--landing-fg)]' +
|
||||
' ui:[font-weight:var(--landing-heading-weight)]' +
|
||||
' ui:[letter-spacing:var(--landing-heading-tracking)]' +
|
||||
' ui:[text-transform:var(--landing-heading-case)]',
|
||||
body: 'ui:text-base ui:text-[var(--landing-fg-muted)] ui:leading-relaxed',
|
||||
headingRule: 'ui:hidden',
|
||||
|
||||
socialProofShell: 'ui:py-8 ui:px-4 ui:border-y ui:border-[var(--landing-border)]',
|
||||
socialProofItem: 'ui:flex ui:flex-col ui:items-center ui:gap-1 ui:text-[var(--landing-fg)]',
|
||||
socialProofValue: 'ui:text-2xl ui:[font-weight:var(--landing-heading-weight)]',
|
||||
socialProofLabel:
|
||||
'ui:text-xs ui:text-[var(--landing-fg-muted)] ui:[letter-spacing:var(--landing-eyebrow-tracking)] ui:[text-transform:var(--landing-eyebrow-case)]',
|
||||
socialProofDivider: 'ui:w-px ui:h-10 ui:bg-[var(--landing-border)] ui:opacity-60',
|
||||
|
||||
infoGrid: 'ui:grid ui:grid-cols-1 ui:md:grid-cols-2 ui:gap-12',
|
||||
infoBlock: 'ui:flex ui:flex-col ui:gap-3' + ' ui:pt-8 ui:border-t ui:border-[var(--landing-border)]',
|
||||
infoBlockEyebrow:
|
||||
'ui:text-xs ui:text-[var(--landing-fg-muted)]' +
|
||||
' ui:[letter-spacing:var(--landing-eyebrow-tracking)]' +
|
||||
' ui:[text-transform:var(--landing-eyebrow-case)]',
|
||||
infoBlockHeading:
|
||||
'ui:text-2xl ui:text-[var(--landing-fg)]' +
|
||||
' ui:[font-weight:var(--landing-heading-weight)]' +
|
||||
' ui:[letter-spacing:var(--landing-heading-tracking)]',
|
||||
infoBlockBody:
|
||||
'ui:text-base ui:text-[var(--landing-fg-muted)] ui:leading-relaxed' +
|
||||
' ui:[&_p]:mb-2 ui:[&_ul]:list-disc ui:[&_ul]:pl-5 ui:[&_li]:mb-1',
|
||||
infoCertificateFrame:
|
||||
'ui:overflow-hidden ui:border ui:border-[var(--landing-border)]' + ' ui:[border-radius:var(--landing-radius-card)]',
|
||||
certificateShell:
|
||||
'ui:p-6 ui:md:p-8 ui:border ui:border-[var(--landing-border)]' +
|
||||
' ui:[border-radius:var(--landing-radius-card)]' +
|
||||
' ui:bg-[var(--landing-card)] ui:[box-shadow:var(--landing-shadow-card)]',
|
||||
certificateFrame:
|
||||
'ui:overflow-hidden ui:border ui:border-[var(--landing-border)]' +
|
||||
' ui:[border-radius:var(--landing-radius-card)]' +
|
||||
' ui:max-w-[260px] ui:w-full',
|
||||
|
||||
sectionNavShell: 'ui:border-b ui:border-[var(--landing-border)] ui:bg-[var(--landing-bg)]',
|
||||
sectionNavInner: 'ui:max-w-[1200px] ui:mx-auto ui:px-4',
|
||||
sectionNavList: 'ui:border-b-0 ui:w-full',
|
||||
sectionNavItem: '',
|
||||
sectionNavItemActive: '',
|
||||
|
||||
chipsSectionShell: 'ui:flex ui:flex-col ui:gap-10',
|
||||
chipsGroupHeading:
|
||||
'ui:text-2xl ui:md:text-3xl ui:text-[var(--landing-fg)] ui:mb-5' +
|
||||
' ui:[font-weight:var(--landing-heading-weight)]' +
|
||||
' ui:[letter-spacing:var(--landing-heading-tracking)]',
|
||||
chipsGroup: 'ui:flex ui:flex-wrap ui:gap-2.5 ui:items-center',
|
||||
chip:
|
||||
'ui:inline-flex ui:items-center ui:px-4 ui:py-2 ui:text-sm ui:text-[var(--landing-fg)]' +
|
||||
' ui:border ui:border-[var(--landing-border)] ui:bg-transparent' +
|
||||
' ui:[border-radius:var(--landing-radius-pill)]' +
|
||||
' ui:hover:border-[var(--landing-accent)] ui:transition-colors',
|
||||
chipsShowAll:
|
||||
'ui:text-sm ui:text-[var(--landing-fg)] ui:underline ui:underline-offset-4' +
|
||||
' ui:[font-weight:var(--landing-heading-weight)] ui:cursor-pointer ui:ml-2 ui:bg-transparent ui:border-0',
|
||||
|
||||
curriculumContainer: 'ui:flex ui:flex-col',
|
||||
curriculumModule: 'ui:border-t ui:border-[var(--landing-border)]' + ' ui:last:border-b ui:py-2',
|
||||
curriculumModuleHeader:
|
||||
'ui:flex ui:flex-col ui:items-start ui:gap-2 ui:py-4 ui:cursor-pointer ui:text-left' +
|
||||
' ui:md:flex-row ui:md:items-center ui:md:justify-between ui:md:gap-4',
|
||||
curriculumModuleTitle:
|
||||
'ui:text-base ui:md:text-lg ui:text-[var(--landing-fg)]' + ' ui:[font-weight:var(--landing-heading-weight)]',
|
||||
curriculumModuleMeta: 'ui:text-xs ui:text-[var(--landing-fg-muted)] ui:font-mono',
|
||||
curriculumLessonRow:
|
||||
'ui:flex ui:items-center ui:gap-3 ui:py-3 ui:pl-2' + ' ui:border-t ui:border-[var(--landing-border)]/60',
|
||||
curriculumLessonPrefix: 'ui:text-xs ui:text-[var(--landing-fg-muted)] ui:font-mono ui:min-w-[3ch]',
|
||||
curriculumLessonTitle: 'ui:text-sm ui:text-[var(--landing-fg)]',
|
||||
curriculumLessonIcon: 'ui:text-[var(--landing-fg-muted)]',
|
||||
|
||||
instructorShell:
|
||||
'ui:flex ui:flex-col ui:md:flex-row ui:gap-6 ui:items-start' +
|
||||
' ui:p-6 ui:md:p-8 ui:border ui:border-[var(--landing-border)]' +
|
||||
' ui:[border-radius:var(--landing-radius-card)]' +
|
||||
' ui:[box-shadow:var(--landing-shadow-card)]',
|
||||
instructorAvatarWrap: 'ui:shrink-0',
|
||||
instructorBodyWrap: 'ui:flex-1 ui:p-6',
|
||||
|
||||
instructorAvatar: 'ui:size-20 ui:rounded-full ui:object-cover ui:border ui:border-[var(--landing-border)]',
|
||||
instructorName: 'ui:text-xl ui:text-[var(--landing-fg)]' + ' ui:[font-weight:var(--landing-heading-weight)]',
|
||||
instructorRole: 'ui:text-sm ui:text-[var(--landing-fg-muted)]',
|
||||
instructorMeta: 'ui:text-xs ui:text-[var(--landing-fg-faint)] ui:mt-1',
|
||||
instructorBody: 'ui:text-sm ui:text-[var(--landing-fg-muted)] ui:leading-relaxed ui:mt-3',
|
||||
|
||||
reviewsAverage: 'ui:flex ui:items-center ui:gap-3 ui:mb-8 ui:text-[var(--landing-fg)]',
|
||||
reviewsAverageValue: 'ui:text-3xl ui:[font-weight:var(--landing-heading-weight)]',
|
||||
reviewsAverageLabel: 'ui:text-sm ui:text-[var(--landing-fg-muted)]',
|
||||
reviewsGrid: 'ui:grid ui:grid-cols-1 ui:md:grid-cols-2 ui:gap-4',
|
||||
reviewCard:
|
||||
'ui:p-6 ui:border ui:border-[var(--landing-border)] ui:bg-[var(--landing-card)]' +
|
||||
' ui:[border-radius:var(--landing-radius-card)]' +
|
||||
' ui:[box-shadow:var(--landing-shadow-card)]',
|
||||
reviewStars: 'ui:flex ui:items-center ui:gap-0.5 ui:mb-3',
|
||||
reviewStar: 'ui:text-[var(--landing-accent)] ui:size-4',
|
||||
reviewQuote: 'ui:text-sm ui:text-[var(--landing-fg)] ui:leading-relaxed ui:mb-4',
|
||||
reviewName: 'ui:text-sm ui:text-[var(--landing-fg)] ui:font-medium',
|
||||
reviewDate: 'ui:text-xs ui:text-[var(--landing-fg-muted)]',
|
||||
|
||||
pricingShell:
|
||||
'ui:p-6 ui:border ui:border-[var(--landing-border)] ui:bg-[var(--landing-card)]' +
|
||||
' ui:[border-radius:var(--landing-radius-card)]' +
|
||||
' ui:[box-shadow:var(--landing-shadow-card)]',
|
||||
pricingHeader: 'ui:flex ui:flex-col ui:gap-2 ui:mb-6',
|
||||
pricingEyebrow:
|
||||
'ui:text-xs ui:text-[var(--landing-fg-muted)]' +
|
||||
' ui:[letter-spacing:var(--landing-eyebrow-tracking)]' +
|
||||
' ui:[text-transform:var(--landing-eyebrow-case)]',
|
||||
pricingAmount:
|
||||
'ui:text-4xl ui:md:text-5xl ui:text-[var(--landing-fg)]' +
|
||||
' ui:[font-weight:var(--landing-heading-weight)]' +
|
||||
' ui:[letter-spacing:var(--landing-heading-tracking)]',
|
||||
pricingCurrency: 'ui:text-base ui:text-[var(--landing-fg-muted)] ui:font-normal ui:ml-1',
|
||||
pricingDiscount: 'ui:text-sm ui:text-[var(--landing-fg-muted)] ui:line-through',
|
||||
pricingFreeBadge:
|
||||
'ui:inline-block ui:px-3 ui:py-1 ui:text-xs ui:text-[var(--landing-accent-fg)]' +
|
||||
' ui:bg-[var(--landing-accent)]' +
|
||||
' ui:[border-radius:var(--landing-radius-pill)]' +
|
||||
' ui:[letter-spacing:var(--landing-eyebrow-tracking)]' +
|
||||
' ui:[text-transform:var(--landing-eyebrow-case)]',
|
||||
pricingFeatures: 'ui:flex ui:flex-col ui:gap-2 ui:mb-6',
|
||||
pricingFeature: 'ui:flex ui:items-center ui:gap-2 ui:text-sm ui:text-[var(--landing-fg)]',
|
||||
pricingFeatureIcon: 'ui:text-[var(--landing-accent)]',
|
||||
pricingCta: 'ui:w-full',
|
||||
pricingRewardShell:
|
||||
'ui:mt-4 ui:p-3 ui:border ui:border-dashed ui:border-[var(--landing-border)]' +
|
||||
' ui:[border-radius:var(--landing-radius-card)]' +
|
||||
' ui:text-xs ui:text-[var(--landing-fg-muted)]',
|
||||
pricingRewardLabel: 'ui:text-[var(--landing-fg)] ui:[font-weight:var(--landing-heading-weight)]',
|
||||
pricingSavingsBadge: 'ui:text-xs ui:text-[var(--landing-accent)]' + ' ui:[font-weight:var(--landing-heading-weight)]'
|
||||
};
|
||||
|
||||
export function tokenize(overrides: Partial<CourseLandingTokens>): CourseLandingTokens {
|
||||
return { ...baseCourseTokens, ...overrides };
|
||||
}
|
||||
Reference in New Issue
Block a user