replace strudel.tidalcycles.org with strudel.cc

2026-08-01 21:37:42 -04:00 · 2023-10-28 23:49:30 +02:00
parent 6c2330984e
commit af915be142
40 changed files with 350 additions and 350 deletions
@@ -6,7 +6,7 @@ export const SITE = {

 export const OPEN_GRAPH = {
  image: {
-    src: 'https://strudel.tidalcycles.org/icon.png',
+    src: 'https://strudel.cc/icon.png',
    alt: 'Strudel Logo',
  },
 };
@@ -22,7 +22,7 @@ in der Muster eine Rolle spielen.

 Du brauchst keine Erfahrung in JavaScript oder Tidal Cycles um mit Strudel Musik zu machen.
 Dieser interaktive Workshop leitet dich spielerisch durch die Grundlagen von Strudel.
-Der beste Ort um mit Strudel Musik zu machen ist das [Strudel REPL](https://strudel.tidalcycles.org/).
+Der beste Ort um mit Strudel Musik zu machen ist das [Strudel REPL](https://strudel.cc/).

 ## Was kann man mit Strudel machen?

@@ -66,7 +66,7 @@ Hier ist ein Beispiel wie Strudel klingen kann:

 Mehr Beispiele gibt es [hier](/examples).

-Du kannst auch im [Strudel REPL](https://strudel.tidalcycles.org/) auf `shuffle` klicken um ein zufälliges Beispiel zu hören.
+Du kannst auch im [Strudel REPL](https://strudel.cc/) auf `shuffle` klicken um ein zufälliges Beispiel zu hören.

 ## Workshop

@@ -10,11 +10,11 @@ import { JsDoc } from '../../docs/JsDoc';

 Welcome to the Strudel documentation pages!

-These pages will introduce you to [Strudel](https://strudel.tidalcycles.org/), a web-based [live coding](https://github.com/toplap/awesome-livecoding/) environment that implements the [Tidal Cycles](https://tidalcycles.org) algorithmic pattern language.
+These pages will introduce you to [Strudel](https://strudel.cc/), a web-based [live coding](https://github.com/toplap/awesome-livecoding/) environment that implements the [Tidal Cycles](https://tidalcycles.org) algorithmic pattern language.

 # What is Strudel?

-[Strudel](https://strudel.tidalcycles.org/) is a version of [Tidal Cycles](https://tidalcycles.org) written in [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript), initiated by [Alex McLean](https://slab.org) and [Felix Roos](https://github.com/felixroos) in 2022.
+[Strudel](https://strudel.cc/) is a version of [Tidal Cycles](https://tidalcycles.org) written in [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript), initiated by [Alex McLean](https://slab.org) and [Felix Roos](https://github.com/felixroos) in 2022.
 Tidal Cycles, also known as Tidal, is a language for [algorithmic pattern](https://algorithmicpattern.org), and though it is most commonly used for [making music](https://tidalcycles.org/docs/showcase), it can be used for any kind of pattern making activity, including [weaving](https://www.youtube.com/watch?v=TfEmEsusXjU).

 Tidal was first implemented as a library written in the [Haskell](https://www.haskell.org/) functional programming language, and by itself it does not make any sound.
@@ -24,7 +24,7 @@ Strudel however runs directly in your web browser, does not require any custom s

 # Strudel REPL and MiniREPL

-The main place to actually make music with Strudel is the [Strudel REPL](https://strudel.tidalcycles.org/) ([what is a REPL?](https://en.wikipedia.org/wiki/Read%E2%80%93eval%E2%80%93print_loop)), but in these pages you will also encounter interactive "MiniREPLs" where you can listen to and edit Strudel patterns.
+The main place to actually make music with Strudel is the [Strudel REPL](https://strudel.cc/) ([what is a REPL?](https://en.wikipedia.org/wiki/Read%E2%80%93eval%E2%80%93print_loop)), but in these pages you will also encounter interactive "MiniREPLs" where you can listen to and edit Strudel patterns.
 Try clicking the play icon below:

 <MiniRepl client:idle tune={`s("bd sd")`} punchcard />
@@ -38,7 +38,7 @@ This interactive tutorial will guide you through the basics of Strudel.

 # Show me some demos!

-To see and hear what Strudel can do, visit the [Strudel REPL](https://strudel.tidalcycles.org/) and click the Shuffle icon in the top menu bar.
+To see and hear what Strudel can do, visit the [Strudel REPL](https://strudel.cc/) and click the Shuffle icon in the top menu bar.
 You can get a feel for Strudel by browsing and editing these examples and clicking the Refresh icon to update.

 You can also browse through the examples [here](./examples).
@@ -71,7 +71,7 @@ Now you're all set!
 ## Usage

 1. Start SuperCollider, either using SuperCollider IDE or by running `sclang` in a terminal
-2. Open the [Strudel REPL](https://strudel.tidalcycles.org/#cygiYmQgc2QiKS5vc2MoKQ%3D%3D)
+2. Open the [Strudel REPL](https://strudel.cc/#cygiYmQgc2QiKS5vc2MoKQ%3D%3D)

 ...or test it here:

@@ -18,7 +18,7 @@ You can optionally add some music metadata in your Strudel code, by using tags i

 Like other comments, those are ignored by Strudel, but it can be used by other tools to retrieve some information about the music.

-It is for instance used by the [swatch tool](https://github.com/tidalcycles/strudel/tree/main/my-patterns) to display pattern titles in the [examples page](https://strudel.tidalcycles.org/examples/).
+It is for instance used by the [swatch tool](https://github.com/tidalcycles/strudel/tree/main/my-patterns) to display pattern titles in the [examples page](https://strudel.cc/examples/).

 ## Alternative syntax

@@ -5,7 +5,7 @@ layout: ../../layouts/MainLayout.astro

 # Using Strudel Offline

-You can use Strudel even without a network! When you first visit the [Strudel REPL](strudel.tidalcycles.org/),
+You can use Strudel even without a network! When you first visit the [Strudel REPL](https://strudel.cc/),
 your browser will download the whole web app including documentation.
 When the download is finished (&lt;1MB), you can visit the website even when offline,
 getting the downloaded website instead of the online one.
@@ -32,7 +32,7 @@ You can view all cached files in your browser.
 ### Firefox

 - Open the Developer Tools (`Tools > Web Developer > Web Developer Tools`)
- go to `Storage` tab and expand `Cache Storage > https://strudel.tidalcycles.org`.
+- go to `Storage` tab and expand `Cache Storage > https://strudel.cc`.
 - or go to the `Application` tab and view the latest updates in `Service Workers`

 ### Chromium based Browsers
@@ -57,14 +57,14 @@ without the browser ui.

 With a chromium based browser:

-1. go to the [Strudel REPL](strudel.tidalcycles.org/).
+1. go to the [Strudel REPL](https://strudel.cc).
 2. on the right of the adress bar, click `install Strudel REPL`
 3. the REPL should now run as a standalone chromium app

 Without a chromium based browser, you can use [nativefier](https://github.com/nativefier/nativefier) to generate a desktop app:

 1. make sure you have NodeJS installed
-2. run `npx nativefier strudel.tidalcycles.org`
+2. run `npx nativefier strudel.cc`

 <figure>
  <img src="./pwa/strudel-linux.png" alt="Strudel on Linux" />
@@ -73,13 +73,13 @@ Without a chromium based browser, you can use [nativefier](https://github.com/na

 ### iOS

-1. open to the [Strudel REPL](strudel.tidalcycles.org/) in safari
+1. open to the [Strudel REPL](https://strudel.cc/) in safari
 2. press the share icon and tab `Add to homescreen`
 3. You should now have a strudel app icon that opens the repl in full screen

 ### Android

-1. open to the [Strudel REPL](strudel.tidalcycles.org/)
+1. open to the [Strudel REPL](https://strudel.cc/)
 2. Tab the install button at the bottom

 Ok, what are [Patterns](/technical-manual/patterns) all about?
@@ -46,7 +46,7 @@ For drum sounds, strudel uses the comprehensive [tidal-drum-machines](https://gi

 Furthermore, strudel also loads instrument samples from [VCSL](https://github.com/sgossner/VCSL) by default.

-To see which sample names are available, open the `sounds` tab in the [REPL](https://strudel.tidalcycles.org/).
+To see which sample names are available, open the `sounds` tab in the [REPL](https://strudel.cc/).

 Note that only the sample maps (mapping names to URLs) are loaded initially, while the audio samples themselves are not loaded until they are actually played.
 This behaviour of loading things only when they are needed is also called `lazy loading`.
@@ -7,7 +7,7 @@ import { MiniRepl } from '../../docs/MiniRepl';
 import { JsDoc } from '../../docs/JsDoc';
 import { samples } from '@strudel.cycles/webaudio';

-see https://strudel.tidalcycles.org?zMEo5kowGrFc
+see https://strudel.cc/?zMEo5kowGrFc

 # Microrhythms

@@ -73,4 +73,4 @@ This is the second example of the video:
 s('hh').micro(0, 1/6, 2/5, 2/3, 3/4)`}
 />

-with bass: https://strudel.tidalcycles.org?sTglgJJCPIeY
+with bass: https://strudel.cc/?sTglgJJCPIeY
@@ -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.tidalcycles.org/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:3000/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)

@@ -7,7 +7,7 @@ import { MiniRepl } from '../../docs/MiniRepl';

 # REPL

-{/* The [REPL](https://strudel.tidalcycles.org/) is the place where all packages come together to form a live coding system. It can also be seen as a reference implementation for users of the library. */}
+{/* The [REPL](https://strudel.cc/) is the place where all packages come together to form a live coding system. It can also be seen as a reference implementation for users of the library. */}

 While Strudel can be used as a library in any JavaScript codebase, its main, reference user interface is the Strudel REPL^[REPL stands for read, evaluate, print/play, loop. It is friendly jargon for an interactive programming interface from computing heritage, usually for a commandline interface but also applied to live coding editors.], which is a browser-based live coding environment. This live code editor is dedicated to manipulating Strudel patterns while they play. The REPL features built-in visual feedback, highlighting which elements in the patterned (mini-notation) sequences are influencing the event that is currently being played. This feedback is designed to support both learning and live use of Strudel.

@@ -64,7 +64,7 @@ registerSound(
 freq(220, 440, 330).s('mysaw');
 ```

-You can actually use this code in the [REPL](https://strudel.tidalcycles.org/) and it'll work.
+You can actually use this code in the [REPL](https://strudel.cc/) and it'll work.
 After evaluating the code, you should see `mysaw` in listed in the sounds tab.

 ## Playing sounds
@@ -18,7 +18,7 @@ With Strudel, you can expressively write dynamic music pieces.<br/>
 It is an official port of the [Tidal Cycles](https://tidalcycles.org/) pattern language to JavaScript.<br/>
 You don't need to know JavaScript or Tidal Cycles to make music with Strudel.
 This interactive tutorial will guide you through the basics of Strudel.<br/>
-The best place to actually make music with Strudel is the [Strudel REPL](https://strudel.tidalcycles.org/)
+The best place to actually make music with Strudel is the [Strudel REPL](https://strudel.cc/)

 <div className="clear-both" />

@@ -62,7 +62,7 @@ Here is an example of how strudel can sound:
 .slow(3/2)`}
 />

-To hear more, go to the [Strudel REPL](https://strudel.tidalcycles.org/) and press shuffle to hear a random example pattern.
+To hear more, go to the [Strudel REPL](https://strudel.cc/) and press shuffle to hear a random example pattern.

 ## Getting Started

@@ -78,9 +78,9 @@ async function initCode() {
    const initialUrl = window.location.href;
    const hash = initialUrl.split('?')[1]?.split('#')?.[0];
    const codeParam = window.location.href.split('#')[1] || '';
-    // looking like https://strudel.tidalcycles.org/?J01s5i1J0200 (fixed hash length)
+    // looking like https://strudel.cc/?J01s5i1J0200 (fixed hash length)
    if (codeParam) {
-      // looking like https://strudel.tidalcycles.org/#ImMzIGUzIg%3D%3D (hash length depends on code length)
+      // looking like https://strudel.cc/#ImMzIGUzIg%3D%3D (hash length depends on code length)
      return hash2code(codeParam);
    } else if (hash) {
      return supabase
@@ -23,7 +23,7 @@ angle(saw)
  .animate({smear:0})
 `;

-// https://strudel.tidalcycles.org/?C31_NrcMfZEO
+// https://strudel.cc/?C31_NrcMfZEO
 export const spiralflower = `const {innerWidth:ww,innerHeight:wh} = window;
 const ctx = getDrawContext()
 const piDiv180 = Math.PI / 180;