16 |
18 | {#key $page.url.pathname}
19 | %sveltekit.body%
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/paneforge/src/app.pcss:
--------------------------------------------------------------------------------
1 | /* Write your global styles here, in PostCSS syntax */
2 | @tailwind base;
3 | @tailwind components;
4 | @tailwind utilities;
5 |
--------------------------------------------------------------------------------
/packages/paneforge/src/index.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, it, expect } from "vitest";
2 |
3 | describe("sum test", () => {
4 | it("adds 1 + 2 to equal 3", () => {
5 | expect(1 + 2).toBe(3);
6 | });
7 | });
8 |
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/components/ctx.ts:
--------------------------------------------------------------------------------
1 | import { createPaneForge, type CreatePaneForgeProps } from "$lib/internal/paneforge.js";
2 | import { getContext, hasContext, setContext } from "svelte";
3 | import { removeUndefined, getOptionUpdater } from "$lib/internal/utils/index.js";
4 |
5 | const PF_GROUP_CTX = Symbol("PF_GROUP_CTX");
6 |
7 | export function setCtx(props: CreatePaneForgeProps) {
8 | const paneForge = createPaneForge(removeUndefined(props));
9 | const updateOption = getOptionUpdater(paneForge.options);
10 |
11 | const ctxValue = { ...paneForge, updateOption };
12 |
13 | setContext(PF_GROUP_CTX, ctxValue);
14 | return ctxValue;
15 | }
16 |
17 | export function getCtx(componentName: string) {
18 | if (!hasContext(PF_GROUP_CTX)) {
19 | throw new Error(`${componentName} components must be rendered with a
52 |
54 |
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/components/pane-group.ts:
--------------------------------------------------------------------------------
1 | import type { PaneGroupStorage } from "$lib/internal/utils/storage.js";
2 | import { type DragState, type Direction } from "../internal/types.js";
3 | import type { Writable } from "svelte/store";
4 |
5 | export type PaneGroupOnLayout = (layout: number[]) => void;
6 |
7 | export type CommittedValues = {
8 | autoSaveId: string | null;
9 | direction: Direction;
10 | dragState: Writable
95 |
97 |
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/index.ts:
--------------------------------------------------------------------------------
1 | import type { PaneGroupStorage } from "$lib/internal/utils/storage.js";
2 |
3 | export * from "./components/index.js";
4 | export type { PaneGroupStorage };
5 |
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/internal/constants.ts:
--------------------------------------------------------------------------------
1 | export const LOCAL_STORAGE_DEBOUNCE_INTERVAL = 100;
2 | export const PRECISION = 10;
3 |
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/internal/index.ts:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svecosystem/paneforge/afc7a83d428965731a8ab29a1e459b723e2ae6da/packages/paneforge/src/lib/internal/index.ts
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/internal/types.ts:
--------------------------------------------------------------------------------
1 | export type Direction = "horizontal" | "vertical";
2 |
3 | export type PaneOnCollapse = () => void;
4 | export type PaneOnExpand = () => void;
5 | export type PaneOnResize = (size: number, prevSize: number | undefined) => void;
6 |
7 | export type PaneCallbacks = {
8 | onCollapse?: PaneOnCollapse;
9 | onExpand?: PaneOnExpand;
10 | onResize?: PaneOnResize;
11 | };
12 |
13 | export type PaneConstraints = {
14 | collapsedSize?: number | undefined;
15 | collapsible?: boolean | undefined;
16 | defaultSize?: number | undefined;
17 | maxSize?: number | undefined;
18 | minSize?: number | undefined;
19 | };
20 |
21 | export type PaneData = {
22 | callbacks: PaneCallbacks;
23 | constraints: PaneConstraints;
24 | id: string;
25 | idIsFromProps: boolean;
26 | order: number | undefined;
27 | };
28 |
29 | export type DragState = {
30 | dragHandleId: string;
31 | dragHandleRect: DOMRect;
32 | initialCursorPosition: number;
33 | initialLayout: number[];
34 | };
35 |
36 | export type ResizeEvent = KeyboardEvent | MouseEvent | TouchEvent;
37 | export type ResizeHandler = (event: ResizeEvent) => void;
38 |
39 | export type PaneResizeHandleOnDragging = (isDragging: boolean) => void;
40 |
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/internal/utils/aria.ts:
--------------------------------------------------------------------------------
1 | import type { PaneData } from "../types.js";
2 |
3 | /**
4 | * A utility function that calculates the `aria-valuemax`, `aria-valuemin`,
5 | * and `aria-valuenow` values for a pane based on its layout and constraints.
6 | */
7 | export function calculateAriaValues({
8 | layout,
9 | panesArray,
10 | pivotIndices,
11 | }: {
12 | layout: number[];
13 | panesArray: PaneData[];
14 | pivotIndices: number[];
15 | }) {
16 | let currentMinSize = 0;
17 | let currentMaxSize = 100;
18 | let totalMinSize = 0;
19 | let totalMaxSize = 0;
20 |
21 | const firstIndex = pivotIndices[0];
22 |
23 | // A pane's effective min/max sizes also need to account for other pane's sizes.
24 | for (let i = 0; i < panesArray.length; i++) {
25 | const { constraints } = panesArray[i];
26 | const { maxSize = 100, minSize = 0 } = constraints;
27 |
28 | if (i === firstIndex) {
29 | currentMinSize = minSize;
30 | currentMaxSize = maxSize;
31 | } else {
32 | totalMinSize += minSize;
33 | totalMaxSize += maxSize;
34 | }
35 | }
36 |
37 | const valueMax = Math.min(currentMaxSize, 100 - totalMinSize);
38 | const valueMin = Math.max(currentMinSize, 100 - totalMaxSize);
39 |
40 | const valueNow = layout[firstIndex];
41 |
42 | return {
43 | valueMax,
44 | valueMin,
45 | valueNow,
46 | };
47 | }
48 |
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/internal/utils/assert.ts:
--------------------------------------------------------------------------------
1 | export function assert(
2 | // eslint-disable-next-line @typescript-eslint/no-explicit-any
3 | expectedCondition: any,
4 | message: string = "Assertion failed!"
5 | ): asserts expectedCondition {
6 | if (!expectedCondition) {
7 | // eslint-disable-next-line no-console
8 | console.error(message);
9 | throw Error(message);
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/packages/paneforge/src/lib/internal/utils/chain.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * A callback function that takes an array of arguments of type `T` and returns `void`.
3 | * @template T The types of the arguments that the callback function takes.
4 | */
5 | export type Callback
16 |
18 |
19 |
14 |
16 |
17 |
27 |
28 |
29 |
35 |
36 |
37 |
41 |
42 |
43 | %sveltekit.body%
11 |
12 |
13 |
--------------------------------------------------------------------------------
/sites/docs/src/index.test.ts:
--------------------------------------------------------------------------------
1 | import { describe, it, expect } from "vitest";
2 |
3 | describe("sum test", () => {
4 | it("adds 1 + 2 to equal 3", () => {
5 | expect(1 + 2).toBe(3);
6 | });
7 | });
8 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/callout.svelte:
--------------------------------------------------------------------------------
1 |
18 |
19 |
30 |
12 | {#if collapsed}
13 |
21 | {:else}
22 |
30 | {/if}
31 |
32 |
43 | One
44 |
45 |
48 |
50 |
55 | Two
56 |
57 |
60 |
62 |
65 | Three
66 |
67 |
11 |
19 |
27 |
28 |
29 |
33 | One
34 |
35 |
38 |
40 |
44 | Two
45 |
46 |
50 |
52 |
55 | Three
56 |
57 |
14 | Left
15 |
16 |
19 |
21 |
24 | Right
25 |
26 |
12 | Left
13 |
14 |
17 |
19 |
22 | Right
23 |
24 |
9 | One
10 |
11 |
14 |
16 |
21 | Two
22 |
23 |
26 |
28 |
31 | Three
32 |
33 |
9 | Left
10 |
11 |
14 |
16 |
19 | Right
20 |
21 |
7 |
8 |
9 |
13 |
14 |
18 |
19 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/dev/tw-indicator.svelte:
--------------------------------------------------------------------------------
1 |
5 |
6 | {#if dev}
7 |
10 | Top
11 |
12 |
15 |
17 |
20 | Bottom
21 |
22 |
10 |
17 | {/if}
18 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/feature-card.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 | xs
11 | sm
12 | md
13 | lg
14 | xl
15 | 2xl
16 |
11 |
13 |
17 |
12 | {#each iconKeys as icon}
13 |
21 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Callout } from "./callout.svelte";
2 | export { default as Metadata } from "./metadata.svelte";
3 | export { default as CopyCodeButton } from "./copy-code-button.svelte";
4 | export * from "./tabs/index.js";
5 | export { default as Step } from "./step.svelte";
6 | export { default as Steps } from "./steps.svelte";
7 | export { default as IconGrid } from "./icon-grid.svelte";
8 | export { default as LoadingCard } from "./loading-card.svelte";
9 | export { default as ViewExampleCode } from "./view-example-code.svelte";
10 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/footer/footer-icons.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
14 |
19 | {/each}
20 |
15 |
17 | {icon}
18 |
9 |
18 |
28 |
30 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/footer/footer.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
18 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/index.ts:
--------------------------------------------------------------------------------
1 | export * as PageHeader from "./page-header/index.js";
2 | export { default as Footer } from "./footer/footer.svelte";
3 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/mobile-nav/mobile-nav-item.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 | {#if navItem.items.length}
12 | {navItem.title}
13 |-
14 | {#each navItem.items as item}
15 | {@const isActive = isTitleActive(currentPath, item.title)}
16 |
-
17 |
24 | {item.title} 25 | 26 |
27 | {/each}
28 |
25 |
26 |
49 |
27 | Navigation
28 |
47 |
48 |
50 |
60 |
51 |
56 | GitHub
57 |
58 |
59 |
10 |
32 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/navbar/navbar-logo.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
15 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/navbar/navbar-nav.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
30 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/navbar/navbar.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
9 |
13 |
8 |
8 |
10 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/page-header/page-header-tagline.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
23 | {navItem.title} 24 |
25 | {:else} 26 |-
32 |
- 38 | {item.title} 47 | 48 | {/each} 49 |
-
7 | {#each navigation.sidebar as navItem}
8 |
-
9 |
10 |
11 | {/each}
12 |
6 |
13 |
14 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/toc/index.ts:
--------------------------------------------------------------------------------
1 | export { default as TableOfContents } from "./table-of-contents.svelte";
2 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/toc/table-of-contents.svelte:
--------------------------------------------------------------------------------
1 |
22 |
23 | {#if !$page.error && $headingsTree.length}
24 |
25 |
37 |
38 | {/if}
39 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/layout/toc/tree.svelte:
--------------------------------------------------------------------------------
1 |
35 |
36 | -
37 | {#if tree && tree.length}
38 | {#each tree as heading, i (i)}
39 | {@const node = heading.node.innerHTML}
40 | {@const nodeWithoutSpan = node.replace(/
-
42 | 49 | 56 | {@html nodeWithoutSpan} 57 | 58 |59 | 60 | {#if heading.children && heading.children.length} 61 |
70 | {/each}
71 | {/if}
72 |
19 |
21 | 9 |11 | -------------------------------------------------------------------------------- /sites/docs/src/lib/components/markdown/blueprint.svelte: -------------------------------------------------------------------------------- 1 | 26 | 27 | 32 | 33 |10 |
15 |
17 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/markdown/h1.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
11 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/markdown/h2.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
12 |
14 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/markdown/h3.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
12 |
14 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/markdown/h4.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
11 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/markdown/h5.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
11 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/markdown/h6.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
12 |
14 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/markdown/hr.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 | 9 | -------------------------------------------------------------------------------- /sites/docs/src/lib/components/markdown/img.svelte: -------------------------------------------------------------------------------- 1 | 10 | 11 |
-
9 |
9 |
9 |11 |10 |
9 |
10 |
12 |
13 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/markdown/td.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 | -
9 |
9 |
11 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/steps.svelte:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/tabs/index.ts:
--------------------------------------------------------------------------------
1 | import { createContext } from "$lib/utils/contextify";
2 | import type { Writable } from "svelte/store";
3 |
4 | export const [getTabsCtx, setTabsCtx] = createContext<{ items: Writable
12 |
14 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/ui/alert/alert-title.svelte:
--------------------------------------------------------------------------------
1 |
14 |
15 |
16 |
18 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/ui/alert/index.ts:
--------------------------------------------------------------------------------
1 | import { tv, type VariantProps } from "tailwind-variants";
2 |
3 | import Root from "./alert.svelte";
4 | import Description from "./alert-description.svelte";
5 | import Title from "./alert-title.svelte";
6 |
7 | export const alertVariants = tv({
8 | base: "relative w-full rounded-tr-lg rounded-br-lg border-l-4 px-4 [&>svg]:absolute [&>svg]:text-foreground [&>svg]:left-4 [&>svg]:top-6 [&>svg+div]:translate-y-[-3px] pb-4 pt-[22px]",
9 |
10 | variants: {
11 | variant: {
12 | note: "text-foreground [&>svg]:text-sky-800 bg-sky-200 [&>h5]:text-sky-800 border-sky-600 dark:[&>svg]:text-sky-400 dark:bg-sky-500/20 dark:[&>h5]:text-sky-400 dark:border-sky-600",
13 | danger:
14 | "text-foreground [&>svg]:text-red-800 bg-rose-200 [&>h5]:text-red-800 border-rose-600 dark:[&>svg]:text-red-300 dark:bg-rose-500/20 dark:[&>h5]:text-red-300 dark:border-rose-600",
15 | tip: "text-foreground [&>svg]:text-fuchsia-800 bg-fuchsia-200 [&>h5]:text-fuchsia-800 border-fuchsia-600 dark:[&>svg]:text-fuchsia-400 dark:bg-fuchsia-500/20 dark:[&>h5]:text-fuchsia-400 dark:border-fuchsia-600",
16 | warning:
17 | "text-foreground [&>svg]:text-amber-800 bg-amber-200 [&>h5]:text-amber-800 border-amber-600 dark:[&>svg]:text-amber-400 dark:bg-amber-500/20 dark:[&>h5]:text-amber-400 dark:border-amber-600",
18 | },
19 | },
20 | defaultVariants: {
21 | variant: "note",
22 | },
23 | });
24 |
25 | export type Variant = VariantProps
12 |
14 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/ui/card/card-description.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
12 |
14 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/ui/card/card-header.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
14 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/ui/card/card-title.svelte:
--------------------------------------------------------------------------------
1 |
14 |
15 |
15 |
17 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/ui/card/index.ts:
--------------------------------------------------------------------------------
1 | import Root from "./card.svelte";
2 | import Content from "./card-content.svelte";
3 | import Description from "./card-description.svelte";
4 | import Footer from "./card-footer.svelte";
5 | import Header from "./card-header.svelte";
6 | import Title from "./card-title.svelte";
7 |
8 | export {
9 | Root,
10 | Content,
11 | Description,
12 | Footer,
13 | Header,
14 | Title,
15 | //
16 | Root as Card,
17 | Content as CardContent,
18 | Description as CardDescription,
19 | Footer as CardFooter,
20 | Header as CardHeader,
21 | Title as CardTitle,
22 | };
23 |
24 | export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
25 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/components/ui/checkbox/checkbox.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
24 |
25 |
27 |
28 |
37 |
39 |
25 |
27 |
7 | View Example Code
8 |
9 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/config/index.ts:
--------------------------------------------------------------------------------
1 | export * from "./navigation.js";
2 | export * from "./site.js";
3 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/config/site.ts:
--------------------------------------------------------------------------------
1 | export const siteConfig = {
2 | name: "PaneForge",
3 | url: "https://paneforge.com",
4 | description: "Resizable pane components for Svelte and SvelteKit.",
5 | links: {
6 | x: "https://x.com/huntabyte",
7 | github: "https://github.com/svecosystem/paneforge",
8 | releases: "https://github.com/svecosystem/paneforge/releases",
9 | },
10 | author: "Huntabyte",
11 | keywords:
12 | "Svelte resizable panels,svelte panels,svelte panes,paneforge,svelte pane,svelte pane forge,svelte resizable",
13 | ogImage: {
14 | url: "https://paneforge.com/og.png",
15 | width: "1200",
16 | height: "630",
17 | },
18 | license: {
19 | name: "MIT",
20 | url: "https://github.com/svecosystem/paneforge/blob/main/LICENSE",
21 | },
22 | };
23 |
24 | export type SiteConfig = typeof siteConfig;
25 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/icons/github-icon.svelte:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/icons/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ArrowUpRight } from "phosphor-svelte/lib/ArrowUpRight";
2 | export { default as CaretRight } from "phosphor-svelte/lib/CaretRight";
3 | export { default as CaretLeft } from "phosphor-svelte/lib/CaretLeft";
4 | export { default as CaretUp } from "phosphor-svelte/lib/CaretUp";
5 | export { default as CaretDown } from "phosphor-svelte/lib/CaretDown";
6 | export { default as Check } from "phosphor-svelte/lib/Check";
7 | export { default as Circle } from "phosphor-svelte/lib/Circle";
8 | export { default as Code } from "phosphor-svelte/lib/Code";
9 | export { default as CopySimple } from "phosphor-svelte/lib/CopySimple";
10 | export { default as FileHTML } from "phosphor-svelte/lib/FileHtml";
11 | export { default as FileText } from "phosphor-svelte/lib/FileText";
12 | export { default as GitHubIcon } from "./github-icon.svelte";
13 | export { default as Info } from "phosphor-svelte/lib/Info";
14 | export { default as List } from "phosphor-svelte/lib/List";
15 | export { default as MarkdownIcon } from "./markdown-icon.svelte";
16 | export { default as MoonStars } from "phosphor-svelte/lib/MoonStars";
17 | export { default as Plug } from "phosphor-svelte/lib/Plug";
18 | export { default as RocketLaunch } from "phosphor-svelte/lib/RocketLaunch";
19 | export { default as WarningOctagon } from "phosphor-svelte/lib/WarningOctagon";
20 | export { default as Warning } from "phosphor-svelte/lib/Warning";
21 | export { default as XComIcon } from "./xcom-icon.svelte";
22 | export { default as ShadcnIcon } from "./shadcn-icon.svelte";
23 | export { default as Minus } from "phosphor-svelte/lib/Minus";
24 | export { default as PersonArmsSpread } from "phosphor-svelte/lib/PersonArmsSpread";
25 | export { default as Circuitry } from "phosphor-svelte/lib/Circuitry";
26 | export { default as FileTS } from "phosphor-svelte/lib/FileTs";
27 | export { default as UsersThree } from "phosphor-svelte/lib/UsersThree";
28 | export { default as Hammer } from "phosphor-svelte/lib/Hammer";
29 | export { default as Trash } from "phosphor-svelte/lib/Trash";
30 | export { default as Plus } from "phosphor-svelte/lib/Plus";
31 | export { default as SpinnerGap } from "phosphor-svelte/lib/SpinnerGap";
32 | export { default as DotsSixVertical } from "phosphor-svelte/lib/DotsSixVertical";
33 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/icons/markdown-icon.svelte:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/icons/shadcn-icon.svelte:
--------------------------------------------------------------------------------
1 |
24 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/icons/xcom-icon.svelte:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/index.ts:
--------------------------------------------------------------------------------
1 | // place files you want to import through the `$lib` alias in this folder.
2 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/utils/browser.ts:
--------------------------------------------------------------------------------
1 | export const isBrowser = typeof document !== "undefined";
2 |
--------------------------------------------------------------------------------
/sites/docs/src/lib/utils/contextify.ts:
--------------------------------------------------------------------------------
1 | // https://github.com/Hugos68/svelte-contextify
2 | import { getContext, hasContext, setContext } from "svelte";
3 |
4 | export function createContext
17 |
22 |
--------------------------------------------------------------------------------
/sites/docs/src/routes/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from "@sveltejs/kit";
2 | import type { PageLoad } from "./$types.js";
3 |
4 | export const load: PageLoad = async () => {
5 | redirect(303, "/docs");
6 | };
7 |
--------------------------------------------------------------------------------
/sites/docs/src/routes/docs/+layout.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
18 |
20 |
21 |
11 |
15 |
22 |
23 |
--------------------------------------------------------------------------------
/sites/docs/src/routes/docs/+page.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
20 |
22 |
--------------------------------------------------------------------------------
/sites/docs/src/routes/docs/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from "./$types.js";
2 | import { getDoc } from "$lib/utils/docs.js";
3 |
4 | export const load: PageLoad = async () => {
5 | const { component, title, metadata } = await getDoc("index");
6 | return {
7 | component,
8 | title,
9 | metadata,
10 | };
11 | };
12 |
--------------------------------------------------------------------------------
/sites/docs/src/routes/docs/[...slug]/+page.server.ts:
--------------------------------------------------------------------------------
1 | import type { PageServerLoad } from "./$types";
2 |
3 | export const load: PageServerLoad = async (event) => {
4 | let layout = event.cookies.get("PaneForge:layout");
5 | if (layout) {
6 | layout = JSON.parse(layout);
7 | }
8 |
9 | return {
10 | layout,
11 | };
12 | };
13 |
--------------------------------------------------------------------------------
/sites/docs/src/routes/docs/[...slug]/+page.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
20 |
22 |
--------------------------------------------------------------------------------
/sites/docs/src/routes/docs/[...slug]/+page.ts:
--------------------------------------------------------------------------------
1 | import type { PageLoad } from "./$types.js";
2 | import { getDoc } from "$lib/utils/docs.js";
3 |
4 | export const load: PageLoad = async (event) => {
5 | const { component, title, metadata } = await getDoc(event.params.slug);
6 |
7 | return {
8 | component,
9 | title,
10 | description: metadata.description,
11 | metadata,
12 | ...event.data,
13 | };
14 | };
15 |
--------------------------------------------------------------------------------
/sites/docs/src/routes/repro/+page.ts:
--------------------------------------------------------------------------------
1 | import { redirect } from "@sveltejs/kit";
2 | import type { PageLoad } from "./$types";
3 |
4 | export const load: PageLoad = async () => {
5 | redirect(302, "https://stackblitz.com/github/svecosystem/paneforge-reproduction");
6 | };
7 |
--------------------------------------------------------------------------------
/sites/docs/static/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svecosystem/paneforge/afc7a83d428965731a8ab29a1e459b723e2ae6da/sites/docs/static/android-chrome-192x192.png
--------------------------------------------------------------------------------
/sites/docs/static/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svecosystem/paneforge/afc7a83d428965731a8ab29a1e459b723e2ae6da/sites/docs/static/android-chrome-512x512.png
--------------------------------------------------------------------------------
/sites/docs/static/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svecosystem/paneforge/afc7a83d428965731a8ab29a1e459b723e2ae6da/sites/docs/static/apple-touch-icon.png
--------------------------------------------------------------------------------
/sites/docs/static/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svecosystem/paneforge/afc7a83d428965731a8ab29a1e459b723e2ae6da/sites/docs/static/favicon-16x16.png
--------------------------------------------------------------------------------
/sites/docs/static/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svecosystem/paneforge/afc7a83d428965731a8ab29a1e459b723e2ae6da/sites/docs/static/favicon-32x32.png
--------------------------------------------------------------------------------
/sites/docs/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svecosystem/paneforge/afc7a83d428965731a8ab29a1e459b723e2ae6da/sites/docs/static/favicon.ico
--------------------------------------------------------------------------------
/sites/docs/static/og.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/svecosystem/paneforge/afc7a83d428965731a8ab29a1e459b723e2ae6da/sites/docs/static/og.png
--------------------------------------------------------------------------------
/sites/docs/static/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "",
3 | "short_name": "",
4 | "icons": [
5 | { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
6 | { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
7 | ],
8 | "theme_color": "#ffffff",
9 | "background_color": "#ffffff",
10 | "display": "standalone"
11 | }
12 |
--------------------------------------------------------------------------------
/sites/docs/svelte.config.js:
--------------------------------------------------------------------------------
1 | import { mdsx } from "mdsx";
2 | import adapter from "@sveltejs/adapter-cloudflare";
3 | import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
4 | import { mdsxConfig } from "./mdsx.config.js";
5 |
6 | /** @type {import('@sveltejs/kit').Config} */
7 | const config = {
8 | // Consult https://kit.svelte.dev/docs/integrations#preprocessors
9 | // for more information about preprocessors
10 | preprocess: [mdsx(mdsxConfig), vitePreprocess({})],
11 | extensions: [".svelte", ".md"],
12 |
13 | kit: {
14 | // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
15 | // If your environment is not supported or you settled on a specific environment, switch out the adapter.
16 | // See https://kit.svelte.dev/docs/adapters for more information about adapters.
17 | adapter: adapter(),
18 | alias: {
19 | $icons: "src/lib/icons",
20 | },
21 | },
22 | };
23 |
24 | export default config;
25 |
--------------------------------------------------------------------------------
/sites/docs/tailwind.config.js:
--------------------------------------------------------------------------------
1 | import { fontFamily } from "tailwindcss/defaultTheme";
2 | import typography from "@tailwindcss/typography";
3 |
4 | /** @type {import('tailwindcss').Config} */
5 | const config = {
6 | darkMode: ["class"],
7 | content: ["./src/**/*.{html,js,svelte,ts}", "./content/**/*.md"],
8 | safelist: ["dark"],
9 | theme: {
10 | container: {
11 | center: true,
12 | padding: {
13 | DEFAULT: "1rem",
14 | sm: "1.5rem",
15 | lg: "2rem",
16 | },
17 | },
18 | extend: {
19 | colors: {
20 | border: "hsl(var(--border) /