create-tauri-ui 0.1.4 → 0.2.0

package/templates/next/README.md

@@ -1,88 +1,95 @@
-![tauri-ui](https://github.com/agmmnn/tauri-ui/assets/16024979/28295bae-8a36-4eff-8c33-2ed2bda82d84)
-
-# Tauri UI Template
-
-Tauri UI Template is a starting point for building modern desktop applications with web technologies. Customizable UI components with [shadcn/ui](https://github.com/shadcn/ui), a lightweight and secure desktop app framework [Tauri 2](https://github.com/tauri-apps/tauri), the React-based framework [Next.js 13](https://beta.nextjs.org/docs), the utility-first CSS framework [Tailwind](https://tailwindcss.com/).
-
-> _You can download pre-built final bundles from the [Releases](https://github.com/agmmnn/tauri-ui/releases) section._
-
-## Getting Started
-
-Use [create-tauri-ui](https://github.com/agmmnn/create-tauri-ui) to quickly scaffold a Tauri UI project.
-
-```bash
-pnpm create tauri-ui
-```
-
-Or clone the repository:
-
-```bash
-gh repo clone agmmnn/tauri-ui
-cd tauri-ui
-
-pnpm i
-pnpm tauri dev
-pnpm tauri build
-```
-
-## Features
-
-- Support for dark and light modes
-- Components-based UI design
-- A draggable titlebar with minimize, maximize, and close buttons
-- [Radix UI](https://www.radix-ui.com/) for UI primitives
-- [Lucide Icons](https://lucide.dev/)
-- [Bundle size optimized](https://github.com/johnthagen/min-sized-rust) [`Cargo.toml`](/src-tauri/Cargo.toml) (.msi 2.2mb, .dmg 1.9mb, .deb 2mb)
-- [Tauri GitHub Action](https://github.com/tauri-apps/tauri-action)
-
-![tauri-ui](https://user-images.githubusercontent.com/16024979/232823230-19d22434-8e28-43c2-bb70-e45a2fc2da88.gif)
-
-> _[Next.js](https://nextjs.org/) is used in this template to facilitate quick integration of the [`/examples`](https://github.com/shadcn/ui/tree/main/apps/www/app/examples) directory of shadcn/ui. You can also easily use shadcn/ui with the [React + Vite](https://tauri.app/v1/guides/getting-started/setup/vite/) stack and any [React router library](https://react.libhunt.com/libs/router) (optionally) in Tauri._
-
-## Customization
-
-The template can be customized by editing the following files:
-
-- [src-tauri/tauri.conf.json](src-tauri/tauri.conf.json)
-- [package.json](/package.json)
-- [src-tauri/cargo.toml](src-tauri/Cargo.toml)
-- To change the app icon, update `app-icon.png`, and then run `pnpm tauri icon`. This will automatically generate icon files into _src-tauri/icons_.
-
-## Update Components
-
-Note that **shadcn/ui** [is not a library](https://ui.shadcn.com/docs#faqs), therefore you will need to update the components manually. To do so, you can [download](https://download-directory.github.io/?url=https%3A%2F%2Fgithub.com%2Fshadcn%2Fui%2Ftree%2Fmain%2Fapps%2Fwww%2Fcomponents%2Fui) the _[shadcn/ui/apps/www/components/ui](https://github.com/shadcn/ui/tree/main/apps/www/components/ui)_ directory and paste it into _[src/components/ui](/src/components/ui)_.
-
-## Folder Structure
-
-```js
-.
-├── next-env.d.ts
-├── next.config.js    //nextjs config file https://nextjs.org/docs/pages/api-reference/next-config-js
-├── package.json
-├── postcss.config.js
-├── README.md
-├── public
-├── src               //frontend src:
-│   ├── app           //next.js appdir https://nextjs.org/docs/app/building-your-application/routing
-│   ├── assets
-│   ├── components    //from shadcn/ui
-│   │   └── ui
-│   ├── data
-│   ├── hooks
-│   ├── lib
-│   └── styles
-├── src-tauri         //backend src:
-│   ├── build.rs
-│   ├── Cargo.lock
-│   ├── Cargo.toml    //https://doc.rust-lang.org/cargo/reference/manifest.html
-│   ├── icons         //https://tauri.app/v1/guides/features/icons/
-│   ├── src
-│   └── tauri.conf.json  //tauri config file https://next--tauri.netlify.app/next/api/config
-├── prettier.config.js     //prettier config file https://prettier.io/docs/en/configuration.html
-├── tailwind.config.js     //tailwind config file https://tailwindcss.com/docs/configuration
-└── tsconfig.json          //typescript config file https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
-```
-
-## Recommended IDE Setup
-
-- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
+![tauri-ui](https://github.com/agmmnn/tauri-ui/assets/16024979/28295bae-8a36-4eff-8c33-2ed2bda82d84)
+
+# Tauri UI Template
+
+Tauri UI Template is a starting point for building modern desktop applications with web technologies. Customizable UI components with [shadcn/ui](https://github.com/shadcn/ui), a lightweight and secure desktop app framework [Tauri 2](https://github.com/tauri-apps/tauri), the React-based framework [Next.js 13](https://beta.nextjs.org/docs), the utility-first CSS framework [Tailwind](https://tailwindcss.com/).
+
+> _You can download pre-built final bundles from the [Releases](https://github.com/agmmnn/tauri-ui/releases) section._
+
+## Getting Started
+
+Use [create-tauri-ui](https://github.com/agmmnn/create-tauri-ui) to quickly scaffold a Tauri UI project.
+
+```bash
+pnpm create tauri-ui
+```
+
+![](https://i.imgur.com/ONV0z45.png)
+
+<details> 
+<summary>
+Or clone the repository
+</summary>
+
+```bash
+gh repo clone agmmnn/tauri-ui
+cd tauri-ui
+
+pnpm i
+pnpm tauri dev
+pnpm tauri build
+```
+
+</details>
+
+## Features
+
+- Support for dark and light modes
+- Components-based UI design
+- A draggable titlebar with minimize, maximize, and close buttons
+- [Radix UI](https://www.radix-ui.com/) for UI primitives
+- [Lucide Icons](https://lucide.dev/)
+- [Bundle size optimized](https://github.com/johnthagen/min-sized-rust) [`Cargo.toml`](/src-tauri/Cargo.toml) (.msi 2.2mb, .dmg 1.9mb, .deb 2mb)
+- [Tauri GitHub Action](https://github.com/tauri-apps/tauri-action)
+
+![tauri-ui](https://user-images.githubusercontent.com/16024979/232823230-19d22434-8e28-43c2-bb70-e45a2fc2da88.gif)
+
+> _[Next.js](https://nextjs.org/) is used in this template to facilitate quick integration of the [`/examples`](https://github.com/shadcn/ui/tree/main/apps/www/app/examples) directory of shadcn/ui. You can also easily use shadcn/ui with the [React + Vite](https://tauri.app/v1/guides/getting-started/setup/vite/) stack and any [React router library](https://react.libhunt.com/libs/router) (optionally) in Tauri._
+
+## Customization
+
+The template can be customized by editing the following files:
+
+- [src-tauri/tauri.conf.json](src-tauri/tauri.conf.json)
+- [package.json](/package.json)
+- [src-tauri/cargo.toml](src-tauri/Cargo.toml)
+- To change the app icon, update `app-icon.png`, and then run `pnpm tauri icon`. This will automatically generate icon files into _src-tauri/icons_.
+
+## Update Components
+
+Note that **shadcn/ui** [is not a library](https://ui.shadcn.com/docs#faqs), therefore you will need to update the components manually. To do so, you can [download](https://download-directory.github.io/?url=https%3A%2F%2Fgithub.com%2Fshadcn%2Fui%2Ftree%2Fmain%2Fapps%2Fwww%2Fcomponents%2Fui) the _[shadcn/ui/apps/www/components/ui](https://github.com/shadcn/ui/tree/main/apps/www/components/ui)_ directory and paste it into _[src/components/ui](/src/components/ui)_.
+
+## Folder Structure
+
+```js
+.
+├── next-env.d.ts
+├── next.config.js    //nextjs config file https://nextjs.org/docs/pages/api-reference/next-config-js
+├── package.json
+├── postcss.config.js
+├── README.md
+├── public
+├── src               //frontend src:
+│   ├── app           //next.js appdir https://nextjs.org/docs/app/building-your-application/routing
+│   ├── assets
+│   ├── components    //from shadcn/ui
+│   │   └── ui
+│   ├── data
+│   ├── hooks
+│   ├── lib
+│   └── styles
+├── src-tauri         //backend src:
+│   ├── build.rs
+│   ├── Cargo.lock
+│   ├── Cargo.toml    //https://doc.rust-lang.org/cargo/reference/manifest.html
+│   ├── icons         //https://tauri.app/v1/guides/features/icons/
+│   ├── src
+│   └── tauri.conf.json  //tauri config file https://next--tauri.netlify.app/next/api/config
+├── prettier.config.js     //prettier config file https://prettier.io/docs/en/configuration.html
+├── tailwind.config.js     //tailwind config file https://tailwindcss.com/docs/configuration
+└── tsconfig.json          //typescript config file https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
+```
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)

package/templates/next/components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

package/templates/next/next-env.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package/templates/next/next.config.js

@@ -1,17 +1,14 @@
-/** @type {import('next').NextConfig} */
-
-const nextConfig = {
-  reactStrictMode: true,
-  swcMinify: true,
-  images: {
-    unoptimized: true,
-    domains: ["avatars.githubusercontent.com", "images.unsplash.com"],
-  },
-  experimental: {
-    appDir: true,
-  },
-  output: "export",
-  distDir: "dist",
-}
-
-module.exports = nextConfig
+/** @type {import('next').NextConfig} */
+
+const nextConfig = {
+  reactStrictMode: true,
+  swcMinify: true,
+  images: {
+    unoptimized: true,
+    domains: ["avatars.githubusercontent.com", "images.unsplash.com"],
+  },
+  output: "export",
+  distDir: "dist",
+}
+
+module.exports = nextConfig

package/templates/next/package.json

@@ -1,82 +1,83 @@
-{
-  "name": "tauri-ui",
-  "private": true,
-  "license": "MIT",
-  "version": "0.1.3",
-  "scripts": {
-    "dev": "next dev -p 1420",
-    "build": "next build",
-    "format": "npx prettier --write . --ignore-path .gitignore ",
-    "taze": "taze major -I",
-    "taze:minor": "taze minor -w",
-    "tauri": "tauri"
-  },
-  "dependencies": {
-    "@faker-js/faker": "^8.0.1",
-    "@hookform/resolvers": "^3.1.0",
-    "@radix-ui/react-accessible-icon": "^1.0.3",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-alert-dialog": "^1.0.4",
-    "@radix-ui/react-aspect-ratio": "^1.0.3",
-    "@radix-ui/react-avatar": "^1.0.3",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-context-menu": "^2.1.4",
-    "@radix-ui/react-dialog": "^1.0.4",
-    "@radix-ui/react-dropdown-menu": "^2.0.5",
-    "@radix-ui/react-hover-card": "^1.0.6",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-menubar": "^1.0.3",
-    "@radix-ui/react-navigation-menu": "^1.1.3",
-    "@radix-ui/react-popover": "^1.0.6",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-scroll-area": "^1.0.4",
-    "@radix-ui/react-select": "^1.2.2",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.4",
-    "@radix-ui/react-toggle": "^1.0.3",
-    "@radix-ui/react-toggle-group": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.6",
-    "@tailwindcss/line-clamp": "^0.4.4",
-    "@tanstack/react-table": "^8.9.1",
-    "@tauri-apps/api": "2.0.0-alpha.4",
-    "@tauri-apps/plugin-window": "2.0.0-alpha.0",
-    "class-variance-authority": "^0.6.0",
-    "clsx": "^1.2.1",
-    "cmdk": "^0.2.0",
-    "date-fns": "^2.30.0",
-    "lucide-react": "^0.221.0",
-    "nanoid": "^4.0.2",
-    "next": "^13.4.4",
-    "next-themes": "^0.2.1",
-    "react": "^18.2.0",
-    "react-day-picker": "^8.7.1",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.44.1",
-    "react-wrap-balancer": "^0.5.0",
-    "recharts": "^2.6.2",
-    "tailwind-merge": "^1.12.0",
-    "tailwindcss-animate": "^1.0.5",
-    "zod": "^3.21.4"
-  },
-  "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.0.0",
-    "@tauri-apps/cli": "2.0.0-alpha.9",
-    "@types/node": "^20.2.5",
-    "@types/react": "^18.2.7",
-    "@types/react-dom": "^18.2.4",
-    "autoprefixer": "^10.4.14",
-    "postcss": "^8.4.23",
-    "prettier": "^2.8.8",
-    "prettier-plugin-tailwindcss": "^0.3.0",
-    "tailwind-scrollbar": "^3.0.4",
-    "tailwindcss": "^3.3.2",
-    "taze": "^0.10.1",
-    "typescript": "^5.0.4"
-  }
-}
+{
+  "name": "tauri-ui",
+  "private": true,
+  "license": "MIT",
+  "version": "0.2.0",
+  "scripts": {
+    "dev": "next dev -p 1420",
+    "build": "next build",
+    "format": "npx prettier --write . --ignore-path .gitignore ",
+    "taze": "taze major -I",
+    "taze:minor": "taze minor -w",
+    "tauri": "tauri"
+  },
+  "dependencies": {
+    "@faker-js/faker": "^8.0.2",
+    "@hookform/resolvers": "^3.1.1",
+    "@radix-ui/react-accessible-icon": "^1.0.3",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.4",
+    "@radix-ui/react-aspect-ratio": "^1.0.3",
+    "@radix-ui/react-avatar": "^1.0.3",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-context-menu": "^2.1.4",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.5",
+    "@radix-ui/react-hover-card": "^1.0.6",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-menubar": "^1.0.3",
+    "@radix-ui/react-navigation-menu": "^1.1.3",
+    "@radix-ui/react-popover": "^1.0.6",
+    "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-scroll-area": "^1.0.4",
+    "@radix-ui/react-select": "^1.2.2",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.4",
+    "@radix-ui/react-toggle": "^1.0.3",
+    "@radix-ui/react-toggle-group": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.6",
+    "@tailwindcss/line-clamp": "^0.4.4",
+    "@tanstack/react-table": "^8.9.3",
+    "@tauri-apps/api": "2.0.0-alpha.5",
+    "@tauri-apps/plugin-window": "2.0.0-alpha.0",
+    "class-variance-authority": "^0.6.1",
+    "clsx": "^1.2.1",
+    "cmdk": "^0.2.0",
+    "date-fns": "^2.30.0",
+    "lucide-react": "^0.259.0",
+    "nanoid": "^4.0.2",
+    "next": "^13.4.9",
+    "next-themes": "^0.2.1",
+    "react": "^18.2.0",
+    "react-day-picker": "^8.8.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "7.44.3",
+    "react-wrap-balancer": "^1.0.0",
+    "recharts": "^2.7.2",
+    "tailwind-merge": "^1.13.2",
+    "tailwind-scrollbar": "^3.0.4",
+    "tailwindcss-animate": "^1.0.6",
+    "zod": "^3.21.4"
+  },
+  "devDependencies": {
+    "@ianvs/prettier-plugin-sort-imports": "^4.0.2",
+    "@tauri-apps/cli": "2.0.0-alpha.10",
+    "@types/node": "^20.4.1",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.25",
+    "prettier": "^3.0.0",
+    "prettier-plugin-tailwindcss": "^0.3.0",
+    "tailwindcss": "^3.3.2",
+    "taze": "^0.11.2",
+    "typescript": "^5.1.6"
+  }
+}