versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: 🔥 Remove old files

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-12-02 22:29:08 +01:00
parent 348b1ba2b0
commit 42e0b38fd8
No known key found for this signature in database
6 changed files with 22 additions and 252 deletions
Download patch file Download diff file Expand all files Collapse all files

83
composables/NoteData.ts
View file

@ -1,83 +0,0 @@
import type { Client } from "@versia/client";
import type { Status } from "@versia/client/types";
import { SettingIds, type Settings } from "~/settings";
export const useNoteData = (
noteProp: MaybeRef<Status | undefined>,
client: Ref<Client>,
settings: MaybeRef<Settings>,
) => {
const isReply = computed(() => !!toValue(noteProp)?.in_reply_to_id);
const isQuote = computed(() => !!toValue(noteProp)?.quote);
const isReblog = computed(
() => !isQuote.value && !!toValue(noteProp)?.reblog,
);
const renderedNote = computed(() =>
isReblog.value
? (toValue(noteProp)?.reblog ?? toValue(noteProp))
: toValue(noteProp),
);
const showContentWarning = useSetting(SettingIds.ShowContentWarning);
const shouldHide = computed(
() =>
(renderedNote.value?.sensitive ||
!!renderedNote.value?.spoiler_text) &&
(showContentWarning.value.value as boolean),
);
const mentions = useResolveMentions(
computed(() => renderedNote.value?.mentions ?? []),
client.value,
);
const content = useParsedContent(
computed(() => renderedNote.value?.content ?? ""),
computed(() => renderedNote.value?.emojis ?? []),
mentions,
settings,
);
const loaded = computed(() => content.value !== null);
const reblogDisplayName = useParsedContent(
toValue(noteProp)?.account.display_name ?? "",
toValue(noteProp)?.account.emojis ?? [],
undefined,
settings,
);
const reblog = computed(() =>
isReblog.value && toValue(noteProp) && !isQuote.value
? {
avatar: toValue(noteProp)?.account.avatar,
acct: toValue(noteProp)?.account.acct,
}
: null,
);
const url = computed(() =>
new URL(
`/@${renderedNote.value?.account.acct}/${renderedNote.value?.id}`,
window.location.origin,
).toString(),
);
const remove = async () => {
const result = await client.value.deleteStatus(
renderedNote.value?.id ?? "",
);
if (result?.data) {
useEvent("note:delete", result.data);
}
};
return {
loaded,
note: renderedNote,
content,
isQuote,
reblog,
reblogDisplayName,
shouldHide,
isReply,
url,
remove,
};
};

115
composables/ParsedContent.ts
View file

@ -1,115 +0,0 @@
import type { Account, Emoji } from "@versia/client/types";
import { SettingIds, type Settings } from "~/settings";
const emojisRegex =
/\p{RI}\p{RI}|\p{Emoji}(\p{EMod}|\uFE0F\u20E3?|[\u{E0020}-\u{E007E}]+\u{E007F})?(\u200D(\p{RI}\p{RI}|\p{Emoji}(\p{EMod}|\uFE0F\u20E3?|[\u{E0020}-\u{E007E}]+\u{E007F})?))*/gu;
const incorrectEmojisRegex = /^[#*0-9©®]$/;
/**
* Takes in an HTML string, parses emojis and returns a reactive object with the parsed content.
* @param content String of HTML content to parse
* @param emojis Array of emojis to parse
* @returns Reactive object with the parsed content
*/
export const useParsedContent = (
content: MaybeRef<string>,
emojis: MaybeRef<Emoji[]>,
mentions: MaybeRef<Account[]> = ref([]),
settings: MaybeRef<Settings | null> = ref(null),
): Ref<string | null> => {
const result = ref(null as string | null);
watch(
isRef(content)
? isRef(emojis)
? [content, mentions, emojis]
: [content, mentions]
: mentions,
async () => {
const contentHtml = document.createElement("div");
contentHtml.innerHTML = toValue(content);
const shouldRenderEmoji =
toValue(settings)?.[SettingIds.CustomEmojis].value;
const emojiFont = toValue(settings)?.[SettingIds.EmojiTheme].value;
// Replace emoji shortcodes with images
if (shouldRenderEmoji) {
contentHtml.innerHTML = contentHtml.innerHTML.replace(
/:([a-zA-Z0-9_-]+):/g,
(match, emoji) => {
const emojiData = toValue(emojis).find(
(e) => e.shortcode === emoji,
);
if (!emojiData) {
return match;
}
const image = document.createElement("img");
image.src = emojiData.url;
image.alt = `:${emoji}:`;
image.title = emojiData.shortcode;
image.className =
"h-[1.6em] mt-[-0.2ex] mx-1 mb-[0.2ex] align-middle inline not-prose hover:scale-110 transition-transform duration-75 ease-in-out";
return image.outerHTML;
},
);
}
if (emojiFont !== "native") {
contentHtml.innerHTML = contentHtml.innerHTML.replace(
emojisRegex,
(match) => {
if (incorrectEmojisRegex.test(match)) {
return match;
}
return `<img src="/emojis/${emojiFont}/${match}.svg" alt="${match}" class="h-[1em] inline not-prose hover:scale-110 transi''tion-transform duration-75 ease-in-out">`;
},
);
}
result.value = contentHtml.innerHTML;
},
{ immediate: true },
);
return result;
};
export const useParsedAccount = (
account: MaybeRef<Account | undefined | null>,
settings: MaybeRef<Settings>,
) => {
const displayName = computed(
() =>
toValue(account)?.display_name ?? toValue(account)?.username ?? "",
);
const note = computed(() => toValue(account)?.note ?? "");
const fields = computed(() => toValue(account)?.fields ?? []);
const emojis = computed(() => toValue(account)?.emojis ?? []);
const parsedDisplayName = useParsedContent(
displayName,
emojis,
undefined,
settings,
);
const parsedNote = useParsedContent(note, emojis, undefined, settings);
const parsedFields = computed(() =>
fields.value.map((field) => ({
...field,
name: useParsedContent(field.name, emojis, undefined, settings)
.value,
value: useParsedContent(field.value, emojis, undefined, settings)
.value,
})),
);
return {
display_name: parsedDisplayName,
note: parsedNote,
fields: parsedFields,
};
};