chore: add examples folder to workspaces and make examples packages name unique (#125)

Cargo.toml

@@ -7,8 +7,8 @@ members = [
 ]
 exclude = [
 		"apps/documentation",
-		"examples/mdx",
-		"examples/tuono",
-		"examples/tutorial",
+		"examples/wit-mdx",
+		"examples/tuono-app",
+		"examples/tuono-tutorial",
 		"benches/tuono"
 ]

apps/documentation/src/routes/documentation/tutorial/index.mdx

@@ -21,7 +21,7 @@ This tutorial is not meant for people who don't know React - in that case, I sug
 If you prefer to just read the code rather than write you can download the finished tutorial project with:
 
 ```bash
-$ tuono new tutorial --template tutorial
+$ tuono new tutorial --template tuono-tutorial
 ```
 
 > I'd love to hear your thoughts about the framework and the tutorial - feel free to reach me at [valerioageno@yahoo.it](mailto:valerioageno@ahoo.it)

crates/tuono/src/scaffold_project.rs

@@ -42,7 +42,7 @@ pub fn create_new_project(folder_name: Option<String>, template: Option<String>)
     let folder = folder_name.unwrap_or(".".to_string());
 
     // In case of missing select the tuono example
-    let template = template.unwrap_or("tuono".to_string());
+    let template = template.unwrap_or("tuono-app".to_string());
 
     let client = blocking::Client::builder()
         .user_agent("")

examples/README.md

@@ -15,14 +15,3 @@ $ tuono new [NAME] --template [TEMPLATE]
 ```
 
 `[TEMPLATE]` is the folder name.
-
-## Troubleshooting for contributors
-
-There is a common error that happens during example development due to 
-pnpm workspace about the findings of different react versions.
-
-To overcome this issue run within the single example folder:
-
-```
-pnpm install --ignore-workspace && pnpm upgrade --save
-```

examples/tuono-app/Cargo.toml

@@ -1,5 +1,5 @@
 [package]
-name = "tuono"
+name = "tuono-app"
 version = "0.0.1"
 edition = "2021"
 

examples/tuono-app/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "tuono",
-  "description": "The react/rust fullstack framework",
+  "name": "tuono-app",
+  "description": "Basic tuono application",
   "version": "0.0.1",
   "dependencies": {
     "react": "18.3.1",

examples/tuono-app/src/styles/global.css

@@ -23,7 +23,7 @@ body {
 }
 
 main {
-  width: 673px;
+  max-width: 673px;
   margin: 20px auto;
 }
 

examples/tuono-tutorial/Cargo.toml

@@ -1,5 +1,5 @@
 [package]
-name = "tuono"
+name = "tuono-tutorial"
 version = "0.0.1"
 edition = "2021"
 

examples/tuono-tutorial/README.md

@@ -0,0 +1,9 @@
+# Tuono tutorial
+
+This project is the outcome of the [tuono tutorial](https://tuono.dev/documentation/tutorial)
+
+If you want to directly install it you can run:
+
+```bash
+$ tuono new my-project -t tuono-tutorial
+```

examples/tuono-tutorial/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tuono-tutorial",
-  "description": "The react/rust fullstack framework",
+  "description": "The basic tutorial for tuono applications",
   "version": "0.0.1",
   "dependencies": {
     "react": "18.3.1",

examples/tutorial/README.md

@@ -1,9 +0,0 @@
-# Tuono tutorial
-
-This project is the outcome of the [tuono tutorial](https://github.com/Valerioageno/tuono/blob/main/docs/tutorial.md)
-
-If you want to directly install it you can run:
-
-```bash
-$ tuono new my-project -t tutorial
-```

examples/with-mdx/Cargo.toml

@@ -1,5 +1,5 @@
 [package]
-name = "tuono"
+name = "with-mdx"
 version = "0.0.1"
 edition = "2021"
 

examples/with-mdx/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "tuono",
-  "description": "The react/rust fullstack framework",
+  "name": "with-mdx",
+  "description": "Tuono example combined with mdx",
   "version": "0.0.1",
   "dependencies": {
     "@mdx-js/react": "^3.0.1",

package.json

@@ -15,7 +15,7 @@
     "docs:format:check": "turbo format:check --filter=documentation",
     "docs:types": "turbo types --filter=documentation",
     "repo:root:format": "prettier . !./apps/** !./assets/** !./benches/** !./crates !./examples !./packages/** --write",
-    "check-all": "turbo build lint format:check types"
+    "check-all": "turbo build lint format:check types --filter=!./examples"
   },
   "author": "Valerio Ageno",
   "license": "MIT",

pnpm-lock.yaml

@@ -110,6 +110,75 @@ importers:
         specifier: ^7.0.1
         version: 7.0.1(postcss@8.4.49)
 
+  examples/tuono-app:
+    dependencies:
+      react:
+        specifier: 18.3.1
+        version: 18.3.1
+      react-dom:
+        specifier: 18.3.1
+        version: 18.3.1(react@18.3.1)
+      tuono:
+        specifier: link:../../packages/tuono
+        version: link:../../packages/tuono
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.12
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.1
+      typescript:
+        specifier: ^5.4.5
+        version: 5.6.3
+
+  examples/tuono-tutorial:
+    dependencies:
+      react:
+        specifier: 18.3.1
+        version: 18.3.1
+      react-dom:
+        specifier: 18.3.1
+        version: 18.3.1(react@18.3.1)
+      tuono:
+        specifier: link:../../packages/tuono
+        version: link:../../packages/tuono
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.12
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.1
+      typescript:
+        specifier: ^5.4.5
+        version: 5.6.3
+
+  examples/with-mdx:
+    dependencies:
+      '@mdx-js/react':
+        specifier: ^3.0.1
+        version: 3.1.0(@types/react@18.3.12)(react@18.3.1)
+      react:
+        specifier: 18.3.1
+        version: 18.3.1
+      react-dom:
+        specifier: 18.3.1
+        version: 18.3.1(react@18.3.1)
+      tuono:
+        specifier: link:../../packages/tuono
+        version: link:../../packages/tuono
+    devDependencies:
+      '@types/react':
+        specifier: ^18.3.3
+        version: 18.3.12
+      '@types/react-dom':
+        specifier: ^18.3.0
+        version: 18.3.1
+      typescript:
+        specifier: ^5.5.3
+        version: 5.6.3
+
   packages/fs-router-vite-plugin:
     dependencies:
       '@babel/core':

pnpm-workspace.yaml

@@ -1,4 +1,4 @@
 packages:
   - 'packages/*'
   - 'apps/*'
-  - '!**/examples/**'
+  - 'examples/*'