SuperPWA 2.0 is here – Ready for round 2?

Update: SuperPWA 2.0.1

Hello PWA lovers!

We have missed you too. Hope you all are having a peaceful holiday season, sipping some fine eggnog and enjoying the company of dear ones.

Before we get into the details of the release, we wish you a very happy new year. It’s a time to reflect on 2018 and plan for life goals in 2019.

Meet Maria Daniel Deepak

Maria Daniel Deepak

Daniel is a WordPress developer from Bengaluru, India and will be helping to make SuperPWA better than ever.

We met Daniel on twitter a few months back, one thing to led to another and a collaboration was born!

During our first call, I asked him what his first name was and turns out that “Maria Daniel Deepak” is his entire “first” name. There is more. Plenty more!

Daniel has already contributed to SuperPWA 2.0 in a big way and there will be plenty more to come in the upcoming months.

You can follow him on twitter, stalk him on his website here: DanielDeepak.com and admire his commits on GitHub.

Secret Handshake Fist Bump GIF by TipsyElves.com - Find & Share on GIPHY

Daniel, welcome to team SuperPWA 🙂

Dynamic Service Worker and Manifest

This is the biggest enhancement in this update.

Up until now, SuperPWA generated manifest and service worker as physical files in the root directly of your website. Starting with 2.0, these files are dynamic and are generated on the fly.

What does this mean to you? Hopefully for most of you guys, it shouldn’t make any difference. The transition should be seamless. Please take the time to test your PWA and let us know if something comes up.

The big impact would be for those of you who couldn’t use SuperPWA before because of write permission restrictions, this should come as a blessing and you will be able to use SuperPWA.

Dynamic files also make it possible to use SuperPWA when your WordPress is installed in a folder.

New Option: Display Mode

In SuperPWA 2.0 you have the option to set the “Display” mode for your PWA. Display mode decides what browser UI is shown when your app is launched.

Until this point, display mode was hard coded as “standalone” which worked for a wide variety of use cases. Now you can choose of of these options:

  • Standalone
  • Fullscreen
  • Minimal-UI
  • Browser

What’s the difference between each of these you ask? We have it covered in another article here: Web App Manifest Display Modes

SuperPWA is Multilingual

At the time of writing, SuperPWA is fully translated to 12 world languages and partially translated to 4 languages. All of these by the awesome polyglot community!

Thanks to these awesome translators!

There are more contributors and contributions pending review from an editor. If you are an editor, or know one, please request them to take a look at the translate.wordpress.org page for SuperPWA.

Changelog

Here is the complete changelog of SuperPWA 2.0.

  • Tested with WordPress 5.0.2.
  • Enhancement: Dynamic service worker and manifest.
  • Enhancement: SuperPWA is now compatible with WordPress in a sub-folder.
  • Enhancement: Added UI to set Display property in the web app manifest.
  • Enhancement: Limit short_name to 12 characters to meet Lighthouse recommendation.
  • Enhancement: Added PHP CodeSniffer to stick to “WordPress-Extra” coding standards. Thanks Daniel for the work.

SuperPWA 2.0.1

Dynamic files in SuperPWA 2.0 needed certain changes with certain web servers and also needed to be excluded from caching plugins.

2.0.1 adds back the old method of static files making SuperPWA work out of the box in these conditions.

It’s a minor release, but a lot of work and testing has gone into it to accommodate both static and dynamic files in one plugin.

Leave a Reply

Your email address will not be published. Please enter all fields.

PeterO says:

Love PWA apps and just discovered your SuperPWA.
Just one thing that will be very helpful — hoping this is easy to do?

#1. Can the Display Mode be set depending upon which device the website is being opened on? For example, on a mobile apps, your Display Mode settings are fine. But, if the website is being opened on a laptop or desktop computer, I will want the user to have Minimal Browser controls available. So, how do we set the Display Mode to be conditional upon the device?

#2. Another requirement for Display Mode on laptop or desktop devices is to open in a bigger window. I don’t want to limit the display size if on a larger display.

Please let me know how to add these features myself, if you don’t already have a way to do this? Thanks.

Team SuperPWA says:

Hi PeterO,

Will you please contact our technical team from here- https://superpwa.com/contact/ they will help you as soon as possible.

Ryk Melck says:

Hi there.

I have sent an email before and you have blatantly ignored me. I have posted in WordPress and you don’t reply. How can I be kind.

I have a waiting list of over 7000 potential users. But you are not maintaining your plugin and it’s ridiculous. I would to easily pay you a yearly fee of $59.99 if you just bothered to maintain this plugin.

You are sitting on a Gold Mine. What was the purpose of doing this project if you are not going to maintain this.

I have my own business and nothing is for free. We even wright plugins.

Please can I ask you to get your acts together and let’s do some business please.

Thank you

Team SuperPWA says:

Hi Ryk Melck,

Will you please contact our technical team from here- https://superpwa.com/contact/ they will help you as soon as possible.

José Luis Orué says:

Hi, is it possible to submit a gravity form offline (I mean to simulate it was submitted) and when online again get the form automatically submitted without any manual action?
Thanks

Team SuperPWA says:

Hi José Luis Orué,

There is no need for manual action it will automatically be sent to the server when online and for more and more details will you please contact our technical team from here- https://superpwa.com/contact/ they will help you as soon as possible.

michael flo says:

how can i add the add to home screen for apple as its working for Andriod but not Apple phone

Team SuperPWA says:

Hi michael flo,

For iOS support, we have the support in CTA

Cornelia Gerlach says:

Hi, I would love to know wether superpwa has an easy feature to install the pwa in the play store or iOS app store? Best Conny

Team SuperPWA says:

Hi Cornelia Gerlach,

Will you please contact our technical team from here- https://superpwa.com/contact/ they will help you as soon as possible.

Stay Updated

Learn more about Progressive Web Apps
and get latest updates about SuperPWA

we'll share our root password before we share your email with anyone else.