30:T502,Notebook = ({ item, codes, column, onCodesChange, ...props }) => { let ref = React.useRef(); let value = React.useRef(new Mutable(item)); React.useEffect(() => { let code_with_derived = ` ${Object.keys(item) .map(key => `${key} = row.${key};`) .join('\n\n')} ${Object.entries(codes) .map(([key, code]) => `${key} = ${code}`) .join('\n\n')} `; value.current.value = item; let hmmm = notebook_direct(code_with_derived)({ // replacements: { row: value.current.generator // }, // onCodeChange: changed_cell => { // let new_codes = { ...codes }; // delete new_codes[changed_cell.old_name]; // new_codes[changed_cell.new_name] = changed_cell.code.replace( // /^[^=]+=/, // '' // ); // console.log('new_codes:', new_codes); // onCodesChange(new_codes); // } }); if (ref.current.firstChild) { ref.current.firstChild.remove(); } ref.current.appendChild(hmmm); }, [codes]); React.useEffect(() => { value.current.value = item; console.log('value.current.value:', value.current.value); }, [item, codes]); return htm`

`; }31:[] 2e:{"title":"Table","cells":[{"id":0,"value":"md`# Table`","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"import {\n notebook,\n notebook_styles\n} from \"@dralletje/functions-are-notebooks-with-custom-runtime\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":161,"value":"ObservableHq = require(\"@observablehq/runtime@4\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":100,"value":"notebook_styles","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"array = [\n { firstName: 'Michiel', lastName: 'Dral', age: 23 },\n { firstName: 'Jelmar', lastName: 'Gerritsen', age: 22 },\n { firstName: 'Sarah', lastName: null, age: 22 }\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"keys = Object.keys(array[0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"mutable selected_cell = null","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"mutable codes = ({\n can_drink: `age > 18`,\n name: `[firstName, lastName].filter(Boolean).join(' ')`,\n thing: `{ let test = 2; return test }`\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":172,"value":"html`