Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimize Mermaid and blog component loading with lazy imports

Browse Source
This commit is contained in:
Michael Freno
2026-01-04 11:24:14 -05:00
parent 7e89e6dda2
commit 68073b4f17
9 changed files with 3300 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/blog/create/index.tsx
View File

@@ -1,11 +1,13 @@
import { Show } from "solid-js";
import { Show, lazy } from "solid-js";
import { query, redirect } from "@solidjs/router";
import { Title, Meta } from "@solidjs/meta";
import { createAsync } from "@solidjs/router";
import { getEvent } from "vinxi/http";
import PostForm from "~/components/blog/PostForm";
import { Spinner } from "~/components/Spinner";
import "../post.css";
const PostForm = lazy(() => import("~/components/blog/PostForm"));
const getAuthState = query(async () => {
"use server";
const { getPrivilegeLevel, getUserID } = await import("~/server/utils");
@@ -36,7 +38,7 @@ export default function CreatePost() {
content="Create a new blog post with rich text editing, image uploads, and tag management."
/>
<Show when={authState()?.userID}>
<Show when={authState()?.userID} fallback={<Spinner />}>
<PostForm mode="create" userID={authState()!.userID} />
</Show>
</>

5
src/routes/blog/edit/[id].tsx
View File

@@ -1,11 +1,12 @@
import { Show } from "solid-js";
import { Show, lazy } from "solid-js";
import { useParams, query } from "@solidjs/router";
import { Title, Meta } from "@solidjs/meta";
import { createAsync } from "@solidjs/router";
import { getEvent } from "vinxi/http";
import PostForm from "~/components/blog/PostForm";
import "../post.css";
const PostForm = lazy(() => import("~/components/blog/PostForm"));
const getPostForEdit = query(async (id: string) => {
"use server";
const { getPrivilegeLevel, getUserID, ConnectionFactory } =