cha0s/persea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: literal hints

Browse Source
This commit is contained in:
cha0s 2021-01-31 12:23:11 -06:00
parent a931195fef
commit ed6d9c7f49
4 changed files with 102 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/entity/src/behavior-components/expression.jsx
View File

@ -199,10 +199,19 @@ const Expression = ({
type: 'invoke',
args: description.vararg
? []
: description.args.map(() => ({
type: 'literal',
value: null,
})),
: description.args.map((arg) => {
let value = null;
if ('expressions' === arg.type) {
value = {
type: 'expressions',
expressions: [],
};
}
return {
type: 'literal',
value,
};
}),
},
});
})(description, opPath)}

129
packages/entity/src/behavior-components/expression/invocation.jsx
View File

@ -1,6 +1,12 @@
import {join} from 'path';
import {PropTypes, React} from '@latus/react';
import {
PropTypes,
React,
useEffect,
useRef,
useState,
} from '@latus/react';
import {useJsonPatcher} from '@persea/json';
import Variant from '../variant';
@ -13,50 +19,91 @@ const Invocation = ({
op,
path,
}) => {
const literalTypeRef = useRef();
const [literalType, setLiteralType] = useState(false);
useEffect(() => {
literalTypeRef.current?.focus();
});
const patch = useJsonPatcher();
const argComponent = (arg, i) => {
const argPath = join(path, 'args', i.toString());
if ('undefined' === arg.type) {
return (
<Key
childrenDescription={{
'...': {label: '', type: 'undefined'},
'[literal]': {label: '', type: 'undefined'},
...context.describe().children,
'[key]': {label: '', type: 'undefined'},
}}
key={path}
onChange={(event, value) => {
if ('[literal]' === value) {
patch({
op: 'replace',
path: argPath,
value: {
type: 'literal',
value: null,
},
});
}
else {
patch({
type: 'add',
path: argPath,
value: {
type: 'expression',
ops: [
{
type: 'key',
},
],
},
});
onChange(false, value, join(argPath, 'ops/0/key'));
}
}}
path={argPath}
value="..."
/>
);
const confirmLiteralType = () => {
let value = null;
switch (literalType) {
case 'expressions':
value = {
type: 'expressions',
expressions: [],
};
break;
case 'number': value = 0; break;
case 'string': value = ''; break;
case 'array': value = []; break;
case 'object': value = {}; break;
case 'vector': value = [0, 0]; break;
default:
}
patch({
op: 'replace',
path: argPath,
value: {
type: 'literal',
value,
},
});
setLiteralType(false);
};
return false === literalType
? (
<Key
childrenDescription={{
'...': {label: '', type: 'undefined'},
'[literal]': {label: '', type: 'undefined'},
...context.describe().children,
'[key]': {label: '', type: 'undefined'},
}}
key={path}
onChange={(event, value) => {
if ('[literal]' === value) {
setLiteralType('');
}
else {
patch({
type: 'add',
path: argPath,
value: {
type: 'expression',
ops: [
{
type: 'key',
},
],
},
});
onChange(false, value, join(argPath, 'ops/0/key'));
}
}}
path={argPath}
value="..."
/>
)
: (
<input
type="text"
onBlur={confirmLiteralType}
onChange={({target: {value}}) => {
setLiteralType(value);
}}
onKeyPress={(event) => {
if ('Enter' === event.key) {
confirmLiteralType(event);
}
}}
ref={literalTypeRef}
value={literalType}
/>
);
}
const j = description.vararg ? Math.min(description?.args?.length - 1, i) : i;
const options = description?.args?.[j].options;

1
packages/entity/src/behavior-components/expression/key.jsx
View File

@ -116,7 +116,6 @@ const Key = ({
ref={customizeRef}
value={customization}
/>
)
}
</div>

20
packages/entity/src/behavior-components/literal.jsx
View File

@ -50,25 +50,7 @@ const Literal = ({
null === value
? {
type: 'expressions',
expressions: [
{
type: 'expression',
ops: [
{
type: 'key',
key: 'Flow',
},
{
type: 'key',
key: 'nop',
},
{
type: 'invoke',
args: [],
},
],
},
],
expressions: [],
}
: value
}