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

fix: hash urls

Browse Source
This commit is contained in:
Felix Roos 2022-11-10 21:11:25 +01:00
parent 25ffc9cf96
commit dde7dff870
4 changed files with 271 additions and 267 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/react/dist/index.cjs.js vendored
View File

File diff suppressed because one or more lines are too long

494
packages/react/dist/index.es.js vendored
View File

File diff suppressed because one or more lines are too long

5
packages/react/src/hooks/useStrudel.mjs
View File

@ -2,7 +2,7 @@ import { useRef, useCallback, useEffect, useMemo, useState } from 'react';
import { repl } from '@strudel.cycles/core/repl.mjs';
import { transpiler } from '@strudel.cycles/transpiler';
function useStrudel({ defaultOutput, interval, getTime, evalOnMount = false, initialCode = '' }) {
function useStrudel({ defaultOutput, interval, getTime, evalOnMount = false, initialCode = '', autolink = false }) {
// scheduler
const [schedulerError, setSchedulerError] = useState();
const [evalError, setEvalError] = useState();
@ -30,6 +30,9 @@ function useStrudel({ defaultOutput, interval, getTime, evalOnMount = false, ini
setActiveCode(code);
setPattern(_pattern);
setEvalError();
if (autolink) {
window.location.hash = '#' + encodeURIComponent(btoa(code));
}
},
onToggle: (v) => setStarted(v),
}),

7
repl/src/App.jsx
View File

@ -14,7 +14,7 @@ import * as tunes from './tunes.mjs';
import { prebake } from './prebake.mjs';
import * as WebDirt from 'WebDirt';
import { resetLoadedSamples, getAudioContext } from '@strudel.cycles/webaudio';
import { controls, evalScope } from '@strudel.cycles/core';
import { controls, evalScope, logger } from '@strudel.cycles/core';
import { createClient } from '@supabase/supabase-js';
import { nanoid } from 'nanoid';
import { useStrudel } from '@strudel.cycles/react';
@ -44,7 +44,8 @@ evalScope(
prebake();
const pushLog = console.log;
const pushLog = (message) =>
logger(`%c${message}`, 'background-color: black;color:white;padding:4px;border-radius:15px');
const hideHeader = false;
const pending = false;
const getTime = () => getAudioContext().currentTime;
@ -57,7 +58,6 @@ async function initCode() {
const codeParam = window.location.href.split('#')[1];
// looking like https://strudel.tidalcycles.org/?J01s5i1J0200 (fixed hash length)
if (codeParam) {
console.log('decode hash from url');
// looking like https://strudel.tidalcycles.org/#ImMzIGUzIg%3D%3D (hash length depends on code length)
return atob(decodeURIComponent(codeParam || ''));
} else if (hash) {
@ -110,6 +110,7 @@ function App() {
initialCode: '// LOADING',
defaultOutput: webaudioOutput,
getTime,
autolink: true,
});
useEffect(() => {
initCode().then((decoded) => setCode(decoded || randomTune));