silentium 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/beforeRelease.sh +11 -0
- package/dist/silentium.cjs +39 -63
- package/dist/silentium.cjs.map +1 -1
- package/dist/silentium.d.ts +34 -53
- package/dist/silentium.js +40 -63
- package/dist/silentium.js.map +1 -1
- package/dist/silentium.min.js +1 -1
- package/dist/silentium.min.mjs +1 -1
- package/dist/silentium.min.mjs.map +1 -1
- package/dist/silentium.mjs +40 -63
- package/dist/silentium.mjs.map +1 -1
- package/docs/assets/css/base.css +15 -0
- package/docs/assets/css/custom.css +72 -0
- package/docs/assets/img/logo.svg +1522 -0
- package/docs/assets/js/components/linkDynamic.mjs +14 -0
- package/docs/assets/js/components/linkReloadable.mjs +17 -0
- package/docs/assets/js/components.mjs +2 -0
- package/docs/assets/js/index.mjs +74 -0
- package/docs/assets/js/lib/StyleFetched.mjs +19 -0
- package/docs/build.sh +7 -3
- package/docs/buildRoutes.sh +15 -0
- package/docs/favicon.ico +0 -0
- package/docs/index-dev.html +4 -80
- package/docs/index.html +6 -82
- package/docs/pages/compatibility/elegant-objects.html +4 -4
- package/docs/pages/examples/errors.html +2 -2
- package/docs/pages/examples.html +12 -14
- package/docs/pages/guest/guest-applied.html +9 -5
- package/docs/pages/guest/guest-cast.html +20 -26
- package/docs/pages/guest/guest-disposable.html +32 -42
- package/docs/pages/guest/guest-executor-applied.html +21 -17
- package/docs/pages/guest/guest-object.html +22 -26
- package/docs/pages/guest/guest-pool.html +17 -18
- package/docs/pages/guest/guest-sync.html +7 -2
- package/docs/pages/guest/index.html +18 -29
- package/docs/pages/guest.html +112 -18
- package/docs/pages/index.html +24 -52
- package/docs/pages/integrations/vue.html +5 -8
- package/docs/pages/patron/index.html +14 -20
- package/docs/pages/patron/patron-applied.html +2 -2
- package/docs/pages/patron/patron-executor-applied.html +2 -2
- package/docs/pages/patron/patron-once.html +12 -18
- package/docs/pages/patron/patron-pool.html +12 -18
- package/docs/pages/patron.html +137 -16
- package/docs/pages/philosofy.html +30 -49
- package/docs/pages/source/index.html +11 -14
- package/docs/pages/source/source-all.html +9 -12
- package/docs/pages/source/source-applied.html +2 -2
- package/docs/pages/source/source-dynamic.html +3 -3
- package/docs/pages/source/source-executor-applied.html +2 -2
- package/docs/pages/source/source-map.html +5 -5
- package/docs/pages/source/source-once.html +2 -2
- package/docs/pages/source/source-race.html +10 -10
- package/docs/pages/source/source-sequence.html +2 -2
- package/docs/pages/source/source-with-pool.html +8 -11
- package/docs/pages/source/source.html +11 -14
- package/docs/pages/source.html +162 -31
- package/docs/pages/terminology/source.html +5 -9
- package/docs/pages/terminology.html +12 -18
- package/docs/pages/utils.html +33 -21
- package/docs/routes.json +1 -0
- package/docs/template.html +4 -80
- package/eslint.config.mjs +3 -0
- package/package.json +2 -2
- package/src/Guest/Guest.ts +3 -3
- package/src/Guest/GuestApplied.ts +1 -1
- package/src/Guest/GuestCast.ts +1 -1
- package/src/Guest/GuestDisposable.ts +1 -1
- package/src/Guest/GuestExecutorApplied.ts +1 -1
- package/src/Guest/GuestObject.ts +1 -1
- package/src/Guest/GuestPool.ts +1 -1
- package/src/Guest/GuestSync.ts +1 -1
- package/src/Patron/Patron.ts +2 -2
- package/src/Patron/PatronApplied.ts +1 -1
- package/src/Patron/PatronExecutorApplied.ts +1 -1
- package/src/Patron/PatronOnce.ts +1 -1
- package/src/Patron/PatronPool.ts +4 -4
- package/src/Private/Private.ts +1 -1
- package/src/Source/Source.ts +4 -4
- package/src/Source/SourceAll.ts +1 -1
- package/src/Source/SourceApplied.ts +1 -1
- package/src/Source/SourceDynamic.ts +1 -1
- package/src/Source/SourceExecutorApplied.ts +1 -1
- package/src/Source/SourceMap.ts +1 -1
- package/src/Source/SourceOnce.ts +1 -1
- package/src/Source/SourceRace.ts +1 -1
- package/src/Source/SourceSequence.ts +1 -1
- package/src/Source/SourceWithPool.ts +1 -1
- package/src/index.ts +0 -1
- package/docs/pages/source/source-active.html +0 -120
- package/src/Source/SourceActive.test.ts +0 -13
- package/src/Source/SourceActive.ts +0 -41
|
@@ -15,14 +15,11 @@
|
|
|
15
15
|
|
|
16
16
|
<p class="text-gray-600 text-lg mb-4">
|
|
17
17
|
Предназначен для создания объектов, которые будут
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
источниками данных
|
|
24
|
-
</a>
|
|
25
|
-
</span>
|
|
18
|
+
<link-dynamic
|
|
19
|
+
href="/terminology/source"
|
|
20
|
+
>
|
|
21
|
+
источниками данных
|
|
22
|
+
</link-dynamic>
|
|
26
23
|
, логика этих объектов основана на переданной функции-колбэке
|
|
27
24
|
</p>
|
|
28
25
|
|
|
@@ -35,7 +32,7 @@
|
|
|
35
32
|
<pre class="mb-4"><code class="language-js">import {
|
|
36
33
|
Source,
|
|
37
34
|
give
|
|
38
|
-
} from '
|
|
35
|
+
} from 'silentium';
|
|
39
36
|
|
|
40
37
|
const timestamp = new Source((guest) => {
|
|
41
38
|
give(Date.now(), guest);
|
|
@@ -50,7 +47,7 @@ timestamp.value((timestamp) => {
|
|
|
50
47
|
<span class="guest-result">Result here</span>
|
|
51
48
|
</div>
|
|
52
49
|
<script type="module">
|
|
53
|
-
import { Source, give } from "
|
|
50
|
+
import { Source, give } from "silentium";
|
|
54
51
|
|
|
55
52
|
const timestamp = new Source((guest) => {
|
|
56
53
|
give(Date.now(), guest);
|
|
@@ -78,7 +75,7 @@ timestamp.value((timestamp) => {
|
|
|
78
75
|
<pre class="mb-4"><code class="language-js">import {
|
|
79
76
|
give,
|
|
80
77
|
value
|
|
81
|
-
} from "
|
|
78
|
+
} from "silentium";
|
|
82
79
|
|
|
83
80
|
const helloSource = (guest) => {
|
|
84
81
|
setTimeout(() => {
|
|
@@ -97,7 +94,7 @@ value(helloSource, (greeting) => {
|
|
|
97
94
|
<span class="guest-result-2">Result here</span>
|
|
98
95
|
</div>
|
|
99
96
|
<script type="module">
|
|
100
|
-
import { give, value } from "
|
|
97
|
+
import { give, value } from "silentium";
|
|
101
98
|
|
|
102
99
|
const helloSource = (guest) => {
|
|
103
100
|
setTimeout(() => {
|
|
@@ -124,7 +121,7 @@ value(helloSource, (greeting) => {
|
|
|
124
121
|
SourceAll,
|
|
125
122
|
give,
|
|
126
123
|
value
|
|
127
|
-
} from "
|
|
124
|
+
} from "silentium";
|
|
128
125
|
|
|
129
126
|
const all = new SourceAll();
|
|
130
127
|
value(give.bind(null, 1), all.guestKey("one"));
|
|
@@ -141,7 +138,7 @@ all.value(({ one, two }) => {
|
|
|
141
138
|
<span class="guest-result-3">Result here</span>
|
|
142
139
|
</div>
|
|
143
140
|
<script type="module">
|
|
144
|
-
import { SourceAll, give, value } from "
|
|
141
|
+
import { SourceAll, give, value } from "silentium";
|
|
145
142
|
|
|
146
143
|
const all = new SourceAll();
|
|
147
144
|
value(give.bind(null, 1), all.guestKey("one"));
|
|
@@ -15,14 +15,11 @@
|
|
|
15
15
|
|
|
16
16
|
<p class="text-gray-600 text-lg mb-4">
|
|
17
17
|
Предназначен для объединения результатов из нескольких
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
источников данных
|
|
24
|
-
</a>
|
|
25
|
-
</span>
|
|
18
|
+
<link-dynamic
|
|
19
|
+
href="/terminology/source"
|
|
20
|
+
>
|
|
21
|
+
источников данных
|
|
22
|
+
</link-dynamic>
|
|
26
23
|
в один источник
|
|
27
24
|
</p>
|
|
28
25
|
|
|
@@ -36,7 +33,7 @@
|
|
|
36
33
|
<pre class="mb-4"><code class="language-js">import {
|
|
37
34
|
Source,
|
|
38
35
|
SourceAll
|
|
39
|
-
} from '
|
|
36
|
+
} from 'silentium';
|
|
40
37
|
|
|
41
38
|
const one = new Source(1);
|
|
42
39
|
const two = new Source(2);
|
|
@@ -57,7 +54,7 @@ all.value(({one, two}) => {
|
|
|
57
54
|
<span class="guest-result">Результат = 0</span>
|
|
58
55
|
</div>
|
|
59
56
|
<script type="module">
|
|
60
|
-
import { give, Patron, SourceWithPool, GuestCast, SourceAll } from "
|
|
57
|
+
import { give, Patron, SourceWithPool, GuestCast, SourceAll } from "silentium";
|
|
61
58
|
|
|
62
59
|
const one = new SourceWithPool(1);
|
|
63
60
|
const two = new SourceWithPool(2);
|
|
@@ -81,7 +78,7 @@ all.value(({one, two}) => {
|
|
|
81
78
|
<pre class="mb-4"><code class="language-js">import {
|
|
82
79
|
SourceWithPool,
|
|
83
80
|
SourceAll
|
|
84
|
-
} from '
|
|
81
|
+
} from 'silentium';
|
|
85
82
|
|
|
86
83
|
const one = new SourceWithPool(1);
|
|
87
84
|
const two = new SourceWithPool(2);
|
|
@@ -100,7 +97,7 @@ all.valueArray((numbers) => {
|
|
|
100
97
|
<span class="guest-result-array">Результат = 0</span>
|
|
101
98
|
</div>
|
|
102
99
|
<script type="module">
|
|
103
|
-
import { give, Patron, SourceWithPool, GuestCast, SourceAll } from "
|
|
100
|
+
import { give, Patron, SourceWithPool, GuestCast, SourceAll } from "silentium";
|
|
104
101
|
|
|
105
102
|
(() => {
|
|
106
103
|
const one = new SourceWithPool(1);
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
<p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
|
|
21
21
|
<pre
|
|
22
22
|
class="mb-4"
|
|
23
|
-
><code class="language-js">import { Source, SourceApplied, Patron } from "
|
|
23
|
+
><code class="language-js">import { Source, SourceApplied, Patron } from "silentium";
|
|
24
24
|
|
|
25
25
|
const guest = v => {
|
|
26
26
|
const r = document.querySelector(".guest-result");
|
|
@@ -49,7 +49,7 @@ new SourceApplied(timer, x => x * 2).value(new Patron(guest));
|
|
|
49
49
|
</div>
|
|
50
50
|
|
|
51
51
|
<script type="module">
|
|
52
|
-
import { Source, SourceApplied, Patron } from "
|
|
52
|
+
import { Source, SourceApplied, Patron } from "silentium";
|
|
53
53
|
|
|
54
54
|
const guest = v => {
|
|
55
55
|
const r = document.querySelector(".guest-result");
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<p class="text-gray-600 text-lg mb-4">
|
|
17
17
|
Иногда необходимо соединить разные объекты
|
|
18
|
-
<link-dynamic href="/terminology/
|
|
18
|
+
<link-dynamic href="/terminology/source">источник данных</link-dynamic>
|
|
19
19
|
и <link-dynamic href="/terminology/visitor">посетитель</link-dynamic> в одном
|
|
20
20
|
объекте как общий источник данных, который можно изменять
|
|
21
21
|
</p>
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
<p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
|
|
48
48
|
<pre
|
|
49
49
|
class="mb-4"
|
|
50
|
-
><code class="language-js">import { SourceDynamic, Guest, Source } from "
|
|
50
|
+
><code class="language-js">import { SourceDynamic, Guest, Source } from "silentium";
|
|
51
51
|
|
|
52
52
|
let theValue = 1;
|
|
53
53
|
const sourceDynamic = new SourceDynamic(
|
|
@@ -72,7 +72,7 @@ sourceDynamic.value((value) => {
|
|
|
72
72
|
</div>
|
|
73
73
|
|
|
74
74
|
<script type="module">
|
|
75
|
-
import { SourceDynamic, Guest, Source, give } from "
|
|
75
|
+
import { SourceDynamic, Guest, Source, give } from "silentium";
|
|
76
76
|
|
|
77
77
|
let theValue = 1;
|
|
78
78
|
const sourceDynamic = new SourceDynamic(
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
<p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
|
|
22
22
|
<pre
|
|
23
23
|
class="mb-4"
|
|
24
|
-
><code class="language-js">import { SourceExecutorApplied, Patron, sourceOf, value } from "
|
|
24
|
+
><code class="language-js">import { SourceExecutorApplied, Patron, sourceOf, value } from "silentium";
|
|
25
25
|
|
|
26
26
|
const guest = v => {
|
|
27
27
|
const r = document.querySelector(".guest-result");
|
|
@@ -45,7 +45,7 @@ new SourceExecutorApplied(sourceOf(40), (source) => {
|
|
|
45
45
|
</div>
|
|
46
46
|
|
|
47
47
|
<script type="module">
|
|
48
|
-
import { SourceExecutorApplied, Patron, sourceOf, value } from "
|
|
48
|
+
import { SourceExecutorApplied, Patron, sourceOf, value } from "silentium";
|
|
49
49
|
|
|
50
50
|
const guest = v => {
|
|
51
51
|
const r = document.querySelector(".guest-result");
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<p class="text-gray-600 text-lg mb-4">
|
|
17
17
|
Класс <b>SourceMap</b> нужен в случаях обработки множества значений, через
|
|
18
18
|
создание на основе этих значений объектов -
|
|
19
|
-
<link-dynamic href="/terminology/
|
|
19
|
+
<link-dynamic href="/terminology/source">источников данных</link-dynamic>.
|
|
20
20
|
Например у нас есть класс - результат умножения числа на 2. SourceMap
|
|
21
21
|
позволит применить этот класс к какому-то итерируемому источнику данных,
|
|
22
22
|
преобразовывая каждое значение в новое, в результате получим новый итерируемый
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
<p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
|
|
27
27
|
<pre
|
|
28
28
|
class="mb-4"
|
|
29
|
-
><code class="language-js">import { Source, SourceWithPool, GuestCast, SourceMap, PrivateClass, give } from "
|
|
29
|
+
><code class="language-js">import { Source, SourceWithPool, GuestCast, SourceMap, PrivateClass, give } from "silentium";
|
|
30
30
|
|
|
31
31
|
class X2 {
|
|
32
32
|
constructor(baseNumber) {
|
|
@@ -57,7 +57,7 @@ guestMapped.value((v) => {
|
|
|
57
57
|
</div>
|
|
58
58
|
|
|
59
59
|
<script type="module">
|
|
60
|
-
import { Source, SourceWithPool, GuestCast, SourceMap, PrivateClass, give } from "
|
|
60
|
+
import { Source, SourceWithPool, GuestCast, SourceMap, PrivateClass, give } from "silentium";
|
|
61
61
|
|
|
62
62
|
class X2 {
|
|
63
63
|
constructor(baseNumber) {
|
|
@@ -97,7 +97,7 @@ guestMapped.value((v) => {
|
|
|
97
97
|
PrivateClass,
|
|
98
98
|
give,
|
|
99
99
|
isSource,
|
|
100
|
-
} from "
|
|
100
|
+
} from "silentium";
|
|
101
101
|
|
|
102
102
|
(() => {
|
|
103
103
|
class X3 {
|
|
@@ -151,7 +151,7 @@ guestMapped.value((v) => {
|
|
|
151
151
|
PrivateClass,
|
|
152
152
|
give,
|
|
153
153
|
isSource,
|
|
154
|
-
} from "
|
|
154
|
+
} from "silentium";
|
|
155
155
|
|
|
156
156
|
(() => {
|
|
157
157
|
class X3 {
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
<p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
|
|
23
23
|
<pre
|
|
24
24
|
class="mb-4"
|
|
25
|
-
><code class="language-js">import { SourceOnce, Patron } from "
|
|
25
|
+
><code class="language-js">import { SourceOnce, Patron } from "silentium";
|
|
26
26
|
|
|
27
27
|
const source = new SourceOnce();
|
|
28
28
|
|
|
@@ -50,7 +50,7 @@ setTimeout(() => {
|
|
|
50
50
|
</div>
|
|
51
51
|
|
|
52
52
|
<script type="module">
|
|
53
|
-
import { SourceOnce, Patron } from "
|
|
53
|
+
import { SourceOnce, Patron } from "silentium";
|
|
54
54
|
|
|
55
55
|
const source = new SourceOnce();
|
|
56
56
|
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<p class="text-gray-600 text-lg mb-4">
|
|
17
17
|
Это
|
|
18
|
-
<link-dynamic href="/terminology/
|
|
18
|
+
<link-dynamic href="/terminology/source">источник данных</link-dynamic>
|
|
19
19
|
предназначенный для получения данных только от первого ответившего источника.
|
|
20
20
|
</p>
|
|
21
21
|
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
value,
|
|
42
42
|
GuestCast,
|
|
43
43
|
Private,
|
|
44
|
-
} from "
|
|
44
|
+
} from "silentium";
|
|
45
45
|
|
|
46
46
|
const isEven = (v) => v % 2 === 0;
|
|
47
47
|
const isOdd = (v) => v % 2 !== 0;
|
|
@@ -88,7 +88,7 @@ guestMapped.value((v) => {
|
|
|
88
88
|
value,
|
|
89
89
|
GuestCast,
|
|
90
90
|
Private,
|
|
91
|
-
} from "
|
|
91
|
+
} from "silentium";
|
|
92
92
|
|
|
93
93
|
const isEven = (v) => v % 2 === 0;
|
|
94
94
|
const isOdd = (v) => v % 2 !== 0;
|
|
@@ -127,32 +127,32 @@ guestMapped.value((v) => {
|
|
|
127
127
|
|
|
128
128
|
<ul>
|
|
129
129
|
<li>
|
|
130
|
-
<link-dynamic href="/terminology/
|
|
130
|
+
<link-dynamic href="/terminology/source">SourceMap</link-dynamic>
|
|
131
131
|
- для применения источника на каждый элемент внутри итерируемого источника
|
|
132
132
|
</li>
|
|
133
133
|
<li>
|
|
134
|
-
<link-dynamic href="/terminology/
|
|
134
|
+
<link-dynamic href="/terminology/source">SourceRace</link-dynamic>
|
|
135
135
|
- для оборачивания набора источников, которым подходит значение на текущем
|
|
136
136
|
цикле итерации.
|
|
137
137
|
</li>
|
|
138
138
|
<li>
|
|
139
|
-
<link-dynamic href="/terminology/
|
|
139
|
+
<link-dynamic href="/terminology/source">Source</link-dynamic>
|
|
140
140
|
- для представления данных итерируемых
|
|
141
141
|
</li>
|
|
142
142
|
<li>
|
|
143
|
-
<link-dynamic href="/terminology/
|
|
143
|
+
<link-dynamic href="/terminology/source">give</link-dynamic>
|
|
144
144
|
- для передачи данных источнику
|
|
145
145
|
</li>
|
|
146
146
|
<li>
|
|
147
|
-
<link-dynamic href="/terminology/
|
|
147
|
+
<link-dynamic href="/terminology/source">value</link-dynamic>
|
|
148
148
|
- для получения данных от источника
|
|
149
149
|
</li>
|
|
150
150
|
<li>
|
|
151
|
-
<link-dynamic href="/terminology/
|
|
151
|
+
<link-dynamic href="/terminology/source">GuestCast</link-dynamic>
|
|
152
152
|
- для наследования представления гостя, возможно данные нужны патрону
|
|
153
153
|
</li>
|
|
154
154
|
<li>
|
|
155
|
-
<link-dynamic href="/terminology/
|
|
155
|
+
<link-dynamic href="/terminology/source">Private</link-dynamic>
|
|
156
156
|
- для объявления новой композиции
|
|
157
157
|
</li>
|
|
158
158
|
</ul>
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
PrivateClass,
|
|
39
39
|
give,
|
|
40
40
|
isSource,
|
|
41
|
-
} from "
|
|
41
|
+
} from "silentium";
|
|
42
42
|
|
|
43
43
|
class X3 {
|
|
44
44
|
constructor(baseNumber) {
|
|
@@ -106,7 +106,7 @@ tillResult.value(
|
|
|
106
106
|
PrivateClass,
|
|
107
107
|
give,
|
|
108
108
|
isSource,
|
|
109
|
-
} from "
|
|
109
|
+
} from "silentium";
|
|
110
110
|
|
|
111
111
|
class X3 {
|
|
112
112
|
constructor(baseNumber) {
|
|
@@ -19,19 +19,16 @@
|
|
|
19
19
|
>
|
|
20
20
|
<a
|
|
21
21
|
class="inline-block whitespace-nowrap rounded-[0.27rem] bg-primary-100 px-[0.65em] pb-[0.25em] pt-[0.35em] text-center align-baseline text-[0.75em] font-bold leading-none text-white bg-slate-900"
|
|
22
|
-
href="/terminology/
|
|
22
|
+
href="/terminology/source"
|
|
23
23
|
>
|
|
24
24
|
источника
|
|
25
25
|
</a> </span
|
|
26
26
|
>, который умеет оповещать своих
|
|
27
|
-
<
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
патронов
|
|
33
|
-
</a>
|
|
34
|
-
</span>
|
|
27
|
+
<link-dynamic
|
|
28
|
+
href="/terminology/patron"
|
|
29
|
+
>
|
|
30
|
+
патронов
|
|
31
|
+
</link-dynamic>
|
|
35
32
|
об изменении данных
|
|
36
33
|
</p>
|
|
37
34
|
|
|
@@ -43,7 +40,7 @@
|
|
|
43
40
|
</p>
|
|
44
41
|
|
|
45
42
|
<p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
|
|
46
|
-
<pre class="mb-4"><code class="language-js">import { SourceWithPool, Patron } from "
|
|
43
|
+
<pre class="mb-4"><code class="language-js">import { SourceWithPool, Patron } from "silentium";
|
|
47
44
|
|
|
48
45
|
const source = new SourceWithPool("один");
|
|
49
46
|
source.value((value) => {
|
|
@@ -70,7 +67,7 @@ setTimeout(() => {
|
|
|
70
67
|
<div class="source-result-2">Нет результата!</div>
|
|
71
68
|
</div>
|
|
72
69
|
<script type="module">
|
|
73
|
-
import { SourceWithPool, Patron } from "
|
|
70
|
+
import { SourceWithPool, Patron } from "silentium";
|
|
74
71
|
|
|
75
72
|
const source = new SourceWithPool("один");
|
|
76
73
|
source.value((value) => {
|
|
@@ -15,14 +15,11 @@
|
|
|
15
15
|
|
|
16
16
|
<p class="text-gray-600 text-lg mb-4">
|
|
17
17
|
Предназначен для создания объектов, которые будут
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
источниками данных
|
|
24
|
-
</a>
|
|
25
|
-
</span>
|
|
18
|
+
<link-dynamic
|
|
19
|
+
href="/terminology/source"
|
|
20
|
+
>
|
|
21
|
+
источниками данных
|
|
22
|
+
</link-dynamic>
|
|
26
23
|
, логика этих объектов основана на переданной функции-колбэке
|
|
27
24
|
</p>
|
|
28
25
|
|
|
@@ -35,7 +32,7 @@
|
|
|
35
32
|
<pre class="mb-4"><code class="language-js">import {
|
|
36
33
|
Source,
|
|
37
34
|
give
|
|
38
|
-
} from '
|
|
35
|
+
} from 'silentium';
|
|
39
36
|
|
|
40
37
|
const timestamp = new Source((guest) => {
|
|
41
38
|
give(Date.now(), guest);
|
|
@@ -50,7 +47,7 @@ timestamp.value((timestamp) => {
|
|
|
50
47
|
<span class="guest-result">Result here</span>
|
|
51
48
|
</div>
|
|
52
49
|
<script type="module">
|
|
53
|
-
import { Source, give } from "
|
|
50
|
+
import { Source, give } from "silentium";
|
|
54
51
|
|
|
55
52
|
const timestamp = new Source((guest) => {
|
|
56
53
|
give(Date.now(), guest);
|
|
@@ -78,7 +75,7 @@ timestamp.value((timestamp) => {
|
|
|
78
75
|
<pre class="mb-4"><code class="language-js">import {
|
|
79
76
|
give,
|
|
80
77
|
value
|
|
81
|
-
} from "
|
|
78
|
+
} from "silentium";
|
|
82
79
|
|
|
83
80
|
const helloSource = (guest) => {
|
|
84
81
|
setTimeout(() => {
|
|
@@ -97,7 +94,7 @@ value(helloSource, (greeting) => {
|
|
|
97
94
|
<span class="guest-result-2">Result here</span>
|
|
98
95
|
</div>
|
|
99
96
|
<script type="module">
|
|
100
|
-
import { give, value } from "
|
|
97
|
+
import { give, value } from "silentium";
|
|
101
98
|
|
|
102
99
|
const helloSource = (guest) => {
|
|
103
100
|
setTimeout(() => {
|
|
@@ -124,7 +121,7 @@ value(helloSource, (greeting) => {
|
|
|
124
121
|
SourceAll,
|
|
125
122
|
give,
|
|
126
123
|
value
|
|
127
|
-
} from "
|
|
124
|
+
} from "silentium";
|
|
128
125
|
|
|
129
126
|
const all = new SourceAll();
|
|
130
127
|
value(give.bind(null, 1), all.guestKey("one"));
|
|
@@ -141,7 +138,7 @@ all.value(({ one, two }) => {
|
|
|
141
138
|
<span class="guest-result-3">Result here</span>
|
|
142
139
|
</div>
|
|
143
140
|
<script type="module">
|
|
144
|
-
import { SourceAll, give, value } from "
|
|
141
|
+
import { SourceAll, give, value } from "silentium";
|
|
145
142
|
|
|
146
143
|
const all = new SourceAll();
|
|
147
144
|
value(give.bind(null, 1), all.guestKey("one"));
|