nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
1840 commits 3 branches 0 tags 22 MiB
Commit graph

1008 commits

Author SHA1 Message Date
Lim Chee Aun f511b0a5ab More code porting 2023-02-08 19:11:33 +08:00
Lim Chee Aun 9921e487e8 Minimum viable Home → Following port 2023-02-08 00:31:46 +08:00
Lim Chee Aun c6c18aae09 Fix spoiler bug again 2023-02-07 12:56:26 +08:00
Lim Chee Aun 8ca4d7333e Need skeleton 2023-02-07 00:25:38 +08:00
Lim Chee Aun 9992299716 More ports to reusable Timeline component 
- use status id instead of status, for "auto-update" feature
- hot keys!
 2023-02-06 23:50:00 +08:00
Lim Chee Aun b58a838af0 Forgot to update these 2023-02-06 20:01:56 +08:00
Lim Chee Aun 43c4fc6534 resolve only works when authenticated 2023-02-06 19:54:48 +08:00
Lim Chee Aun ad13f90374 Fix info stays when there's error 2023-02-06 19:54:35 +08:00
Lim Chee Aun 719a407414 Use /:instance?/xxx instead 2023-02-06 19:54:18 +08:00
Lim Chee Aun 692851b24c Fix useMatch not working with optional path segment 2023-02-06 19:29:00 +08:00
Lim Chee Aun 1357c1b2bd Fix more edge cases after breaking changes 2023-02-06 16:35:03 +08:00
Lim Chee Aun de411b4dff Fix some posts can be spoiler but sensitive: false 2023-02-06 00:19:22 +08:00
Lim Chee Aun a130743d4c Breaking: refactor all masto API calls 
Everything need to be instance-aware!
 2023-02-06 00:17:19 +08:00
Lim Chee Aun b47c043699 Fix select field color bug on Windows 
It shows as white text on white background on Windows 10 or 11
https://mastodon.social/users/cheeaun/statuses/109812923100158393
 2023-02-06 00:05:43 +08:00
Lim Chee Aun e0bab6c70a More refactoring work 2023-02-03 21:08:08 +08:00
Lim Chee Aun fa3ee31cd3 Fix #55 2023-02-02 10:30:16 +08:00
Lim Chee Aun bbb3017b2d Quietly handle hashtag links 
No follow/unfollow yet.
 2023-01-31 19:31:25 +08:00
Lim Chee Aun 9a261470df Custom titleComponent for Timeline 2023-01-31 19:08:10 +08:00
Lim Chee Aun 3cec4f66c5 Fix document.title bug 2023-01-30 22:00:14 +08:00
Lim Chee Aun 969fddc581 Time for use-debounce 
Try a leading debounce here
 2023-01-30 20:51:06 +08:00
Lim Chee Aun 613e77e43f Got to be picky about the smooth vs jump scroll 2023-01-30 19:48:33 +08:00
Lim Chee Aun 0a4c3069dd Fix this translateY making carousel jumpy 
- It moves outside of the box
- Causes the container to have a vertical scrollbar
- When scrolling, it's moves up and down, causing the carousel to jump
- Don't quite understand why, maybe a super rare browser (Chrome) bug
 2023-01-30 19:35:28 +08:00
Lim Chee Aun 305bb92906 Fix optimizeSpeed rendering can affect text kerning and layout 
Seems like Mobile Safari make less font rendering calculation to speed up rendering. When toggling between text-rendering modes, the text can be shifted or relayout-ed.
 2023-01-30 10:01:34 +08:00
Lim Chee Aun e5e2bd6f2a Add account statuses timeline + few aesthetic changes to Account sheet 
And secretly link to this timeline, don't tell anyone lol
 2023-01-29 23:37:13 +08:00
Lim Chee Aun 99b9194713 Fix wrong status link when it's a boost in Timeline 2023-01-29 23:34:51 +08:00
Lim Chee Aun cc2d4d4cc1 Fix text-expander positioning bug 
Also fix related bugs
 2023-01-29 21:45:59 +08:00
Lim Chee Aun b8c9059562 Quick fix for "See post" messing up the top controls div in small screens 2023-01-29 15:55:15 +08:00
Lim Chee Aun 292186e918 New UI experiment: media modal + status detail page 
- Extracted out the media modal and media component from Status
- Use :has CSS selector to do most of the layout work
- Expecting edge case UI bugs
 2023-01-29 15:23:53 +08:00
Lim Chee Aun ae37d58826 Fix document.title not working properly 2023-01-29 15:22:16 +08:00
Lim Chee Aun ae90b41aae New feature: "Show all sensitive content" menu 2023-01-28 22:34:36 +08:00
Lim Chee Aun aaeca7dd03 Refactor out a Timeline component 
Also replace login() with createClient() for faster log in
 2023-01-28 18:52:18 +08:00
Lim Chee Aun ce0c0563f3 Show common followers, only when not following 2023-01-27 21:36:04 +08:00
Lim Chee Aun ded6420c1a Fallback if browser doesn't autoplay 2023-01-27 17:51:31 +08:00
Lim Chee Aun dda83c7834 Better error state for Account sheet 
Some accounts… can't be resolved by the API
 2023-01-26 11:26:24 +08:00
Lim Chee Aun f2d50b0bac Add lang to all fields based on chosen language 
Reference: https://github.com/mastodon/mastodon/issues/19858
 2023-01-26 00:34:52 +08:00
Lim Chee Aun a1e2207e96 Reset input[type=file] after media is added 
Bug: Add file A, remove fie A, add file A = nothing happens
 2023-01-26 00:34:00 +08:00
Lim Chee Aun b6dfbd0819 s/Spoiler text/Content warning 2023-01-26 00:32:56 +08:00
Lim Chee Aun 3392f57462 Rewrite scrolling logic in carousel 
Just normal scroll event is enough, don't need intersection observer
 2023-01-25 20:37:59 +08:00
Lim Chee Aun 7c4bda105b Fix profile metadata labels and values could have shortcode emojis 2023-01-25 16:25:23 +08:00
Lim Chee Aun 20b0a80c45 Delicate adjustments to the gradient hints 2023-01-25 01:01:04 +08:00
Lim Chee Aun 5fb123f228 Need to preserve white space in media descriptions 2023-01-25 00:40:05 +08:00
Lim Chee Aun 7f9742b50a Animate skeleton 2023-01-25 00:26:47 +08:00
Lim Chee Aun 0ea65b2cfd Remove old spoiler effect 
This was fun but sadly perf is really bad
 2023-01-24 22:21:04 +08:00
Lim Chee Aun f16c29097c Experiment: more radius for media 2023-01-24 21:10:44 +08:00
Lim Chee Aun 28281bb752 New component: Menu 
It's time to do this menu thing the right way instead of hacky CSS
 2023-01-24 20:56:43 +08:00
Lim Chee Aun 51eaf4f1f2 Replace blue-text buttons on carousel modal 2023-01-24 11:32:33 +08:00
Lim Chee Aun cdb5435796 Nicer radius for multi-media container 2023-01-23 20:35:15 +08:00
Lim Chee Aun 56b6552d65 Show thread counter for small <Status /> too 2023-01-23 20:34:53 +08:00
Lim Chee Aun 3213e8503e Fix alt tag text got chopped off at the bottom 2023-01-22 23:57:43 +08:00
Lim Chee Aun b72f683a97 Add "12 hours" option for poll duration 2023-01-22 20:50:11 +08:00
Lim Chee Aun 4c05692ef5 This account resolving thingie is getting ridiculous 2023-01-22 20:29:48 +08:00
Lim Chee Aun a522511e0e Add "Mark media as sensitive" checkbox 
It does the same thing as spoiler text toggle.
 2023-01-22 19:33:45 +08:00
Lim Chee Aun 1439b22963 New feature: ALT badge in image carousel 
Adjusted the layout and fix some styles as well
 2023-01-22 16:27:00 +08:00
Lim Chee Aun 2a44f3a670 Hidden way to update the account info 
Usually when avatar or name changes
 2023-01-22 00:37:46 +08:00
Lim Chee Aun 4760efe837 Need to pass the 'e' too 2023-01-21 23:43:39 +08:00
Lim Chee Aun 81170c6d05 When clicked, don't use cached scroll position 2023-01-21 19:52:51 +08:00
Lim Chee Aun e0d50168fd Don't need useLocation when in compose pop-out 2023-01-21 13:21:57 +08:00
Lim Chee Aun 9bff95bcec Replace preact-router with react-router 
Need more routing powers, hopefully things don't break 🤞
 2023-01-21 00:23:59 +08:00
Lim Chee Aun 1b6348fb08 Fix some links that are actually not user-links 2023-01-19 15:51:54 +08:00
Lim Chee Aun d0880f5c56 Link to status page instead 2023-01-17 16:18:24 +08:00
Lim Chee Aun 6e72601833 Compose now supports paste/drag-drop files 2023-01-16 09:42:44 +08:00
Lim Chee Aun 0f5764580b Fix bug due to votersCount can be null if multiple=false 2023-01-15 00:17:07 +08:00
Lim Chee Aun 8c0078ddd8 It's time for hairline width 2023-01-14 22:27:02 +08:00
Lim Chee Aun e2139399ee New experiment: Boosts Carousel™️ 2023-01-14 19:42:04 +08:00
Lim Chee Aun d9096ce831 Make media modal sheet max 2023-01-13 17:23:18 +08:00
Lim Chee Aun 45c107d403 Make leading poll votes more prominent 2023-01-13 15:44:42 +08:00
Lim Chee Aun 71b50382e9 New feature: Unsent Drafts 
For now, this only works for unsent unsaved drafts e.g. the browser kill the page without giving the user the chance to discard
 2023-01-13 15:30:09 +08:00
Lim Chee Aun f106036072 Rotate the poll to look more like what we see 2023-01-13 00:20:36 +08:00
Lim Chee Aun dfaec0605a Can re-use the UID as new window target name! 2023-01-11 23:23:49 +08:00
Lim Chee Aun 162fc7ad07 Pass UID across composer popups 2023-01-11 17:07:47 +08:00
Lim Chee Aun adcea89a25 Add UID as Idempotency key 2023-01-11 14:44:20 +08:00
Lim Chee Aun a421406a11 DRY get current Account 2023-01-11 13:28:42 +08:00
Lim Chee Aun d6c0f83c15 Remove iconify-icon web component, bundle all icons 
The whole iconify thing is about 20KB (8KB min-gzip), it's too huge just for icons.

Instead of getting icons from the API/CDN, bundle them all in.
 2023-01-11 09:47:46 +08:00
Lim Chee Aun 9338c6905d Try another spoiler effect 2023-01-10 22:10:29 +08:00
Lim Chee Aun c4236e6de7 New feature: thread numbering 2023-01-10 19:59:02 +08:00
Lim Chee Aun c4bba6e507 Slight change in poll styles 2023-01-09 23:44:24 +08:00
Lim Chee Aun a1401e0b69 Active style when click on media 2023-01-09 23:44:02 +08:00
Lim Chee Aun 13c3b8fa3b Finally DRY this saving status code 2023-01-09 19:11:34 +08:00
Lim Chee Aun 3506285176 Better ID for media attachments 
The `i` persists for other attachments too. Not good.
 2023-01-09 14:33:47 +08:00
Lim Chee Aun 8a8dad12c8 Better handling of audio 2023-01-09 01:17:16 +08:00
Lim Chee Aun 5b90ab46a8 Make it more hearty 2023-01-07 21:37:16 +08:00
Lim Chee Aun 54a95363f0 Use console.debug 2023-01-07 21:02:46 +08:00
Lim Chee Aun 33176c5ea7 Have a little fun with CSS variables X JS 2023-01-07 20:38:05 +08:00
Lim Chee Aun 41df88e625 Perf fixes 
Turns out, adding an object to states.statuses proxyMap object, re-render ALL statuses
 2023-01-07 20:26:23 +08:00
Lim Chee Aun 862107f2e6 Few styling changes to card etc 2023-01-07 20:25:13 +08:00
Lim Chee Aun ee9bfe6331 Lots of tiny adjustments 2023-01-07 14:45:04 +08:00
Lim Chee Aun aab9a475e8 Fix text alignment in small card 
It's confusing when status can be small/large and card can small/large too
 2023-01-07 11:52:23 +08:00
Lim Chee Aun 096712a9dd No lazy loading when loading in the carousel 2023-01-06 22:08:22 +08:00
Lim Chee Aun 6d893967ec Maybe some videos are short 2023-01-06 19:14:47 +08:00
Lim Chee Aun ca18ea138a Revert Video rewrite because still doesn't work in Mobile Safari 
Works in simulator but not the real iPhone
 2023-01-06 19:07:04 +08:00
Lim Chee Aun 5c162d211f Rewrite the <video autoplay> hack for Mobile Safari 
- Auto animate when in Status page
- Object-fit contain for GIFs in Status page
- Add GIF label on timeline
 2023-01-06 18:25:47 +08:00
Lim Chee Aun 3ca696dd3d Modals for media attachments in composer 
Dedicated editor experience per media attachment
 2023-01-06 01:51:39 +08:00
Lim Chee Aun abe5d02d93 Different logic for relative time 2023-01-05 17:36:43 +08:00
Lim Chee Aun 599d81f924 Disable card if there's a poll or media attachment 
Regardless of the size
 2023-01-05 15:28:04 +08:00
Lim Chee Aun a4b452e177 Switch back to blur effect for spoilers 
The SVG filter is too heavy for mobile browsers
 2023-01-05 13:30:19 +08:00
Lim Chee Aun a429da37f4 Don't show card for sensitive/CW content 2023-01-05 13:29:44 +08:00
Lim Chee Aun 04ccf8aca9 Replace @github/relative-time-element with dayjs 2023-01-05 10:50:27 +08:00
Lim Chee Aun c77ed16804 Even shorter name text 2023-01-05 10:41:25 +08:00
Lim Chee Aun edeceba729 Allow people to type essays 2023-01-04 19:16:43 +08:00
Lim Chee Aun 1f12c53ee1 Refactor textarea and chars count meter 
It won't re-render on every key press anymore
 2023-01-04 19:03:11 +08:00
Lim Chee Aun fea7145ac9 The mention is hidden *inside* spoiler text 2023-01-04 17:27:43 +08:00
Lim Chee Aun 7e869949e2 Turns out, still change CW when editing 2023-01-03 17:41:18 +08:00
Lim Chee Aun 88297fa17e Remove opacity from spoiler content 2023-01-03 15:52:28 +08:00
Lim Chee Aun 5478e407aa For large cards, align the meta left 2023-01-03 15:51:33 +08:00
Lim Chee Aun 910120ecd7 When status is small, need more breathing space 2023-01-03 13:52:13 +08:00
Lim Chee Aun a71f66dcbd Handle locked accounts 2023-01-03 13:25:55 +08:00
Lim Chee Aun dbfdd6ec68 Add border for card 2023-01-03 13:03:22 +08:00
Lim Chee Aun e4de6d1d22 Don't need to focus on status after closing carousel 
It causes unnecessary scroll
 2023-01-03 00:48:16 +08:00
Lim Chee Aun f8821d530d Maybe these might help a little 2023-01-02 22:02:21 +08:00
Lim Chee Aun 07dff34e20 Show formatted duration for video media 2023-01-02 14:21:38 +08:00
Lim Chee Aun 21bdb51cd6 Compose pop-in/out now can work with non-id medias 
Commented out for now to see if it really works

The bug is due to valtio proxying the File object
 2023-01-02 12:03:06 +08:00
Lim Chee Aun 727b944f3b toLowerCase() all the instance URLs! 2023-01-01 20:59:55 +08:00
Lim Chee Aun 0d92f65f7e Esc for compose field 2023-01-01 19:41:42 +08:00
Lim Chee Aun 4d7aeca10f Make skeleton unpointerable 2023-01-01 16:09:10 +08:00
Lim Chee Aun c116de8456 Don't show card when status is truncated 2023-01-01 16:01:57 +08:00
Lim Chee Aun 811de6ec0a Remove that one tiny white space at the bottom of the avatar image 2023-01-01 16:01:44 +08:00
Lim Chee Aun cf1c03f55f Delay focus compose field a little 2023-01-01 15:32:36 +08:00
Lim Chee Aun 951c93a070 Add link to media in carousel modal 2023-01-01 12:28:54 +08:00
Lim Chee Aun f9e1704727 Disable this hover effect for large status 
Will still animate in timeline but at least not as distracting
 2022-12-31 20:18:56 +08:00
Lim Chee Aun 52d5756d44 Remove unused code 2022-12-31 09:51:28 +08:00
Lim Chee Aun 724be17d3e Basic keyboard shortcuts 
Esc for carousel modal, Ctrl/Cmd+Enter for Compose field
 2022-12-30 21:36:14 +08:00
Lim Chee Aun 9201f7a118 First step in making things focusable 2022-12-30 20:37:57 +08:00
Lim Chee Aun a409ff6712 Some images are just… too high 2022-12-30 13:37:59 +08:00
Lim Chee Aun 6ffc40fdf3 Use semantic <article> 2022-12-29 16:12:09 +08:00
Lim Chee Aun 5804ddbdb9 Add all the focuses 2022-12-29 16:11:58 +08:00
Lim Chee Aun bdcefb1ab0 Add a nice pointer 2022-12-29 11:47:10 +08:00
Lim Chee Aun 160b535552 Not all cards work in large size 
Check the image aspect ratio before converting to large size
 2022-12-29 11:34:29 +08:00
Lim Chee Aun a6196f923f Better styles for card 
Show large card for large status, but only when there's no poll and media
 2022-12-29 08:57:01 +08:00
Lim Chee Aun afb1a75f69 Show carousel controls initially 2022-12-28 20:46:38 +08:00
Lim Chee Aun e32c6c6473 Revert "Delay onClose after swipe" 
This reverts commit 0feee7ea93.
 2022-12-28 20:35:49 +08:00
Lim Chee Aun 0feee7ea93 Delay onClose after swipe 2022-12-28 20:02:28 +08:00
Lim Chee Aun 7200acc2a7 Swipe down for closing carousel 2022-12-28 19:43:02 +08:00
Lim Chee Aun 86df9fd9f8 Tap media to toggle carousel controls 2022-12-28 19:31:08 +08:00
Lim Chee Aun 422a924844 Make GIF autoplay on Mobile Safari 
Only in carousel, and seems like `autoplay` with `muted` ain't working in (P)react.
 2022-12-28 14:47:39 +08:00
Lim Chee Aun 5869ec3b9f Move "Read more" slightly to the left 2022-12-28 10:52:08 +08:00
Lim Chee Aun fa0ccece32 Handle > 4 medias 
- Mastodon now doesn't allow >4, so this is for the future or maybe the forks.
- Using grid for better control on how images lay out
 2022-12-28 10:51:57 +08:00
Lim Chee Aun abb7f11c12 Fix danger appearing for "Follow" too 😆 2022-12-28 00:15:27 +08:00
Lim Chee Aun e8a0b401f9 Add safe fallback 2022-12-27 22:02:55 +08:00
Lim Chee Aun cf42aab4b7 Experimental language selector in Compose field 2022-12-27 18:09:23 +08:00
Lim Chee Aun 43e0f51bcf Add bot indicator 2022-12-27 18:09:07 +08:00
Lim Chee Aun 1bb547e1a3 Use box-shadow, border skews the actual dimension 2022-12-27 11:00:05 +08:00
Lim Chee Aun f7489710a1 Temporary fix for corrupted data 2022-12-27 08:52:01 +08:00
Lim Chee Aun 04ff8eca4c Make modal backdrop appear nicely 
I probably created too many similar keyframes
 2022-12-27 01:44:41 +08:00
Lim Chee Aun 3ac2a45244 Got trolled by @neet 2022-12-27 01:17:04 +08:00
Lim Chee Aun eb3880b435 Handle errors here 2022-12-27 01:07:33 +08:00
Lim Chee Aun ccb0032f81 Fix displayName don't need to be encoded 2022-12-26 21:19:10 +08:00
Lim Chee Aun af437ae4c8 Image vertical alignment is always a pain 2022-12-26 20:39:49 +08:00
Lim Chee Aun e96cc9cc16 Fix snakecase not working in Compose pop-out 2022-12-26 20:22:13 +08:00
Lim Chee Aun b25b54b79e Silent fail for custom emojis fetch 2022-12-26 20:21:16 +08:00
Lim Chee Aun e320a5be4a pre-wrap for code blocks 2022-12-26 18:05:00 +08:00
Lim Chee Aun be656d585a Make boosts shorter 2022-12-26 14:33:46 +08:00
Lim Chee Aun f1ca52d561 Button text swapper for Unfollow button 2022-12-26 14:29:57 +08:00
Lim Chee Aun 9278645069 Another attempt at fixing GIF not autoplaying on Mobile Safari 2022-12-26 01:09:19 +08:00
Lim Chee Aun c8ea2e8703 Restyle cards 
Got to max-height it, and then make sure the images crop smaller
 2022-12-26 00:43:17 +08:00
Lim Chee Aun 01963c9d7a Try different heart animation 2022-12-25 23:51:17 +08:00
Lim Chee Aun 641bccd685 Prettier decided to prettify this 2022-12-25 23:33:59 +08:00
Lim Chee Aun 86f38ee3b8 Fix Account sheet relationship check not working when clicking from Settings page 
This is because accounts from different instances have different IDs!

They're NOT unique cross-instance. So while on one instance, cannot use the account ID of the other instance to query for relationship because the ID doesn't exist on *current* instance.
 2022-12-25 23:31:50 +08:00
Lim Chee Aun 3daa7e4f9d Fix poll showing NaN when total votes = 0 
So 0/0 = NaN
 2022-12-25 23:29:25 +08:00
Lim Chee Aun 318c2aeffc Upgrade masto.js to V5 
- Fix all breaking changes
- Have to manual remove null/undefined values before creating statuses
- Have to recreate iterator instance if start from scratch because can't pass args in next()
 2022-12-25 23:28:55 +08:00
Lim Chee Aun cf4fbc8553 Make sheet have header and body section 2022-12-25 18:01:01 +08:00
Lim Chee Aun 0276820185 Fix className typo 2022-12-25 15:49:39 +08:00
Lim Chee Aun cff13d53f0 Forgot to revert the optimistism 2022-12-25 13:22:41 +08:00
Lim Chee Aun 05fd9bdd2c Make spoiler effect work in dark mode 2022-12-24 22:52:19 +08:00
Lim Chee Aun 17ac9cc2c6 Seems like these have special URL treatments too 2022-12-24 21:14:05 +08:00
Lim Chee Aun c6b9e3fc78 New spoiler filter 2022-12-24 16:51:19 +08:00
Lim Chee Aun d6421972df Reduce spacing at the top of the thread badge 2022-12-24 14:15:47 +08:00
Lim Chee Aun c4efc26d62 Attempt to fix video not autoplaying on Mobile Safari 2022-12-24 14:15:34 +08:00
Lim Chee Aun 71514312bf Should be OR 
A short video can be treated as GIF.
Loopability is only for <= 60 second video
 2022-12-24 10:23:06 +08:00
Lim Chee Aun b96f263f69 Make "Unfollow" button look dangerous 
Also add ellipsis
 2022-12-24 10:05:01 +08:00
Lim Chee Aun 55ad4be580 Only show reply badge if not inside mentions 2022-12-24 01:22:25 +08:00
Lim Chee Aun fcd29d4bdc Aesthetic changes 
- Icon change for "Unlisted"
- Dynamic text size for compose field depending on char count
 2022-12-23 21:25:01 +08:00
Lim Chee Aun 2def939821 Fix textarea focus not working 2022-12-23 19:33:51 +08:00
Lim Chee Aun 13a347ce37 New: char count for Compose field 
Uses pre-compiled regex for perf
 2022-12-23 16:45:02 +08:00
Lim Chee Aun 5944b4fe30 Don't remove status immediately 
It'll be too abrupt. Set `_deleted` flag for now, no UI yet.
 2022-12-22 22:43:04 +08:00
Lim Chee Aun 37c44c2264 Update poll at point of expiry 2022-12-22 21:52:59 +08:00
Lim Chee Aun 263e48d019 New feature: :shortcode: expander in compose field 
Using `innerHTML` because easier to code but the `encodeHTML` function is troublesome
 2022-12-22 19:24:07 +08:00
Lim Chee Aun 122f6877c9 Fix some accounts not working 
All these webfinger/custom-server/moving-instances things are very annoying
 2022-12-22 18:25:18 +08:00
Lim Chee Aun 7b6d30f37d Limit iterations for image hover position animation 2022-12-22 15:08:37 +08:00
Lim Chee Aun 65c2fb3648 Special rounding precision for poll percentage 2022-12-22 14:59:36 +08:00
Lim Chee Aun c3bbd04e77 Different way of shifting the pixels 2022-12-22 12:59:44 +08:00
Lim Chee Aun 9d8286234f Fix the 'thread' badge being jumpy 2022-12-22 12:14:01 +08:00
Lim Chee Aun 3c4c59106a Handle media > 2 taking a lot of vertical space 
Also handle media > 4, which I think some instances probably allow
 2022-12-22 10:47:45 +08:00
Lim Chee Aun ade3ebb5ae Experiment: new reply/thread "badges" 
Also totally forced one-lined the name text + date at the top of a status
 2022-12-22 10:35:39 +08:00
Lim Chee Aun 9a0f538d69 username = displayName matching, minus the shortcodes 2022-12-22 10:32:27 +08:00
Lim Chee Aun 4e60cae42c Fix spoiler bug 2022-12-22 09:02:22 +08:00
Lim Chee Aun eba78e3f07 Time to embrace sheets 
.box class is just… weird…
 2022-12-21 20:00:45 +08:00
Lim Chee Aun 71083b46e2 Add "Refresh" button for polls 2022-12-21 19:46:38 +08:00
Lim Chee Aun 23745d0683 Update poll reactively 2022-12-21 19:29:37 +08:00
Lim Chee Aun f6e3c979af Fix onClick not a function 2022-12-21 01:18:37 +08:00
Lim Chee Aun 33f0f21399 My sense of logic is getting worse 2022-12-21 01:03:24 +08:00
Lim Chee Aun b7c5dce372 Fix z-indexing bug 2022-12-21 01:03:07 +08:00
Lim Chee Aun 3fede678c7 Case-insensitive and don't apply for short:true 2022-12-20 22:00:11 +08:00
Lim Chee Aun d6575037eb No popping in standalone mode 2022-12-20 20:23:57 +08:00
Lim Chee Aun 4acb6aa3c2 Subtle badges 2022-12-20 20:17:38 +08:00
Lim Chee Aun 39a5634112 Further shorten name text if displayName === username 2022-12-20 19:52:55 +08:00
Lim Chee Aun 39efda9e38 Track spoilers 
Turns out I'm using WeakMap wrong
 2022-12-20 19:14:50 +08:00
Lim Chee Aun 091960bdff Fix border not visible for media-video 2022-12-20 17:50:43 +08:00
Lim Chee Aun 5e687e871f Bring back polling but bump up timeout 
- Polling is needed because status post requires the media to be done processing (not just uploaded)
- But the default timeout set in masto.js is 3s, a bit too low if uploading a large video
- Bumping up to 30s
 2022-12-20 13:29:38 +08:00
Lim Chee Aun 9bc5340714 Extra check on loading state before allow closing 2022-12-20 13:27:14 +08:00
Lim Chee Aun e274950324 Disable popping-in/out and closing when loading 2022-12-20 13:26:45 +08:00
Lim Chee Aun 3921f8a6f9 Debugging 2022-12-20 13:24:56 +08:00
Lim Chee Aun 1538400dc0 Oops, forgot to put confirm dialog before boosting 2022-12-20 10:09:05 +08:00
Lim Chee Aun bf907abc17 Disable this small font sizing 2022-12-20 09:37:29 +08:00
Lim Chee Aun da19e7ad02 This min-width: 0 hack is getting annoying 
Without this, long words would overflowwww
 2022-12-19 18:02:45 +08:00
Lim Chee Aun db25770a31 Add "verified" state for profile fields 2022-12-19 17:02:47 +08:00
Lim Chee Aun d08848fff3 Fix some profile notes don't have <p> 2022-12-19 17:02:01 +08:00
Lim Chee Aun 8c97dcc5bc 💅 Aesthetic changes 2022-12-19 13:38:16 +08:00
Lim Chee Aun 96a38e5df1 Bigger check for poll option 2022-12-18 23:06:05 +08:00
Lim Chee Aun c6e71e2432 Smaller gaps between media attachments 2022-12-18 23:05:49 +08:00
Lim Chee Aun dc37100442 Refactor Carousel 2022-12-18 22:56:00 +08:00
Lim Chee Aun 0b8460cd55 Move things around 2022-12-18 21:10:05 +08:00
Lim Chee Aun a029c7ccae Change from 'x' to '<' on Status page 2022-12-18 20:53:32 +08:00
Lim Chee Aun 2f24713d71 ✨ Real nested comments 
- Collapsed/expandable replies
- Pagination for many many comments
 2022-12-18 20:46:13 +08:00
Lim Chee Aun 762e525c68 Add profile metadata 2022-12-18 12:21:57 +08:00
Lim Chee Aun 1ffcffa1f4 Try different style for "Read more" 2022-12-18 10:08:44 +08:00
Lim Chee Aun 4b49c6fb03 Aesthetic changes to Account sheet 
- Larger avatar
- Less rounded sheet
- Add Joined date
 2022-12-18 00:38:19 +08:00
Lim Chee Aun 7c30ba35e4 Show total count for fun 2022-12-18 00:13:56 +08:00
Lim Chee Aun d3f7659331 Tabular nums for the numbers 2022-12-18 00:09:22 +08:00
Lim Chee Aun 3a21b58f55 Prevent this from wrapping 2022-12-17 23:17:13 +08:00
Lim Chee Aun 58fe7a46f4 Change from line-clamp to max-height 
-webkit-line-clamp doesn't work on multiple <p>s on Mobile Safari
 2022-12-17 23:01:34 +08:00
Lim Chee Aun 400bc6f696 Truncate long posts on timeline, show "Read more" 
10-line clamping for now
 2022-12-17 21:06:51 +08:00
Lim Chee Aun 734a9b2b76 Remove unused code 2022-12-17 19:51:48 +08:00
Lim Chee Aun 5f0d1e8656 Refactor action buttons + optimistic UI 2022-12-17 17:26:41 +08:00
Lim Chee Aun 1c18184ef4 Fix one-char space inserted when replying to own posts 2022-12-17 17:25:04 +08:00
Lim Chee Aun e6ed64cfd0 Fix auto display: none not working 
`this` probably refers to something else
 2022-12-17 14:38:21 +08:00
Lim Chee Aun 665b908698 Put names into every export 2022-12-16 13:27:04 +08:00
Lim Chee Aun c026635221 Try this 50% width for card image 
It's tough trying to balance the space required by the image vs the card title/desc/etc
 2022-12-16 13:26:38 +08:00
Lim Chee Aun 3ae82d6898 Handle "unknown" media 
On mastodon.social, images have type:image, but hachyderm returns type:unknown

Found this when editing a post and add two images, on mastodon.social.
 2022-12-16 09:20:30 +08:00
Lim Chee Aun 5148462670 Have a little fun with action icons' animations 
Also fix the jumpy border
 2022-12-16 01:28:22 +08:00
Lim Chee Aun db1e481bd3 Ugh have to manual trigger onInput 
Is there a way to just auto trigger this?
 2022-12-16 00:54:44 +08:00
Lim Chee Aun 03d2e2aa72 Add TODO for now for handling multiple mentions 
If it's just all mentions with no textual content = can close(?)
But if there're a lot of mentions, won't it be dangerous to close?
User can still edit whatever in between like rearranging the mentions etc
 2022-12-16 00:53:04 +08:00
Lim Chee Aun 859500a292 Fix copy since it's not just replying to one person 2022-12-16 00:51:08 +08:00
Lim Chee Aun a41b18b331 Fix auto-prepending mentions when replying 
Prepend not just the reply-to status's acct, but also all mentions' acct
BUT excluding self
 2022-12-16 00:50:38 +08:00
Lim Chee Aun 45babb150b Try skip polling 
For large medias, API returns 202 Accepted and media is still processing https://docs.joinmastodon.org/methods/media/#v2

masto.js does extra manual poll check by GET-ing the media after uploaded to see if the media is done processing
 2022-12-15 21:34:21 +08:00
Lim Chee Aun 31b3d824cd Center the items in toolbar 2022-12-15 21:31:44 +08:00
Lim Chee Aun 12c11c65c1 The title inside the card has weird line height 2022-12-15 20:18:48 +08:00
Lim Chee Aun f5da383ef3 Sometimes external, sometimes not. 2022-12-15 19:45:25 +08:00
Lim Chee Aun 332dd30c1d Writing logic code is hard 2022-12-15 17:27:28 +08:00
Lim Chee Aun 45b7d42d38 Add lazy loading to all images 2022-12-15 14:19:48 +08:00
Lim Chee Aun fc235024aa Handle pop-in case when there's already a Compose field open 
Show confirmation first before popping-in
 2022-12-15 13:03:20 +08:00
Lim Chee Aun b490974638 Responsive font-size for the poll and actions too 2022-12-15 10:01:18 +08:00
Lim Chee Aun 27c0ba7f4b Make sure the media has min height 
Some images have *very* small height
 2022-12-15 01:46:04 +08:00
Lim Chee Aun da0309ab0f Light tint of background for poll options 2022-12-15 01:18:23 +08:00
Lim Chee Aun 58860c334c Responsive font size based on content length 
The shorter, the larger font-size
 2022-12-15 00:41:48 +08:00
Lim Chee Aun b0372ea83b Dispatch oninput manually when textarea value change 
I thought… React/Preact should do this automagically…
 2022-12-14 22:54:12 +08:00
Lim Chee Aun fa1769c3c2 New feature: Grouped notifications 
- Grouped based on notification.type and notification.status.id
- Crossing fingers here
 2022-12-14 22:46:50 +08:00
Lim Chee Aun 0aa7066274 Prevent conflicting style for poll when replying to status with a poll 2022-12-14 21:49:42 +08:00
Lim Chee Aun 72751709df New feature: poll 
- More fixes
 2022-12-14 21:48:17 +08:00
Lim Chee Aun 121e9176f3 Add style for leading choices 
Also make sure the votes percentage doesn't shrink
 2022-12-14 19:00:04 +08:00
Lim Chee Aun f2dc15c8ef Slightly smaller font size for meta text in poll 2022-12-14 18:45:34 +08:00
Lim Chee Aun b883836f8a Fix percentage count for multiple-choice polls 2022-12-14 17:56:08 +08:00
Lim Chee Aun 410548603f Fix check icon not appearing for own-voted poll choices 2022-12-14 17:11:16 +08:00
Lim Chee Aun 8b5ac5154c Fix pre meta text taking up space, due to some *very* long names/usernames 2022-12-14 16:16:08 +08:00
Lim Chee Aun 5c6fb7b7c8 Better username lookup 2022-12-14 15:39:20 +08:00
Lim Chee Aun d4cdf2435f Fix poll percentage showing NaN 
This happens when votes are still 0, so 0 divide by 0
 2022-12-14 01:48:55 +08:00
Lim Chee Aun 975f3dd33f Finally fix HMR not working for this file 2022-12-14 00:39:35 +08:00
Lim Chee Aun 38aaf89529 Don't need this animation, too many happening at the same time 2022-12-14 00:20:43 +08:00
Lim Chee Aun 0e1f4c527e This close window check is getting on my nerves 2022-12-14 00:20:24 +08:00
Lim Chee Aun 2b21c421d1 Comment out this console.log 2022-12-14 00:19:49 +08:00
Lim Chee Aun 04084d3339 'not-allowed' cursor looks very annoying 2022-12-13 22:34:23 +08:00
Lim Chee Aun fb6bca9016 Fix wrong logic again 2022-12-13 22:26:29 +08:00
Lim Chee Aun e2346bc32a Shift+click to open compose window 
- Fixes for closing
- Easier code for checking if can close window
 2022-12-13 21:54:16 +08:00
Lim Chee Aun 6195f45800 Remove unused code 2022-12-13 20:42:19 +08:00
Lim Chee Aun 9d78e67381 New feature: pop-out compose window 
- More consistent design for both reply-to status and source status preview
- Fixed bugs too
- Make sure index.css is always above
 2022-12-13 20:42:09 +08:00
Lim Chee Aun 3e80ee03f3 Simpler code for content enhancement 
Also fixed some shortcodes not converted
 2022-12-13 20:15:02 +08:00
Lim Chee Aun 19074844be Fix avatars inside text expander menu 2022-12-13 18:44:35 +08:00
Lim Chee Aun 7b7b8b9443 Different copy for editing 2022-12-13 01:14:52 +08:00
Lim Chee Aun 74ef381a9c Remove this console.log 2022-12-13 00:23:47 +08:00
Lim Chee Aun de5c33a568 Fix gifv not loading 2022-12-13 00:23:37 +08:00
Lim Chee Aun 2a13571328 Remove unused hook 2022-12-13 00:23:12 +08:00
Lim Chee Aun f649f60b5b Move the time to the right 2022-12-12 22:56:38 +08:00
Lim Chee Aun 4d09d24e00 Better card preview styling 
Test in case all the texts are too long and overflowing
 2022-12-12 22:43:47 +08:00
Lim Chee Aun 79f1b255d2 Slight layout adjustments 2022-12-12 22:15:13 +08:00
Lim Chee Aun ad8ae165a6 Fix check before closing 2022-12-12 21:58:02 +08:00
Lim Chee Aun 5353a4535a New feature: Edit status! 
Get's a bit hacky now
 2022-12-12 21:54:31 +08:00
Lim Chee Aun 111bc27f96 Fix spacing inside the card preview 2022-12-12 21:53:06 +08:00
Lim Chee Aun d32d9c62eb Style backtick inline codes 
The tree walker code is generated via Copilot, hope it works
 2022-12-12 21:51:59 +08:00
Lim Chee Aun b988b10c3d Fixes and refactor for compose UI with media uploads 
Somehow prettier (for CSS) start running properly
 2022-12-12 16:27:44 +08:00
Lim Chee Aun f7571f6df1 Need to show media attachments even when status size=s 
This is because status is optional when there are media attachments

So if the status is empty, there's nothing to show at all lololol
 2022-12-12 16:25:55 +08:00
Lim Chee Aun e5fa7536e0 Prompt to double-confirm unfollow 2022-12-12 10:03:41 +08:00
Lim Chee Aun 299b638ac3 Attempt to fix videos not autoplaying on Mobile Safari 
Fallback onClick to play in case it really still doesn't autoplay
 2022-12-12 10:00:59 +08:00
Lim Chee Aun 0289d20d8b Use opacity instead of color 
Allow skeleton styles to work
 2022-12-12 09:50:15 +08:00
Lim Chee Aun 87029b43d4 Fix clicking on active carousel dot closes the media modal 
Also make the active dot larger
 2022-12-12 08:46:50 +08:00
Lim Chee Aun cb64f5ffda Add "Edited at" meta with Edit History modal 
Much refactor, kinda ugly code still.

Edit History design is still very basic.
 2022-12-11 21:22:22 +08:00
Lim Chee Aun d848304c80 Make play icon look nicer on videos 2022-12-11 15:26:49 +08:00
Lim Chee Aun fe6bdfdeb3 This .plain conflicted with other styles, so create .plain2 
Also… this looks completely different on Mobile Safari (iPhone)...

Maybe due to a better screen...
 2022-12-11 15:00:51 +08:00
Lim Chee Aun aeceb94219 Fix carousel actually not working properly 
- Need intersection observer to tell JS that scroll snap happened
- Fix carousel dots not working
- Add fancy background overlay based on image average color
- Disable fade out if open in carousel
 2022-12-11 14:35:57 +08:00
Lim Chee Aun 977176067e Fix too many borders on card (image) 2022-12-11 12:05:07 +08:00
Lim Chee Aun 9ad956049b Another attempt to fix GIFV not auto-playing on Mobile Safari 2022-12-11 11:20:24 +08:00
Lim Chee Aun bc4551583b Special styling for "direct" posts 2022-12-11 10:56:31 +08:00
Lim Chee Aun acfc06e5a6 Disable outline for form fields inside the toolbar button 2022-12-11 10:37:43 +08:00
Lim Chee Aun 5cb65f603d Possible fix for Mobile Safari not autoplaying gifv 2022-12-11 09:45:25 +08:00
Lim Chee Aun 039d4661fb Remove target=_blank from username links 
Mobile Safari ignores the click preventDefault and not show the Account popover. Removing target_blank fixes this ignorance

Kinda hacky fix for now
 2022-12-11 09:28:02 +08:00
Lim Chee Aun 5aa9649935 Convert all outlines to borders 
Because Safari ain't respecting border-radius with outlines
 2022-12-11 00:52:04 +08:00
Lim Chee Aun f89ae6cdcd Try add description to card 2022-12-11 00:50:49 +08:00
Lim Chee Aun bcf4fe6e5c Show domain on first line, chop off "www" 2022-12-11 00:20:23 +08:00
Lim Chee Aun b69d9f3fa8 Manage to make the top carousel controls hide-able too 2022-12-10 23:39:12 +08:00
Lim Chee Aun 80b3432ccb Carousel very buggy on mobile. Add close button. 2022-12-10 22:27:00 +08:00
Lim Chee Aun 5797b9bc38 Only need focal positioning if not show original media 2022-12-10 21:58:40 +08:00
Lim Chee Aun d884cddf16 Fix bugs on status page 2022-12-10 21:19:38 +08:00
Lim Chee Aun 4b93d13256 Make stats less significant 2022-12-10 20:48:23 +08:00
Lim Chee Aun 7f02a7f794 Use a better string length 
Using `string-length` instead of `stringz` that's used by Mastodon
 2022-12-10 20:46:56 +08:00
Lim Chee Aun 2fa86980c0 Should be .u-url, not .mention 2022-12-10 19:16:57 +08:00
Lim Chee Aun ac87f557d6 This .mention style is going global 2022-12-10 19:16:43 +08:00
Lim Chee Aun b26f1204c7 Enhance the account note and make sure links open in new window 2022-12-10 19:16:11 +08:00
Lim Chee Aun 12a64e4507 No need check relationship with self. 
"Am I following myself??"
 2022-12-10 19:15:30 +08:00
Lim Chee Aun 33c88d648a Loading/disabled state for actions (boost, favourite, bookmark) 
Also catch any errors and alert them
 2022-12-10 18:23:11 +08:00
Lim Chee Aun 2b9390a0a1 Initial commit 2022-12-10 17:14:48 +08:00