Publicada la versión 3 de create-tauri-app

Mar 1, 2023

Amr Bashir

Desarrollo de Tauri

imagen de portada

Se ha lanzado una nueva versión principal de create-tauri-app. Esta versión agrega soporte para la versión alpha de Tauri 2.0, la capacidad de inicializar proyectos de iOS y Android y elimina algunas plantillas menos utilizadas para hacer el proyecto más mantenible.

Tauri 2.0 Alpha y soporte para mobile

La primera versión alpha de Tauri 2.0 fue publicada hace casi 3 meses, la cual trajo soporte móvil inicial para Android e iOS. Anteriormente no había una forma sencilla de crear un nuevo proyecto para probar tanto los cambios en la versión alpha como el soporte móvil. Bueno, ¡eso se termina ahora!

A partir de la versión 3 de create-tauri-app, ahora puedes pasar el flag --beta y creará una app que utiliza tauri@2.0.0-beta. Al agregar el flag --beta, te preguntará automáticamente si deseas agregar soporte para mobile. También puedes usar el flag --mobile para hacerla automáticamente compatible con mobile.

Para comenzar:

# pnpm
pnpm create tauri-app --alpha

# yarn
yarn create tauri-app --alpha

# npm
npm create tauri-app -- --alpha

# Cargo
cargo install create-tauri-app --locked
cargo create-tauri-app --alpha

# Bash
sh <(curl https://create.tauri.app/sh) --alpha

# Powershell
$env:CTA_ARGS="--alpha";iwr -useb https://create.tauri.app/ps | iex

Mejoras en las preguntas (prompts)

Con la versión 2 de create-tauri-app también nos enfocamos en mejorar el flujo y la experiencia de las preguntas guiadas.

Anteriormente la segunda pregunta solicitaba "Elija su gestor de paquetes". Esto era un poco vago y podía dejar a algunos con dudas sin resolver:

¿Qué es Cargo?
¿Es un nuevo gestor de paquetes de Node.js?
¿Por qué elegirlo sobre pnpm o yarn?

Esto sería aún más vago si decidiéramos agregar un nuevo lenguaje frontend (como una aplicación web de WebAssembly Golang). Agregamos una pregunta solicitando elegir el gestor de paquetes para preguntar qué lenguaje preferirías. Se ve algo como esto:

? Choose which language to use for your frontend ›
  Rust
❯ TypeScript / JavaScript  (pnpm, yarn, npm)

Después de elegir el lenguaje frontend, create-tauri-app luego preguntará por el gestor de paquetes a usar si el lenguaje tiene múltiples opciones (como Node.js con npm, yarn y pnpm).

Otra pregunta que consideramos problemática fue la de selección de plantillas. Contenía muchas plantillas para elegir y solo crecía con el tiempo:

✔ Choose your package manager · pnpm
? Choose your UI template ›
  vanilla
  vanilla-ts
  vue
❯ vue-ts
  svelte
  svelte-ts
  react
  react-ts
  solid
  solid-ts
  next
  next-ts
  preact
  preact-ts
  angular
  clojurescript
  svelte-kit
  svelte-kit-ts

Decidimos dividir esto en 2 preguntas. La primera preguntará qué plantilla de UI usar:

✔ Choose your package manager · pnpm
? Choose your UI template ›
  Vanilla
❯ Vue
  Svelte
  React
  Solid
  Angular
  Next
  SvelteKit
  ClojureScript
  Preact

Y luego la segunda preguntará por cualquier opción adicional específica de esa plantilla (como elegir entre TypeScript o JavaScript para Vue):

✔ Choose your package manager · pnpm
✔ Choose your UI template · Vue - (https://vuejs.org)
? Choose your UI flavor ›
❯ TypeScript
  JavaScript

Incluso con estos refinamientos, la lista de plantillas seguía siendo bastante grande y solo crecería con el tiempo. Lo siguiente a examinar era la lista de plantillas en sí mismas.

Eliminando plantillas

Cuando se lanzó create-tauri-app versión 2, rápidamente recibió PRs para agregar plantillas adicionales más allá de las que se incluyeron originalmente. Si bien fue emocionante recibir tanto apoyo de la comunidad, trajo consigo un par de nuevos desafíos:

Hacía casi imposible encajarlas en una sola pregunta
Mantener todas las plantillas se estaba volviendo más difícil

Fue un equilibrio difícil entre mostrar lo flexible que es Tauri pero también asegurarnos de que el proyecto fuera mantenible y tuviera la experiencia de desarrollo (DX) que queríamos.

Decidimos enfocarnos en los frameworks frontend más populares y usamos orientación de encuestas de la comunidad como The State of JS y nuestra propia retroalimentación de la comunidad de Tauri. Con esto eliminamos las plantillas next, next-ts, preact, preact-ts, clojurescript, svelte-kit y svelte-kit-ts, y también cerramos PRs que tenían como objetivo agregar más plantillas.

Plantillas mantenidas por la comunidad y versiones anteriores

Queremos asegurarnos de ofrecer un lugar para que la comunidad de Tauri proporcione sus propias plantillas para los frameworks que aman. La sección de plantillas de awesome-tauri es precisamente el lugar para ello. Invitamos a la comunidad a enviar una PR al repositorio awesome-tauri con sus plantillas para que se puedan compartir con la comunidad de Tauri. También crearemos una sección en el sitio web de Tauri para destacar y exhibir estas plantillas de la comunidad.

Si aún deseas usar las plantillas anteriores de la versión 2 de create-tauri-app, todavía están publicadas en npm y crates.io. Así es como puedes usar una versión anterior:

# pnpm
pnpm create tauri-app@2

# yarn
yarn create tauri-app@2

# npm
npm create tauri-app@2

# Cargo
cargo install create-tauri-app --version 2.8.0 --locked
cargo create-tauri-app

# Bash
sh <(curl https://create.tauri.app/v/2.8.0/sh)

# Powershell
iwr -useb https://create.tauri.app/v/2.8.0/ps | iex

Sin embargo, con el paso del tiempo, estas plantillas quedarán desactualizadas a medida que Tauri y los frameworks frontend avancen. Te recomendamos revisar las plantillas de la comunidad en el repositorio awesome-tauri y recibimos con gusto tus aportes si falta algo.

¡Esperamos que estos cambios faciliten a la comunidad probar las versiones alpha y beta de Tauri 2.0 y también hagan que el proceso para crear una nueva app de Tauri sea más fácil para todos! Nos encantaría conocer tus comentarios y te invitamos a unirte a la conversación en la Discusión de GitHub para esta publicación.

Apoya en Open Collective Patrocina en GitHub