2023-03-10 08:48:50 +11:00
|
|
|
import { useState, useEffect } from 'react'
|
|
|
|
import { create } from 'react-modal-promise'
|
2023-10-11 13:36:54 +11:00
|
|
|
import { Selections, toolTips, useStore } from '../../useStore'
|
|
|
|
import { Program, Value } from '../../lang/wasm'
|
2023-03-10 08:48:50 +11:00
|
|
|
import {
|
|
|
|
getNodePathFromSourceRange,
|
|
|
|
getNodeFromPath,
|
|
|
|
} from '../../lang/queryAst'
|
|
|
|
import {
|
2023-10-11 13:36:54 +11:00
|
|
|
PathToNodeMap,
|
2023-03-10 08:48:50 +11:00
|
|
|
TransformInfo,
|
|
|
|
getTransformInfos,
|
|
|
|
transformAstSketchLines,
|
|
|
|
} from '../../lang/std/sketchcombos'
|
2023-03-13 09:22:05 +11:00
|
|
|
import { SetAngleLengthModal } from '../SetAngleLengthModal'
|
2023-04-03 20:40:58 +10:00
|
|
|
import {
|
|
|
|
createBinaryExpressionWithUnary,
|
|
|
|
createIdentifier,
|
|
|
|
createVariableDeclaration,
|
|
|
|
} from '../../lang/modifyAst'
|
2023-04-02 17:20:11 +10:00
|
|
|
import { removeDoubleNegatives } from '../AvailableVarsHelpers'
|
2023-04-03 20:40:58 +10:00
|
|
|
import { normaliseAngle } from '../../lib/utils'
|
2023-10-11 13:36:54 +11:00
|
|
|
import { kclManager } from 'lang/KclSinglton'
|
2023-03-10 08:48:50 +11:00
|
|
|
|
2023-10-10 06:43:25 +11:00
|
|
|
const getModalInfo = create(SetAngleLengthModal as any)
|
2023-03-10 08:48:50 +11:00
|
|
|
|
2023-09-16 01:23:11 -04:00
|
|
|
type ButtonType = 'setAngle' | 'setLength'
|
|
|
|
|
|
|
|
const buttonLabels: Record<ButtonType, string> = {
|
|
|
|
setAngle: 'Set Angle',
|
|
|
|
setLength: 'Set Length',
|
|
|
|
}
|
|
|
|
|
2023-10-11 13:36:54 +11:00
|
|
|
/*
|
2023-03-10 08:48:50 +11:00
|
|
|
export const SetAngleLength = ({
|
|
|
|
angleOrLength,
|
|
|
|
}: {
|
2023-09-16 01:23:11 -04:00
|
|
|
angleOrLength: ButtonType
|
2023-03-10 08:48:50 +11:00
|
|
|
}) => {
|
2023-10-11 13:36:54 +11:00
|
|
|
const { guiMode, selectionRanges, setCursor } = useStore((s) => ({
|
|
|
|
guiMode: s.guiMode,
|
|
|
|
selectionRanges: s.selectionRanges,
|
|
|
|
setCursor: s.setCursor,
|
|
|
|
}))
|
2023-04-01 16:47:00 +11:00
|
|
|
const [enableAngLen, setEnableAngLen] = useState(false)
|
2023-03-10 08:48:50 +11:00
|
|
|
const [transformInfos, setTransformInfos] = useState<TransformInfo[]>()
|
|
|
|
useEffect(() => {
|
2023-10-11 13:36:54 +11:00
|
|
|
const { enabled, transforms } = setAngleLengthInfo({
|
|
|
|
selectionRanges,
|
|
|
|
angleOrLength,
|
|
|
|
})
|
|
|
|
|
|
|
|
setTransformInfos(transforms)
|
|
|
|
setEnableAngLen(enabled)
|
2023-03-10 08:48:50 +11:00
|
|
|
}, [guiMode, selectionRanges])
|
|
|
|
if (guiMode.mode !== 'sketch') return null
|
|
|
|
|
|
|
|
return (
|
|
|
|
<button
|
|
|
|
onClick={async () => {
|
2023-10-11 13:36:54 +11:00
|
|
|
if (!transformInfos) return
|
2023-04-03 16:05:25 +10:00
|
|
|
const { valueUsedInTransform } = transformAstSketchLines({
|
2023-10-11 13:36:54 +11:00
|
|
|
ast: JSON.parse(JSON.stringify(kclManager.ast)),
|
2023-03-10 08:48:50 +11:00
|
|
|
selectionRanges,
|
|
|
|
transformInfos,
|
2023-10-11 13:36:54 +11:00
|
|
|
programMemory: kclManager.programMemory,
|
2023-03-10 08:48:50 +11:00
|
|
|
referenceSegName: '',
|
|
|
|
})
|
|
|
|
try {
|
2023-04-03 20:40:58 +10:00
|
|
|
const isReferencingYAxis =
|
|
|
|
selectionRanges.otherSelections.length === 1 &&
|
|
|
|
selectionRanges.otherSelections[0] === 'y-axis'
|
|
|
|
const isReferencingYAxisAngle =
|
|
|
|
isReferencingYAxis && angleOrLength === 'setAngle'
|
|
|
|
|
|
|
|
const isReferencingXAxis =
|
|
|
|
selectionRanges.otherSelections.length === 1 &&
|
|
|
|
selectionRanges.otherSelections[0] === 'x-axis'
|
|
|
|
const isReferencingXAxisAngle =
|
|
|
|
isReferencingXAxis && angleOrLength === 'setAngle'
|
|
|
|
|
|
|
|
let forceVal = valueUsedInTransform || 0
|
|
|
|
let calcIdentifier = createIdentifier('_0')
|
|
|
|
if (isReferencingYAxisAngle) {
|
|
|
|
calcIdentifier = createIdentifier(forceVal < 0 ? '_270' : '_90')
|
|
|
|
forceVal = normaliseAngle(forceVal + (forceVal < 0 ? 90 : -90))
|
|
|
|
} else if (isReferencingXAxisAngle) {
|
|
|
|
calcIdentifier = createIdentifier(
|
|
|
|
Math.abs(forceVal) > 90 ? '_180' : '_0'
|
|
|
|
)
|
|
|
|
forceVal =
|
|
|
|
Math.abs(forceVal) > 90
|
|
|
|
? normaliseAngle(forceVal - 180)
|
|
|
|
: forceVal
|
|
|
|
}
|
2023-04-02 17:20:11 +10:00
|
|
|
const { valueNode, variableName, newVariableInsertIndex, sign } =
|
2023-03-13 09:22:05 +11:00
|
|
|
await getModalInfo({
|
2023-04-03 20:40:58 +10:00
|
|
|
value: forceVal,
|
2023-03-13 09:22:05 +11:00
|
|
|
valueName: angleOrLength === 'setAngle' ? 'angle' : 'length',
|
2023-04-07 01:21:33 +10:00
|
|
|
shouldCreateVariable: true,
|
2023-10-10 06:43:25 +11:00
|
|
|
} as any)
|
2023-04-03 20:40:58 +10:00
|
|
|
let finalValue = removeDoubleNegatives(valueNode, sign, variableName)
|
|
|
|
if (
|
|
|
|
isReferencingYAxisAngle ||
|
|
|
|
(isReferencingXAxisAngle && calcIdentifier.name !== '_0')
|
|
|
|
) {
|
|
|
|
finalValue = createBinaryExpressionWithUnary([
|
|
|
|
calcIdentifier,
|
|
|
|
finalValue,
|
|
|
|
])
|
|
|
|
}
|
2023-03-10 08:48:50 +11:00
|
|
|
|
2023-04-14 07:49:36 +10:00
|
|
|
const { modifiedAst: _modifiedAst, pathToNodeMap } =
|
|
|
|
transformAstSketchLines({
|
2023-10-11 13:36:54 +11:00
|
|
|
ast: JSON.parse(JSON.stringify(kclManager.ast)),
|
2023-04-14 07:49:36 +10:00
|
|
|
selectionRanges,
|
|
|
|
transformInfos,
|
2023-10-11 13:36:54 +11:00
|
|
|
programMemory: kclManager.programMemory,
|
2023-04-14 07:49:36 +10:00
|
|
|
referenceSegName: '',
|
|
|
|
forceValueUsedInTransform: finalValue,
|
|
|
|
})
|
2023-03-10 08:48:50 +11:00
|
|
|
if (variableName) {
|
|
|
|
const newBody = [..._modifiedAst.body]
|
|
|
|
newBody.splice(
|
2023-03-13 09:22:05 +11:00
|
|
|
newVariableInsertIndex,
|
2023-03-10 08:48:50 +11:00
|
|
|
0,
|
|
|
|
createVariableDeclaration(variableName, valueNode)
|
|
|
|
)
|
|
|
|
_modifiedAst.body = newBody
|
|
|
|
}
|
|
|
|
|
2023-10-11 13:36:54 +11:00
|
|
|
kclManager.updateAst(_modifiedAst, true, {
|
2023-04-14 07:49:36 +10:00
|
|
|
callBack: updateCursors(setCursor, selectionRanges, pathToNodeMap),
|
|
|
|
})
|
2023-03-10 08:48:50 +11:00
|
|
|
} catch (e) {
|
2023-09-25 17:28:03 +10:00
|
|
|
console.log('erorr', e)
|
2023-03-10 08:48:50 +11:00
|
|
|
}
|
|
|
|
}}
|
2023-04-01 16:47:00 +11:00
|
|
|
disabled={!enableAngLen}
|
2023-09-16 01:23:11 -04:00
|
|
|
title={buttonLabels[angleOrLength]}
|
2023-03-10 08:48:50 +11:00
|
|
|
>
|
2023-09-16 01:23:11 -04:00
|
|
|
{buttonLabels[angleOrLength]}
|
2023-03-10 08:48:50 +11:00
|
|
|
</button>
|
|
|
|
)
|
|
|
|
}
|
2023-10-11 13:36:54 +11:00
|
|
|
*/
|
|
|
|
|
|
|
|
export function setAngleLengthInfo({
|
|
|
|
selectionRanges,
|
|
|
|
angleOrLength = 'setLength',
|
|
|
|
}: {
|
|
|
|
selectionRanges: Selections
|
|
|
|
angleOrLength?: 'setLength' | 'setAngle'
|
|
|
|
}) {
|
|
|
|
const paths = selectionRanges.codeBasedSelections.map(({ range }) =>
|
|
|
|
getNodePathFromSourceRange(kclManager.ast, range)
|
|
|
|
)
|
|
|
|
const nodes = paths.map(
|
|
|
|
(pathToNode) =>
|
|
|
|
getNodeFromPath<Value>(kclManager.ast, pathToNode, 'CallExpression').node
|
|
|
|
)
|
|
|
|
const isAllTooltips = nodes.every(
|
|
|
|
(node) =>
|
|
|
|
node?.type === 'CallExpression' &&
|
|
|
|
toolTips.includes(node.callee.name as any)
|
|
|
|
)
|
|
|
|
|
|
|
|
const transforms = getTransformInfos(
|
|
|
|
selectionRanges,
|
|
|
|
kclManager.ast,
|
|
|
|
angleOrLength
|
|
|
|
)
|
|
|
|
const enabled = isAllTooltips && transforms.every(Boolean)
|
|
|
|
return { enabled, transforms }
|
|
|
|
}
|
|
|
|
|
|
|
|
export async function applyConstraintAngleLength({
|
|
|
|
selectionRanges,
|
|
|
|
angleOrLength = 'setLength',
|
|
|
|
}: {
|
|
|
|
selectionRanges: Selections
|
|
|
|
angleOrLength?: 'setLength' | 'setAngle'
|
|
|
|
}): Promise<{
|
|
|
|
modifiedAst: Program
|
|
|
|
pathToNodeMap: PathToNodeMap
|
|
|
|
}> {
|
|
|
|
const { transforms } = setAngleLengthInfo({ selectionRanges, angleOrLength })
|
|
|
|
const { valueUsedInTransform } = transformAstSketchLines({
|
|
|
|
ast: JSON.parse(JSON.stringify(kclManager.ast)),
|
|
|
|
selectionRanges,
|
|
|
|
transformInfos: transforms,
|
|
|
|
programMemory: kclManager.programMemory,
|
|
|
|
referenceSegName: '',
|
|
|
|
})
|
|
|
|
try {
|
|
|
|
const isReferencingYAxis =
|
|
|
|
selectionRanges.otherSelections.length === 1 &&
|
|
|
|
selectionRanges.otherSelections[0] === 'y-axis'
|
|
|
|
const isReferencingYAxisAngle =
|
|
|
|
isReferencingYAxis && angleOrLength === 'setAngle'
|
|
|
|
|
|
|
|
const isReferencingXAxis =
|
|
|
|
selectionRanges.otherSelections.length === 1 &&
|
|
|
|
selectionRanges.otherSelections[0] === 'x-axis'
|
|
|
|
const isReferencingXAxisAngle =
|
|
|
|
isReferencingXAxis && angleOrLength === 'setAngle'
|
|
|
|
|
|
|
|
let forceVal = valueUsedInTransform || 0
|
|
|
|
let calcIdentifier = createIdentifier('_0')
|
|
|
|
if (isReferencingYAxisAngle) {
|
|
|
|
calcIdentifier = createIdentifier(forceVal < 0 ? '_270' : '_90')
|
|
|
|
forceVal = normaliseAngle(forceVal + (forceVal < 0 ? 90 : -90))
|
|
|
|
} else if (isReferencingXAxisAngle) {
|
|
|
|
calcIdentifier = createIdentifier(Math.abs(forceVal) > 90 ? '_180' : '_0')
|
|
|
|
forceVal =
|
|
|
|
Math.abs(forceVal) > 90 ? normaliseAngle(forceVal - 180) : forceVal
|
|
|
|
}
|
|
|
|
const { valueNode, variableName, newVariableInsertIndex, sign } =
|
|
|
|
await getModalInfo({
|
|
|
|
value: forceVal,
|
|
|
|
valueName: angleOrLength === 'setAngle' ? 'angle' : 'length',
|
|
|
|
shouldCreateVariable: true,
|
|
|
|
} as any)
|
|
|
|
let finalValue = removeDoubleNegatives(valueNode, sign, variableName)
|
|
|
|
if (
|
|
|
|
isReferencingYAxisAngle ||
|
|
|
|
(isReferencingXAxisAngle && calcIdentifier.name !== '_0')
|
|
|
|
) {
|
|
|
|
finalValue = createBinaryExpressionWithUnary([calcIdentifier, finalValue])
|
|
|
|
}
|
|
|
|
|
|
|
|
const { modifiedAst: _modifiedAst, pathToNodeMap } =
|
|
|
|
transformAstSketchLines({
|
|
|
|
ast: JSON.parse(JSON.stringify(kclManager.ast)),
|
|
|
|
selectionRanges,
|
|
|
|
transformInfos: transforms,
|
|
|
|
programMemory: kclManager.programMemory,
|
|
|
|
referenceSegName: '',
|
|
|
|
forceValueUsedInTransform: finalValue,
|
|
|
|
})
|
|
|
|
if (variableName) {
|
|
|
|
const newBody = [..._modifiedAst.body]
|
|
|
|
newBody.splice(
|
|
|
|
newVariableInsertIndex,
|
|
|
|
0,
|
|
|
|
createVariableDeclaration(variableName, valueNode)
|
|
|
|
)
|
|
|
|
_modifiedAst.body = newBody
|
|
|
|
}
|
|
|
|
return {
|
|
|
|
modifiedAst: _modifiedAst,
|
|
|
|
pathToNodeMap,
|
|
|
|
}
|
|
|
|
// kclManager.updateAst(_modifiedAst, true, {
|
|
|
|
// callBack: updateCursors(setCursor, selectionRanges, pathToNodeMap),
|
|
|
|
// })
|
|
|
|
} catch (e) {
|
|
|
|
console.log('erorr', e)
|
|
|
|
throw e
|
|
|
|
}
|
|
|
|
}
|