patron-oop 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [1.2.0](https://github.com/kosukhin/patron/compare/v1.1.0...v1.2.0) (2024-10-13)
+
+
+### Features
+
+* **main:** сделал минификацию при сборке ролап ([53294a4](https://github.com/kosukhin/patron/commit/53294a470a3b31fb81643b629b83a94b8122a746))
+* **main:** сделать пример использования библиотеки ([34232b8](https://github.com/kosukhin/patron/commit/34232b8fd020d42ab070eac375dd1e1bd9d7b16f))
+
 ## 1.1.0 (2024-10-12)
 
 

package/dist/patron.min.js

@@ -0,0 +1 @@
+"use strict";var e=Object.defineProperty,t=(t,i,s)=>((t,i,s)=>i in t?e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[i]=s)(t,"symbol"!=typeof i?i+"":i,s);const i=new Map;class s{constructor(e){this.initiator=e,t(this,"patrons",new Set),t(this,"receive"),i.set(this,this.patrons);let s=null;const r=(e,t)=>{this.patrons.forEach((i=>{this.sendValueToGuest(e,i,t)}))};this.receive=(e,t)=>{const i=()=>{i===s&&r(e,t)};return s=i,queueMicrotask(i),this}}add(e){return e.introduction&&"patron"===e.introduction()&&this.patrons.add(e),this}remove(e){return this.patrons.delete(e),this}distribute(e,t){return this.add(t),this.sendValueToGuest(e,t,{}),this}sendValueToGuest(e,t,i){t.receive(e,{...i,data:{...i?.data??{},initiator:this.initiator,pool:this}})}}var r=Object.defineProperty,o=(e,t,i)=>((e,t,i)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i)(e,t+"",i);class n{constructor(e,t=null,i=null){this.defaultValue=t,this.theCache=i,o(this,"pool"),this.pool=new s(e)}receive(e,t){return this.theCache=e,this.pool.receive(e,t),this}receiving(e){return null!==this.theCache?e.receive(this.theCache):null!==this.defaultValue&&e.receive(this.defaultValue),this.pool.add(e),this}}class h{constructor(e){this.receiver=e}receive(e,t){return this.receiver(e,t),this}}var c=Object.defineProperty,a=(e,t,i)=>((e,t,i)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i)(e,"symbol"!=typeof t?t+"":t,i);class u{constructor(e){a(this,"guests",new Set),a(this,"patronPool"),this.patronPool=new s(e)}receive(e,t){return this.deliverToGuests(e,t),this.patronPool.receive(e,t),this}add(e){return e.introduction&&"guest"!==e.introduction()||this.guests.add(e),this.patronPool.add(e),this}remove(e){return this.guests.delete(e),this.patronPool.remove(e),this}distribute(e,t){return this.add(t),this.receive(e),this}deliverToGuests(e,t){this.guests.forEach((i=>{i.receive(e,t)})),this.guests.clear()}}class l{constructor(e,t){this.baseGuest=e,this.middleFn=t}introduction(){return this.baseGuest.introduction?this.baseGuest.introduction():"guest"}receive(e,t){return this.middleFn(e,t),this}}var d=Object.defineProperty,v=(e,t,i)=>((e,t,i)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i)(e,"symbol"!=typeof t?t+"":t,i);var p=Object.defineProperty,b=(e,t,i)=>((e,t,i)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i)(e,t+"",i);var f=Object.defineProperty,w=(e,t,i)=>((e,t,i)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i)(e,t+"",i);exports.Cache=n,exports.Chain=class{constructor(){v(this,"theChain"),v(this,"keysKnown",new Set),v(this,"keysFilled",new Set),v(this,"filledChainPool",new u(this)),this.theChain=new n(this,{})}resultArray(e){return this.filledChainPool.add(new l(e,(e=>Object.values(e)))),this.isChainFilled()&&this.theChain.receiving(new h((e=>{this.filledChainPool.receive(Object.values(e))}))),this}result(e){return this.isChainFilled()?(this.filledChainPool.add(e),this.theChain.receiving(new h((e=>{this.filledChainPool.receive(e)})))):this.filledChainPool.add(e),this}receiveKey(e){return this.keysKnown.add(e),new h((t=>{queueMicrotask((()=>{this.theChain.receiving(new h((i=>{this.keysFilled.add(e);const s={...i,[e]:t};this.theChain.receive(s),this.isChainFilled()&&this.filledChainPool.receive(s)})))}))}))}isChainFilled(){return this.keysFilled.size>0&&this.keysFilled.size===this.keysKnown.size}},exports.Factory=class{constructor(e){this.constructorFn=e}create(...e){return new this.constructorFn(...e)}},exports.FactoryDynamic=class{constructor(e){this.creationFn=e}create(...e){return this.creationFn(...e)}},exports.FactoryWithFactories=class{constructor(e,t={}){this.constructorFn=e,this.factories=t}create(...e){return new this.constructorFn(...e,this.factories)}},exports.Guest=h,exports.GuestAware=class{constructor(e){this.guestReceiver=e}receiving(e){return this.guestReceiver(e),e}},exports.GuestCast=class{constructor(e,t){this.sourceGuest=e,this.targetGuest=t}introduction(){return this.sourceGuest.introduction?this.sourceGuest.introduction():"guest"}receive(e,t){return this.targetGuest.receive(e,t),this}},exports.GuestInTheMiddle=l,exports.GuestPool=u,exports.GuestSync=class{constructor(e){this.theValue=e}receive(e){return this.theValue=e,this}value(){return this.theValue}},exports.Patron=class{constructor(e){this.willBePatron=e}introduction(){return"patron"}receive(e,t){return this.willBePatron.receive(e,t),this}},exports.PatronOnce=class{constructor(e){this.baseGuest=e,b(this,"received",!1)}introduction(){return"patron"}receive(e,t){this.received||this.baseGuest.receive(e,t);const i=t?.data;return i?.pool&&i.pool.remove(this),this}},exports.PatronPool=s,exports.Source=class{constructor(e){this.sourceDocument=e,w(this,"pool",new s(this))}receive(e){return this.sourceDocument=e,this.pool.receive(this.sourceDocument),this}receiving(e){return this.pool.distribute(this.sourceDocument,e),this}},exports.removePatronFromPools=e=>{i.forEach((t=>{t.delete(e)}))};

package/examples/elegant_objects.html

@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h1>Elegant Objects</h1>
+    <p>
+        Композиция объектов описывает поведение
+    </p>
+    <p>
+        Умножение: num1 * num2 = result
+    </p>
+    <div>
+        <label>
+            num1:
+            <input type="number" class="input-1" />
+        </label>
+    </div>
+    <div>
+        <label>
+            num2:
+            <input type="number" class="input-2" />
+        </label>
+    </div>
+    <div>
+        result = <b class="result"></b>
+    </div>
+    <script type="module">
+        import {Guest, Source, Patron, Chain, GuestCast, GuestInTheMiddle} from 'https://cdn.jsdelivr.net/npm/patron-oop@1.1.0/dist/patron.mjs';
+
+        // Presentation of text in document
+        class TextInDocument {
+            bindTo(selector) {
+                const element = document.querySelector(selector);
+                return new Guest((value) => {
+                    element.innerText = value;
+                });
+            }
+        }
+
+        // Presentation of input with relation to source value
+        class Input {
+            #source;
+
+            constructor(source) {
+                this.#source = source;
+            }
+
+            bindTo(selector) {
+                const el = document.querySelector(selector);
+                this.#source.receiving(new Patron(new Guest((value) => {
+                    el.value = value;
+                })));
+                el.addEventListener('keyup', (e) => {
+                    this.receive(e.target.value);
+                });
+                el.addEventListener('change', (e) => {
+                    this.receive(e.target.value);
+                });
+                return this;
+            }
+
+            receiving(guest) {
+                this.#source.receiving(guest);
+                return this;
+            }
+
+            receive(value) {
+                this.#source.receive(value);
+                return this;
+            }
+        }
+
+        // Number presentation
+        class NumberOf {
+            #source;
+
+            constructor(source) {
+                this.#source = source;
+            }
+
+            number(guest) {
+                this.#source.receiving(guest);
+                return this;
+            }
+
+            receive(value) {
+                this.#source.receive(value);
+            }
+        }
+
+        // Multiplication
+        class Mul {
+            #num1;
+            #num2;
+
+            constructor(num1, num2) {
+                this.#num1 = num1;
+                this.#num2 = num2;
+            }
+
+            result(guest) {
+                const chain = new Chain();
+                this.#num1.number(new GuestCast(guest, chain.receiveKey('num1')));
+                this.#num2.number(new GuestCast(guest, chain.receiveKey('num2')));
+                chain.result(new GuestInTheMiddle(guest, ({num1, num2}) => {
+                    guest.receive(num1 * num2)
+                }));
+            }
+        }
+
+        window.input1 = new Input(new Source(2)).bindTo('.input-1');
+        window.input2 = new Input(new Source(2)).bindTo('.input-2');
+        const multiplication = new Mul(
+            new NumberOf(window.input1),
+            new NumberOf(window.input2)
+        )
+        multiplication.result(new Patron(new TextInDocument().bindTo('.result')));
+    </script>
+</body>
+</html>

package/examples/reactive.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Reactive Patron</title>
+</head>
+<body>
+    <h1>Reactive example</h1>
+    <div>
+        <label>
+            Поле ввода:
+            <input onkeyup="input.receive(this.value)">
+        </label>
+    </div>
+    <div>
+        Результат ввода: <span class="result"></span>
+    </div>
+    <script type="module">
+        import {Guest, Source, Patron} from 'https://cdn.jsdelivr.net/npm/patron-oop@1.1.0/dist/patron.mjs';
+
+        class Text {
+            constructor(selector) {
+                this.element = document.querySelector(selector);
+            }
+
+            receive(value) {
+                this.element.innerText = value;
+            }
+        }
+
+        window.input = new Source(1);
+        input.receiving(new Patron(new Text('.result')));
+    </script>
+</body>
+</html>

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "patron-oop",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "",
   "type": "module",
   "main": "dist/patron.js",
   "module": "dist/patron.mjs",
   "typings": "dist/patron.d.ts",
+  "keywords": [
+    "oop"
+  ],
   "scripts": {
     "build": "rollup -c",
     "lint": "eslint src",
@@ -13,7 +16,7 @@
     "test": "vitest",
     "cz": "git add . && git cz",
     "test-debug": "env DEBUG=app:* vitest",
-    "release": "standard-version --no-verify"
+    "release": "npm run build && standard-version --no-verify"
   },
   "repository": {
     "type": "git",
@@ -23,6 +26,7 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3.1.0",
     "@eslint/js": "^9.12.0",
+    "@rollup/plugin-terser": "^0.4.4",
     "@typescript-eslint/eslint-plugin": "^8.8.1",
     "@typescript-eslint/parser": "^8.8.1",
     "cz-customizable": "^7.0.0",

package/rollup.config.js

@@ -1,5 +1,6 @@
 import dts from "rollup-plugin-dts";
 import esbuild from "rollup-plugin-esbuild";
+import terser from "@rollup/plugin-terser";
 
 const name = "dist/patron";
 
@@ -23,6 +24,11 @@ export default [
         format: "es",
         sourcemap: true,
       },
+      {
+        file: `${name}.min.js`,
+        format: "cjs",
+        plugins: [terser()],
+      },
     ],
   }),
   bundle({