feat: add preact and preact-tS templates (#145)

Author: extrordinaire

.changes/preact.md

@@ -0,0 +1,6 @@
+---
+"create-tauri-app": "patch"
+"create-tauri-app-js": "patch"
+---
+
+Add `preact` and `preact-ts` templates.

.github/CONTRIBUTING.md

@@ -65,6 +65,7 @@ A template is a just combination of two fragments, [`fragment-base`](../packages
 - Add a directory in `<repo-root>/packages/cli/fragments` and name `fragment-template` where `template` is the name of the template and add all the files you need there as they should appear after the template is created.
 - In `<repo-root>/packages/cli/src/template.rs`, add an entry in the `Template` enum, modify `post_init_info` if needed and modify `FromStr` and `Display` implementation
 - In `<repo-root>/packages/cli/src/package_manager.rs` add your new template to the appropraite package manager in the `templates` method
+- Modify `<repo-root>/.scripts/generate-templates-matrix.js` and append the template name inside the template list for the appropriate package manager so the CI would run tests for it.
 
 ## Financial Contribution
 

.scripts/generate-templates-matrix.js

@@ -12,6 +12,8 @@ const nodeJsTemplates = [
   "vanilla",
   "next",
   "next-ts",
+  "preact",
+  "preact-ts",
 ];
 
 const matrix = [

README.md

@@ -83,6 +83,8 @@ Currently supported template presets include:
 - `yew`
 - `next`
 - `next-ts`
+- `preact`
+- `preact-ts`
 
 You can use `.` for the project name to scaffold in the current directory.
 

packages/cli/fragments/_assets_/preact.svg

@@ -53,10 +53,7 @@ function App() {
         </span>
       </div>
 
-      <p>
-        Click on the Tauri, Next, and React logos to learn more about each
-        framework.
-      </p>
+      <p>Click on the Tauri, Next, and React logos to learn more.</p>
 
       <div className="row">
         <div>

packages/cli/fragments/fragment-next-ts/src/pages/index.tsx

@@ -53,10 +53,7 @@ function App() {
         </span>
       </div>
 
-      <p>
-        Click on the Tauri, Next, and React logos to learn more about each
-        framework.
-      </p>
+      <p>Click on the Tauri, Next, and React logos to learn more.</p>
 
       <div className="row">
         <div>

packages/cli/fragments/fragment-next/src/pages/index.jsx

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["tauri-apps.tauri-vscode", "rust-lang.rust-analyzer"]
+}

packages/cli/fragments/fragment-preact-ts/.vscode/extensions.json

@@ -0,0 +1,7 @@
+# Tauri + Preact + Typescript
+
+This template should help get you started developing with Tauri, Preact and Typescript in Vite.
+
+## 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)

packages/cli/fragments/fragment-preact-ts/README.md

@@ -0,0 +1,13 @@
+# Copyright 2019-2022 Tauri Programme within The Commons Conservancy
+# SPDX-License-Identifier: Apache-2.0
+# SPDX-License-Identifier: MIT
+
+beforeDevCommand = {{pkg_manager_run_command}} dev
+beforeBuildCommand = {{pkg_manager_run_command}} build
+devPath = http://localhost:1420
+distDir = ../dist
+
+[files]
+preact.svg = src/assets/preact.svg
+vite.svg = public/vite.svg
+tauri.svg = public/tauri.svg