From d3a17891f8f7f07c1794ea9ee6087b8dbb4f6b16 Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Wed, 20 Mar 2024 17:11:35 +0100 Subject: [PATCH 1/9] move rollup plugin to dev dependencies --- packages/web/package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/web/package.json b/packages/web/package.json index 45946398..d70e84c8 100644 --- a/packages/web/package.json +++ b/packages/web/package.json @@ -37,10 +37,10 @@ "@strudel/mini": "workspace:*", "@strudel/tonal": "workspace:*", "@strudel/transpiler": "workspace:*", - "@strudel/webaudio": "workspace:*", - "@rollup/plugin-replace": "^5.0.5" + "@strudel/webaudio": "workspace:*" }, "devDependencies": { - "vite": "^5.0.10" + "vite": "^5.0.10", + "@rollup/plugin-replace": "^5.0.5" } } From be2ec969c42473ef561a93fd7b81486cb2d99c53 Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Thu, 21 Mar 2024 07:20:07 +0100 Subject: [PATCH 2/9] use script tag instead of skypack --- examples/buildless/headless-simple.html | 7 +++---- examples/buildless/headless-with-samples.html | 4 ++-- 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/examples/buildless/headless-simple.html b/examples/buildless/headless-simple.html index 013cc87b..15a56161 100644 --- a/examples/buildless/headless-simple.html +++ b/examples/buildless/headless-simple.html @@ -1,10 +1,9 @@ + - diff --git a/examples/buildless/headless-with-samples.html b/examples/buildless/headless-with-samples.html index 2ac7aa71..18b5e379 100644 --- a/examples/buildless/headless-with-samples.html +++ b/examples/buildless/headless-with-samples.html @@ -1,10 +1,10 @@ + -

This page shows how skypack can be used to import strudel core directly into a simple html page.
- No server, no bundler and no build setup is needed to run this! + No server, no bundler and no build setup is needed to run this!

diff --git a/website/src/pages/technical-manual/packages.mdx b/website/src/pages/technical-manual/packages.mdx index d378f781..5f272b68 100644 --- a/website/src/pages/technical-manual/packages.mdx +++ b/website/src/pages/technical-manual/packages.mdx @@ -19,6 +19,13 @@ The purpose of the multiple packages is to [See the latest published packages on npm](https://www.npmjs.com/search?q=%40strudel). Here is an overview of all the packages: +### Umbrella Packages + +These packages give you a batteries-included point of getting started, and most likely the thing you'd want to use in your project: + +- [repl](https://github.com/tidalcycles/strudel/tree/main/packages/repl): The Strudel REPL as a web component. +- [web](https://github.com/tidalcycles/strudel/tree/main/packages/web): Strudel library for the browser, without UI. + ### Essential Packages These package are the most essential. You might want to use all of those if you're using strudel in your project: From 6365e1626c9d1f26aa130b9fbcbe5165a890c49b Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Fri, 22 Mar 2024 15:52:38 +0100 Subject: [PATCH 4/9] begin project-start doc + improve embed + repl package doc --- packages/embed/README.md | 71 +++++++--- packages/embed/embed.js | 2 +- packages/repl/README.md | 91 ++++++++++++- pnpm-lock.yaml | 12 +- website/package.json | 1 + website/src/config.ts | 1 + website/src/layouts/MainLayout.astro | 4 + .../pages/technical-manual/project-start.mdx | 122 ++++++++++++++++++ 8 files changed, 279 insertions(+), 25 deletions(-) create mode 100644 website/src/pages/technical-manual/project-start.mdx diff --git a/packages/embed/README.md b/packages/embed/README.md index e09ca811..0ab8f475 100644 --- a/packages/embed/README.md +++ b/packages/embed/README.md @@ -2,32 +2,63 @@ This package contains a embeddable web component for the Strudel REPL. -## Usage +## Usage via Script Tag -Either install with `npm i @strudel/embed` or just use a cdn to import the script: +Use this code in any HTML file: ```html +setcps(1) +n("<0 1 2 3 4>*8").scale('G4 minor') +.s("gm_lead_6_voice") +.clip(sine.range(.2,.8).slow(8)) +.jux(rev) +.room(2) +.sometimes(add(note("12"))) +.lpf(perlin.range(200,20000).slow(4)) +--> ``` -Note that the Code is placed inside HTML comments to prevent the browser from treating it as HTML. +This will load the strudel website in an iframe, using the code provided within the HTML comments ``. +The HTML comments are needed to make sure the browser won't interpret it as HTML. + +Alternatively you can create a REPL from JavaScript like this: + +```html + +
+ +``` + +When you're using JSX, you could also use the `code` attribute in your markup: + +```html + +*8").scale('G4 minor') +.s("gm_lead_6_voice") +.clip(sine.range(.2,.8).slow(8)) +.jux(rev) +.room(2) +.sometimes(add(note("12"))) +.lpf(perlin.range(200,20000).slow(4)) +`}> +``` diff --git a/packages/embed/embed.js b/packages/embed/embed.js index ce2e3b2a..6cf8a3b8 100644 --- a/packages/embed/embed.js +++ b/packages/embed/embed.js @@ -4,7 +4,7 @@ class Strudel extends HTMLElement { } connectedCallback() { setTimeout(() => { - const code = (this.innerHTML + '').replace('', '').trim(); + const code = this.getAttribute('code') || (this.innerHTML + '').replace('', '').trim(); const iframe = document.createElement('iframe'); const src = `https://strudel.cc/#${encodeURIComponent(btoa(code))}`; // const src = `http://localhost:3000/#${encodeURIComponent(btoa(code))}`; diff --git a/packages/repl/README.md b/packages/repl/README.md index b4cbf37c..5128a003 100644 --- a/packages/repl/README.md +++ b/packages/repl/README.md @@ -2,4 +2,93 @@ The Strudel REPL as a web component. -[Usage example](https://github.com/tidalcycles/strudel/blob/main/examples/buildless/web-component-no-iframe.html) +## Add Script Tag + +First place this script tag once in your HTML: + +```html + +``` + +You can also pin the version like this: + +```html + +``` + +This has the advantage that your code will always work, regardless of potential breaking changes in the strudel codebase. +See [releases](https://github.com/tidalcycles/strudel/releases) for the latest versions. + +## Use Web Component + +When you've added the script tag, you can use the `strudel-editor` web component: + +```html + + + +``` + +This will load the Strudel REPL using the code provided within the HTML comments ``. +The HTML comments are needed to make sure the browser won't interpret it as HTML. + +Alternatively you can create a REPL from JavaScript like this: + +```html + +
+ +``` + +## Interacting with the REPL + +If you get a hold of the `strudel-editor` element, you can interact with the strudel REPL from Javascript: + +```html + + + + + +``` + +or + +```html + +
+ +``` + +The `.editor` property on the `strudel-editor` web component gives you the instance of [StrudelMirror]() that runs the REPL. diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 033c6a7e..7db5a480 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -452,9 +452,6 @@ importers: packages/web: dependencies: - '@rollup/plugin-replace': - specifier: ^5.0.5 - version: 5.0.5 '@strudel/core': specifier: workspace:* version: link:../core @@ -471,6 +468,9 @@ importers: specifier: workspace:* version: link:../webaudio devDependencies: + '@rollup/plugin-replace': + specifier: ^5.0.5 + version: 5.0.5 vite: specifier: ^5.0.10 version: 5.0.10 @@ -563,6 +563,9 @@ importers: '@strudel/draw': specifier: workspace:* version: link:../packages/draw + '@strudel/embed': + specifier: workspace:* + version: link:../packages/embed '@strudel/hydra': specifier: workspace:* version: link:../packages/hydra @@ -3742,6 +3745,7 @@ packages: dependencies: '@rollup/pluginutils': 5.1.0 magic-string: 0.30.5 + dev: true /@rollup/pluginutils@3.1.0(rollup@2.79.1): resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==} @@ -3767,6 +3771,7 @@ packages: '@types/estree': 1.0.0 estree-walker: 2.0.2 picomatch: 2.3.1 + dev: true /@rollup/rollup-android-arm-eabi@4.9.2: resolution: {integrity: sha512-RKzxFxBHq9ysZ83fn8Iduv3A283K7zPPYuhL/z9CQuyFrjwpErJx0h4aeb/bnJ+q29GRLgJpY66ceQ/Wcsn3wA==} @@ -7168,6 +7173,7 @@ packages: /estree-walker@2.0.2: resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==} + dev: true /estree-walker@3.0.3: resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==} diff --git a/website/package.json b/website/package.json index 7af9e61e..cadcb6a1 100644 --- a/website/package.json +++ b/website/package.json @@ -34,6 +34,7 @@ "@strudel/mini": "workspace:*", "@strudel/osc": "workspace:*", "@strudel/repl": "workspace:*", + "@strudel/embed": "workspace:*", "@strudel/serial": "workspace:*", "@strudel/soundfonts": "workspace:*", "@strudel/tonal": "workspace:*", diff --git a/website/src/config.ts b/website/src/config.ts index adbcc7f0..d6ecb559 100644 --- a/website/src/config.ts +++ b/website/src/config.ts @@ -102,6 +102,7 @@ export const SIDEBAR: Sidebar = { { text: 'Strudel vs Tidal', link: 'learn/strudel-vs-tidal' }, ], Development: [ + { text: 'Strudel in your Project', link: 'technical-manual/project-start' }, { text: 'REPL', link: 'technical-manual/repl' }, { text: 'Sounds', link: 'technical-manual/sounds' }, { text: 'Packages', link: 'technical-manual/packages' }, diff --git a/website/src/layouts/MainLayout.astro b/website/src/layouts/MainLayout.astro index 49952a7e..190e0dd5 100644 --- a/website/src/layouts/MainLayout.astro +++ b/website/src/layouts/MainLayout.astro @@ -28,6 +28,10 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`; {frontmatter.title ? `${frontmatter.title} 🌀 ${CONFIG.SITE.title}` : CONFIG.SITE.title} + diff --git a/website/src/pages/technical-manual/project-start.mdx b/website/src/pages/technical-manual/project-start.mdx new file mode 100644 index 00000000..638065ea --- /dev/null +++ b/website/src/pages/technical-manual/project-start.mdx @@ -0,0 +1,122 @@ +--- +title: Using Strudel in your Project +layout: ../../layouts/MainLayout.astro +--- + +# Using Strudel in your Project + +This Guide shows you the different ways to get started with using Strudel in your own project. + +## Embedding the Strudel REPL + +There are 3 quick ways to embed strudel in your website: + +1. Embed the strudel website as an iframe directly +2. Embed the strudel website as an iframe using `@strudel/embed` +3. Embed the REPL directly using `@strudel/repl` + +### Inside an iframe + +Using an iframe is the most easy way to embed a studel tune. +You can embed any pattern of your choice via an iframe and the URL of the pattern of your choice: + +```html + +``` + +The URL can be obtained by pressing `share` in the REPL. +Note that these share links depend on a database, which is not guaranteed to live forever. +To make sure your code is not lost, you can also use the long url: + +```html + +``` + +That long URL can just be copy pasted from the URL bar when you're on the strudel website. It always reflects the latest evaluation of your code. + +### Inside an iframe via `@strudel/embed` + +To simplify the process of emebdding via an iframe, you can use the package `@strudel/embed`: + +```html + + + + +``` + +This will load the strudel website in an iframe, using the code provided within the HTML comments ``. +The HTML comments are needed to make sure the browser won't interpret it as HTML. + +This is the result: + +*8").scale('G4 minor') +.s("gm_lead_6_voice") +.clip(sine.range(.2,.8).slow(8)) +.jux(rev) +.room(2) +.sometimes(add(note("12"))) +.lpf(perlin.range(200,20000).slow(4))`}> + + +For alternative ways to load this package, see [@strudel/embed README](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelembed). + +### Without an iframe via `@strudel/repl` + +Loading strudel directly in your site looks similar to the iframe variant: + +```html + + + + +``` + +Here, we're loading `@strudel/repl` instead of `@strudel/embed`, and the component is called `strudel-editor` instead of `strudel-repl`. +Yes the naming is a bit confusing.. + +*8").scale('G4 minor') +.s("gm_lead_6_voice") +.clip(sine.range(.2,.8).slow(8)) +.jux(rev) +.room(2) +.sometimes(add(note("12"))) +.lpf(perlin.range(200,20000).slow(4))`}> + + +The upside of using the repl without an iframe is that you can pin the strudel version you're using: + +```html + + + + +``` + +This will guarantee your pattern wont break due to changes to the strudel project in the future. From 52a311aae632de3ca833b0244dddc260a4fb1628 Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Fri, 22 Mar 2024 15:55:12 +0100 Subject: [PATCH 5/9] add link to StrudelMirror --- packages/repl/README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/repl/README.md b/packages/repl/README.md index 5128a003..b82f3434 100644 --- a/packages/repl/README.md +++ b/packages/repl/README.md @@ -91,4 +91,6 @@ or ``` -The `.editor` property on the `strudel-editor` web component gives you the instance of [StrudelMirror]() that runs the REPL. +The `.editor` property on the `strudel-editor` web component gives you the instance of [StrudelMirror](https://github.com/tidalcycles/strudel/blob/a46bd9b36ea7d31c9f1d3fca484297c7da86893f/packages/codemirror/codemirror.mjs#L124) that runs the REPL. + +For example, you could use `setCode` to change the code from the outside, `start` / `stop` to toggle playback or `evaluate` to evaluate the code. From df03e9a3793e018825cfb5a0744ab9a357a7172c Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Fri, 22 Mar 2024 16:17:09 +0100 Subject: [PATCH 6/9] finish project start page + link it in main readme --- README.md | 18 ++------- packages/web/README.md | 13 +++---- website/src/config.ts | 2 +- .../src/pages/technical-manual/packages.mdx | 2 + .../pages/technical-manual/project-start.mdx | 37 +++++++++++++++++-- 5 files changed, 44 insertions(+), 28 deletions(-) diff --git a/README.md b/README.md index dd857537..f8b1ab2c 100644 --- a/README.md +++ b/README.md @@ -15,25 +15,13 @@ An experiment in making a [Tidal](https://github.com/tidalcycles/tidal/) using w After cloning the project, you can run the REPL locally: ```bash -pnpm run setup -pnpm run repl +pnpm i +pnpm dev ``` ## Using Strudel In Your Project -There are multiple npm packages you can use to use strudel, or only parts of it, in your project: - -- [`core`](./packages/core/): tidal pattern engine -- [`mini`](./packages/mini): mini notation parser + core binding -- [`transpiler`](./packages/transpiler): user code transpiler -- [`webaudio`](./packages/webaudio): webaudio output -- [`osc`](./packages/osc): bindings to communicate via OSC -- [`midi`](./packages/midi): webmidi bindings -- [`serial`](./packages/serial): webserial bindings -- [`tonal`](./packages/tonal): tonal functions -- ... [and there are more](./packages/) - -Click on the package names to find out more about each one. +Read more about how to use Strudel in your Project [here](https://strudel.cc/technical-manual/project-start). ## Contributing diff --git a/packages/web/README.md b/packages/web/README.md index b3d2f6fe..8b567729 100644 --- a/packages/web/README.md +++ b/packages/web/README.md @@ -7,20 +7,17 @@ This package provides an easy to use bundle of multiple strudel packages for the Save this code as a `.html` file and double click it: ```html - + + - ``` -With the help of [skypack](https://www.skypack.dev/), you don't need a bundler nor a server. - As soon as you call `initStrudel()`, all strudel functions are made available. In this case, we are using the `note` function to create a pattern. To actually play the pattern, you have to append `.play()` to the end. @@ -79,4 +76,4 @@ There will probably be an escapte hatch for that in the future. ## More Examples -Check out the examples folder for more examples, both using plain html and vite! \ No newline at end of file +Check out the examples folder for more examples, both using plain html and vite! diff --git a/website/src/config.ts b/website/src/config.ts index d6ecb559..012a6542 100644 --- a/website/src/config.ts +++ b/website/src/config.ts @@ -103,9 +103,9 @@ export const SIDEBAR: Sidebar = { ], Development: [ { text: 'Strudel in your Project', link: 'technical-manual/project-start' }, + { text: 'Packages', link: 'technical-manual/packages' }, { text: 'REPL', link: 'technical-manual/repl' }, { text: 'Sounds', link: 'technical-manual/sounds' }, - { text: 'Packages', link: 'technical-manual/packages' }, { text: 'Docs', link: 'technical-manual/docs' }, { text: 'Testing', link: 'technical-manual/testing' }, // { text: 'Internals', link: 'technical-manual/internals' }, diff --git a/website/src/pages/technical-manual/packages.mdx b/website/src/pages/technical-manual/packages.mdx index 5f272b68..9a067317 100644 --- a/website/src/pages/technical-manual/packages.mdx +++ b/website/src/pages/technical-manual/packages.mdx @@ -26,6 +26,8 @@ These packages give you a batteries-included point of getting started, and most - [repl](https://github.com/tidalcycles/strudel/tree/main/packages/repl): The Strudel REPL as a web component. - [web](https://github.com/tidalcycles/strudel/tree/main/packages/web): Strudel library for the browser, without UI. +To find out more about these two, read [Using Strudel in Your Project](/technical-manual/project-start) + ### Essential Packages These package are the most essential. You might want to use all of those if you're using strudel in your project: diff --git a/website/src/pages/technical-manual/project-start.mdx b/website/src/pages/technical-manual/project-start.mdx index 638065ea..db5c601b 100644 --- a/website/src/pages/technical-manual/project-start.mdx +++ b/website/src/pages/technical-manual/project-start.mdx @@ -38,7 +38,7 @@ To make sure your code is not lost, you can also use the long url: That long URL can just be copy pasted from the URL bar when you're on the strudel website. It always reflects the latest evaluation of your code. -### Inside an iframe via `@strudel/embed` +### @strudel/embed To simplify the process of emebdding via an iframe, you can use the package `@strudel/embed`: @@ -73,11 +73,11 @@ n("<0 1 2 3 4>*8").scale('G4 minor') .lpf(perlin.range(200,20000).slow(4))`}> -For alternative ways to load this package, see [@strudel/embed README](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelembed). +For alternative ways to load this package, see the [@strudel/embed README](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelembed). -### Without an iframe via `@strudel/repl` +### @strudel/repl -Loading strudel directly in your site looks similar to the iframe variant: +Loading strudel directly in your site, without an iframe, looks similar to the iframe variant: ```html @@ -120,3 +120,32 @@ The upside of using the repl without an iframe is that you can pin the strudel v ``` This will guarantee your pattern wont break due to changes to the strudel project in the future. + +For more info on this package, see the [@strudel/repl README](https://github.com/tidalcycles/strudel/tree/main/packages/repl#strudelrepl). + +## With your own UI + +The above approach assumes you want to use the builtin [codemirror](https://codemirror.net/) editor. +If you'd rather use your own UI, you can use the `@strudel/web` package: + +```html + + + + + +``` + +For more info on this package, see the [@strudel/web README](https://github.com/tidalcycles/strudel/tree/main/packages/web#strudelweb). + +## Via npm + +[All the packages and many more are available on npm under the @strudel namespace](https://www.npmjs.com/search?q=%40strudel). +There are actually many more packages you can use to have fine grained control over what you use and what not. +To use these packages, you have to use a bundler that supports es modules, like [vite](https://vitejs.dev/). + +To find out more about the purpose of each package, see [Packages](/technical-manual/packages) From 4f0f388ca263ed12dbe0e51e1ba424e628f1b9ca Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Fri, 22 Mar 2024 16:19:45 +0100 Subject: [PATCH 7/9] a few more words --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index f8b1ab2c..7743bcab 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,9 @@ pnpm dev ## Using Strudel In Your Project -Read more about how to use Strudel in your Project [here](https://strudel.cc/technical-manual/project-start). +This project is organized into many [packages](./packages), which are also available on [npm](https://www.npmjs.com/search?q=%40strudel). + +Read more about how to use these in your own project [here](https://strudel.cc/technical-manual/project-start). ## Contributing From 52d3ee0f8538c9e3cb63a3f504a8ae397ca45f11 Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Fri, 22 Mar 2024 16:23:18 +0100 Subject: [PATCH 8/9] remove demo + scripts on all doc pages --- examples/buildless/basic.html | 2 +- website/src/layouts/MainLayout.astro | 4 ---- .../pages/technical-manual/project-start.mdx | 22 ------------------- 3 files changed, 1 insertion(+), 27 deletions(-) diff --git a/examples/buildless/basic.html b/examples/buildless/basic.html index 259c81f8..bd74d83b 100644 --- a/examples/buildless/basic.html +++ b/examples/buildless/basic.html @@ -22,5 +22,5 @@

This page shows how skypack can be used to import strudel core directly into a simple html page.
- No server, no bundler and no build setup is needed to run this!
+ No server, no bundler and no build setup is needed to run this!

diff --git a/website/src/layouts/MainLayout.astro b/website/src/layouts/MainLayout.astro index 190e0dd5..49952a7e 100644 --- a/website/src/layouts/MainLayout.astro +++ b/website/src/layouts/MainLayout.astro @@ -28,10 +28,6 @@ const githubEditUrl = `${CONFIG.GITHUB_EDIT_URL}/${currentFile}`; {frontmatter.title ? `${frontmatter.title} 🌀 ${CONFIG.SITE.title}` : CONFIG.SITE.title} - diff --git a/website/src/pages/technical-manual/project-start.mdx b/website/src/pages/technical-manual/project-start.mdx index db5c601b..64081625 100644 --- a/website/src/pages/technical-manual/project-start.mdx +++ b/website/src/pages/technical-manual/project-start.mdx @@ -61,18 +61,6 @@ n("<0 1 2 3 4>*8").scale('G4 minor') This will load the strudel website in an iframe, using the code provided within the HTML comments ``. The HTML comments are needed to make sure the browser won't interpret it as HTML. -This is the result: - -*8").scale('G4 minor') -.s("gm_lead_6_voice") -.clip(sine.range(.2,.8).slow(8)) -.jux(rev) -.room(2) -.sometimes(add(note("12"))) -.lpf(perlin.range(200,20000).slow(4))`}> - - For alternative ways to load this package, see the [@strudel/embed README](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelembed). ### @strudel/repl @@ -98,16 +86,6 @@ n("<0 1 2 3 4>*8").scale('G4 minor') Here, we're loading `@strudel/repl` instead of `@strudel/embed`, and the component is called `strudel-editor` instead of `strudel-repl`. Yes the naming is a bit confusing.. -*8").scale('G4 minor') -.s("gm_lead_6_voice") -.clip(sine.range(.2,.8).slow(8)) -.jux(rev) -.room(2) -.sometimes(add(note("12"))) -.lpf(perlin.range(200,20000).slow(4))`}> - - The upside of using the repl without an iframe is that you can pin the strudel version you're using: ```html From d299e76c82fee473f10df0a0c03287aad6e3d876 Mon Sep 17 00:00:00 2001 From: Felix Roos Date: Fri, 22 Mar 2024 16:25:10 +0100 Subject: [PATCH 9/9] remove embed and repl deps from website --- pnpm-lock.yaml | 6 ------ website/package.json | 2 -- website/src/docs/MiniRepl.jsx | 1 - 3 files changed, 9 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7db5a480..282f2b7b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -563,9 +563,6 @@ importers: '@strudel/draw': specifier: workspace:* version: link:../packages/draw - '@strudel/embed': - specifier: workspace:* - version: link:../packages/embed '@strudel/hydra': specifier: workspace:* version: link:../packages/hydra @@ -578,9 +575,6 @@ importers: '@strudel/osc': specifier: workspace:* version: link:../packages/osc - '@strudel/repl': - specifier: workspace:* - version: link:../packages/repl '@strudel/serial': specifier: workspace:* version: link:../packages/serial diff --git a/website/package.json b/website/package.json index cadcb6a1..47625ec0 100644 --- a/website/package.json +++ b/website/package.json @@ -33,8 +33,6 @@ "@strudel/midi": "workspace:*", "@strudel/mini": "workspace:*", "@strudel/osc": "workspace:*", - "@strudel/repl": "workspace:*", - "@strudel/embed": "workspace:*", "@strudel/serial": "workspace:*", "@strudel/soundfonts": "workspace:*", "@strudel/tonal": "workspace:*", diff --git a/website/src/docs/MiniRepl.jsx b/website/src/docs/MiniRepl.jsx index cb0f26f7..fe618965 100644 --- a/website/src/docs/MiniRepl.jsx +++ b/website/src/docs/MiniRepl.jsx @@ -5,7 +5,6 @@ import { getPunchcardPainter } from '@strudel/draw'; import { transpiler } from '@strudel/transpiler'; import { getAudioContext, webaudioOutput, initAudioOnFirstClick } from '@strudel/webaudio'; import { StrudelMirror } from '@strudel/codemirror'; -// import { prebake } from '@strudel/repl'; import { prebake } from '../repl/prebake.mjs'; import { loadModules } from '../repl/util.mjs'; import Claviature from '@components/Claviature';