silentium 0.0.2 → 0.0.3

package/docs/pages/guest/guest-disposable.html

@@ -1,3 +1,8 @@
+<div class="breadcrumbs mb-4">
+  <link-dynamic href="/">Главная</link-dynamic>
+  <link-dynamic href="/guest">Guest</link-dynamic>
+</div>
+
 <h1 class="pb-3 text-xl font-semibold text-gray-600">Класс GuestDisposable</h1>
 
 <a
@@ -15,32 +20,23 @@
 
 <p class="text-gray-600 text-lg mb-4">
   Предназначен для динамического создания
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/terminology/the-guest"
-    >
-      гостя
-    </a>
-  </span>
+  <link-dynamic
+    href="/terminology/guest"
+  >
+    гостя
+  </link-dynamic>
   с функциональностью его удаления из
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/patron/patron-pool"
-    >
-      пула патронов
-    </a>
-  </span>
+  <link-dynamic
+    href="/patron/patron-pool"
+  >
+    пула патронов
+  </link-dynamic>
   , на случай, если гость станет
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/terminology/the-patron"
-    >
-      патроном
-    </a>
-  </span>
+  <link-dynamic
+    href="/terminology/patron"
+  >
+    патроном
+  </link-dynamic>
 </p>
 
 <p class="text-gray-600 text-lg mb-4">
@@ -53,28 +49,22 @@
 
 <p class="text-gray-600 text-lg mb-4">
   Вместо класса GuestDisposable можно использовать функцию
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/utils/remove-patron-from-pools"
-    >
-      removePatronFromPools
-    </a>
-  </span>
+  <link-dynamic
+    href="/utils/remove-patron-from-pools"
+  >
+    removePatronFromPools
+  </link-dynamic>
   - для того чтобы удалить патрон из всех пулов. либо функцию
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/utils/is-patron-in-pools"
-    >
-      isPatronInPools
-    </a>
-  </span>
+  <link-dynamic
+    href="/utils/is-patron-in-pools"
+  >
+    isPatronInPools
+  </link-dynamic>
   - проверяет есть ли патрон в каком-либо пуле
 </p>
 
 <p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
-<pre class="mb-4"><code class="language-js">import { SourceWithPool, Patron, GuestDisposable } from "patron-oop";
+<pre class="mb-4"><code class="language-js">import { SourceWithPool, Patron, GuestDisposable } from "silentium";
 
   const source = new SourceWithPool("Один");
 
@@ -105,7 +95,7 @@
   <span class="guest-result">Нет значения</span>
 </div>
 <script type="module">
-  import { SourceWithPool, Patron, GuestDisposable } from "patron-oop";
+  import { SourceWithPool, Patron, GuestDisposable } from "silentium";
 
   const source = new SourceWithPool("Один");
 

package/docs/pages/guest/guest-executor-applied.html

@@ -1,3 +1,8 @@
+<div class="breadcrumbs mb-4">
+  <link-dynamic href="/">Главная</link-dynamic>
+  <link-dynamic href="/guest">Guest</link-dynamic>
+</div>
+
 <h1 class="pb-3 text-xl font-semibold text-gray-600">Класс GuestExecutorApplied</h1>
 
 <a
@@ -21,31 +26,30 @@
 <p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
 <pre
   class="mb-4 w-full"
-><code class="language-js">import { Guest, GuestExecutorApplied, sourceOf } from "patron-oop";
+><code class="language-js">import { Guest, GuestExecutorApplied, sourceOf } from "silentium";
 
-  const guest = new Guest((value) => {
-    document.querySelector(
-      ".guest-result"
-    ).textContent = `value is ${value}`;
-  });
+const guest = new Guest((value) => {
+  document.querySelector(
+    ".guest-result"
+  ).textContent = `value is ${value}`;
+});
 
-  sourceOf(40).value(
-    new GuestExecutorApplied(guest, (guestFn) => {
-      return v => {
-        setTimeout(() => {
-          guestFn(v);
-        }, 5000)
-      }
-    })
-  );
-</code></pre>
+sourceOf(40).value(
+  new GuestExecutorApplied(guest, (guestFn) => {
+    return v => {
+      setTimeout(() => {
+        guestFn(v);
+      }, 5000)
+    }
+  })
+);</code></pre>
 
 <p class="text-gray-600 text-lg mb-0 font-bold">Результат 1.</p>
 <div class="example mb-4">
   <span class="guest-result">Результат через 5 сек...</span>
 </div>
 <script type="module">
-  import { Guest, GuestExecutorApplied, sourceOf } from "patron-oop";
+  import { Guest, GuestExecutorApplied, sourceOf } from "silentium";
 
   const guest = new Guest((value) => {
     document.querySelector(

package/docs/pages/guest/guest-object.html

@@ -1,3 +1,8 @@
+<div class="breadcrumbs mb-4">
+  <link-dynamic href="/">Главная</link-dynamic>
+  <link-dynamic href="/guest">Guest</link-dynamic>
+</div>
+
 <h1 class="pb-3 text-xl font-semibold text-gray-600">Класс GuestObject</h1>
 
 <a
@@ -15,14 +20,11 @@
 
 <p class="text-gray-600 text-lg mb-4">
   Предназначен для перевода любого
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/terminology/visitor"
-    >
-      посетителя
-    </a>
-  </span>
+  <link-dynamic
+    href="/terminology/visitor"
+  >
+    посетителя
+  </link-dynamic>
   в объектный вид, чтобы можно было вызывать .give метод
 </p>
 
@@ -35,29 +37,23 @@
 <p class="text-gray-600 text-lg mb-4">
   Этот класс может быть заменен функцией give, которой неважно какой посетитель
   к ней пришел функция,
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/terminology/the-guest"
-    >
-      гость
-    </a>
-  </span>
+  <link-dynamic
+    href="/terminology/guest"
+  >
+    гость
+  </link-dynamic>
   или
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/terminology/the-patron"
-    >
-      патрон
-    </a>
-  </span>
+  <link-dynamic
+    href="/terminology/patron"
+  >
+    патрон
+  </link-dynamic>
 </p>
 
 <p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
 <pre
   class="mb-4"
-><code class="language-js">import { GuestObject } from 'patron-oop';
+><code class="language-js">import { GuestObject } from 'silentium';
 
 class HelloWorld {
     greeting(guest) {
@@ -76,7 +72,7 @@ new HelloWorld().greeting(fnGuest);
   <span class="guest-result">Ждем результат</span>
 </div>
 <script type="module">
-  import { GuestObject } from "patron-oop";
+  import { GuestObject } from "silentium";
 
   class HelloWorld {
     greeting(guest) {

package/docs/pages/guest/guest-pool.html

@@ -1,3 +1,8 @@
+<div class="breadcrumbs mb-4">
+  <link-dynamic href="/">Главная</link-dynamic>
+  <link-dynamic href="/guest">Guest</link-dynamic>
+</div>
+
 <h1 class="pb-3 text-xl font-semibold text-gray-600">Класс GuestPool</h1>
 
 <a
@@ -15,24 +20,18 @@
 
 <p class="text-gray-600 text-lg mb-4">
   Предназначен для подписки на отложенное значение не только
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/terminology/the-patron"
-    >
-      патрона
-    </a>
-  </span>
+  <link-dynamic
+    href="/terminology/patron"
+  >
+    патрона
+  </link-dynamic>
 
   но и
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/terminology/the-guest"
-    >
-      гостя
-    </a>
-  </span>
+  <link-dynamic
+    href="/terminology/guest"
+  >
+    гостя
+  </link-dynamic>
 </p>
 
 <p class="text-gray-600 text-lg mb-4">
@@ -45,7 +44,7 @@
 <p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
 <pre
   class="mb-4"
-><code class="language-js">import { GuestPool } from 'patron-oop';
+><code class="language-js">import { GuestPool } from 'silentium';
 
 class ValueAfterDelay {
     constructor(theValue, delay) {
@@ -73,7 +72,7 @@ new ValueAfterDelay(42, 5000).value(fnGuest);
   <span class="guest-result">Ждем значение через 5 секунд...</span>
 </div>
 <script type="module">
-  import { GuestPool } from "patron-oop";
+  import { GuestPool } from "silentium";
 
   class ValueAfterDelay {
     constructor(theValue, delay) {

package/docs/pages/guest/guest-sync.html

@@ -1,3 +1,8 @@
+<div class="breadcrumbs mb-4">
+  <link-dynamic href="/">Главная</link-dynamic>
+  <link-dynamic href="/guest">Guest</link-dynamic>
+</div>
+
 <h1 class="pb-3 text-xl font-semibold text-gray-600">Класс GuestSync</h1>
 
 <a
@@ -32,7 +37,7 @@
 <p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
 <pre
   class="mb-4"
-><code class="language-js">import { SourceWithPool, GuestSync } from 'patron-oop';
+><code class="language-js">import { SourceWithPool, GuestSync } from 'silentium';
 
 const source = new SourceWithPool('Успешно установлено синхронно!');
 const syncGuest = new GuestSync('');
@@ -46,7 +51,7 @@ document.querySelector('.guest-result').textContent = syncGuest.value();
   <span class="guest-result">Значение установится синхронно!</span>
 </div>
 <script type="module">
-  import { SourceWithPool, GuestSync } from "patron-oop";
+  import { SourceWithPool, GuestSync } from "silentium";
 
   const source = new SourceWithPool("Успешно установлено синхронно!");
   const syncGuest = new GuestSync('');

package/docs/pages/guest/index.html

@@ -15,28 +15,21 @@
 
 <p class="text-gray-600 text-lg mb-4">
   Предназначен для создания новых экземпляров
-  <span class="dynamic-navigation">
-    <a
-      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"
-      target="_blank"
-      href="https://github.com/kosukhin/patron/blob/main/src/Guest/Guest.ts#L12"
-    >
-      GuestObjectType
-    </a>
-  </span>
+  <link-dynamic
+    href="https://github.com/kosukhin/patron/blob/main/src/Guest/Guest.ts#L12"
+  >
+    GuestObjectType
+  </link-dynamic>
   из функции-колбэка
 </p>
 
 <p class="text-gray-600 text-lg mb-4">
   Это поведение полезно в случаях, когда нужно динамически построить
-  <span class="dynamic-navigation">
-    <a
-      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"
-      href="/terminology/visitor"
-    >
-      посетителя
-    </a>
-  </span>
+  <link-dynamic
+    href="/terminology/visitor"
+  >
+    посетителя
+  </link-dynamic>
   на основе функции, используя какие-то переменные из скоупа, где создана
   функция
 </p>
@@ -44,7 +37,7 @@
 <p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
 <pre
   class="mb-4 w-full"
-><code class="language-js">import { Guest } from 'patron-oop';
+><code class="language-js">import { Guest } from 'silentium';
 
 class Timestamp {
     seconds(guest) {
@@ -63,7 +56,7 @@ timestamp.seconds(new Guest((timestamp) => {
   <span class="guest-result">Result here</span>
 </div>
 <script type="module">
-  import { Guest } from "patron-oop";
+  import { Guest } from "silentium";
 
   class Timestamp {
     seconds(guest) {
@@ -85,22 +78,18 @@ timestamp.seconds(new Guest((timestamp) => {
   Возможность создавать объект-посетитель из функции была
   единственной в первых версиях библиотеки. На текущий момент вы можете также
   передать функцию-колбэк в качестве посетителя, тк функция соответствует типу
-  <span class="dynamic-navigation">
-    <a
-      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"
-      target="_blank"
-      href="https://github.com/kosukhin/patron/blob/main/src/Guest/Guest.ts#L17"
-    >
-      GuestType
-    </a>
-  </span>
+  <link-dynamic
+    href="https://github.com/kosukhin/patron/blob/main/src/Guest/Guest.ts#L17"
+  >
+    GuestType
+  </link-dynamic>
   Это позволяет не создавать лишних объектных-оберток
 </p>
 
 <p class="text-gray-600 text-lg font-bold mb-0">Пример 2.</p>
 <pre
   class="mt-0 w-full"
-><code class="language-js">import { Guest } from 'patron-oop';
+><code class="language-js">import { Guest } from 'silentium';
 
 class Timestamp {
     seconds(guest) {

package/docs/pages/guest.html

@@ -12,25 +12,25 @@
             <div class="w-12 h-1 bg-indigo-500 rounded mt-2 mb-4"></div>
             <ul class="text-gray-900">
               <li class="w-full border-b-2 border-neutral-100 py-4">
-                <a href="/guest/guest-object"> GuestObject </a>
+                <a class="dynamic-navigation" href="/guest/guest-object"> GuestObject </a>
               </li>
               <li class="w-full border-b-2 border-neutral-100 py-4">
-                <a href="/guest/guest-sync"> GuestSync </a>
+                <a class="dynamic-navigation" href="/guest/guest-sync"> GuestSync </a>
               </li>
               <li class="w-full py-4">
-                <a href="/guest/guest-disposable"> GuestDisposable </a>
+                <a class="dynamic-navigation" href="/guest/guest-disposable"> GuestDisposable </a>
               </li>
               <li class="w-full border-b-2 border-neutral-100 py-4">
-                <a href="/guest/guest-cast"> GuestCast </a>
+                <a class="dynamic-navigation" href="/guest/guest-cast"> GuestCast </a>
               </li>
               <li class="w-full border-b-2 border-neutral-100 py-4">
-                <a href="/guest/guest-pool"> GuestPool </a>
+                <a class="dynamic-navigation" href="/guest/guest-pool"> GuestPool </a>
               </li>
               <li class="w-full border-b-2 border-neutral-100 py-4">
-                <a href="/guest/guest-applied"> GuestApplied </a>
+                <a class="dynamic-navigation" href="/guest/guest-applied"> GuestApplied </a>
               </li>
               <li class="w-full border-b-2 border-neutral-100 py-4">
-                <a href="/guest/guest-executor-applied"> GuestExecutorApplied </a>
+                <a class="dynamic-navigation" href="/guest/guest-executor-applied"> GuestExecutorApplied </a>
               </li>
             </ul>
           </div>
@@ -38,19 +38,113 @@
         <div
           class="w-full sm:w-2/3 sm:pl-8 sm:border-l border-gray-200 sm:border-t-0 border-t mt-4 sm:mt-0"
         >
-          <div class="guest-loader">
-            <div class="w-full flex justify-center">
-              <div
-                class="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-e-transparent align-[-0.125em] text-indigo-500 motion-reduce:animate-[spin_1.5s_linear_infinite]"
-                role="status"
+          <h1 class="pb-3 text-xl font-semibold text-gray-600">Класс Guest</h1>
+
+          <a
+            href="https://github.com/kosukhin/patron/blob/main/src/Guest/Guest.ts#L27"
+            target="_blank"
+            class="inline-flex gap-1 items-center bg-gray-100 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0 mb-4"
+          >
+            <img
+              src="./assets/img/github_16.jpg"
+              width="16"
+              height="16"
+            />
+            Guest на GitHub
+          </a>
+
+          <p class="text-gray-600 text-lg mb-4">
+            Предназначен для создания новых экземпляров
+            <span class="">
+              <a
+                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 dynamic-navigation"
+                target="_blank"
+                href="https://github.com/kosukhin/patron/blob/main/src/Guest/Guest.ts#L12"
               >
-                <span
-                  class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]"
-                  >Loading...</span
-                >
-              </div>
-            </div>
+                GuestObjectType
+              </a>
+            </span>
+            из функции-колбэка
+          </p>
+
+          <p class="text-gray-600 text-lg mb-4">
+            Это поведение полезно в случаях, когда нужно динамически построить
+            <link-dynamic
+              href="/terminology/visitor"
+            >
+              посетителя
+            </link-dynamic>
+            на основе функции, используя какие-то переменные из скоупа, где создана
+            функция
+          </p>
+
+          <p class="text-gray-600 text-lg mb-0 font-bold">Пример 1.</p>
+          <pre
+            class="mb-4 w-full"
+          ><code class="language-js">import { Guest } from 'silentium';
+
+class Timestamp {
+    seconds(guest) {
+        guest.give(Date.now())
+    }
+}
+
+const timestamp = new Timestamp();
+timestamp.seconds(new Guest((timestamp) => {
+    console.log('timestamp is', timestamp);
+}));</code></pre>
+
+          <p class="text-gray-600 text-lg mb-0 font-bold">Результат 1.</p>
+          <div class="example mb-4">
+            <span class="guest-result">Result here</span>
           </div>
+          <script type="module">
+            import { Guest } from "silentium";
+
+            class Timestamp {
+              seconds(guest) {
+                guest.give(Date.now());
+              }
+            }
+
+            const timestamp = new Timestamp();
+            timestamp.seconds(
+              new Guest((timestamp) => {
+                document.querySelector(
+                  ".guest-result"
+                ).textContent = `timestamp is ${timestamp}`;
+              })
+            );
+          </script>
+
+          <p class="text-gray-600 text-lg mb-4">
+            Возможность создавать объект-посетитель из функции была
+            единственной в первых версиях библиотеки. На текущий момент вы можете также
+            передать функцию-колбэк в качестве посетителя, тк функция соответствует типу
+            <link-dynamic
+              href="https://github.com/kosukhin/patron/blob/main/src/Guest/Guest.ts#L17"
+            >
+              GuestType
+            </link-dynamic>
+            Это позволяет не создавать лишних объектных-оберток
+          </p>
+
+          <p class="text-gray-600 text-lg font-bold mb-0">Пример 2.</p>
+          <pre
+            class="mt-0 w-full"
+          ><code class="language-js">import { Guest } from 'silentium';
+
+class Timestamp {
+    seconds(guest) {
+        give(Date.now(), guest);
+    }
+}
+
+const timestamp = new Timestamp();
+timestamp.seconds((timestamp) => {
+    console.log('timestamp is', timestamp);
+});</code></pre>
+
           <div class="guest-page-area"></div>
         </div>
       </div>