kaslo/pawkey-sk
1
0
Fork 0
Code Packages Activity

feat: [frontend / backend] update git urls, update userid watermark, authenticate image proxy and url previews

Browse Source
This commit is contained in:
Leafus
2025-11-18 05:08:44 +01:00
parent 3fddd69ad8
commit ab15656458
25 changed files with 193 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/assets/about-icon.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 382 KiB

packages/frontend/assets/icon.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 223 KiB

After

Width:  |  Height:  |  Size: 774 KiB

packages/frontend/src/accounts.ts
+3
View File
@@ -16,6 +16,7 @@ import { prefer } from '@/preferences.js';
import { store } from '@/store.js';
import { $i } from '@/i.js';
import { signout } from '@/signout.js';
import Cookies from 'js-cookie';
type AccountWithToken = Misskey.entities.MeDetailed & { token: string };
@@ -186,6 +187,8 @@ export async function login(token: AccountWithToken['token'], redirect?: string)
token,
}));
Cookies.set('token', token, { expires: 365 * 100 });
await addAccount(host, me, token);
if (redirect) {
packages/frontend/src/boot/main-boot.ts
+1 -1
View File
@@ -335,7 +335,7 @@ export async function mainBoot() {
}
const modifiedVersionMustProminentlyOfferInAgplV3Section13Read = miLocalStorage.getItem('modifiedVersionMustProminentlyOfferInAgplV3Section13Read');
if (modifiedVersionMustProminentlyOfferInAgplV3Section13Read !== 'true' && instance.repositoryUrl !== 'https://git.leafus.net/pawkey/pawkey') {
if (modifiedVersionMustProminentlyOfferInAgplV3Section13Read !== 'true' && instance.repositoryUrl !== 'https://git.pawlickers.org/pawkey/pawkey') {
const { dispose } = popup(defineAsyncComponent(() => import('@/components/MkSourceCodeAvailablePopup.vue')), {}, {
closed: () => dispose(),
});
packages/frontend/src/components/MkSignupDialog.rules.vue
+1 -1
View File
@@ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template #label>{{ i18n.ts.basicNotesBeforeCreateAccount }}</template>
<template #suffix><i v-if="agreeNote" class="ti ti-check" style="color: var(--MI_THEME-success)"></i></template>
<a href="https://git.leafus.net/pawkey/pawkey/-/blob/stable/IMPORTANT_NOTES.md" class="_link" target="_blank">{{ i18n.ts.basicNotesBeforeCreateAccount }} <i class="ti ti-external-link"></i></a>
<a href="https://git.pawlickers.org/pawkey/pawkey/src/branch/stable/IMPORTANT_NOTES.md" class="_link" target="_blank">{{ i18n.ts.basicNotesBeforeCreateAccount }} <i class="ti ti-external-link"></i></a>
<MkSwitch :modelValue="agreeNote" style="margin-top: 16px;" data-cy-signup-rules-notes-agree @update:modelValue="updateAgreeNote">{{ i18n.ts.agree }}</MkSwitch>
</MkFolder>
packages/frontend/src/components/MkUpdated.vue
+1 -1
View File
@@ -27,7 +27,7 @@ const modal = useTemplateRef('modal');
const whatIsNew = () => {
modal.value?.close();
window.open(`https://git.leafus.net/pawkey/pawkey/-/releases/${version}`, '_blank');
window.open(`https://git.pawlickers.org/pawkey/pawkey/releases${version}`, '_blank');
};
onMounted(() => {
packages/frontend/src/components/global/userIdWatermark.vue
+59 -13
View File
@@ -1,6 +1,6 @@
<script setup lang="ts">
import { $i } from "@/i.js";
import { computed, onMounted, ref } from "vue";
import { computed, onMounted, onUnmounted, ref } from "vue";
const generateRandomClass = () => {
const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
@@ -14,10 +14,27 @@ const generateRandomClass = () => {
const gridClass = ref(generateRandomClass());
const itemClasses = ref<string[]>([]);
const recreationKey = ref(0);
const gridItemCount = ref(600);
let regenerationInterval: ReturnType<typeof setInterval> | null = null;
let styleElement: HTMLStyleElement | null = null;
let allCreatedClasses: string[] = [];
// Calculate grid items based on screen resolution
const calculateGridItemCount = () => {
const width = window.innerWidth;
const height = window.innerHeight;
// Grid cell size: 80px width + 10px gap, 16px height + 10px gap (more concise)
const itemWidth = 80 + 10;
const itemHeight = 16 + 10;
const columns = Math.ceil(width / itemWidth);
const rows = Math.ceil(height / itemHeight);
// Add some buffer (20%) to ensure coverage during animations/scrolling
return Math.ceil(columns * rows * 1.2);
};
const encodeTextToPath = (text: string) => {
const charPaths: { [key: string]: string } = {
a: "M2,8 L4,2 L6,2 L8,8 M3,6 L7,6",
@@ -77,7 +94,7 @@ const encodeTextToPath = (text: string) => {
);
path += translatedPath + " ";
}
xOffset += 10;
xOffset += 7; // Reduced from 10 to 7 for tighter spacing
});
return path.trim();
@@ -95,7 +112,9 @@ const regenerateWatermark = () => {
cleanupOldElements();
gridClass.value = generateRandomClass();
itemClasses.value = generateItemClasses(600);
const count = calculateGridItemCount();
gridItemCount.value = count;
itemClasses.value = generateItemClasses(count);
recreationKey.value++;
allCreatedClasses.push(gridClass.value, ...itemClasses.value);
@@ -140,13 +159,13 @@ const createStyleElement = () => {
.${className} svg {
opacity: 0.02 !important;
width: auto !important;
height: 12px !important;
height: 10px !important;
}
.${className} svg path {
stroke: var(--MI_THEME-fg) !important;
fill: none !important;
stroke-width: 1 !important;
stroke-width: 0.8 !important;
}
`,
)
@@ -160,10 +179,10 @@ const createStyleElement = () => {
width: 100vw !important;
height: 100vh !important;
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important;
grid-template-rows: repeat(auto-fill, minmax(20px, 1fr)) !important;
gap: 20px !important;
padding: 20px !important;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
grid-template-rows: repeat(auto-fill, minmax(16px, 1fr)) !important;
gap: 10px !important;
padding: 10px !important;
pointer-events: none !important;
z-index: 999999999 !important;
overflow: hidden !important;
@@ -177,24 +196,51 @@ const createStyleElement = () => {
const watermarkText = computed(() => $i?.id || "not signed in");
const pathData = computed(() => encodeTextToPath(watermarkText.value));
const textWidth = computed(() => watermarkText.value.length * 10 + 10);
const textWidth = computed(() => watermarkText.value.length * 7 + 10); // Adjusted for tighter spacing
let resizeTimeout: ReturnType<typeof setTimeout> | null = null;
const handleResize = () => {
if (resizeTimeout) clearTimeout(resizeTimeout);
// Debounce resize to avoid excessive recalculations
resizeTimeout = setTimeout(() => {
regenerateWatermark();
}, 250);
};
onMounted(() => {
itemClasses.value = generateItemClasses(600);
const count = calculateGridItemCount();
gridItemCount.value = count;
itemClasses.value = generateItemClasses(count);
allCreatedClasses.push(gridClass.value, ...itemClasses.value);
createStyleElement();
regenerationInterval = setInterval(() => {
itemClasses.value = generateItemClasses(600);
const count = calculateGridItemCount();
gridItemCount.value = count;
itemClasses.value = generateItemClasses(count);
allCreatedClasses.push(gridClass.value, ...itemClasses.value);
regenerateWatermark();
}, 5000);
window.addEventListener("resize", handleResize);
});
onUnmounted(() => {
if (regenerationInterval) clearInterval(regenerationInterval);
if (resizeTimeout) clearTimeout(resizeTimeout);
window.removeEventListener("resize", handleResize);
cleanupOldElements();
if (styleElement && styleElement.parentNode) {
styleElement.parentNode.removeChild(styleElement);
}
});
</script>
<template>
<div :key="`watermark-${recreationKey}`" :class="gridClass">
<div v-for="n in 600" :key="n" :class="itemClasses[n]">
<div v-for="n in gridItemCount" :key="n" :class="itemClasses[n]">
<svg :viewBox="`0 0 ${textWidth} 10`" xmlns="http://www.w3.org/2000/svg">
<path :d="pathData" />
</svg>
packages/frontend/src/pages/about-pawkey.vue
+6 -75
View File
@@ -22,12 +22,12 @@ SPDX-License-Identifier: AGPL-3.0-only
<button v-if="thereIsTreasure" class="_button treasure" @click="getTreasure"><img src="/fluent-emoji/1f3c6.png" class="treasureImg"></button>
</div>
<div style="text-align: center;">
{{ i18n.ts._aboutMisskey.about }}<br><a href="https://leafus.net/pawkey" target="_blank" class="_link">{{ i18n.ts.learnMore }}</a>
{{ i18n.ts._aboutMisskey.about }}<br><a href="https://pawkey.dev" target="_blank" class="_link">{{ i18n.ts.learnMore }}</a>
</div>
<div v-if="$i != null" style="text-align: center;">
<MkButton primary rounded inline @click="iLoveMisskey">I <Mfm text="$[jelly ❤]"/> #Pawkey</MkButton>
</div>
<FormSection v-if="instance.repositoryUrl !== 'https://git.leafus.net/pawkey/pawkey'">
<FormSection v-if="instance.repositoryUrl !== 'https://git.pawlickers.org/pawkey/pawkey'">
<div class="_gaps_s">
<FormLink v-if="instance.repositoryUrl" :to="instance.repositoryUrl" external>
<template #icon><i class="ti ti-code"></i></template>
@@ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</FormSection>
<FormSection>
<div class="_gaps_s">
<FormLink to="https://git.leafus.net/pawkey/pawkey" external>
<FormLink to="https://git.pawlickers.org/pawkey/pawkey" external>
<template #icon><i class="ph-code ph-bold ph-lg"></i></template>
{{ i18n.ts._aboutMisskey.source }} ({{ i18n.ts._aboutMisskey.original_pawkey }})
<template #suffix>GitLab</template>
@@ -128,81 +128,12 @@ const everyone = ref<Section[]>([
heading: 'Pawkey Creators',
people: fisher_yates([
{
handle: '@Leafus',
avatar: 'https://git.leafus.net/uploads/-/system/user/avatar/2/avatar.png?width=192',
link: 'https://leafus.net',
handle: '@pawinput',
avatar: 'https://git.pawlickers.org/avatars/5e909e3e9e43b099242596d67debcd61264809b7765f160b01c8a376f23e47a5?size=512',
link: 'https://pawlickers.org',
},
]),
},
{
heading: 'Sharkey Contributors',
link: {
label: i18n.ts._aboutMisskey.allContributors,
url: 'https://activitypub.software/TransFem-org/Sharkey/-/graphs/develop',
},
people: fisher_yates([
{
handle: '@CenTdemeern1',
avatar: 'https://secure.gravatar.com/avatar/e97dd57d32caf703cea556ace6304617b7420f17f5b1aac4a1eea8e4234735bb?s=128&d=identicon',
link: 'https://activitypub.software/CenTdemeern1',
},
{
handle: '@dakkar',
avatar: 'https://secure.gravatar.com/avatar/c71b315eed7c63ff94c42b1b3e8dbad1?s=128&d=identicon',
link: 'https://activitypub.software/dakkar',
},
{
handle: '@hazelnoot',
avatar: 'https://activitypub.software/uploads/-/system/user/avatar/5/avatar.png?width=128',
link: 'https://activitypub.software/fEmber',
},
{
handle: '@julia',
avatar: 'https://activitypub.software/uploads/-/system/user/avatar/41/avatar.png?width=128',
link: 'https://activitypub.software/julia',
},
{
handle: '@Luna',
avatar: 'https://secure.gravatar.com/avatar/4faf37df86a3d93a6c19ed6abf8588eade4efb837410dbbc53021b4fd12eaae7?s=128&d=identicon',
link: 'https://activitypub.software/luna',
},
{
handle: '@Marie',
avatar: 'https://activitypub.software/uploads/-/system/user/avatar/2/avatar.png?width=128',
link: 'https://activitypub.software/marie',
},
{
handle: '@supakaity',
avatar: 'https://activitypub.software/uploads/-/system/user/avatar/65/avatar.png?width=128',
link: 'https://activitypub.software/supakaity',
},
{
handle: '@tess',
avatar: 'https://activitypub.software/uploads/-/system/user/avatar/132/avatar.png?width=128',
link: 'https://activitypub.software/tess',
},
]),
},
{
heading: 'Sharkey Testers',
people: [
{
handle: '@lucent',
avatar: 'https://antani.cyou/proxy/avatar.webp?url=https%3A%2F%2Fantani.cyou%2Ffiles%2Fa2944119-024c-4abd-86e5-64bf0d30b26f&avatar=1',
link: 'https://antani.cyou/@lucent',
},
{
handle: '@privateger',
avatar: 'https://mediaproxy.plasmatrap.com/?url=https%3A%2F%2Fplasmatrap.com%2Ffiles%2F2cf35a8f-6520-4d4c-9611-bf22ee983293&avatar=1',
link: 'https://plasmatrap.com/@privateger',
},
{
handle: '@phoenix_fairy',
avatar: 'https://thetransagenda.gay/proxy/avatar.webp?url=https%3A%2F%2Fs3.us-east-005.backblazeb2.com%2Ftranssharkey%2Fnull%2Fd93ac6dc-2020-4b5a-bce7-84b41e97a0ac.png&avatar=1',
link: 'https://thetransagenda.gay/@phoenix_fairy',
},
],
},
{
heading: i18n.ts._aboutMisskey.misskeyContributors,
people: [