add type .blank-frame

CHANGELOG.md

@@ -12,6 +12,7 @@ and adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 -   Changed the `name` attribute to `type` when drawing objects.
 -   Removed the `isClass` and `stack_frame` attributes and embedded them as the types `.class` and `.frame`.
 -   Renamed the input for blank objects from `BLANK` to `.blank`.
+-   Created new type `.blank-frame` to draw blank stack frames.
 
 ### ✨ Enhancements
 

demo/src/sample/blanks/data.json

@@ -6,8 +6,7 @@
         "value": { "lst1": 82, "lst2": 84, "p": 99, "d": 10, "t": 11 }
     },
     {
-        "type": ".frame",
-        "name": ".blank",
+        "type": ".blank-frame",
         "width": 100,
         "height": 200
     },

docs/docs/02-object_structure.md

@@ -49,7 +49,7 @@ must contain the following attributes:
     "value": {"age": 12, "name": 17}
 }
 
-{"type": ".frame", "name": ".blank", "width": 100, "height": 200}
+{"type": ".blank-frame", "width": 100, "height": 200}
 
 {"type": "list", "id": 82, "value": [19, 43, 28, 49]}
 

docs/docs/03-automation_algorithms.md

@@ -101,7 +101,7 @@ also provided a width and a height attribute corresponding to the desired
 width and height of the blank space. If such dimensions have not been provided,
 a related warning is printed and the object is skipped (no blank space is
 recorded). Note that if a blank stack frame is being drawn, the input should
-have `type=".frame"` and `name=".blank"`.
+have `type=".blank-frame"`.
 
 ## Summary
 

docs/docs/99-api/examples/blankspaces_demo/blankspaces_demo.js

@@ -26,7 +26,7 @@ const listOfObjs = [
         id: null,
         value: { lst1: 82, lst2: 84, p: 99, d: 10, t: 11 },
     },
-    { type: ".frame", name: ".blank", width: 100, height: 200 },
+    { type: ".frame", width: 100, height: 200 },
     {
         type: ".frame",
         name: "func",

memory-viz/src/automate.ts

@@ -73,7 +73,7 @@ function drawAutomatedStackFrames(stack_frames, configuration) {
         let width;
         let height;
 
-        if (stack_frame.name !== ".blank") {
+        if (stack_frame.type !== ".blank-frame") {
             const size = getSize(stack_frame);
             height = size.height;
             width = size.width;
@@ -87,7 +87,7 @@ function drawAutomatedStackFrames(stack_frames, configuration) {
             required_width = width;
         }
 
-        if (stack_frame.name !== ".blank") {
+        if (stack_frame.type !== ".blank-frame") {
             stack_frame.x = configuration.left_margin;
             stack_frame.y = min_required_height;
             draw_stack_frames.push(stack_frame);
@@ -262,7 +262,7 @@ function separateObjects(objects) {
                     "(either the width or the height is missing). This object will be omitted in the memory model" +
                     " diagram."
             );
-        } else if (item.type === ".frame") {
+        } else if (item.type.includes("frame")) {
             stackFrames.push(item);
         } else {
             otherItems.push(item);

memory-viz/src/memory_model.ts

@@ -809,8 +809,9 @@ export class MemoryModel {
 
             obj.style = populateStyleObject(obj, this.seed);
 
-            if (obj.type === ".class" || obj.type === ".frame") {
-                let is_frame = obj.type === ".frame";
+            let non_objects = [".class", ".frame", ".blank-frame"];
+            if (non_objects.includes(obj.type)) {
+                let is_frame = obj.type.includes("frame");
 
                 const size = this.drawClass(
                     obj.x,

memory-viz/src/style.ts

@@ -72,7 +72,7 @@ function populateStyleObject(object, seed) {
         object_type = "primitive";
     } else if (collections.includes(object.type)) {
         object_type = "collection";
-    } else if (object.type === ".frame") {
+    } else if (object.type.includes("frame")) {
         object_type = "stackframe";
     } else {
         object_type = "class";

memory-viz/src/tests/draw.spec.tsx

@@ -282,7 +282,7 @@ describe("draw function", () => {
 
     it("renders a blank stack frame", () => {
         const objects: Array<Object> = [
-            { type: ".frame", name: ".blank", width: 100, height: 200 },
+            { type: ".blank-frame", width: 100, height: 200 },
             { type: "list", id: 82, value: [19, 43, 28, 49] },
         ];
         const m: InstanceType<typeof MemoryModel> = draw(objects, true, {