Merge branch 'master' of https://github.com/AlexRogalskiy/java-patterns

AlexRogalskiy · AlexRogalskiy · commit e3d4601dde7b · 2022-08-06T08:31:31.000+03:00
diff --git a/.github/CONTRIBUTORS.svg b/.github/CONTRIBUTORS.svg
@@ -6,4 +6,4 @@
 <a xlink:href="https://github.com/renovate-bot" class="contributor-link" target="_blank" rel="nofollow sponsored" title="renovate-bot" id="renovate-bot">
   <image x="106" y="5" width="96" height="96" xlink:href="data:image/png;base64,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"/>
 </a>
-</svg>
+</svg>
diff --git a/reports/pagespeedresultmobile.svg b/reports/pagespeedresultmobile.svg
@@ -1,26 +1,231 @@
-<!DOCTYPE html>
-	<html>
-	  <head>
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<meta charset="utf-8">
-		<title>Application Error</title>
-		<style media="screen">
-		  html,body,iframe {
-			margin: 0;
-			padding: 0;
-		  }
-		  html,body {
-			height: 100%;
-			overflow: hidden;
-		  }
-		  iframe {
-			width: 100%;
-			height: 100%;
-			border: 0;
-		  }
+
+	<svg class="theme--agnostic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1000" height="330">
+		<style>
+			.gauge-base {
+				opacity: 0.1
+			}
+
+			.gauge-arc {
+				fill: none;
+				animation-delay: 250ms;
+				stroke-linecap: round;
+				transform: rotate(-90deg);
+				transform-origin: 100px 60px;
+				animation: load-gauge 1s ease forwards
+			}
+
+			.guage-text {
+				font-size: 40px;
+				font-family: monospace;
+				text-align: center
+			}
+
+			.guage-red {
+				color: #ff4e42;
+				fill: #ff4e42;
+				stroke: #ff4e42
+			}
+			.guage-orange {
+				color: #ffa400;
+				fill: #ffa400;
+				stroke: #ffa400
+			}
+			.guage-green {
+				color: #0cce6b;
+				fill: #0cce6b;
+				stroke: #0cce6b
+			}
+			.theme--agnostic .guage-undefined {
+				color: #5c5c5c;
+				fill: #5c5c5c;
+				stroke: #5c5c5c
+			}
+			.theme--light .guage-undefined {
+				color: #1e1e1e;
+				fill: #1e1e1e;
+				stroke: #1e1e1e
+			}
+			.theme--dark .guage-undefined {
+				color: #f5f5f5;
+				fill: #f5f5f5;
+				stroke: #f5f5f5
+			}
+
+			.guage-title {
+				stroke: none;
+				font-size: 26px;
+				line-height: 26px;
+				font-family: Roboto, Halvetica, Arial, sans-serif
+			}
+			.metric.guage-title {
+				font-family: 'Courier New', Courier, monospace
+			}
+			.theme--agnostic .guage-title {
+				color: #737373;
+				fill: #737373
+			}
+			.theme--light .guage-title {
+				color: #212121;
+				fill: #212121
+			}
+			.theme--dark .guage-title {
+				color: #f5f5f5;
+				fill: #f5f5f5
+			}
+
+			@keyframes load-gauge {
+				from {
+					stroke-dasharray: 0 352.858
+				}
+			}
+			.lh-gauge--pwa__disc {
+				fill: #e0e0e0
+			}
+			.lh-gauge--pwa__logo {
+				position: relative;
+				fill: #b0b0b0
+			}
+			.lh-gauge--pwa__invisible {
+				display: none
+			}
+			.lh-gauge--pwa__visible {
+				display: inline
+			}
+			.guage-invisible {
+				display: none
+			}
+			.lh-gauge--pwa__logo--primary-color {
+				fill: #304ffe
+			}
+			.theme--agnostic .lh-gauge--pwa__logo--secondary-color {
+				fill: #787878
+			}
+			.theme--light .lh-gauge--pwa__logo--secondary-color {
+				fill: #3d3d3d
+			}
+			.theme--dark .lh-gauge--pwa__logo--secondary-color {
+				fill: #d8b6b6
+			}
+			.theme--light #svg_2 {
+				stroke: #00000022
+			}
+			.theme--agnostic #svg_2 {
+				stroke: #616161
+			}
+			.theme--light #svg_2 {
+				stroke: #00000022
+			}
+			.theme--dark #svg_2 {
+				stroke: #f5f5f566
+			}
 		</style>
-	  </head>
-	  <body>
-		<iframe src="//www.herokucdn.com/error-pages/application-error.html"></iframe>
-	  </body>
-	</html>
+		<svg class="guage-div guage-perf guage-red"
+				viewBox="0 0 200 200" width="200" height="200" x="0" y="0">
+		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
+		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 56.29728, 351.858;"></circle>
+		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">16</text>
+		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Performance</text>
+	</svg>,<svg class="guage-div guage-perf guage-orange"
+				viewBox="0 0 200 200" width="200" height="200" x="200" y="0">
+		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
+		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 249.81918000000002, 351.858;"></circle>
+		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">71</text>
+		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Accessibility</text>
+	</svg>,<svg class="guage-div guage-perf guage-orange"
+				viewBox="0 0 200 200" width="200" height="200" x="400" y="0">
+		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
+		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 235.74486000000002, 351.858;"></circle>
+		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">67</text>
+		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Best Practices</text>
+	</svg>,<svg class="guage-div guage-perf guage-orange"
+				viewBox="0 0 200 200" width="200" height="200" x="600" y="0">
+		<circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"></circle>
+		<circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray: 306.11646, 351.858;"></circle>
+		<text class="guage-text" x="100px" y="60px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">87</text>
+		<text class="guage-title" x="100px" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">SEO</text>
+	</svg>,<svg class="guage-div guage-pwa" viewBox="0 0 200 200" width="200" height="200" x="800" y="0">
+		<svg viewBox="0 0 60 60" width="112" height="112" x="44" y="4">
+			<defs>
+				<linearGradient id="lh-gauge--pwa__check-circle__gradient-0" x1="50%" y1="0%" x2="50%" y2="100%">
+					<stop stop-color="#00C852" offset="0%"></stop>
+					<stop stop-color="#009688" offset="100%"></stop>
+				</linearGradient>
+				<linearGradient id="lh-gauge--pwa__installable__shadow-gradient-0" x1="76.056%" x2="24.111%" y1="82.995%" y2="24.735%">
+					<stop stop-color="#A5D6A7" offset="0%"></stop>
+					<stop stop-color="#80CBC4" offset="100%"></stop>
+				</linearGradient>
+				<linearGradient id="lh-gauge--pwa__fast-reliable__shadow-gradient-0" x1="76.056%" y1="82.995%" x2="25.678%" y2="26.493%">
+					<stop stop-color="#64B5F6" offset="0%"></stop>
+					<stop stop-color="#2979FF" offset="100%"></stop>
+				</linearGradient>
+
+				<g id="lh-gauge--pwa__fast-reliable-badge-0">
+					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
+					<path fill="#304FFE" d="M10 3.58l5.25 2.34v3.5c0 3.23-2.24 6.26-5.25 7-3.01-.74-5.25-3.77-5.25-7v-3.5L10 3.58zm-.47 10.74l2.76-4.83.03-.07c.04-.08 0-.24-.22-.24h-1.64l.47-3.26h-.47l-2.7 4.77c-.02.01.05-.1-.04.05-.09.16-.1.31.18.31h1.63l-.47 3.27h.47z"></path>
+				</g>
+				<g id="lh-gauge--pwa__installable-badge-0">
+					<circle fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
+					<path fill="#009688" d="M10 4.167A5.835 5.835 0 0 0 4.167 10 5.835 5.835 0 0 0 10 15.833 5.835 5.835 0 0 0 15.833 10 5.835 5.835 0 0 0 10 4.167zm2.917 6.416h-2.334v2.334H9.417v-2.334H7.083V9.417h2.334V7.083h1.166v2.334h2.334v1.166z"></path>
+				</g>
+			</defs>
+			<g stroke="none" fill-rule="nonzero">
+				<!-- Background and PWA logo (color by default) -->
+				<circle class="lh-gauge--pwa__disc" cx="30" cy="30" r="30"></circle>
+				<g class="lh-gauge--pwa__logo">
+					<path  d="M35.66 19.39l.7-1.75h2L37.4 15 38.6 12l3.4 9h-2.51l-.58-1.61z"></path>
+					<path  d="M33.52 21l3.65-9h-2.42l-2.5 5.82L30.5 12h-1.86l-1.9 5.82-1.35-2.65-1.21 3.72L25.4 21h2.38l1.72-5.2 1.64 5.2z"></path>
+					<path  fill-rule="nonzero" d="M20.3 17.91h1.48c.45 0 .85-.05 1.2-.15l.39-1.18 1.07-3.3a2.64 2.64 0 0 0-.28-.37c-.55-.6-1.36-.91-2.42-.91H18v9h2.3V17.9zm1.96-3.84c.22.22.33.5.33.87 0 .36-.1.65-.29.87-.2.23-.59.35-1.15.35h-.86v-2.41h.87c.52 0 .89.1 1.1.32z"></path>
+				</g>
+				<!-- No badges. -->
+				<rect class="lh-gauge--pwa__component lh-gauge--pwa__na-line lh-gauge--pwa__invisible" fill="#FFFFFF" x="20" y="32" width="20" height="4" rx="2"></rect>
+				<!-- Just fast and reliable. -->
+				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-badge lh-gauge--pwa__visible" transform="translate(20, 29)">
+					<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M33.63 19.49A30 30 0 0 1 16.2 30.36L3 17.14 17.14 3l16.49 16.49z"></path>
+					<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
+				</g>
+				<!-- Just installable. -->
+				<g class="lh-gauge--pwa__component lh-gauge--pwa__installable-badge lh-gauge--pwa__invisible" transform="translate(20, 29)">
+					<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M33.629 19.487c-4.272 5.453-10.391 9.39-17.415 10.869L3 17.142 17.142 3 33.63 19.487z"></path>
+					<use href="#lh-gauge--pwa__installable-badge-0"></use>
+				</g>
+				<!-- Fast and reliable and installable. -->
+				<g class="lh-gauge--pwa__component lh-gauge--pwa__fast-reliable-installable-badges lh-gauge--pwa__invisible">
+					<g transform="translate(8, 29)">						<!-- fast and reliable -->
+						<path fill="url(#lh-gauge--pwa__fast-reliable__shadow-gradient-0)" d="M16.321 30.463L3 17.143 17.142 3l22.365 22.365A29.864 29.864 0 0 1 22 31c-1.942 0-3.84-.184-5.679-.537z"></path>
+						<use href="#lh-gauge--pwa__fast-reliable-badge-0"></use>
+					</g>
+					<g transform="translate(32, 29)">						<!-- installable -->
+						<path fill="url(#lh-gauge--pwa__installable__shadow-gradient-0)" d="M25.982 11.84a30.107 30.107 0 0 1-13.08 15.203L3 17.143 17.142 3l8.84 8.84z"></path>
+						<use href="#lh-gauge--pwa__installable-badge-0"></use>
+					</g>
+				</g>
+				<!-- Full PWA. -->
+				<g class="lh-gauge--pwa__component lh-gauge--pwa__check-circle lh-gauge--pwa__invisible" transform="translate(18, 28)">
+					<circle fill="#FFFFFF" cx="12" cy="12" r="12"></circle>
+					<path fill="url(#lh-gauge--pwa__check-circle__gradient-0)" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
+				</g>
+			</g>
+		</svg>
+		<text class="guage-title" y="160px" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">
+			<tspan x="100px" dy="-6px">Progressive</tspan>
+			<tspan x="100px" dy="30px">Web App</tspan>
+		</text>
+	</svg>
+		<svg width="604" height="76" x="200" y="250">
+			<g>
+				<rect fill="none" id="canvas_background" height="80" width="604" y="-1" x="-1"/>
+				<g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
+					<rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
+				</g>
+			</g>
+			<g>
+				<rect fill-opacity="0" stroke-width="2" rx="40" id="svg_2" height="72" width="600" y="1" x="0" fill="#000000"/>
+				<rect stroke="#000" rx="8" id="svg_3" height="14" width="48" y="30" x="35" stroke-opacity="null" stroke-width="0" fill="#ff4e42"/>
+				<rect stroke="#000" rx="6" id="svg_4" height="14" width="48" y="30" x="220" stroke-opacity="null" stroke-width="0" fill="#ffa400"/>
+				<rect stroke="#000" rx="6" id="svg_5" height="14" width="48" y="30" x="410" stroke-opacity="null" stroke-width="0" fill="#0cce6b"/>
+				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_6" y="45" x="100" stroke-opacity="null" stroke-width="0" stroke="#000">0-49</text>
+				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_7" y="45" x="280" stroke-opacity="null" stroke-width="0" stroke="#000">50-89</text>
+				<text class="metric guage-title" xml:space="preserve" text-anchor="start" font-size="26" id="svg_8" y="45" x="470" stroke-opacity="null" stroke-width="0" stroke="#000">90-100</text>
+			</g>
+		</svg>
+	</svg>
diff --git a/traffic/clones.csv b/traffic/clones.csv
@@ -393,3 +393,17 @@ _date,total_clones,unique_clones
 2022-07-15,153,16
 2022-07-16,153,19
 2022-07-17,317,26
+2022-07-18,181,21
+2022-07-19,104,19
+2022-07-20,280,32
+2022-07-21,100,19
+2022-07-22,228,31
+2022-07-23,150,19
+2022-07-24,287,29
+2022-07-25,219,29
+2022-07-26,85,16
+2022-07-27,346,36
+2022-07-28,100,19
+2022-07-29,117,19
+2022-07-30,293,30
+2022-07-31,202,26
diff --git a/traffic/plots.png b/traffic/plots.png
diff --git a/traffic/views.csv b/traffic/views.csv
@@ -108,3 +108,5 @@ _date,total_views,unique_views
 2022-07-07,1,1
 2022-07-12,3,2
 2022-07-17,1,1
+2022-07-22,1,1
+2022-07-23,1,1
