%sveltekit.body%
10 |
11 |
12 |
--------------------------------------------------------------------------------
/src/lib/components/ui/breadcrumb/index.ts:
--------------------------------------------------------------------------------
1 | import Root from './breadcrumb.svelte';
2 | import Item from './breadcrumb-item.svelte';
3 | import Separator from './breadcrumb-separator.svelte';
4 |
5 | export {
6 | Root,
7 | Item,
8 | Separator,
9 | //
10 | Root as Breadcrumb,
11 | Item as BreadcrumbItem,
12 | Separator as BreadcrumbSeparator
13 | };
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/resizable/index.ts:
--------------------------------------------------------------------------------
1 | import { Pane } from 'paneforge';
2 | import Handle from './resizable-handle.svelte';
3 | import PaneGroup from './resizable-pane-group.svelte';
4 |
5 | export {
6 | PaneGroup,
7 | Pane,
8 | Handle,
9 | //
10 | PaneGroup as ResizablePaneGroup,
11 | Pane as ResizablePane,
12 | Handle as ResizableHandle
13 | };
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/popover/index.ts:
--------------------------------------------------------------------------------
1 | import { Popover as PopoverPrimitive } from 'bits-ui';
2 | import Content from './popover-content.svelte';
3 | const Root = PopoverPrimitive.Root;
4 | const Trigger = PopoverPrimitive.Trigger;
5 |
6 | export {
7 | Root,
8 | Content,
9 | Trigger,
10 | //
11 | Root as Popover,
12 | Content as PopoverContent,
13 | Trigger as PopoverTrigger
14 | };
15 |
--------------------------------------------------------------------------------
/src/lib/components/ui/tooltip/index.ts:
--------------------------------------------------------------------------------
1 | import { Tooltip as TooltipPrimitive } from 'bits-ui';
2 | import Content from './tooltip-content.svelte';
3 |
4 | const Root = TooltipPrimitive.Root;
5 | const Trigger = TooltipPrimitive.Trigger;
6 |
7 | export {
8 | Root,
9 | Trigger,
10 | Content,
11 | //
12 | Root as Tooltip,
13 | Content as TooltipContent,
14 | Trigger as TooltipTrigger
15 | };
16 |
--------------------------------------------------------------------------------
/src/lib/constants/breakpoints/breakpoints.constant.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Defines the breakpoints map.
3 | * The keys represent the breakpoint names, and the values represent the breakpoint sizes.
4 | */
5 | export const BREAKPOINTS = {
6 | sm: 640,
7 | md: 768,
8 | lg: 1024,
9 | xl: 1280
10 | } as const satisfies Record
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 |
11 |
13 |
--------------------------------------------------------------------------------
/src/lib/components/ui/collapsible/index.ts:
--------------------------------------------------------------------------------
1 | import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
2 | import Content from './collapsible-content.svelte';
3 |
4 | const Root = CollapsiblePrimitive.Root;
5 | const Trigger = CollapsiblePrimitive.Trigger;
6 |
7 | export {
8 | Root,
9 | Content,
10 | Trigger,
11 | //
12 | Root as Collapsible,
13 | Content as CollapsibleContent,
14 | Trigger as CollapsibleTrigger
15 | };
16 |
--------------------------------------------------------------------------------
/src/lib/components/ui/sidenav/index.ts:
--------------------------------------------------------------------------------
1 | import Root from './sidenav.svelte';
2 | import Content from './sidenav-content.svelte';
3 | import Nav from './sidenav-nav.svelte';
4 | import { Separator } from '$lib/components/ui/separator';
5 |
6 | export {
7 | Root,
8 | Content,
9 | Nav,
10 | Separator,
11 | //
12 | Root as Sidenav,
13 | Content as SidenavContent,
14 | Nav as SidenavNav,
15 | Separator as SidenavSeparator
16 | };
17 |
--------------------------------------------------------------------------------
/src/lib/components/ui/card/card-footer.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/card/card-header.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/select/select-separator.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/card/card-description.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/shortcut/shortcut.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
15 |
17 |
--------------------------------------------------------------------------------
/vite.config.js:
--------------------------------------------------------------------------------
1 | import process from 'node:process';
2 | import { sveltekit } from '@sveltejs/kit/vite';
3 | import { defineConfig } from 'vite';
4 |
5 | const isDev = process.env.NODE_ENV === 'development';
6 |
7 | export default defineConfig({
8 | plugins: [sveltekit()],
9 | optimizeDeps: {
10 | exclude: [
11 | ...(isDev ? ['svelte-codemirror-editor'] : []),
12 | 'codemirror',
13 | '@codemirror/lang-html',
14 | '@codemirror/lang-json'
15 | ]
16 | }
17 | });
18 |
--------------------------------------------------------------------------------
/src/lib/components/ui/center/center.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
17 |
--------------------------------------------------------------------------------
/src/lib/components/ui/context-menu/context-menu-separator.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
17 |
--------------------------------------------------------------------------------
/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
17 |
--------------------------------------------------------------------------------
/src/lib/components/ui/context-menu/context-menu-shortcut.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
14 |
16 |
--------------------------------------------------------------------------------
/src/lib/components/ui/dialog/dialog-description.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
15 |
17 |
--------------------------------------------------------------------------------
/src/lib/components/ui/drawer/drawer-nested.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/components/ui/drawer/drawer-title.svelte:
--------------------------------------------------------------------------------
1 |
11 |
12 |
14 |
16 |
--------------------------------------------------------------------------------
/src/lib/components/ui/breadcrumb/breadcrumb.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/components/ui/alert/alert.svelte:
--------------------------------------------------------------------------------
1 |
14 |
15 |
16 |
18 |
--------------------------------------------------------------------------------
/src/lib/components/ui/shortcut/shortcut-key.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
18 |
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
12 |
19 |
--------------------------------------------------------------------------------
/src/lib/features/rest/components/dialogs/dialog-edit-request/store.ts:
--------------------------------------------------------------------------------
1 | import { writable } from 'svelte/store';
2 | import type { TRESTCollectionInfer } from '$lib/schemas/collection';
3 | import type { TRESTRequestInfer } from '$lib/schemas/rest';
4 |
5 | export type TRequestDialogStore = {
6 | open: boolean;
7 | mode: 'create' | 'edit';
8 | collectionID?: TRESTCollectionInfer['id'];
9 | request?: TRESTRequestInfer;
10 | forceSave?: boolean;
11 | };
12 |
13 | export const dialogEditRequestStore = writable{error}
24 | {/each}
25 |
7 |
8 |
9 | 
17 |
20 | This request does not have a body
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/lib/server/hooks/minify/minify.hook.ts:
--------------------------------------------------------------------------------
1 | import type { Handle } from '@sveltejs/kit';
2 | import { building } from '$app/environment';
3 | import { minify } from '$lib/server/utils/minify';
4 |
5 | /**
6 | * Minify Handle function that transforms the page chunk HTML and returns the minified page.
7 | *
8 | * @param input - The input object.
9 | * @param input.event - The incoming request event.
10 | * @param input.resolve - The function to resolve the request.
11 | * @returns The minified page.
12 | */
13 | export const minifyHandle: Handle = async ({ event, resolve }) => {
14 | const { MODE } = import.meta.env;
15 | if (MODE !== 'production') return resolve(event);
16 |
17 | let page = '';
18 |
19 | return resolve(event, {
20 | transformPageChunk({ html, done }) {
21 | page += html;
22 | if (done) return building ? minify(page) : page;
23 | }
24 | });
25 | };
26 |
--------------------------------------------------------------------------------
/static/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "background_color": "#171717",
3 | "description": "Helps you create requests faster, saving precious time on development",
4 | "display": "standalone",
5 | "icons": [
6 | {
7 | "sizes": "64x64",
8 | "src": "/images/icons/pwa-64x64.png",
9 | "type": "image/png"
10 | },
11 | {
12 | "sizes": "192x192",
13 | "src": "/images/icons/pwa-192x192.png",
14 | "type": "image/png"
15 | },
16 | {
17 | "sizes": "512x512",
18 | "src": "/images/icons/pwa-512x512.png",
19 | "type": "image/png"
20 | },
21 | {
22 | "purpose": "maskable",
23 | "sizes": "512x512",
24 | "src": "/images/icons/maskable-icon-512x512.png",
25 | "type": "image/png"
26 | }
27 | ],
28 | "id": "/?source=pwa",
29 | "name": "Copyscotch",
30 | "short_name": "Copyscotch",
31 | "start_url": "/?source=pwa",
32 | "theme_color": "#181818"
33 | }
34 |
--------------------------------------------------------------------------------
/src/lib/components/ui/tooltip/tooltip-content.svelte:
--------------------------------------------------------------------------------
1 |
16 |
17 |
17 |
27 |
29 |
--------------------------------------------------------------------------------
/src/lib/components/ui/select/index.ts:
--------------------------------------------------------------------------------
1 | import { Select as SelectPrimitive, type Selected } from 'bits-ui';
2 |
3 | import Label from './select-label.svelte';
4 | import Item from './select-item.svelte';
5 | import Content from './select-content.svelte';
6 | import Trigger from './select-trigger.svelte';
7 | import Separator from './select-separator.svelte';
8 |
9 | const Root = SelectPrimitive.Root;
10 | const Group = SelectPrimitive.Group;
11 | const Input = SelectPrimitive.Input;
12 | const Value = SelectPrimitive.Value;
13 |
14 | export {
15 | Root,
16 | Group,
17 | Input,
18 | Label,
19 | Item,
20 | Value,
21 | Content,
22 | Trigger,
23 | Separator,
24 | //
25 | Root as Select,
26 | Group as SelectGroup,
27 | Input as SelectInput,
28 | Label as SelectLabel,
29 | Item as SelectItem,
30 | Value as SelectValue,
31 | Content as SelectContent,
32 | Trigger as SelectTrigger,
33 | Separator as SelectSeparator,
34 | //
35 | type Selected
36 | };
37 |
--------------------------------------------------------------------------------
/src/lib/components/ui/form/form-field.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
20 |
21 |
23 |
25 |
23 |
25 |
25 |
27 |
37 |
39 |
14 | 
20 |
21 |
35 |
--------------------------------------------------------------------------------
/src/lib/components/ui/context-menu/context-menu-checkbox-item.svelte:
--------------------------------------------------------------------------------
1 |
13 |
14 |
20 |
21 | {$page.status}
22 |This page could not be found
23 | 24 |
25 |
29 |
33 |
34 |
14 | Send Request
15 |
16 |
17 |
18 |
28 |
19 | {#each SHORTCUTS.send.modifier as modifier}
20 | {modifier}
21 | {/each}
22 |
23 |
24 | {@html UNICODES[SHORTCUTS.send.key]}
25 |
26 |
27 |
25 |
27 | {/if}
28 |
19 | (value = event.target.value))}
35 | on:mouseover
36 | on:mouseenter
37 | on:mouseleave
38 | on:paste
39 | on:input
40 | {...$$restProps}
41 | />
42 |
43 |
54 |
55 |
--------------------------------------------------------------------------------
/src/lib/components/ui/dropdown-menu/index.ts:
--------------------------------------------------------------------------------
1 | import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
2 | import Item from './dropdown-menu-item.svelte';
3 | import Label from './dropdown-menu-label.svelte';
4 | import Content from './dropdown-menu-content.svelte';
5 | import Shortcut from './dropdown-menu-shortcut.svelte';
6 | import RadioItem from './dropdown-menu-radio-item.svelte';
7 | import Separator from './dropdown-menu-separator.svelte';
8 | import RadioGroup from './dropdown-menu-radio-group.svelte';
9 | import SubContent from './dropdown-menu-sub-content.svelte';
10 | import SubTrigger from './dropdown-menu-sub-trigger.svelte';
11 | import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
12 |
13 | const Sub = DropdownMenuPrimitive.Sub;
14 | const Root = DropdownMenuPrimitive.Root;
15 | const Trigger = DropdownMenuPrimitive.Trigger;
16 | const Group = DropdownMenuPrimitive.Group;
17 |
18 | export {
19 | Sub,
20 | Root,
21 | Item,
22 | Label,
23 | Group,
24 | Trigger,
25 | Content,
26 | Shortcut,
27 | Separator,
28 | RadioItem,
29 | SubContent,
30 | SubTrigger,
31 | RadioGroup,
32 | CheckboxItem,
33 | //
34 | Root as DropdownMenu,
35 | Sub as DropdownMenuSub,
36 | Item as DropdownMenuItem,
37 | Label as DropdownMenuLabel,
38 | Group as DropdownMenuGroup,
39 | Content as DropdownMenuContent,
40 | Trigger as DropdownMenuTrigger,
41 | Shortcut as DropdownMenuShortcut,
42 | RadioItem as DropdownMenuRadioItem,
43 | Separator as DropdownMenuSeparator,
44 | RadioGroup as DropdownMenuRadioGroup,
45 | SubContent as DropdownMenuSubContent,
46 | SubTrigger as DropdownMenuSubTrigger,
47 | CheckboxItem as DropdownMenuCheckboxItem
48 | };
49 |
--------------------------------------------------------------------------------
/src/lib/features/rest/components/trees/tree-select-collection/tree-wrapper/tree-wrapper.component.svelte:
--------------------------------------------------------------------------------
1 |
7 |
8 |
17 |
18 | -
19 | {#each folders as folder (folder.id)}
20 | {@const isEmpty = !folder.folders.length && !folder.requests.length}
21 |
22 |
-
23 |
24 | 44 |-
25 | {#if isEmpty}
26 |
-
27 |
28 |
29 | {:else}
30 | {#if folder.folders.length}
31 | -
32 |
-
38 |
39 |
40 | {/each}
41 | {/if}
42 |
45 | {/each}
46 | -
27 |
-
19 | {#each folders as folder (folder.id)}
20 | {@const isFoldersEmpty = !folder.folders.length}
21 | {@const isRequestsEmpty = !folder.requests.length}
22 | {@const isEntireEmpty = isFoldersEmpty && isRequestsEmpty}
23 |
24 |
-
25 |
26 | 46 |-
27 | {#if isEntireEmpty}
28 |
-
29 |
30 |
31 | {:else}
32 | {#if folder.folders.length}
33 | -
34 |
-
40 |
41 |
42 | {/each}
43 | {/if}
44 |
47 | {/each}
48 | -
29 |
25 |
50 |
--------------------------------------------------------------------------------
/src/lib/components/mode-watcher/without-transition.ts:
--------------------------------------------------------------------------------
1 | // Original Source: https://reemus.dev/article/disable-css-transition-color-scheme-change#heading-ultimate-solution-for-changing-color-scheme-without-transitions
2 |
3 | let timeoutAction: number;
4 | let timeoutEnable: number;
5 |
6 | // Perform a task without any css transitions
7 | // eslint-disable-next-line ts/no-explicit-any
8 | export function withoutTransition(action: () => any) {
9 | if (typeof document === 'undefined') return;
10 | // Clear fallback timeouts
11 | clearTimeout(timeoutAction);
12 | clearTimeout(timeoutEnable);
13 |
14 | // Create style element to disable transitions
15 | const style = document.createElement('style');
16 | const css = document.createTextNode(`* {
17 | -webkit-transition: none !important;
18 | -moz-transition: none !important;
19 | -o-transition: none !important;
20 | -ms-transition: none !important;
21 | transition: none !important;
22 | }`);
23 | style.appendChild(css);
24 |
25 | // Functions to insert and remove style element
26 | const disable = () => document.head.appendChild(style);
27 | const enable = () => document.head.removeChild(style);
28 |
29 | // Best method, getComputedStyle forces browser to repaint
30 | if (typeof window.getComputedStyle !== 'undefined') {
31 | disable();
32 | action();
33 | const _ = window.getComputedStyle(style).opacity;
34 | enable();
35 | return;
36 | }
37 |
38 | // Better method, requestAnimationFrame processes function before next repaint
39 | if (typeof window.requestAnimationFrame !== 'undefined') {
40 | disable();
41 | action();
42 | window.requestAnimationFrame(enable);
43 | return;
44 | }
45 |
46 | // Fallback
47 | disable();
48 | timeoutAction = window.setTimeout(() => {
49 | action();
50 | timeoutEnable = window.setTimeout(enable, 120);
51 | }, 120);
52 | }
53 |
--------------------------------------------------------------------------------
/src/lib/features/rest/views/view-welcome/view-welcome.view.svelte:
--------------------------------------------------------------------------------
1 |
12 |
13 |
16 |
17 |
26 |
27 | Status:
28 |
29 | {result.response.status}
30 | •
31 | {statusCode}
32 |
33 |
34 |
35 |
36 | Time:
37 |
38 | {Math.floor(result.response.time)} ms
39 |
40 |
41 |
42 |
43 | Size:
44 |
45 | {formatBytes(result.response.blob.size, 2)}
46 |
47 |
48 |
49 | tabContext.addTab()}
22 | >
23 |
24 |
30 |
31 |
32 |
49 |
50 |
51 |
--------------------------------------------------------------------------------
/src/lib/features/rest/components/feedbacks/feedback-headers-empty/feedback-headers-empty.component.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
21 |
22 | 
29 |
33 | {#each SELECTED_SHORTCUTS as { label }}
34 | {label}
35 | {/each}
36 |
37 |
38 |
39 | {#each SELECTED_SHORTCUTS as { modifier, key }}
40 |
48 |
41 | {#each modifier as modifier}
42 | {modifier}
43 | {/each}
44 | {key}
45 |
46 | {/each}
47 |
23 |
24 |
25 | 
33 |
36 | This request does not have any headers
37 |
38 |
39 |
40 |
55 |
56 |
--------------------------------------------------------------------------------
/src/lib/features/rest/components/feedbacks/feedback-parameters-empty/feedback-parameters-empty.component.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
22 |
23 |
33 |
41 |
54 |
42 |
52 |
53 |
24 |
25 |
26 | 
32 |
35 | This request does not have any parameters
36 |
37 |
38 |
39 |
54 |
55 |
--------------------------------------------------------------------------------
/src/lib/components/ui/button/index.ts:
--------------------------------------------------------------------------------
1 | import { type VariantProps, tv } from 'tailwind-variants';
2 | import type { Button as ButtonPrimitive } from 'bits-ui';
3 | import Root from './button.svelte';
4 |
5 | const buttonVariants = tv({
6 | base: 'inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
7 | variants: {
8 | variant: {
9 | default: 'bg-primary text-primary-foreground hover:bg-primary/90',
10 | destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
11 | outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
12 | secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
13 | ghost: 'hover:bg-accent hover:text-accent-foreground',
14 | link: 'text-primary underline-offset-4 hover:underline',
15 | text: 'text-muted-foreground hover:text-accent-foreground',
16 | success:
17 | 'bg-emerald-500/10 text-emerald-500 border border-emerald-600/25 hover:bg-emerald-600/20'
18 | },
19 | size: {
20 | default: 'h-10 px-4 py-2',
21 | sm: 'h-9 rounded-md px-3',
22 | lg: 'h-11 rounded-md px-8',
23 | icon: 'h-10 w-10'
24 | }
25 | },
26 | defaultVariants: {
27 | variant: 'default',
28 | size: 'default'
29 | }
30 | });
31 |
32 | type Variant = VariantProps
32 |
40 |
53 |
41 |
51 |
52 |
27 |
28 |
29 | 
37 |
40 | Folder are empty
41 |
42 |
43 |
44 |
59 |
60 |
--------------------------------------------------------------------------------
/src/lib/features/rest/components/tabs/tab-body/tab-body.component.svelte:
--------------------------------------------------------------------------------
1 |
23 |
24 |
39 |
40 |
37 |
45 |
58 |
46 |
56 |
57 |
33 | {#each OPTIONS as option}
34 |
51 | {/each}
52 |
53 |