Zipline (Native Rewrite) banner

Zipline (Native Rewrite)

6 devlogs
57h 11m 21s

Updated Project: Rewritten from react native to kotlin

This project uses AI

GitHub Copilot for code completition
Copilot helped me making the background upload notification service and the code that uses it (just the “download*”/“upload*”/“export*” functions in “network/requests” (6 functions) )

Stef

FilePreview component now show a placeholder with loading message instead of skeleton loading
Created about 80/90% of files screen (would’ve finished it but it’s 1AM and i got school at 8AM💀)
Updated how Table component works to make it more customizable (like make it sortable, searchable, clickable)
Added KeyboardActions to TextInput component so i can handle physical keyboard enter press
Created a paging system component for the files page 8will be used for other pages too like URLs
Created a HeaderButton component that will be used in all pages that have any button on top on the Zipline web UI

0
Stef

Finished the LargeFileDisplay component
Created the “Metrics” Screen
Updated the skeleton modifier to add optional height/width
disabled navigation to the same route as current in the sidebar (it just closes the sidebar without navigating)
Added keyboard options to the TextInput component (so i can use number only keyboard)
Fixed splash screen color to match icon color

(the video might look worse since i had to compress it from 105 MB to < 50 MB)

0
Stef

Added app icon
Created login screen
FilePreview now tries to generate thumbnails from the video’s first frames
Recent files on home screen are now clickable and open largeFilePreview
Made sidebar scrollable
Created LargeFileDisplay (some buttons still unfinished and download isn’t really polished yet, in the future it won’t always ask for the save folder but only first time), Select and Tag components
Fix folder delete/remove file from folder HTTP schema (@DELETE doesn’t allow having a body so i opted for @HTTP)
Fix Popup height not correctly converting PX to DP
renamed removeFileToFolder to removeFileFromFolder (i think i copy pasted addFileToFolder and didn’t rename the function correctly 💀)

0
Stef

Fixed getAvatar request erroring cuz trying to parse as JSON a base64 image string
Changed File password from PasswordState to Boolean
Added the user avatar to the Header component as a Button that opens settings
Created the app’s home screen
Created VideoPlayer, Table and FilePreview components
Added a scrollbar to some scrollable views

0
Stef

Added light & dark theme
Added biometric auth screen and loading screen
Added Button, TextInput & Switch and Sidebar (mostly copied copied from my Hackatime app and slightly modified)
Updated some API responses

Attachment
Attachment
Attachment
0
Stef

Created all the typedefs for the Zipline API responses, request bodies, queries etc.

I haven’t made any UI on the Kotlin version yet so for now here’s an image of the react native app just to have an idea of how the login screen will look (i didn’t know what else to put since code pics aren’t allowed)

Attachment
0