* chore: fix storybook build * chore: implement theming * community list not showing properly * refactor: migrate Chip component to @cio/ui/custom/chip - Updated imports for the Chip component across multiple files to use the new location in the @cio/ui package. - Replaced the previous Chip implementation with a new version that utilizes a Badge for better styling and functionality. - Adjusted related components to ensure consistent usage of the updated Chip component. * fix: align course sidebar design to match organization design (#611) * fix: align course sidebar design to match organization design * feat: add hideSearch prop to AppHeader and update sidebar layout --------- Co-authored-by: Rotimi Best <best@classroomio.com> * refactor: replace PrimaryButton with Button component across multiple files - Updated various components to use the new Button component from @cio/ui/base/button instead of the deprecated PrimaryButton. - Ensured consistent button usage throughout the application for improved styling and functionality. - Removed the PrimaryButton component and its associated constants from the codebase. * refactor: standardize button and input usage across components - Replaced instances of deprecated components such as TextField, TextArea, and IconButton with their updated counterparts (InputField, TextareaField, and updated IconButton). - Ensured consistent event handling by changing `onClick` to `onclick` for better alignment with Svelte's event binding conventions. - Removed unused components and streamlined imports to enhance code maintainability and readability. * chore: themeing, course card, use $features * refactor: centralize UI components and update modal implementations - Refactored various components to centralize UI elements, improving discoverability and maintainability. - Replaced deprecated modal components with the new Dialog component for consistent modal behavior across the application. - Removed unused components and streamlined imports to enhance code clarity and reduce complexity. * feat: add new documentation and refactor org and lms UI components - Introduced new documentation files for Auth Flow, Breadcrumbs Refactoring, Page and Route Creation, and Route Page Setup to enhance developer onboarding and reference. - Refactored various UI components, including the Course Sidebar and Lesson Modal, to improve layout and functionality. - Removed deprecated components and streamlined imports for better maintainability. - Updated translations across multiple languages to ensure consistency in user experience. * refactor: update UI components and improve styling consistency - Refactored various components to enhance styling consistency, including updates to button and text color classes. - Removed deprecated components and streamlined imports for better maintainability. - Replaced instances of PageBody with a more flexible Page component structure across multiple routes. - Updated translations and UI elements to align with the new design system. - Deleted unused components to reduce code complexity and improve clarity. * update output.css --------- Co-authored-by: Abdulmuizz Hamzat <103611443+canhamzacode@users.noreply.github.com>
91 lines
3.1 KiB
TypeScript
91 lines
3.1 KiB
TypeScript
import { getSupabase, supabase } from '$lib/utils/functions/supabase';
|
|
|
|
import type { AccountOrg } from '$features/app/types';
|
|
import type { MetaTagsProps } from 'svelte-meta-tags';
|
|
import { PUBLIC_IS_SELFHOSTED } from '$env/static/public';
|
|
import { dev } from '$app/environment';
|
|
import { env } from '$env/dynamic/private';
|
|
import { getOrgSiteInfo } from '$features/app/layout-setup';
|
|
import { redirect } from '@sveltejs/kit';
|
|
|
|
if (!supabase) {
|
|
getSupabase();
|
|
}
|
|
|
|
export const ssr = PUBLIC_IS_SELFHOSTED === 'true' ? false : true;
|
|
|
|
const APP_SUBDOMAINS = env.PRIVATE_APP_SUBDOMAINS?.split(',') || [];
|
|
|
|
interface LoadOutput {
|
|
orgSiteName: string;
|
|
isOrgSite: boolean;
|
|
skipAuth: boolean;
|
|
org: AccountOrg | null;
|
|
baseMetaTags: MetaTagsProps;
|
|
serverLang: string;
|
|
locals: App.Locals;
|
|
}
|
|
|
|
export const load = async ({ url, cookies, request, locals }): Promise<LoadOutput> => {
|
|
const debugPlay = cookies.get('debugPlay');
|
|
|
|
const orgSiteInfo = await getOrgSiteInfo(url, cookies);
|
|
|
|
const response: LoadOutput = {
|
|
orgSiteName: orgSiteInfo.orgSiteName,
|
|
isOrgSite: orgSiteInfo.isOrgSite,
|
|
skipAuth: orgSiteInfo.subdomain === 'play' || debugPlay === 'true',
|
|
org: orgSiteInfo.org,
|
|
baseMetaTags: getBaseMetaTags(url),
|
|
serverLang: request.headers?.get('accept-language') || '',
|
|
locals
|
|
};
|
|
|
|
console.log('PUBLIC_IS_SELFHOSTED', PUBLIC_IS_SELFHOSTED);
|
|
|
|
// If it isn't a registered dashboard domain and also not a valid sub domain.
|
|
if (!APP_SUBDOMAINS.includes(orgSiteInfo.subdomain) && !dev && !orgSiteInfo.isOrgSite) {
|
|
redirect(307, 'https://app.classroomio.com');
|
|
}
|
|
|
|
return response;
|
|
};
|
|
|
|
function getBaseMetaTags(url: URL) {
|
|
return Object.freeze({
|
|
title: 'ClassroomIO | The Open Source Learning Management System for Companies',
|
|
description:
|
|
'A flexible, user-friendly platform for creating, managing, and delivering courses for companies and training organisations',
|
|
canonical: new URL(url.pathname, url.origin).href,
|
|
openGraph: {
|
|
type: 'website',
|
|
url: new URL(url.pathname, url.origin).href,
|
|
locale: 'en_IE',
|
|
title: 'ClassroomIO | The Open Source Learning Management System for Companies',
|
|
description:
|
|
'A flexible, user-friendly platform for creating, managing, and delivering courses for companies and training organisations',
|
|
siteName: 'ClassroomIO',
|
|
images: [
|
|
{
|
|
url: 'https://brand.cdn.clsrio.com/og/classroomio-og.png',
|
|
alt: 'ClassroomIO OG Image',
|
|
width: 1920,
|
|
height: 1080,
|
|
secureUrl: 'https://brand.cdn.clsrio.com/og/classroomio-og.png',
|
|
type: 'image/jpeg'
|
|
}
|
|
]
|
|
},
|
|
twitter: {
|
|
handle: '@classroomio',
|
|
site: '@classroomio',
|
|
cardType: 'summary_large_image' as const,
|
|
title: 'ClassroomIO | The Open Source Learning Management System for Companies',
|
|
description:
|
|
'A flexible, user-friendly platform for creating, managing, and delivering courses for companies and training organisations',
|
|
image: 'https://brand.cdn.clsrio.com/og/classroomio-og.png',
|
|
imageAlt: 'ClassroomIO OG Image'
|
|
}
|
|
});
|
|
}
|