js-patterns

src/patterns/01-abstractFactory/example.js

@@ -5,7 +5,7 @@ createInput
 createTable
 */
 
-interface ComponentFactory {
+/* interface ComponentFactory {
     createButton(): Button;
     createInput(): Input;
     createTable(): Table;
@@ -63,4 +63,4 @@ function Component() {
     return <div>
         {currentFabric.createButton()}
     </div>
-}
+} */

src/patterns/01-abstractFactory/index.js

@@ -3,20 +3,41 @@ export class ErrorButton {}
 export class SuccessNotification {}
 export class ErrorNotification {}
 
-export class SuccessControl {
-  create (type = '') {
-    // todo: implement logic
+class Control {
+  types = {};
+
+  create(type = "") {
+    const ControlType = this.types[type];
+    if (!ControlType) {
+      throw new Error("Control type is not defined");
+    }
+    return new ControlType();
+  }
+}
+
+export class SuccessControl extends Control {
+  constructor() {
+    super();
+    this.types.button = SuccessButton;
+    this.types.notification = SuccessNotification;
   }
 }
 
-export class ErrorControl {
-  create (type = '') {
-    // todo: implement logic
+export class ErrorControl extends Control {
+  constructor() {
+    super();
+    this.types.button = ErrorButton;
+    this.types.notification = ErrorNotification;
   }
 }
 
 export default class ControlsFactory {
-  getFactory (factoryType = '') {
-    // todo: implement logic
+  getFactory(factoryType = "") {
+    if (factoryType === "success") {
+      return new SuccessControl();
+    }
+    if (factoryType === "error") {
+      return new ErrorControl();
+    }
   }
 }

src/patterns/02-builder/example.js

@@ -1,4 +1,4 @@
-const playerConfig = {
+/* const playerConfig = {
     config: {},
 
     addAdConfig() {
@@ -27,3 +27,4 @@ if (isDrmNeeded) {
 }
 
 
+ */

src/patterns/02-builder/index.js

@@ -1,17 +1,24 @@
 export default class RequestBuilder {
-  constructor(url = '') {
+  constructor(url = "") {
     this.url = new URL(url);
   }
 
-  addPagination (start, end) {
-    // todo: implement logic
+  addPagination(start, end) {
+    this.url.searchParams.set("start", start);
+    this.url.searchParams.set("end", end);
+    return this.url;
   }
 
-  addSort (sort, order) {
-    // todo: implement logic
+  addSort(sort, order) {
+    this.url.searchParams.set("sort", sort);
+    this.url.searchParams.set("order", order);
+    return this.url;
   }
 
-  addFilter (filter, filterLte, filterGte) {
-    // todo: implement logic
+  addFilter(filter, filterLte, filterGte) {
+    this.url.searchParams.set("filter", filter);
+    this.url.searchParams.set("filter_lte", filterLte);
+    this.url.searchParams.set("filter_gte", filterGte);
+    return this.url;
   }
 }

src/patterns/03-factoryMethod/example.js

@@ -1,4 +1,4 @@
-
+/* 
 class FabricNode {
     draw() {
         return <FabricNode/>
@@ -34,4 +34,4 @@ function paint(node) {
 
 
 }
-
+ */

src/patterns/03-factoryMethod/index.js

@@ -1,23 +1,39 @@
 class Input {
   element = {};
 
-  create () {
-    // Abstract method
+  create() {
+    return this.element;
   }
 }
 
 export class TextInput extends Input {
-  // todo: implement logic
+  create() {
+    this.element.type = "text";
+    super.create();
+  }
 }
 
 export class NumberInput extends Input {
-  // todo: implement logic
+  create() {
+    this.element.type = "number";
+    super.create();
+  }
 }
 
 export class EmailInput extends Input {
-  // todo: implement logic
+  create() {
+    this.element.type = "email";
+    super.create();
+  }
 }
 
-export const inputFactory = (type = '') => {
-  // todo: implement logic
+export const inputFactory = (type = "") => {
+  const inputs = {
+    text: TextInput,
+    number: NumberInput,
+    email: EmailInput,
+  };
+
+  const Input = inputs[type];
+  return new Input();
 };

src/patterns/04-prototype/examples.js

@@ -1,4 +1,4 @@
-const storageNode = {
+/* const storageNode = {
     id: 'asdasdasdas',
     level: 100,
     quality: {
@@ -17,4 +17,4 @@ const storageNode = {
             id: nanoid(),
         }
     }
-}
+} */

src/patterns/04-prototype/index.js

@@ -1,20 +1,29 @@
 class Monster {
-  // todo: implement logic
+  settings = {};
+  constructor(settings) {
+    this.settings = settings;
+  }
 }
 
 export default class Location {
   monsters = [];
 
-  constructor(name = '', monstersCount = 0, monstersSettings = {}) {
+  constructor(name = "", monstersCount = 0, monstersSettings = {}) {
     this.name = name;
-    // todo: implement logic
+    this.monstersCount = monstersCount;
+    this.monstersSettings = monstersSettings;
+    this.initMonsters();
   }
 
-  initMonsters () {
-    // todo: implement logic
+  initMonsters() {
+    this.monsters = Array.from(Array(this.monstersCount), () => {
+      return new Monster(this.monstersSettings);
+    });
   }
 
-  clone () {
-    // todo: implement logic
+  clone() {
+    return new Location(this.name, this.monstersCount, {
+      ...this.monstersSettings,
+    });
   }
 }

src/patterns/04-prototype/index.spec.js

@@ -1,21 +1,27 @@
-import Location from './index.js';
+import Location from "./index.js";
 
-describe('patterns/prototype', () => {
-  it('should be able to initialize monsters in the location', () => {
+describe("patterns/prototype", () => {
+  it("should be able to initialize monsters in the location", () => {
     const location = new Location("dryHills", 3, { type: "undead" });
 
     expect(location.monsters.length).toBe(3);
-    expect(location.monsters.every(monster => monster.settings.type === 'undead')). toBeTruthy();
+    expect(
+      location.monsters.every((monster) => monster.settings.type === "undead")
+    ).toBeTruthy();
   });
 
-  it('should be able to clone a location and change monsters type', () => {
+  it("should be able to clone a location and change monsters type", () => {
     const location = new Location("dryHills", 3, { type: "undead" });
     const newLocation = location.clone();
 
     newLocation.name = "laveCavern";
     newLocation.monstersSettings.type = "demon";
 
-    expect(newLocation.monsters.every(monster => monster.settings.type === 'demon')). toBeTruthy();
-    expect(location.monsters.every(monster => monster.settings.type === 'undead')). toBeTruthy();
+    expect(
+      newLocation.monsters.every((monster) => monster.settings.type === "demon")
+    ).toBeTruthy();
+    expect(
+      location.monsters.every((monster) => monster.settings.type === "undead")
+    ).toBeTruthy();
   });
 });

src/patterns/05-singleton/index.js

@@ -1,5 +1,11 @@
 export default class Singleton {
+  static #instance = null;
+
   constructor() {
-    // todo: implement logic
+    if (!Singleton.#instance) {
+      Singleton.#instance = this;
+    }
+
+    return Singleton.#instance;
   }
 }

src/patterns/06-adapter/index.js

@@ -1,4 +1,4 @@
-export const getArea = shape => {
+export const getArea = (shape) => {
   return shape.width * shape.height;
 };
 
@@ -17,7 +17,7 @@ export class Rectangle {
 
 export class Adapter {
   constructor(shape) {
-    // todo: add implementation
+    this.width = shape.size;
+    this.height = shape.size;
   }
 }
-

src/patterns/07-bridge/example.js

@@ -1,4 +1,4 @@
-interface Tv {
+/* interface Tv {
     getVolume(): number;
     setVolume(): number;
     //...
@@ -29,4 +29,4 @@ class Remote {
     changeVolumeByStep(step = 10) {
         this.device.setVolume(this.device.getVolume() + step)
     }
-}
+} */

src/patterns/07-bridge/index.js

@@ -1,22 +1,22 @@
 export class RedColorsPallet {
-  constructor () {
-    this.color = 'red';
+  constructor() {
+    this.color = "red";
   }
 }
 
 export class GreenColorsPallet {
-  constructor () {
-    this.color = 'green';
+  constructor() {
+    this.color = "green";
   }
 }
 
 export class Notification {
-  constructor () {
-    // todo: add implementation
+  constructor(name, colorsPallet) {
+    this.name = name;
+    this.colorsPallet = colorsPallet;
   }
 
-  toString () {
+  toString() {
     return `This is ${this.name} notification with ${this.colorsPallet.color} colors pallet`;
   }
 }
-

src/patterns/08-composite/example.js

@@ -1,4 +1,4 @@
-class Fabric {
+/* class Fabric {
     items;
     draw() {
         // logic
@@ -41,4 +41,4 @@ graph.items = [storage, fabric, node];
 storage.items = [node1, node2];
 fabric.items = [node3, node4]
 
-graph.draw();
+graph.draw(); */

src/patterns/08-composite/index.js

@@ -3,8 +3,8 @@ export class Child {
     this.value = value;
   }
 
-  getSum () {
-    // todo: add implementation
+  getSum() {
+    return this.value;
   }
 }
 
@@ -13,8 +13,7 @@ export class Parent {
     this.values = values;
   }
 
-  getSum () {
-    // todo: add implementation
+  getSum() {
+    return this.values.reduce((acc, value) => acc + value.getSum(), 0);
   }
 }
-