1b8688f274
* Fix to allow variable shadowing inside functions * Implement closures * Fix KCL test code to not reference future tag definition * Remove tag declarator from function parameters This is an example where the scoping change revealed a subtle issue with TagDeclarators. You cannot bind a new tag using a function parameter. The issue is that evaluating a TagDeclarator like $foo binds an identifier to its corresponding TagIdentifier, but returns the TagDeclarator. If you have a TagDeclarator passed in as a parameter to a function, you can never get its corresponding TagIdentifier. This seems like a case where TagDeclarator evaluation needs to be revisited, especially now that we have scoped tags. * Fix to query return, functions, and tag declarator AST nodes correctly
108 lines
3.4 KiB
TypeScript
108 lines
3.4 KiB
TypeScript
import toast from 'react-hot-toast'
|
|
import ReactJson from 'react-json-view'
|
|
import { useMemo } from 'react'
|
|
import { ProgramMemory, Path, ExtrudeSurface } from 'lang/wasm'
|
|
import { useKclContext } from 'lang/KclProvider'
|
|
import { useResolvedTheme } from 'hooks/useResolvedTheme'
|
|
import { ActionButton } from 'components/ActionButton'
|
|
import { trap } from 'lib/trap'
|
|
import Tooltip from 'components/Tooltip'
|
|
import { useModelingContext } from 'hooks/useModelingContext'
|
|
|
|
export const MemoryPaneMenu = () => {
|
|
const { programMemory } = useKclContext()
|
|
|
|
function copyProgramMemoryToClipboard() {
|
|
if (globalThis && 'navigator' in globalThis) {
|
|
navigator.clipboard
|
|
.writeText(JSON.stringify(programMemory))
|
|
.then(() => toast.success('Program memory copied to clipboard'))
|
|
.catch((e) =>
|
|
trap(new Error('Failed to copy program memory to clipboard'))
|
|
)
|
|
}
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<ActionButton
|
|
Element="button"
|
|
iconStart={{
|
|
icon: 'clipboardPlus',
|
|
iconClassName: '!text-current',
|
|
bgClassName: 'bg-transparent',
|
|
}}
|
|
className="!p-0 !bg-transparent hover:text-primary border-transparent hover:border-primary !outline-none"
|
|
onClick={copyProgramMemoryToClipboard}
|
|
>
|
|
<Tooltip position="bottom-right" delay={750}>
|
|
Copy to clipboard
|
|
</Tooltip>
|
|
</ActionButton>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export const MemoryPane = () => {
|
|
const theme = useResolvedTheme()
|
|
const { programMemory } = useKclContext()
|
|
const { state } = useModelingContext()
|
|
const ProcessedMemory = useMemo(
|
|
() => processMemory(programMemory),
|
|
[programMemory]
|
|
)
|
|
return (
|
|
<div className="h-full relative">
|
|
<div className="absolute inset-0 p-2 flex flex-col items-start">
|
|
<div className="overflow-auto h-full w-full pb-12">
|
|
<ReactJson
|
|
src={ProcessedMemory}
|
|
collapsed={1}
|
|
collapseStringsAfterLength={60}
|
|
enableClipboard={false}
|
|
displayDataTypes={false}
|
|
displayObjectSize={true}
|
|
indentWidth={2}
|
|
quotesOnKeys={false}
|
|
sortKeys={true}
|
|
name={false}
|
|
theme={theme === 'light' ? 'rjv-default' : 'monokai'}
|
|
/>
|
|
</div>
|
|
</div>
|
|
{state.matches('Sketch') && (
|
|
<div
|
|
className="absolute inset-0 dark:bg-chalkboard-90/80 bg-chalkboard-10/80 cursor-not-allowed"
|
|
title="Variables won't update in sketch mode"
|
|
></div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export const processMemory = (programMemory: ProgramMemory) => {
|
|
const processedMemory: any = {}
|
|
for (const [key, val] of programMemory?.visibleEntries()) {
|
|
if (typeof val.value !== 'function') {
|
|
if (val.type === 'SketchGroup') {
|
|
processedMemory[key] = val.value.map(({ __geoMeta, ...rest }: Path) => {
|
|
return rest
|
|
})
|
|
} else if (val.type === 'ExtrudeGroup') {
|
|
processedMemory[key] = val.value.map(({ ...rest }: ExtrudeSurface) => {
|
|
return rest
|
|
})
|
|
} else if ((val.type as any) === 'Function') {
|
|
processedMemory[key] = `__function(${(val as any)?.expression?.params
|
|
?.map?.(({ identifier }: any) => identifier?.name || '')
|
|
.join(', ')})__`
|
|
} else {
|
|
processedMemory[key] = val.value
|
|
}
|
|
} else if (key !== 'log') {
|
|
processedMemory[key] = '__function__'
|
|
}
|
|
}
|
|
return processedMemory
|
|
}
|