Code Writer v2.0 Released

by Avatar Bill Henning (Actipro) - 2 comments
Tuesday, August 13, 2013 at 9:18am

Informative Live Tile

In the past, Code Writer had a plain tile, which is still the case when no documents are open.

LiveTile1

For version 2.0 we wanted to make the live tile really useful.  Now the live tile will list the documents you have open:

LiveTile2

In this screenshot, there are five documents open, sorted by the order in which they were last accessed.  A checked box means that the document is unmodified.  An unchecked box means that the document has pending changes that need to be saved.  Also, as in previous versions, the number at the bottom right corner indicates the total number of unsaved documents that are open.

The tile is also very intelligent and updates its display based on how big it is and how many documents are open.  If in the above screenshot only four documents were open, it would switch back to a single column display mode so that longer filenames could be visible.

LiveTile3

In this screenshot, we've switched to a smaller tile.  Since there are five documents open, not all of them can be listed on the four available lines.  Thus we show the last three that were accessed, along with a "+ 2 more" to let you know that you have five total documents open.

With all this information, you have a heads-up display right on your Windows start screen about what you're working on in the app.  We love this new feature!

Document Print Support

End users have asked for printing support and we've delivered it in v2.0.  You can print a document by opening the Windows 8 Devices charm or simply by pressing Ctrl+P.

Printing

Once a printer is selected, a flyout will display that shows a preview of what will be printed.  Numerous options are also available, such as the ability to turn off syntax highlighting, show/hide line numbers, or show/hide whitespace markers.

Since Windows 8 allows you to print to an XPS Document Writer, you can print right to an .OXPS file (similar to a PDF) and send it to other colleagues or review it later on other machines.

Block Auto-Indent

Block auto-indent has been added, which kicks in when Enter is pressed within a curly brace pair for the C, C++, C#, CSS, Java, JavaScript, Lua, Perl, PHP, PowerShell, Python, and Ruby file types.

image(40)

With the caret in between the curly braces in this JavaScript code, Enter is pressed.

image(41)

The result is that the text after the caret moves two lines down and the caret indents on the middle line.  This really helps typing efficiency.  For some more detail, see the related SyntaxEditor post.

Nested CSS and JavaScript Editing Improvements

Block auto-indent, delimiter highlighting, and delimiter auto-complete have been added to CSS and JavaScript sections that are nested in HTML, ASP, ASP.NET, and PHP file types.

Twilight Background Theme

The Add Document, Help, and Release History screens have always been rather spartan:

DocumentAddPlain

This look remains the default when you first start Code Writer.  While this is great and adheres to the Metro principles, we wanted to spruce things up by adding a new optional Twilight theme:

AddDocumentTwilight

The twilight theme still keeps focus on the content as every good Windows Store app should, however it renders a night sky with a star field at the top, and multiple cloud layers at the bottom.  Best of all, if you scroll the screen, you'll encounter parallax scrolling of the theme's elements.

The Twilight background theme option can be activated on the General flyout via the app's Settings charm.

Improved Copy and Share

Past versions of Code Writer supported clipboard copy and sharing via the Windows Share charm.  In v2.0, we improved these areas further.

Share

Here we see the Share charm flyout, where I've shared the document I'm editing.  Notice how now the text that is added to the message is fully syntax highlighted and line breaks are passed correctly, both of which are part of the v2.0 improvements.

Copying text to the clipboard and pasting in other apps such as OneNote will also retain syntax highlighting.

Code Writer is smart in that if you have a dark editor theme active, all the syntax highlighting used for sharing and copying will be done in the light background theme so that it shows up properly in other apps.

Protocol Activation

This version adds protocol activation support.  This means that you can enter codewriter:// in your browser to open Code Writer.

Commands can also be passed to Code Writer:

  • codewriter://add - Opens the Add Document screen.
  • codewriter://help - Opens the Help screen.
  • codewriter://open?path=c:\document.txt - Opens the document at local path "c:\document.txt".  Note that due to Window Store app security, the file will not be accessible unless you have previously opened the document in Code Writer using the Browse dialog.

All of the protocol-based commands listed above can be easily executed from PowerShell by using the Start-Process cmdlet. This example shows how to open a local file (be aware of security notes above):

  • Start-Process "codewriter://open?path=c:\document.txt"

Tutorial Overlays

In past versions, Code Writer would display a mostly textual introduction screen the first time you used it.  We never really liked that concept and wanted a more visual tutorial.  In v2.0, when you first visit the Add Document and Editor screens, you are now presented with a single page tutorial overlay that gives some quick tips on how to use the page.

Tutorial

The screenshot above shows the Add Document screen tutorial.

Miscellaneous

Numerous miscellaneous improvements have also been made:

  • The mouse back button now simulates clicks on page back buttons.
  • A Help button to access app documentation has been added to the Add Document screen's app bar.
  • Minor user interface improvements have been made such as subtle outlines to the Add Document screen's items.
  • Updated document save code to reduce memory usage for large documents.
  • Fixed a bug where JavaScript sections in HTML weren't being syntax highlighted.

Summary

As you can see, this release adds a ton of great new features.  Be sure to grab it.

Go to the Windows Store to download Code Writer, and help us by tweeting about the app!

TaskWideLearnMore TaskWideWindowsStore

Tags: apps, code-writer

Code Writer for Windows

Code Writer is a free text and code editor app with over 20 supported file types.

Learn More

Code Writer is a free text and code editor app with over 20 supported file types, and active syntax highlighting that updates as you edit documents.

Use it as a replacement for Notepad and other quick edit apps.

Learn More Download Now

Comments (2)

Posted 11 years ago by (Anonymous)
Avatar
I like your code writer and I want to use it but my website folder will not show up in the file picker when I use the browse button. Any ideas why this would be? I tried browsing to it using "computer" from the drop-down menu, and I inspected the attributes of the folder to see if it was a strange type of folder that might be hidden from the file picker, but I cannot figure out why it doesn't show up. Any ideas?
Posted 11 years ago by Bill Henning (Actipro) - Actipro Software LLC
Avatar
Hi Brenton, The open file picker is a Microsoft dialog and unfortunately we don't have control over what it shows. My guess is that your folder is in a location it doesn't want the Windows Store apps to have access to. Perhaps try moving it to your Documents folder instead?

Add Comment

Please log in to a validated account to post comments.