Video component (#567)

* Video component

* Removed unnecessary props

* Made the check conditional

* Fixed sorting lessons in groups

* Content widget auto added to page while course creation

* Fixed the migration; Not throwing error on getCourse

* Sanitized URL for video component

Author: rajat1saxena

.yarn/cache/@radix-ui-react-label-npm-2.1.0-5d222548ab-462f3b47f4.zip

@@ -0,0 +1,126 @@
+import mongoose from "mongoose";
+import { nanoid } from "nanoid";
+
+function generateUniqueId() {
+    return nanoid();
+}
+
+mongoose.connect(process.env.DB_CONNECTION_STRING, {
+    useNewUrlParser: true,
+    useUnifiedTopology: true,
+});
+
+const WidgetSchema = new mongoose.Schema({
+    widgetId: { type: String, required: true, default: generateUniqueId },
+    name: { type: String, required: true },
+    deleteable: { type: Boolean, required: true, default: true },
+    shared: { type: Boolean, required: true, default: false },
+    settings: mongoose.Schema.Types.Mixed,
+});
+
+const MediaSchema = new mongoose.Schema({
+    mediaId: { type: String, required: true },
+    originalFileName: { type: String, required: true },
+    mimeType: { type: String, required: true },
+    size: { type: Number, required: true },
+    access: { type: String, required: true, enum: ["public", "private"] },
+    thumbnail: String,
+    caption: String,
+    file: String,
+});
+
+const PageSchema = new mongoose.Schema(
+    {
+        domain: { type: mongoose.Schema.Types.ObjectId, required: true },
+        pageId: { type: String, required: true },
+        type: {
+            type: String,
+            required: true,
+            enum: ["product", "site", "blog", "community"],
+            default: "product",
+        },
+        creatorId: { type: String, required: true },
+        name: { type: String, required: true },
+        layout: { type: [WidgetSchema], default: [] },
+        draftLayout: { type: [WidgetSchema], default: [] },
+        entityId: { type: String },
+        deleteable: { type: Boolean, required: true, default: false },
+        title: { type: String },
+        description: String,
+        socialImage: MediaSchema,
+        robotsAllowed: { type: Boolean, default: true },
+        draftTitle: String,
+        draftDescription: String,
+        draftSocialImage: MediaSchema,
+        draftRobotsAllowed: Boolean,
+        deleted: { type: Boolean, default: false },
+    },
+    {
+        timestamps: true,
+    },
+);
+
+PageSchema.index(
+    {
+        domain: 1,
+        pageId: 1,
+    },
+    { unique: true },
+);
+
+const Page = mongoose.model("Page", PageSchema);
+
+const updateHeroVideo = async (page) => {
+    console.log(`Updating homepage for domain: ${page.domain}`);
+    const heroWidgets = page.layout.filter((widget) => widget.name === "hero");
+    for (const heroWidget of heroWidgets) {
+        heroWidget.settings.style = "normal";
+        heroWidget.settings.mediaRadius = 2;
+        if (
+            heroWidget &&
+            heroWidget.settings.youtubeLink &&
+            !heroWidget.settings.youtubeLink.startsWith(
+                "https://www.youtube.com/watch?v=",
+            )
+        ) {
+            heroWidget.settings.youtubeLink = `https://www.youtube.com/watch?v=${heroWidget.settings.youtubeLink}`;
+        }
+    }
+    const heroWidgetsDraft = page.draftLayout.filter(
+        (widget) => widget.name === "hero",
+    );
+    for (const heroWidget of heroWidgetsDraft) {
+        heroWidget.settings.style = "normal";
+        heroWidget.settings.mediaRadius = 2;
+        if (
+            heroWidget &&
+            heroWidget.settings.youtubeLink &&
+            !heroWidget.settings.youtubeLink.startsWith(
+                "https://www.youtube.com/watch?v=",
+            )
+        ) {
+            heroWidget.settings.youtubeLink = `https://www.youtube.com/watch?v=${heroWidget.settings.youtubeLink}`;
+        }
+    }
+    page.markModified("layout");
+    page.markModified("draftLayout");
+    await page.save();
+    console.log(`Updated homepage for domain: ${page.domain}\n`);
+};
+
+const migrateHeroVideo = async () => {
+    const pages = await Page.find({ pageId: "homepage" });
+    for (const page of pages) {
+        try {
+            await updateHeroVideo(page);
+        } catch (error) {
+            console.error(`Error updating homepage for domain: ${page.domain}`);
+            console.error(error);
+        }
+    }
+};
+
+(async () => {
+    await migrateHeroVideo();
+    mongoose.connection.close();
+})();

.yarn/cache/@radix-ui-react-select-npm-2.1.2-63aabdae67-cd662a5f0b.zip

@@ -2,7 +2,7 @@
 
 import { useMemo, useState } from "react";
 import { SkeletonCard } from "./skeleton-card";
-import { ContentCard } from "./content-card";
+import { BlogContentCard } from "./content-card";
 import { PaginationControls } from "@components/public/pagination";
 import { Constants, Course } from "@courselit/common-models";
 import { useProducts } from "@/hooks/use-products";
@@ -34,7 +34,7 @@ export function BlogsList({
                           <SkeletonCard key={index} />
                       ))
                     : products.map((product: Course) => (
-                          <ContentCard
+                          <BlogContentCard
                               key={product.courseId}
                               product={product}
                           />

.yarn/cache/@radix-ui-react-switch-npm-1.1.1-a3cfba4e9f-cf73981d0b.zip

@@ -5,7 +5,7 @@ import { getPlanPrice } from "@courselit/utils";
 import { truncate } from "@ui-lib/utils";
 import Image from "next/image";
 
-export function ContentCard({ product }: { product: Course }) {
+export function BlogContentCard({ product }: { product: Course }) {
     const defaultPlan = product.paymentPlans?.filter(
         (plan) => plan.planId === product.defaultPaymentPlan,
     )[0];

.yarn/cache/@radix-ui-react-tabs-npm-1.1.1-0eb30be792-9ceac8a655.zip

@@ -1,7 +1,7 @@
 "use client";
 
 import { useCommunities } from "@/hooks/use-communities";
-import { ContentCard } from "./content-card";
+import { CommunityContentCard } from "./content-card";
 import { PaginationControls } from "@components/public/pagination";
 import { Community } from "@courselit/common-models";
 import { Users } from "lucide-react";
@@ -63,7 +63,7 @@ export function CommunitiesList({
                           <SkeletonCard key={index} />
                       ))
                     : communities.map((community: Community) => (
-                          <ContentCard
+                          <CommunityContentCard
                               key={community.communityId}
                               community={community}
                               publicView={publicView}

…5_00-40-migrate-purchases-to-invoices.js …40-migrate-purchases-to-invoices copy.jsapps/web/.migrations/24-03-25_00-40-migrate-purchases-to-invoices.js renamed to apps/web/.migrations/24-03-25_00-40-migrate-purchases-to-invoices copy.js apps/web/.migrations/24-03-25_00-40-migrate-purchases-to-invoices.js renamed to apps/web/.migrations/24-03-25_00-40-migrate-purchases-to-invoices copy.js

@@ -10,7 +10,7 @@ import {
     TooltipTrigger,
 } from "@components/ui/tooltip";
 
-export function ContentCard({
+export function CommunityContentCard({
     community,
     publicView = true,
 }: {
@@ -50,20 +50,24 @@ export function ContentCard({
                                 members
                             </span>
                         </div>
-                        <TooltipProvider>
-                            <Tooltip>
-                                <TooltipTrigger asChild>
-                                    {community.enabled ? (
-                                        <CheckCircle className="h-4 w-4 text-muted-foreground" />
-                                    ) : (
-                                        <CircleDashed className="h-4 w-4 text-muted-foreground" />
-                                    )}
-                                </TooltipTrigger>
-                                <TooltipContent>
-                                    {community.enabled ? "Enabled" : "Draft"}
-                                </TooltipContent>
-                            </Tooltip>
-                        </TooltipProvider>
+                        {!publicView && (
+                            <TooltipProvider>
+                                <Tooltip>
+                                    <TooltipTrigger asChild>
+                                        {community.enabled ? (
+                                            <CheckCircle className="h-4 w-4 text-muted-foreground" />
+                                        ) : (
+                                            <CircleDashed className="h-4 w-4 text-muted-foreground" />
+                                        )}
+                                    </TooltipTrigger>
+                                    <TooltipContent>
+                                        {community.enabled
+                                            ? "Enabled"
+                                            : "Draft"}
+                                    </TooltipContent>
+                                </Tooltip>
+                            </TooltipProvider>
+                        )}
                     </div>
                 </CardContent>
             </Card>