From 5d9b7aa77ac9d509e6b5ec21f1f3ea016ae6339c Mon Sep 17 00:00:00 2001
From: Gaurav Gaur <Gaur4vGaur@users.noreply.github.com>
Date: Mon, 30 Jan 2023 10:26:35 +0000
Subject: [PATCH] parent 6c35647cc0dbec4b5e538624c788bf697bef7483 author Gaurav
 Gaur <Gaur4vGaur@users.noreply.github.com> 1675074395 +0000 committer Gaurav
 Gaur <Gaur4vGaur@users.noreply.github.com> 1675445316 +0000

parent 6c35647cc0dbec4b5e538624c788bf697bef7483
author Gaurav Gaur <Gaur4vGaur@users.noreply.github.com> 1675074395 +0000
committer Gaurav Gaur <Gaur4vGaur@users.noreply.github.com> 1675445269 +0000

parent 6c35647cc0dbec4b5e538624c788bf697bef7483
author Gaurav Gaur <Gaur4vGaur@users.noreply.github.com> 1675074395 +0000
committer Gaurav Gaur <Gaur4vGaur@users.noreply.github.com> 1675445201 +0000

parent 6c35647cc0dbec4b5e538624c788bf697bef7483
author Gaurav Gaur <Gaur4vGaur@users.noreply.github.com> 1675074395 +0000
committer Gaurav Gaur <Gaur4vGaur@users.noreply.github.com> 1675445170 +0000

parent 6c35647cc0dbec4b5e538624c788bf697bef7483
author Gaurav Gaur <Gaur4vGaur@users.noreply.github.com> 1675074395 +0000
committer Gaurav Gaur <Gaur4vGaur@users.noreply.github.com> 1675445041 +0000

progress with pipes and filters pattern

feat: add shimmer background when image loads

feat: set preview image ratio to 1.91 : 1

fix: `og:image` will be incorrect if the image uses a cross-domain URL

feat: support dark and light mode images (#481)

refactor: unify the border radius of blocks

scope: code blocks, prompts, images, and videos

feat: add `rel="me"` to Mastodon sidebar contact links for verification (#807)

This will enable verification with Mastodon by including the `rel="me"` attribute.
https://docs.joinmastodon.org/user/profile/#verification

Co-authored-by: Cotes Chung <11371340+cotes2020@users.noreply.github.com>

chore: hide blur edge of LQIP images

chore(tools): checkout latest tag on initialization

chore(editorconfig): keep trailing spaces in Markdown (#830)

feat(i18n): add Czech language (#833)

fix: correct encoding of spaces in share URLs (#835)

Resolves #835

fix: post's image would cover the PWA update alert

feat(i18n): add Finnish translations (#843)

chore(bundler): deprecate `:install_if` option in Gemfile

feat(i18n): add Italian translation (#850)

fix:  copy command line incomplete(`.gp` part)

feat(i18n): add Arabic translation (#857)

chore(deps): liquid(v4.0.4) is compatible with ruby 3.2 (#854)

See: https://github.com/jekyll/jekyll/issues/9231

chore: ignore gem lock file in user-end

refactor: optimize tab cursor position calculation

fix: prompt with nested blockquotes renders incorrectly (#846)

Resolves #846

chore(release): 5.5.0

fix: the icon position of the prompts in the list is incorrect

chore(release): 5.5.1
---
 .github/workflows/pages-deploy.yml            |  2 +-
 _data/locales/ar.yml                          | 93 +++++++++++++++++++
 _includes/refactor-content.html               | 48 ----------
 _javascript/copyright                         |  2 +-
 _layouts/post.html                            |  2 +-
 .../2023-01-28-pipes-and-filters-pattern.md   | 35 ++++++-
 _sass/addon/commons.scss                      | 23 ++---
 _sass/jekyll-theme-chirpy.scss                |  2 +-
 assets/js/dist/categories.min.js              |  2 +-
 assets/js/dist/commons.min.js                 |  2 +-
 assets/js/dist/home.min.js                    |  2 +-
 assets/js/dist/misc.min.js                    |  2 +-
 assets/js/dist/page.min.js                    |  2 +-
 assets/js/dist/post.min.js                    |  2 +-
 assets/js/dist/pvreport.min.js                |  2 +-
 jekyll-theme-chirpy.gemspec                   |  4 +-
 package.json                                  |  2 +-
 tools/init                                    |  4 -
 18 files changed, 148 insertions(+), 83 deletions(-)
 create mode 100644 _data/locales/ar.yml

diff --git a/.github/workflows/pages-deploy.yml b/.github/workflows/pages-deploy.yml
index fed62a9058e..356d42a3dae 100644
--- a/.github/workflows/pages-deploy.yml
+++ b/.github/workflows/pages-deploy.yml
@@ -42,7 +42,7 @@ jobs:
       - name: Setup Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: '3.1' # reads from a '.ruby-version' or '.tools-version' file if 'ruby-version' is omitted
+          ruby-version: 3   # reads from a '.ruby-version' or '.tools-version' file if 'ruby-version' is omitted
           bundler-cache: true
 
       - name: Build site
diff --git a/_data/locales/ar.yml b/_data/locales/ar.yml
new file mode 100644
index 00000000000..7f1725f6999
--- /dev/null
+++ b/_data/locales/ar.yml
@@ -0,0 +1,93 @@
+# The layout text of site
+
+# ----- Commons label -----
+
+layout:
+  post: منشور
+  category: فئة
+  tag: وسم
+
+# The tabs of sidebar
+tabs:
+  # format: <filename_without_extension>: <value>
+  home: الرئيسية
+  categories: الفئات
+  tags: الوسوم
+  archives: الأرشيف
+  about: حول
+
+# the text displayed in the search bar & search results
+search:
+  hint: بحث
+  cancel: إلغاء
+  no_results: نأسف! لا يوجد نتائج.
+
+panel:
+  lastmod: المحدثة مؤخرا
+  trending_tags: الوسوم الشائعة
+  toc: محتويات
+
+copyright:
+  # Shown at the bottom of the post
+  license:
+    template: هذا المنشور تحت ترخيص :LICENSE_NAME بواسطة المؤلف.
+    name: CC BY 4.0
+    link: https://creativecommons.org/licenses/by/4.0/
+
+  # Displayed in the footer
+  brief: بعض الحقوق محفوظة.
+  verbose: >-
+    ما لم يذكر خلاف ذلك ، يتم ترخيص منشورات المدونة على هذا الموقع
+    بموجب ترخيص Creative Commons Attribution 4.0 International (CC BY 4.0) من قبل المؤلف.
+
+meta: باستخدام :PLATFORM السمة :THEME.
+
+not_found:
+  statment: عذرا, الرابط التالي غير صالح أو انه يشير إلى صفحة غير موجودة.
+
+notification:
+  update_found: يتوفر اصدار جديد للمحتوى.
+  update: تحديث
+
+# ----- Posts related labels -----
+
+post:
+  written_by: بواسطة
+  posted: نشّر
+  updated: حدّث
+  words: كلمات
+  pageview_measure: مشاهدات
+  read_time:
+    unit: دقيقة
+    prompt: قراءة
+  relate_posts: إقرأ المزيد
+  share: شارك
+  button:
+    next: الأجدد
+    previous: الأقدم
+    copy_code:
+      succeed: تم النسخ!
+    share_link:
+      title: أنسخ الرابط
+      succeed: تم نسخ الرابط بنجاح!
+  # pinned prompt of posts list on homepage
+  pin_prompt: مثبت
+
+# Date time format.
+# See: <http://strftime.net/>, <https://day.js.org/docs/en/display/format>
+df:
+  post:
+    strftime: '%b %e, %Y'
+    dayjs: 'll'
+  archives:
+    strftime: '%b'
+    dayjs: 'MMM'
+
+# categories page
+categories:
+  category_measure:
+    singular: فئة
+    plural: فئات
+  post_measure:
+    singular: منشور
+    plural: منشورات
diff --git a/_includes/refactor-content.html b/_includes/refactor-content.html
index e98b9911b12..3a6f943a3b3 100644
--- a/_includes/refactor-content.html
+++ b/_includes/refactor-content.html
@@ -277,54 +277,6 @@
 
 {% assign _content = _heading_content %}
 
-<!-- Wrap prompt element of blockquote with the <div> tag -->
-
-{% assign blockquote_start = '<blockquote class=' %}
-{% assign blockquote_end = '</blockquote>' %}
-{% assign cls_prefix = 'prompt-' %}
-
-{% if _content contains blockquote_start %}
-
-  {% assign _prompt_content = nil %}
-  {% assign _prompt_snippets = _content | split: blockquote_start %}
-
-  {% for _snippet in _prompt_snippets %}
-
-    {% if forloop.first %}
-      {% assign _prompt_content =  _snippet %}
-      {% continue %}
-    {% endif %}
-
-    {% assign left = _snippet | split: blockquote_end | first %}
-    {% assign right = _snippet | slice: left.size, _snippet.size %}
-
-    {% assign cls_str = left | split: '>' | first %}
-    {% assign cls_array = cls_str | remove: '"' | split: ' ' %}
-    {% assign is_prompt = false %}
-
-    {% for cls in cls_array %}
-      {% if cls contains cls_prefix %}
-        {% assign is_prompt = true %}
-        {% break %}
-      {% endif %}
-    {% endfor %}
-
-    {% unless is_prompt %}
-      {% assign _prompt_content = _prompt_content | append: blockquote_start | append: _snippet %}
-      {% continue %}
-    {% endunless %}
-
-    {% assign left = left | slice: cls_str.size, left.size %}
-    {% assign left = cls_str | append: '><div' | append: left | append: '</div>' %}
-
-    {% assign _prompt_content = _prompt_content | append: blockquote_start | append: left | append: right %}
-
-  {% endfor %}
-
-  {% assign _content = _prompt_content %}
-
-{% endif %}
-
 <!-- return -->
 
 {{ _content }}
diff --git a/_javascript/copyright b/_javascript/copyright
index f63512d4545..922836dd1e3 100644
--- a/_javascript/copyright
+++ b/_javascript/copyright
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy/)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/_layouts/post.html b/_layouts/post.html
index 1acc3e382c5..d6cd81a2363 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -73,7 +73,7 @@ <h1 data-toc-skip>{{ page.title }}</h1>
       {% if page.counterlink %}
       <span>
         <em id="pv" class="pageviews">
-          <em id="count">1003</em>
+          <em id="count">loading</em>
           <script>
               $.getJSON("https://api.countapi.xyz/hit/gaurgaurav.com/" + '{{ page.counterlink }}', function(response) {
                 document.getElementById("count").innerHTML = String(response.value);
diff --git a/_posts/patterns/2023-01-28-pipes-and-filters-pattern.md b/_posts/patterns/2023-01-28-pipes-and-filters-pattern.md
index f60187c9784..74e252b3f78 100644
--- a/_posts/patterns/2023-01-28-pipes-and-filters-pattern.md
+++ b/_posts/patterns/2023-01-28-pipes-and-filters-pattern.md
@@ -1,17 +1,46 @@
 ---
 title: Pipes And Filters Pattern
 description: 
-tags: ["cloud", "pipes and filter", "design", "scaling"]
+tags: ["cloud", "pipes and filters", "design", "scaling"]
 category: ["architecture", "patterns"]
 date: 2023-01-28
 permalink: '/patterns/pipes-and-filters/'
 counterlink: 'patterns-pipes-and-filters/'
 image:
-  path: https://raw.githubusercontent.com/Gaur4vGaur/traveller/master/images/patterns/pipes-and-filters/pipesAndFiltersCover.png
+  path: https://raw.githubusercontent.com/Gaur4vGaur/traveller/master/images/patterns/2023-01-28-pipes-and-filters-pattern/pipesAndFiltersCover.png
   width: 800
   height: 500
 ---
 
 ## Introduction
-Applications today collect an infinite amount of data. Many applications need to transform this data before applying any meaningful business logic. Tackling this complex data or a similar processor intensive task without a thought-through scalable strategy can have a high-performance impact. This article introduces another scalability pattern – pipes and filters - appropriate for such scenarios and promote reusability.
+Applications today collect an infinite amount of data. Many applications need to transform this data before applying any meaningful business logic. Tackling this complex data or a similar processor intensive task without a thought-through strategy can have a high-performance impact. This article introduces a scalability pattern – pipes and filters – that promotes reusability and is appropriate for such scenarios.
 
+## Problem Context
+Consider a scenario where incoming data triggers a sequence of processing steps, where each step brings data closer to the desired output state. The origin of data is referred to as a data source. Examples of data sources could be home IoT devices, a video feed from roadside cameras, or continuous inventory updates from warehouses. The processing steps during the transformation usually execute a specific operation and are referred to as filters. These processing steps are independent and do not have a side-effect, i.e., running a step does not depend on any other steps. Each filtering step reads the data, performs a transforming operation based on local data and produces an output. Once the data has gone through the filters, it reaches its final processed stage where it is consumed, referred to as Data Sink.
+A straightforward implementation could be a complete service that takes the data input, performs all the steps sequentially and produce an output. The modules within the service perform the required step and pass on the data to the next module. Although the solution initially looks good as it hides all the complexity of data processing, the use of such a monolithic service will have listed problems:
+- The solution limits code reuse
+- Any change in a processing filter step will lead to a release of all the filters
+- The slowest processing filter step can become a bottleneck impacting the overall throughput of the service
+- As the solution scales, it will scale all the processing steps. Such scaling will lead to excessive resource utilisation in the cloud when not intended.
+
+Thus, the above approach is inflexible, non-scalable and against [reusability](https://en.wikipedia.org/wiki/Reusability){:target="_blank"}. A good solution must address all the above concerns. Let us try to find a solution this in next section.
+
+![Monolithic Service](https://raw.githubusercontent.com/Gaur4vGaur/traveller/master/images/patterns/2023-01-28-pipes-and-filters-pattern/patterns-pipes-and-filters-monolithic-service.png)*Monolithic Service with task modules*
+
+## Solution
+We can improve the suboptimal solution from the previous section by splitting the monolithic service into a series of components or functions, each performing a single processing filter step. These functions are combined to form a pipeline where functions receive a standard input and produce an accepted output. Such a decomposition will introduce loose coupling into the solution. It would allow effortless removal, replacement, rearrangement, or plug-in of a new filter step in pipelines. Moreover, it will enable code reuse if we need a similar processing filter in any other pipeline, the existing filters can be shared.
+
+![Pipes and Filters Solution](https://raw.githubusercontent.com/Gaur4vGaur/traveller/master/images/patterns/2023-01-28-pipes-and-filters-pattern/patterns-pipes-and-filters-solution.png)*Pipes and Filters Solution*
+
+The solution also addresses the issue of the slowest processing filter step being a bottleneck, as it provides an opportunity to scale individual functions. The slowest running function can run parallel instances to spread the load and improve throughput. The individual scaling of components will also save us from any extra costs.
+
+![Pipes and Filters Solution](https://raw.githubusercontent.com/Gaur4vGaur/traveller/master/images/patterns/2023-01-28-pipes-and-filters-pattern/patterns-pipes-and-filters-solution-scale.png)*Pipes and Filters Solution Scaling Individually*
+
+Finally, the processing filters can take advantage of cloud infrastructure. For instance, we can request a specific virtual machine based on the behaviour of a filter - processor-intensive or memory-intensive.
+
+## When to use this pattern
+As we now have a better knowledge of the pattern, this section explores when to think about the pattern.
+1. The pattern is valuable for breaking down complex processing workflows, where each step is independent.
+2. The processing steps have distinctive hardware needs or scalability requirements, and, in some cases, even preferred programming language requirements.
+3. The pattern can address flexibility concerns in workflows where requirements and business processes are changing constantly.
+4. The pattern is efficient in removing bottlenecks in workflows by parallel and distributed processing of individual steps. 
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index 4d6a68f6032..2272c7e3236 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -131,29 +131,25 @@ blockquote {
   color: var(--blockquote-text-color);
 
   &[class^="prompt-"] {
-    display: flex;
     border-left: 0;
-    padding: 1rem;
+    position: relative;
+    padding: 1rem 1rem 1rem 3rem;
     color: var(--prompt-text-color);
 
     @extend %rounded;
 
     &::before {
       text-align: center;
-      width: 1.25rem;
-      margin-right: 0.75rem;
-      position: relative;
-      top: 0.4rem;
+      width: 3rem;
+      position: absolute;
+      left: 0.25rem;
+      margin-top: 0.4rem;
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
     }
 
-    > div {
-      max-width: calc(100% - 2rem);
-
-      > :last-child {
-        margin-bottom: 0;
-      }
+    > p:last-child {
+      margin-bottom: 0;
     }
   }
 
@@ -841,7 +837,7 @@ $sidebar-display: "sidebar-display";
 
     @for $i from 1 through $tab-count {
       $offset: $tab-count - $i;
-      $top: calc(-#{$offset} * #{$tab-height} + (#{$tab-height} - #{$tab-cursor-height}) / 2);
+      $top: (-$offset * $tab-height) + (($tab-height - $tab-cursor-height) * 0.5);
 
       @if $i < $tab-count {
         > li.active:nth-child(#{$i}),
@@ -1279,7 +1275,6 @@ $sidebar-display: "sidebar-display";
 
     .post-content {
       > blockquote[class^="prompt-"] {
-        @include pl-pr(1.25rem);
         @include ml-mr(-1.25rem);
 
         border-radius: 0;
diff --git a/_sass/jekyll-theme-chirpy.scss b/_sass/jekyll-theme-chirpy.scss
index f87f2bb065d..d4e79a6da91 100644
--- a/_sass/jekyll-theme-chirpy.scss
+++ b/_sass/jekyll-theme-chirpy.scss
@@ -1,7 +1,7 @@
 /*!
  * The styles for Jekyll theme Chirpy
  *
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/assets/js/dist/categories.min.js b/assets/js/dist/categories.min.js
index 1f06a322fbf..dcec6a7bdca 100644
--- a/assets/js/dist/categories.min.js
+++ b/assets/js/dist/categories.min.js
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy/)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/assets/js/dist/commons.min.js b/assets/js/dist/commons.min.js
index 3577692f666..71ded1fe933 100644
--- a/assets/js/dist/commons.min.js
+++ b/assets/js/dist/commons.min.js
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy/)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/assets/js/dist/home.min.js b/assets/js/dist/home.min.js
index 8824d1559c4..2667a733fc1 100644
--- a/assets/js/dist/home.min.js
+++ b/assets/js/dist/home.min.js
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy/)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/assets/js/dist/misc.min.js b/assets/js/dist/misc.min.js
index 8824d1559c4..2667a733fc1 100644
--- a/assets/js/dist/misc.min.js
+++ b/assets/js/dist/misc.min.js
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy/)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/assets/js/dist/page.min.js b/assets/js/dist/page.min.js
index 03a75270032..030fe7bdfa1 100644
--- a/assets/js/dist/page.min.js
+++ b/assets/js/dist/page.min.js
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy/)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/assets/js/dist/post.min.js b/assets/js/dist/post.min.js
index fc6aa95ec50..2d8b1b1ce86 100644
--- a/assets/js/dist/post.min.js
+++ b/assets/js/dist/post.min.js
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy/)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/assets/js/dist/pvreport.min.js b/assets/js/dist/pvreport.min.js
index 58a7ce0975d..081a18929fe 100644
--- a/assets/js/dist/pvreport.min.js
+++ b/assets/js/dist/pvreport.min.js
@@ -1,5 +1,5 @@
 /*!
- * Chirpy v5.4.0 (https://github.com/cotes2020/jekyll-theme-chirpy/)
+ * Chirpy v5.5.1 (https://github.com/cotes2020/jekyll-theme-chirpy/)
  * © 2019 Cotes Chung
  * MIT Licensed
  */
diff --git a/jekyll-theme-chirpy.gemspec b/jekyll-theme-chirpy.gemspec
index 9c2aa94da8a..f3657ceabcb 100644
--- a/jekyll-theme-chirpy.gemspec
+++ b/jekyll-theme-chirpy.gemspec
@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-theme-chirpy"
-  spec.version       = "5.4.0"
+  spec.version       = "5.5.1"
   spec.authors       = ["Cotes Chung"]
   spec.email         = ["cotes.chung@gmail.com"]
 
@@ -23,7 +23,7 @@ Gem::Specification.new do |spec|
     "plugin_type"       => "theme"
   }
 
-  spec.required_ruby_version = [">= 2.5", "< 3.2"]
+  spec.required_ruby_version = ">= 2.6"
 
   spec.add_runtime_dependency "jekyll", "~> 4.3"
   spec.add_runtime_dependency "jekyll-paginate", "~> 1.1"
diff --git a/package.json b/package.json
index 77f9bd9ee10..9553640e487 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jekyll-theme-chirpy",
-  "version": "5.4.0",
+  "version": "5.5.1",
   "description": "A minimal, responsive, and powerful Jekyll theme for presenting professional writing.",
   "repository": {
     "type": "git",
diff --git a/tools/init b/tools/init
index f4a1f300b5b..1848f9b2a88 100755
--- a/tools/init
+++ b/tools/init
@@ -66,10 +66,6 @@ init_files() {
     rm -f _config.yml.$TEMP_SUFFIX
   fi
 
-  # trace the gem lockfile on user-end
-  sed -i.$TEMP_SUFFIX "/Gemfile.lock/d" .gitignore
-  rm -f ".gitignore.$TEMP_SUFFIX"
-
   # remove the other fies
   rm -rf _posts/*