Ma/ueblueprint
1
0
Fork 0
mirror of https://github.com/barsdeveloper/ueblueprint.git synced 2026-02-04 08:08:18 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Vector input type implemented

Browse Source
This commit is contained in:
barsdeveloper
2022-09-18 15:13:48 +02:00
parent aa54bd0627
commit 4e715568fe
22 changed files with 312 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
dist/css/ueb-style.css vendored
View File

@@ -1,13 +1,18 @@
@font-face {
font-family: "Roboto";
font-style: light;
font-weight: lighter;
src: url("../font/roboto-light.woff2") format("woff2"), url("../font/roboto-light.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-style: regular;
font-weight: normal;
src: url("../font/roboto-regular.woff2") format("woff2"), url("../font/roboto-regular.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-weight: bold;
src: url("../font/roboto-bold.woff2") format("woff2"), url("../font/roboto-bold.woff") format("woff");
}
ueb-blueprint {
--ueb-scale: 1;
--ueb-grid-actual-size: var(--ueb-grid-size);
@@ -256,13 +261,13 @@ ueb-node[data-selected=true] > .ueb-node-border {
white-space: nowrap;
}
.ueb-node-top[data-pure-function=true] {
box-shadow: inset 5px 1px 5px -3px #7ba1b3, inset 0 1px 0 0 #111213, inset 0 2px 0 0 #7b9eb3;
ueb-node[data-pure-function=true] .ueb-node-top {
box-shadow: inset 5px 1px 5px -3px #7aa674, inset 0 1px 0 0 #111213, inset 0 2px 0 0 #7bb386;
background: linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%);
}
.ueb-node-name {
background: radial-gradient(ellipse 100% 100% at 30% 50%, rgba(0, 0, 0, 0.45) 20%, transparent 50%);
background: radial-gradient(ellipse 100% 100% at 35% 50%, rgba(0, 0, 0, 0.35) 20%, transparent 50%);
margin: -0.1em -1.6em;
padding: 0.1em 1.6em;
}
@@ -275,8 +280,8 @@ ueb-node[data-selected=true] > .ueb-node-border {
vertical-align: middle;
}
.ueb-node-top[data-pure-function=true] .ueb-node-name-symbol {
color: #74bff2;
ueb-node[data-pure-function=true] .ueb-node-name-symbol {
color: #aaeda0;
}
.ueb-node-name-symbol path {
@@ -441,6 +446,16 @@ ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input {
background-color: var(--ueb-linear-color);
}
.ueb-pin-input-label ~ .ueb-pin-input {
margin-left: 0;
}
.ueb-pin-input-label {
vertical-align: middle;
margin-left: 3px;
color: #777777;
}
.ueb-pin-input-content {
display: block;
outline: none;
@@ -518,7 +533,7 @@ ueb-link svg g:hover path {
}
ueb-blueprint {
--ueb-pin-dim-color: #afafaf;
--ueb-pin-color-dim: #afafaf;
}
ueb-link {
@@ -536,47 +551,51 @@ ueb-pin {
}
ueb-pin[data-type=bool] {
--ueb-pin-color-rgb: var(--ueb-pin-bool-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-bool);
}
ueb-pin[data-type=class] {
--ueb-pin-color-rgb: var(--ueb-pin-class-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-class);
}
ueb-pin[data-type=exec] {
--ueb-pin-color-rgb: var(--ueb-pin-exec-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-exec);
}
ueb-pin[data-type=int] {
--ueb-pin-color-rgb: var(--ueb-pin-int-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-int);
}
ueb-pin[data-type=name] {
--ueb-pin-color-rgb: var(--ueb-pin-name-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-name);
}
ueb-pin[data-type=object] {
--ueb-pin-color-rgb: var(--ueb-pin-object-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-object);
}
ueb-pin[data-type=real] {
--ueb-pin-color-rgb: var(--ueb-pin-real-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-real);
}
ueb-pin[data-type=rotator] {
--ueb-pin-color-rgb: var(--ueb-pin-rotator-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-rotator);
}
ueb-pin[data-type=string] {
--ueb-pin-color-rgb: var(--ueb-pin-string-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-string);
}
ueb-pin[data-type="/Script/CoreUObject.LinearColor"] {
--ueb-pin-color-rgb: var(--ueb-pin-linear-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-linear-color);
}
ueb-pin[data-type="/Script/CoreUObject.Vector"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-vector);
}
ueb-pin[data-type=vector] {
--ueb-pin-color-rgb: var(--ueb-pin-vector-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-vector);
}
/*# sourceMappingURL=ueb-style.css.map */

2
dist/css/ueb-style.css.map vendored
View File

@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-link.scss","../../scss/ueb-type-color.scss"],"names":[],"mappings":"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","file":"ueb-style.css"}
{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-link.scss","../../scss/ueb-type-color.scss"],"names":[],"mappings":"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","file":"ueb-style.css"}

2
dist/css/ueb-style.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/ueb-style.min.css.map vendored
View File

@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-link.scss","../../scss/ueb-type-color.scss"],"names":[],"mappings":"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","file":"ueb-style.min.css"}
{"version":3,"sourceRoot":"","sources":["../../scss/style.scss","../../scss/ueb-node.scss","../../scss/ueb-pin.scss","../../scss/ueb-link.scss","../../scss/ueb-type-color.scss"],"names":[],"mappings":"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","file":"ueb-style.min.css"}

201
dist/ueblueprint.js vendored
View File

@@ -69,13 +69,14 @@ class Configuration {
static nodeRadius = 8 // in pixel
static nodeReflowEventName = "ueb-node-reflow"
static pinColor = {
"/Script/CoreUObject.LinearColor": r$2`3, 76, 168`, // #034ca8
"/Script/CoreUObject.Vector": r$2`182, 146, 28`, // b6921c
"bool": r$2`117, 0, 0`, // #750000
"default": r$2`167, 167, 167`, // #a7a7a7
"exec": r$2`167, 167, 167`, // #a7a7a7
"name": r$2`203, 129, 252`, // #cb81fc
"real": r$2`50, 187, 0`, // #32bb00
"string": r$2`213, 0, 176`, // #d500b0
"/Script/CoreUObject.LinearColor": r$2`3, 76, 168` // #034ca8
}
static selectAllKeyboardKey = "(bCtrl=True,Key=A)"
static trackingMouseEventName = {
@@ -678,6 +679,14 @@ class Utility {
.replaceAll(/(?<=[a-z])(?=[A-Z])|_|\s+/g, " ") // Insert a space between a lowercase and uppercase letter, instead of an underscore or multiple spaces
}
/** @param {String} value */
static getIdFromReference(value) {
return value
.replace(/(?:.+\.)?([^\.]+)$/, "$1")
.replaceAll(/(?<=[a-z\d])(?=[A-Z])|(?<=[a-zA-Z])(?=\d)|(?<=[A-Z]{2})(?=[A-Z][a-z])/g, "-")
.toLocaleLowerCase()
}
/** @param {LinearColorEntity} value */
static printLinearColor(value) {
return `${Math.round(value.R * 255)}, ${Math.round(value.G * 255)}, ${Math.round(value.B * 255)}`
@@ -968,6 +977,9 @@ class VectorEntity extends IEntity {
}
}
class SimpleSerializationVectorEntity extends VectorEntity {
}
class PinEntity extends IEntity {
static #typeEntityMap = {
@@ -979,8 +991,8 @@ class PinEntity extends IEntity {
"real": Number,
"string": String,
}
static get typeEntityMap() {
return PinEntity.#typeEntityMap
static #alternativeTypeEntityMap = {
"/Script/CoreUObject.Vector": SimpleSerializationVectorEntity,
}
static lookbehind = "Pin"
static attributes = {
@@ -1007,7 +1019,7 @@ class PinEntity extends IEntity {
new CalculatedType(
/** @param {PinEntity} pinEntity */
pinEntity => new TypeInitialization(
PinEntity.typeEntityMap[pinEntity.getType()] ?? String,
PinEntity.getEntityType(pinEntity.getType(), true) ?? String,
false,
undefined,
true
@@ -1024,6 +1036,13 @@ class PinEntity extends IEntity {
bOrphanedPin: false,
}
static getEntityType(typeString, alternative = false) {
const [entity, alternativeEntity] = [this.#typeEntityMap[typeString], this.#alternativeTypeEntityMap[typeString]];
return alternative && alternativeEntity !== undefined
? alternativeEntity
: entity
}
getType() {
if (this.PinType.PinCategory == "struct") {
return this.PinType.PinSubCategoryObject.path
@@ -1216,6 +1235,8 @@ class Grammar {
return r.PinReference
case VectorEntity:
return r.Vector
case SimpleSerializationVectorEntity:
return r.SimpleSerializationVectorEntity
case LinearColorEntity:
return r.LinearColor
case FunctionReferenceEntity:
@@ -1266,7 +1287,7 @@ class Grammar {
.sepBy(P.string(",")) // Assignments are separated by comma
.skip(P.regex(/,?/).then(P.optWhitespace)), // Optional trailing comma and maybe additional space
P.string(')'),
(_, attributes, __) => {
(_0, attributes, _2) => {
let values = {};
attributes.forEach(attributeSetter => attributeSetter(values));
return new entityType(values)
@@ -1339,25 +1360,25 @@ class Grammar {
]),
P.seqMap(
r.Word, // Goes into referenceType
P.optWhitespace, // Goes into _ (ignored)
P.optWhitespace, // Goes into _1 (ignored)
P.alt(...[r.ReferencePath].flatMap(referencePath => [
referencePath.wrap(P.string(`"`), P.string(`"`)),
referencePath.wrap(P.string(`'"`), P.string(`"'`))
])), // Goes into referencePath
(referenceType, _, referencePath) => new ObjectReferenceEntity({ type: referenceType, path: referencePath })
(referenceType, _1, referencePath) => new ObjectReferenceEntity({ type: referenceType, path: referencePath })
),
r.Word.map(type => new ObjectReferenceEntity({ type: type, path: "" })),
)
LocalizedText = r => P.seqMap(
P.string(LocalizedTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), // Goes into _ (ignored)
P.string(LocalizedTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), // Goes into _0 (ignored)
r.String.trim(P.optWhitespace), // Goes into namespace
P.string(","), // Goes into __ (ignored)
P.string(","), // Goes into _2 (ignored)
r.String.trim(P.optWhitespace), // Goes into key
P.string(","), // Goes into ___ (ignored)
P.string(","), // Goes into _4 (ignored)
r.String.trim(P.optWhitespace), // Goes into value
P.string(")"), // Goes into ____ (ignored)
(_, namespace, __, key, ___, value, ____) => new LocalizedTextEntity({
P.string(")"), // Goes into _6 (ignored)
(_0, namespace, _2, key, _4, value, _6) => new LocalizedTextEntity({
namespace: namespace,
key: key,
value: value
@@ -1397,6 +1418,19 @@ class Grammar {
Vector = r => Grammar.createEntityGrammar(r, VectorEntity)
SimpleSerializationVectorEntity = r => P.seqMap(
r.Number,
P.string(",").trim(P.optWhitespace),
r.Number,
P.string(",").trim(P.optWhitespace),
r.Number,
(x, _1, y, _3, z) => new SimpleSerializationVectorEntity({
X: x,
Y: y,
Z: z,
})
)
LinearColor = r => Grammar.createEntityGrammar(r, LinearColorEntity)
FunctionReference = r => Grammar.createEntityGrammar(r, FunctionReferenceEntity)
@@ -3268,9 +3302,7 @@ class IInputPinTemplate extends PinTemplate {
}
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
cleanup(pin) {
super.cleanup(pin);
this.#inputContentElements.forEach(element => {
@@ -3279,9 +3311,7 @@ class IInputPinTemplate extends PinTemplate {
});
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
createInputObjects(pin) {
return [
...super.createInputObjects(pin),
@@ -3289,16 +3319,12 @@ class IInputPinTemplate extends PinTemplate {
]
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
getInput(pin) {
return this.getInputs(pin).reduce((acc, cur) => acc + cur, "")
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
getInputs(pin) {
return this.#inputContentElements.map(element =>
// Faster than innerText which causes reflow
@@ -3323,9 +3349,7 @@ class IInputPinTemplate extends PinTemplate {
}
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
renderInput(pin) {
if (pin.isInput()) {
return $`
@@ -3528,18 +3552,23 @@ class RealPinTemplate extends IInputPinTemplate {
* @param {String[]?} values
*/
setInputs(pin, values = []) {
let num = parseFloat(values.length ? values[0] : this.getInput(pin));
if (!values || values.length == 0) {
values = this.getInput(pin);
}
let updateDefaultValue = true;
if (isNaN(num)) {
num = parseFloat(pin.entity.DefaultValue != ""
? /** @type {String} */(pin.entity.DefaultValue)
: pin.entity.AutogeneratedDefaultValue);
for (let i = 0; i < values.length; ++i) {
let num = parseFloat(values[i]);
if (isNaN(num)) {
num = parseFloat(pin.entity.DefaultValue != ""
? /** @type {String} */(pin.entity.DefaultValue)
: pin.entity.AutogeneratedDefaultValue);
}
if (isNaN(num)) {
num = 0;
updateDefaultValue = false;
}
values[i] = Utility.minDecimals(num);
}
if (isNaN(num)) {
num = 0;
updateDefaultValue = false;
}
values[0] = Utility.minDecimals(num);
super.setInputs(pin, values, updateDefaultValue);
}
}
@@ -3552,46 +3581,30 @@ class StringPinTemplate extends IInputPinTemplate {
* @typedef {import("../entity/LinearColorEntity").default} LinearColorEntity}
*/
class VectorPinTemplate extends IInputPinTemplate {
class VectorPinTemplate extends RealPinTemplate {
/** @type {HTMLInputElement} */
#input
/**
* @param {PinElement} pin
* @param {Map} changedProperties
*/
firstUpdated(pin, changedProperties) {
super.firstUpdated(pin, changedProperties);
this.#input = pin.querySelector(".ueb-pin-input");
}
/**
* @param {PinElement} pin
*/
getInputs(pin) {
return [this.#input.dataset.linearColor]
}
/**
* @param {PinElement} pin
* @param {String[]} value
*/
setInputs(pin, value = []) {
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
renderInput(pin) {
if (pin.isInput()) {
return $`
<span class="ueb-pin-input-label">X</span>
<div class="ueb-pin-input">
<span class="ueb-pin-input-x" role="textbox" contenteditable="true" .innerText=${pin.unreactiveDefaultValue}></span>
<span class="ueb-pin-input-content ueb-pin-input-x" role="textbox" contenteditable="true"
.innerText="${IInputPinTemplate.stringFromUEToInput(pin.unreactiveDefaultValue.X.toString())}"></span>
</div>
<span class="ueb-pin-input-label">Y</span>
<div class="ueb-pin-input">
<span class="ueb-pin-input-content ueb-pin-input-y" role="textbox" contenteditable="true"
.innerText="${IInputPinTemplate.stringFromUEToInput(pin.unreactiveDefaultValue.Y.toString())}"></span>
</div>
<span class="ueb-pin-input-label">Z</span>
<div class="ueb-pin-input">
<span class="ueb-pin-input-content ueb-pin-input-z" role="textbox" contenteditable="true"
.innerText="${IInputPinTemplate.stringFromUEToInput(pin.unreactiveDefaultValue.Z.toString())}"></span>
</div>
`
}
return super.renderInput(pin)
return $``
}
}
@@ -3683,9 +3696,7 @@ class PinElement extends IElement {
this.requestUpdate("defaultValue", oldValue);
}
/**
* @param {PinEntity} entity
*/
/** @param {PinEntity} entity */
constructor(entity) {
super(
entity,
@@ -3726,9 +3737,7 @@ class PinElement extends IElement {
return this.GetPinId().value
}
/**
* @returns {String}
*/
/** @returns {String} */
getPinName() {
return this.entity.PinName
}
@@ -3761,9 +3770,7 @@ class PinElement extends IElement {
return this.template.getLinkLocation(this)
}
/**
* @returns {NodeElement}
*/
/** @returns {NodeElement} */
getNodeElement() {
return this.nodeElement
}
@@ -3789,17 +3796,13 @@ class PinElement extends IElement {
});
}
/**
* @param {PinElement} targetPinElement
*/
/** @param {PinElement} targetPinElement */
linkTo(targetPinElement) {
this.entity.linkTo(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity);
this.isLinked = this.entity.isLinked();
}
/**
* @param {PinElement} targetPinElement
*/
/** @param {PinElement} targetPinElement */
unlinkFrom(targetPinElement) {
this.entity.unlinkFrom(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity);
this.isLinked = this.entity.isLinked();
@@ -4049,6 +4052,7 @@ class NodeElement extends ISelectableDraggableElement {
type: Boolean,
converter: Utility.booleanConverter,
attribute: "data-pure-function",
reflect: true,
}
}
@@ -4674,13 +4678,14 @@ class BlueprintTemplate extends ITemplate {
"--ueb-grid-size": `${Configuration.gridSize}px`,
"--ueb-link-min-width": `${Configuration.linkMinWidth}`,
"--ueb-node-radius": `${Configuration.nodeRadius}px`,
"--ueb-pin-bool-color": `${Configuration.pinColor["bool"]}`,
"--ueb-pin-default-color": `${Configuration.pinColor["default"]}`,
"--ueb-pin-exec-color": `${Configuration.pinColor["exec"]}`,
"--ueb-pin-name-color": `${Configuration.pinColor["name"]}`,
"--ueb-pin-real-color": `${Configuration.pinColor["real"]}`,
"--ueb-pin-string-color": `${Configuration.pinColor["string"]}`,
"--ueb-pin-linear-color": `${Configuration.pinColor["/Script/CoreUObject.LinearColor"]}`,
...Object.entries(Configuration.pinColor)
.map(([k, v]) => ({
[`--ueb-pin-color-${Utility.getIdFromReference(k)}`]: v.toString()
}))
.reduce((acc, cur) => ({
...acc,
...cur,
}), {}),
}
/**
@@ -5428,6 +5433,20 @@ function initializeSerializerFactory() {
String
)
);
SerializerFactory.registerSerializer(
SimpleSerializationVectorEntity,
new CustomSerializer(
/** @param {SimpleSerializationVectorEntity} value */
(value, insideString) => `${value.X}, ${value.Y}, ${value.Z}`,
SimpleSerializationVectorEntity
)
);
SerializerFactory.registerSerializer(
VectorEntity,
new GeneralSerializer(bracketsWrapped, VectorEntity)
);
}
initializeSerializerFactory();

4
dist/ueblueprint.min.js vendored
View File

File diff suppressed because one or more lines are too long

3
js/Configuration.js
View File

@@ -45,13 +45,14 @@ export default class Configuration {
static nodeRadius = 8 // in pixel
static nodeReflowEventName = "ueb-node-reflow"
static pinColor = {
"/Script/CoreUObject.LinearColor": css`3, 76, 168`, // #034ca8
"/Script/CoreUObject.Vector": css`182, 146, 28`, // b6921c
"bool": css`117, 0, 0`, // #750000
"default": css`167, 167, 167`, // #a7a7a7
"exec": css`167, 167, 167`, // #a7a7a7
"name": css`203, 129, 252`, // #cb81fc
"real": css`50, 187, 0`, // #32bb00
"string": css`213, 0, 176`, // #d500b0
"/Script/CoreUObject.LinearColor": css`3, 76, 168` // #034ca8
}
static selectAllKeyboardKey = "(bCtrl=True,Key=A)"
static trackingMouseEventName = {

8
js/Utility.js
View File

@@ -224,6 +224,14 @@ export default class Utility {
.replaceAll(/(?<=[a-z])(?=[A-Z])|_|\s+/g, " ") // Insert a space between a lowercase and uppercase letter, instead of an underscore or multiple spaces
}
/** @param {String} value */
static getIdFromReference(value) {
return value
.replace(/(?:.+\.)?([^\.]+)$/, "$1")
.replaceAll(/(?<=[a-z\d])(?=[A-Z])|(?<=[a-zA-Z])(?=\d)|(?<=[A-Z]{2})(?=[A-Z][a-z])/g, "-")
.toLocaleLowerCase()
}
/** @param {LinearColorEntity} value */
static printLinearColor(value) {
return `${Math.round(value.R * 255)}, ${Math.round(value.G * 255)}, ${Math.round(value.B * 255)}`

1
js/element/NodeElement.js
View File

@@ -40,6 +40,7 @@ export default class NodeElement extends ISelectableDraggableElement {
type: Boolean,
converter: Utility.booleanConverter,
attribute: "data-pure-function",
reflect: true,
}
}

20
js/element/PinElement.js
View File

@@ -101,9 +101,7 @@ export default class PinElement extends IElement {
this.requestUpdate("defaultValue", oldValue)
}
/**
* @param {PinEntity} entity
*/
/** @param {PinEntity} entity */
constructor(entity) {
super(
entity,
@@ -144,9 +142,7 @@ export default class PinElement extends IElement {
return this.GetPinId().value
}
/**
* @returns {String}
*/
/** @returns {String} */
getPinName() {
return this.entity.PinName
}
@@ -179,9 +175,7 @@ export default class PinElement extends IElement {
return this.template.getLinkLocation(this)
}
/**
* @returns {NodeElement}
*/
/** @returns {NodeElement} */
getNodeElement() {
return this.nodeElement
}
@@ -207,17 +201,13 @@ export default class PinElement extends IElement {
})
}
/**
* @param {PinElement} targetPinElement
*/
/** @param {PinElement} targetPinElement */
linkTo(targetPinElement) {
this.entity.linkTo(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)
this.isLinked = this.entity.isLinked()
}
/**
* @param {PinElement} targetPinElement
*/
/** @param {PinElement} targetPinElement */
unlinkFrom(targetPinElement) {
this.entity.unlinkFrom(targetPinElement.getNodeElement().getNodeName(), targetPinElement.entity)
this.isLinked = this.entity.isLinked()

15
js/entity/PinEntity.js
View File

@@ -5,7 +5,7 @@ import LinearColorEntity from "./LinearColorEntity"
import LocalizedTextEntity from "./LocalizedTextEntity"
import ObjectReferenceEntity from "./ObjectReferenceEntity"
import PinReferenceEntity from "./PinReferenceEntity"
import SerializedType from "./SerializedType"
import SimpleSerializationVectorEntity from "./SimpleSerializationVectorEntity"
import TypeInitialization from "./TypeInitialization"
import VectorEntity from "./VectorEntity"
@@ -20,8 +20,8 @@ export default class PinEntity extends IEntity {
"real": Number,
"string": String,
}
static get typeEntityMap() {
return PinEntity.#typeEntityMap
static #alternativeTypeEntityMap = {
"/Script/CoreUObject.Vector": SimpleSerializationVectorEntity,
}
static lookbehind = "Pin"
static attributes = {
@@ -48,7 +48,7 @@ export default class PinEntity extends IEntity {
new CalculatedType(
/** @param {PinEntity} pinEntity */
pinEntity => new TypeInitialization(
PinEntity.typeEntityMap[pinEntity.getType()] ?? String,
PinEntity.getEntityType(pinEntity.getType(), true) ?? String,
false,
undefined,
true
@@ -65,6 +65,13 @@ export default class PinEntity extends IEntity {
bOrphanedPin: false,
}
static getEntityType(typeString, alternative = false) {
const [entity, alternativeEntity] = [this.#typeEntityMap[typeString], this.#alternativeTypeEntityMap[typeString]]
return alternative && alternativeEntity !== undefined
? alternativeEntity
: entity
}
getType() {
if (this.PinType.PinCategory == "struct") {
return this.PinType.PinSubCategoryObject.path

4
js/entity/SimpleSerializationVectorEntity.js Normal file
View File

@@ -0,0 +1,4 @@
import VectorEntity from "./VectorEntity";
export default class SimpleSerializationVectorEntity extends VectorEntity {
}

33
js/serialization/Grammar.js
View File

@@ -12,7 +12,7 @@ import Parsimmon from "parsimmon"
import PathSymbolEntity from "../entity/PathSymbolEntity"
import PinEntity from "../entity/PinEntity"
import PinReferenceEntity from "../entity/PinReferenceEntity"
import SerializedType from "../entity/SerializedType"
import SimpleSerializationVectorEntity from "../entity/SimpleSerializationVectorEntity"
import TypeInitialization from "../entity/TypeInitialization"
import Utility from "../Utility"
import VectorEntity from "../entity/VectorEntity"
@@ -58,6 +58,8 @@ export default class Grammar {
return r.PinReference
case VectorEntity:
return r.Vector
case SimpleSerializationVectorEntity:
return r.SimpleSerializationVectorEntity
case LinearColorEntity:
return r.LinearColor
case FunctionReferenceEntity:
@@ -108,7 +110,7 @@ export default class Grammar {
.sepBy(P.string(",")) // Assignments are separated by comma
.skip(P.regex(/,?/).then(P.optWhitespace)), // Optional trailing comma and maybe additional space
P.string(')'),
(_, attributes, __) => {
(_0, attributes, _2) => {
let values = {}
attributes.forEach(attributeSetter => attributeSetter(values))
return new entityType(values)
@@ -181,25 +183,25 @@ export default class Grammar {
]),
P.seqMap(
r.Word, // Goes into referenceType
P.optWhitespace, // Goes into _ (ignored)
P.optWhitespace, // Goes into _1 (ignored)
P.alt(...[r.ReferencePath].flatMap(referencePath => [
referencePath.wrap(P.string(`"`), P.string(`"`)),
referencePath.wrap(P.string(`'"`), P.string(`"'`))
])), // Goes into referencePath
(referenceType, _, referencePath) => new ObjectReferenceEntity({ type: referenceType, path: referencePath })
(referenceType, _1, referencePath) => new ObjectReferenceEntity({ type: referenceType, path: referencePath })
),
r.Word.map(type => new ObjectReferenceEntity({ type: type, path: "" })),
)
LocalizedText = r => P.seqMap(
P.string(LocalizedTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), // Goes into _ (ignored)
P.string(LocalizedTextEntity.lookbehind).skip(P.optWhitespace).skip(P.string("(")), // Goes into _0 (ignored)
r.String.trim(P.optWhitespace), // Goes into namespace
P.string(","), // Goes into __ (ignored)
P.string(","), // Goes into _2 (ignored)
r.String.trim(P.optWhitespace), // Goes into key
P.string(","), // Goes into ___ (ignored)
P.string(","), // Goes into _4 (ignored)
r.String.trim(P.optWhitespace), // Goes into value
P.string(")"), // Goes into ____ (ignored)
(_, namespace, __, key, ___, value, ____) => new LocalizedTextEntity({
P.string(")"), // Goes into _6 (ignored)
(_0, namespace, _2, key, _4, value, _6) => new LocalizedTextEntity({
namespace: namespace,
key: key,
value: value
@@ -239,6 +241,19 @@ export default class Grammar {
Vector = r => Grammar.createEntityGrammar(r, VectorEntity)
SimpleSerializationVectorEntity = r => P.seqMap(
r.Number,
P.string(",").trim(P.optWhitespace),
r.Number,
P.string(",").trim(P.optWhitespace),
r.Number,
(x, _1, y, _3, z) => new SimpleSerializationVectorEntity({
X: x,
Y: y,
Z: z,
})
)
LinearColor = r => Grammar.createEntityGrammar(r, LinearColorEntity)
FunctionReference = r => Grammar.createEntityGrammar(r, FunctionReferenceEntity)

16
js/serialization/initializeSerializerFactory.js
View File

@@ -15,8 +15,10 @@ import PathSymbolEntity from "../entity/PathSymbolEntity"
import PinEntity from "../entity/PinEntity"
import PinReferenceEntity from "../entity/PinReferenceEntity"
import SerializerFactory from "./SerializerFactory"
import SimpleSerializationVectorEntity from "../entity/SimpleSerializationVectorEntity"
import ToStringSerializer from "./ToStringSerializer"
import Utility from "../Utility"
import VectorEntity from "../entity/VectorEntity"
export default function initializeSerializerFactory() {
@@ -139,4 +141,18 @@ export default function initializeSerializerFactory() {
String
)
)
SerializerFactory.registerSerializer(
SimpleSerializationVectorEntity,
new CustomSerializer(
/** @param {SimpleSerializationVectorEntity} value */
(value, insideString) => `${value.X}, ${value.Y}, ${value.Z}`,
SimpleSerializationVectorEntity
)
)
SerializerFactory.registerSerializer(
VectorEntity,
new GeneralSerializer(bracketsWrapped, VectorEntity)
)
}

16
js/template/BlueprintTemplate.js
View File

@@ -12,6 +12,7 @@ import Select from "../input/mouse/Select"
import SelectorElement from "../element/SelectorElement"
import Unfocus from "../input/mouse/Unfocus"
import Zoom from "../input/mouse/Zoom"
import Utility from "../Utility"
/**
* @typedef {import("../Blueprint").default} Blueprint
@@ -32,13 +33,14 @@ export default class BlueprintTemplate extends ITemplate {
"--ueb-grid-size": `${Configuration.gridSize}px`,
"--ueb-link-min-width": `${Configuration.linkMinWidth}`,
"--ueb-node-radius": `${Configuration.nodeRadius}px`,
"--ueb-pin-bool-color": `${Configuration.pinColor["bool"]}`,
"--ueb-pin-default-color": `${Configuration.pinColor["default"]}`,
"--ueb-pin-exec-color": `${Configuration.pinColor["exec"]}`,
"--ueb-pin-name-color": `${Configuration.pinColor["name"]}`,
"--ueb-pin-real-color": `${Configuration.pinColor["real"]}`,
"--ueb-pin-string-color": `${Configuration.pinColor["string"]}`,
"--ueb-pin-linear-color": `${Configuration.pinColor["/Script/CoreUObject.LinearColor"]}`,
...Object.entries(Configuration.pinColor)
.map(([k, v]) => ({
[`--ueb-pin-color-${Utility.getIdFromReference(k)}`]: v.toString()
}))
.reduce((acc, cur) => ({
...acc,
...cur,
}), {}),
}
/**

20
js/template/IInputPinTemplate.js
View File

@@ -53,9 +53,7 @@ export default class IInputPinTemplate extends PinTemplate {
}
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
cleanup(pin) {
super.cleanup(pin)
this.#inputContentElements.forEach(element => {
@@ -64,9 +62,7 @@ export default class IInputPinTemplate extends PinTemplate {
})
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
createInputObjects(pin) {
return [
...super.createInputObjects(pin),
@@ -74,16 +70,12 @@ export default class IInputPinTemplate extends PinTemplate {
]
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
getInput(pin) {
return this.getInputs(pin).reduce((acc, cur) => acc + cur, "")
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
getInputs(pin) {
return this.#inputContentElements.map(element =>
// Faster than innerText which causes reflow
@@ -108,9 +100,7 @@ export default class IInputPinTemplate extends PinTemplate {
}
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
renderInput(pin) {
if (pin.isInput()) {
return html`

25
js/template/RealPinTemplate.js
View File

@@ -12,18 +12,23 @@ export default class RealPinTemplate extends IInputPinTemplate {
* @param {String[]?} values
*/
setInputs(pin, values = []) {
let num = parseFloat(values.length ? values[0] : this.getInput(pin))
if (!values || values.length == 0) {
values = this.getInput(pin)
}
let updateDefaultValue = true
if (isNaN(num)) {
num = parseFloat(pin.entity.DefaultValue != ""
? /** @type {String} */(pin.entity.DefaultValue)
: pin.entity.AutogeneratedDefaultValue)
for (let i = 0; i < values.length; ++i) {
let num = parseFloat(values[i])
if (isNaN(num)) {
num = parseFloat(pin.entity.DefaultValue != ""
? /** @type {String} */(pin.entity.DefaultValue)
: pin.entity.AutogeneratedDefaultValue)
}
if (isNaN(num)) {
num = 0
updateDefaultValue = false
}
values[i] = Utility.minDecimals(num)
}
if (isNaN(num)) {
num = 0
updateDefaultValue = false
}
values[0] = Utility.minDecimals(num)
super.setInputs(pin, values, updateDefaultValue)
}
}

49
js/template/VectorPinTemplate.js
View File

@@ -1,50 +1,35 @@
import { html } from "lit"
import IInputPinTemplate from "./IInputPinTemplate"
import RealPinTemplate from "./RealPinTemplate"
/**
* @typedef {import("../element/PinElement").default} PinElement
* @typedef {import("../entity/LinearColorEntity").default} LinearColorEntity}
*/
export default class VectorPinTemplate extends IInputPinTemplate {
export default class VectorPinTemplate extends RealPinTemplate {
/** @type {HTMLInputElement} */
#input
/**
* @param {PinElement} pin
* @param {Map} changedProperties
*/
firstUpdated(pin, changedProperties) {
super.firstUpdated(pin, changedProperties)
this.#input = pin.querySelector(".ueb-pin-input")
}
/**
* @param {PinElement} pin
*/
getInputs(pin) {
return [this.#input.dataset.linearColor]
}
/**
* @param {PinElement} pin
* @param {String[]} value
*/
setInputs(pin, value = []) {
}
/**
* @param {PinElement} pin
*/
/** @param {PinElement} pin */
renderInput(pin) {
if (pin.isInput()) {
return html`
<span class="ueb-pin-input-label">X</span>
<div class="ueb-pin-input">
<span class="ueb-pin-input-x" role="textbox" contenteditable="true" .innerText=${pin.unreactiveDefaultValue}></span>
<span class="ueb-pin-input-content ueb-pin-input-x" role="textbox" contenteditable="true"
.innerText="${IInputPinTemplate.stringFromUEToInput(pin.unreactiveDefaultValue.X.toString())}"></span>
</div>
<span class="ueb-pin-input-label">Y</span>
<div class="ueb-pin-input">
<span class="ueb-pin-input-content ueb-pin-input-y" role="textbox" contenteditable="true"
.innerText="${IInputPinTemplate.stringFromUEToInput(pin.unreactiveDefaultValue.Y.toString())}"></span>
</div>
<span class="ueb-pin-input-label">Z</span>
<div class="ueb-pin-input">
<span class="ueb-pin-input-content ueb-pin-input-z" role="textbox" contenteditable="true"
.innerText="${IInputPinTemplate.stringFromUEToInput(pin.unreactiveDefaultValue.Z.toString())}"></span>
</div>
`
}
return super.renderInput(pin)
return html``
}
}

12
scss/style.scss
View File

@@ -1,6 +1,6 @@
@font-face {
font-family: "Roboto";
font-style: light;
font-weight: lighter;
src:
url("../font/roboto-light.woff2") format("woff2"),
url("../font/roboto-light.woff") format("woff");
@@ -8,12 +8,20 @@
@font-face {
font-family: "Roboto";
font-style: regular;
font-weight: normal;
src:
url("../font/roboto-regular.woff2") format("woff2"),
url("../font/roboto-regular.woff") format("woff");
}
@font-face {
font-family: "Roboto";
font-weight: bold;
src:
url("../font/roboto-bold.woff2") format("woff2"),
url("../font/roboto-bold.woff") format("woff");
}
ueb-blueprint {
--ueb-scale: 1;
--ueb-grid-actual-size: var(--ueb-grid-size);

12
scss/ueb-node.scss
View File

@@ -52,16 +52,16 @@ ueb-node[data-selected="true"]>.ueb-node-border {
white-space: nowrap;
}
.ueb-node-top[data-pure-function="true"] {
ueb-node[data-pure-function="true"] .ueb-node-top {
box-shadow:
inset 5px 1px 5px -3px #7ba1b3,
inset 5px 1px 5px -3px #7aa674,
inset 0 1px 0 0 #111213,
inset 0 2px 0 0 #7b9eb3;
inset 0 2px 0 0 #7bb386;
background: linear-gradient(170deg, #5f815a 0%, #5f815a 50%, transparent 100%);
}
.ueb-node-name {
background: radial-gradient(ellipse 100% 100% at 30% 50%, rgba(0, 0, 0, 0.45) 20%, transparent 50%);
background: radial-gradient(ellipse 100% 100% at 35% 50%, rgba(0, 0, 0, 0.35) 20%, transparent 50%);
margin: -0.1em -1.6em;
padding: 0.1em 1.6em;
}
@@ -74,8 +74,8 @@ ueb-node[data-selected="true"]>.ueb-node-border {
vertical-align: middle;
}
.ueb-node-top[data-pure-function="true"] .ueb-node-name-symbol {
color: #74bff2;
ueb-node[data-pure-function="true"] .ueb-node-name-symbol {
color: #aaeda0;
}
.ueb-node-name-symbol path {

10
scss/ueb-pin.scss
View File

@@ -104,6 +104,16 @@ ueb-pin[data-type="/Script/CoreUObject.LinearColor"] .ueb-pin-input {
background-color: var(--ueb-linear-color);
}
.ueb-pin-input-label~.ueb-pin-input {
margin-left: 0;
}
.ueb-pin-input-label {
vertical-align: middle;
margin-left: 3px;
color: #777777;
}
.ueb-pin-input-content {
display: block;
outline: none;

28
scss/ueb-type-color.scss
View File

@@ -1,5 +1,5 @@
ueb-blueprint {
--ueb-pin-dim-color: #afafaf;
--ueb-pin-color-dim: #afafaf;
}
ueb-link {
@@ -17,45 +17,49 @@ ueb-pin {
}
ueb-pin[data-type="bool"] {
--ueb-pin-color-rgb: var(--ueb-pin-bool-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-bool);
}
ueb-pin[data-type="class"] {
--ueb-pin-color-rgb: var(--ueb-pin-class-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-class);
}
ueb-pin[data-type="exec"] {
--ueb-pin-color-rgb: var(--ueb-pin-exec-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-exec);
}
ueb-pin[data-type="int"] {
--ueb-pin-color-rgb: var(--ueb-pin-int-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-int);
}
ueb-pin[data-type="name"] {
--ueb-pin-color-rgb: var(--ueb-pin-name-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-name);
}
ueb-pin[data-type="object"] {
--ueb-pin-color-rgb: var(--ueb-pin-object-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-object);
}
ueb-pin[data-type="real"] {
--ueb-pin-color-rgb: var(--ueb-pin-real-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-real);
}
ueb-pin[data-type="rotator"] {
--ueb-pin-color-rgb: var(--ueb-pin-rotator-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-rotator);
}
ueb-pin[data-type="string"] {
--ueb-pin-color-rgb: var(--ueb-pin-string-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-string);
}
ueb-pin[data-type="/Script/CoreUObject.LinearColor"] {
--ueb-pin-color-rgb: var(--ueb-pin-linear-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-linear-color);
}
ueb-pin[data-type="/Script/CoreUObject.Vector"] {
--ueb-pin-color-rgb: var(--ueb-pin-color-vector);
}
ueb-pin[data-type="vector"] {
--ueb-pin-color-rgb: var(--ueb-pin-vector-color);
--ueb-pin-color-rgb: var(--ueb-pin-color-vector);
}