From a7346f2145cade059ea6e242c8406cf3f446ffe4 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Wed, 9 Feb 2022 20:48:19 -0700
Subject: [PATCH 1/5] Update PostComponent.vue, filter out non text comments

---
 resources/assets/js/components/PostComponent.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/assets/js/components/PostComponent.vue b/resources/assets/js/components/PostComponent.vue
index 9499cd8df..c271c805b 100644
--- a/resources/assets/js/components/PostComponent.vue
+++ b/resources/assets/js/components/PostComponent.vue
@@ -1030,7 +1030,7 @@ export default {
 								self.media = self.status.media_attachments;
 								self.content = response.data.status.content;
 								self.status.emojis.forEach(function(emoji) {
-									let img = `<img draggable="false" class="emojione custom-emoji" alt="${emoji.shortcode}" title="${emoji.shortcode}" src="${emoji.url}" data-original="${emoji.url}" data-static="${emoji.static_url}" width="18" height="18" />`;
+									let img = `<img draggable="false" class="emojione custom-emoji" alt="${emoji.shortcode}" title="${emoji.shortcode}" src="${emoji.url}" data-original="${emoji.url}" data-static="${emoji.static_url}" width="18" height="18" onerror="this.onerror=null;this.src='/storage/emoji/missing.png';" />`;
 									self.content = self.content.replace(`:${emoji.shortcode}:`, img);
 								});
 								self.likesPage = 2;
@@ -1384,9 +1384,9 @@ export default {
 					axios.get(url)
 						.then(response => {
 								let self = this;
-								this.results = this.layout == 'metro' ?
-									_.reverse(response.data.data) :
-									response.data.data;
+								this.results = response.data.data.filter(p => {
+									return p.pf_type == 'text';
+								});
 								this.pagination = response.data.meta.pagination;
 								if(this.results.length > 0) {
 									$('.load-more-link').removeClass('d-none');

From a83b0c9223c3927932764bcb4e42e740c4908a3b Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Wed, 9 Feb 2022 20:58:53 -0700
Subject: [PATCH 2/5] Update components

---
 resources/assets/js/components/Timeline.vue   | 12 +++++++++--
 .../js/components/partials/StatusCard.vue     |  2 +-
 .../presenter/PhotoAlbumPresenter.vue         | 16 +++++++++++++-
 .../components/presenter/PhotoPresenter.vue   | 21 +++++++++++++++++--
 4 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index 4e2e88852..62358c218 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -190,6 +190,14 @@
 									<p class="text-center mb-0">
 										<a class="btn btn-link font-weight-bold px-4" href="/discover">Discover new posts and people</a>
 									</p>
+									<hr>
+									<div class="text-center pt-5">
+										<h1>A New Experience Awaits</h1>
+										<p class="lead">Try out an early release of our new design</p>
+										<p class="mb-0 d-flex align-items-center justify-content-center">
+											<a class="btn btn-primary font-weight-bold py-1 px-4 rounded-pill mr-4" href="/i/web">Try new UI</a>
+										</p>
+									</div>
 								</div>
 							</div>
 						</div>
@@ -541,7 +549,7 @@
 			}*/
 
 			if(this.config.ab.spa === true) {
-				this.showPromo = localStorage.getItem('pf_metro_ui.exp.spa') == 'false' ? false : true;
+				this.showPromo = localStorage.getItem('pf_metro_ui.exp.spa' + new Date().getMonth()) == 'false' ? false : true;
 			}
 
 			if(localStorage.getItem('pf_metro_ui.exp.rec') == 'false') {
@@ -1086,7 +1094,7 @@
 			},
 
 			hidePromo() {
-				localStorage.setItem('pf_metro_ui.exp.spa', 'false');
+				localStorage.setItem('pf_metro_ui.exp.spa' + new Date().getMonth(), 'false');
 				this.showPromo = false;
 			}
 		},
diff --git a/resources/assets/js/components/partials/StatusCard.vue b/resources/assets/js/components/partials/StatusCard.vue
index 0b60723b2..375799838 100644
--- a/resources/assets/js/components/partials/StatusCard.vue
+++ b/resources/assets/js/components/partials/StatusCard.vue
@@ -250,7 +250,7 @@
 			this.profile = window._sharedData.curUser;
 			this.content = this.status.content;
 			this.status.emojis.forEach(function(emoji) {
-				let img = `<img draggable="false" class="emojione custom-emoji" alt="${emoji.shortcode}" title="${emoji.shortcode}" src="${emoji.url}" data-original="${emoji.url}" data-static="${emoji.static_url}" width="18" height="18" />`;
+				let img = `<img draggable="false" class="emojione custom-emoji" alt="${emoji.shortcode}" title="${emoji.shortcode}" src="${emoji.url}" data-original="${emoji.url}" data-static="${emoji.static_url}" width="18" height="18" onerror="this.onerror=null;this.src='/storage/emoji/missing.png';" />`;
 				self.content = self.content.replace(`:${emoji.shortcode}:`, img);
 			});
 		},
diff --git a/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue b/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
index 07da4785d..35b78fe7e 100644
--- a/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
+++ b/resources/assets/js/components/presenter/PhotoAlbumPresenter.vue
@@ -25,7 +25,13 @@
 		<carousel ref="carousel" :centerMode="true" :loop="false" :per-page="1" :paginationPosition="'bottom-overlay'" paginationActiveColor="#3897f0" paginationColor="#dbdbdb" class="p-0 m-0">
 			<slide v-for="(img, index) in status.media_attachments" :key="'px-carousel-'+img.id + '-' + index" class="" style="background: #000; display: flex;align-items: center;" :title="img.description">
 
-				<img :class="img.filter_class + ' img-fluid w-100 p-0'" style="" :src="img.url" :alt="altText(img)" onerror="this.onerror=null;this.src='/storage/no-preview.png'">
+				<img
+					:class="img.filter_class + ' img-fluid w-100 p-0'"
+					style=""
+					:src="img.url"
+					:alt="altText(img)"
+					loading="lazy"
+					onerror="this.onerror=null;this.src='/storage/no-preview.png'">
 
 				<p v-if="!status.sensitive && sensitive"
 					@click="status.sensitive = true"
@@ -92,6 +98,8 @@
 </style>
 
 <script type="text/javascript">
+	import BigPicture from 'bigpicture';
+
 	export default {
 		props: ['status'],
 
@@ -115,6 +123,12 @@
 				this.$emit('togglecw');
 			},
 
+			toggleLightbox(e) {
+				BigPicture({
+					el: e.target
+				})
+			},
+
 			altText(img) {
 				let desc = img.description;
 				if(desc) {
diff --git a/resources/assets/js/components/presenter/PhotoPresenter.vue b/resources/assets/js/components/presenter/PhotoPresenter.vue
index 691776d46..71159b163 100644
--- a/resources/assets/js/components/presenter/PhotoPresenter.vue
+++ b/resources/assets/js/components/presenter/PhotoPresenter.vue
@@ -32,6 +32,16 @@
 				onerror="this.onerror=null;this.src='/storage/no-preview.png'"
 				@click.prevent="toggleLightbox">
 
+				<!-- <blur-hash-image
+					class="card-img-top"
+					width="32"
+					height="32"
+					:punch="1"
+					:hash="status.media_attachments[0].blurhash"
+					:src="status.media_attachments[0].url"
+					:alt="altText(status)"
+					@click.prevent="toggleLightbox"/> -->
+
 				<p v-if="!status.sensitive && sensitive"
 					@click="status.sensitive = true"
 					style="
@@ -94,6 +104,8 @@
 </style>
 
 <script type="text/javascript">
+	import BigPicture from 'bigpicture';
+
 	export default {
 		props: ['status'],
 
@@ -103,6 +115,9 @@
 			}
 		},
 
+		mounted() {
+		},
+
 		methods: {
 			altText(status) {
 				let desc = status.media_attachments[0].description;
@@ -117,8 +132,10 @@
 				this.$emit('togglecw');
 			},
 
-			toggleLightbox() {
-				this.$emit('lightbox');
+			toggleLightbox(e) {
+				BigPicture({
+					el: e.target
+				})
 			},
 
 			width() {

From 4d003d004eff7b99196955a06ebb3e3c6530c67b Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Wed, 9 Feb 2022 21:12:19 -0700
Subject: [PATCH 3/5] Update Profile.vue component, fix v-once bug

---
 resources/assets/js/components/Profile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/assets/js/components/Profile.vue b/resources/assets/js/components/Profile.vue
index 7fe5ba75f..e3ce12629 100644
--- a/resources/assets/js/components/Profile.vue
+++ b/resources/assets/js/components/Profile.vue
@@ -192,7 +192,7 @@
 					<div v-if="mode == 'grid'">
 						<div class="row">
 							<div class="col-4 p-1 p-md-3" v-for="(s, index) in timeline" :key="'tlob:'+index">
-								<a class="card info-overlay card-md-border-0" :href="statusUrl(s)" v-once>
+								<a class="card info-overlay card-md-border-0" :href="statusUrl(s)">
 									<div class="square">
 										<div v-if="s.sensitive" class="square-content">
 											<div class="info-overlay-text-label">

From 59aa17e397bab2d339cbb92d710db69012e2d73a Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Wed, 9 Feb 2022 21:15:47 -0700
Subject: [PATCH 4/5] Update compiled assets

---
 public/js/profile.js     | Bin 134884 -> 134868 bytes
 public/js/spa.js         | Bin 1552814 -> 1552921 bytes
 public/js/status.js      | Bin 190608 -> 190612 bytes
 public/mix-manifest.json | Bin 1983 -> 1983 bytes
 4 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/public/js/profile.js b/public/js/profile.js
index c2d4681e21e67d26ead0ca1416f817da39d35770..8e97da26c500c485a5b1083d0211fc91e4f74493 100644
GIT binary patch
delta 906
zcmZ9LUr19?9LM=ili5E^LP}-KrQ=?>v#psr^a{>eXvjj!RcqAPuDZ29dUv;KI?}0;
zIBU*7#}~tgsE2$ge7F<^1!YkXJyhUB6y#H2^cwciaX7DaUw-%VJKuADzw<rktj?=H
z&Z{4G&gIvNXWL2Nedu<C?S89nsbkL4oJ}s>UdeD|WjBtIJKa!|^Oe{mUoU_$Uw*n1
z&)U?rb*4Jg5tBzAI)hL9IX|!Sh=N-Zjt7LG5R!CUoY#p$FdP$FdVB$|uAwU$@<_gL
zNNbgoe$dY*k6cC#;3tm*_>H){6hyfSo#aCp-Nl`p`6wr`iLGf4(%OqD#L1Ul5I9J*
z4{2EC0udU(N~$7A6~<kRkL7&MIC&C*!$MJV3NE&xN3W+z7Zb}4x|n8`YvC*T3KM7N
z`x9L2z(98R6ubFL+9bT9jTJ@l1Aciuih3NdF|-{nl8CuQZ5Qtid!ic~b^7I#S8%bA
z${q}YN3D%9(JD=5qh4=g3??>_U>ic)<Ss_n+I~XEa*VhwOEgKiXvKjf8aEtCqKbyE
zNt~vkW*C>~`ZL2Q*|2MI1Qj&AA3=cH(J+cf)Q+`L1P^Cxo9lR<7dESN=K36&j4W4U
z%#nd2Ss%qAdGQ8bs^F0O#_$?+CCfO<4my|$Drek$fUS;*9$u<;N4>r<*GYooD5a{K
z;~1k&6sOQZk4#A6Gi;=B0_F5v&rRT-N*<iWFq`iSw%AG8PgqD}8bw>zhNRNa66ybx
z=^ufHd{1MalKPXzf<kvEQKQheNpve@&!BNv?uxp!{iG;EH`U{g7$Q<wyyo<}CAT4F
z$SKI%3|=U+r>4-aP{}lw6<VFfRfW7WxS-IR88j)hcNU_Y_Z)sh9(`M6;T=k|ZpgRR
Mu&k1Ye!-*p3lAe6-v9sr

delta 914
zcmY+DNlX(_7{~L+ss%9-A>u+v8I{cF6kFRO+h8bCgNX}9TTN}ScCV!a?X+ltgtS1y
zW{4afCZKZAqd`fW2tw7wE%D$%QSP2x(5uFSj|xnf%QwI8|K7K~_dZOhzf7p7tYg!?
zW2QP)o6p%WJ->L9-zb$ei|lCLQUS@?3LQ!Np_a!tK~UxLI-Ze2;*~1qpeTRN!Tbre
z$>=SwI9#EVZ=c7<0zM%yu87Aec^X2V7Ef4W_@KZ<JS}3}Q|}Li+)TAM7IsMiF|4u3
zcY>gwS)RNKBak2qA^b*Ae&2$kEZE2o5x(s<-eBS-u4`?Zm3Uh*iXi#Z3IZ#+*@h8V
z<h>CT0~TVAVkkT4U;`W<um{PfC~TD!CA-JLRr^azsnfy6Gopj7<M?`EpHQObPYWGg
zd}C*4Mn1!>{1Tspm$Wc#3}2Cucg9gc>m^O?*g?_Xj^=D?-*iJju9?--sI>-NX{njy
zC6Qm4aIj3{$>R*ivk}29x?;-%u_s7%5)K;lRuVPKO((IRn!ib$qoyf^%QWPp6wN^K
zZ4XMQ`PPFF?f6139@36;`p|M9lg@BN5CjiR$ZBbFL&YlTbsTTht&lv~hwoXi$~XG)
z8YU}SLRHo&gt@Y4#3jVIDyhsFa|gtu?3xz(udN8YjSLK8H%)zS5dE~CLqj-A4=6c=
z1v-w4!ziMs7$3&{ES1et*)%#ZR!$b5Ab;(45Pk+4QZR#U>s<PER7_Gc$WvV7Gq|hJ
zu~`@u>Yjy9p`Wv;*|K^Q9hwd@HH$sF{LZL0Dv6QncDGY<YUA3~6(sl+&z0SVIdmxW
zcn+@=>Y2wig;Z%=Qplf1twImdh{#1FNO7{}8G_mkQA=nveX4MClw~qQc}MzX;}V3d
V%u^%I7bsR!O{D7>Is6OW;(rHNB0B&8

diff --git a/public/js/spa.js b/public/js/spa.js
index 0147bdcf64033cde423e0f51f24f6b636e849809..87a550aeba663c158d6d005dc3ce5cc9e1e6b919 100644
GIT binary patch
delta 118
zcmZ4YIBw>XxP}(S7N!>F7M2#)7Pc1l7LFFq7OocV7M>Q~7QQX~QyZq6DhmZpUn?WR
zH+^vfzdpN8NoGk-s@3F!X2R1Ib%ji)=fC6QXy<R_2Vwyr76f9U?fi|xQ?D}`wl9qk
Q0b)@g7TdlwLYy-a0D&GTfB*mh

delta 101
zcmbRFByQc~xP}(S7N!>F7M2#)7Pc1l7LFFq7OocV7M>Q~7QQX~QyZpt&tc=8{<(qQ
yU^?p;0r}|x>jWj+OB?xtSOACxfmmpJX`}G0>x>5N0+Av>EDFS8+XW)UIU@mZO(UED

diff --git a/public/js/status.js b/public/js/status.js
index 8250961f32988ec0831ad145b109d900e4820b6e..85ee13735773cdfc5ac30dddccb00211e336d55d 100644
GIT binary patch
delta 769
zcmZ9JUr19?9LKreO>qr%jcPfu$yK&pcQ-bd;);vV^r3FqKMOCL*_d~2q}#gpVy@U@
zL2psQ5rQ5RGROzRheHxUP$2eXZ$VH9Jro3C1wB-B?}i@e>738^9M1Xj`Q6=g&TTqZ
zwgwtvBPaWK65Bw6IFo2=iY6v|`x5E^5tBI1sG3AKBlAokZ<A<e(a$8}tFFY>N~a>}
z5nat_+5G9Up^LIKQz}e$MkPs725(l6D68%-zro3?tzWxr<`Vywk{i{?WX8yl;wjEU
zTq5Ui^M*QW@RDRi%DD-nQdX<vsT%_Qe3TpKTSl(U>bxN8LB5nxG&*{TJN9_D3Vqm!
z=RW#6ggqWxId*}(Y{VgYVhD3CPN5%0vETgmer(B0TE}pZlWA}a?Hs3&Aq4?WCQ}M-
znHRSe<k2jPnMkRqYFbH?WO^ly_}>4rrD<GlFkflX;jr1QX0;ES%yN}nN#SYB4AwdO
z+2P>=`M3bD-7-%8F5r&+oO<SBz1^?t_~Wx(y^*U=V%`sre`gZoV!9a7)J)bWl!|)F
z5*3~a@0^mh06NIFAHH1yRy4+_5<rO2asX*Yt{@&Ty1fBEc^8D6Mc;!+Fgh%tpOGe@
zm(j9-CyXX~Fv#dp4^oWG3SQC`!W4^02x0nz;GToNU%*<o-I{AnO{?kAa>ol*u{_;>
yzAot1BKDE|I-1F+MHtlF&2uEYfoC>Td0n$=*{o@<XoYO;E%G9Y1GM7}^p1br?e9VW

delta 738
zcmZ9KO=uHA6o8qRl^T=!Q>{N~B<ot529sD5NwUFhsCX&c656OFq{S>r+C-Xc*xjy*
z=2%qf!8B>6peOMl=pi<T5%eY^#Zv??UPM7W2#N=99^8#21D=NOdvAW;yw~X1?ssgh
zFA?Uno{Zzq`w%-Y&MoIk(_A|m{n}zhLG`P7Ny!%C6;1V~1YIuX*a<-p#MsShRBXq-
z{{fV0pZjsrVl0_oX>o`v<uyg-1VQt!NH^qFErul#9Y#_7dk_M|DWFAe@3mYu$$7l$
zIA`8WZeKy?pX`oEfxuFDDNi~B@XE!6<<csyxgm_TIylC9(M9h<*{|fKtX7oEYC0!r
zl27;bqV*~M5VkkKiaT|1^^ff73w?u=4LC(<y#Wi9em39%rB6FBhF@&L5LNFtfv0q^
z2_Z^zO$bn0Z^BbblNe%@)-a?g8BcIv*n$<R^eym_dv35Dv4rM=xK#nZ&hp3l2}W7d
z6gK!#3RAqN{*51@Vox;4%v8=?!mJ7>$jeEn?MEV+jl;0fI$TL32d>V;QIsOhc^E-R
z#M=pQ8=;R0STiy+7oh-yDX-+0%XvkS6(L1FT!!F*|J-l^GP{gZ^b%Mt<XHvYAmUWP
z#gfNcP_r`Tc;Q(U9L$Va)AJ3u%M{9?iGQx!^sXz4`f}Hi#3Oh(N}O-uDlq2YbSto%
fdpJ+kdp#UE+x;2*dIxS<lw#J5yNLZA+&TUi6ZP#x

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index b17d83d7ab4c24c371e425806b70d5cde441c422..5be95f9110cfad23a8be44382500e61474e5fc67 100644
GIT binary patch
delta 83
zcmdnbzn_0YD62?XVq%h6ig}8;fu)(Dp+%CpiHXtXOjaXC5yM1NLqki;MC0TngVbbG
nLo;L3q{-{qv_woT%q&wZ(k#qUEDVf{3=Is-Qj90RWxE6b*U}e{

delta 83
zcmV~$OAUZ93;@t@7}s5<f>Y^lR0sk#x+UmA2qXx=13vJ;dry4gwT2|wsEKBF60ABi
mbi4O}Lo#&kT1*NP<px!HInHrP3=U52wk(W{TT`vaH@-i;&ll4G


From 5606917ebb705d68cbe44d2a8b2c368e075cfd30 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Wed, 9 Feb 2022 21:15:51 -0700
Subject: [PATCH 5/5] Update changelog

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d24990a8b..d33fea638 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -39,6 +39,8 @@
 - Updated ApiV1Controller, add validation messages to update_credentials endpoint. ([cd785601](https://github.com/pixelfed/pixelfed/commit/cd785601))
 - Updated ComposeController, improve location search results ordering by use frequency. ([29c4bd25](https://github.com/pixelfed/pixelfed/commit/29c4bd25))
 - Updated AvatarController, fix mimetype bug. ([7fa9d4dc](https://github.com/pixelfed/pixelfed/commit/7fa9d4dc))
+- Updated PostComponent.vue, filter out non-text comments. ([a7346f21](https://github.com/pixelfed/pixelfed/commit/a7346f21))
+- Update Profile.vue component, fix v-once bug. ([4d003d00](https://github.com/pixelfed/pixelfed/commit/4d003d00))
 -  ([](https://github.com/pixelfed/pixelfed/commit/))
 
 ## [v0.11.2 (2022-01-09)](https://github.com/pixelfed/pixelfed/compare/v0.11.1...v0.11.2)