elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-11 21:58:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

add missing styles + fix demo

Browse Source
This commit is contained in:
Felix Roos 2022-05-20 00:08:50 +02:00
parent a29c5f1bd8
commit 7eeae4292c
3 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/react/src/App.jsx
View File

@ -1,11 +1,26 @@
import React from 'react';
import { MiniRepl } from './components/MiniRepl';
import 'tailwindcss/tailwind.css';
import { Tone, getDefaultSynth } from '@strudel.cycles/tone';
import { evalScope } from '@strudel.cycles/eval';
const defaultSynth = getDefaultSynth();
evalScope(
Tone,
import('@strudel.cycles/core'),
import('@strudel.cycles/tone'),
import('@strudel.cycles/tonal'),
import('@strudel.cycles/mini'),
import('@strudel.cycles/midi'),
import('@strudel.cycles/xen'),
import('@strudel.cycles/webaudio'),
);
function App() {
return (
<div>
<MiniRepl tune={`"c3"`} />
<MiniRepl tune={`"c3"`} defaultSynth={defaultSynth} />
</div>
);
}

1
packages/react/src/components/MiniRepl.jsx
View File

@ -5,6 +5,7 @@ import cx from '../cx';
import useHighlighting from '../hooks/useHighlighting.mjs';
import CodeMirror6 from './CodeMirror6';
import 'tailwindcss/tailwind.css';
import './style.css';
import styles from './MiniRepl.module.css';
import { Icon } from './Icon';

3
packages/react/src/components/style.css Normal file
View File

@ -0,0 +1,3 @@
.cm-editor {
background-color: transparent !important;
}