steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-10-14 11:38:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

avoid more dynamic imports

Browse Source
This commit is contained in:
vcoppe
2024-09-24 10:42:15 +02:00
parent 7a72e3d44e
commit 0d4376ee6f
5 changed files with 21 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
website/src/routes/[[language]]/help/+layout.server.ts
View File

@@ -1,28 +0,0 @@
import { guides } from '$lib/components/docs/docs.js';
function getModule(language: string | undefined, guide: string) {
language = language ?? 'en';
let subguide = undefined;
if (guide.includes('/')) {
[guide, subguide] = guide.split('/');
}
return subguide
? import(`./../../../lib/docs/${language}/${guide}/${subguide}.mdx`)
: import(`./../../../lib/docs/${language}/${guide}.mdx`);
}
export async function load({ params }) {
const { language } = params;
const guideTitles: Record<string, string> = {};
for (let guide of Object.keys(guides)) {
guideTitles[guide] = (await getModule(language, guide)).metadata.title;
for (let subguide of guides[guide]) {
guideTitles[`${guide}/${subguide}`] = (await getModule(language, `${guide}/${subguide}`)).metadata.title;
}
}
return {
guideTitles
};
}

29
website/src/routes/[[language]]/help/[...guide]/+page.server.ts
View File

@@ -1,29 +0,0 @@
import { getNextGuide, getPreviousGuide } from "$lib/components/docs/docs";
function getModule(language: string | undefined, guide: string) {
language = language ?? 'en';
let subguide = undefined;
if (guide.includes('/')) {
[guide, subguide] = guide.split('/');
}
return subguide
? import(`./../../../../lib/docs/${language}/${guide}/${subguide}.mdx`)
: import(`./../../../../lib/docs/${language}/${guide}.mdx`);
}
export async function load({ params }) {
const { guide, language } = params;
const previousGuide = getPreviousGuide(guide);
const nextGuide = getNextGuide(guide);
const previousGuideTitle = previousGuide ? (await getModule(language, previousGuide)).metadata.title : undefined;
const nextGuideTitle = nextGuide ? (await getModule(language, nextGuide)).metadata.title : undefined;
return {
previousGuide,
previousGuideTitle,
nextGuide,
nextGuideTitle
};
}

21
website/src/routes/[[language]]/help/[...guide]/+page.svelte
View File

@@ -1,5 +1,6 @@
<script lang="ts">
import { page } from '$app/stores';
import { getNextGuide, getPreviousGuide } from '$lib/components/docs/docs';
import DocsContainer from '$lib/components/docs/DocsContainer.svelte';
import { Button } from '$lib/components/ui/button';
import { getURLForLanguage } from '$lib/utils';
@@ -8,11 +9,11 @@
export let data: {
guideModule: any;
previousGuide: string | undefined;
previousGuideTitle: string | undefined;
nextGuide: string | undefined;
nextGuideTitle: string | undefined;
guideTitles: Record<string, string>;
};
$: previousGuide = getPreviousGuide($page.params.guide);
$: nextGuide = getNextGuide($page.params.guide);
</script>
<div class="markdown flex flex-col gap-3">
@@ -20,23 +21,23 @@
</div>
<div class="flex flex-row flex-wrap gap-3 pt-6">
{#if data.previousGuide}
{#if previousGuide}
<Button
variant="outline"
class="mr-auto"
href={getURLForLanguage($locale, `/help/${data.previousGuide}`)}
href={getURLForLanguage($locale, `/help/${previousGuide}`)}
>
<ChevronLeft size="14" class="mr-1 mt-0.5" />
{data.previousGuideTitle}
{data.guideTitles[previousGuide]}
</Button>
{/if}
{#if data.nextGuide}
{#if nextGuide}
<Button
variant="outline"
class="ml-auto"
href={getURLForLanguage($locale, `/help/${data.nextGuide}`)}
href={getURLForLanguage($locale, `/help/${nextGuide}`)}
>
{data.nextGuideTitle}
{data.guideTitles[nextGuide]}
<ChevronRight size="14" class="ml-1 mt-0.5" />
</Button>
{/if}

3
website/src/routes/[[language]]/help/[...guide]/+page.ts
View File

@@ -9,13 +9,12 @@ function getModule(language: string | undefined, guide: string) {
: import(`./../../../../lib/docs/${language}/${guide}.mdx`);
}
export async function load({ data, params }) {
export async function load({ params }) {
const { guide, language } = params;
const guideModule = await getModule(language, guide);
return {
guideModule,
...data,
};
}