• update version for tauri v2 beta #23 (tauri-plugin-window is deprecated #22), thank you @sdvina
• switch default package manager from pnpm to bun

• Remove all Tauri dependencies from the list of dependecies. This will require the user to install these (which were already in the instructions), but allow for more control of a single version of these packages. #20, thanks to @jbolda

• fix: compatibility with the latest Tauri release #14, thanks to @flerouwu
  • tauri v2.0.0-alpha.14

• fix(react,solid): Temporarily disable isWindowMaximized on macOS #10 @allenli178, tauri-apps/tauri#5812 - 532b9a5
• feat: gnome more accurate button spacing and fix icons sizes(svelte, vue) - b47e0f1
  
• feat: macos controls use space instead of mr, px-2 to px-3 - c041424
  
• fix(vue): pass attrs (props) to icons - becc979
• chore: demo-app use space instead of gap, update deps, format code - 0f70dd0

✨ @tauri-controls/vue - @allenli178

Big thanks to @allenli178, tauri-controls is now also available for Vue.js 3.

Check out the pull request here #11 🎉

pnpm add @tauri-controls/vue

<script setup lang="ts">
import { WindowTitlebar } from "@tauri-controls/vue"
</script>

<template>
	<WindowTitlebar>{/* Place your titlebar content here */}</WindowTitlebar>
</template>

🏠 https://www.npmjs.com/package/@tauri-controls/vue

✨ @tauri-controls/solid - @ronanru

A big shoutout to @ronanru, tauri-controls is now also available for Solid.js.

Check out the pull request here #8 🎉

pnpm add @tauri-controls/solid

import { WindowTitlebar } from "@tauri-controls/solid"

function MyTitlebar() {
  return (
    <WindowTitlebar>{/* Place your titlebar content here */}</WindowTitlebar>
  )
}

🏠 https://www.npmjs.com/package/@tauri-controls/solid

Repo Changes:

• Converted the repository to a monorepo using Turborepo. - 81853bb

New Features:

• Svelte/Sveltekit implementation: Tauri Controls is now available for Svelte and Sveltekit projects.
• Add justify option to WindowControls: When set to true, WindowControls will justify/snap within the flexbox container it is placed in.

✨ @tauri-controls/svelte

Tauri Controls has been implemented for Svelte/Sveltekit, you can easily install it for svelte following the same installation steps except the extra tailwind step.

pnpm add @tauri-controls/svelte

<script lang="ts">
  import { WindowTitlebar } from "@tauri-controls/svelte"
</script>

<WindowTitlebar>{/* Place your titlebar content here */}</WindowTitlebar>

Check out the Tauri app demo with pnpm tauri dev: master/apps/tauri-controls-svelte

Footnote

All templates in tauri-ui now contain tauri-controls. https://github.com/agmmnn/tauri-ui/releases/tag/v0.3.0

• more accurate justification/snapping for controls in different scenarios - b8cbde1

• fix osType logic - 5244bbb
• add default value infos to types - 4a7fadb

• add: Support for Next.js #6 1f9dd6c

Dev

• code refactor
  • TauriAppWindowProvider: contexts/plugin-window
• update vite-rollup config

• fix: display of controls is different in macos/safari(13) #5 cd59f8f @reyamir
  • mr used instead of gap (Safari<14.1 doesnt support flex gap: https://www.falldowngoboone.com/blog/the-curious-case-of-flexbox-gap-and-safari/)
  • added also weight values to buttons and icons
• create: main css file with tailwind directives f9db13d
• WindowTitlebar: bg-background, overflow-hidden attributes added. cd59f8f