Cross-platform port of Raycast, focusing on interoperability.
Tymek
Check their projects out: Agin Sensors, Agin CI, Agin Auth, Wasona, Agin Slides
Jason
Check their projects out: Jason's personal website (swirl), The Aristo Company Film Portfolio, Weather app, Useless facts, Escape room, The awesomeness of scratch, game review website, CookSite
Laeth English
Check their projects out: 3DRenderer, Universe Simulator
GGORG
Check their projects out: SOM Catppuccin theme, Agin Website, XMLang, FlipperFS, Converge Monitor
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
I completely forgot to devlog... welp, here goes:
1. Updated extension installation page. Notes:
Extension installation page:
- icon 64x64
- Icon vertical margin 24px
- Icon right margin 24px
- downloads, ai icons 16x16px
- author icon 18x18
- Page left margin 24px
- Preview images height 140px
- Ratio approximately 2:1
- Command icon 22x22px
- Command icon to title 8px gap
- Installed badge
- height 23/24px
- horizontal padding 8px
- circle check icon 16x16
- Icon to text gap 4px
2. Added tests for frontend
3. Extracted icons from Raycast to use for commands
4. Figured out how to build for AppImage
5. Added heuristics for incompatibility warning (warns you if the extension might use AppleScript, MacOS paths, etc)
Worked on aligning my app with Raycast's layout/spacing. Pictured here: overlaying my app at 25% opacity on Raycast's to compare.
My notes from Obsidian:
List:
- left and right margin = 8px (8px between left/right of list and edge of window)
- horizontal padding to = 8px
- height to = 48px
- border radius to ~6-7px (rounded-md
in tailwind)
- horizontal spacing to 12px (between icon, title, and subtitle)
Footer:
- Height 40px
- horizontal padding 12px
- vertical padding ~8px
- vertical separator between primary action and action panel - 12px height, 2px wide
- 12px margins between vertical separator and buttons
- Buttons
- 4px padding on right, 8px on left, 2px vertically
- this means the horizontal padding of footer is technically only 8px
- also means horizontal margin of separator is technically 8px left, 4px right
- Height 28px
Input:
- Text: Search for apps and commands...
- Height 60px
- Horizontal padding 16px
- Vertical padding 22px
- 8px margin below
Grid:
- Horizontal padding 16px
- Grid image 115x115px
- 2px border for selected item
- Text left aligned, possibly with a 1px left margin (?)
- 10px between title and subtitle
- 7px (?) between top of text and bottom of image
- ~11-12px (?) between bottom of section header and top of content
- 16px between input and header
- 12px between rows, 10px between columns
Dropdown:
- 256x36px
- 10px horizontal padding
- 18x18 icon
- 8px horizontal padding
- Item:
- horizontal 10px padding
- 36px height
Header:
- Left margin 18px
- Height 60px
- Back button 24x24px
- Right margin 16px
- Button to text margin 10px
Implemented basic extension support; the Pokédex extension is pictured here. So far, I have implemented a susbset of the APIs; main ones missing are menu-bar commands, AI, and most form fields (among others).