🟣 Added Variables

.yarnrc.yml

@@ -1,2 +1 @@
-yarnPath: ".yarn/releases/yarn-berry.js"
 nodeLinker: node-modules

apps/web-application/src/lib/Components/Editor/Nodes/Strings/Text.ts

@@ -20,6 +20,6 @@ export class Text extends BaseNode {
     }
 
     nodeToCode(): string {
-        return `"${this.properties.txt || "Your Text"}"`
+        return JSON.stringify(this.properties.txt ?? "Your Text");
     }
 }

apps/web-application/src/lib/Components/Editor/Nodes/Variables/CreateVariable.ts

@@ -0,0 +1,50 @@
+import { BaseGenerator, BaseNode, FlowIOTypes } from "@disflow-team/code-gen";
+import { NodeCategoryColor } from "../Colors";
+
+const controls = {
+    "let": "let",
+    "const": "const",
+    "var": "var",
+}
+
+export class CreateVariable extends BaseNode {
+    static title: string = "Create Variable";
+    static category: string = "Variables";
+
+    protected onBuild(): void {
+        this.setNodeColor(NodeCategoryColor.Variables);
+        this.addProperty("name", "Name", FlowIOTypes.String);
+        this.addProperty("keyword", "let", FlowIOTypes.String);
+        this.addWidget('combo', "Keyword", "let", (value) => {
+            this.properties.keyword = value;
+        }, {
+            values: Object.keys(controls),
+            property: "keyword"
+        })
+        this.addWidget("text", "Name", "myVariable", (v: string) => {
+            if(v.trim() === "") this.addInput("name", FlowIOTypes.String);
+
+            this.properties.name = v;
+        }, {
+            property: "name"
+        })
+        this.addInput("value", FlowIOTypes.Any);
+    }
+
+    nodeToCode(generator: BaseGenerator): string {
+        const keyword = controls[this.properties.keyword as keyof typeof controls];
+        const valueInput = this.inputs.find(i => i.name === "value");
+        const hasValue = valueInput?.link != null;
+
+        if (keyword === "const" && !hasValue) {
+            return `const ${this.properties.name} = undefined;`;
+        }
+
+        if (hasValue) {
+            return `${keyword} ${this.properties.name} = ${generator.valueToCode(this, 1)};`;
+        }
+
+        return `${keyword} ${this.properties.name};`;
+    }
+
+}

apps/web-application/src/lib/Components/Editor/Nodes/Variables/SetVariable.ts

@@ -0,0 +1,24 @@
+import { BaseGenerator, BaseNode, FlowIOTypes } from "@disflow-team/code-gen";
+import { NodeCategoryColor } from "../Colors";
+
+export class SetVariable extends BaseNode {
+    static title: string = "Set Variable";
+    static category: string = "Variables";
+
+    protected onBuild(): void {
+        this.setNodeColor(NodeCategoryColor.Variables);
+        this.addProperty("name", "Name", FlowIOTypes.String);
+        this.addWidget("text", "Name", "myVariable", (v: string) => {
+            if(v.trim() === "") this.addInput("name", FlowIOTypes.String);
+
+            this.properties.name = v;
+        }, {
+            property: "name"
+        })
+        this.addInput("value", FlowIOTypes.Any);
+    }
+
+    nodeToCode(generator: BaseGenerator): string {
+        return `${this.properties.name} = ${generator.valueToCode(this, 1)};`;
+    }
+}

apps/web-application/src/lib/Components/Editor/Nodes/Variables/index.ts

@@ -0,0 +1,2 @@
+export * from "./CreateVariable";
+export * from "./SetVariable";

apps/web-application/src/lib/Components/Editor/Nodes/index.ts

@@ -2,4 +2,5 @@ export * from "./Control";
 export * from "./Math";
 export * from "./Comparison";
 export * from "./Console";
-export * from "./Strings";
+export * from "./Strings";
+export * from "./Variables";

package.json

@@ -22,6 +22,7 @@
         "typescript": "^5.9.3",
         "typescript-eslint": "^8.50.0"
     },
+    "private": true,
     "workspaces": [
         "apps/*",
         "packages/*"