butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Use vite as bundler

Browse source
This commit is contained in:
N-Pex 2025-03-31 16:33:54 +02:00
parent 16dc5df9e5
commit b6f7f75fdd
44 changed files with 4308 additions and 15961 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/messages/MessageIncomingImage.vue
View file

@ -50,7 +50,7 @@ export default {
const width = this.$refs.image.$el.clientWidth;
const height = (width * 9) / 16;
util
.getThumbnail(this.$matrix.matrixClient, this.event, this.$config, width, height)
.getThumbnail(this.$matrix.matrixClient, this.$matrix.useAuthedMedia, this.event, this.$config, width, height)
.then((url) => {
const info = this.event.getContent().info;
// JPEGs use cover, PNG and GIF ect contain. This is because PNG and GIF are expected to

4
src/components/messages/MessageIncomingThread.vue
View file

@ -88,7 +88,7 @@ export default {
};
ret.promise =
util
.getThumbnail(this.$matrix.matrixClient, e, this.$config, 100, 100)
.getThumbnail(this.$matrix.matrixClient, this.$matrix.useAuthedMedia, e, this.$config, 100, 100)
.then((url) => {
ret.src = url;
})
@ -130,7 +130,7 @@ export default {
return rows
},
downloadAll() {
this.items.forEach(item => util.download(this.$matrix.matrixClient, item.event));
this.items.forEach(item => util.download(this.$matrix.matrixClient, this.$matrix.useAuthedMedia, item.event));
}
}
};

5
src/components/messages/MessageOutgoing.vue
View file

@ -26,7 +26,7 @@
color="#ededed"
@click.stop="ownAvatarClicked"
>
<img v-if="userAvatar" :src="userAvatar" />
<AuthedImage v-if="userAvatar" :src="userAvatar" />
<span v-else class="white--text headline">{{ userAvatarLetter }}</span>
</v-avatar>
<QuickReactionsChannel v-if="room.displayType == ROOM_TYPE_CHANNEL" :event="eventForReactions" :timelineSet="timelineSet" v-on="$listeners"/>
@ -41,10 +41,11 @@ import messageMixin from "./messageMixin";
import util, { ROOM_TYPE_CHANNEL } from "../../plugins/utils";
import QuickReactions from "./QuickReactions.vue";
import QuickReactionsChannel from "./channel/QuickReactionsChannel.vue";
import AuthedImage from "../AuthedImage.vue";
export default {
mixins: [messageMixin],
components: { QuickReactions, QuickReactionsChannel, SeenBy },
components: { QuickReactions, QuickReactionsChannel, SeenBy, AuthedImage },
data() {
return { ROOM_TYPE_CHANNEL: ROOM_TYPE_CHANNEL }
},

2
src/components/messages/MessageOutgoingImage.vue
View file

@ -49,7 +49,7 @@ export default {
const width = this.$refs.image.$el.clientWidth;
const height = (width * 9) / 16;
util
.getThumbnail(this.$matrix.matrixClient, this.event, this.$config, width, height)
.getThumbnail(this.$matrix.matrixClient, this.$matrix.useAuthedMedia, this.event, this.$config, width, height)
.then((url) => {
const info = this.event.getContent().info;
// JPEGs use cover, PNG and GIF ect contain. This is because PNG and GIF are expected to

2
src/components/messages/MessageOutgoingThread.vue
View file

@ -89,7 +89,7 @@ export default {
};
ret.promise =
util
.getThumbnail(this.$matrix.matrixClient, e, this.$config, 100, 100)
.getThumbnail(this.$matrix.matrixClient, this.$matrix.useAuthedMedia, e, this.$config, 100, 100)
.then((url) => {
ret.src = url;
})

14
src/components/messages/SeenBy.vue
View file

@ -8,7 +8,7 @@
<transition-group name="list" tag="div" v-if="seenBy.length > 0">
<v-avatar v-for="(member, index) in seenBy" :key="member.roomMember.userId" class="seen-by-user" size="16" color="grey"
v-show="index < SHOW_LIMIT" @click="open">
<img v-if="memberAvatar(member.roomMember)" :src="memberAvatar(member.roomMember)" />
<AuthedImage v-if="memberAvatar(member.roomMember)" :src="memberAvatar(member.roomMember)" />
<span v-else class="white--text headline">{{
member.roomMember.name.substring(0, 1).toUpperCase()
}}</span>
@ -28,7 +28,7 @@
<v-list-item v-for="(member, index) in seenBy" :key="index">
<v-list-item-icon>
<v-avatar size="40" color="grey">
<img v-if="memberAvatar(member.roomMember)" :src="memberAvatar(member.roomMember)" />
<AuthedImage v-if="memberAvatar(member.roomMember)" :src="memberAvatar(member.roomMember)" />
<span v-else class="white--text headline">{{
member.roomMember.name.substring(0, 1).toUpperCase()
}}</span>
@ -45,12 +45,14 @@
</template>
<script>
import BottomSheet from "../BottomSheet.vue"
import BottomSheet from "../BottomSheet.vue";
import AuthedImage from "../AuthedImage.vue";
import utils from "../../plugins/utils.js";
export default {
components: {
BottomSheet
BottomSheet,
AuthedImage
},
props: {
room: {
@ -114,7 +116,9 @@ export default {
16,
16,
"scale",
true
true,
false,
this.$matrix.useAuthedMedia
);
}
return null;

2
src/components/messages/attachmentMixin.js
View file

@ -44,7 +44,7 @@ export default {
return;
}
util
.getAttachment(this.$matrix.matrixClient, event, (progress) => {
.getAttachment(this.$matrix.matrixClient, this.$matrix.useAuthedMedia, event, (progress) => {
this.downloadProgress = progress;
console.log("Progress: " + progress);
})

4
src/components/messages/messageMixin.js
View file

@ -200,7 +200,7 @@ export default {
if (!this.$matrix.userAvatar) {
return null;
}
return this.$matrix.matrixClient.mxcUrlToHttp(this.$matrix.userAvatar, 80, 80, "scale", true);
return this.$matrix.matrixClient.mxcUrlToHttp(this.$matrix.userAvatar, 80, 80, "scale", true, undefined, this.$matrix.useAuthedMedia);
},
userAvatarLetter() {
@ -268,7 +268,7 @@ export default {
if (this.room) {
const member = this.room.getMember(event.getSender());
if (member) {
return member.getAvatarUrl(this.$matrix.matrixClient.getHomeserverUrl(), 40, 40, "scale", true);
return member.getAvatarUrl(this.$matrix.matrixClient.getHomeserverUrl(), 40, 40, "scale", true, false, this.$matrix.useAuthedMedia);
}
}
return null;