update new shadcn/ui components

0.2.0

Author: agmmnn

.env

@@ -1,26 +1,9 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
 node_modules
 dist
-dist-ssr
-*.local
-.next
-src-tauri/target
+tauri-ui
+others
 
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+templates/**/.next/
+templates/**/dist/
+templates/**/node_modules/
+templates/**/src-tauri/target/

.gitignore

@@ -1,29 +1,57 @@
-![tauri-ui](https://github.com/agmmnn/tauri-ui/assets/16024979/28295bae-8a36-4eff-8c33-2ed2bda82d84)
+![tauri-ui](https://github.com/agmmnn/tauri-ui/assets/16024979/c4c62dad-4ea7-4874-9ef4-b5d0b6ec10a1)
 
-# Tauri UI Template
+# Tauri UI
 
-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/).
+Create modern Tauri desktop apps in just a few simple steps. Tauri UI Templates is a starting point for building modern desktop applications with web technologies with using [shadcn/ui](https://github.com/shadcn/ui), [Tauri](https://github.com/tauri-apps/tauri).
 
 > _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.
+Use [create-tauri-ui](https://npmjs.com/package/create-tauri-ui) to quickly scaffold a Tauri UI project.
 
 ```bash
 pnpm create tauri-ui
 ```
 
-![](https://i.imgur.com/ONV0z45.png)
+<details>
+
+```bash
+npx create-tauri-ui@latest
+pnpm create tauri-ui
+npm create tauri-ui@latest
+yarn create tauri-ui
+```
+
+Then follow the prompts!
+
+You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Tauri-UI project, run:
+
+```bash
+# npm 7+, extra double-dash is needed:
+npm create tauri-ui@latest my-tauri-app -- --template vite
+
+# yarn
+yarn create tauri-ui my-tauri-app --template next
+
+# pnpm
+pnpm create tauri-ui my-tauri-app --template sveltekit
+```
+
+</details>
+
+![](/others/Animation.gif)
+You can use `.` for the project name to scaffold in the current directory.
+
+<details>
 
-<details> 
 <summary>
 Or clone the repository
 </summary>
 
 ```bash
 gh repo clone agmmnn/tauri-ui
-cd tauri-ui
+cd tauri-ui/templates/<template>
 
 pnpm i
 pnpm tauri dev
@@ -40,56 +68,21 @@ pnpm tauri build
 - [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 GitHub Action](https://github.com/tauri-apps/tauri-action) Cross-Platform release
 
 ![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
 ```
+npx shadcn-ui@latest add [component] --overwrite
+```
+
+## Acknowledgements
 
-## Recommended IDE Setup
+This project utilizes code from the following repository:
 
-- [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)
+- [vitejs/create-vite](https://github.com/vitejs/vite/blob/main/packages/create-vite) - Used in _[create-tauri-ui](https://www.npmjs.com/package/create-tauri-ui)_
+- [shadcn/ui](https://github.com/shadcn/ui/tree/main/apps/www) - Used in _[Next.js](https://github.com/vercel/next.js/)_ and _[Vite](https://github.com/vitejs/vite)_ templates
+- [huntabyte/shadcn-svelte](https://github.com/huntabyte/shadcn-svelte) - Used in _[SvelteKit](https://github.com/sveltejs/svelte)_ template
+- [fisand/uno-shadcn-ui](https://github.com/fisand/uno-shadcn-ui) - Used in _[Vite](https://github.com/vitejs/vite)+[UnoCSS](https://github.com/unocss/unocss)_ template

README.md

@@ -0,0 +1,20 @@
+import path from "node:path";
+import url from "node:url";
+import { defineBuildConfig } from "unbuild";
+
+const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
+
+export default defineBuildConfig({
+  entries: ["src/index"],
+  clean: true,
+  rollup: {
+    inlineDependencies: true,
+    esbuild: {
+      minify: true,
+    },
+  },
+  alias: {
+    // we can always use non-transpiled code since we support 14.18.0+
+    prompts: "prompts/lib/index.js",
+  },
+});

build.config.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import "./dist/index.mjs";

index.js

@@ -1,82 +1,54 @@
 {
-  "name": "tauri-ui",
-  "private": true,
+  "name": "create-tauri-ui",
+  "version": "0.2.0",
+  "description": "🦀 Create modern Tauri desktop apps in just a few simple steps.",
+  "main": "index.js",
+  "author": "agmmnn",
   "license": "MIT",
-  "version": "0.1.3",
+  "type": "module",
   "scripts": {
-    "dev": "next dev -p 1420",
-    "build": "next build",
+    "dev": "unbuild --stub",
+    "build": "unbuild",
+    "start": "unbuild --stub && node index.js",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build",
     "format": "npx prettier --write . --ignore-path .gitignore ",
-    "taze": "taze major -I",
-    "taze:minor": "taze minor -w",
-    "tauri": "tauri"
+    "taze": "taze minor -r -w -i false -I",
+    "taze:major": "taze major -r -w -i false -I",
+    "updatesub": "git submodule update --init --recursive --remote"
   },
+  "bin": {
+    "create-tauri-ui": "index.js"
+  },
+  "files": [
+    "index.js",
+    "templates",
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/agmmnn/tauri-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/agmmnn/tauri-ui/issues"
+  },
+  "homepage": "https://github.com/agmmnn/tauri-ui",
   "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",
+    "@clack/core": "^0.3.2",
+    "@clack/prompts": "^0.6.3",
+    "picocolors": "^1.0.0",
+    "sisteransi": "^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"
+    "@types/minimist": "^1.2.2",
+    "@types/node": "^20.4.1",
+    "@types/prompts": "^2.4.4",
+    "commander": "^11.0.0",
+    "kolorist": "^1.8.0",
+    "minimist": "^1.2.8",
+    "prompts": "^2.4.2",
+    "typescript": "^5.1.6",
+    "unbuild": "^1.2.1"
   }
 }