Pro Releases

Releases

Unreleased:

Released

v1.6.0
Latest
Released Jul 4 2023

Features:

LiveView file uploads - store in Amazon S3

Give an example of a file upload using LiveView and S3.

Avatar/photo uploads with Cloudinary

Implement user avatars and store them on Cloudinary (cloudinary.com) - a storage service that allows you to resize/modify images simply by altering the URL. This means you don't need to use a tool like ImageMagick to resize/crop/compress your images.

User Impersonation

Add the ability to "impersonate" another a user in the application as a super admin. (ex: (ex: https://github.com/ankane/pretender)) This would allow the developer to debug and trouble shoot production issues more easily.

New

  • <.image_upload> component for uploading single images like avatars. Used in user settings
  • Local, Cloudinary and S3 support for <.image_upload>
  • User impersonation - admins can login as any user without knowing their password - available via the Admin console (under the User menu).

Updated

  • All forms now use the new FormField structure
  • <.public_layout> has been moved into public.html.heex (it’s likely you’ll want to modify this to your brand and hence a component doesn’t make sense)

Fixed

  • Reset password page now accessible when logged in (previously would redirect)

Removed

  • Page builder (it was getting too complex to manage - let us know if you used this a lot and we’ll consider bringing it back)
v1.5.2
Released Apr 19 2023

Features:

A combobox component

A combination of a search and select input implemented in a live view. See https://tailwindui.com/components/application-ui/forms/comboboxes.

New

  • Uses the petal_framework private package (deletes all the _petal_framework folders). This will allow for an easier upgrade process in the future, especially for components like the data table.
  • Data Table supports base_url_params. Keep custom query params when changing sort order.
  • Data Table is now self contained in the live view - code isn’t scattered across the model and context.
  • Added mix recode for code linting and refactoring
  • Use <.flash_group> to show flash messages (Petal Framework 0.3.0)

Changes

  • Enabled Wallaby tests by default (mix test)
  • Updated Tailwind to 3.3
  • Updated Erlang to 25.3
  • Added rename_project lib to replace custom mix task

Breaking

Fixed

  • Data table going blank when changing page size
  • Navigation problems for the Data Table when setting the default_limit via a schema file
  • Fix Finch issue with email sending
v1.5.1
Released Mar 9 2023

New

  • Develop Petal Pro in GitHub CodeSpaces!
  • Data Table column - can now filter by a select list
  • Data Table column - can now filter by a float

Changed

  • topbar.js version updated to 2.0
  • mix setup no longer fetches tailwind/esbuild if they already exist
  • Upgrade Petal Components to 1.0
  • Data Table is now a function component

Fixed

  • Github auth working again
v1.5.0
Released Feb 10 2023

Features:

Convert all auth pages to live view

Convert sign up and register pages to live view.

Upgrade to Phoenix 1.7

Upgrade Petal Pro to Phoenix 1.7

Changed

Fixes

v1.4.0
Released Oct 13 2022

Features:

Improved upgrade process

Make it possible (if possible) to upgrade Petal versions more easily, then make the service a subscription, so we can continue to get the benefits in our apps. I know this would be hard, but as a solo developer, being able to leverage the improvements in Petal would be huge.

Sortable Tables

A component that gives you a sortable, filterable and paginated table out of the box.

Set/show times in a users local time zone

Added

  • Updated to LiveView 0.18 + Petal Components 0.18
  • All components updated with declarative assigns (attr / slot)
  • Data table component
  • Local time component
  • Sobelow for security checking
  • Coveralls for code test coverage
  • test.yml Github action for code quality
  • Easily modifiable content security policy to help prevent XSS
  • Added a docker-compose.yaml that adds Postgres so you don’t need to install it

Changed

  • Router significantly more streamlined
  • Some routes have been moved into their own files: AdminRoutes, AuthRoutes, DevRoutes, MailblusterRoutes
  • Users are forced to be confirmed to access /app routes (easily configurable)
  • Use Ecto enums for org roles

Fixes

  • Fix reset password failing when signed in
  • Clean up dashboard_live.ex - some old code unused was left in there
  • Improved SEO meta tags in _head.html.eex
  • Show a warning in the logs when no title/meta_desciprion is set on a public page
  • Added open-graph.png (to be replaced by dev)
  • Fix require_confirmed_user plug
  • Fix landing page GSAP not working
v1.3.0
Released Jun 17 2022

Features:

Support UUIDs

It's pretty easy to set up the app to use UUID by default for ids and foreign keys, however, there are places in the code that break, for example, HashId. I'm removing the HashId.encode/decodes but I'm not sure if that is "safe"? It'd be nice if the code supported UUID or ints in these places out of the box. What I've found so far: 1. HashId 2. Passing the ID into an Echo Query (user_id = user_id |> Ecto.UUID.dump!())

Add 2FA layer to the auth login flow

Add an optional 2FA layer (using nimble_totp?) to the auth login flow, so people can opt to use the 2FA app of their choice (Google Authenticator, Authy, LastPass, etc.).

Added

  • Two-factor authentication using time-based one time passwords (paired with something like Google Authenticator)

Changed

  • Decoupled DashboardLive from Orgs so you can get started quicker if you don’t want orgs
  • Can pass a custom header class to the public layout
  • Sidebar and stacked layouts now support grouped menu items (see dev_layout_component.ex for an example)
  • Update Tailwind to 3.1
  • Split CSS into different files thanks to Tailwind 3.1

Fixed

  • Onboarding now remembers user_return_to
  • Fixed nav dropdown bug after modal toggle
  • Fixed gettext in live views
v1.2.0
Released May 31 2022

Features:

Passwordless auth

A user can register/sign in with just their email address - they get sent a 4 digit code to enter.

Multi-org schema: Org <- OrgsUsers -> Users

A common practice is to have a personal account but then also be a part of an organisation or company. - organisation schema - an org can have multiple users - a user can have an admin role in the org - org admins can invite more users, or remove them - an org can have a Stripe payment method

Add petal.gen.html generator

It would be great to add a petal.gen.html generator to generate controller, views, and context for an HTML resource using Petal Components. Petal Components can be used in regular HEEx templates and not everything should be a LiveView.

Oauth2 SSO social logins like Google / Facebook / Apple

Handy for easy sign up/log in

Added

  • Login with Google & Github - easy to add more auth providers
  • Passwordless auth - register/sign in via a code sent to your email
  • Orgs - create an org, invite & manage members, and more
  • User lifecycle actions - run code after actions like register, sign_in, sign_out, password_reset, etc
  • New generator: mix petal.gen.html (same args as phx.gen.html)
  • New component: <.markdown content=””> & <.pretty_markdown content=””> (uses Tailwind Typography plugin)
  • Added License and Privacy pages (with some content from a template to get you started)
  • New layout: <.layout type=”public”>, for public marketing related pages like landing, about us, privacy, etc
  • Hooks can now be run in dead views if compatible (see color-scheme-hook.js as an example)

Changed

  • Simpler config access (PetalPro.config(:app_name) instead of Application.get_env(:petal_pro, :app_name))
  • Refactor <.layout> to take less props
  • Refactor dark/light mode system. Much simpler now and no longer needs cookies
  • Put Petal Pro Components in their own folder for easier future upgrades (can duplicate if you want to modify them)
  • Sidebar and stacked layout have a new slot for the top right corner (if you want to add something like a notifications bell)

Fixed

  • Log metadata wasn’t being cast
  • More user actions are logged
  • Fixed petal.live generator tests
  • Added tests for user settings live views
v1.1.1
Released Mar 12 2022
  • Bump Oban version to stop random error showing
  • Bump Petal Components
  • Use new <.table> component in petal.gen.live generator & logs
  • Dark mode persists on all pages with cookies
  • Fix logo showing twice in emails
  • Improved the Fly.io deploy flow
  • Fix admin user search
  • Remove guide (this is now online)
v1.1.0
Released Feb 27 2022

Features:

Make LiveView feel faster with a delayed loading indicator

As described in this blog article: https://fly.io/phoenix-files/make-your-liveview-feel-faster/

Install Oban

Make it easy to create background jobs with the state saved in your db

i18n

Use gettext in non-admin areas.

A Petal version of phx.gen.live

Same as phx.gen.live but the templates output uses Petal Pro's layouts and the form components from Petal Components

Allow instant deployments to Fly.io

Add a working dockerfile and ensure all the config is correct for fly.io deployments right off the bat

v1.0.0
Released Feb 1 2022