Skip to content

feat: improve examples and move routing logic #31

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 12 commits into from
Jul 1, 2025
Merged

feat: improve examples and move routing logic #31

Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
0e943cc
feat: improve example loading and add more examples
brettkolodny Jun 27, 2025
94361e0
fix: make copy more presentable
brettkolodny Jun 27, 2025
6edd26c
chore: move routing logic and share code loading to the backend
brettkolodny Jun 27, 2025
8fbb7ef
feat: give examples their own url
brettkolodny Jun 30, 2025
99c9cd4
chore: remove connections example
brettkolodny Jun 30, 2025
43ba750
chore: move asset path logic and shared headers into new utils.tsx
brettkolodny Jul 1, 2025
befd0bf
feat: 404 page
brettkolodny Jul 1, 2025
a2743eb
chore: move max code size into top level const
brettkolodny Jul 1, 2025
30e6be8
chore: add external link icons to example links
brettkolodny Jul 1, 2025
bc95498
feat: add query param to auto open examples dropdown
brettkolodny Jul 1, 2025
aa10349
fix: use url sep
brettkolodny Jul 1, 2025
fb9caad
fix: use proper prod asset paths
brettkolodny Jul 1, 2025
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
chore: add external link icons to example links
  • Loading branch information
@brettkolodny
brettkolodny committed Jul 1, 2025
commit 30e6be82b5a05cb33c3634ffa40608deb0ee73c3
15 changes: 10 additions & 5 deletions src/client/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,13 @@ import {
initWasm,
} from "@/utils/wasm";
import isEqual from "lodash/isEqual";
import { MoonIcon, ShareIcon, SunIcon, SunMoonIcon } from "lucide-react";
import {
ExternalLinkIcon,
MoonIcon,
ShareIcon,
SunIcon,
SunMoonIcon,
} from "lucide-react";
import { type FC, useEffect, useMemo, useRef, useState } from "react";
import { useDebouncedValue } from "./hooks/debounce";

Expand All @@ -45,9 +51,7 @@ export const App = () => {
}
return "loading";
});
const [code, setCode] = useState(
window.CODE ?? defaultCode,
);
const [code, setCode] = useState(window.CODE ?? defaultCode);
const [debouncedCode, isDebouncing] = useDebouncedValue(code, 1000);
const [parameterValues, setParameterValues] = useState<
Record<string, string>
Expand Down Expand Up @@ -313,11 +317,12 @@ const ExampleSelector: FC = () => {

<DropdownMenuPortal>
<DropdownMenuContent>
{Object.entries(examples).map(([ slug, title ]) => {
{Object.entries(examples).map(([slug, title]) => {
const href = `${window.location.origin}/parameters/example/${slug}`;
return (
<DropdownMenuItem key={slug} asChild={true}>
<a href={href} target="_blank" rel="noreferrer">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It could be useful to show external link icons when opening external links
<ExternalLinkIcon />
{title}
</a>
</DropdownMenuItem>
Expand Down