{"id":709,"date":"2018-12-18T09:00:32","date_gmt":"2018-12-18T15:00:32","guid":{"rendered":"https:\/\/easydigitaldownloads.com\/development\/?p=709"},"modified":"2019-12-12T18:57:11","modified_gmt":"2019-12-13T00:57:11","slug":"easy-digital-downloads-3-0-update-ui-changes-introducing-webpack-and-remaining-focuses","status":"publish","type":"post","link":"https:\/\/easydigitaldownloads.com\/development\/2018\/12\/18\/easy-digital-downloads-3-0-update-ui-changes-introducing-webpack-and-remaining-focuses\/","title":{"rendered":"Easy Digital Downloads 3.0 Update &#8211; UI Changes, Introducing Webpack, and remaining focuses."},"content":{"rendered":"<p>It&#8217;s been a while since we&#8217;ve given you an update on the progress of Easy Digital Downloads 3.0. While this update is taking longer than we expected, stability, performance, and backwards compatibility are driving our focus while in the final phases of development. We are down to the last remaining issues before we ship a beta, and felt it was time to give you a sneak peek of what&#8217;s to come. In the past we&#8217;ve talked about the <a href=\"https:\/\/easydigitaldownloads.com\/development\/2018\/04\/13\/easy-digital-downloads-3-0-development-update\/\">major focuses<\/a> and <a href=\"https:\/\/easydigitaldownloads.com\/development\/2018\/06\/21\/breaking-changes-to-orders-in-easy-digital-downloads-3-0\/\">possible breaking changes<\/a> that we needed to make to move forward.<\/p>\n<h2>All new reports<\/h2>\n<p>In one of our earlier updates we discussed the new Reports API. We&#8217;ve made some great progress on these APIs and have introduced a brand new Reports View for Easy Digital Downloads. It includes many of the same features you enjoyed before, with the added benefit of better filters, more in-depth reports for products and categories, improved gateway reports, relative data, and a new concept called &#8216;Tiles&#8217;.<\/p>\n<p>Tiles are a away of displaying small amounts of information in your reports overview that give store owners a snapshot of metrics, and in some cases give relative data to the previous date range, in order to help store owners identify trends in their stores. Below are some screenshots of our new Reports views.<\/p>\n<div id='gallery-1' class='gallery galleryid-709 gallery-columns-4 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-overview.png'><img loading=\"lazy\" decoding=\"async\" width=\"223\" height=\"300\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-overview-223x300.png\" class=\"attachment-medium size-medium\" alt=\"Preview of Reports Overview for Easy Digital Downloads 3.0\" aria-describedby=\"gallery-1-718\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-overview-223x300.png 223w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-overview-768x1032.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-overview-762x1024.png 762w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-overview.png 1905w\" sizes=\"auto, (max-width: 223px) 100vw, 223px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-718'>\n\t\t\t\tGet a quick overview of your store&#8217;s performance from this initial report.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-downloads-overview.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"209\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-downloads-overview-300x209.png\" class=\"attachment-medium size-medium\" alt=\"Preview of Product Overview Report for Easy Digital Downloads 3.0\" aria-describedby=\"gallery-1-721\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-downloads-overview-300x209.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-downloads-overview-768x535.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-downloads-overview-1024x714.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-downloads-overview.png 1905w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-721'>\n\t\t\t\tView product specific performance including your most popular products and categories.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-refunds.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"244\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-refunds-300x244.png\" class=\"attachment-medium size-medium\" alt=\"Preview of Refunds Report for Easy Digital Downloads 3.0\" aria-describedby=\"gallery-1-717\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-refunds-300x244.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-refunds-768x626.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-refunds-1024x834.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-refunds.png 1905w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-717'>\n\t\t\t\tView data on refunds processed by your store.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-gateways.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"277\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-gateways-300x277.png\" class=\"attachment-medium size-medium\" alt=\"Preview of Gateways Report for Easy Digital Downloads 3.0\" aria-describedby=\"gallery-1-719\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-gateways-300x277.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-gateways-768x710.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-gateways-1024x947.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-gateways.png 1905w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-719'>\n\t\t\t\tGives reporting on the gateways used by your customers to complete their purchases.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-taxes.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"139\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-taxes-300x139.png\" class=\"attachment-medium size-medium\" alt=\"Preview of Taxes Report for Easy Digital Downloads 3.0\" aria-describedby=\"gallery-1-716\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-taxes-300x139.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-taxes-768x355.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-taxes-1024x474.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-taxes.png 1905w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-716'>\n\t\t\t\tView breakdowns of the taxes you&#8217;ve collected.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-file-downloads.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"273\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-file-downloads-300x273.png\" class=\"attachment-medium size-medium\" alt=\"Preview of File Downloads Report for Easy Digital Downloads 3.0\" aria-describedby=\"gallery-1-720\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-file-downloads-300x273.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-file-downloads-768x699.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-file-downloads-1024x932.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-file-downloads.png 1905w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-720'>\n\t\t\t\tSee detailed reports of the files being downloaded by your customers.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-discounts.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"139\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-discounts-300x139.png\" class=\"attachment-medium size-medium\" alt=\"Preview of Discounts Report for Easy Digital Downloads 3.0\" aria-describedby=\"gallery-1-722\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-discounts-300x139.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-discounts-768x355.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-discounts-1024x474.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-discounts.png 1905w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-722'>\n\t\t\t\tGet reporting on how discounts are performing for your store.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-customers.png'><img loading=\"lazy\" decoding=\"async\" width=\"251\" height=\"300\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-customers-251x300.png\" class=\"attachment-medium size-medium\" alt=\"Preview of Customer Report for Easy Digital Downloads 3.0\" aria-describedby=\"gallery-1-723\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-customers-251x300.png 251w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-customers-768x920.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-customers-855x1024.png 855w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-reports-customers.png 1905w\" sizes=\"auto, (max-width: 251px) 100vw, 251px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-723'>\n\t\t\t\tView the average customer value, average lifetime, and your most valuable customers. Also includes a graph of your customer growth trends.\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>&nbsp;<\/p>\n<h2>Enhancements to the UI<\/h2>\n<p>We&#8217;ve made some minor enhancements to other user interfaces within Easy Digital Downloads 3.0. While mostly cosmetic, they should provide a much more consistent and functional experience. You&#8217;ll notice updates to our admin sidebar menu that make it easier to find what you are looking for, updates to the &#8216;card&#8217; view for customers (and by proxy licenses, commissions, and other object management interfaces), and improved settings interfaces.<\/p>\n<div id='gallery-2' class='gallery galleryid-709 gallery-columns-2 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"722\" height=\"469\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-view-order-details-1-1024x665.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-2-736\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-view-order-details-1-1024x665.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-view-order-details-1-300x195.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-view-order-details-1-768x499.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-view-order-details-1.png 1905w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-736'>\n\t\t\t\tWe&#8217;ve revamped the View Orders details with the new concepts of adjustments, and refunds.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"722\" height=\"334\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-taxes-rates-1024x474.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-2-715\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-taxes-rates-1024x474.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-taxes-rates-300x139.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-taxes-rates-768x355.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-taxes-rates.png 1905w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-715'>\n\t\t\t\tThe updated and improved Tax Rate Management UI for Easy Digital Downloads 3.0\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"722\" height=\"703\" src=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-customer-overview-1024x997.png\" class=\"attachment-large size-large\" alt=\"Preview of the Customer Management UI in Easy Digital Downloads 3.0\" aria-describedby=\"gallery-2-724\" srcset=\"https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-customer-overview-1024x997.png 1024w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-customer-overview-300x292.png 300w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-customer-overview-768x748.png 768w, https:\/\/easydigitaldownloads.com\/development\/files\/2018\/12\/edd-30-customer-overview.png 1905w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-724'>\n\t\t\t\tThis is the new customer management interface in Easy Digital Downloads 3.0.\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<h2>Introducing Webpack<\/h2>\n<p>With Easy Digital Downloads 3.0, we&#8217;re happy to be introducing Webpack to our development process. In the past, we&#8217;ve used Grunt to perform tasks like minifying our CSS and JavaScript, building out our translation files, and making our build for preparing to release new versions. Webpack is a more modern and flexible way to do this, that also gives us the ability to further isolate our JavaScript into much more manageable files during development. This means that features that are reliant on JavaScript will become easier to maintain and debug.<\/p>\n<p>So what does this mean for developers who contribute to Easy Digital Downloads? For the most part, not much. We&#8217;re starting off still keeping up-to-date and compiled versions of our Assets (Javascript and CSS) in our major branches. These would be things like releases and the master branch. This means for the most part you can just clone Easy Digital Downloads from GitHub and go right on your way contributing. The only time you&#8217;ll need to interact with Webpack is if you are contributing CSS or JavaScript changes. A couple of quick notes about using Webpack during development.<\/p>\n<ul>\n<li>If you have <code>SCRIPT_DEBUG<\/code> set to <code>true<\/code>, you&#8217;ll continue to use the full source versions (non-minified versions) of the assets.<\/li>\n<li>Before you start editing CSS and JavaScript, be sure to run <code>npm install<\/code> so that all the proper dependencies are installed.<\/li>\n<li>If you do plan to make any changes to the CSS or JavaScript, you&#8217;ll need to run <code>npm run dev<\/code>. This will start listening to the assets for changes and rebuild the minified sources as you make changes.<\/li>\n<\/ul>\n<h2>What is left?<\/h2>\n<p>We&#8217;re striving to complete the final touches on Easy Digital Downloads 3.0. We have a few things needed before we ship off the first public beta.<\/p>\n<ul>\n<li>Finalize the View, Edit, and Refund Order experience \u2014 With the new APIs for orders and refunds will come some changes to the user interface around orders.<\/li>\n<li>Continue to do extensive testing with our extensions \u2014 This will ensure that we don&#8217;t have any major issues on as we release these updates.<\/li>\n<li>Keep you updated \u2014 We&#8217;re committing to publishing an update on the progress of Easy Digital Downloads 3.0 every 2 weeks from here on out. This will hopefully keep developers in the loop so they also can reduce the possibility of bugs once the release is live.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A quick update on the progress of Easy Digital Downloads 3.0. Preview the much anticipated reports, some new UI changes, and what&#8217;s left before the first public beta.<\/p>\n","protected":false},"author":650,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[4],"tags":[17],"class_list":["post-709","post","type-post","status-publish","format-standard","hentry","category-core","tag-3dd"],"_links":{"self":[{"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/posts\/709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/users\/650"}],"replies":[{"embeddable":true,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/comments?post=709"}],"version-history":[{"count":10,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/posts\/709\/revisions"}],"predecessor-version":[{"id":752,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/posts\/709\/revisions\/752"}],"wp:attachment":[{"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/media?parent=709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/categories?post=709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easydigitaldownloads.com\/development\/wp-json\/wp\/v2\/tags?post=709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}