Pinegrow Web Editor 7.93

What's new in this version:

- Pinegrow Web Editor 7.93 brings usability improvements to all users, and introduces a whole new way of working with WordPress

Search and drill down into CSS variables:
- Almost every property in the CSS Visual Editor has a helper tool that opens a dropdown menu that includes all available CSS variables. This is not new.
- When there are many variables (as is the case with frameworks and WordPress) the long list gets hard to navigate. In addition, many variables have long names

New Project screen cleanup:
- Pinegrow is celebrating 10th birthday this year, and in this time the list of supported frameworks kept growing and growing. As a result, the list contains frameworks that are no longer in common use, such as Angular 1, Bootstrap 3 and 4…
- These ancient frameworks are now hidden on the New Page / Project screen. Toggle them with the Show all frameworks link at the bottom of the list.

Internal web server shows default directory page:
- Internal web server now serves index.html when request accesses a directory
- For example, navigating to …/products/ will serve …/products/index.html
- This is aligned with how web servers commonly rewrite URLs, and is useful for avoiding broken links while navigating the site in browser previews
- Note that links pointing to directories should have a trailing slash to ensure that any relative links are resolved correctly

Explaining the double click on first use:
- Pinegrow pros, this one is not for you. We noticed that most new users try double clicking on the page, thus activating a text editing mode.
- A quick tooltip now comes up to explain what is going on. This only happens the first time the text editing is activated with double click.

Floating panels are working again:
- The previous update broke floating panels, making them unmovable. The floating panels can now move again, but we had to add window frames to make that possible.
- Use live WordPress data and preview during editing
- You can now build WordPress themes, plugins and blocks while using real data and previews from your WordPress site

The live preview brings two major benefits, letting you:
- See your project as it will appear on the WordPress site and use site styling
- Display real content during editing
- Pinegrow uses WordPress REST API to access any of your WordPress sites and integrates the data into the edited document

Components + WordPress actions:
- Use Pinegrow’s static HTML components in combination with WordPress actions to create reusable dynamic elements
- Pinegrow includes powerful static HTML components that let you define reusable components with editable areas

Auto slug and export folder in Project settings:
- Are you fed up with coming up with slugs for your new theme or plugin? And then having to wrangle the file explorer to create the export folder?
- Pinegrow now does both for you
- Slug is automatically generated from the project name. To create the export folder just select the wp-content/themes or wp-content/plugins and Pinegrow will offer to create the project subfolder for you.

Other WordPress improvements:
- Block attributes that control a style property no longer add empty properties is their value is not set. This only works for native React blocks, not dynamic and hybrid blocks.
- We rewrote the theme / plugin header parser to make it more robust and avoid errors with missing Theme name value