feat: enhance API and middleware functionality: add public API routes, implement program and course member checks, and improve rate limiting for invite acceptance. Update OpenAPI spec generation to focus on public API endpoints and add new middleware for automation key scopes. Include new documentation for lesson AI features and public API tests.

2026-04-12 08:58:41 +01:00
parent 5a8f50f67b
commit d6e812d08b
573 changed files with 31964 additions and 8708 deletions
@@ -0,0 +1,122 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+  import * as Sidebar from '@cio/ui/base/sidebar';
+  import { Empty } from '@cio/ui/custom/empty';
+  import { Spinner } from '@cio/ui/base/spinner';
+  import { CourseSidebar } from '$features/course/components/sidebar';
+  import { CourseHeader } from '$features/course/components';
+  import type { Course } from '$features/course/types';
+  import * as Dialog from '@cio/ui/base/dialog';
+  import { Button } from '@cio/ui/base/button';
+  import { Confetti } from '$features/ui';
+  import { courseApi } from '$features/course/api';
+  import ContentCreateModal from '$features/course/components/content/content-create-modal.svelte';
+  import CourseCompletionModal from '$features/course/components/ceritficate/course-completion-modal.svelte';
+  import { profile } from '$lib/utils/store/user';
+  import { isOrgAdmin } from '$lib/utils/store/org';
+  import { t } from '$lib/utils/functions/translations';
+  import type { CourseMember } from '$features/course/utils/types';
+
+  interface Props {
+    children?: import('svelte').Snippet;
+    path: string;
+    data: {
+      course?: Course;
+      courseId: string;
+      exerciseId?: string;
+    };
+  }
+
+  let { children, path, data }: Props = $props();
+
+  // Initialize course store on the client (fetch once, then reuse store data).
+  $effect(() => {
+    if (!data.courseId || !$profile.id) return;
+
+    if (data.course) {
+      courseApi.setCourse(data.course, $profile.id);
+      return;
+    }
+
+    courseApi.ensureCourse(data.courseId, $profile.id);
+  });
+
+  const isCourseReady = $derived.by(() => {
+    return courseApi.course?.id === data.courseId && !!courseApi.group.id;
+  });
+
+  const user: CourseMember | undefined = $derived(
+    courseApi.group.people.find((person) => person.profileId === $profile.id)
+  );
+  const canCheck = $derived(!!$profile.id && isCourseReady);
+
+  const isPermitted = $derived.by(() => {
+    if (!isCourseReady) return false;
+    if (!canCheck) return true;
+
+    if ($isOrgAdmin === null) return true;
+
+    return $isOrgAdmin || user;
+  });
+
+  const isExercisePage = $derived(!!data.exerciseId);
+</script>
+
+<svelte:head>
+  <title>{courseApi.course?.title || 'ClassroomIO Course'}</title>
+</svelte:head>
+
+{#if isCourseReady}
+  <Dialog.Root open={!isPermitted}>
+    <Dialog.Content class="w-96">
+      <Dialog.Header>
+        <Dialog.Title>{$t('course.not_permitted.header')}</Dialog.Title>
+      </Dialog.Header>
+      <div>
+        <p class="text-md text-center dark:text-white">
+          {$t('course.not_permitted.body')}
+        </p>
+
+        <div class="mt-5 flex justify-center">
+          <Button
+            onclick={() => {
+              goto('/org/*');
+            }}
+          >
+            {$t('course.not_permitted.button')}
+          </Button>
+        </div>
+      </div>
+    </Dialog.Content>
+  </Dialog.Root>
+{/if}
+
+<Sidebar.Provider data-sveltekit-preload-data="off">
+  <CourseSidebar {path} id={data.courseId} {isCourseReady} />
+
+  <Sidebar.Inset
+    class="w-[calc(100vw-var(--sidebar-width))] group-data-[collapsible=icon]:w-[calc(100vw-var(--sidebar-width-icon))]"
+  >
+    <CourseHeader />
+    <ContentCreateModal />
+    <CourseCompletionModal />
+
+    {#if !isCourseReady}
+      <div class="mx-auto flex h-[calc(100vh-56px)] w-full items-center justify-center">
+        <Empty
+          title="Loading course…"
+          description="Please wait while we load your course data."
+          icon={Spinner}
+          iconClass="h-8 w-8"
+          variant="page"
+        />
+      </div>
+    {:else}
+      {#if isExercisePage}
+        <Confetti />
+      {/if}
+
+      {@render children?.()}
+    {/if}
+  </Sidebar.Inset>
+</Sidebar.Provider>