2023-09-11T15:05:17.905Z

src/040-deriving-types-from-values/128-classes-cross-value-and-type-world.problem.ts

@@ -0,0 +1,30 @@
+import { describe, expect, it } from "vitest";
+
+class CanvasNode {
+  x = 0;
+  y = 0;
+
+  move(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+const positionFromCanvasNode = (node) => {
+  return {
+    x: node.x,
+    y: node.y,
+  };
+};
+
+describe("positionFromCanvasNode", () => {
+  it("Should return the position of the node", () => {
+    const canvasNode = new CanvasNode();
+
+    expect(positionFromCanvasNode(canvasNode)).toEqual({ x: 0, y: 0 });
+
+    canvasNode.move(10, 20);
+
+    expect(positionFromCanvasNode(canvasNode)).toEqual({ x: 10, y: 20 });
+  });
+});

src/040-deriving-types-from-values/128-classes-cross-value-and-type-world.solution.ts

@@ -0,0 +1,31 @@
+import { describe, expect, it } from "vitest";
+
+class CanvasNode {
+  x = 0;
+  y = 0;
+
+  move(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+}
+
+// Look at typeof CanvasNode
+const positionFromCanvasNode = (node: CanvasNode) => {
+  return {
+    x: node.x,
+    y: node.y,
+  };
+};
+
+describe("positionFromCanvasNode", () => {
+  it("Should return the position of the node", () => {
+    const canvasNode = new CanvasNode();
+
+    expect(positionFromCanvasNode(canvasNode)).toEqual({ x: 0, y: 0 });
+
+    canvasNode.move(10, 20);
+
+    expect(positionFromCanvasNode(canvasNode)).toEqual({ x: 10, y: 20 });
+  });
+});

src/040-deriving-types-from-values/129-this-crosses-value-and-type-world.explainer.ts

@@ -0,0 +1,19 @@
+class CanvasNode {
+  x: number;
+  y: number;
+
+  constructor(x: number, y: number) {
+    this.x = x;
+    this.y = y;
+  }
+
+  move(x: number, y: number): this {
+    this.x += x;
+    this.y += y;
+    return this;
+  }
+}
+
+const node = new CanvasNode(0, 0).move(10, 20).move(30, 40);
+
+type test = Expect<Equal<typeof node, CanvasNode>>;