@anantagnanam/lms 0.0.0-stage → 0.1.0

package/astro/pages/course.astro

@@ -0,0 +1,80 @@
+---
+import Layout from "virtual:anantagnanam-lms/layout";
+import LearningShell from "../components/LearningShell.astro";
+import CourseOverview from "../components/CourseOverview.astro";
+import { lmsPublic, lmsLearner, LmsError } from "@anantagnanam/lms/server";
+import { basePath } from "virtual:anantagnanam-lms/config";
+import type {
+  CourseDetail,
+  PublicEnrollment,
+  ProgressSummary,
+  Review,
+  Page,
+  CohortMembership,
+} from "@anantagnanam/lms/types";
+export const prerender = false;
+Astro.response.headers.set("Cache-Control", "private, no-store");
+const slug = Astro.params.slug ?? "";
+let course: CourseDetail | undefined;
+let enrollment: PublicEnrollment | null = null;
+let progress: ProgressSummary | undefined;
+let reviews: Page<Review> | undefined;
+let cohortMembership: CohortMembership | null = null;
+const cohortId = Astro.url.searchParams.get("cohort") ?? undefined;
+let error = "";
+try {
+  if (Astro.locals.user) {
+    const result = await lmsLearner<{
+      course: CourseDetail;
+      enrollment: PublicEnrollment | null;
+      progress: ProgressSummary;
+    }>(Astro.locals, "learner/course-by-slug", { slug }, Astro.url.origin);
+    course = result.course;
+    enrollment = result.enrollment;
+    progress = result.progress;
+    if (cohortId)
+      cohortMembership = await lmsLearner<CohortMembership | null>(
+        Astro.locals,
+        "learner/cohort",
+        { cohortId },
+        Astro.url.origin,
+      );
+  } else course = await lmsPublic<CourseDetail>(Astro.locals, "course", { slug }, Astro.url.origin);
+  try {
+    reviews = await lmsPublic<Page<Review>>(
+      Astro.locals,
+      "reviews",
+      { courseId: course.id },
+      Astro.url.origin,
+    );
+  } catch {}
+} catch (cause) {
+  Astro.response.status = cause instanceof LmsError ? cause.status : 503;
+  error = cause instanceof Error ? cause.message : "Course unavailable.";
+}
+---
+
+<Layout
+  title={course?.title ?? "Course unavailable"}
+  description={course?.summary}
+  robots={course ? undefined : "noindex, follow"}
+>
+  <LearningShell>
+    {course ? (
+      <CourseOverview
+        course={course}
+        enrollment={enrollment}
+        progress={progress}
+        reviews={reviews}
+        cohortId={cohortId}
+        cohortMembership={cohortMembership}
+      />
+    ) : (
+      <section class="lms-gate">
+        <h1>Course unavailable</h1>
+        <p>{error}</p>
+        <a href={basePath}>Explore courses →</a>
+      </section>
+    )}
+  </LearningShell>
+</Layout>

package/astro/pages/dashboard.astro

@@ -0,0 +1,34 @@
+---
+import Layout from "virtual:anantagnanam-lms/layout";
+import LearningShell from "../components/LearningShell.astro";
+import LearnerDashboard from "../components/LearnerDashboard.astro";
+import { lmsLearner, loginUrl } from "@anantagnanam/lms/server";
+import { loginPath } from "virtual:anantagnanam-lms/config";
+import type { CourseCard, PublicEnrollment, ProgressSummary, Page } from "@anantagnanam/lms/types";
+export const prerender = false;
+Astro.response.headers.set("Cache-Control", "private, no-store");
+if (!Astro.locals.user)
+  return Astro.redirect(loginUrl(loginPath, Astro.url.pathname + Astro.url.search));
+let page: Page<{ course: CourseCard; enrollment: PublicEnrollment; progress: ProgressSummary }> = {
+  items: [],
+  hasMore: false,
+};
+let error = "";
+try {
+  page = await lmsLearner<typeof page>(
+    Astro.locals,
+    "learner/dashboard",
+    { cursor: Astro.url.searchParams.get("cursor") ?? undefined },
+    Astro.url.origin,
+  );
+} catch (cause) {
+  Astro.response.status = 503;
+  error = cause instanceof Error ? cause.message : "Could not load your learning records.";
+}
+---
+
+<Layout title="My learning" robots="noindex, follow">
+  <LearningShell>
+    <LearnerDashboard page={page} error={error} />
+  </LearningShell>
+</Layout>

package/astro/pages/index.astro

@@ -0,0 +1,40 @@
+---
+import Layout from "virtual:anantagnanam-lms/layout";
+import LearningShell from "../components/LearningShell.astro";
+import CourseCatalog from "../components/CourseCatalog.astro";
+import { lmsPublic, LmsError } from "@anantagnanam/lms/server";
+import type { Page, CourseCard } from "@anantagnanam/lms/types";
+export const prerender = false;
+Astro.response.headers.set("Cache-Control", "private, no-store");
+let page: Page<CourseCard> = { items: [], hasMore: false };
+let academy = {
+  title: "Ananta Gnanam Academy",
+  description: "Build knowledge, one lesson at a time.",
+};
+let error = "";
+try {
+  [page, academy] = await Promise.all([
+    lmsPublic<Page<CourseCard>>(
+      Astro.locals,
+      "catalog",
+      Object.fromEntries(Astro.url.searchParams),
+      Astro.url.origin,
+    ),
+    lmsPublic<typeof academy>(Astro.locals, "academy", {}, Astro.url.origin),
+  ]);
+} catch (cause) {
+  Astro.response.status = cause instanceof LmsError ? cause.status : 503;
+  error = cause instanceof Error ? cause.message : "The academy is temporarily unavailable.";
+}
+---
+
+<Layout title={academy.title} description={academy.description}>
+  <LearningShell>
+    <CourseCatalog
+      page={page}
+      title={academy.title}
+      description={academy.description}
+      error={error}
+    />
+  </LearningShell>
+</Layout>

package/astro/pages/lesson.astro

@@ -0,0 +1,100 @@
+---
+import Layout from "virtual:anantagnanam-lms/layout";
+import LearningShell from "../components/LearningShell.astro";
+import LessonPlayer from "../components/LessonPlayer.astro";
+import { lmsPublic, lmsLearner, courseUrl, loginUrl, LmsError } from "@anantagnanam/lms/server";
+import { basePath, loginPath } from "virtual:anantagnanam-lms/config";
+import type {
+  CourseDetail,
+  PublicLesson,
+  PublicEnrollment,
+  ProgressSummary,
+} from "@anantagnanam/lms/types";
+export const prerender = false;
+Astro.response.headers.set("Cache-Control", "private, no-store");
+let course: CourseDetail | undefined;
+let lesson: PublicLesson | undefined;
+let enrollment: PublicEnrollment | null = null;
+let progress: ProgressSummary | undefined;
+let error = "";
+let preview = false;
+try {
+  if (Astro.locals.user) {
+    const result = await lmsLearner<{
+      course: CourseDetail;
+      enrollment: PublicEnrollment | null;
+      progress: ProgressSummary;
+    }>(Astro.locals, "learner/course-by-slug", { slug: Astro.params.slug }, Astro.url.origin);
+    course = result.course;
+    enrollment = result.enrollment;
+  } else
+    course = await lmsPublic<CourseDetail>(
+      Astro.locals,
+      "course",
+      { slug: Astro.params.slug },
+      Astro.url.origin,
+    );
+  if (enrollment && ["active", "completed"].includes(enrollment.status)) {
+    const result = await lmsLearner<{
+      course: CourseDetail;
+      lesson: PublicLesson;
+      enrollment: PublicEnrollment;
+      progress: ProgressSummary;
+    }>(
+      Astro.locals,
+      "learner/lesson",
+      { courseId: course.id, lessonId: Astro.params.lessonId },
+      Astro.url.origin,
+    );
+    lesson = result.lesson;
+    enrollment = result.enrollment;
+    progress = result.progress;
+  } else {
+    const result = await lmsPublic<{ course: CourseDetail; lesson: PublicLesson }>(
+      Astro.locals,
+      "preview",
+      { courseId: course.id, lessonId: Astro.params.lessonId },
+      Astro.url.origin,
+    );
+    lesson = result.lesson;
+    preview = true;
+  }
+} catch (cause) {
+  Astro.response.status = cause instanceof LmsError ? cause.status : 503;
+  error = cause instanceof Error ? cause.message : "This lesson is unavailable.";
+}
+---
+
+<Layout
+  title={lesson?.title ?? "Continue your learning"}
+  description={lesson?.summary}
+  robots="noindex, follow"
+>
+  <LearningShell>
+    {course && lesson ? (
+      <LessonPlayer
+        course={course}
+        lesson={lesson}
+        enrollment={enrollment}
+        progress={progress}
+        preview={preview}
+      />
+    ) : (
+      <section class="lms-gate">
+        <p class="lms-eyebrow">ONE STEP AT A TIME</p>
+        <h1>Continue your learning</h1>
+        <p>{error}</p>
+        {!Astro.locals.user && (
+          <a class="lms-btn" href={loginUrl(loginPath, Astro.url.pathname)}>
+            Sign in →
+          </a>
+        )}
+        {course && (
+          <p>
+            <a href={courseUrl(basePath, course.slug)}>Return to course overview →</a>
+          </p>
+        )}
+      </section>
+    )}
+  </LearningShell>
+</Layout>

package/astro/pages/teach.astro

@@ -0,0 +1,15 @@
+---
+import Layout from "virtual:anantagnanam-lms/layout";
+import { CoursesPage } from "@anantagnanam/lms/admin";
+import { loginUrl } from "@anantagnanam/lms/server";
+import { loginPath } from "virtual:anantagnanam-lms/config";
+export const prerender = false;
+Astro.response.headers.set("Cache-Control", "private, no-store");
+if (!Astro.locals.user) return Astro.redirect(loginUrl(loginPath, Astro.url.pathname));
+---
+
+<Layout title="Course studio" robots="noindex, follow">
+  <div class="lms-container" id="lms-main">
+    <CoursesPage client:load />
+  </div>
+</Layout>