External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(post-form): convert twimg query-format links in the reply modal (#1168)

Browse Source 
Share getPublishLinkOptions between the inline post form and the reply modal so the modal publishes twimg ?format= links in their .jpg/.png form (previously raw), and rewrite the link field on blur in both so the conversion is visible. Also gate the dev service worker's runtime asset cache to production so dev no longer serves stale /src modules.
This commit is contained in:
Tommaso Casaburi
2026-06-09 19:24:28 +07:00
committed by GitHub
parent ee5aa7845e
commit 2f938d59ae
6 changed files with 147 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/post-form/__tests__/post-form.test.tsx
+33
View File
@@ -771,6 +771,39 @@ describe('PostForm', () => {
expect(testState.publishedPostOptions?.link).toBe(publishLink);
});
it('rewrites known twimg query-format links to their path-extension form when the link field loses focus', async () => {
await renderPostForm('/all');
await clickByText(container, 'start_new_thread');
const table = container.querySelector('table') as HTMLTableElement;
const select = table.querySelector('select') as HTMLSelectElement;
const linkInput = table.querySelectorAll<HTMLInputElement>('input[type="text"]')[3];
await dispatchChange(select, 'music-posting.eth');
const blurLinkInput = async () => {
await act(async () => {
linkInput.dispatchEvent(new FocusEvent('focusout', { bubbles: true }));
});
};
// A twimg `?format=jpg` link becomes its `.jpg` form once the field loses focus.
await dispatchInput(linkInput, 'https://pbs.twimg.com/media/HJxnhNKWMAAhqFU?format=jpg&name=medium');
expect(linkInput.value).toBe('https://pbs.twimg.com/media/HJxnhNKWMAAhqFU?format=jpg&name=medium');
await blurLinkInput();
expect(linkInput.value).toBe('https://pbs.twimg.com/media/HJxnhNKWMAAhqFU.jpg');
// The detected format is preserved (png stays png).
await dispatchInput(linkInput, 'https://pbs.twimg.com/media/ZZZ9?format=png&name=orig');
await blurLinkInput();
expect(linkInput.value).toBe('https://pbs.twimg.com/media/ZZZ9.png');
// Non-twimg links are left untouched.
await dispatchInput(linkInput, 'https://example.com/photo?format=jpg&name=large');
await blurLinkInput();
expect(linkInput.value).toBe('https://example.com/photo?format=jpg&name=large');
});
it('shows Oekaki draw controls only on the /i/ board form', async () => {
testState.directories.push({
address: 'oekaki-posting.bso',