3 posts tagged with "Live Preview"

September release(3.9) of Phoenix Code is now available for download at phcode.io.

This month's core theme is App robustness and stability improvements. We have also added several HTML and Text Editing workflow improvements.

Now Available on ChromeOS​

All new native ChromeOS app is now available on the Google Play Store. The ChromeOS app is a highly requested feature and is specially made for education and student use.

Auto rename start and end of HTML/XML/SVG tags​

Automatically rename paired HTML/XML/SVG tags as you type at the start or end of the tag. Read more...

Auto Tab and Spacing detection​

Phoenix Code can now automatically detect and apply the indentation style (tabs or spaces) based on the existing code in the file. Read more...

UX Improvements​

• Reopen closed files option added to File menu. Shortcut: Ctrl-Shift-T, or (Cmd-Shift-T on Mac).
• Go to Next Problem and Go to Previous Problem option added to Navigate menu.
• Tab key press to insert code hints
• window.alert, window.confirm and window.prompt APIs will work in live preview
• Clicking on live preview no longer automatically switches from your current unrelated file to the main HTML file.
• Live preview usability and navigation improvements - (1, 2)
• Increase/Decrease font size will change the Editor Font size Only.
• Fixed issue where code folding markers disappear when hovering over gutter in dark theme.
• .cjs and .mjs files support as javascript files.
• Support for shtml custom server live preview.

Stability Improvements​

• Fixes node crashes after wakeup from sleep in Windows/Mac.
• Kaspersky AV trojan horse false positive mitigation.
• Corrupt preferences auto reset.
• Boot time crash recovery.
• Phoenix Code won't start in some Fedora/other Linux distros.

Update on Release Schedule​

In the past, we've released Phoenix Code updates on a monthly basis. However, last month we encountered an issue with our release that led to stability problems for our users.

To address this, we've taken a step back to reevaluate our release process and make improvements to ensure greater robustness and reliability going forward.

As a result, we've decided to slow down the desktop release schedule to once every two months. This will allow us to thoroughly test each update and deliver a more stable experience.

We apologize for any inconvenience caused by the previous release and appreciate your patience and understanding as we work to improve the quality of Phoenix Code.

We look forward to bringing you new features and improvements in a more controlled and reliable manner.

A Request from the Phoenix Team:​

• Share your feedback: https://github.com/orgs/phcode-dev/discussions
• Spread the word about Phoenix to friends and colleagues.
• Consider supporting us on GitHub Sponsors. Every contribution helps us to keep improving Phoenix Code.

With gratitude,

The Phoenix Team

June release(3.8) of Phoenix Code is now available for download at phcode.io.

This update addresses a critical issue where Phoenix Code crashes in M1 Macs at app start after a recent macOS update. Also fixes app start issues in some newer Linux distributions with latest webkitGTK.

This month's theme is all about HTML assistance, Drag and Drop and ESLint. We've also addressed numerous feature requests and bug reports, along with improving app UX and stability.

HTML Validation​

We have added HTML Validator to help you find errors like duplicate IDs, unrecognized tags, and more. Read more here.

Drag and Drop Files and Folders in Desktop Apps - Experimental​

Drag files from Explorer (Windows) or Finder (Mac) and drop them into Phoenix Code to open individual files. Drop a folder to open it as a project.

Note: This feature is currently disabled on Linux due to UI issues in some Linux distributions. To enable it, select menu Debug -> Experimental Features -> Drag And Drop Files.

This feature is not yet available in the browser version @ phcode.dev

ESLint Support​

All new and simplified ESLint experience that displays all ESLint errors in a file. Fix one or all errors with a single click. To enable, open a project that uses ESLint in Phoenix Code. Read more here.

UX Improvements​

• Non-Intrusive Automatic Updates: Updates are now installed in the background with no more distracting dialogs when an update is available.
• Case-Sensitive File Renaming: Renaming files to a different case, such as a.txt to A.TXT, is now supported.
• File > New Project is now renamed to Start Project.
• Increased stability and app startup experience.

A Request from the Phoenix Team:​

• Share your feedback: https://github.com/orgs/phcode-dev/discussions
• Spread the word about Phoenix to friends and colleagues.
• Consider supporting us on GitHub Sponsors. Every contribution helps us to keep improving Phoenix Code.

With gratitude,

The Phoenix Team

May release(3.7) of Phoenix Code is now available for download at phcode.io.

This month's release is all about Live previews and the little things that make your work just a bit easier. We've also addressed numerous feature requests and UX bug reports, along with improving app UX and stability.

Live CSS Class and Style Code Hints​

Interactively edit CSS styles and classes using the up/down arrow keys in code hints. This is available in CSS files and inline CSS styles/class names in HTML files. This provides an instant boost to your HTML and CSS workflows.

CSS/HTML Code Hints improvements​

Improved relevance of suggestions in CSS and HTML code hints. For E.g., typing b in a CSS file will prioritize background-color. Typing between will bring up relevant CSS property-value combinations like align-content: space-between; (see image below), so you don't have to remember which value is under which CSS property.

Move to trash/bin when deleting files​

Deleting files from the files panel in desktop apps will move the file/folder to trash/recycle bin instead of permanently deleting it.

UX Improvements​

• Deleting the Phoenix Code folder in user Documents directory is now supported.
• Increased stability and app startup experience.
• Copy Error Message button is now available in the problems panel.

A Request from the Phoenix Team:​

• Share your feedback: https://github.com/orgs/phcode-dev/discussions
• Spread the word about Phoenix to friends and colleagues.
• Consider supporting us on GitHub Sponsors. Every contribution helps us to keep improving Phoenix Code.

With gratitude,

The Phoenix Team