create-tauri-ui 0.3.0 → 0.3.2

package/templates/sveltekit/src/lib/components/docs/dashboard/DashboardPage.svelte

@@ -10,23 +10,7 @@
   import Search from './Search.svelte';
 </script>
 
-<div class="md:hidden">
-  <img
-    src="/examples/dashboard-light.png"
-    width={1280}
-    height={866}
-    alt="Dashboard"
-    class="block dark:hidden"
-  />
-  <img
-    src="/examples/dashboard-dark.png"
-    width={1280}
-    height={866}
-    alt="Dashboard"
-    class="hidden dark:block"
-  />
-</div>
-<div class="hidden flex-col md:flex">
+<div class="flex-col md:flex">
   <div class="border-b">
     <div class="flex h-16 items-center px-4">
       <MainNav class="mx-6" />

package/templates/sveltekit/src/lib/components/docs/index.ts

@@ -1,23 +1,6 @@
-export { default as Callout } from './Callout.svelte';
-export { default as CodeBlockWrapper } from './CodeBlockWrapper.svelte';
-export { default as ComponentExample } from './ComponentExample.svelte';
-export { default as ComponentSource } from './ComponentSource.svelte';
-export { default as CopyButton } from './CopyButton.svelte';
-export { default as DocsPager } from './DocsPager.svelte';
-export { default as HexToChannels } from './HexToChannels.svelte';
-export { default as ManualInstall } from './ManualInstall.svelte';
-export { default as Metadata } from './Metadata.svelte';
-export { default as SiteFooter } from './SiteFooter.svelte';
-export { default as SiteHeader } from './SiteHeader.svelte';
-export { default as Steps } from './Steps.svelte';
-export { default as TableOfContents } from './TableOfContents.svelte';
-export { default as Tree } from './Tree.svelte';
 export { default as TailwindIndicator } from './TailwindIndicator.svelte';
 
-export * from './examples';
 export * from './icons';
-export * from './page-header';
-export * from './nav';
-export * from './examples-nav';
 export * from './dashboard';
+export * from './examples-nav';
 export * from './light-switch';

package/templates/sveltekit/src/routes/+layout.svelte

@@ -1,46 +1,19 @@
 <script lang="ts">
   import { dev } from '$app/environment';
   import '../styles/globals.css';
+  import { WindowTitlebar } from '@tauri-controls/svelte';
 
-  import {
-    ExamplesNav,
-    Icons,
-    PageHeader,
-    PageHeaderDescription,
-    PageHeaderHeading,
-    TailwindIndicator
-  } from '$components/docs';
-  import { Button } from '$components/ui/button';
+  import { ExamplesNav, TailwindIndicator } from '$components/docs';
   import { cn } from '$lib/utils';
-  import { Maximize, Sailboat, X } from 'lucide-svelte';
+  import { Sailboat } from 'lucide-svelte';
 
   import { onMount } from 'svelte';
-  import Minimize from '$components/docs/icons/Minimize.svelte';
   import LightSwitch from '$components/docs/light-switch/LightSwitch.svelte';
+  import type { WebviewWindow } from '@tauri-apps/plugin-window';
 
-  let appWindow;
-
-  const minimizeWindow = async () => {
-    const { appWindow: windowPlugin } = await import('@tauri-apps/plugin-window');
-    appWindow = windowPlugin;
-    appWindow?.minimize();
-  };
-
-  const maximizeWindow = async () => {
-    const { appWindow: windowPlugin } = await import('@tauri-apps/plugin-window');
-    appWindow = windowPlugin;
-    const isMaximized = await appWindow?.isMaximized();
-
-    if (isMaximized) {
-      appWindow?.unmaximize();
-    } else {
-      appWindow?.maximize();
-    }
-  };
+  let appWindow: WebviewWindow;
 
   const closeWindow = async () => {
-    const { appWindow: windowPlugin } = await import('@tauri-apps/plugin-window');
-    appWindow = windowPlugin;
     appWindow.close();
   };
 
@@ -51,39 +24,15 @@
 </script>
 
 <div class="h-screen overflow-clip">
-  <div data-tauri-drag-region class="ml-2 flex items-center p-1">
-    <Sailboat class="h-5 w-5 " />
+  <WindowTitlebar class="ml-2">
+    <div class="pl-2 flex items-center p-1">
+      <Sailboat class="h-5 w-5 " />
 
-    <ExamplesNav data-tauri-drag-region class="pl-1" />
-    <LightSwitch />
-
-    <div data-tauri-drag-region class="inline-flex h-full justify-end">
-      <Button
-        variant="ghost"
-        class="h-8 focus:outline-none"
-        id="titlebar-minimize"
-        on:click={() => minimizeWindow()}
-      >
-        <Minimize class="h-3 w-3" />
-      </Button>
-      <Button
-        variant="ghost"
-        class="h-8 focus:outline-none"
-        id="titlebar-minimize"
-        on:click={() => maximizeWindow()}
-      >
-        <Maximize class="h-4 w-4" />
-      </Button>
-      <Button
-        variant="ghost"
-        class="h-8 focus:outline-none"
-        id="titlebar-minimize"
-        on:click={() => closeWindow()}
-      >
-        <X class="h-4 w-4" />
-      </Button>
+      <ExamplesNav data-tauri-drag-region class="pl-1" />
+      <LightSwitch />
     </div>
-  </div>
+  </WindowTitlebar>
+
   <div
     class={cn(
       'h-screen overflow-auto border-t bg-background pb-8',

package/templates/sveltekit/src/routes/authentication/+page.svelte

@@ -3,24 +3,8 @@
   import UserAuthForm from './UserAuthForm.svelte';
 </script>
 
-<div class="md:hidden">
-  <img
-    src="/examples/authentication-light.png"
-    width={1280}
-    height={843}
-    alt="Authentication"
-    class="block dark:hidden"
-  />
-  <img
-    src="/examples/authentication-dark.png"
-    width={1280}
-    height={843}
-    alt="Authentication"
-    class="hidden dark:block"
-  />
-</div>
 <div
-  class="container relative hidden h-[800px] flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0"
+  class="container relative h-[800px] flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0"
 >
   <Button
     href="/examples/authentication"
@@ -29,7 +13,7 @@
   >
     Login
   </Button>
-  <div class="relative hidden h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex">
+  <div class="relative h-full flex-col bg-muted p-10 text-white dark:border-r lg:flex">
     <div
       class="absolute inset-0 bg-cover"
       style="

package/templates/sveltekit/src/routes/cards/+page.svelte

@@ -6,25 +6,7 @@
   import DemoPaymentMethod from './PaymentMethod.svelte';
 </script>
 
-<div class="md:hidden">
-  <img
-    src="/examples/cards-light.png"
-    width={1280}
-    height={1214}
-    alt="Cards"
-    class="block dark:hidden"
-  />
-  <img
-    src="/examples/cards-dark.png"
-    width={1280}
-    height={1214}
-    alt="Cards"
-    class="hidden dark:block"
-  />
-</div>
-<div
-  class="hidden items-start justify-center gap-6 rounded-lg p-8 md:grid lg:grid-cols-2 xl:grid-cols-3"
->
+<div class="items-start justify-center gap-6 rounded-lg p-8 md:grid lg:grid-cols-2 xl:grid-cols-3">
   <div class="col-span-3 grid items-start gap-6 lg:col-span-1">
     <DemoContainer>
       <DemoCreateAccount />

package/templates/sveltekit/src-tauri/Cargo.lock

@@ -231,9 +231,12 @@ dependencies = [
 
 [[package]]
 name = "cc"
-version = "1.0.79"
+version = "1.0.81"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "50d30906286121d95be3d479533b458f87493b30a4b5f79a607db8f5d11aa91f"
+checksum = "6c6b2562119bf28c3439f7f02db99faf0aa1a8cdfe5772a2ee155d32227239f0"
+dependencies = [
+ "libc",
+]
 
 [[package]]
 name = "cesu8"
@@ -495,9 +498,9 @@ dependencies = [
 
 [[package]]
 name = "deranged"
-version = "0.3.6"
+version = "0.3.7"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8810e7e2cf385b1e9b50d68264908ec367ba642c96d02edfe61c39e88e2a3c01"
+checksum = "7684a49fb1af197853ef7b2ee694bc1f5b4179556f1e5710e1760c5db6f5e929"
 dependencies = [
  "serde",
 ]
@@ -615,7 +618,7 @@ checksum = "6b30f669a7961ef1631673d2766cc92f52d64f7ef354d4fe0ddfd30ed52f0f4f"
 dependencies = [
  "errno-dragonfly",
  "libc",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -1307,6 +1310,25 @@ version = "2.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "28b29a3cd74f0f4598934efe3aeba42bae0eb4680554128851ebbecb02af14e6"
 
+[[package]]
+name = "is-docker"
+version = "0.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "928bae27f42bc99b60d9ac7334e3a21d10ad8f1835a4e12ec3ec0464765ed1b3"
+dependencies = [
+ "once_cell",
+]
+
+[[package]]
+name = "is-wsl"
+version = "0.4.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "173609498df190136aa7dea1a91db051746d339e18476eed5ca40521f02d7aa5"
+dependencies = [
+ "is-docker",
+ "once_cell",
+]
+
 [[package]]
 name = "itoa"
 version = "0.4.8"
@@ -1418,9 +1440,9 @@ dependencies = [
 
 [[package]]
 name = "linux-raw-sys"
-version = "0.4.3"
+version = "0.4.5"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "09fc20d2ca12cb9f044c93e3bd6d32d523e6e2ec3db4f7b2939cd99026ecd3f0"
+checksum = "57bcfdad1b858c2db7c38303a6d2ad4dfaf5eb53dfeb0910128b2c26d6158503"
 
 [[package]]
 name = "lock_api"
@@ -1536,7 +1558,7 @@ checksum = "927a765cd3fc26206e66b296465fa9d3e5ab003e651c1b3c060e7956d96b19d2"
 dependencies = [
  "libc",
  "wasi 0.11.0+wasi-snapshot-preview1",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -1693,6 +1715,38 @@ version = "1.18.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "dd8b5dd2ae5ed71462c540258bedcb51965123ad7e7ccf4b9a8cafaa4a63576d"
 
+[[package]]
+name = "open"
+version = "4.2.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "3a083c0c7e5e4a8ec4176346cf61f67ac674e8bfb059d9226e1c54a96b377c12"
+dependencies = [
+ "is-wsl",
+ "libc",
+ "pathdiff",
+]
+
+[[package]]
+name = "os_info"
+version = "3.7.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "006e42d5b888366f1880eda20371fedde764ed2213dc8496f49622fa0c99cd5e"
+dependencies = [
+ "log",
+ "serde",
+ "winapi",
+]
+
+[[package]]
+name = "os_pipe"
+version = "1.1.4"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0ae859aa07428ca9a929b936690f8b12dc5f11dd8c6992a18ca93919f28bc177"
+dependencies = [
+ "libc",
+ "windows-sys 0.48.0",
+]
+
 [[package]]
 name = "overload"
 version = "0.1.1"
@@ -1748,6 +1802,12 @@ dependencies = [
  "windows-targets 0.48.1",
 ]
 
+[[package]]
+name = "pathdiff"
+version = "0.2.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8835116a5c179084a830efb3adc117ab007512b535bc1a21c991d3b32a6b44dd"
+
 [[package]]
 name = "percent-encoding"
 version = "2.3.0"
@@ -2189,15 +2249,15 @@ dependencies = [
 
 [[package]]
 name = "rustix"
-version = "0.38.4"
+version = "0.38.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0a962918ea88d644592894bc6dc55acc6c0956488adcebbfb6e273506b7fd6e5"
+checksum = "1ee020b1716f0a80e2ace9b03441a749e402e86712f15f16fe8a8f75afac732f"
 dependencies = [
  "bitflags 2.3.3",
  "errno",
  "libc",
  "linux-raw-sys",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -2270,18 +2330,18 @@ dependencies = [
 
 [[package]]
 name = "serde"
-version = "1.0.179"
+version = "1.0.180"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0a5bf42b8d227d4abf38a1ddb08602e229108a517cd4e5bb28f9c7eaafdce5c0"
+checksum = "0ea67f183f058fe88a4e3ec6e2788e003840893b91bac4559cabedd00863b3ed"
 dependencies = [
  "serde_derive",
 ]
 
 [[package]]
 name = "serde_derive"
-version = "1.0.179"
+version = "1.0.180"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "741e124f5485c7e60c03b043f79f320bff3527f4bbf12cf3831750dc46a0ec2c"
+checksum = "24e744d7782b686ab3b73267ef05697159cc0e5abbed3f47f9933165e5219036"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -2411,6 +2471,16 @@ dependencies = [
  "lazy_static",
 ]
 
+[[package]]
+name = "shared_child"
+version = "1.0.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "b0d94659ad3c2137fef23ae75b03d5241d633f8acded53d672decfa0e6e0caef"
+dependencies = [
+ "libc",
+ "winapi",
+]
+
 [[package]]
 name = "simd-adler32"
 version = "0.3.7"
@@ -2556,6 +2626,16 @@ dependencies = [
  "unicode-ident",
 ]
 
+[[package]]
+name = "sys-locale"
+version = "0.3.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "ea0b9eefabb91675082b41eb94c3ecd91af7656caee3fb4961a07c0ec8c7ca6f"
+dependencies = [
+ "libc",
+ "windows-sys 0.45.0",
+]
+
 [[package]]
 name = "system-deps"
 version = "6.1.1"
@@ -2629,9 +2709,9 @@ dependencies = [
 
 [[package]]
 name = "target-lexicon"
-version = "0.12.10"
+version = "0.12.11"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "1d2faeef5759ab89935255b1a4cd98e0baf99d1085e37d36599c625dac49ae8e"
+checksum = "9d0e916b1148c8e263850e1ebcbd046f333e0683c724876bb0da63ea4373dc8a"
 
 [[package]]
 name = "tauri"
@@ -2726,6 +2806,20 @@ dependencies = [
  "walkdir",
 ]
 
+[[package]]
+name = "tauri-demo"
+version = "0.1.0"
+dependencies = [
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-build",
+ "tauri-plugin-app",
+ "tauri-plugin-os",
+ "tauri-plugin-shell",
+ "tauri-plugin-window",
+]
+
 [[package]]
 name = "tauri-macros"
 version = "2.0.0-alpha.6"
@@ -2740,6 +2834,48 @@ dependencies = [
  "tauri-utils",
 ]
 
+[[package]]
+name = "tauri-plugin-app"
+version = "2.0.0-alpha.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "c88679f65ddc88b5d8b148d7713178a236dcc43d91063688a021d5a4c89ceaea"
+dependencies = [
+ "tauri",
+]
+
+[[package]]
+name = "tauri-plugin-os"
+version = "2.0.0-alpha.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "78c8389ec68b426ff145f9520a718d1dcda4a4147ba4fea98b0dc71127992c10"
+dependencies = [
+ "log",
+ "os_info",
+ "serde",
+ "serde_json",
+ "sys-locale",
+ "tauri",
+ "thiserror",
+]
+
+[[package]]
+name = "tauri-plugin-shell"
+version = "2.0.0-alpha.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "de1809a138afc1806b5b1b7af9469d4e5e119e59b598f014cee090f49909a17f"
+dependencies = [
+ "encoding_rs",
+ "log",
+ "open",
+ "os_pipe",
+ "regex",
+ "serde",
+ "serde_json",
+ "shared_child",
+ "tauri",
+ "thiserror",
+]
+
 [[package]]
 name = "tauri-plugin-window"
 version = "2.0.0-alpha.0"
@@ -2793,17 +2929,6 @@ dependencies = [
  "wry",
 ]
 
-[[package]]
-name = "tauri-ui"
-version = "0.1.0"
-dependencies = [
- "serde",
- "serde_json",
- "tauri",
- "tauri-build",
- "tauri-plugin-window",
-]
-
 [[package]]
 name = "tauri-utils"
 version = "2.0.0-alpha.6"
@@ -2853,7 +2978,7 @@ dependencies = [
  "fastrand",
  "redox_syscall 0.3.5",
  "rustix",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -2905,9 +3030,9 @@ dependencies = [
 
 [[package]]
 name = "time"
-version = "0.3.24"
+version = "0.3.25"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b79eabcd964882a646b3584543ccabeae7869e9ac32a46f6f22b7a5bd405308b"
+checksum = "b0fdd63d58b18d663fbdf70e049f00a22c8e42be082203be7f26589213cd75ea"
 dependencies = [
  "deranged",
  "itoa 1.0.9",
@@ -2960,7 +3085,7 @@ dependencies = [
  "num_cpus",
  "pin-project-lite",
  "socket2",
- "windows-sys",
+ "windows-sys 0.48.0",
 ]
 
 [[package]]
@@ -3483,6 +3608,15 @@ version = "0.44.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ee78911e3f4ce32c1ad9d3c7b0bd95389662ad8d8f1a3155688fed70bd96e2b6"
 
+[[package]]
+name = "windows-sys"
+version = "0.45.0"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "75283be5efb2831d37ea142365f009c02ec203cd29a3ebecbc093d52315b66d0"
+dependencies = [
+ "windows-targets 0.42.2",
+]
+
 [[package]]
 name = "windows-sys"
 version = "0.48.0"
@@ -3614,9 +3748,9 @@ checksum = "1a515f5799fe4961cb532f983ce2b23082366b898e52ffbce459c86f67c8378a"
 
 [[package]]
 name = "winnow"
-version = "0.5.2"
+version = "0.5.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8bd122eb777186e60c3fdf765a58ac76e41c582f1f535fbf3314434c6b58f3f7"
+checksum = "f46aab759304e4d7b2075a9aecba26228bb073ee8c50db796b2c72c676b5d807"
 dependencies = [
  "memchr",
 ]

package/templates/sveltekit/src-tauri/Cargo.toml

@@ -1,5 +1,5 @@
 [package]
-name = "tauri-ui"
+name = "tauri-demo"
 version = "0.1.0"
 description = "A Tauri App"
 authors = ["you"]
@@ -14,9 +14,12 @@ tauri-build = { version = "2.0.0-alpha.6", features = [] }
 
 [dependencies]
 tauri = { version = "2.0.0-alpha.10", features = [] }
-tauri-plugin-window = "2.0.0-alpha"
 serde = { version = "1.0", features = ["derive"] }
 serde_json = "1.0"
+tauri-plugin-app = "2.0.0-alpha"
+tauri-plugin-os = "2.0.0-alpha"
+tauri-plugin-shell = "2.0.0-alpha"
+tauri-plugin-window = "2.0.0-alpha"
 
 [features]
 # by default Tauri runs in production mode

package/templates/sveltekit/src-tauri/src/main.rs

@@ -1,5 +1,8 @@
-// Prevents additional console window on Windows in release, DO NOT REMOVE!!
-#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+// Prevents additional console window on Windows in release
+#![cfg_attr(
+    all(not(debug_assertions), target_os = "windows"),
+    windows_subsystem = "windows"
+)]
 
 // Learn more about Tauri commands at https://tauri.app/v1/guides/features/command
 #[tauri::command]
@@ -10,6 +13,9 @@ fn greet(name: &str) -> String {
 fn main() {
     tauri::Builder::default()
         .invoke_handler(tauri::generate_handler![greet])
+        .plugin(tauri_plugin_app::init())
+        .plugin(tauri_plugin_os::init())
+        .plugin(tauri_plugin_shell::init())
         .plugin(tauri_plugin_window::init())
         .run(tauri::generate_context!())
         .expect("error while running tauri application");

package/templates/sveltekit/src-tauri/tauri.conf.json

@@ -51,20 +51,20 @@
           "scheme": "https",
           "domain": "tauri.localhost",
           "windows": ["main"],
-          "plugins": ["clipboard", "path", "dialog", "fs", "shell", "window", "windows"]
+          "plugins": ["app", "shell", "os", "event", "window"]
         }
       ]
     },
     "windows": [
       {
         "fullscreen": false,
-        "title": "Tauri UI",
+        "title": "Tauri Demo",
         "center": true,
         "resizable": true,
         "decorations": false,
         "transparent": true,
-        "height": 920,
-        "width": 1300
+        "height": 900,
+        "width": 1290
       }
     ]
   }

package/templates/sveltekit/tailwind.config.js

@@ -3,7 +3,10 @@ import { fontFamily } from 'tailwindcss/defaultTheme';
 /** @type {import('tailwindcss').Config} */
 const config = {
   darkMode: ['class'],
-  content: ['./src/**/*.{html,js,svelte,ts}'],
+  content: [
+    './src/**/*.{html,js,svelte,ts}',
+    './node_modules/@tauri-controls/svelte/**/*.{js,svelte,ts}'
+  ],
   theme: {
     container: {
       center: true,

package/templates/sveltekit/vite.config.js

@@ -1,10 +1,12 @@
-import { sveltekit } from "@sveltejs/kit/vite";
-import { defineConfig } from "vite";
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
 
 export default defineConfig({
+  plugins: [sveltekit()],
+  clearScreen: false,
   server: {
     port: 1420,
     strictPort: true
   },
-  plugins: [sveltekit()]
+  envPrefix: ['VITE_', 'TAURI_']
 });