hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

nano-repl add modules + proper eval

Browse source
This commit is contained in:
Felix Roos 2022-08-18 00:27:16 +02:00
parent 48bf17614f
commit e3e3a8404a
2 changed files with 33 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/react/src/hooks/useEvaluator.jsx
View file

@ -1,14 +1,20 @@
import { useRef, useState, useCallback, useEffect } from 'react';
import { evaluate as _evaluate } from '@strudel.cycles/eval';
function useEvaluator(code, evalOnMount = true) {
function useEvaluator({ code, evalOnMount = true }) {
const [error, setError] = useState();
const [activeCode, setActiveCode] = useState(code);
const [pattern, setPattern] = useState();
const isDirty = code !== activeCode;
const evaluate = useCallback(() => {
const evaluate = useCallback(async () => {
if (!code) {
console.log('no code..');
return;
}
try {
// TODO: use @strudel.cycles/eval or let user inject custom eval function
const _pattern = eval(code);
// TODO: let user inject custom eval function?
const { pattern: _pattern } = await _evaluate(code);
setActiveCode(activeCode);
setPattern(_pattern);
setError();
@ -20,9 +26,9 @@ function useEvaluator(code, evalOnMount = true) {
const inited = useRef();
useEffect(() => {
if (!inited.current && evalOnMount) {
inited.current = true;
evaluate();
}
inited.current = true;
}, [evaluate, evalOnMount]);
return { error, evaluate, activeCode, pattern, isDirty };
}