Breaking change - there was an extra div around content sections which has now been removed. It's removal could affect site CSS targeting content sections.

Features:

• Complete Svelte language support (thanks to Replit's lang package)
• Auto-complete field values
• Auto-complete CSS variables
• (Desktop) Offline support (libraries cached locally)
• (Desktop) Duplicate site from a URL

Fixes:

• (Desktop) Hosts not saving consistently
• Component Editor preview not accurately reflecting site styles (due to not having containing .section div)
• Couldn't see selected text in active line in code editor
• Image Field description not saving if only field edited

Misc:

• Component library loads a lot faster
• Themes load faster
• Extra div removed from around content sections; makes it easier to style containing section from div containing content
• Telemetry & generator tag

Breaking change: 'section-container' class no longer exists on content sections

Features:

• toggle device preview & set width manually
• page list view
• build 404 route as 404.html

Bug fixes

• site styles not cascading correctly
• syntax highlighting
• console logs not clearing
• prevent swipe-navigating out of code editor
• components with only site fields not building

Beta

Breaking changes

• Remove primo prefix (.primo-section -> .section / .primo-content -> .content)
• .primo-page -> #page
• .section-container exists alongside .content

Features:

• Server: customization
• Choose language (English, Spanish, German)
• Improved UI for connecting to Server

Bug fixes

• Rendering issues in Safari & Firefox when using components with JS
• Page modal errors (re-assigning ID, child pages)
• On-page links rerouting
• Inspecting popup preview
• Issue preventing navigating away
• Vercel/Netlify publishing issues
• Undo issues

Features

Popout site preview

Especially useful for multi-monitor setups, this feature lets you create a separate window containing a preview of the active site that stays synchronized with your drafted content. So if you update a content section or draft component fields, all your previews will update. Later iterations can easily add the ability to pin particular pages, so you could work on a component and see how it'll look across your whole site.

Visibility option to toggle Group Field subfield visibility

Sometimes, only some of the fields in a group field are relevant. For instance, if you set up a Select field to toggle between different media types (i.e. video, image), you'd want to either show a url field for the video and an image field for the image. Now, you can configure particular Group subfields to only show depending on the value of a preceding Select field.

Component Preview orientation & manual refresh

Horizontal orientation is good for short/long components like nav bars, freeing up a lot of screen real estate. Manual refresh is necessary for larger components that cause a lag when auto-refreshing (refresh manually with Command+R).

More keyboard bindings

You can see the available hotkeys in any view by pressing the Mod key (Cmd on Mac, Ctrl on Windows, idk on Linux) which makes it really easy to jump into a component, change its code and content, and save it, all without reaching for the trackpad (except maybe to select the code). Besides the mobility benefits of being able to move around a site and dev environment with just a keyboard, it's also just really efficient. The eventual goal is that you can do everything you can do with a mouse, just as fast or faster with keys.

So far the key bindings are:

• Cmd+D to switch between content/code
• Cmd+S to draft component or save site
• Cmd+E while hovering a component to edit it
• From the Component Editor: Cmd+1, Cmd+2, Cmd+3 to toggle HTML, CSS, and JS tabs
• Esc from any modal to close it

Image previews in repeater subfields

When an image is the top field in a repeater, its value will show as the repeater item preview.

Housekeeping & fixes

• Major speed improvements (loading sites, changing pages, opening library, etc.)
• Updated electron, so chromium is up to date (was very out of date)
• Fix Component Preview wonkiness of printing console log and code highlighting
• Fix issue with switching languages in Site Fields
• Fix issue with saving Markdown content

New Design

It wouldn't be a real Alpha without another design refresh, but this time's even better because Primo has an updated logo and brand color that we hope will make the app feel more inviting.

Features and Fixes

• Better Svelte syntax highlighting
• Svelte autocomplete (when typing '{')
• Adds 'Docs' button to code editors
• Fix UI issue (#151)
• Auto-download updates
• Fix Netlify issues

Features & Improvements

• Emmet for HTML!
• Basic inspecting - hovering over an element in the component preview highlights the corresponding node in the code
• Faster Svelte compilation by ~4x (by compiling in node instead of workers)
• Removed Telemetry

Bug fixes

• Landing on a non-existant page would show infinite spinner, now redirects to home page
• Component fields would sometimes glitch when switching to CMS
• primo-content placement in code wasn't consistent w/ the published site
• Repeater item titles weren't updating correctly while reordering the items
• UI tweaks

Redesigned CMS interface

Improvements:

• Redesigned CMS UI & toggle groups/repeaters
• Svelte syntax highlighting (WIP)

Themes!

Misc:

• Improved UI of editor on mobile (dropdown buttons, full-width editor, always-visible section buttons)
• Hide Page tab in CMS -> Content when no Page Fields exist
• Smoother site opening transition (no more janky loading)
• Dashboard site previews load much quicker (after the first time)

Fix:

• Issue compiling when importing libraries which define 'log'
• Crash when switching the type of a field to a Select type
• Svelte formats correctly (on Shift+Enter)
• Crash when renaming a page w/ a dash in its url
• Info field wasn't saving its value
• Site field values weren't being loaded on page load