create-tauri-ui 0.3.1 → 0.3.3

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

@@ -1,39 +1,39 @@
-[package]
-name = "tauri-ui"
-version = "0.1.0"
-description = "A Tauri App"
-authors = ["you"]
-license = "MIT"
-repository = ""
-edition = "2021"
-
-# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
-
-[build-dependencies]
-tauri-build = { version = "2.0.0-alpha.6", features = [] }
-
-[dependencies]
-tauri = { version = "2.0.0-alpha.10", features = [] }
-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
-# when `tauri dev` runs it is executed with `cargo run --no-default-features` if `devPath` is an URL
-default = ["custom-protocol"]
-# this feature is used used for production builds where `devPath` points to the filesystem
-# DO NOT remove this
-custom-protocol = ["tauri/custom-protocol"]
-
-# Optimized for bundle size. If you want faster builds comment out/delete this section.
-[profile.release]
-lto = true        # Enable Link Time Optimization
-opt-level = "z"   # Optimize for size.
-codegen-units = 1 # Reduce number of codegen units to increase optimizations.
-panic = "abort"   # Abort on panic
-strip = true      # Automatically strip symbols from the binary.
-debug = false
+[package]
+name = "tauri-ui"
+version = "0.1.0"
+description = "A Tauri App"
+authors = ["you"]
+license = "MIT"
+repository = ""
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[build-dependencies]
+tauri-build = { version = "2.0.0-alpha.6", features = [] }
+
+[dependencies]
+tauri = { version = "2.0.0-alpha.10", features = [] }
+serde = { version = "1.0", features = ["derive"] }
+serde_json = "1.0"
+tauri-plugin-app = "2.0.0-alpha.0"
+tauri-plugin-os = "2.0.0-alpha.0"
+tauri-plugin-shell = "2.0.0-alpha.0"
+tauri-plugin-window = "2.0.0-alpha.0"
+
+[features]
+# by default Tauri runs in production mode
+# when `tauri dev` runs it is executed with `cargo run --no-default-features` if `devPath` is an URL
+default = ["custom-protocol"]
+# this feature is used used for production builds where `devPath` points to the filesystem
+# DO NOT remove this
+custom-protocol = ["tauri/custom-protocol"]
+
+# Optimized for bundle size. If you want faster builds comment out/delete this section.
+[profile.release]
+lto = true        # Enable Link Time Optimization
+opt-level = "z"   # Optimize for size.
+codegen-units = 1 # Reduce number of codegen units to increase optimizations.
+panic = "abort"   # Abort on panic
+strip = true      # Automatically strip symbols from the binary.
+debug = false

package/templates/vite/src-tauri/build.rs

@@ -1,3 +1,3 @@
-fn main() {
-  tauri_build::build()
-}
+fn main() {
+  tauri_build::build()
+}

package/templates/sveltekit/src/content/cli.md

@@ -1,63 +0,0 @@
----
-title: CLI
-description: Use the CLI to add components to your project.
----
-
-## init
-
-Use the `init` command to initialize dependencies for a new project.
-
-The `init` command installs dependencies, adds the `cn` util, configures `tailwind.config.cjs`, and creates CSS variables for the project.
-
-```bash
-npx shadcn-svelte init
-```
-
-## add
-
-Use the `add` command to add components to your project.
-
-The `add` command adds a component to your project and installs all required dependencies.
-
-```bash
-npx shadcn-svelte add [component]
-```
-
-You will be prompted to set an installation path for the component. The default path is `src/lib/components/ui`. The path will be stored in your `svelte.config.js` file and remembered on subsequent component installations.
-
-```js title="svelte.config.js" {17-19}
-const config = {
-  preprocess: [
-    vitePreprocess(),
-    preprocess({
-      postcss: true
-    }),
-    mdsvex(mdsvexOptions)
-  ],
-  extensions: ['.svelte', '.md'],
-  kit: {
-    adapter: adapter(),
-    alias: {
-      $components: 'src/lib/components',
-      '$components/*': 'src/lib/components/*'
-    }
-  },
-  shadcn: {
-    componentPath: './src/lib/components/ui'
-  }
-};
-```
-
-To change the installation path, simply update the `componentPath` value in your `svelte.config.js` file.
-
-### Example
-
-```bash
-npx shadcn-svelte add alert-dialog
-```
-
-You can also run the command without any arguments to view a list of all available components:
-
-```bash
-npx shadcn-svelte add
-```

package/templates/sveltekit/src/content/components/accordion.md

@@ -1,59 +0,0 @@
----
-title: Accordion
-description: A vertically stacked set of interactive headings that each reveal a section of content.
-component: true
-source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/accordion
-radix: https://www.radix-svelte.com/docs/accordion
----
-
-<script>
-    import { AccordionDemo, ComponentExample, ManualInstall } from '$components/docs';
-</script>
-
-<ComponentExample src="src/lib/components/docs/examples/accordion/AccordionDemo.svelte">
-
-<div slot="example" style="max-width: 70%; width: 100%;">
-<AccordionDemo />
-</div>
-
-</ComponentExample>
-
-## Installation
-
-```bash
-npx shadcn-svelte add accordion
-```
-
-<ManualInstall>
-
-1. Install `radix-svelte`:
-
-```bash
-npm install radix-svelte
-```
-
-2. Copy and paste the component source files linked at the top of this page into your project.
-
-</ManualInstall>
-
-## Usage
-
-```svelte
-<script lang="ts">
-  import {
-    Accordion,
-    AccordionContent,
-    AccordionItem,
-    AccordionTrigger
-  } from '$components/ui/accordion';
-</script>
-```
-
-```svelte
-<Accordion type="single" collapsible>
-  <AccordionItem value="item-1">
-    <AccordionTrigger>Is it accessible?</AccordionTrigger>
-    <AccordionContent>Yes. It adheres to the WAI-ARIA design pattern.</AccordionContent>
-  </AccordionItem>
-</Accordion>
-```

package/templates/sveltekit/src/content/components/alert-dialog.md

@@ -1,75 +0,0 @@
----
-title: Alert Dialog
-description: A modal dialog that interrupts the user with important content and expects a response.
-featured: true
-component: true
-source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/alert-dialog
-radix: https://www.radix-svelte.com/docs/alertdialog
----
-
-<script>
-  import { AlertDialogDemo, ComponentExample, ManualInstall } from '$components/docs';
-</script>
-
-<ComponentExample src="src/lib/components/docs/examples/alert-dialog/AlertDialogDemo.svelte">
-
-<div slot="example">
-<AlertDialogDemo />
-</div>
-
-</ComponentExample>
-
-## Installation
-
-```bash
-npx shadcn-svelte add alert-dialog
-```
-
-<ManualInstall>
-
-1. Install `radix-svelte`:
-
-```bash
-npm install radix-svelte
-```
-
-2. Copy and paste the component source files linked at the top of this page into your project.
-
-</ManualInstall>
-
-## Usage
-
-```svelte
-<script lang="ts">
-  import {
-    AlertDialog,
-    AlertDialogAction,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-    AlertDialogTrigger
-  } from '$components/ui/alert-dialog';
-</script>
-```
-
-```svelte
-<AlertDialog>
-  <AlertDialogTrigger>Open</AlertDialogTrigger>
-  <AlertDialogContent>
-    <AlertDialogHeader>
-      <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
-      <AlertDialogDescription>
-        This action cannot be undone. This will permanently delete your account and remove your data
-        from our servers.
-      </AlertDialogDescription>
-    </AlertDialogHeader>
-    <AlertDialogFooter>
-      <AlertDialogCancel>Cancel</AlertDialogCancel>
-      <AlertDialogAction>Continue</AlertDialogAction>
-    </AlertDialogFooter>
-  </AlertDialogContent>
-</AlertDialog>
-```

package/templates/sveltekit/src/content/components/alert.md

@@ -1,67 +0,0 @@
----
-title: Alert
-description: Displays a callout for user attention.
-component: true
-source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/alert
----
-
-<script>
-  import { AlertDemo, AlertDemoDestructive, ComponentExample, ManualInstall } from '$components/docs';
-</script>
-
-<ComponentExample src="src/lib/components/docs/examples/alert/AlertDemo.svelte">
-
-<div slot="example" style="width: 100%;">
-<AlertDemo />
-</div>
-
-</ComponentExample>
-
-## Installation
-
-```bash
-npx shadcn-svelte add alert
-```
-
-<ManualInstall>
-
-1. Copy and paste the component source files linked at the top of this page into your project.
-
-</ManualInstall>
-
-## Usage
-
-```svelte
-<script lang="ts">
-  import { Alert, AlertDescription, AlertTitle } from '$components/ui/alert';
-</script>
-```
-
-```svelte
-<Alert>
-  <AlertTitle>Heads up!</AlertTitle>
-  <AlertDescription>You can add components to your app using the cli.</AlertDescription>
-</Alert>
-```
-
-## Examples
-
-### Default
-
-<ComponentExample src="src/lib/components/docs/examples/alert/AlertDemo.svelte">
-
-<div slot="example" style="width: 100%;">
-<AlertDemo />
-</div>
-
-</ComponentExample>
-
-### Destructive
-
-<ComponentExample src="src/lib/components/docs/examples/alert/AlertDemoDestructive.svelte">
-
-<div slot="example" style="width: 100%;">
-<AlertDemoDestructive />
-</div>
-
-</ComponentExample>

package/templates/sveltekit/src/content/components/aspect-ratio.md

@@ -1,51 +0,0 @@
----
-title: Aspect Ratio
-description: Displays content within a desired ratio.
-component: true
-source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/aspect-ratio
-radix: https://www.radix-svelte.com/docs/aspect-ratio
----
-
-<script>
-  import { AspectRatioDemo, ComponentExample, ManualInstall } from '$components/docs';
-</script>
-
-<ComponentExample src="src/lib/components/docs/examples/aspect-ratio/AspectRatioDemo.svelte">
-
-<div slot="example" style="width: 100%;">
-<AspectRatioDemo />
-</div>
-
-</ComponentExample>
-
-## Installation
-
-```bash
-npx shadcn-svelte add aspect-ratio
-```
-
-<ManualInstall>
-
-1. Install `radix-svelte`:
-
-```bash
-npm install radix-svelte
-```
-
-2. Copy and paste the component source files linked at the top of this page into your project.
-
-</ManualInstall>
-
-## Usage
-
-```svelte
-<script lang="ts">
-  import { AspectRatio } from '$components/ui/aspect-ratio';
-</script>
-```
-
-```svelte
-<AspectRatio ratio={16 / 9} class="bg-muted">
-  <img src="..." alt="..." class="rounded-md object-cover" />
-</AspectRatio>
-```

package/templates/sveltekit/src/content/components/avatar.md

@@ -1,52 +0,0 @@
----
-title: Avatar
-description: An image element with a fallback for representing the user.
-component: true
-source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/avatar
-radix: https://www.radix-svelte.com/docs/avatar
----
-
-<script>
-  import { AvatarDemo, ComponentExample, ManualInstall } from '$lib/components/docs';
-</script>
-
-<ComponentExample src="src/lib/components/docs/examples/avatar/AvatarDemo.svelte">
-
-<div slot="example">
-<AvatarDemo />
-</div>
-
-</ComponentExample>
-
-## Installation
-
-```bash
-npx shadcn-svelte add avatar
-```
-
-<ManualInstall>
-
-1. Install `radix-svelte`:
-
-```bash
-npm install radix-svelte
-```
-
-2. Copy and paste the component source files linked at the top of this page into your project.
-
-</ManualInstall>
-
-## Usage
-
-```svelte
-<script lang="ts">
-  import { Avatar, AvatarFallback, AvatarImage } from '$components/ui/avatar';
-</script>
-```
-
-```svelte
-<Avatar>
-  <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
-  <AvatarFallback>CN</AvatarFallback>
-</Avatar>
-```

package/templates/sveltekit/src/content/components/badge.md

@@ -1,104 +0,0 @@
----
-title: Badge
-description: Displays a badge or a component that looks like a badge.
-component: true
-source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/badge
----
-
-<script>
-  import { BadgeDemo, BadgeDemoDestructive, BadgeDemoOutline, BadgeDemoSecondary, ComponentExample, ManualInstall } from '$lib/components/docs';
-</script>
-
-<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemo.svelte">
-
-<div slot="example">
-<BadgeDemo />
-</div>
-
-</ComponentExample>
-
-## Installation
-
-```bash
-npx shadcn-svelte add badge
-```
-
-<ManualInstall>
-
-1. Copy and paste the component source files linked at the top of this page into your project.
-
-</ManualInstall>
-
-## Usage
-
-```svelte
-<script lang="ts">
-  import { Badge } from '$components/ui/badge';
-</script>
-```
-
-```svelte
-<Badge variant="outline">Badge</Badge>
-```
-
-### Link
-
-You can use the `badgeVariants` helper to create a link that looks like a badge.
-
-```svelte
-<script lang="ts">
-  import { badgeVariants } from '$components/ui/badge';
-</script>
-```
-
-```svelte
-<a href="/dashboard" class={badgeVariants({ variant: 'outline' })}>Badge</a>
-```
-
-## Examples
-
-### Default
-
-<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemo.svelte">
-
-<div slot="example">
-<BadgeDemo />
-</div>
-
-</ComponentExample>
-
----
-
-### Secondary
-
-<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemoSecondary.svelte">
-
-<div slot="example">
-<BadgeDemoSecondary />
-</div>
-
-</ComponentExample>
-
----
-
-### Outline
-
-<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemoOutline.svelte">
-
-<div slot="example">
-<BadgeDemoOutline />
-</div>
-
-</ComponentExample>
-
----
-
-### Destructive
-
-<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemoDestructive.svelte">
-
-<div slot="example">
-<BadgeDemoDestructive />
-</div>
-
-</ComponentExample>