47 |
--------------------------------------------------------------------------------
/apps/tauri-controls-svelte/src/lib/index.ts:
--------------------------------------------------------------------------------
1 | // import "../style.css"
2 | import WindowControls from "$lib/WindowControls.svelte"
3 | import WindowTitlebar from "$lib/WindowTitlebar.svelte"
4 |
5 | export type { WindowControlsProps, WindowTitlebarProps } from "./types"
6 |
7 | export { WindowControls, WindowTitlebar }
8 |
--------------------------------------------------------------------------------
/apps/tauri-controls-svelte/src/lib/types.ts:
--------------------------------------------------------------------------------
1 | import type { HTMLAttributes } from "svelte/elements"
2 |
3 | /**
4 | * Interface for window controls.
5 | * If the `platform` property is not specified, the library will automatically detect
6 | * the operating system the app is running on and display the appropriate elements.
7 | */
8 | export interface WindowControlsProps extends HTMLAttributes {
9 | /**
10 | * Specifies which platform's window controls to display.
11 | * It can be one of "windows", "macos", or "gnome".
12 | * If the `platform` property is not specified, the library will automatically detect
13 | * the operating system the app is running on and display the appropriate elements.
14 | */
15 | platform?: "windows" | "macos" | "gnome"
16 |
17 | /**
18 | * Indicates whether the window controls should be shown or hidden.
19 | * (default: false)
20 | */
21 | hide?: boolean
22 |
23 | /**
24 | * - "display": "display: none;" making them completely invisible and not taking up any space.
25 | * - "visibility": "visibility: hidden;" making them invisible but still occupying the same space.
26 | * (default: "display")
27 | */
28 | hideMethod?: "display" | "visibility"
29 |
30 | /**
31 | * Justify/Snap WindowControls
32 | *
33 | * @default false, (if not defined in WindowTitlebar automatically assigned)
34 | */
35 | justify?: boolean
36 |
37 | /**
38 | * Specifies the Linux desktop environment for which the window controls are intended.
39 | * This property is applicable only when the platform is set to "linux".
40 | * (default: "gnome")
41 | */
42 | // linuxDesktop?: "gnome" | "kde" | "budgie"
43 |
44 | /**
45 | * Indicates whether to prevent the right-click context menu.
46 | * When set to true, it will prevent the default right-click behavior.
47 | * (only in production, default false)
48 | */
49 | // preventRightClickMenu?: "always" | "production"
50 |
51 | /** `data-tauri-drag-region` */
52 | "data-tauri-drag-region"?: boolean
53 | }
54 |
55 | /**
56 | * Interface for titlebar
57 | */
58 | export interface WindowTitlebarProps extends HTMLAttributes {
59 | /**
60 | * The `controlsOrder` property is an optional property used in the `WindowControls` interface.
61 | * It allows you to specify the order in which the window controls should be rendered relative to the children.
62 | * (default: system)
63 | *
64 | * When `controlsOrder` is not specified or set to `system`, the default behavior will be as follows:
65 | * - For platforms other than macOS, the controls will be on the right side of the children.
66 | * - For macOS, the controls will be on the left side of the children (similar to "left" option).
67 | *
68 | * Possible values for `controlsOrder`:
69 | * - "right": The window controls will be rendered to the right of the children.
70 | * - "left": The window controls will be rendered to the left of the children. This order applies only when the platform is macOS (macOS window controls are usually located on the left side of the title bar).
71 | * - "platform": for OS-based positioning specified in `windowControlsProps`
72 | */
73 | controlsOrder?: "right" | "left" | "platform" | "system"
74 |
75 | /**
76 | * `WindowControls` props
77 | */
78 | windowControlsProps?: WindowControlsProps
79 | }
80 |
--------------------------------------------------------------------------------
/apps/tauri-controls-svelte/src/lib/utils/os.ts:
--------------------------------------------------------------------------------
1 | import type { OsType } from "@tauri-apps/plugin-os"
2 |
3 | export let osType: OsType
4 |
5 | if (typeof window !== "undefined") {
6 | import("@tauri-apps/plugin-os").then((module) => {
7 | module.type().then((x) => (osType = x))
8 | })
9 | }
10 |
--------------------------------------------------------------------------------
/apps/tauri-controls-svelte/src/lib/utils/utils.ts:
--------------------------------------------------------------------------------
1 | import { clsx, type ClassValue } from "clsx"
2 | import { twMerge } from "tailwind-merge"
3 |
4 | export function cn(...inputs: ClassValue[]) {
5 | return twMerge(clsx(inputs))
6 | }
7 |
--------------------------------------------------------------------------------
/apps/tauri-controls-svelte/src/lib/utils/window.ts:
--------------------------------------------------------------------------------
1 | import type { Window } from "@tauri-apps/api/window"
2 | import { writable, type Writable, get } from "svelte/store"
3 |
4 | export let appWindow: Writable = writable(undefined);
5 |
6 | export const initializeAppWindow = async () => {
7 | import("@tauri-apps/api").then((mod) => {
8 | appWindow.set(mod.window.getCurrent());
9 | })
10 | }
11 |
12 | export const minimizeWindow = () => {
13 | get(appWindow)?.minimize()
14 | }
15 |
16 | export const maximizeWindow = async () => {
17 | await get(appWindow)?.toggleMaximize()
18 | }
19 |
20 | export const closeWindow = () => {
21 | get(appWindow)?.close()
22 | }
23 |
24 | export const fullscreenWindow = async () => {
25 | const fullscreen = await get(appWindow)?.isFullscreen()
26 |
27 | if (fullscreen) {
28 | await get(appWindow)?.setFullscreen(false)
29 | } else {
30 | await get(appWindow)?.setFullscreen(true)
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/apps/tauri-controls-svelte/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 |
9 |
10 |
11 | Demo-Svelte
12 |
13 |
14 |