update to astro 3

my-patterns/README.md

@@ -47,7 +47,7 @@ If you want to automatically deploy your site on push, go to `deploy.yml` and ch
 ## running locally
 
 - install dependencies with `npm run setup`
-- run dev server with `npm run repl` and open `http://localhost:3000/strudel/swatch/`
+- run dev server with `npm run repl` and open `http://localhost:4321/strudel/swatch/`
 
 ## tests fail?
 

src-tauri/tauri.conf.json

@@ -3,7 +3,7 @@
   "build": {
     "beforeBuildCommand": "npm run build",
     "beforeDevCommand": "npm run dev",
-    "devPath": "http://localhost:3000",
+    "devPath": "http://localhost:4321",
     "distDir": "../website/dist",
     "withGlobalTauri": true
   },

website/README.md

@@ -56,7 +56,7 @@ All commands are run from the root of the project, from a terminal:
 | Command                | Action                                           |
 | :--------------------- | :----------------------------------------------- |
 | `npm install`          | Installs dependencies                            |
-| `npm run dev`          | Starts local dev server at `localhost:3000`      |
+| `npm run dev`          | Starts local dev server at `localhost:4321`      |
 | `npm run build`        | Build your production site to `./dist/`          |
 | `npm run preview`      | Preview your build locally, before deploying     |
 | `npm run astro ...`    | Run CLI commands like `astro add`, `astro check` |

website/package.json

@@ -13,9 +13,9 @@
   },
   "dependencies": {
     "@algolia/client-search": "^4.17.0",
-    "@astrojs/mdx": "^0.19.0",
+    "@astrojs/mdx": "^1.1.3",
-    "@astrojs/react": "^2.1.1",
+    "@astrojs/react": "^3.0.4",
-    "@astrojs/tailwind": "^3.1.1",
+    "@astrojs/tailwind": "^5.0.2",
     "@docsearch/css": "^3.3.4",
     "@docsearch/react": "^3.3.4",
     "@headlessui/react": "^1.7.14",
@@ -45,7 +45,7 @@
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.1",
     "@uiw/codemirror-themes-all": "^4.19.16",
-    "astro": "^2.3.2",
+    "astro": "^3.4.2",
     "canvas": "^2.11.2",
     "claviature": "^0.1.0",
     "fraction.js": "^4.2.0",

website/src/pages/learn/mini-notation.mdx

@@ -13,7 +13,7 @@ Just like [Tidal Cycles](https://tidalcycles.org/), Strudel uses a so called "Mi
 ## Note
 
 This page just explains the entirety of the Mini-Notation syntax.
-If you are just getting started with Strudel, you can learn the basics of the Mini-Notation in a more practical manner in the [workshop](http://localhost:3000/workshop/first-sounds).
+If you are just getting started with Strudel, you can learn the basics of the Mini-Notation in a more practical manner in the [workshop](/workshop/first-sounds).
 After that, you can come back here if you want to understand every little detail.
 
 ## Example

website/src/pages/learn/strudel-vs-tidal.mdx

@@ -106,7 +106,7 @@ You can find a [list of available effects here](./learn/effects).
 
 ### Sampler
 
-Strudel's sampler supports [a subset](http://127.0.0.1:3000/learn/samples) of Superdirt's sampler.
+Strudel's sampler supports [a subset](/learn/samples) of Superdirt's sampler.
 Also, samples are always loaded from a URL rather than from the disk, although [that might be possible in the future](https://github.com/tidalcycles/strudel/issues/118).
 
 ## Evaluation

website/src/pages/technical-manual/docs.mdx

@@ -9,7 +9,7 @@ The docs page is built ontop of astro's [docs site](https://github.com/withastro
 
 ## Adding a new Docs Page
 
-1. add a `.mdx` file in a path under `website/src/pages/`, e.g. [website/src/pages/learn/code.mdx](https://raw.githubusercontent.com/tidalcycles/strudel/main/website/src/pages/learn/code.mdx) will be available under https://strudel.cc/learn/code (or locally under `http://localhost:3000/learn/code`)
+1. add a `.mdx` file in a path under `website/src/pages/`, e.g. [website/src/pages/learn/code.mdx](https://raw.githubusercontent.com/tidalcycles/strudel/main/website/src/pages/learn/code.mdx) will be available under https://strudel.cc/learn/code (or locally under `http://localhost:4321/learn/code`)
 2. make sure to copy the top part of another existing docs page. Adjust the title accordingly
 3. To add a link to the sidebar, add a new entry to `SIDEBAR` to [`config.ts`](https://github.com/tidalcycles/strudel/blob/main/website/src/config.ts)
 

website/src/pages/workshop/getting-started.mdx

@@ -10,7 +10,7 @@ import { MiniRepl } from '../../docs/MiniRepl';
 <img src="/icons/strudel_icon.png" className="w-32 animate-pulse md:float-right ml-8" />
 
 Welcome to the Strudel documentation pages!
-You've come to the right place if you want to learn how to make music with code.
+You've come to the right place if you want to learn how to make music with code!
 
 ## What is Strudel?