Plugin Directory Theme

[obenland]

Let's go ahead and make the Plugin directory look like @mapk's mockups:

Homepage: ​http://codepen.io/mapk/pen/jqxqbo
Search results: ​http://codepen.io/mapk/pen/KzGQKv
Single: ​http://codepen.io/mapk/pen/YqJezm

[obenland]

In 3183:

Plugin Directory: Only show support stats if there are any.

See #1719.

[obenland]

In 3184:

Plugin Directory: Introduce a Meta widget.

It will display meta information about the plugin, like install count or when
it was updated last.

See #1719.

[obenland]

In 3185:

Plugin Directory: Use the same markup for rating descriptions.

See #1719.

[obenland]

In 3186:

Plugin Directory: Add a way to retreive plugin banner HTML.

See #1719.

[obenland]

In 3187:

Plugin Directory: Add a template tag to show a ratings overview.

See #1719.

[dd32]

Replying to obenland:

In 3184:

Plugin Directory: Introduce a Meta widget.

It will display meta information about the plugin, like install count or when
it was updated last.

See #1719.

That looks suspiciously like the existing Meta Widget, should've probably combined them, no?

[obenland]

It does, I didn't even notice it there for some reason

[obenland]

In 3190:

Plugin Directory: Merge the two Meta widgets.

H/t dd32.
See #1719.

[obenland]

In 3191:

Plugin Directory: Don;t register the widget removed in [3190].

See #1719.

[obenland]

In 3193:

Plugin Directory: Paint roller work is done, let's bring out the brushes.

Props mapk, hugobaeta.
See #1719.

[obenland]

In 3194:

Plugin Directory: Separate WP blue from link color blue.

H/t samuelsidler.

See #1719.

[obenland]

In 3196:

Plugin Directory: Bring Customizer enhancements into the namespace.

See #1719.

[obenland]

In 3198:

Plugin Directory: Continue to use old styles for download button in global header.

See #1719.

[obenland]

In 3199:

Plugin Directory: Remove Safari default styles for search field.

See #1719.

[obenland]

In 3200:

Plugin Directory: Tighten up Widget setup and styles.

• Removes the use of dynamic sidebars and makes information strings translatable.
• Unifies widget styles across front page and single plugin pages.

See #1719.

[obenland]

In 3201:

Plugin Directory: Add schema.org info to meta widget.

See #1719.

[obenland]

In 3202:

Plugin Directory: Make Support widget seatup available to Widgets API.

Lets the title to be overwritable and adheres to widget args for
heading markup.

See #1719.

[obenland]

In 3203:

Plugin Directory: Make Ratings widget setup available to Widgets API.

Allows for the title to be overwritten and adheres to widget args for heading
markup. Also replaces the rating dingus with a simpler button for now.

See #1719.

[obenland]

In 3204:

Plugin Directory: Define widget args at top of file.

Also uses widget args now for widgets on plugin-single.

See #1719.

[obenland]

In 3205:

Plugin Directory: Let the plugin rating break down shine.

Adds syles to show the breakdown of ratings by star level.

See #1719.

[obenland]

In 3206:

Plugin Directory: Swap arguments so the message makes sense again.

See #1719, [3183].

[obenland]

In 3207:

Plugin Directory: Chack for $rating rather than $ratings.

$ratings can be truthy when it's populated with 0 amounts of ratings per
star level.

See #1719.

[obenland]

In 3208:

Plugin Directory: Populate the three featured plugin groups.

See #1719.

[dd32]

In 3209:

Plugin Directory: Add the flushing functions correctly.

See #1719.

[obenland]

In 3218:

Plugin Directory: Cache front page queries for a day.

The results of featured and beta plugins don't change very often, the results
of popular plugins can change on each reload as there are more than four
plugins with 1 million+ installs, and it decreases db lookups.

See #1719.

[obenland]

In 3219:

Plugin Directory: Add shortcode to display developer information.

Will display all contributors to a plugin, as well as trac and svn links, etc.

See #1719.

[obenland]

In 3220:

Plugin Directory: Add a linnk to GP in Developers section.

H/t samuelsidler.

See #1719.

[obenland]

In 3221:

Plugin Directory: Add stats shortcode.

Displays plugin statistics, like download graph and active version breakdown.

See #1719.

[obenland]

In 3222:

Plugin Directory: Return shortcode content rather than displaying it.

Give the shortcode handler the chance to insert the content at the right position.

See #1719, [3219].

[obenland]

In 3223:

Plugin Directory: Update contributor list styling.

See #1719.

[obenland]

In 3224:

Plugin Directory: Revert [3218].

No need to cache query results, now that we use Advanced Post Caching.

See ​https://wordpress.slack.com/archives/meta/p1464048153001825
See #1719.

[dd32]

The headers on rosetta domains needs some fixing, it actually uses WordPress nav menus rather than the global header syntax..

[obenland]

In 3229:

Plugin Directory: Keep headings in rosetta header floated.

Fixes a visual bug where Directory styles were bleeding into the global header.

H/t dd32.
See #1719.

[obenland]

In 3251:

Plugin Directory: Complete navigation styles, including for desktop.

See #1719.

[obenland]

In 3252:

Plugin Directory: Introduce our very own accordion.

Makes "Read more" toggles work on single plugin pages.

See #1719.

[obenland]

In 3253:

Plugin Directory: Developer shortcode improvements.

• Includes now all contributors.
• Fixed an issue where utf-8 strings were not displayed correctly.
• Fixed an issue where contributors where not found by their slug.

See #1719.

[obenland]

In 3254:

Plugin Directory: Clean up responsive styles and use a more mobile-first approach.

See #1719.

[obenland]

In 3255:

Plugin Directory: Let's be more liberal with cache busting during development.

See #1719.

[obenland]

In 3256:

Plugin Directory: Make the plugin icon clickable on index.

Helps especially on small screens to get to a plugin detail page easier.

See #1719.

[obenland]

In 3257:

Plugin Directory: Safari is the new Internet Explorer.

Overrides built-in Safari styles for the menu toggle.

See #1719.

[obenland]

In 3258:

Plugin Directory: Remove padding from plugin banner on small screens.

See #1719.

[obenland]

In 3259:

Plugin Directory: Let search input be full width on small screens.

See #1719.

[obenland]

In 3260:

Plugin Directory: Be more accurate with the banner ratio.

Helps to avoid unwanted line bleeds on banners.

See #1719.

[obenland]

In 3261:

Plugin Directory: Responsive styles hardening.

• Switches to using em in media queries for browser compatibility.
• Adds padding .site-main to line up with global header.
• Simplifies some margin/padding setups on small screens.

See #1719.

[ocean90]

In 3292:

Plugin Directory: In the developers shortcode skip users which don't exist.

Avoids a PHP notice when using the WordPress Meta Environment.

See #1719.

[ocean90]

In 3300:

Plugin Directory: Don't make dummy text available for translation.

See #1719.

[obenland]

In 3336:

Plugin Directory: Updated 404 page, including styles.

Props mapk.
See #1719.

[obenland]

In 3347:

Plugin Directory: Add yet another override for global styles.

See #1719.

[obenland]

In 3352:

Plugin Directory: Encode author display name.

Let's us also properly display matveb's name.

See #1719.

[obenland]

In 3353:

Plugin Directory: Minor style tweaks.

Improves display of global search bar, local search bar, and categories.

See #1573, #1719.

[obenland]

In 3359:

Plugin Directory: First pass at RTL styles.

See #1719.

[obenland]

In 3362:

Plugin Directory: Add page templates for developer resources.

Makes all strings available for translation.

See #1719.

[samuelsidler]

In 3371:

Plugin Directory Theme: Capitalize "Testing" in subnav, in line with other subnavs.

See #1719.

[samuelsidler]

In 3372:

Plugin Directory: Add trailing slashes to links in subnav since they redirect there anyway.

See #1719.

[samuelsidler]

In 3374:

Plugin Directory: Curly quotes, curly quotes; oh how I adore thee. Also updated some phrasing.

See #1719.

[dd32]

In 3375:

Plugin Directory: Disable Canonical for 404's, this prevents plugin partial matches from redirecting, but also prevents direct url's redirecting to other plugins.

See #1719

[dd32]

In 3376:

Plugin Directory: Handle various redirects we need

• /$plugin/faq (the old plugin tabs) should redirect to /$plugin/#faq
• /browse/ should have something on it, we're going with the popular view by default.
• /browse/favorites/$user should list that users favourites.

See #1584 #1719

[dd32]

In 3378:

Plugin Directory: Sort by the raw active install count to ensure that we get a consistent ordering, this prevents something being on page x and page x+1 because the paginated query ordered the results differently.

See #1719

[obenland]

In 3389:

Plugin Directory: Updated styles for archive pages.

See #1719.

[obenland]

In 3393:

Plugin Directory: Updated no-results styles.

See #1719.

[obenland]

In 3394:

Plugin Directory: Yet another global styles override.

Too many to count.

See #1719.

[obenland]

In 3395:

Plugin Directory: Properly encode display names.

H/t ocean90.

See #1719.

[obenland]

In 3396:

Plugin Directory: Don't show installation and other notes sections.

See #1719.

[obenland]

In 3397:

Plugin Directory: Re-align front-page widgets with #primary.

See #1719.

[obenland]

In 3398:

Plugin Directory: Visual hierarchy for headings in plugin detail.

See #1719.

[obenland]

In 3399:

Plugin Directory: Make icon size easier to override.

See #1719.

[obenland]

In 3401:

Plugin Directory: More semantic screenshots markup.

See #1719.

[obenland]

In 3402:

Plugin Directory: Screenshot styles for plugin details.

See #1719.

[obenland]

In 3403:

Plugin Directory: Decrease top margin for first heading in a section.

See #1719.

[obenland]

In 3405:

Plugin Directory: Make jump to anchors work on plugin detail.

See #1719.

[obenland]

In 3406:

Plugin Directory: Make no results styles available outside of searches.

See #1719.

[obenland]

In 3407:

Plugin Directory: Add custom text for empty Favorites archive.

To be filled with a more appropriate explanation by samuelsidler.

See #1719

[obenland]

In 3411:

Plugin Directory: Order content parts as they are in mockup.

See #1719.

[obenland]

In 3416:

Plugin Directory: Be smarter about opening plugins sections.

Now opens sections on first load with hash in URL, when the hash changes,
and when the toggle is clicked.

See #1719.

[obenland]

In 3418:

Plugin Directory: Highlight current menu item.

See #1719.

[obenland]

In 3419:

Plugin Directory: More accurate styles for about pages.

See #1719.

[obenland]

In 3420:

Plugin Directory: Introduce a reviews shortcode.

Displays a list of reviews about a plugin.
WIP, still need to properly grab an entire review, not just the rating.

See #1719.

[obenland]

In 3421:

Plugin Directory: Don't escape captions, links should still work.

See #1719.

[obenland]

In 3423:

Plugin Directory: Design updates to closer reflect the details mockup.

• Version number and top margin for meta widget.
• "Loading" bar for resolved support threads.
• Circular avatars.

See #1719.

[obenland]

In 3424:

Plugin Directory: Add a See all link for plugin reviews.

See #1719.

[obenland]

In 3425:

PLugin Directory: Don't show section when there are no screenshots.

H/t ocean90.

See #1719.

[obenland]

In 3426:

Plugin Directory: Prettify review counts.

See #1719.

[obenland]

In 3427:

Plugin Directory: Second pass at plugin reviews o plugin detail.

See #1719.`

[obenland]

In 3428:

Plugin Directory: Have reviews section always explanded.

See #1719.

[obenland]

In 3429:

Plugin Directory: Lower case review titles.

See #1719.

[obenland]

In 3431:

Plugin Directory: Use correct meta key to retreive the amount of reviews.

See #1719.

[obenland]

In 3432:

Plugin Directory: Remove exessive padding.

See #1719.

[samuelsidler]

In 3433:

Plugin Directory Theme: Update front-page text in header.

See #1719.

[obenland]

In 3434:

Plugin Directory: Link plugin contributors to their wp.org profile pages.

See #1719.

[obenland]

In 3435:

Plugin Directory: Remove superfluous whitespace.

See #1719.

[obenland]

In 3436:

Plugin Directory: Avoid undefined index notice when getting section content.

See #1719.

[samuelsidler]

In 3437:

Plugin Directory Theme: Update search result text.

See #1719.

[samuelsidler]

In 3438:

Plugin Directory: Update Favorites term to My Favorites.

See #1719.

[obenland]

In 3439:

Plugin Directory: Consolidate review queries.

See #1719, #1579.

[obenland]

In 3440:

Plugin Directory: Revert [3439] until we have caching figured out.

See #1719, #1579.

[samuelsidler]

In 3441:

Plugin Directory Theme: Change Favorites to My Favorites.

See #1719.

[obenland]

In 3445:

Plugin Directory: Make total number of plugins dynamic.

See #1719.

[obenland]

In 3454:

Plugin Directory: Correct link colors.

See #1719.

[samuelsidler]

In 3457:

Plugin Directory Theme: Update link to developers section.

See #1719.

[obenland]

In 3459:

Plugin Directory: Show plugin banner in full width on small screens.

See #1719.

[obenland]

In 3461:

Plugin Directory: Reduce padding for pages on small screens,

See #1719.

[samuelsidler]

In 3462:

Plugin Directory Theme: Add and update text for "no favorite" cases.

Props obenland.
See #1719.

[samuelsidler]

In 3464:

Plugin Directory Theme: All the HTML entities (or at least a few of them).

See #1719.

[obenland]

In 3465:

Plugin Directory: Set favorite user as a query var for a more personalized message later on.

See #1719.

[obenland]

In 3466:

Plugin Directory: Move banner so it receives the header's padding.

See #1719.

[ocean90]

In 3471:

Plugin Directory: Switch the half star rating icon on RTL sites.

See #1719.

[ocean90]

In 3472:

Plugin Directory: Switch the half star rating icon on RTL sites, for real.

See #1719.

[obenland]

In 3493:

Plugin Directory: Show "tested up to" version.

Per samuelsidler.

See #1719.

[obenland]

In 3495:

Plugin Directory: Be more inclusive.

See #1719.

[dd32]

Replying to obenland:

In 3493:

Plugin Directory: Show "tested up to" version.

Per samuelsidler.

See #1719.

@obenland Heads up, Not all plugins specify a tested up to version, so this should be conditional, and it should also utilise the comparable versions from wporg_get_version_equivalents() (ie. tested up to 4.5, should show as 4.5.2)

[samuelsidler]

In 3517:

Plugin Directory: Update string to reflect consistent pronoun.

See #1719.

[samuelsidler]

In 3520:

Plugin Directory Theme: Make strings localizable.

See #1719.

[samuelsidler]

In 3525:

Plugin Directory Theme: Remove ellipsis from search form, per @mapk.

See #1719.

[obenland]

In 3526:

Plugin Directory: Scale down base size on desktop t0 18px.

See #1719.

[obenland]

In 3532:

Plugin Directory: Let toggled menu overlap content.

See #1719.

[obenland]

In 3538:

Plugin Directory: Show search button on front page.

See #1719.

[obenland]

In 3539:

Plugin Directory: Change the way the search button is displayed on mobile.

See #1719.

[samuelsidler]

In 3541:

Plugin Directory Theme: Update strings on homepage and add one further string.

See #1719.

[obenland]

In 3548:

Plugin Directory: Give subtitle a lower opacity.

See #1719.

[samuelsidler]

In 3552:

Plugin Directory Theme: Make the search term bold, per @mapk.

See #1719.

[obenland]

In 3676:

Plugin Directory: Use autoprefixer for vendor prefixes.

Also adds pixel fallback for older browsers that don't understand rems.
Just to be sure.

See #1719.

[obenland]

In 3695:

Plugin Directory: Proof of concept React components.

This is pretty much the culmination of me playing around with React for a week,
learning along the way. It's a best of from tutorials, Human Made's
Feelingrestful Theme, and various other inspirations I got along the way.

I'm committing this not with the intention of cementing a way to build a JS
client for the Plugin Directory but much rather open this approach up for tips
and feedback on how to proceed. I'd like to find out if React is even working
for our needs, learn how to get the most out of it for our purposes, and learn
how best to implement it for this project.

To see the React client in action and make changes to it, uncomment the
wp_enqueue_script() line in functions.php that enqueues the client JS file.
Then run npm install and grunt watch from the command line in the theme's
root directory. Please see README.md for further details.

See #1719.

[obenland]

In 3701:

Plugin Directory: Changes to React client.

• Cut down on build size (a little) by using specific submodules.
• Use loaclStorage to persist state.
• Minor changes o the dev setup to speed up React builds.
• Dynamic path prefix to account for different dev environments.

See #1719.

[obenland]

In 3717:

Plugin Directory: WordCamp Boston Contributor Day updates.

• Separate store creation.
• Pass SiteHeader component to React Router for navigation links to rerender.
• Pass default plugins from container component to PluginSection.
• Basic 404 and no-content handling.

Props sirbrillig.
See #1719.

[obenland]

In 3734:

Plugin Directory: Restructure containers and components.

Merges containers with their components and adopts a folder hierarchy similar
to the actual element hierarchy. The exception to the rule are reusable
components.

This also adds support for displaying plugins in the plugin_section taxonomy.

See #1719.

[obenland]

In 3735:

Plugin Directory: Fix rounding errors for rating stars.

See #1719.

[obenland]

In 3745:

Plugin Directory: Add a component for plugin icons.

See #1719.

[obenland]

In 3764:

Plugin Directory: Add search functionality to React client.

See #1719.

[obenland]

In 3768:

Plugin Directory: Properly set NODE_ENV.

Removes the console warning about runing minified code in development.

See #1719.

[obenland]

In 3769:

Plugin Directory: Use correct property to get page slug.

See #1719.

[obenland]

In 3771:

Plugin Directory: Add widget area component to front page.

See #1719.

[obenland]

In 3795:

Plugin Directory: Make React client available though a query parameter.

Appending ?react to any directory URL will load the client.

H/t ocean90.
See #1719.

[obenland]

In 3816:

Plugin Directory: Use Photon to serve plugin assets.

See #1719.

[obenland]

In 3832:

Plugin Directory: Accurate blockquote styles.

See ​https://wordpress.slack.com/archives/meta/p1471549386001522
See #1719.

[obenland]

In 3842:

Plugin Directory: Add source map for Sass files.

See #1719.

[obenland]

In 3847:

Plugin Directory: Restructuring Sass and React client.

Merges Sass files into the React component structure. This allows styles to be
bundled with their React components. In an ideal world that would extend to
their PHP fallback templates as well, but it remains to be seen how feasible
that is.
Also introduces Sass Globbing and Pixrem pre-processing to automatically import
Sass files and add pixel fallbacks for rem values.

See #1719.

[obenland]

In 3862:

Plugin Directory: React components for single plugin view.

Adds a React version of the single plugin page. Still needs more work around
certain plugin sections, like showing different links based on whether a user
is logged in or not.
Moves over the last component-based sass files into the component structure.

See #1719.

[obenland]

In 3863:

Plugin Directory: Use Reviews output instead of rolling our own.

Returns two reviews with the proper markup. We should review what we want the
final output to be here.

Also passes the section slug as a second parameter to the_content filter
for more context, similarly to the Plugin Directory theme..

See #1579, #1719.

[obenland]

In 3864:

Plugin Directory: Add support information to API response.

Allows us toe rebuild the support loading bar in React.

See #1579, #1719.

[obenland]

In 3865:

Plugin Directory: Minor bug fixes after [3862].

• Correctly display author link.
• Don't show FAQ section if it's empty.
• Use ratings rather than num_ratings for detailed rating breakdown.
• Don't be too strict when checking for contributors.

See #1719.

[obenland]

In 3866:

Plugin Directory: Properly loop over developers array.

See #1719.

[obenland]

In 3867:

Plugin Directory: Properly display support bar graph.

See #1719.

[dd32]

In 4125:

Plugin Directory: Switch from Categories back to Tags.

See #1719

[dd32]

In 4199:

Plugin Directory: Remove unused (and irrelevant) template tags which don't apply to the plugin directory.

See #1719

[dd32]

In 4200:

Plugin Directory: Trial switching out the Author Byline to utilise the plugin header Author fields.

This improves the consistency with how WordPress itself displays plugins both in the plugin listing, and in the plugin installer.

See #1719.

[dd32]

In 4310:

Plugin Directory: Revert [3863] as the Reviews markup in the API is intentionally different from the markup used on WordPress.org.

This fixes review display when WordPress is using the new API.

See #1579, #1719.

[dd32]

In 4391:

Plugin Directory: Remove the custom background and nav menu support from the theme - we're not using it.

See #1719.

[dd32]

In 4392:

Plugin Directory: Add some styles for the pagination links.

See #1719

[dd32]

In 4394:

Plugin Directory: Link the ratings count to the reviews.

See #1719;

[dd32]

In 4425:

Plugin Directory: Fix a CSS ordering issue preventing the #description section from being expanded since [4410].
See #1719.

[samuelsidler]

Milestone Plugin Directory v3 - M4 deleted