VizHub Updates March 2022

Updates this month:

  • Create Viz Button
  • Intentional Markdown Styling
  • Vim Mode Icon Removal
  • Profile Page Default Sorting Change
  • Prettier change from 60 to 50 characters

Create Viz Button

There’s a new button “Create Viz” on the right side of the home page.

Intentional Markdown Styling

Brand new styling has been applied for the contents of README.md. It is inspired by GitHub’s styling.

Before:

After:

Check out that page!

Also here’s a Markdown demo page:

image

The CSS is open source, based loosely on GitHub’s Markdown styling.

Vim Mode Icon Removal

Vim mode is cool, but it’s honestly a bit buggy, it’s is based on a very old implementation using CodeMirror 5, and I would guess that very few people actually use it.

The Vim mode icon in the editor has been removed. This is the first step in phasing out the feature entirely, in preparation for migration to https://codemirror.net/6/ . The Alt+V keyboard shortcut to enable Vim mode still works for now, but that will be removed once CodeMirror 6 is adopted.

Profile Page Default Sorting Change

As @Nita pointed out in Feedback on profile page, VizHub users typically use their own profile page to navigate their work, and in this context it makes a lot more sense to default to sort by most recent as opposed to most popular. When viewing someone else’s profile, though, I think sorting by most popular by default makes sense, because the activity there is evaluating someone’s work overall, so you would want to see the best stuff bubble to the top.

The specific changes made:

  • If you are logged in and navigate to your own profile, with no sort parameter already in the link, it automatically switches to sort by the most recently edited. You can still switch it - this change only impacts the default sort when you land on the page. The sort parameter is added to the URL, so if you share the link with someone, it will also show sorted by most recent.
  • If you are viewing someone else’s profile or are not logged in, it defaults to show by most popular (no change in behavior).

Prettier change from 60 to 50 characters

When running Prettier, the printWidth parameter is now 50. It was previously 60. This change is to better support workflows where there is a smaller horizontal space available to code, in particular mobile devices.

3 Likes