@learnmd/default-theme 0.0.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +30 -0
- package/dist/components/Callout.d.ts +10 -0
- package/dist/components/Callout.d.ts.map +1 -0
- package/dist/components/Callout.js +44 -0
- package/dist/components/Callout.js.map +1 -0
- package/dist/components/Callout.test.d.ts +2 -0
- package/dist/components/Callout.test.d.ts.map +1 -0
- package/dist/components/Callout.test.js +24 -0
- package/dist/components/Callout.test.js.map +1 -0
- package/dist/components/CatalogViewer.d.ts +9 -0
- package/dist/components/CatalogViewer.d.ts.map +1 -0
- package/dist/components/CatalogViewer.js +24 -0
- package/dist/components/CatalogViewer.js.map +1 -0
- package/dist/components/CourseViewer.d.ts +11 -0
- package/dist/components/CourseViewer.d.ts.map +1 -0
- package/dist/components/CourseViewer.js +45 -0
- package/dist/components/CourseViewer.js.map +1 -0
- package/dist/components/Gamification.d.ts +32 -0
- package/dist/components/Gamification.d.ts.map +1 -0
- package/dist/components/Gamification.js +27 -0
- package/dist/components/Gamification.js.map +1 -0
- package/dist/components/ImageEmbed.d.ts +23 -0
- package/dist/components/ImageEmbed.d.ts.map +1 -0
- package/dist/components/ImageEmbed.js +39 -0
- package/dist/components/ImageEmbed.js.map +1 -0
- package/dist/components/LanguageSwitcher.d.ts +8 -0
- package/dist/components/LanguageSwitcher.d.ts.map +1 -0
- package/dist/components/LanguageSwitcher.js +61 -0
- package/dist/components/LanguageSwitcher.js.map +1 -0
- package/dist/components/Paragraph.d.ts +8 -0
- package/dist/components/Paragraph.d.ts.map +1 -0
- package/dist/components/Paragraph.js +23 -0
- package/dist/components/Paragraph.js.map +1 -0
- package/dist/components/ProfileViewer.d.ts +2 -0
- package/dist/components/ProfileViewer.d.ts.map +1 -0
- package/dist/components/ProfileViewer.js +31 -0
- package/dist/components/ProfileViewer.js.map +1 -0
- package/dist/components/Progress.d.ts +31 -0
- package/dist/components/Progress.d.ts.map +1 -0
- package/dist/components/Progress.js +41 -0
- package/dist/components/Progress.js.map +1 -0
- package/dist/components/Quiz.d.ts +34 -0
- package/dist/components/Quiz.d.ts.map +1 -0
- package/dist/components/Quiz.js +109 -0
- package/dist/components/Quiz.js.map +1 -0
- package/dist/components/Quiz.test.d.ts +2 -0
- package/dist/components/Quiz.test.d.ts.map +1 -0
- package/dist/components/Quiz.test.js +48 -0
- package/dist/components/Quiz.test.js.map +1 -0
- package/dist/components/Search.d.ts +17 -0
- package/dist/components/Search.d.ts.map +1 -0
- package/dist/components/Search.js +30 -0
- package/dist/components/Search.js.map +1 -0
- package/dist/components/VideoEmbed.d.ts +15 -0
- package/dist/components/VideoEmbed.d.ts.map +1 -0
- package/dist/components/VideoEmbed.js +83 -0
- package/dist/components/VideoEmbed.js.map +1 -0
- package/dist/components/index.d.ts +13 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +13 -0
- package/dist/components/index.js.map +1 -0
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +3 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useI18n.d.ts +11 -0
- package/dist/hooks/useI18n.d.ts.map +1 -0
- package/dist/hooks/useI18n.js +39 -0
- package/dist/hooks/useI18n.js.map +1 -0
- package/dist/hooks/useTheme.d.ts +13 -0
- package/dist/hooks/useTheme.d.ts.map +1 -0
- package/dist/hooks/useTheme.js +49 -0
- package/dist/hooks/useTheme.js.map +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -0
- package/dist/layouts/CourseLayout.d.ts +40 -0
- package/dist/layouts/CourseLayout.d.ts.map +1 -0
- package/dist/layouts/CourseLayout.js +40 -0
- package/dist/layouts/CourseLayout.js.map +1 -0
- package/dist/layouts/MainLayout.d.ts +18 -0
- package/dist/layouts/MainLayout.d.ts.map +1 -0
- package/dist/layouts/MainLayout.js +23 -0
- package/dist/layouts/MainLayout.js.map +1 -0
- package/dist/layouts/index.d.ts +5 -0
- package/dist/layouts/index.d.ts.map +1 -0
- package/dist/layouts/index.js +3 -0
- package/dist/layouts/index.js.map +1 -0
- package/dist/styles/output.css +2586 -0
- package/dist/test/setup.d.ts +2 -0
- package/dist/test/setup.d.ts.map +1 -0
- package/dist/test/setup.js +22 -0
- package/dist/test/setup.js.map +1 -0
- package/package.json +68 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare function getI18n(): import("@learnmd/core").I18nManager;
|
|
2
|
+
export declare function useI18n(): {
|
|
3
|
+
currentLanguage: string;
|
|
4
|
+
availableLanguages: string[];
|
|
5
|
+
setLanguage: (lang: string) => void;
|
|
6
|
+
t: (key: string) => string;
|
|
7
|
+
translate: (key: string) => string;
|
|
8
|
+
i18n: import("@learnmd/core").I18nManager;
|
|
9
|
+
};
|
|
10
|
+
export { getI18n as i18nInstance };
|
|
11
|
+
//# sourceMappingURL=useI18n.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAMA,iBAAS,OAAO,wCAKf;AAED,wBAAgB,OAAO;;;wBAYkB,MAAM;aAMrC,MAAM;qBAAN,MAAM;;EAgBf;AAED,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { useState, useEffect, useCallback } from 'react';
|
|
2
|
+
// @ts-ignore - This will be resolved at runtime
|
|
3
|
+
import { initializeI18n } from '@learnmd/core';
|
|
4
|
+
let i18nInstance = null;
|
|
5
|
+
function getI18n() {
|
|
6
|
+
if (!i18nInstance) {
|
|
7
|
+
i18nInstance = initializeI18n();
|
|
8
|
+
}
|
|
9
|
+
return i18nInstance;
|
|
10
|
+
}
|
|
11
|
+
export function useI18n() {
|
|
12
|
+
const i18n = getI18n();
|
|
13
|
+
const [currentLanguage, setCurrentLanguage] = useState(i18n.currentLanguage);
|
|
14
|
+
const [availableLanguages] = useState(i18n.availableLanguages);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
const unsubscribe = i18n.onLanguageChange((lang) => {
|
|
17
|
+
setCurrentLanguage(lang);
|
|
18
|
+
});
|
|
19
|
+
return unsubscribe;
|
|
20
|
+
}, [i18n]);
|
|
21
|
+
const setLanguage = useCallback((lang) => {
|
|
22
|
+
i18n.setLanguage(lang);
|
|
23
|
+
setCurrentLanguage(lang);
|
|
24
|
+
}, [i18n]);
|
|
25
|
+
const translate = useCallback((key) => {
|
|
26
|
+
return i18n.translate(key);
|
|
27
|
+
}, [i18n]);
|
|
28
|
+
const t = translate;
|
|
29
|
+
return {
|
|
30
|
+
currentLanguage,
|
|
31
|
+
availableLanguages,
|
|
32
|
+
setLanguage,
|
|
33
|
+
t,
|
|
34
|
+
translate,
|
|
35
|
+
i18n,
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
export { getI18n as i18nInstance };
|
|
39
|
+
//# sourceMappingURL=useI18n.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useI18n.js","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzD,gDAAgD;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,IAAI,YAAY,GAA6C,IAAI,CAAC;AAElE,SAAS,OAAO;IACd,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,YAAY,GAAG,cAAc,EAAE,CAAC;IAClC,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,OAAO;IACrB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC7E,MAAM,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAY,EAAE,EAAE;YACzD,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAC/C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,GAAW,EAAE,EAAE;QACd,OAAO,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,CAAC,GAAG,SAAS,CAAC;IAEpB,OAAO;QACL,eAAe;QACf,kBAAkB;QAClB,WAAW;QACX,CAAC;QACD,SAAS;QACT,IAAI;KACL,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
type Theme = 'light' | 'dark' | 'system';
|
|
3
|
+
interface ThemeContextType {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
setTheme: (theme: Theme) => void;
|
|
6
|
+
resolvedTheme: 'light' | 'dark';
|
|
7
|
+
}
|
|
8
|
+
export declare function ThemeProvider({ children }: {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function useTheme(): ThemeContextType;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9F,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEzC,UAAU,gBAAgB;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;CACjC;AASD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CA2ClE;AAED,wBAAgB,QAAQ,IAAI,gBAAgB,CAM3C"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createContext, useContext, useState, useEffect } from 'react';
|
|
3
|
+
const ThemeContext = createContext(undefined);
|
|
4
|
+
function getSystemTheme() {
|
|
5
|
+
if (typeof window === 'undefined')
|
|
6
|
+
return 'light';
|
|
7
|
+
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
|
8
|
+
}
|
|
9
|
+
export function ThemeProvider({ children }) {
|
|
10
|
+
const [theme, setThemeState] = useState(() => {
|
|
11
|
+
if (typeof window === 'undefined')
|
|
12
|
+
return 'system';
|
|
13
|
+
return localStorage.getItem('learnmd-theme') || 'system';
|
|
14
|
+
});
|
|
15
|
+
const [resolvedTheme, setResolvedTheme] = useState(() => getSystemTheme());
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
18
|
+
const handleChange = () => {
|
|
19
|
+
if (theme === 'system') {
|
|
20
|
+
setResolvedTheme(getSystemTheme());
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
mediaQuery.addEventListener('change', handleChange);
|
|
24
|
+
return () => mediaQuery.removeEventListener('change', handleChange);
|
|
25
|
+
}, [theme]);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
const resolved = theme === 'system' ? getSystemTheme() : theme;
|
|
28
|
+
setResolvedTheme(resolved);
|
|
29
|
+
if (theme === 'dark' || (theme === 'system' && resolved === 'dark')) {
|
|
30
|
+
document.documentElement.classList.add('dark');
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
document.documentElement.classList.remove('dark');
|
|
34
|
+
}
|
|
35
|
+
localStorage.setItem('learnmd-theme', theme);
|
|
36
|
+
}, [theme]);
|
|
37
|
+
const setTheme = (newTheme) => {
|
|
38
|
+
setThemeState(newTheme);
|
|
39
|
+
};
|
|
40
|
+
return (_jsx(ThemeContext.Provider, { value: { theme, setTheme, resolvedTheme }, children: children }));
|
|
41
|
+
}
|
|
42
|
+
export function useTheme() {
|
|
43
|
+
const context = useContext(ThemeContext);
|
|
44
|
+
if (!context) {
|
|
45
|
+
throw new Error('useTheme must be used within a ThemeProvider');
|
|
46
|
+
}
|
|
47
|
+
return context;
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=useTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAU9F,MAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE5E,SAAS,cAAc;IACrB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,OAAO,CAAC;IAClD,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACtF,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAA2B;IACjE,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAQ,GAAG,EAAE;QAClD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,QAAQ,CAAC;QACnD,OAAQ,YAAY,CAAC,OAAO,CAAC,eAAe,CAAW,IAAI,QAAQ,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAmB,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;IAE7F,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAErE,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACvB,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CAAC;QAEF,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/D,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAE3B,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,QAAQ,KAAK,MAAM,CAAC,EAAE,CAAC;YACpE,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACpD,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,QAAQ,GAAG,CAAC,QAAe,EAAE,EAAE;QACnC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,YAC7D,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAE1B,eAAO,MAAM,OAAO,UAAU,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAE1B,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
export interface NavigationItem {
|
|
3
|
+
type: 'module' | 'lesson';
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
slug?: string;
|
|
7
|
+
moduleId?: string;
|
|
8
|
+
completed?: boolean;
|
|
9
|
+
active?: boolean;
|
|
10
|
+
children?: NavigationItem[];
|
|
11
|
+
}
|
|
12
|
+
export interface CourseLayoutProps {
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
courseTitle: string;
|
|
15
|
+
navigation: NavigationItem[];
|
|
16
|
+
currentLessonSlug?: string;
|
|
17
|
+
completedLessons: string[];
|
|
18
|
+
progress: number;
|
|
19
|
+
onNavigate: (lessonSlug: string) => void;
|
|
20
|
+
sidebarCollapsible?: boolean;
|
|
21
|
+
showProgress?: boolean;
|
|
22
|
+
showNavigation?: boolean;
|
|
23
|
+
footer?: ReactNode;
|
|
24
|
+
}
|
|
25
|
+
export declare function CourseLayout({ children, courseTitle, navigation, currentLessonSlug, completedLessons, progress, onNavigate, sidebarCollapsible, showProgress, showNavigation, footer, }: CourseLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export interface LessonNavigationProps {
|
|
27
|
+
previousLesson?: {
|
|
28
|
+
slug: string;
|
|
29
|
+
title: string;
|
|
30
|
+
};
|
|
31
|
+
nextLesson?: {
|
|
32
|
+
slug: string;
|
|
33
|
+
title: string;
|
|
34
|
+
};
|
|
35
|
+
onPrevious?: () => void;
|
|
36
|
+
onNext?: () => void;
|
|
37
|
+
}
|
|
38
|
+
export declare function LessonNavigation({ previousLesson, nextLesson, onPrevious, onNext, }: LessonNavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
export default CourseLayout;
|
|
40
|
+
//# sourceMappingURL=CourseLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CourseLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/CourseLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAIxD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AA2BD,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,kBAAyB,EACzB,YAAmB,EACnB,cAAqB,EACrB,MAAM,GACP,EAAE,iBAAiB,2CAkGnB;AA+DD,MAAM,WAAW,qBAAqB;IACpC,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,cAAc,EACd,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE,qBAAqB,2CAoCvB;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Progress } from '../components';
|
|
4
|
+
import { useTheme } from '../hooks';
|
|
5
|
+
function ThemeToggle() {
|
|
6
|
+
const { resolvedTheme, setTheme } = useTheme();
|
|
7
|
+
const isDark = resolvedTheme === 'dark';
|
|
8
|
+
return (_jsx("button", { onClick: () => setTheme(isDark ? 'light' : 'dark'), className: "p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors", "aria-label": "Toggle Dark Mode", children: isDark ? (
|
|
9
|
+
// Sun Icon
|
|
10
|
+
_jsx("svg", { className: "w-5 h-5 text-yellow-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) })) : (
|
|
11
|
+
// Moon Icon
|
|
12
|
+
_jsx("svg", { className: "w-5 h-5 text-slate-700", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) })) }));
|
|
13
|
+
}
|
|
14
|
+
export function CourseLayout({ children, courseTitle, navigation, currentLessonSlug, completedLessons, progress, onNavigate, sidebarCollapsible = true, showProgress = true, showNavigation = true, footer, }) {
|
|
15
|
+
const [isSidebarOpen, setIsSidebarOpen] = useState(true);
|
|
16
|
+
const [expandedModules, setExpandedModules] = useState(new Set(navigation.map((m) => m.id)));
|
|
17
|
+
const toggleModule = (moduleId) => {
|
|
18
|
+
setExpandedModules((prev) => {
|
|
19
|
+
const next = new Set(prev);
|
|
20
|
+
if (next.has(moduleId)) {
|
|
21
|
+
next.delete(moduleId);
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
next.add(moduleId);
|
|
25
|
+
}
|
|
26
|
+
return next;
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
return (_jsxs("div", { className: "flex flex-col min-h-screen font-sans bg-white dark:bg-[#1b1b1d] text-slate-900 dark:text-gray-200 transition-colors duration-200", children: [_jsx("header", { className: "sticky top-0 z-40 bg-white dark:bg-[#242526] shadow-sm border-b border-gray-200 dark:border-gray-800 transition-colors duration-200", children: _jsxs("div", { className: "flex items-center justify-between px-6 h-16", children: [_jsxs("div", { className: "flex items-center gap-4", children: [sidebarCollapsible && (_jsx("button", { onClick: () => setIsSidebarOpen(!isSidebarOpen), className: "xl:hidden p-2 -ml-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800", children: _jsx("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }) }) })), _jsxs("a", { href: "/", className: "flex items-center gap-2", children: [_jsx("svg", { className: "w-8 h-8 text-emerald-600 dark:text-emerald-400", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" }) }), _jsx("h1", { className: "text-xl font-bold tracking-tight text-slate-900 dark:text-white truncate", children: courseTitle })] })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "hidden md:flex items-center bg-gray-100 dark:bg-gray-800 px-3 py-1.5 rounded-md text-sm text-gray-500 dark:text-gray-400", children: [_jsx("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), "Search... ", _jsx("span", { className: "ml-8 border border-gray-300 dark:border-gray-600 rounded px-1 text-xs", children: "Ctrl+K" })] }), showProgress && (_jsxs("div", { className: "hidden lg:flex items-center gap-3 w-48 border-l border-gray-200 dark:border-gray-700 pl-4", children: [_jsx(Progress, { value: progress, size: "sm" }), _jsxs("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: [Math.round(progress), "%"] })] })), _jsx(ThemeToggle, {})] })] }) }), _jsxs("div", { className: "flex flex-1 overflow-hidden", children: [showNavigation && (_jsx("aside", { className: `${isSidebarOpen ? 'w-72 translate-x-0' : 'w-0 -translate-x-full'} fixed inset-y-0 left-0 z-30 mt-16 xl:static xl:mt-0 flex-shrink-0 overflow-y-auto bg-[#f5f6f7] dark:bg-[#1c1e21] border-r border-gray-200 dark:border-gray-800 transition-all duration-300`, children: _jsx("nav", { className: "p-4 space-y-1", children: navigation.map((module) => (_jsx(ModuleItem, { module: module, isExpanded: expandedModules.has(module.id), currentLessonSlug: currentLessonSlug, completedLessons: completedLessons, onToggle: () => toggleModule(module.id), onNavigate: onNavigate }, module.id))) }) })), _jsx("main", { className: "flex-1 overflow-y-auto w-full", children: _jsxs("div", { className: "max-w-[800px] mx-auto px-6 py-10 lg:px-12 lg:py-16", children: [children, footer && (_jsx("div", { className: "mt-16", children: footer }))] }) })] })] }));
|
|
30
|
+
}
|
|
31
|
+
function ModuleItem({ module, isExpanded, currentLessonSlug, completedLessons, onToggle, onNavigate, }) {
|
|
32
|
+
return (_jsxs("div", { className: "mb-4", children: [_jsxs("button", { onClick: onToggle, className: "w-full flex items-center justify-between px-3 py-2 text-sm font-bold text-slate-900 dark:text-gray-100 uppercase tracking-wider hover:bg-gray-200 dark:hover:bg-gray-800 rounded-md transition-colors", children: [_jsx("span", { className: "truncate", children: module.title }), _jsx("svg", { className: `w-4 h-4 transition-transform duration-200 ${isExpanded ? 'rotate-90' : ''}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) })] }), isExpanded && module.children && module.children.length > 0 && (_jsx("ul", { className: "mt-2 space-y-1 border-l border-gray-200 dark:border-gray-700 ml-4 pl-1", children: module.children.map((lesson) => (_jsx("li", { children: _jsxs("button", { onClick: () => lesson.slug && onNavigate(lesson.slug), className: `w-full flex items-center gap-3 px-3 py-2 text-sm rounded-md transition-colors ${currentLessonSlug === lesson.id
|
|
33
|
+
? 'bg-emerald-50 dark:bg-emerald-900/30 text-emerald-600 dark:text-emerald-400 font-semibold'
|
|
34
|
+
: 'text-slate-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-slate-900 dark:hover:text-gray-100'}`, children: [completedLessons.includes(lesson.id) ? (_jsx("svg", { className: "w-4 h-4 flex-shrink-0 text-emerald-500", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) })) : (_jsx("div", { className: `w-1.5 h-1.5 rounded-full flex-shrink-0 ml-1.5 ${currentLessonSlug === lesson.id ? 'bg-emerald-500' : 'bg-gray-300 dark:bg-gray-600'}` })), _jsx("span", { className: "truncate text-left", children: lesson.title })] }) }, lesson.id))) }))] }));
|
|
35
|
+
}
|
|
36
|
+
export function LessonNavigation({ previousLesson, nextLesson, onPrevious, onNext, }) {
|
|
37
|
+
return (_jsxs("nav", { className: "grid grid-cols-2 gap-4 py-8 mt-12 mb-8 border-t border-gray-200 dark:border-gray-800", children: [previousLesson ? (_jsxs("button", { onClick: onPrevious, className: "flex flex-col items-start px-6 py-4 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-emerald-500 dark:hover:border-emerald-500 hover:shadow-md transition-all group text-left", children: [_jsx("span", { className: "text-xs font-semibold text-gray-500 dark:text-gray-400 group-hover:text-emerald-500 transition-colors uppercase tracking-wider mb-1", children: "\u00AB Previous" }), _jsx("span", { className: "text-lg font-medium text-emerald-600 dark:text-emerald-400 group-hover:text-emerald-700 transition-colors", children: previousLesson.title })] })) : (_jsx("div", {})), nextLesson ? (_jsxs("button", { onClick: onNext, className: "flex flex-col items-end px-6 py-4 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-emerald-500 dark:hover:border-emerald-500 hover:shadow-md transition-all group text-right", children: [_jsx("span", { className: "text-xs font-semibold text-gray-500 dark:text-gray-400 group-hover:text-emerald-500 transition-colors uppercase tracking-wider mb-1", children: "Next \u00BB" }), _jsx("span", { className: "text-lg font-medium text-emerald-600 dark:text-emerald-400 group-hover:text-emerald-700 transition-colors", children: nextLesson.title })] })) : (_jsx("div", {}))] }));
|
|
38
|
+
}
|
|
39
|
+
export default CourseLayout;
|
|
40
|
+
//# sourceMappingURL=CourseLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CourseLayout.js","sourceRoot":"","sources":["../../src/layouts/CourseLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
export interface LayoutProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function MainLayout({ children }: LayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export interface HeaderProps {
|
|
9
|
+
logo?: ReactNode;
|
|
10
|
+
title?: string;
|
|
11
|
+
showThemeToggle?: boolean;
|
|
12
|
+
showSearch?: boolean;
|
|
13
|
+
showLanguageSwitcher?: boolean;
|
|
14
|
+
actions?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare function Header({ logo, title, showThemeToggle, showLanguageSwitcher, actions, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default MainLayout;
|
|
18
|
+
//# sourceMappingURL=MainLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MainLayout.d.ts","sourceRoot":"","sources":["../../src/layouts/MainLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAMnD;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,eAAsB,EACtB,oBAA4B,EAC5B,OAAO,GACR,EAAE,WAAW,2CA4Db;AA2CD,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { ThemeProvider, useTheme } from '../hooks';
|
|
4
|
+
export function MainLayout({ children }) {
|
|
5
|
+
return (_jsx(ThemeProvider, { children: _jsx("div", { className: "min-h-screen bg-[rgb(var(--bg-primary))]", children: children }) }));
|
|
6
|
+
}
|
|
7
|
+
export function Header({ logo, title, showThemeToggle = true, showLanguageSwitcher = false, actions, }) {
|
|
8
|
+
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
|
|
9
|
+
return (_jsxs("header", { className: "sticky top-0 z-40 bg-[rgb(var(--bg-primary))]/95 backdrop-blur border-b border-[rgb(var(--border-color))]", children: [_jsx("div", { className: "container mx-auto px-4", children: _jsxs("div", { className: "flex items-center justify-between h-16", children: [_jsxs("div", { className: "flex items-center gap-4", children: [logo || (_jsxs("a", { href: "/", className: "flex items-center gap-2", children: [_jsx("span", { className: "text-2xl", children: "\uD83D\uDCDA" }), _jsx("span", { className: "font-bold text-xl", children: "LearnMD" })] })), title && (_jsxs("span", { className: "hidden md:block text-[rgb(var(--text-secondary))]", children: ["/ ", title] }))] }), _jsxs("div", { className: "flex items-center gap-4", children: [actions, showLanguageSwitcher && (_jsx("div", { className: "hidden md:block" })), showThemeToggle && _jsx(ThemeToggle, {}), _jsx("button", { className: "md:hidden p-2", onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen), children: _jsx("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: isMobileMenuOpen ? (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })) : (_jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })) }) })] })] }) }), isMobileMenuOpen && (_jsx("div", { className: "md:hidden border-t border-[rgb(var(--border-color))]", children: _jsx("nav", { className: "px-4 py-4 space-y-2" }) }))] }));
|
|
10
|
+
}
|
|
11
|
+
function ThemeToggle() {
|
|
12
|
+
const [mounted, setMounted] = useState(false);
|
|
13
|
+
const { setTheme, resolvedTheme } = useTheme();
|
|
14
|
+
React.useEffect(() => {
|
|
15
|
+
setMounted(true);
|
|
16
|
+
}, []);
|
|
17
|
+
if (!mounted) {
|
|
18
|
+
return _jsx("div", { className: "w-10 h-10" });
|
|
19
|
+
}
|
|
20
|
+
return (_jsx("button", { onClick: () => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark'), className: "p-2 rounded-lg hover:bg-[rgb(var(--bg-tertiary))] transition-colors", title: `Switch to ${resolvedTheme === 'dark' ? 'light' : 'dark'} mode`, children: resolvedTheme === 'dark' ? (_jsx("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) })) : (_jsx("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) })) }));
|
|
21
|
+
}
|
|
22
|
+
export default MainLayout;
|
|
23
|
+
//# sourceMappingURL=MainLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MainLayout.js","sourceRoot":"","sources":["../../src/layouts/MainLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { MainLayout, Header } from './MainLayout';
|
|
2
|
+
export type { LayoutProps, HeaderProps } from './MainLayout';
|
|
3
|
+
export { CourseLayout, LessonNavigation } from './CourseLayout';
|
|
4
|
+
export type { CourseLayoutProps, LessonNavigationProps } from './CourseLayout';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}
|