Changeset 1430660

Timestamp:

06/05/2016 03:10:19 AM (10 years ago)

Author:

valendesigns

Message:

Committing 0.6.0 to trunk

Location:

customize-posts/trunk

Files:

• css/customize-posts.css (modified) (7 diffs)
• css/customize-posts.min.css (modified) (1 diff)
• customize-posts.php (modified) (1 diff)
• js/customize-base-extensions.min.js (deleted)
• js/customize-dynamic-control.js (modified) (1 diff)
• js/customize-dynamic-control.min.js (modified) (1 diff)
• js/customize-post-field-partial.js (modified) (2 diffs)
• js/customize-post-field-partial.min.js (modified) (1 diff)
• js/customize-post-section.js (modified) (29 diffs)
• js/customize-post-section.min.js (modified) (1 diff)
• js/customize-posts-panel.js (modified) (3 diffs)
• js/customize-posts-panel.min.js (modified) (1 diff)
• js/customize-posts.js (modified) (9 diffs)
• js/customize-posts.min.js (modified) (1 diff)
• js/customize-preview-posts.js (modified) (3 diffs)
• js/customize-preview-posts.min.js (modified) (1 diff)
• js/edit-post-preview-admin.js (modified) (1 diff)
• php/class-customize-posts-plugin-support.php (added)
• php/class-customize-posts-plugin.php (modified) (18 diffs)
• php/class-customize-posts-support.php (added)
• php/class-customize-posts-theme-support.php (added)
• php/class-edit-post-preview.php (modified) (2 diffs)
• php/class-wp-customize-dynamic-control.php (modified) (1 diff)
• php/class-wp-customize-featured-image-controller.php (modified) (2 diffs)
• php/class-wp-customize-page-template-controller.php (modified) (1 diff)
• php/class-wp-customize-post-discussion-fields-control.php (modified) (1 diff)
• php/class-wp-customize-post-field-partial.php (modified) (5 diffs)
• php/class-wp-customize-post-setting.php (modified) (9 diffs)
• php/class-wp-customize-postmeta-controller.php (modified) (5 diffs)
• php/class-wp-customize-postmeta-setting.php (modified) (4 diffs)
• php/class-wp-customize-posts-preview.php (modified) (10 diffs)
• php/class-wp-customize-posts.php (modified) (13 diffs)
• php/theme-support (added)
• readme.txt (modified) (3 diffs)

customize-posts/trunk/css/customize-posts.css

@@ -1 @@
-/* In case Customize Setting Validation is not active */
-div.customize-setting-validation-message.error {
-    display: none;
-}
 
 .customize-posts-panel-notice {
@@ -11 +7 @@
 }
 
+.customize-posts-trashed {
+    font-weight: normal;
+}
+
+#customize-controls .accordion-section.is-trashed .accordion-section-title {
+    opacity: .5;
+}
+
 .customize-section-title > div.customize-setting-validation-message {
     border-top: 1px solid #ddd;
@@ -16 +20 @@
     margin-bottom: 0;
 }
-.customize-setting-validation-message .override-post-conflict {
+
+.customize-control-notifications-container .override-post-conflict {
     margin-left: 1ex;
     float: right;
+}
+
+#customize-controls .control-panel-posts .customize-info {
+    margin-bottom: 0;
+}
+
+#customize-controls .customize-posts-navigation {
+    position: absolute;
+    top: 4px;
+    right: 1px;
+    padding: 20px;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    -webkit-appearance: none;
+    background: transparent;
+    color: #555;
+    border: none;
+}
+
+#customize-controls .customize-posts-navigation:before {
+    padding: 4px;
+    position: absolute;
+    top: 6px;
+    left: 6px;
+    -webkit-border-radius: 100%;
+    border-radius: 100%;
+}
+
+#customize-controls .customize-posts-navigation:focus:before {
+    -webkit-box-shadow:
+        0 0 0 1px #5b9dd9,
+        0 0 2px 1px rgba(30, 140, 190, .8);
+    box-shadow:
+        0 0 0 1px #5b9dd9,
+        0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+#customize-controls .customize-posts-navigation:focus,
+#customize-controls .customize-posts-navigation:hover {
+    color: #0073aa;
+}
+
+#customize-controls .customize-posts-navigation:focus {
+    outline: none;
+}
+
+.customize-posts-add-new {
+    padding: 15px 12px;
+    margin: 0;
+    overflow: hidden;
+}
+
+.customize-posts-add-new .add-new-post-stub {
+    float: right;
+}
+
+.customize-posts-add-new .add-new-post-stub:before {
+    content: "\f132";
+    display: inline-block;
+    position: relative;
+    left: -2px;
+    top: -1px;
+    font: normal 20px/1 dashicons;
+    vertical-align: middle;
+    -webkit-transition: all 0.2s;
+    transition: all 0.2s;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
@@ -31 +105 @@
     background: #f1f1f1;
     display: block;
-    -webkit-transition: bottom 0.2s;
-    transition: bottom 0.2s;
-
-    /* @todo This should have visibility:hidden to ensure accessible when closed. */
+    -webkit-transition: all 0.2s;
+    transition: all 0.2s;
+    visibility: hidden;
+}
+ 
+body.customize-posts-content-editor-pane-resize #customize-preview,
+body.customize-posts-content-editor-pane-resize #customize-posts-content-editor-pane {
+    -webkit-transition: none;
+    transition: none;
 }
 
@@ -43 +122 @@
 body.customize-posts-content-editor-pane-open #customize-posts-content-editor-pane {
     bottom: 0;
+    visibility: inherit;
 }
 
@@ -75 +155 @@
 }
 
+/* vertical resize bar */
+#customize-posts-content-editor-dragbar {
+    top: 0;
+    cursor: row-resize;
+    display: block;
+    height: 4px;
+    position: absolute;
+    width: 100%;
+    z-index: 21;
+}
+
+body.customize-posts-content-editor-pane-resize #customize-preview:before {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    z-index: 999999;
+}
+
 /* @todo Mobile support for rich text editor */
 
@@ -96 +198 @@
 }
 
-@media screen and ( max-width: 782px ) {
-    body.customize-posts-content-editor-pane-open #customize-theme-controls [id^=accordion-panel-posts] ul.accordion-section-content {
-        padding-bottom: 300px;
-    }
-}
+.customize-posts-content-editor-pane-open .wp-full-overlay.collapsed .wp-full-overlay-sidebar {
+    z-index: 30;
+}
+.customize-posts-content-editor-pane-open .wp-full-overlay.collapsed .collapse-sidebar {
+    bottom: 308px;
+}
+.customize-posts-content-editor-pane-open .wp-full-overlay.expanded .collapse-sidebar {
+    bottom: 0 !important;
+}
+.customize-posts-content-editor-pane-resize .wp-full-overlay.collapsed .collapse-sidebar {
+    -webkit-transition: none;
+    transition: none;
+}
+.customize-posts-content-editor-pane-open.mce-fullscreen .wp-full-overlay.collapsed .collapse-sidebar {
+    bottom: 8px !important;
+}

customize-posts/trunk/css/customize-posts.min.css

@@ -1 @@
-div.customize-setting-validation-message.error{display:none}.customize-posts-panel-notice{color:#555;background:#fff;padding:12px 15px;border-top:1px solid #ddd}.customize-section-title>div.customize-setting-validation-message{border-top:1px solid #ddd;margin-top:0;margin-bottom:0}.customize-setting-validation-message .override-post-conflict{margin-left:1ex;float:right}#customize-posts-content-editor-pane{border-top:solid 1px #ddd;position:absolute;height:300px;bottom:-301px;right:0;left:0;z-index:20;background:#f1f1f1;display:block;-webkit-transition:bottom .2s;transition:bottom .2s}body.mce-fullscreen.customize-posts-content-editor-pane-open #customize-posts-content-editor-pane{top:0}body.customize-posts-content-editor-pane-open #customize-posts-content-editor-pane{bottom:0}#customize-posts-content-editor-pane .wp-editor-tools{padding-top:5px;padding-right:10px}#customize-posts-content-editor-pane .wp-media-buttons{padding-left:5px}#customize-preview{height:auto}body.customize-posts-content-editor-pane-open #customize-preview{bottom:300px}body.mce-fullscreen #customize-preview{bottom:0}body.mce-fullscreen.customize-posts-content-editor-pane-open div.mce-fullscreen{position:relative;left:0}#wp-customize-posts-content-editor-container{border-left:0}.wp-customizer .ui-autocomplete.wplink-autocomplete{z-index:500110}.wp-customizer #wp-link-wrap{z-index:500105}.wp-customizer #wp_editbtns,.wp-customizer #wp_gallerybtns{z-index:500020}.wp-customizer #TB_overlay,.wp-customizer #TB_window{z-index:500050}.wp-customizer .mce-panel,.wp-customizer .mce-tooltip{z-index:500100!important}@media screen and (max-width:782px){body.customize-posts-content-editor-pane-open #customize-theme-controls [id^=accordion-panel-posts] ul.accordion-section-content{padding-bottom:300px}}
+.customize-posts-panel-notice{color:#555;background:#fff;padding:12px 15px;border-top:1px solid #ddd}.customize-posts-trashed{font-weight:400}#customize-controls .accordion-section.is-trashed .accordion-section-title{opacity:.5}.customize-section-title>div.customize-setting-validation-message{border-top:1px solid #ddd;margin-top:0;margin-bottom:0}.customize-control-notifications-container .override-post-conflict{margin-left:1ex;float:right}#customize-controls .control-panel-posts .customize-info{margin-bottom:0}#customize-controls .customize-posts-navigation{position:absolute;top:4px;right:1px;padding:20px;width:20px;height:20px;cursor:pointer;-webkit-appearance:none;background:0 0;color:#555;border:none}#customize-controls .customize-posts-navigation:before{padding:4px;position:absolute;top:6px;left:6px;-webkit-border-radius:100%;border-radius:100%}#customize-controls .customize-posts-navigation:focus:before{-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}#customize-controls .customize-posts-navigation:focus,#customize-controls .customize-posts-navigation:hover{color:#0073aa}#customize-controls .customize-posts-navigation:focus{outline:0}.customize-posts-add-new{padding:15px 12px;margin:0;overflow:hidden}.customize-posts-add-new .add-new-post-stub{float:right}.customize-posts-add-new .add-new-post-stub:before{content:"\f132";display:inline-block;position:relative;left:-2px;top:-1px;font:400 20px/1 dashicons;vertical-align:middle;-webkit-transition:all .2s;transition:all .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#customize-posts-content-editor-pane{border-top:solid 1px #ddd;position:absolute;height:300px;bottom:-301px;right:0;left:0;z-index:20;background:#f1f1f1;display:block;-webkit-transition:all .2s;transition:all .2s;visibility:hidden}body.customize-posts-content-editor-pane-resize #customize-posts-content-editor-pane,body.customize-posts-content-editor-pane-resize #customize-preview{-webkit-transition:none;transition:none}body.mce-fullscreen.customize-posts-content-editor-pane-open #customize-posts-content-editor-pane{top:0}body.customize-posts-content-editor-pane-open #customize-posts-content-editor-pane{bottom:0;visibility:inherit}#customize-posts-content-editor-pane .wp-editor-tools{padding-top:5px;padding-right:10px}#customize-posts-content-editor-pane .wp-media-buttons{padding-left:5px}#customize-preview{height:auto}body.customize-posts-content-editor-pane-open #customize-preview{bottom:300px}body.mce-fullscreen #customize-preview{bottom:0}body.mce-fullscreen.customize-posts-content-editor-pane-open div.mce-fullscreen{position:relative;left:0}#wp-customize-posts-content-editor-container{border-left:0}#customize-posts-content-editor-dragbar{top:0;cursor:row-resize;display:block;height:4px;position:absolute;width:100%;z-index:21}body.customize-posts-content-editor-pane-resize #customize-preview:before{top:0;right:0;bottom:0;left:0;position:absolute;height:100%;width:100%;z-index:999999}.wp-customizer .ui-autocomplete.wplink-autocomplete{z-index:500110}.wp-customizer #wp-link-wrap{z-index:500105}.wp-customizer #wp_editbtns,.wp-customizer #wp_gallerybtns{z-index:500020}.wp-customizer #TB_overlay,.wp-customizer #TB_window{z-index:500050}.wp-customizer .mce-panel,.wp-customizer .mce-tooltip{z-index:500100!important}.customize-posts-content-editor-pane-open .wp-full-overlay.collapsed .wp-full-overlay-sidebar{z-index:30}.customize-posts-content-editor-pane-open .wp-full-overlay.collapsed .collapse-sidebar{bottom:308px}.customize-posts-content-editor-pane-open .wp-full-overlay.expanded .collapse-sidebar{bottom:0!important}.customize-posts-content-editor-pane-resize .wp-full-overlay.collapsed .collapse-sidebar{-webkit-transition:none;transition:none}.customize-posts-content-editor-pane-open.mce-fullscreen .wp-full-overlay.collapsed .collapse-sidebar{bottom:8px!important}

customize-posts/trunk/customize-posts.php

@@ -4 +4 @@
  * Description: Manage posts and postmeta via the Customizer. Works best in conjunction with the <a href="https://wordpress.org/plugins/customize-setting-validation/">Customize Setting Validation</a> plugin.
  * Plugin URI: https://github.com/xwp/wp-customize-posts/
- * Version: 0.5.0
+ * Version: 0.6.0
  * Author: XWP
  * Author URI: https://make.xwp.co/

customize-posts/trunk/js/customize-dynamic-control.js

@@ -28 +28 @@
             }
 
+            control.propertyElements = [];
             api.Control.prototype.initialize.call( control, id, args );
-            control.propertyElements = [];
         },
 

customize-posts/trunk/js/customize-dynamic-control.min.js

@@ -1 @@
-!function(a,b){"use strict";a.DynamicControl=a.Control.extend({initialize:function(c,d){var e,f=this;e=d||{},e.params=e.params||{},e.params.type||(e.params.type="dynamic"),e.params.content||(e.params.content=b("<li></li>"),e.params.content.attr("id","customize-control-"+c.replace(/]/g,"").replace(/\[/g,"-")),e.params.content.attr("class","customize-control customize-control-"+e.params.type)),a.Control.prototype.initialize.call(f,c,e),f.propertyElements=[]},_setUpSettingRootLinks:function(){var c,d,e;c=this,d=c.container.find("[data-customize-setting-link]"),e={},d.each(function(){var f,g=b(this);if(g.is(":radio")){if(f=g.prop("name"),e[f])return;e[f]=!0,g=d.filter('[name="'+f+'"]')}a(g.data("customizeSettingLink"),function(b){var d=new a.Element(g);c.elements.push(d),d.sync(b),d.set(b())})})},_setUpSettingPropertyLinks:function(){var c,d,e=this;e.setting&&(c=e.container.find("[data-customize-setting-property-link]"),d={},c.each(function(){var f,g,h=b(this),i=h.data("customizeSettingPropertyLink");if(h.is(":radio")){if(f=h.prop("name"),d[f])return;d[f]=!0,h=c.filter('[name="'+f+'"]')}g=new a.Element(h),e.propertyElements.push(g),g.set(e.setting()[i]),g.bind(function(a){var b=e.setting();a!==b[i]&&(b=_.clone(b),b[i]=a,e.setting.set(b))}),e.setting.bind(function(a){a[i]!==g.get()&&g.set(a[i])})}))},ready:function(){var b=this;b._setUpSettingRootLinks(),b._setUpSettingPropertyLinks(),a.Control.prototype.ready.call(b),b.deferred.embedded.done(function(){})},embed:function(){var b=this,c=b.section();c&&a.section(c,function(c){c.expanded()||a.settings.autofocus.control===b.id?b.actuallyEmbed():c.expanded.bind(function(a){a&&b.actuallyEmbed()})})},actuallyEmbed:function(){var a=this;"resolved"!==a.deferred.embedded.state()&&(a.renderContent(),a.deferred.embedded.resolve())},focus:function(b){var c=this;c.actuallyEmbed(),a.Control.prototype.focus.call(c,b)}}),a.controlConstructor.dynamic=a.DynamicControl}(wp.customize,jQuery);
+!function(a,b){"use strict";a.DynamicControl=a.Control.extend({initialize:function(c,d){var e,f=this;e=d||{},e.params=e.params||{},e.params.type||(e.params.type="dynamic"),e.params.content||(e.params.content=b("<li></li>"),e.params.content.attr("id","customize-control-"+c.replace(/]/g,"").replace(/\[/g,"-")),e.params.content.attr("class","customize-control customize-control-"+e.params.type)),f.propertyElements=[],a.Control.prototype.initialize.call(f,c,e)},_setUpSettingRootLinks:function(){var c,d,e;c=this,d=c.container.find("[data-customize-setting-link]"),e={},d.each(function(){var f,g=b(this);if(g.is(":radio")){if(f=g.prop("name"),e[f])return;e[f]=!0,g=d.filter('[name="'+f+'"]')}a(g.data("customizeSettingLink"),function(b){var d=new a.Element(g);c.elements.push(d),d.sync(b),d.set(b())})})},_setUpSettingPropertyLinks:function(){var c,d,e=this;e.setting&&(c=e.container.find("[data-customize-setting-property-link]"),d={},c.each(function(){var f,g,h=b(this),i=h.data("customizeSettingPropertyLink");if(h.is(":radio")){if(f=h.prop("name"),d[f])return;d[f]=!0,h=c.filter('[name="'+f+'"]')}g=new a.Element(h),e.propertyElements.push(g),g.set(e.setting()[i]),g.bind(function(a){var b=e.setting();a!==b[i]&&(b=_.clone(b),b[i]=a,e.setting.set(b))}),e.setting.bind(function(a){a[i]!==g.get()&&g.set(a[i])})}))},ready:function(){var b=this;b._setUpSettingRootLinks(),b._setUpSettingPropertyLinks(),a.Control.prototype.ready.call(b),b.deferred.embedded.done(function(){})},embed:function(){var b=this,c=b.section();c&&a.section(c,function(c){c.expanded()||a.settings.autofocus.control===b.id?b.actuallyEmbed():c.expanded.bind(function(a){a&&b.actuallyEmbed()})})},actuallyEmbed:function(){var a=this;"resolved"!==a.deferred.embedded.state()&&(a.renderContent(),a.deferred.embedded.resolve())},focus:function(b){var c=this;c.actuallyEmbed(),a.Control.prototype.focus.call(c,b)}}),a.controlConstructor.dynamic=a.DynamicControl}(wp.customize,jQuery);

customize-posts/trunk/js/customize-post-field-partial.js

@@ -22 +22 @@
          */
         initialize: function( id, options ) {
-            var partial = this, args, matches, baseSelector, singularSelector, idPattern = /^post\[(.+?)]\[(-?\d+)]\[(.+?)](?:\[(.+?)])?$/;
+            var partial = this, args, matches, idPattern = /^post\[(.+?)]\[(-?\d+)]\[(.+?)](?:\[(.+?)])?$/;
 
             args = options || {};
@@ -35 +35 @@
             args.params.placement = matches[4] || '';
 
-            if ( ! args.params.selector ) {
-                baseSelector = '.hentry.post-' + String( args.params.post_id ) + '.type-' + args.params.post_type;
-                singularSelector = '.postid-' + String( args.params.post_id ) + '.single-' + args.params.post_type;
-                if ( 'post_title' === args.params.field_id ) {
-                    args.params.selector = baseSelector + ' .entry-title';
-                } else if ( 'post_content' === args.params.field_id ) {
-                    args.params.selector = baseSelector + ' .entry-content';
-                } else if ( 'post_excerpt' === args.params.field_id ) {
-                    args.params.selector = baseSelector + ' .entry-summary';
-                } else if ( 'comment_status' === args.params.field_id ) {
-                    if ( 'comments-area' === args.params.placement ) {
-                        args.params.selector = singularSelector + ' .comments-area';
-                    } else if ( 'comments-link' === args.params.placement ) {
-                        args.params.selector = baseSelector + ' .comments-link';
-                    }
-                } else if ( 'ping_status' === args.params.field_id ) {
-                    args.params.selector = singularSelector + ' .comments-area';
-                } else if ( 'post_author' === args.params.field_id ) {
-                    if ( 'author-bio' === args.params.placement ) {
-                        args.params.selector = baseSelector + ' .author-info';
-                    } else if ( 'byline' === args.params.placement ) {
-                        args.params.selector = baseSelector + ' .vcard a.fn';
-                    } else if ( 'avatar' === args.params.placement ) {
-                        args.params.selector = baseSelector + ' .vcard img.avatar';
-                    }
-                }
-            }
             api.selectiveRefresh.Partial.prototype.initialize.call( partial, id, args );
         },

customize-posts/trunk/js/customize-post-field-partial.min.js

@@ -1 @@
-!function(a){"use strict";a.previewPosts||(a.previewPosts={}),a.previewPosts.PostFieldPartial=a.selectiveRefresh.Partial.extend({initialize:function(b,c){var d,e,f,g,h=this,i=/^post\[(.+?)]\[(-?\d+)]\[(.+?)](?:\[(.+?)])?$/;if(d=c||{},d.params=d.params||{},e=b.match(i),!e)throw new Error("Bad PostFieldPartial id. Expected post[:post_type][:post_id][:field_id]");d.params.post_type=e[1],d.params.post_id=parseInt(e[2],10),d.params.field_id=e[3],d.params.placement=e[4]||"",d.params.selector||(f=".hentry.post-"+String(d.params.post_id)+".type-"+d.params.post_type,g=".postid-"+String(d.params.post_id)+".single-"+d.params.post_type,"post_title"===d.params.field_id?d.params.selector=f+" .entry-title":"post_content"===d.params.field_id?d.params.selector=f+" .entry-content":"post_excerpt"===d.params.field_id?d.params.selector=f+" .entry-summary":"comment_status"===d.params.field_id?"comments-area"===d.params.placement?d.params.selector=g+" .comments-area":"comments-link"===d.params.placement&&(d.params.selector=f+" .comments-link"):"ping_status"===d.params.field_id?d.params.selector=g+" .comments-area":"post_author"===d.params.field_id&&("author-bio"===d.params.placement?d.params.selector=f+" .author-info":"byline"===d.params.placement?d.params.selector=f+" .vcard a.fn":"avatar"===d.params.placement&&(d.params.selector=f+" .vcard img.avatar"))),a.selectiveRefresh.Partial.prototype.initialize.call(h,b,d)},showControl:function(){var b=this,c=b.params.primarySetting;c||(c=_.first(b.settings())),a.preview.send("focus-control",c+"["+b.params.field_id+"]")},isRelatedSetting:function(b,c,d){var e=this;return _.isObject(c)&&_.isObject(d)&&e.params.field_id&&c[e.params.field_id]===d[e.params.field_id]?!1:a.selectiveRefresh.Partial.prototype.isRelatedSetting.call(e,b)}}),a.selectiveRefresh.partialConstructor.post_field=a.previewPosts.PostFieldPartial}(wp.customize);
+!function(a){"use strict";a.previewPosts||(a.previewPosts={}),a.previewPosts.PostFieldPartial=a.selectiveRefresh.Partial.extend({initialize:function(b,c){var d,e,f=this,g=/^post\[(.+?)]\[(-?\d+)]\[(.+?)](?:\[(.+?)])?$/;if(d=c||{},d.params=d.params||{},e=b.match(g),!e)throw new Error("Bad PostFieldPartial id. Expected post[:post_type][:post_id][:field_id]");d.params.post_type=e[1],d.params.post_id=parseInt(e[2],10),d.params.field_id=e[3],d.params.placement=e[4]||"",a.selectiveRefresh.Partial.prototype.initialize.call(f,b,d)},showControl:function(){var b=this,c=b.params.primarySetting;c||(c=_.first(b.settings())),a.preview.send("focus-control",c+"["+b.params.field_id+"]")},isRelatedSetting:function(b,c,d){var e=this;return _.isObject(c)&&_.isObject(d)&&e.params.field_id&&c[e.params.field_id]===d[e.params.field_id]?!1:a.selectiveRefresh.Partial.prototype.isRelatedSetting.call(e,b)}}),a.selectiveRefresh.partialConstructor.post_field=a.previewPosts.PostFieldPartial}(wp.customize);

customize-posts/trunk/js/customize-post-section.js

@@ -1 +1 @@
 /* global wp, tinyMCE */
-/* eslint consistent-this: [ "error", "section" ] */
+/* eslint consistent-this: [ "error", "section" ], no-magic-numbers: [ "error", { "ignore": [-1,0,1] } ] */
 
 (function( api, $ ) {
@@ -75 +75 @@
 
             api.Section.prototype.initialize.call( section, id, args );
-        },
-
-        /**
+
+            section.active.validate = function( active ) {
+                var setting = api( section.id );
+                if ( setting ) {
+                    return setting._dirty || active;
+                } else {
+                    return true;
+                }
+            };
+        },
+
+        /**
+         * Ready.
+         *
          * @todo Defer embedding section until panel is expanded?
+         *
+         * @returns {void}
          */
         ready: function() {
@@ -85 +98 @@
             section.setupTitleUpdating();
             section.setupSettingValidation();
+            section.setupPostNavigation();
             section.setupControls();
 
@@ -95 +109 @@
         /**
          * Keep the title updated in the UI when the title updates in the setting.
+         *
+         * @returns {void}
          */
         setupTitleUpdating: function() {
@@ -106 +122 @@
             setting.bind( function( newPostData, oldPostData ) {
                 var title;
-                if ( newPostData.post_title !== oldPostData.post_title ) {
+                if ( newPostData.post_title !== oldPostData.post_title && 'trash' !== newPostData.post_status ) {
                     title = newPostData.post_title || api.Posts.data.l10n.noTitle;
                     sectionOuterTitleElement.text( title );
@@ -116 +132 @@
 
         /**
+         * Reload the pane based on the current posts preview url.
+         *
+         * @returns {void}
+         */
+        setupPostNavigation: function() {
+            var section = this,
+                sectionNavigationButton,
+                sectionContainer = section.container.closest( '.accordion-section' ),
+                sectionTitle = sectionContainer.find( '.customize-section-title:first' ),
+                sectionNavigationButtonTemplate = wp.template( 'customize-posts-navigation' ),
+                postTypeObj = api.Posts.data.postTypes[ section.params.post_type ];
+
+            // Short-circuit showing a link if the post type is not publicly queryable anyway.
+            if ( ! postTypeObj['public'] ) {
+                return;
+            }
+
+            sectionNavigationButton = $( sectionNavigationButtonTemplate( {
+                label: postTypeObj.labels.singular_name
+            } ) );
+            sectionTitle.append( sectionNavigationButton );
+
+            // Hide the link when the post is currently in the preview.
+            api.previewer.bind( 'customized-posts', function( data ) {
+                sectionNavigationButton.toggle( section.params.post_id !== data.queriedPostId );
+            } );
+
+            sectionNavigationButton.on( 'click', function( event ) {
+                event.preventDefault();
+                api.previewer.previewUrl( api.Posts.getPreviewUrl( section.params ) );
+            } );
+        },
+
+        /**
          * Set up the post field controls.
+         *
+         * @returns {void}
          */
         setupControls: function() {
@@ -125 +177 @@
                 section.addTitleControl();
             }
+            if ( postTypeObj.supports.title || postTypeObj.supports.slug ) {
+                section.addSlugControl();
+            }
+            if ( 'undefined' === typeof EditPostPreviewCustomize ) {
+                section.addPostStatusControl();
+            }
             if ( postTypeObj.supports.editor ) {
                 section.addContentControl();
@@ -140 +198 @@
 
         /**
+         * Prevent notifications for settings from being added to post field control notifications.
+         *
+         * @param {string} code                            Notification code.
+         * @param {wp.customize.Notification} notification Notification object.
+         * @returns {wp.customize.Notification|null} Notification if not bypassed.
+         */
+        addPostFieldControlNotification: function( code, notification ) {
+            if ( -1 !== code.indexOf( ':' ) ) {
+                return null;
+            } else {
+                return api.Values.prototype.add.call( this, code, notification );
+            }
+        },
+
+        /**
          * Add post title control.
          *
-         * @returns {wp.customize.Control}
+         * @returns {wp.customize.Control} Added control.
          */
         addTitleControl: function() {
@@ -169 +242 @@
             api.control.add( control.id, control );
 
-            // Remove the setting from the settingValidationMessages since it is not specific to this field.
-            if ( control.settingValidationMessages ) {
-                control.settingValidationMessages.remove( setting.id );
-                control.settingValidationMessages.add( control.id, new api.Value( '' ) );
+            if ( control.notifications ) {
+                control.notifications.add = section.addPostFieldControlNotification;
             }
             return control;
@@ -178 +249 @@
 
         /**
+         * Add post slug control.
+         *
+         * @returns {wp.customize.Control} Added control.
+         */
+        addSlugControl: function() {
+            var section = this, control, setting = api( section.id );
+            control = new api.controlConstructor.dynamic( section.id + '[post_name]', {
+                params: {
+                    section: section.id,
+                    priority: 15,
+                    label: api.Posts.data.l10n.fieldSlugLabel,
+                    active: true,
+                    settings: {
+                        'default': setting.id
+                    },
+                    field_type: 'text',
+                    setting_property: 'post_name'
+                }
+            } );
+
+            // Supply a placeholder for the input field to approximate how an empty slug will be derived from the title.
+            control.deferred.embedded.done( function() {
+                var input = control.container.find( 'input' );
+                function setPlaceholder() {
+                    var slug = api.Posts.sanitizeTitleWithDashes( setting.get().post_title );
+                    input.prop( 'placeholder', slug );
+                }
+                setPlaceholder();
+                setting.bind( setPlaceholder );
+            } );
+
+            // Override preview trying to de-activate control not present in preview context.
+            control.active.validate = function() {
+                return true;
+            };
+
+            // Register.
+            section.postFieldControls.post_name = control;
+            api.control.add( control.id, control );
+
+            if ( control.notifications ) {
+                control.notifications.add = section.addPostFieldControlNotification;
+            }
+            return control;
+        },
+
+        /**
+         * Add post status control.
+         *
+         * @returns {wp.customize.Control} Added control.
+         */
+        addPostStatusControl: function() {
+            var section = this, control, setting = api( section.id ), sectionContainer, sectionTitle;
+
+            sectionContainer = section.container.closest( '.accordion-section' );
+            sectionTitle = sectionContainer.find( '.accordion-section-title:first' );
+
+            control = new api.controlConstructor.dynamic( section.id + '[post_status]', {
+                params: {
+                    section: section.id,
+                    priority: 20,
+                    label: api.Posts.data.l10n.fieldPostStatusLabel,
+                    active: true,
+                    settings: {
+                        'default': setting.id
+                    },
+                    field_type: 'select',
+                    setting_property: 'post_status',
+                    choices: api.Posts.data.postStatusChoices
+                }
+            } );
+
+            /**
+             * Update the UI when a post is transitioned from/to trash.
+             *
+             * @param {boolean} trashed - Whether or not the post_status is 'trash'.
+             * @returns {void}
+             */
+            control.toggleTrash = function( trashed ) {
+                sectionContainer.toggleClass( 'is-trashed', trashed );
+                if ( true === trashed ) {
+                    if ( 0 === sectionTitle.find( '.customize-posts-trashed' ).length ) {
+                        sectionTitle.append( wp.template( 'customize-posts-trashed' )() );
+                    }
+                } else {
+                    sectionContainer.find( '.customize-posts-trashed' ).remove();
+                }
+            };
+
+            /**
+             * Update the status UI when the setting changes its state.
+             */
+            setting.bind( function( newPostData, oldPostData ) {
+                if ( newPostData.post_status !== oldPostData.post_status ) {
+                    control.toggleTrash( 'trash' === newPostData.post_status );
+                }
+            } );
+
+            // Override preview trying to de-activate control not present in preview context.
+            control.active.validate = function() {
+                return true;
+            };
+
+            // Register.
+            section.postFieldControls.post_status = control;
+            api.control.add( control.id, control );
+
+            // Initialize the trashed UI.
+            api.panel( 'posts[' + section.params.post_type + ']' ).expanded.bind( function() {
+                control.toggleTrash( 'trash' === setting.get().post_status );
+            } );
+
+            control.deferred.embedded.done( function() {
+                var embeddedDelay = 50;
+
+                _.delay( function() {
+                    control.toggleTrash( 'trash' === setting.get().post_status );
+                }, embeddedDelay );
+            } );
+
+            if ( control.notifications ) {
+                control.notifications.add = section.addPostFieldControlNotification;
+            }
+            return control;
+        },
+
+        /**
          * Add post content control.
          *
          * @todo It is hacky how the dynamic control is overloaded to connect to the shared TinyMCE editor.
          *
-         * @returns {wp.customize.Control}
+         * @returns {wp.customize.Control} Added control.
          */
         addContentControl: function() {
-            var section = this, control, setting = api( section.id );
+            var section = this,
+                control,
+                setting = api( section.id ),
+                preview = $( '#customize-preview' ),
+                editorPane = $( '#customize-posts-content-editor-pane' ),
+                editorFrame = $( '#customize-posts-content_ifr' ),
+                mceTools = $( '#wp-customize-posts-content-editor-tools' ),
+                mceToolbar = $( '.mce-toolbar-grp' ),
+                mceStatusbar = $( '.mce-statusbar' ),
+                dragbar = $( '#customize-posts-content-editor-dragbar' ),
+                collapse = $( '.collapse-sidebar' ),
+                resizeHeight;
 
             control = new api.controlConstructor.dynamic( section.id + '[post_content]', {
                 params: {
                     section: section.id,
-                    priority: 20,
+                    priority: 25,
                     label: api.Posts.data.l10n.fieldContentLabel,
                     active: true,
@@ -209 +418 @@
             /**
              * Update the setting value when the editor changes its state.
+             *
+             * @returns {void}
              */
             control.onVisualEditorChange = function() {
@@ -224 +435 @@
             /**
              * Update the setting value when the editor changes its state.
+             *
+             * @returns {void}
              */
             control.onTextEditorChange = function() {
@@ -262 +475 @@
                     editor.on( 'input change keyup', control.onVisualEditorChange );
                     textarea.on( 'input', control.onTextEditorChange );
+                    control.resizeEditor( window.innerHeight - editorPane.height() );
                 } else {
                     editor.off( 'input change keyup', control.onVisualEditorChange );
@@ -269 +483 @@
                     editor.execCommand( 'wp_link_cancel' );
                     $( '.mce-active' ).click();
+                    preview.css( 'bottom', '' );
+                    collapse.css( 'bottom', '' );
                 }
             } );
@@ -298 +514 @@
              * Expand the editor and focus on it when the post content control is focused.
              *
-             * @param args
+             * @param {object} args Focus args.
+             * @returns {void}
              */
             control.focus = function( args ) {
@@ -306 +523 @@
                 editor.focus();
             };
+
+            /**
+             * Vertically Resize Expanded Post Editor.
+             *
+             * @param {int} position - The position of the post editor from the top of the browser window.
+             * @returns {void}
+             */
+            control.resizeEditor = function( position ) {
+                var windowHeight = window.innerHeight,
+                    windowWidth = window.innerWidth,
+                    sectionContent = $( '[id^=accordion-panel-posts] ul.accordion-section-content' ),
+                    minScroll = 40,
+                    maxScroll = 1,
+                    mobileWidth = 782,
+                    collapseMinSpacing = 56,
+                    collapseBottomOutsideEditor = 8,
+                    collapseBottomInsideEditor = 4,
+                    args = {};
+
+                if ( ! $( document.body ).hasClass( 'customize-posts-content-editor-pane-open' ) ) {
+                    return;
+                }
+
+                if ( ! _.isNaN( position ) ) {
+                    resizeHeight = windowHeight - position;
+                }
+
+                args.height = resizeHeight;
+                args.components = mceTools.outerHeight() + mceToolbar.outerHeight() + mceStatusbar.outerHeight();
+
+                if ( resizeHeight < minScroll ) {
+                    args.height = minScroll;
+                }
+
+                if ( resizeHeight > windowHeight - maxScroll ) {
+                    args.height = windowHeight - maxScroll;
+                }
+
+                if ( windowHeight < editorPane.outerHeight() ) {
+                    args.height = windowHeight;
+                }
+
+                preview.css( 'bottom', args.height );
+                editorPane.css( 'height', args.height );
+                editorFrame.css( 'height', args.height - args.components );
+                collapse.css( 'bottom', args.height + collapseBottomOutsideEditor );
+
+                if ( collapseMinSpacing > windowHeight - args.height ) {
+                    collapse.css( 'bottom', mceStatusbar.outerHeight() + collapseBottomInsideEditor );
+                }
+
+                if ( windowWidth <= mobileWidth ) {
+                    sectionContent.css( 'padding-bottom', args.height );
+                } else {
+                    sectionContent.css( 'padding-bottom', '' );
+                }
+            };
+
+            // Resize the editor.
+            dragbar.on( 'mousedown', function() {
+                if ( ! section.expanded() ) {
+                    return;
+                }
+                $( document ).on( 'mousemove.customize-posts-editor', function( event ) {
+                    event.preventDefault();
+                    $( document.body ).addClass( 'customize-posts-content-editor-pane-resize' );
+                    editorFrame.css( 'pointer-events', 'none' );
+                    control.resizeEditor( event.pageY );
+                } );
+            } );
+
+            // Remove editor resize.
+            dragbar.on( 'mouseup', function() {
+                if ( ! section.expanded() ) {
+                    return;
+                }
+                $( document ).off( 'mousemove.customize-posts-editor' );
+                $( document.body ).removeClass( 'customize-posts-content-editor-pane-resize' );
+                editorFrame.css( 'pointer-events', '' );
+            } );
+
+            // Resize the editor when the viewport changes.
+            $( window ).on( 'resize', function() {
+                var resizeDelay = 50;
+                if ( ! section.expanded() ) {
+                    return;
+                }
+                _.delay( function() {
+                    control.resizeEditor( window.innerHeight - editorPane.height() );
+                }, resizeDelay );
+            } );
 
             // Override preview trying to de-activate control not present in preview context.
@@ -325 +633 @@
             } );
 
-            // Remove the setting from the settingValidationMessages since it is not specific to this field.
-            if ( control.settingValidationMessages ) {
-                control.settingValidationMessages.remove( setting.id );
-                control.settingValidationMessages.add( control.id, new api.Value( '' ) );
+            if ( control.notifications ) {
+                control.notifications.add = section.addPostFieldControlNotification;
             }
             return control;
@@ -336 +642 @@
          * Add post excerpt control.
          *
-         * @returns {wp.customize.Control}
+         * @returns {wp.customize.Control} Added control.
          */
         addExcerptControl: function() {
@@ -363 +669 @@
             api.control.add( control.id, control );
 
-            // Remove the setting from the settingValidationMessages since it is not specific to this field.
-            if ( control.settingValidationMessages ) {
-                control.settingValidationMessages.remove( setting.id );
-                control.settingValidationMessages.add( control.id, new api.Value( '' ) );
+            if ( control.notifications ) {
+                control.notifications.add = section.addPostFieldControlNotification;
             }
             return control;
@@ -374 +678 @@
          * Add discussion fields (comments and ping status fields) control.
          *
-         * @returns {wp.customize.Control}
+         * @returns {wp.customize.Control} Added control.
          */
         addDiscussionFieldsControl: function() {
@@ -401 +705 @@
             api.control.add( control.id, control );
 
-            // Remove the setting from the settingValidationMessages since it is not specific to this field.
-            if ( control.settingValidationMessages ) {
-                control.settingValidationMessages.remove( setting.id );
-                control.settingValidationMessages.add( control.id, new api.Value( '' ) );
+            if ( control.notifications ) {
+                control.notifications.add = section.addPostFieldControlNotification;
             }
             return control;
@@ -412 +714 @@
          * Add post author control.
          *
-         * @returns {wp.customize.Control}
+         * @returns {wp.customize.Control} Added control.
          */
         addAuthorControl: function() {
@@ -440 +742 @@
             api.control.add( control.id, control );
 
-            // Remove the setting from the settingValidationMessages since it is not specific to this field.
-            if ( control.settingValidationMessages ) {
-                control.settingValidationMessages.remove( setting.id );
-                control.settingValidationMessages.add( control.id, new api.Value( '' ) );
+            if ( control.notifications ) {
+                control.notifications.add = section.addPostFieldControlNotification;
             }
             return control;
@@ -450 +750 @@
         /**
          * Set up setting validation.
+         *
+         * @returns {void}
          */
         setupSettingValidation: function() {
-            var section = this, setting = api( section.id );
-            if ( ! setting.validationMessage ) {
+            var section = this, setting = api( section.id ), debouncedRenderNotifications;
+            if ( ! setting.notifications ) {
                 return;
             }
 
-            section.validationMessageElement = $( '<div class="customize-setting-validation-message error" aria-live="assertive"></div>' );
-            section.container.find( '.customize-section-title' ).append( section.validationMessageElement );
-            setting.validationMessage.bind( function( message ) {
-                var template = wp.template( 'customize-setting-validation-message' );
-                section.validationMessageElement.empty().append( $.trim(
-                    template( { messages: [ message ] } )
-                ) );
-                if ( message ) {
-                    section.validationMessageElement.slideDown( 'fast' );
-                } else {
-                    section.validationMessageElement.slideUp( 'fast' );
-                }
-                section.container.toggleClass( 'customize-setting-invalid', '' !== message );
-            } );
+            // Add the notifications API.
+            section.notifications = new api.Values({ defaultConstructor: api.Notification });
+            section.notificationsContainer = $( '<div class="customize-control-notifications-container"></div>' );
+            section.notificationsTemplate = wp.template( 'customize-post-section-notifications' );
+            section.container.find( '.customize-section-title' ).after( section.notificationsContainer );
+            section.getNotificationsContainerElement = function() {
+                return section.notificationsContainer;
+            };
+            section.renderNotifications = api.Control.prototype.renderNotifications;
+
+            // Sync setting notifications into the section notifications
+            setting.notifications.bind( 'add', function( settingNotification ) {
+                var notification = new api.Notification( setting.id + ':' + settingNotification.code, settingNotification );
+                section.notifications.add( notification.code, notification );
+            } );
+            setting.notifications.bind( 'remove', function( settingNotification ) {
+                section.notifications.remove( setting.id + ':' + settingNotification.code );
+            } );
+
+            /*
+             * Render notifications when the collection is updated.
+             * Note that this debounced/deferred rendering is needed for two reasons:
+             * 1) The 'remove' event is triggered just _before_ the notification is actually removed.
+             * 2) Improve performance when adding/removing multiple notifications at a time.
+             */
+            debouncedRenderNotifications = _.debounce( function renderNotifications() {
+                section.renderNotifications();
+            } );
+            section.notifications.bind( 'add', function( notification ) {
+                wp.a11y.speak( notification.message, 'assertive' );
+                debouncedRenderNotifications();
+            } );
+            section.notifications.bind( 'remove', debouncedRenderNotifications );
+            section.renderNotifications();
 
             // Dismiss conflict block when clicking on button.
-            section.validationMessageElement.on( 'click', '.override-post-conflict', function( e ) {
+            section.notificationsContainer.on( 'click', '.override-post-conflict', function( e ) {
                 var ourValue;
                 e.preventDefault();
@@ -479 +801 @@
                 ourValue.post_modified_gmt = '';
                 setting.set( ourValue );
-                section.resetPostFieldControlSettingValidationMessages();
+
+                _.each( section.postFieldControls, function( control ) {
+                    if ( control.notifications ) {
+                        control.notifications.remove( 'post_update_conflict' );
+                    }
+                } );
+                setting.notifications.remove( 'post_update_conflict' );
             } );
 
             // Detect conflict errors.
             api.bind( 'error', function( response ) {
-                var theirValue, ourValue, overrideButton, wasOverrideButtonAdded = false;
+                var theirValue, ourValue;
                 if ( ! response.update_conflicted_setting_values ) {
                     return;
@@ -494 +822 @@
                 ourValue = setting.get();
                 _.each( theirValue, function( theirFieldValue, fieldId ) {
-                    var control, validationMessage;
+                    var control, notification;
                     if ( 'post_modified' === fieldId || 'post_modified_gmt' === fieldId || theirFieldValue === ourValue[ fieldId ] ) {
                         return;
                     }
                     control = api.control( setting.id + '[' + fieldId + ']' );
-                    if ( control && control.settingValidationMessages && control.settingValidationMessages.has( control.id ) ) {
-                        validationMessage = api.Posts.data.l10n.theirChange.replace( '%s', String( theirFieldValue ) );
-                        control.settingValidationMessages( control.id ).set( validationMessage );
-
-                        if ( ! wasOverrideButtonAdded ) {
-                            overrideButton = $( '<button class="button override-post-conflict" type="button"></button>' );
-                            overrideButton.text( api.Posts.data.l10n.overrideButtonText );
-                            section.validationMessageElement.find( 'li:first' ).prepend( overrideButton );
-                            wasOverrideButtonAdded = true;
-                        }
+                    if ( control && control.notifications ) {
+                        notification = new api.Notification( 'post_update_conflict', {
+                            message: api.Posts.data.l10n.theirChange.replace( '%s', String( theirFieldValue ) )
+                        } );
+                        control.notifications.remove( notification.code );
+                        control.notifications.add( notification.code, notification );
                     }
                 } );
@@ -514 +838 @@
 
             api.bind( 'save', function() {
-                section.resetPostFieldControlSettingValidationMessages();
+                section.resetPostFieldControlErrorNotifications();
             } );
         },
@@ -520 +844 @@
         /**
          * Reset all of the validation messages for all of the post fields in the section.
-         */
-        resetPostFieldControlSettingValidationMessages: function() {
+         *
+         * @returns {void}
+         */
+        resetPostFieldControlErrorNotifications: function() {
             var section = this;
             _.each( section.postFieldControls, function( postFieldControl ) {
-                if ( postFieldControl.settingValidationMessages ) {
-                    postFieldControl.settingValidationMessages.each( function( validationMessage ) {
-                        validationMessage.set( '' );
+                if ( postFieldControl.notifications ) {
+                    postFieldControl.notifications.each( function( notification ) {
+                        if ( 'error' === notification.type ) {
+                            postFieldControl.notifications.remove( notification.code );
+                        }
                     } );
                 }
@@ -535 +863 @@
          * Allow an active section to be contextually active even when it has no active controls.
          *
-         * @returns {boolean}
+         * @returns {boolean} Active.
          */
         isContextuallyActive: function() {

customize-posts/trunk/js/customize-post-section.min.js

@@ -1 @@
-!function(a,b){"use strict";var c,d,e={};a.Posts||(a.Posts={}),c=a.Element.synchronizer.checkbox.update,d=a.Element.synchronizer.checkbox.refresh,_.extend(a.Element.synchronizer.checkbox,{update:function(a){var b;b=_.isUndefined(this.element.data("on-value"))||_.isUndefined(this.element.data("off-value"))?a:a===this.element.data("on-value"),c.call(this,b)},refresh:function(){return _.isUndefined(this.element.data("on-value"))||_.isUndefined(this.element.data("off-value"))?d.call(this):this.element.prop("checked")?this.element.data("on-value"):this.element.data("off-value")}}),a.Posts.PostSection=a.Section.extend({initialize:function(b,c){var d,f=this;if(d=c||{},d.params=d.params||{},!d.params.post_type||!a.Posts.data.postTypes[d.params.post_type])throw new Error("Missing post_type");if(_.isNaN(d.params.post_id))throw new Error("Missing post_id");if(!a.has(b))throw new Error("No setting id");d.params.title||(d.params.title=a(b).get().post_title),d.params.title||(d.params.title=a.Posts.data.l10n.noTitle),f.postFieldControls={},d.params.priority||(e[d.params.post_type]||(e[d.params.post_type]=a.Section.prototype.defaults.priority),e[d.params.post_type]+=1,d.params.priority=e[d.params.post_type]),a.Section.prototype.initialize.call(f,b,d)},ready:function(){var b=this;b.setupTitleUpdating(),b.setupSettingValidation(),b.setupControls(),a.Section.prototype.ready.call(b)},setupTitleUpdating:function(){var b,c,d,e,f=this,g=a(f.id);b=f.container.closest(".accordion-section"),c=b.find(".accordion-section-title:first"),d=b.find(".customize-section-title h3").first(),e=d.find(".customize-action").first(),g.bind(function(b,f){var g;b.post_title!==f.post_title&&(g=b.post_title||a.Posts.data.l10n.noTitle,c.text(g),d.text(g),d.prepend(e))})},setupControls:function(){var b,c=this;b=a.Posts.data.postTypes[c.params.post_type],b.supports.title&&c.addTitleControl(),b.supports.editor&&c.addContentControl(),b.supports.excerpt&&c.addExcerptControl(),(b.supports.comments||b.supports.trackbacks)&&c.addDiscussionFieldsControl(),b.supports.author&&c.addAuthorControl()},addTitleControl:function(){var b,c=this,d=a(c.id);return b=new a.controlConstructor.dynamic(c.id+"[post_title]",{params:{section:c.id,priority:10,label:a.Posts.data.l10n.fieldTitleLabel,active:!0,settings:{"default":d.id},field_type:"text",setting_property:"post_title"}}),b.active.validate=function(){return!0},c.postFieldControls.post_title=b,a.control.add(b.id,b),b.settingValidationMessages&&(b.settingValidationMessages.remove(d.id),b.settingValidationMessages.add(b.id,new a.Value(""))),b},addContentControl:function(){var c,d=this,e=a(d.id);return c=new a.controlConstructor.dynamic(d.id+"[post_content]",{params:{section:d.id,priority:20,label:a.Posts.data.l10n.fieldContentLabel,active:!0,settings:{"default":e.id},field_type:"textarea",setting_property:"post_content"}}),c.editorExpanded=new a.Value(!1),c.editorToggleExpandButton=b('<button type="button" class="button"></button>'),c.updateEditorToggleExpandButtonLabel=function(b){c.editorToggleExpandButton.text(b?a.Posts.data.l10n.closeEditor:a.Posts.data.l10n.openEditor)},c.updateEditorToggleExpandButtonLabel(c.editorExpanded.get()),c.onVisualEditorChange=function(){var a,b;c.editorSyncSuspended||(b=tinyMCE.get("customize-posts-content"),a=wp.editor.removep(b.getContent()),c.editorSyncSuspended=!0,c.propertyElements[0].set(a),c.editorSyncSuspended=!1)},c.onTextEditorChange=function(){c.editorSyncSuspended||(c.editorSyncSuspended=!0,c.propertyElements[0].set(b(this).val()),c.editorSyncSuspended=!1)},e.bind(function(a,b){var d;c.editorExpanded.get()&&!c.editorSyncSuspended&&a.post_content!==b.post_content&&(c.editorSyncSuspended=!0,d=tinyMCE.get("customize-posts-content"),d.setContent(wp.editor.autop(a.post_content)),c.editorSyncSuspended=!1)}),c.editorExpanded.bind(function(a){var d,f=b("#customize-posts-content");d=tinyMCE.get("customize-posts-content"),c.updateEditorToggleExpandButtonLabel(a),b(document.body).toggleClass("customize-posts-content-editor-pane-open",a),a?(d.setContent(wp.editor.autop(e().post_content)),d.on("input change keyup",c.onVisualEditorChange),f.on("input",c.onTextEditorChange)):(d.off("input change keyup",c.onVisualEditorChange),f.off("input",c.onTextEditorChange),d.execCommand("wp_link_cancel"),b(".mce-active").click())}),d.expanded.bind(function(b){b?a.Posts.postIdInput.val(d.params.post_id):(a.Posts.postIdInput.val(""),c.editorExpanded.set(!1))}),c.editorToggleExpandButton.on("click",function(){var a=tinyMCE.get("customize-posts-content");c.editorExpanded.set(!c.editorExpanded()),c.editorExpanded()&&a.focus()}),c.focus=function(b){var d=tinyMCE.get("customize-posts-content");a.controlConstructor.dynamic.prototype.focus.call(c,b),c.editorExpanded.set(!0),d.focus()},c.active.validate=function(){return!0},d.postFieldControls.post_content=c,a.control.add(c.id,c),c.deferred.embedded.done(function(){var a=c.container.find("textarea:first");a.hide(),c.editorToggleExpandButton.attr("id",a.attr("id")),a.attr("id",""),c.container.append(c.editorToggleExpandButton)}),c.settingValidationMessages&&(c.settingValidationMessages.remove(e.id),c.settingValidationMessages.add(c.id,new a.Value(""))),c},addExcerptControl:function(){var b,c=this,d=a(c.id);return b=new a.controlConstructor.dynamic(c.id+"[post_excerpt]",{params:{section:c.id,priority:30,label:a.Posts.data.l10n.fieldExcerptLabel,active:!0,settings:{"default":d.id},field_type:"textarea",setting_property:"post_excerpt"}}),b.active.validate=function(){return!0},c.postFieldControls.post_excerpt=b,a.control.add(b.id,b),b.settingValidationMessages&&(b.settingValidationMessages.remove(d.id),b.settingValidationMessages.add(b.id,new a.Value(""))),b},addDiscussionFieldsControl:function(){var b,c,d=this,e=a(d.id);return b=a.Posts.data.postTypes[d.params.post_type],c=new a.controlConstructor.post_discussion_fields(d.id+"[discussion_fields]",{params:{section:d.id,priority:60,label:a.Posts.data.l10n.fieldDiscussionLabel,active:!0,settings:{"default":e.id},post_type_supports:b.supports}}),c.active.validate=function(){return!0},d.postFieldControls.post_discussion_fields=c,a.control.add(c.id,c),c.settingValidationMessages&&(c.settingValidationMessages.remove(e.id),c.settingValidationMessages.add(c.id,new a.Value(""))),c},addAuthorControl:function(){var b,c=this,d=a(c.id);return b=new a.controlConstructor.dynamic(c.id+"[post_author]",{params:{section:c.id,priority:70,label:a.Posts.data.l10n.fieldAuthorLabel,active:!0,settings:{"default":d.id},field_type:"select",setting_property:"post_author",choices:a.Posts.data.authorChoices}}),b.active.validate=function(){return!0},c.postFieldControls.post_author=b,a.control.add(b.id,b),b.settingValidationMessages&&(b.settingValidationMessages.remove(d.id),b.settingValidationMessages.add(b.id,new a.Value(""))),b},setupSettingValidation:function(){var c=this,d=a(c.id);d.validationMessage&&(c.validationMessageElement=b('<div class="customize-setting-validation-message error" aria-live="assertive"></div>'),c.container.find(".customize-section-title").append(c.validationMessageElement),d.validationMessage.bind(function(a){var d=wp.template("customize-setting-validation-message");c.validationMessageElement.empty().append(b.trim(d({messages:[a]}))),a?c.validationMessageElement.slideDown("fast"):c.validationMessageElement.slideUp("fast"),c.container.toggleClass("customize-setting-invalid",""!==a)}),c.validationMessageElement.on("click",".override-post-conflict",function(a){var b;a.preventDefault(),b=_.clone(d.get()),b.post_modified_gmt="",d.set(b),c.resetPostFieldControlSettingValidationMessages()}),a.bind("error",function(e){var f,g,h,i=!1;e.update_conflicted_setting_values&&(f=e.update_conflicted_setting_values[d.id],f&&(g=d.get(),_.each(f,function(e,f){var j,k;"post_modified"!==f&&"post_modified_gmt"!==f&&e!==g[f]&&(j=a.control(d.id+"["+f+"]"),j&&j.settingValidationMessages&&j.settingValidationMessages.has(j.id)&&(k=a.Posts.data.l10n.theirChange.replace("%s",String(e)),j.settingValidationMessages(j.id).set(k),i||(h=b('<button class="button override-post-conflict" type="button"></button>'),h.text(a.Posts.data.l10n.overrideButtonText),c.validationMessageElement.find("li:first").prepend(h),i=!0)))})))}),a.bind("save",function(){c.resetPostFieldControlSettingValidationMessages()}))},resetPostFieldControlSettingValidationMessages:function(){var a=this;_.each(a.postFieldControls,function(a){a.settingValidationMessages&&a.settingValidationMessages.each(function(a){a.set("")})})},isContextuallyActive:function(){var a=this;return a.active()}})}(wp.customize,jQuery);
+!function(a,b){"use strict";var c,d,e={};a.Posts||(a.Posts={}),c=a.Element.synchronizer.checkbox.update,d=a.Element.synchronizer.checkbox.refresh,_.extend(a.Element.synchronizer.checkbox,{update:function(a){var b;b=_.isUndefined(this.element.data("on-value"))||_.isUndefined(this.element.data("off-value"))?a:a===this.element.data("on-value"),c.call(this,b)},refresh:function(){return _.isUndefined(this.element.data("on-value"))||_.isUndefined(this.element.data("off-value"))?d.call(this):this.element.prop("checked")?this.element.data("on-value"):this.element.data("off-value")}}),a.Posts.PostSection=a.Section.extend({initialize:function(b,c){var d,f=this;if(d=c||{},d.params=d.params||{},!d.params.post_type||!a.Posts.data.postTypes[d.params.post_type])throw new Error("Missing post_type");if(_.isNaN(d.params.post_id))throw new Error("Missing post_id");if(!a.has(b))throw new Error("No setting id");d.params.title||(d.params.title=a(b).get().post_title),d.params.title||(d.params.title=a.Posts.data.l10n.noTitle),f.postFieldControls={},d.params.priority||(e[d.params.post_type]||(e[d.params.post_type]=a.Section.prototype.defaults.priority),e[d.params.post_type]+=1,d.params.priority=e[d.params.post_type]),a.Section.prototype.initialize.call(f,b,d),f.active.validate=function(b){var c=a(f.id);return c?c._dirty||b:!0}},ready:function(){var b=this;b.setupTitleUpdating(),b.setupSettingValidation(),b.setupPostNavigation(),b.setupControls(),a.Section.prototype.ready.call(b)},setupTitleUpdating:function(){var b,c,d,e,f=this,g=a(f.id);b=f.container.closest(".accordion-section"),c=b.find(".accordion-section-title:first"),d=b.find(".customize-section-title h3").first(),e=d.find(".customize-action").first(),g.bind(function(b,f){var g;b.post_title!==f.post_title&&"trash"!==b.post_status&&(g=b.post_title||a.Posts.data.l10n.noTitle,c.text(g),d.text(g),d.prepend(e))})},setupPostNavigation:function(){var c,d=this,e=d.container.closest(".accordion-section"),f=e.find(".customize-section-title:first"),g=wp.template("customize-posts-navigation"),h=a.Posts.data.postTypes[d.params.post_type];h["public"]&&(c=b(g({label:h.labels.singular_name})),f.append(c),a.previewer.bind("customized-posts",function(a){c.toggle(d.params.post_id!==a.queriedPostId)}),c.on("click",function(b){b.preventDefault(),a.previewer.previewUrl(a.Posts.getPreviewUrl(d.params))}))},setupControls:function(){var b,c=this;b=a.Posts.data.postTypes[c.params.post_type],b.supports.title&&c.addTitleControl(),(b.supports.title||b.supports.slug)&&c.addSlugControl(),"undefined"==typeof EditPostPreviewCustomize&&c.addPostStatusControl(),b.supports.editor&&c.addContentControl(),b.supports.excerpt&&c.addExcerptControl(),(b.supports.comments||b.supports.trackbacks)&&c.addDiscussionFieldsControl(),b.supports.author&&c.addAuthorControl()},addPostFieldControlNotification:function(b,c){return-1!==b.indexOf(":")?null:a.Values.prototype.add.call(this,b,c)},addTitleControl:function(){var b,c=this,d=a(c.id);return b=new a.controlConstructor.dynamic(c.id+"[post_title]",{params:{section:c.id,priority:10,label:a.Posts.data.l10n.fieldTitleLabel,active:!0,settings:{"default":d.id},field_type:"text",setting_property:"post_title"}}),b.active.validate=function(){return!0},c.postFieldControls.post_title=b,a.control.add(b.id,b),b.notifications&&(b.notifications.add=c.addPostFieldControlNotification),b},addSlugControl:function(){var b,c=this,d=a(c.id);return b=new a.controlConstructor.dynamic(c.id+"[post_name]",{params:{section:c.id,priority:15,label:a.Posts.data.l10n.fieldSlugLabel,active:!0,settings:{"default":d.id},field_type:"text",setting_property:"post_name"}}),b.deferred.embedded.done(function(){function c(){var b=a.Posts.sanitizeTitleWithDashes(d.get().post_title);e.prop("placeholder",b)}var e=b.container.find("input");c(),d.bind(c)}),b.active.validate=function(){return!0},c.postFieldControls.post_name=b,a.control.add(b.id,b),b.notifications&&(b.notifications.add=c.addPostFieldControlNotification),b},addPostStatusControl:function(){var b,c,d,e=this,f=a(e.id);return c=e.container.closest(".accordion-section"),d=c.find(".accordion-section-title:first"),b=new a.controlConstructor.dynamic(e.id+"[post_status]",{params:{section:e.id,priority:20,label:a.Posts.data.l10n.fieldPostStatusLabel,active:!0,settings:{"default":f.id},field_type:"select",setting_property:"post_status",choices:a.Posts.data.postStatusChoices}}),b.toggleTrash=function(a){c.toggleClass("is-trashed",a),!0===a?0===d.find(".customize-posts-trashed").length&&d.append(wp.template("customize-posts-trashed")()):c.find(".customize-posts-trashed").remove()},f.bind(function(a,c){a.post_status!==c.post_status&&b.toggleTrash("trash"===a.post_status)}),b.active.validate=function(){return!0},e.postFieldControls.post_status=b,a.control.add(b.id,b),a.panel("posts["+e.params.post_type+"]").expanded.bind(function(){b.toggleTrash("trash"===f.get().post_status)}),b.deferred.embedded.done(function(){var a=50;_.delay(function(){b.toggleTrash("trash"===f.get().post_status)},a)}),b.notifications&&(b.notifications.add=e.addPostFieldControlNotification),b},addContentControl:function(){var c,d,e=this,f=a(e.id),g=b("#customize-preview"),h=b("#customize-posts-content-editor-pane"),i=b("#customize-posts-content_ifr"),j=b("#wp-customize-posts-content-editor-tools"),k=b(".mce-toolbar-grp"),l=b(".mce-statusbar"),m=b("#customize-posts-content-editor-dragbar"),n=b(".collapse-sidebar");return c=new a.controlConstructor.dynamic(e.id+"[post_content]",{params:{section:e.id,priority:25,label:a.Posts.data.l10n.fieldContentLabel,active:!0,settings:{"default":f.id},field_type:"textarea",setting_property:"post_content"}}),c.editorExpanded=new a.Value(!1),c.editorToggleExpandButton=b('<button type="button" class="button"></button>'),c.updateEditorToggleExpandButtonLabel=function(b){c.editorToggleExpandButton.text(b?a.Posts.data.l10n.closeEditor:a.Posts.data.l10n.openEditor)},c.updateEditorToggleExpandButtonLabel(c.editorExpanded.get()),c.onVisualEditorChange=function(){var a,b;c.editorSyncSuspended||(b=tinyMCE.get("customize-posts-content"),a=wp.editor.removep(b.getContent()),c.editorSyncSuspended=!0,c.propertyElements[0].set(a),c.editorSyncSuspended=!1)},c.onTextEditorChange=function(){c.editorSyncSuspended||(c.editorSyncSuspended=!0,c.propertyElements[0].set(b(this).val()),c.editorSyncSuspended=!1)},f.bind(function(a,b){var d;c.editorExpanded.get()&&!c.editorSyncSuspended&&a.post_content!==b.post_content&&(c.editorSyncSuspended=!0,d=tinyMCE.get("customize-posts-content"),d.setContent(wp.editor.autop(a.post_content)),c.editorSyncSuspended=!1)}),c.editorExpanded.bind(function(a){var d,e=b("#customize-posts-content");d=tinyMCE.get("customize-posts-content"),c.updateEditorToggleExpandButtonLabel(a),b(document.body).toggleClass("customize-posts-content-editor-pane-open",a),a?(d.setContent(wp.editor.autop(f().post_content)),d.on("input change keyup",c.onVisualEditorChange),e.on("input",c.onTextEditorChange),c.resizeEditor(window.innerHeight-h.height())):(d.off("input change keyup",c.onVisualEditorChange),e.off("input",c.onTextEditorChange),d.execCommand("wp_link_cancel"),b(".mce-active").click(),g.css("bottom",""),n.css("bottom",""))}),e.expanded.bind(function(b){b?a.Posts.postIdInput.val(e.params.post_id):(a.Posts.postIdInput.val(""),c.editorExpanded.set(!1))}),c.editorToggleExpandButton.on("click",function(){var a=tinyMCE.get("customize-posts-content");c.editorExpanded.set(!c.editorExpanded()),c.editorExpanded()&&a.focus()}),c.focus=function(b){var d=tinyMCE.get("customize-posts-content");a.controlConstructor.dynamic.prototype.focus.call(c,b),c.editorExpanded.set(!0),d.focus()},c.resizeEditor=function(a){var c=window.innerHeight,e=window.innerWidth,f=b("[id^=accordion-panel-posts] ul.accordion-section-content"),m=40,o=1,p=782,q=56,r=8,s=4,t={};b(document.body).hasClass("customize-posts-content-editor-pane-open")&&(_.isNaN(a)||(d=c-a),t.height=d,t.components=j.outerHeight()+k.outerHeight()+l.outerHeight(),m>d&&(t.height=m),d>c-o&&(t.height=c-o),c<h.outerHeight()&&(t.height=c),g.css("bottom",t.height),h.css("height",t.height),i.css("height",t.height-t.components),n.css("bottom",t.height+r),q>c-t.height&&n.css("bottom",l.outerHeight()+s),p>=e?f.css("padding-bottom",t.height):f.css("padding-bottom",""))},m.on("mousedown",function(){e.expanded()&&b(document).on("mousemove.customize-posts-editor",function(a){a.preventDefault(),b(document.body).addClass("customize-posts-content-editor-pane-resize"),i.css("pointer-events","none"),c.resizeEditor(a.pageY)})}),m.on("mouseup",function(){e.expanded()&&(b(document).off("mousemove.customize-posts-editor"),b(document.body).removeClass("customize-posts-content-editor-pane-resize"),i.css("pointer-events",""))}),b(window).on("resize",function(){var a=50;e.expanded()&&_.delay(function(){c.resizeEditor(window.innerHeight-h.height())},a)}),c.active.validate=function(){return!0},e.postFieldControls.post_content=c,a.control.add(c.id,c),c.deferred.embedded.done(function(){var a=c.container.find("textarea:first");a.hide(),c.editorToggleExpandButton.attr("id",a.attr("id")),a.attr("id",""),c.container.append(c.editorToggleExpandButton)}),c.notifications&&(c.notifications.add=e.addPostFieldControlNotification),c},addExcerptControl:function(){var b,c=this,d=a(c.id);return b=new a.controlConstructor.dynamic(c.id+"[post_excerpt]",{params:{section:c.id,priority:30,label:a.Posts.data.l10n.fieldExcerptLabel,active:!0,settings:{"default":d.id},field_type:"textarea",setting_property:"post_excerpt"}}),b.active.validate=function(){return!0},c.postFieldControls.post_excerpt=b,a.control.add(b.id,b),b.notifications&&(b.notifications.add=c.addPostFieldControlNotification),b},addDiscussionFieldsControl:function(){var b,c,d=this,e=a(d.id);return b=a.Posts.data.postTypes[d.params.post_type],c=new a.controlConstructor.post_discussion_fields(d.id+"[discussion_fields]",{params:{section:d.id,priority:60,label:a.Posts.data.l10n.fieldDiscussionLabel,active:!0,settings:{"default":e.id},post_type_supports:b.supports}}),c.active.validate=function(){return!0},d.postFieldControls.post_discussion_fields=c,a.control.add(c.id,c),c.notifications&&(c.notifications.add=d.addPostFieldControlNotification),c},addAuthorControl:function(){var b,c=this,d=a(c.id);return b=new a.controlConstructor.dynamic(c.id+"[post_author]",{params:{section:c.id,priority:70,label:a.Posts.data.l10n.fieldAuthorLabel,active:!0,settings:{"default":d.id},field_type:"select",setting_property:"post_author",choices:a.Posts.data.authorChoices}}),b.active.validate=function(){return!0},c.postFieldControls.post_author=b,a.control.add(b.id,b),b.notifications&&(b.notifications.add=c.addPostFieldControlNotification),b},setupSettingValidation:function(){var c,d=this,e=a(d.id);e.notifications&&(d.notifications=new a.Values({defaultConstructor:a.Notification}),d.notificationsContainer=b('<div class="customize-control-notifications-container"></div>'),d.notificationsTemplate=wp.template("customize-post-section-notifications"),d.container.find(".customize-section-title").after(d.notificationsContainer),d.getNotificationsContainerElement=function(){return d.notificationsContainer},d.renderNotifications=a.Control.prototype.renderNotifications,e.notifications.bind("add",function(b){var c=new a.Notification(e.id+":"+b.code,b);d.notifications.add(c.code,c)}),e.notifications.bind("remove",function(a){d.notifications.remove(e.id+":"+a.code)}),c=_.debounce(function(){d.renderNotifications()}),d.notifications.bind("add",function(a){wp.a11y.speak(a.message,"assertive"),c()}),d.notifications.bind("remove",c),d.renderNotifications(),d.notificationsContainer.on("click",".override-post-conflict",function(a){var b;a.preventDefault(),b=_.clone(e.get()),b.post_modified_gmt="",e.set(b),_.each(d.postFieldControls,function(a){a.notifications&&a.notifications.remove("post_update_conflict")}),e.notifications.remove("post_update_conflict")}),a.bind("error",function(b){var c,d;b.update_conflicted_setting_values&&(c=b.update_conflicted_setting_values[e.id],c&&(d=e.get(),_.each(c,function(b,c){var f,g;"post_modified"!==c&&"post_modified_gmt"!==c&&b!==d[c]&&(f=a.control(e.id+"["+c+"]"),f&&f.notifications&&(g=new a.Notification("post_update_conflict",{message:a.Posts.data.l10n.theirChange.replace("%s",String(b))}),f.notifications.remove(g.code),f.notifications.add(g.code,g)))})))}),a.bind("save",function(){d.resetPostFieldControlErrorNotifications()}))},resetPostFieldControlErrorNotifications:function(){var a=this;_.each(a.postFieldControls,function(a){a.notifications&&a.notifications.each(function(b){"error"===b.type&&a.notifications.remove(b.code)})})},isContextuallyActive:function(){var a=this;return a.active()}})}(wp.customize,jQuery);

customize-posts/trunk/js/customize-posts-panel.js

@@ -1 +1 @@
 /* global wp, jQuery */
-/* eslint consistent-this: [ "error", "panel" ] */
+/* eslint consistent-this: [ "error", "panel" ], no-magic-numbers: [ "error", { "ignore": [0,500] } ] */
 
 (function( api, $ ) {
@@ -45 +45 @@
                 };
 
+                panel.setupPostAddition();
+
                 /*
                  * Set the initial visibility state for rendered notice.
@@ -65 +67 @@
 
         /**
+         * Add new post stub, which builds the UI & listens for click events.
+         *
+         * @return {void}
+         */
+        setupPostAddition: function() {
+            var panel = this, descriptionContainer, addNewButton, postObj;
+
+            descriptionContainer = panel.container.find( '.panel-meta:first' );
+            addNewButton = wp.template( 'customize-posts-add-new' );
+            postObj = api.Posts.data.postTypes[ panel.postType ];
+
+            if ( postObj.current_user_can.create_posts ) {
+                descriptionContainer.after( addNewButton( {
+                    label: postObj.labels.singular_name
+                } ) );
+
+                panel.container.find( '.add-new-post-stub' ).on( 'click', function( event ) {
+                    var postData, button = $( this ), promise;
+                    event.preventDefault();
+                    button.prop( 'disabled', true );
+
+                    postData = {
+                        post_status: 'publish'
+                    };
+                    if ( postObj.supports.title ) {
+                        postData.post_title = api.Posts.data.l10n.noTitle;
+                    }
+
+                    promise = api.Posts.insertAutoDraftPost( panel.postType );
+                    promise.done( function( data ) {
+                        data.setting.set( _.extend(
+                            {},
+                            data.setting.get(),
+                            postData
+                        ) );
+
+                        // Navigate to the newly-created post if it is public; otherwise, refresh the preview.
+                        if ( postObj['public'] && data.url ) {
+                            api.previewer.previewUrl( data.url );
+                        } else {
+                            api.previewer.refresh();
+                        }
+
+                        /**
+                         * Perform a dance to focus on the first control in the section.
+                         *
+                         * There is a race condition where focusing on a control too
+                         * early can result in the focus logic not being able to see
+                         * any visible inputs to focus on.
+                         *
+                         * @returns {void}
+                         */
+                        function focusControlOnceFocusable() {
+                            var firstControl = data.section.controls()[0];
+                            function onChangeActive( isActive ) {
+                                if ( isActive ) {
+                                    data.section.active.unbind( onChangeActive );
+                                    _.defer( function() {
+                                        firstControl.focus( {
+                                            completeCallback: function() {
+                                                firstControl.container.find( 'input:first' ).select();
+                                            }
+                                        } );
+                                    } );
+                                }
+                            }
+                            if ( firstControl ) {
+                                data.section.active.bind( onChangeActive );
+                            }
+                        }
+
+                        data.section.focus( {
+                            completeCallback: focusControlOnceFocusable
+                        } );
+                    } );
+                    promise.always( function() {
+                        button.prop( 'disabled', false );
+                    } );
+                } );
+            }
+        },
+
+        /**
          * Allow an active panel to be contextually active even when it has no active controls.
          *
-         * @returns {boolean}
+         * @returns {boolean} Whether contextually active.
          */
         isContextuallyActive: function() {

customize-posts/trunk/js/customize-posts-panel.min.js

@@ -1 @@
-!function(a,b){"use strict";a.Posts||(a.Posts={}),a.Posts.PostsPanel=a.Panel.extend({postType:"post",ready:function(){var c=this;a.Panel.prototype.ready.call(c),c.params.post_type&&(c.postType=c.params.post_type),c.deferred.embedded.done(function(){var d,e,f;d=c.container.find(".panel-meta:first"),e=b(b.trim(wp.template("customize-panel-posts-"+c.postType+"-notice")({message:c.params.noPostsLoadedMessage}))),d.append(e),f=function(){return 0===_.filter(c.sections(),function(a){return a.active()}).length},e.toggle(f()),a.previewer.deferred.active.done(function(){e.toggle(f())}),a.bind("pane-contents-reflowed",function(){var b="resolved"===a.previewer.deferred.active.state()?"fast":0;f()?e.slideDown(b):e.slideUp(b)})})},isContextuallyActive:function(){var a=this;return a.active()}})}(wp.customize,jQuery);
+!function(a,b){"use strict";a.Posts||(a.Posts={}),a.Posts.PostsPanel=a.Panel.extend({postType:"post",ready:function(){var c=this;a.Panel.prototype.ready.call(c),c.params.post_type&&(c.postType=c.params.post_type),c.deferred.embedded.done(function(){var d,e,f;d=c.container.find(".panel-meta:first"),e=b(b.trim(wp.template("customize-panel-posts-"+c.postType+"-notice")({message:c.params.noPostsLoadedMessage}))),d.append(e),f=function(){return 0===_.filter(c.sections(),function(a){return a.active()}).length},c.setupPostAddition(),e.toggle(f()),a.previewer.deferred.active.done(function(){e.toggle(f())}),a.bind("pane-contents-reflowed",function(){var b="resolved"===a.previewer.deferred.active.state()?"fast":0;f()?e.slideDown(b):e.slideUp(b)})})},setupPostAddition:function(){var c,d,e,f=this;c=f.container.find(".panel-meta:first"),d=wp.template("customize-posts-add-new"),e=a.Posts.data.postTypes[f.postType],e.current_user_can.create_posts&&(c.after(d({label:e.labels.singular_name})),f.container.find(".add-new-post-stub").on("click",function(c){var d,g,h=b(this);c.preventDefault(),h.prop("disabled",!0),d={post_status:"publish"},e.supports.title&&(d.post_title=a.Posts.data.l10n.noTitle),g=a.Posts.insertAutoDraftPost(f.postType),g.done(function(b){function c(){function a(d){d&&(b.section.active.unbind(a),_.defer(function(){c.focus({completeCallback:function(){c.container.find("input:first").select()}})}))}var c=b.section.controls()[0];c&&b.section.active.bind(a)}b.setting.set(_.extend({},b.setting.get(),d)),e["public"]&&b.url?a.previewer.previewUrl(b.url):a.previewer.refresh(),b.section.focus({completeCallback:c})}),g.always(function(){h.prop("disabled",!1)})}))},isContextuallyActive:function(){var a=this;return a.active()}})}(wp.customize,jQuery);

customize-posts/trunk/js/customize-posts.js

@@ -1 @@
-/*global jQuery, wp, _, _wpCustomizePostsExports, console */
+/* global jQuery, wp, _, _wpCustomizePostsExports, console */
 
 (function( api, $ ) {
@@ -58 +58 @@
 
     /**
+     * Get the post preview URL.
+     *
+     * @param {object} params - Parameters to configure the preview URL.
+     * @param {number} params.post_id - Post ID to preview.
+     * @param {string} [params.post_type] - Post type to preview.
+     * @return {string} Preview URL.
+     */
+    component.getPreviewUrl = function( params ) {
+        var url = api.settings.url.home,
+            args = {};
+
+        if ( ! params || ! params.post_id ) {
+            throw new Error( 'Missing params' );
+        }
+
+        args.preview = true;
+        if ( 'page' === params.post_type ) {
+            args.page_id = params.post_id;
+        } else {
+            args.p = params.post_id;
+            if ( params.post_type && 'post' !== params.post_type ) {
+                args.post_type = params.post_type;
+            }
+        }
+
+        return url + '?' + $.param( args );
+    };
+
+    /**
+     * Insert a new stubbed `auto-draft` post.
+     *
+     * @param {string} postType Post type to create.
+     * @return {jQuery.promise} Promise resolved with the added section.
+     */
+    component.insertAutoDraftPost = function( postType ) {
+        var request, deferred = $.Deferred();
+
+        request = wp.ajax.post( 'customize-posts-insert-auto-draft', {
+            'customize-posts-nonce': api.Posts.data.nonce,
+            'wp_customize': 'on',
+            'post_type': postType
+        } );
+
+        request.done( function( response ) {
+            var sections = component.receivePreviewData( response );
+            if ( 0 === sections.length ) {
+                deferred.rejectWith( 'no_sections' );
+            } else {
+                deferred.resolve( _.extend(
+                    {
+                        section: sections[0],
+                        setting: api( sections[0].id )
+                    },
+                    response
+                ) );
+            }
+        } );
+
+        request.fail( function( response ) {
+            var error = response || '';
+
+            if ( 'undefined' !== typeof response.message ) {
+                error = response.message;
+            }
+
+            console.error( error );
+            deferred.rejectWith( error );
+        } );
+
+        return deferred.promise();
+    };
+
+    /**
      * Handle receiving customized-posts messages from the preview.
      *
-     * @param {object} data
+     * @param {object} data Data from preview.
+     * @return {wp.customize.Section[]} Sections added.
      */
     component.receivePreviewData = function( data ) {
-        _.each( data.settings, function( setting, id ) {
+        var sections = [], section, setting;
+
+        _.each( data.settings, function( settingArgs, id ) {
 
             if ( ! api.has( id ) ) {
-                api.create( id, id, setting.value, {
-                    transport: setting.transport,
+                setting = api.create( id, id, settingArgs.value, {
+                    transport: settingArgs.transport,
                     previewer: api.previewer,
-                    dirty: setting.dirty
+                    dirty: settingArgs.dirty
                 } );
-            }
-
-            if ( 'post' === setting.type ) {
-                component.addPostSection( id );
-            }
-        } );
+                if ( settingArgs.dirty ) {
+                    setting.callbacks.fireWith( setting, [ setting.get(), {} ] );
+                }
+            }
+
+            if ( 'post' === settingArgs.type ) {
+                section = component.addPostSection( id );
+                if ( section ) {
+                    sections.push( section );
+                }
+            }
+        } );
+
+        return sections;
     };
 
@@ -82 +166 @@
      * Handle adding post setting.
      *
-     * @param {string} id
+     * @param {string} id - Section ID (same as post setting ID).
+     * @return {wp.customize.Section|null} Added (or existing) section, or null if not able to be added.
      */
     component.addPostSection = function( id ) {
@@ -92 +177 @@
                 console.error( 'Unrecognized post type: ' + postType );
             }
-            return;
+            return null;
+        }
+        if ( ! component.data.postTypes[ postType ].show_in_customizer ) {
+            return null;
         }
         postId = parseInt( idParts[2], 10 );
@@ -99 +187 @@
                 console.error( 'Bad post id: ' + idParts[2] );
             }
-            return;
+            return null;
         }
 
@@ -107 +195 @@
 
         if ( api.section.has( sectionId ) ) {
-            return;
+            return api.section( sectionId );
         }
 
@@ -124 +212 @@
         });
         api.section.add( sectionId, section );
+
+        return section;
+    };
+
+    /**
+     * Emulate sanitize_title_with_dashes().
+     *
+     * @todo This can be more verbose, supporting Unicode.
+     *
+     * @param {string} title Title
+     * @returns {string} slug
+     */
+    component.sanitizeTitleWithDashes = function sanitizeTitleWithDashes( title ) {
+        var slug = $.trim( title ).toLowerCase();
+        slug = slug.replace( /[^a-z0-9\-_]+/g, '-' );
+        slug = slug.replace( /--+/g, '-' );
+        slug = slug.replace( /^-+|-+$/g, '' );
+        return slug;
+    };
+
+    /**
+     * Handle purging the trash after Customize `saved`.
+     *
+     * @returns {void}
+     */
+    component.purgeTrash = function purgeTrash() {
+        api.section.each( function( section ) {
+            if ( section.extended( component.PostSection ) && 'trash' === api( section.id ).get().post_status ) {
+                api.section.remove( section.id );
+                section.collapse();
+                section.panel.set( false );
+                if ( ! _.isUndefined( component.previewedQuery ) && true === component.previewedQuery.get().isSingular ) {
+                    api.previewer.previewUrl( api.settings.url.home );
+                }
+            }
+        } );
+    };
+
+    /**
+     * Update settings quietly.
+     *
+     * Update all of the settings without causing the overall dirty state to change.
+     *
+     * This was originally part of the Customize Setting Validation plugin.
+     *
+     * @link https://github.com/xwp/wp-customize-setting-validation/blob/2e5ddc66a870ad7b1aee5f8e414bad4b78e120d2/js/customize-setting-validation.js#L186-L209
+     *
+     * @param {object} settingValues Setting IDs mapped to values.
+     * @return {void}
+     */
+    component.updateSettingsQuietly = function updateSettingsQuietly( settingValues ) {
+        var wasSaved = api.state( 'saved' ).get();
+        _.each( settingValues, function( value, settingId ) {
+            var setting = api( settingId ), wasDirty;
+            if ( setting && ! _.isEqual( setting.get(), value ) ) {
+                wasDirty = setting._dirty;
+                setting.set( value );
+                setting._dirty = wasDirty;
+            }
+        } );
+        api.state( 'saved' ).set( wasSaved );
     };
 
@@ -133 +282 @@
 
         api.previewer.bind( 'customized-posts', component.receivePreviewData );
+
+        // Track some of the recieved preview data from `customized-posts`.
+        component.previewedQuery = new api.Value( {} );
+        api.previewer.bind( 'customized-posts', function( data ) {
+            var query = {};
+            _.each( [ 'isSingular', 'isPostPreview', 'queriedPostId' ], function( key ) {
+                if ( ! _.isUndefined( data[ key ] ) ) {
+                    query[ key ] = data[ key ];
+                }
+            } );
+            component.previewedQuery.set( query );
+        } );
+
+        // Purge trashed posts and update client settings with saved values from server.
+        api.bind( 'saved', function( data ) {
+            if ( data.saved_post_setting_values ) {
+                component.updateSettingsQuietly( data.saved_post_setting_values );
+            }
+
+            component.purgeTrash();
+        } );
 
         /**
@@ -147 +317 @@
 
         /**
-         * Focus on the section requested from the preview.
+         * Focus on the control requested from the preview.
          *
          * @todo This can be merged into Core to correspond with focus-control-for-setting.

customize-posts/trunk/js/customize-posts.min.js

@@ -1 @@
-!function(a,b){"use strict";var c;a.Posts||(a.Posts={}),c=a.Posts,c.data={postTypes:{},l10n:{sectionCustomizeActionTpl:"",fieldTitleLabel:"",fieldContentLabel:"",fieldExcerptLabel:""},postIdInput:null},"undefined"!=typeof _wpCustomizePostsExports&&_.extend(c.data,_wpCustomizePostsExports),a.panelConstructor.posts=c.PostsPanel,a.sectionConstructor.post=c.PostSection,a.controlConstructor.post_discussion_fields=a.controlConstructor.dynamic.extend({initialize:function(b,c){c.params.type="post_discussion_fields",c.params.field_type="checkbox",a.controlConstructor.dynamic.prototype.initialize.call(this,b,c)}}),_.each(c.data.postTypes,function(b){var c,d;c="posts["+b.name+"]",a.panelConstructor[c]||(a.panelConstructor[c]=a.panelConstructor.posts.extend({postType:b})),d="post["+b.name+"]",a.sectionConstructor[d]||(a.sectionConstructor[d]=a.sectionConstructor.post.extend({postType:b}))}),c.receivePreviewData=function(b){_.each(b.settings,function(b,d){a.has(d)||a.create(d,d,b.value,{transport:b.transport,previewer:a.previewer,dirty:b.dirty}),"post"===b.type&&c.addPostSection(d)})},c.addPostSection=function(d){var e,f,g,h,i,j,k,l,m;return k=d.replace(/]/g,"").split("["),j=k[1],c.data.postTypes[j]?(i=parseInt(k[2],10))?(h="post["+j+"]",g="posts["+j+"]",f=d,void(a.section.has(f)||(l=a.sectionConstructor[h]||a.sectionConstructor.post,m=b("<div>").html(c.data.l10n.sectionCustomizeActionTpl.replace("%s",a.panel(g).params.title)),e=new l(f,{params:{id:f,panel:g,post_type:j,post_id:i,active:!0,customizeAction:m.text()}}),a.section.add(f,e)))):void("undefined"!=typeof console&&console.error&&console.error("Bad post id: "+k[2])):void("undefined"!=typeof console&&console.error&&console.error("Unrecognized post type: "+j))},a.bind("ready",function(){c.postIdInput=b('<input type="hidden" id="post_ID" name="post_ID">'),b("body").append(c.postIdInput),a.previewer.bind("customized-posts",c.receivePreviewData),a.previewer.bind("focus-section",function(b){var c=a.section(b);c&&c.focus()}),a.previewer.bind("focus-control",function(b){var c=a.control(b);c&&c.focus()})})}(wp.customize,jQuery);
+!function(a,b){"use strict";var c;a.Posts||(a.Posts={}),c=a.Posts,c.data={postTypes:{},l10n:{sectionCustomizeActionTpl:"",fieldTitleLabel:"",fieldContentLabel:"",fieldExcerptLabel:""},postIdInput:null},"undefined"!=typeof _wpCustomizePostsExports&&_.extend(c.data,_wpCustomizePostsExports),a.panelConstructor.posts=c.PostsPanel,a.sectionConstructor.post=c.PostSection,a.controlConstructor.post_discussion_fields=a.controlConstructor.dynamic.extend({initialize:function(b,c){c.params.type="post_discussion_fields",c.params.field_type="checkbox",a.controlConstructor.dynamic.prototype.initialize.call(this,b,c)}}),_.each(c.data.postTypes,function(b){var c,d;c="posts["+b.name+"]",a.panelConstructor[c]||(a.panelConstructor[c]=a.panelConstructor.posts.extend({postType:b})),d="post["+b.name+"]",a.sectionConstructor[d]||(a.sectionConstructor[d]=a.sectionConstructor.post.extend({postType:b}))}),c.getPreviewUrl=function(c){var d=a.settings.url.home,e={};if(!c||!c.post_id)throw new Error("Missing params");return e.preview=!0,"page"===c.post_type?e.page_id=c.post_id:(e.p=c.post_id,c.post_type&&"post"!==c.post_type&&(e.post_type=c.post_type)),d+"?"+b.param(e)},c.insertAutoDraftPost=function(d){var e,f=b.Deferred();return e=wp.ajax.post("customize-posts-insert-auto-draft",{"customize-posts-nonce":a.Posts.data.nonce,wp_customize:"on",post_type:d}),e.done(function(b){var d=c.receivePreviewData(b);0===d.length?f.rejectWith("no_sections"):f.resolve(_.extend({section:d[0],setting:a(d[0].id)},b))}),e.fail(function(a){var b=a||"";"undefined"!=typeof a.message&&(b=a.message),console.error(b),f.rejectWith(b)}),f.promise()},c.receivePreviewData=function(b){var d,e,f=[];return _.each(b.settings,function(b,g){a.has(g)||(e=a.create(g,g,b.value,{transport:b.transport,previewer:a.previewer,dirty:b.dirty}),b.dirty&&e.callbacks.fireWith(e,[e.get(),{}])),"post"===b.type&&(d=c.addPostSection(g),d&&f.push(d))}),f},c.addPostSection=function(d){var e,f,g,h,i,j,k,l,m;return k=d.replace(/]/g,"").split("["),j=k[1],c.data.postTypes[j]?c.data.postTypes[j].show_in_customizer?(i=parseInt(k[2],10))?(h="post["+j+"]",g="posts["+j+"]",f=d,a.section.has(f)?a.section(f):(l=a.sectionConstructor[h]||a.sectionConstructor.post,m=b("<div>").html(c.data.l10n.sectionCustomizeActionTpl.replace("%s",a.panel(g).params.title)),e=new l(f,{params:{id:f,panel:g,post_type:j,post_id:i,active:!0,customizeAction:m.text()}}),a.section.add(f,e),e)):("undefined"!=typeof console&&console.error&&console.error("Bad post id: "+k[2]),null):null:("undefined"!=typeof console&&console.error&&console.error("Unrecognized post type: "+j),null)},c.sanitizeTitleWithDashes=function(a){var c=b.trim(a).toLowerCase();return c=c.replace(/[^a-z0-9\-_]+/g,"-"),c=c.replace(/--+/g,"-"),c=c.replace(/^-+|-+$/g,"")},c.purgeTrash=function(){a.section.each(function(b){b.extended(c.PostSection)&&"trash"===a(b.id).get().post_status&&(a.section.remove(b.id),b.collapse(),b.panel.set(!1),_.isUndefined(c.previewedQuery)||!0!==c.previewedQuery.get().isSingular||a.previewer.previewUrl(a.settings.url.home))})},c.updateSettingsQuietly=function(b){var c=a.state("saved").get();_.each(b,function(b,c){var d,e=a(c);e&&!_.isEqual(e.get(),b)&&(d=e._dirty,e.set(b),e._dirty=d)}),a.state("saved").set(c)},a.bind("ready",function(){c.postIdInput=b('<input type="hidden" id="post_ID" name="post_ID">'),b("body").append(c.postIdInput),a.previewer.bind("customized-posts",c.receivePreviewData),c.previewedQuery=new a.Value({}),a.previewer.bind("customized-posts",function(a){var b={};_.each(["isSingular","isPostPreview","queriedPostId"],function(c){_.isUndefined(a[c])||(b[c]=a[c])}),c.previewedQuery.set(b)}),a.bind("saved",function(a){a.saved_post_setting_values&&c.updateSettingsQuietly(a.saved_post_setting_values),c.purgeTrash()}),a.previewer.bind("focus-section",function(b){var c=a.section(b);c&&c.focus()}),a.previewer.bind("focus-control",function(b){var c=a.control(b);c&&c.focus()})})}(wp.customize,jQuery);

customize-posts/trunk/js/customize-preview-posts.js

@@ -1 @@
-/*global wp, _wpCustomizePreviewPostsData, JSON */
+/* global wp, _wpCustomizePreviewPostsData, JSON */
+
 ( function( api, $ ) {
     'use strict';
@@ -27 +28 @@
 
         _.each( settings, function( setting, id ) {
-            var partial;
 
             if ( ! api.has( id ) ) {
@@ -37 +37 @@
             if ( 'post' === setting.type ) {
 
-                // Post field partial for post_title.
-                partial = new api.previewPosts.PostFieldPartial( id + '[post_title]', {
-                    params: {
-                        settings: [ id ]
+                // Add the partials.
+                _.each( api.previewPosts.partialSchema( id ), function( schema ) {
+                    var partial, addPartial, matches, baseSelector, idPattern = /^post\[(.+?)]\[(-?\d+)]\[(.+?)](?:\[(.+?)])?$/;
+
+                    matches = schema.id.match( idPattern );
+                    if ( ! matches ) {
+                        throw new Error( 'Bad PostFieldPartial id. Expected post[:post_type][:post_id][:field_id]' );
+                    }
+
+                    if ( schema.params.selector ) {
+                        if ( ! schema.params.bodySelector ) {
+                            baseSelector = '.hentry.post-' + String( parseInt( matches[2], 10 ) ) + '.type-' + matches[1];
+                        } else {
+                            baseSelector = '.postid-' + String( parseInt( matches[2], 10 ) ) + '.single-' + matches[1];
+                        }
+                        schema.params.selector = baseSelector + ' ' + schema.params.selector;
+
+                        addPartial =
+                            ! schema.params.singularOnly && ! schema.params.archiveOnly ||
+                            schema.params.singularOnly && api.previewPosts.data.isSingular ||
+                            schema.params.archiveOnly && ! api.previewPosts.data.isSingular;
+
+                        if ( addPartial ) {
+                            partial = new api.previewPosts.PostFieldPartial( schema.id, { params: schema.params } );
+                            api.selectiveRefresh.partial.add( partial.id, partial );
+                        }
+                    } else {
+                        partial = new api.previewPosts.PostFieldPartial( schema.id, { params: schema.params } );
+
+                        /**
+                         * Suppress wasted partial refreshes for partials that lack selectors.
+                         *
+                         * For example, since the post_name field is not normally
+                         * displayed, suppress refreshing changes.
+                         *
+                         * @returns {jQuery.promise} Promise.
+                         */
+                        partial.refresh = function refreshWithoutSelector() {
+                            var deferred = $.Deferred();
+                            if ( this.params.fallbackRefresh ) {
+                                api.selectiveRefresh.requestFullRefresh();
+                                deferred.resolve();
+                            } else {
+                                deferred.reject();
+                            }
+                            return deferred.promise();
+                        };
+                        api.selectiveRefresh.partial.add( partial.id, partial );
                     }
                 } );
-                api.selectiveRefresh.partial.add( partial.id, partial );
-
-                // Post field partial for post_content.
-                partial = new api.previewPosts.PostFieldPartial( id + '[post_content]', {
-                    params: {
-                        settings: [ id ]
-                    }
-                } );
-                api.selectiveRefresh.partial.add( partial.id, partial );
-
-                // Post field partial for post_excerpt.
-                partial = new api.previewPosts.PostFieldPartial( id + '[post_excerpt]', {
-                    params: {
-                        settings: [ id ]
-                    }
-                } );
-                api.selectiveRefresh.partial.add( partial.id, partial );
-
-                // Post field partial for comment_status comments-area.
-                if ( api.previewPosts.data.isSingular ) {
-                    partial = new api.previewPosts.PostFieldPartial( id + '[comment_status][comments-area]', {
-                        params: {
-                            settings: [ id ],
-                            containerInclusive: true,
-                            fallbackRefresh: true
-                        }
-                    } );
-                    api.selectiveRefresh.partial.add( partial.id, partial );
-                }
-
-                // Post field partial for comment_status comments-link.
-                partial = new api.previewPosts.PostFieldPartial( id + '[comment_status][comments-link]', {
-                    params: {
-                        settings: [ id ],
-                        containerInclusive: true,
-                        fallbackRefresh: false
-                    }
-                } );
-                partial.fallback = function() {
-                    if ( ! this.params.fallbackRefresh && 0 === this.placements().length && ! api.previewPosts.data.isSingular ) {
-                        api.selectiveRefresh.requestFullRefresh();
-                    } else {
-                        api.previewPosts.PostFieldPartial.prototype.refresh.call( this );
-                    }
-                };
-                api.selectiveRefresh.partial.add( partial.id, partial );
-
-                // Post field partial for ping_status.
-                partial = new api.previewPosts.PostFieldPartial( id + '[ping_status]', {
-                    params: {
-                        settings: [ id ],
-                        containerInclusive: true,
-                        fallbackRefresh: false
-                    }
-                } );
-                api.selectiveRefresh.partial.add( partial.id, partial );
-
-                // Post field partial for post_author author-bio.
-                partial = new api.previewPosts.PostFieldPartial( id + '[post_author][author-bio]', {
-                    params: {
-                        settings: [ id ],
-                        containerInclusive: true,
-                        fallbackRefresh: true
-                    }
-                } );
-                api.selectiveRefresh.partial.add( partial.id, partial );
-
-                // Post field partial for post_author byline.
-                partial = new api.previewPosts.PostFieldPartial( id + '[post_author][byline]', {
-                    params: {
-                        settings: [ id ],
-                        containerInclusive: true,
-                        fallbackRefresh: false
-                    }
-                } );
-                api.selectiveRefresh.partial.add( partial.id, partial );
-
-                // Post field partial for post_author avatar.
-                partial = new api.previewPosts.PostFieldPartial( id + '[post_author][avatar]', {
-                    params: {
-                        settings: [ id ],
-                        containerInclusive: true,
-                        fallbackRefresh: false
-                    }
-                } );
-                api.selectiveRefresh.partial.add( partial.id, partial );
             }
 
             // @todo Trigger event for plugins and postmeta controllers.
         } );
+    };
+
+    /**
+     * Geneate the partial schema.
+     *
+     * @param {string} id
+     */
+    api.previewPosts.partialSchema = function( id ) {
+        var partialSchema = [];
+
+        _.each( api.previewPosts.data.partialSchema, function( params, key ) {
+            var partialId, idParts;
+
+            idParts = key.replace( /]/g, '' ).split( /\[/ );
+            partialId = id + '[' + idParts.join( '][' ) + ']';
+
+            params.settings = [ id ];
+            partialSchema.push( {
+                id: partialId,
+                params: api.previewPosts.snakeToCamel( params )
+            } );
+        } );
+
+        return partialSchema;
+    };
+
+    /**
+     * Convert the schema snakecase params to camelcase.
+     *
+     * @param {object} params
+     */
+    api.previewPosts.snakeToCamel = function( params ) {
+        var newParams = {};
+
+        _.each( params, function( value, key ) {
+            var i = key.replace( /_\w/g, function( str ) {
+                return str[1].toUpperCase();
+            } );
+            newParams[ i ] = value;
+        } );
+
+        return newParams;
     };
 

customize-posts/trunk/js/customize-preview-posts.min.js

@@ -1 @@
-!function(a,b){"use strict";a.previewPosts||(a.previewPosts={}),a.previewPosts.data||(a.previewPosts.data={}),b(document.body).on("mousedown",function(a){a.shiftKey&&a.preventDefault()}),a.previewPosts.addPartials=function(b){_.each(b,function(b,c){var d;a.has(c)||a.create(c,b.value,{id:c}),"post"===b.type&&(d=new a.previewPosts.PostFieldPartial(c+"[post_title]",{params:{settings:[c]}}),a.selectiveRefresh.partial.add(d.id,d),d=new a.previewPosts.PostFieldPartial(c+"[post_content]",{params:{settings:[c]}}),a.selectiveRefresh.partial.add(d.id,d),d=new a.previewPosts.PostFieldPartial(c+"[post_excerpt]",{params:{settings:[c]}}),a.selectiveRefresh.partial.add(d.id,d),a.previewPosts.data.isSingular&&(d=new a.previewPosts.PostFieldPartial(c+"[comment_status][comments-area]",{params:{settings:[c],containerInclusive:!0,fallbackRefresh:!0}}),a.selectiveRefresh.partial.add(d.id,d)),d=new a.previewPosts.PostFieldPartial(c+"[comment_status][comments-link]",{params:{settings:[c],containerInclusive:!0,fallbackRefresh:!1}}),d.fallback=function(){this.params.fallbackRefresh||0!==this.placements().length||a.previewPosts.data.isSingular?a.previewPosts.PostFieldPartial.prototype.refresh.call(this):a.selectiveRefresh.requestFullRefresh()},a.selectiveRefresh.partial.add(d.id,d),d=new a.previewPosts.PostFieldPartial(c+"[ping_status]",{params:{settings:[c],containerInclusive:!0,fallbackRefresh:!1}}),a.selectiveRefresh.partial.add(d.id,d),d=new a.previewPosts.PostFieldPartial(c+"[post_author][author-bio]",{params:{settings:[c],containerInclusive:!0,fallbackRefresh:!0}}),a.selectiveRefresh.partial.add(d.id,d),d=new a.previewPosts.PostFieldPartial(c+"[post_author][byline]",{params:{settings:[c],containerInclusive:!0,fallbackRefresh:!1}}),a.selectiveRefresh.partial.add(d.id,d),d=new a.previewPosts.PostFieldPartial(c+"[post_author][avatar]",{params:{settings:[c],containerInclusive:!0,fallbackRefresh:!1}}),a.selectiveRefresh.partial.add(d.id,d))})},a.previewPosts.addSettings=function(b){a.previewPosts.addPartials(b),a.preview.send("customized-posts",{settings:b})},a.bind("preview-ready",function(){a.preview.bind("active",function(){var c={};_.extend(a.previewPosts.data,_wpCustomizePreviewPostsData),a.each(function(b){var d=a.previewPosts.data.settingProperties[b.id];d&&(c[b.id]={value:b.get(),dirty:Boolean(a.settings._dirty[b.id]),type:d.type,transport:d.transport})}),a.previewPosts.addPartials(c),a.preview.send("customized-posts",{isPostPreview:a.previewPosts.data.isPostPreview,isSingular:a.previewPosts.data.isSingular,queriedPostId:a.previewPosts.data.queriedPostId,settings:c}),b(document.body).on("click",".post-edit-link",function(c){var d,e=b(this);d=e.data("customize-post-setting-id"),c.preventDefault(),d&&a.preview.send("focus-section",d)})}),a.selectiveRefresh.bind("render-partials-response",function(b){b.customize_post_settings&&a.previewPosts.addSettings(b.customize_post_settings)}),b(document).ajaxSuccess(function(b,c,d,e){var f,g="POST"===d.type&&-1!==d.url.indexOf("infinity=scrolling");g&&(f="string"==typeof e?JSON.parse(e):e,f.customize_post_settings&&a.previewPosts.addSettings(f.customize_post_settings))})})}(wp.customize,jQuery);
+!function(a,b){"use strict";a.previewPosts||(a.previewPosts={}),a.previewPosts.data||(a.previewPosts.data={}),b(document.body).on("mousedown",function(a){a.shiftKey&&a.preventDefault()}),a.previewPosts.addPartials=function(c){_.each(c,function(c,d){a.has(d)||a.create(d,c.value,{id:d}),"post"===c.type&&_.each(a.previewPosts.partialSchema(d),function(c){var d,e,f,g,h=/^post\[(.+?)]\[(-?\d+)]\[(.+?)](?:\[(.+?)])?$/;if(f=c.id.match(h),!f)throw new Error("Bad PostFieldPartial id. Expected post[:post_type][:post_id][:field_id]");c.params.selector?(g=c.params.bodySelector?".postid-"+String(parseInt(f[2],10))+".single-"+f[1]:".hentry.post-"+String(parseInt(f[2],10))+".type-"+f[1],c.params.selector=g+" "+c.params.selector,e=!c.params.singularOnly&&!c.params.archiveOnly||c.params.singularOnly&&a.previewPosts.data.isSingular||c.params.archiveOnly&&!a.previewPosts.data.isSingular,e&&(d=new a.previewPosts.PostFieldPartial(c.id,{params:c.params}),a.selectiveRefresh.partial.add(d.id,d))):(d=new a.previewPosts.PostFieldPartial(c.id,{params:c.params}),d.refresh=function(){var c=b.Deferred();return this.params.fallbackRefresh?(a.selectiveRefresh.requestFullRefresh(),c.resolve()):c.reject(),c.promise()},a.selectiveRefresh.partial.add(d.id,d))})})},a.previewPosts.partialSchema=function(b){var c=[];return _.each(a.previewPosts.data.partialSchema,function(d,e){var f,g;g=e.replace(/]/g,"").split(/\[/),f=b+"["+g.join("][")+"]",d.settings=[b],c.push({id:f,params:a.previewPosts.snakeToCamel(d)})}),c},a.previewPosts.snakeToCamel=function(a){var b={};return _.each(a,function(a,c){var d=c.replace(/_\w/g,function(a){return a[1].toUpperCase()});b[d]=a}),b},a.previewPosts.addSettings=function(b){a.previewPosts.addPartials(b),a.preview.send("customized-posts",{settings:b})},a.bind("preview-ready",function(){a.preview.bind("active",function(){var c={};_.extend(a.previewPosts.data,_wpCustomizePreviewPostsData),a.each(function(b){var d=a.previewPosts.data.settingProperties[b.id];d&&(c[b.id]={value:b.get(),dirty:Boolean(a.settings._dirty[b.id]),type:d.type,transport:d.transport})}),a.previewPosts.addPartials(c),a.preview.send("customized-posts",{isPostPreview:a.previewPosts.data.isPostPreview,isSingular:a.previewPosts.data.isSingular,queriedPostId:a.previewPosts.data.queriedPostId,settings:c}),b(document.body).on("click",".post-edit-link",function(c){var d,e=b(this);d=e.data("customize-post-setting-id"),c.preventDefault(),d&&a.preview.send("focus-section",d)})}),a.selectiveRefresh.bind("render-partials-response",function(b){b.customize_post_settings&&a.previewPosts.addSettings(b.customize_post_settings)}),b(document).ajaxSuccess(function(b,c,d,e){var f,g="POST"===d.type&&-1!==d.url.indexOf("infinity=scrolling");g&&(f="string"==typeof e?JSON.parse(e):e,f.customize_post_settings&&a.previewPosts.addSettings(f.customize_post_settings))})})}(wp.customize,jQuery);

customize-posts/trunk/js/edit-post-preview-admin.js

@@ -71 +71 @@
                     editor.setContent( wp.editor.autop( data[ postSettingId ].post_content ) );
                 }
+                // @todo Handle post-status sync.
                 $( '#content' ).val( data[ postSettingId ].post_content ).trigger( 'change' );
                 $( '#excerpt' ).val( data[ postSettingId ].post_excerpt ).trigger( 'change' );

customize-posts/trunk/php/class-customize-posts-plugin.php

@@ -65 +65 @@
         add_filter( 'user_has_cap', array( $this, 'grant_customize_capability' ), 10, 3 );
         add_filter( 'customize_loaded_components', array( $this, 'filter_customize_loaded_components' ), 100, 2 );
+        add_action( 'customize_register', array( $this, 'load_support_classes' ) );
 
         require_once dirname( __FILE__ ) . '/class-wp-customize-postmeta-controller.php';
@@ -113 +114 @@
 
         return $components;
+    }
+
+    /**
+     * Load theme and plugin compatibility classes.
+     *
+     * @codeCoverageIgnore
+     *
+     * @param WP_Customize_Manager $wp_customize Manager.
+     */
+    function load_support_classes( $wp_customize ) {
+
+        // Theme & Plugin Support.
+        require_once dirname( __FILE__ ) . '/class-customize-posts-support.php';
+        require_once dirname( __FILE__ ) . '/class-customize-posts-plugin-support.php';
+        require_once dirname( __FILE__ ) . '/class-customize-posts-theme-support.php';
+
+        foreach ( array( 'theme', 'plugin' ) as $type ) {
+            foreach ( glob( dirname( __FILE__ ) . '/' . $type . '-support/class-*.php' ) as $file_path ) {
+                require_once $file_path;
+
+                $class_name = str_replace( '-', '_', preg_replace( '/^class-(.+)\.php$/', '$1', basename( $file_path ) ) );
+                if ( class_exists( $class_name ) ) {
+                    $wp_customize->posts->add_support( new $class_name( $wp_customize->posts ) );
+                }
+            }
+        }
     }
 
@@ -133 +160 @@
     public function register_scripts( WP_Scripts $wp_scripts ) {
         $suffix = ( SCRIPT_DEBUG ? '' : '.min' ) . '.js';
-        $plugin_dir_url = plugin_dir_url( dirname( __FILE__ ) );
 
         $handle = 'customize-controls-patched-36521';
-        $src = $plugin_dir_url . 'js/customize-controls-patched-36521' . $suffix;
+        $src = plugins_url( 'js/customize-controls-patched-36521' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-controls' );
         $in_footer = 1;
@@ -142 +168 @@
 
         $handle = 'customize-posts-panel';
-        $src = $plugin_dir_url . 'js/customize-posts-panel' . $suffix;
+        $src = plugins_url( 'js/customize-posts-panel' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-controls' );
         $in_footer = 1;
@@ -148 +174 @@
 
         $handle = 'customize-post-section';
-        $src = $plugin_dir_url . 'js/customize-post-section' . $suffix;
+        $src = plugins_url( 'js/customize-post-section' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-controls' );
         $in_footer = 1;
@@ -154 +180 @@
 
         $handle = 'customize-dynamic-control';
-        $src = $plugin_dir_url . 'js/customize-dynamic-control' . $suffix;
+        $src = plugins_url( 'js/customize-dynamic-control' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-controls' );
         $in_footer = 1;
@@ -160 +186 @@
 
         $handle = 'customize-posts';
-        $src = $plugin_dir_url . 'js/customize-posts' . $suffix;
+        $src = plugins_url( 'js/customize-posts' . $suffix, dirname( __FILE__ ) );
         $deps = array(
             'jquery',
@@ -177 +203 @@
 
         $handle = 'customize-post-field-partial';
-        $src = $plugin_dir_url . 'js/customize-post-field-partial' . $suffix;
+        $src = plugins_url( 'js/customize-post-field-partial' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-selective-refresh' );
         $in_footer = 1;
@@ -183 +209 @@
 
         $handle = 'customize-preview-posts';
-        $src = $plugin_dir_url . 'js/customize-preview-posts' . $suffix;
+        $src = plugins_url( 'js/customize-preview-posts' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'jquery', 'customize-preview', 'customize-post-field-partial' );
         $in_footer = 1;
@@ -189 +215 @@
 
         $handle = 'edit-post-preview-admin';
-        $src = $plugin_dir_url . 'js/edit-post-preview-admin' . $suffix;
+        $src = plugins_url( 'js/edit-post-preview-admin' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'post' );
         $in_footer = 1;
@@ -195 +221 @@
 
         $handle = 'edit-post-preview-customize';
-        $src = $plugin_dir_url . 'js/edit-post-preview-customize' . $suffix;
+        $src = plugins_url( 'js/edit-post-preview-customize' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-controls' );
         $in_footer = 1;
@@ -202 +228 @@
         // Page templates.
         $handle = 'customize-page-template';
-        $src = $plugin_dir_url . 'js/customize-page-template' . $suffix;
+        $src = plugins_url( 'js/customize-page-template' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-controls', 'customize-posts' );
         $in_footer = 1;
@@ -208 +234 @@
 
         $handle = 'edit-post-preview-admin-page-template';
-        $src = $plugin_dir_url . 'js/edit-post-preview-admin-page-template' . $suffix;
+        $src = plugins_url( 'js/edit-post-preview-admin-page-template' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'edit-post-preview-admin' );
         $in_footer = 1;
@@ -215 +241 @@
         // Featured images.
         $handle = 'customize-featured-image';
-        $src = $plugin_dir_url . 'js/customize-featured-image' . $suffix;
+        $src = plugins_url( 'js/customize-featured-image' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-controls', 'customize-posts' );
         $in_footer = 1;
@@ -221 +247 @@
 
         $handle = 'edit-post-preview-admin-featured-image';
-        $src = $plugin_dir_url . 'js/edit-post-preview-admin-featured-image' . $suffix;
+        $src = plugins_url( 'js/edit-post-preview-admin-featured-image' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'edit-post-preview-admin' );
         $in_footer = 1;
@@ -227 +253 @@
 
         $handle = 'customize-preview-featured-image';
-        $src = $plugin_dir_url . 'js/customize-preview-featured-image' . $suffix;
+        $src = plugins_url( 'js/customize-preview-featured-image' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-preview', 'customize-selective-refresh' );
         $in_footer = 1;
@@ -240 +266 @@
     public function register_styles( WP_Styles $wp_styles ) {
         $suffix = ( SCRIPT_DEBUG ? '' : '.min' ) . '.css';
-        $plugin_dir_url = plugin_dir_url( dirname( __FILE__ ) );
 
         $handle = 'customize-posts';
-        $src = $plugin_dir_url . 'css/customize-posts' . $suffix;
+        $src = plugins_url( 'css/customize-posts' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'wp-admin' );
         $version = $this->version;
@@ -249 +274 @@
 
         $handle = 'edit-post-preview-customize';
-        $src = $plugin_dir_url . 'css/edit-post-preview-customize' . $suffix;
+        $src = plugins_url( 'css/edit-post-preview-customize' . $suffix, dirname( __FILE__ ) );
         $deps = array( 'customize-controls' );
         $wp_styles->add( $handle, $src, $deps, $this->version );

customize-posts/trunk/php/class-edit-post-preview.php

@@ -95 +95 @@
 
     /**
+     * Generate a preview permalink for a post/page.
+     *
+     * @access public
+     *
+     * @param WP_Post $post The post in question.
+     * @return string Edit post link.
+     */
+    public static function get_preview_post_link( $post ) {
+        $permalink = '';
+
+        if ( $post instanceof WP_Post ) {
+            $id_param = ( 'page' === $post->post_type ) ? 'page_id' : 'p';
+            $args = array();
+            $args['preview'] = true;
+            $args[ $id_param ] = $post->ID;
+            if ( 'page_id' !== $id_param && 'post' !== $post->post_type ) {
+                $args['post_type'] = $post->post_type;
+            }
+            $permalink = get_preview_post_link( $post, $args, home_url( '/' ) );
+        }
+
+        return $permalink;
+    }
+
+    /**
      * Enqueue scripts for post edit screen.
      */
@@ -104 +129 @@
         $post = $this->get_previewed_post();
 
-        $id_param = ( 'page' === $post->post_type ) ? 'page_id' : 'p';
-        $url = get_preview_post_link( $post, array(), home_url( '?preview=true&' . $id_param . '=' . $post->ID ) );
         $customize_url = add_query_arg(
             array(
-                'url' => urlencode( $url ),
+                'url' => urlencode( self::get_preview_post_link( $post ) ),
                 'previewed_post' => $post->ID,
                 'autofocus[section]' => sprintf( 'post[%s][%d]', $post->post_type, $post->ID ),

customize-posts/trunk/php/class-wp-customize-dynamic-control.php

@@ -144 +144 @@
             <# } #>
         <# } #>
-        <div class="customize-setting-validation-message error" aria-live="assertive"></div>
         <?php
     }

customize-posts/trunk/php/class-wp-customize-featured-image-controller.php

@@ -379 +379 @@
      * @param string                        $attachment_id The value to sanitize.
      * @param WP_Customize_Postmeta_Setting $setting       Setting.
-     * @param bool                          $strict        Whether validation is being done. This is part of the proposed patch in in #34893.
-     * @return mixed|null Null if an input isn't valid, otherwise the sanitized value.
-     */
-    public function sanitize_setting( $attachment_id, WP_Customize_Postmeta_Setting $setting, $strict = false ) {
+     * @return mixed|WP_Error Sanitized value or `WP_Error` if invalid.
+     */
+    public function sanitize_setting( $attachment_id, WP_Customize_Postmeta_Setting $setting ) {
         unset( $setting );
+        $has_setting_validation = method_exists( 'WP_Customize_Setting', 'validate' );
 
         $is_valid = (
@@ -398 +398 @@
          * So $attachment_id is either a valid attachment ID, -1, or false.
          */
-        if ( $strict && ! $is_valid  ) {
-            if ( $strict ) {
-                return new WP_Error( 'invalid_attachment_id', __( 'The attachment is invalid.', 'customize-posts' ) );
-            } else {
-                return null;
-            }
+        if ( ! $is_valid  ) {
+            return $has_setting_validation ? new WP_Error( 'invalid_attachment_id', __( 'The attachment is invalid.', 'customize-posts' ) ) : null;
         }
 

customize-posts/trunk/php/class-wp-customize-page-template-controller.php

@@ -105 +105 @@
      * @param string                        $page_template The value to sanitize.
      * @param WP_Customize_Postmeta_Setting $setting       Setting.
-     * @param bool                          $strict        Whether validation is being done. This is part of the proposed patch in in #34893.
-     * @return mixed|null Null if an input isn't valid, otherwise the sanitized value.
+     * @return mixed|WP_Error Sanitized value or WP_Error if invalid valid.
      */
-    public function sanitize_setting( $page_template, WP_Customize_Postmeta_Setting $setting, $strict = false ) {
+    public function sanitize_setting( $page_template, WP_Customize_Postmeta_Setting $setting ) {
         $post = get_post( $setting->post_id );
         $page_templates = wp_get_theme()->get_page_templates( $post );
+        $has_setting_validation = method_exists( 'WP_Customize_Setting', 'validate' );
 
         if ( 'default' !== $page_template && ! isset( $page_templates[ $page_template ] ) ) {
-            if ( $strict ) {
-                return new WP_Error( 'invalid_page_template', __( 'The page template is invalid.', 'customize-posts' ) );
-            } else {
-                return null;
-            }
+            return $has_setting_validation ? new WP_Error( 'invalid_page_template', __( 'The page template is invalid.', 'customize-posts' ) ) : null;
         }
         return $page_template;

customize-posts/trunk/php/class-wp-customize-post-discussion-fields-control.php

@@ -74 +74 @@
             </p>
         <# } #>
-
-        <div class="customize-setting-validation-message error" aria-live="assertive"></div>
         <?php
     }

customize-posts/trunk/php/class-wp-customize-post-field-partial.php

@@ -43 +43 @@
      * Setting that this section is related to.
      *
-     * @var WP_Customize_Post_Setting
+     * @var string
      */
     public $field_id;
@@ -84 +84 @@
         $args['field_id'] = $matches['field_id'];
         $args['placement'] = isset( $matches['placement'] ) ? $matches['placement'] : '';
-
-        if ( ! empty( $args['placement'] ) ) {
-            if ( ! isset( $args['container_inclusive'] ) ) {
-                $args['container_inclusive'] = true;
-            }
-            if ( ! isset( $args['fallback_refresh'] ) ) {
-                $args['fallback_refresh'] = false;
-            }
-        }
 
         parent::__construct( $component, $id, $args );
@@ -112 +103 @@
         }
 
-        /**
-         * Partial.
-         *
-         * @var WP_Customize_Post_Field_Partial $partial
-         */
-
         $GLOBALS['post'] = $post; // WPCS: override global ok.
         setup_postdata( $post );
-        if ( 'post_title' === $this->field_id ) {
-            $rendered = $post->post_title;
-
-            if ( ! empty( $post->post_password ) ) {
-                /** This filter is documented in wp-includes/post-template.php */
-                $protected_title_format = apply_filters( 'protected_title_format', __( 'Protected: %s', 'customize-posts' ), $post );
-                $rendered = sprintf( $protected_title_format, $rendered );
-            } elseif ( isset( $post->post_status ) && 'private' === $post->post_status ) {
-                /** This filter is documented in wp-includes/post-template.php */
-                $private_title_format = apply_filters( 'private_title_format', __( 'Private: %s', 'customize-posts' ), $post );
-                $rendered = sprintf( $private_title_format, $rendered );
-            }
-
+
+        $method = 'render_' . $this->field_id;
+        if ( method_exists( $this, $method ) ) {
+            $rendered = $this->$method( $partial, $context, $post );
+        }
+
+        wp_reset_postdata();
+        return $rendered;
+    }
+
+    /**
+     * Export data to JS.
+     *
+     * @return array
+     */
+    public function json() {
+        $data = parent::json();
+        $data['post_type'] = $this->post_type;
+        $data['post_id'] = $this->post_id;
+        $data['field_id'] = $this->field_id;
+        $data['placement'] = $this->placement;
+        return $data;
+    }
+
+    /**
+     * Render the post title.
+     *
+     * @param WP_Customize_Partial $partial Partial.
+     * @param array                $context Context.
+     * @param WP_Post              $post    Post object.
+     * @return string
+     */
+    public function render_post_title( $partial, $context, $post ) {
+        unset( $partial, $context );
+        $rendered = $post->post_title;
+
+        if ( ! empty( $post->post_password ) ) {
             /** This filter is documented in wp-includes/post-template.php */
-            $rendered = apply_filters( 'the_title', $rendered, $post->ID );
-
-            // @todo We need to pass whether a link is present as placement context.
-            if ( ! is_single() ) {
-                $rendered = sprintf( '<a href="%s" rel="bookmark">%s</a>', esc_url( get_permalink( $post->ID ) ), $rendered );
-            }
-        } elseif ( 'post_content' === $this->field_id ) {
-            $rendered = get_the_content();
-
+            $protected_title_format = apply_filters( 'protected_title_format', __( 'Protected: %s', 'customize-posts' ), $post );
+            $rendered = sprintf( $protected_title_format, $rendered );
+        } elseif ( isset( $post->post_status ) && 'private' === $post->post_status ) {
             /** This filter is documented in wp-includes/post-template.php */
-            $rendered = apply_filters( 'the_content', $rendered );
-            $rendered = str_replace( ']]>', ']]&gt;', $rendered );
-        } elseif ( 'post_excerpt' === $partial->field_id ) {
-            $rendered = get_the_excerpt();
-
-            /** This filter is documented in wp-includes/post-template.php */
-            $rendered = apply_filters( 'the_excerpt', $rendered );
-        } elseif ( ( 'comment_status' === $partial->field_id && 'comments-area' === $this->placement ) || ( 'ping_status' === $partial->field_id ) && is_singular() ) {
+            $private_title_format = apply_filters( 'private_title_format', __( 'Private: %s', 'customize-posts' ), $post );
+            $rendered = sprintf( $private_title_format, $rendered );
+        }
+
+        /** This filter is documented in wp-includes/post-template.php */
+        $rendered = apply_filters( 'the_title', $rendered, $post->ID );
+
+        // @todo We need to pass whether a link is present as placement context.
+        if ( ! is_single() ) {
+            $rendered = sprintf( '<a href="%s" rel="bookmark">%s</a>', esc_url( get_permalink( $post->ID ) ), $rendered );
+        }
+
+        return $rendered;
+    }
+
+    /**
+     * Render the post content.
+     *
+     * @param WP_Customize_Partial $partial Partial.
+     * @param array                $context Context.
+     * @param WP_Post              $post    Post object.
+     * @return string
+     */
+    public function render_post_content( $partial, $context, $post ) {
+        unset( $partial, $context, $post );
+        $rendered = get_the_content();
+
+        /** This filter is documented in wp-includes/post-template.php */
+        $rendered = apply_filters( 'the_content', $rendered );
+        $rendered = str_replace( ']]>', ']]&gt;', $rendered );
+
+        return $rendered;
+    }
+
+    /**
+     * Render the post excerpt.
+     *
+     * @param WP_Customize_Partial $partial Partial.
+     * @param array                $context Context.
+     * @param WP_Post              $post    Post object.
+     * @return string
+     */
+    public function render_post_excerpt( $partial, $context, $post ) {
+        unset( $partial, $context, $post );
+        $rendered = get_the_excerpt();
+
+        /** This filter is documented in wp-includes/post-template.php */
+        $rendered = apply_filters( 'the_excerpt', $rendered );
+
+        return $rendered;
+    }
+
+    /**
+     * Render comments area & link.
+     *
+     * @param WP_Customize_Partial $partial Partial.
+     * @param array                $context Context.
+     * @param WP_Post              $post    Post object.
+     * @return string|null
+     */
+    public function render_comment_status( $partial, $context, $post ) {
+        unset( $partial, $context, $post );
+        $rendered = null;
+
+        if ( 'comments-area' === $this->placement && is_singular() ) {
             if ( comments_open() || get_comments_number() ) {
                 ob_start();
@@ -160 +220 @@
                 $rendered = '';
             }
-        } elseif ( 'comment_status' === $partial->field_id && 'comments-link' === $this->placement && ! is_single() && ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
+        } elseif ( 'comments-link' === $this->placement && ! is_single() && ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
             ob_start();
             /* translators: %s: post title */
@@ -169 +229 @@
                 $rendered = '<span class="comments-link">' . $link . '</span>';
             }
-        } elseif ( 'post_author' === $this->field_id ) {
-            if ( 'author-bio' === $this->placement && is_singular() && get_the_author_meta( 'description' ) ) {
-
-                $rendered = false;
-                $template_parts = array(
-                    'template-parts/biography',
-                    'author-bio',
-                );
-                foreach ( $template_parts as $template_part ) {
-                    if ( '' !== locate_template( $template_part . '.php' ) ) {
-                        ob_start();
-                        get_template_part( $template_part );
-                        $rendered = ob_get_contents();
-                        ob_end_clean();
-                        break;
-                    }
-                }
-            } elseif ( 'byline' === $this->placement && ( is_singular() || is_multi_author() ) ) {
-                $rendered = sprintf( '<a class="url fn n" href="%1$s">%2$s</a>',
-                    esc_url( get_author_posts_url( get_the_author_meta( 'ID', $post->post_author ) ) ),
-                    get_the_author_meta( 'display_name', $post->post_author )
-                );
-            } elseif ( 'avatar' === $this->placement ) {
-                $size = isset( $context['size'] ) ? $context['size'] : 96;
-                $default = isset( $context['default'] ) ? $context['default'] : '';
-                $alt = isset( $context['alt'] ) ? $context['alt'] : '';
-                $rendered = get_avatar( get_the_author_meta( 'user_email' ), $size, $default, $alt, $context );
-            }
-        }
-
-        wp_reset_postdata();
-        return $rendered;
-    }
-
-    /**
-     * Export data to JS.
-     *
-     * @return array
-     */
-    public function json() {
-        $data = parent::json();
-        $data['post_type'] = $this->post_type;
-        $data['post_id'] = $this->post_id;
-        $data['field_id'] = $this->field_id;
-        $data['placement'] = $this->placement;
-        return $data;
+        }
+
+        return $rendered;
+    }
+
+    /**
+     * Render pings.
+     *
+     * @param WP_Customize_Partial $partial Partial.
+     * @param array                $context Context.
+     * @param WP_Post              $post    Post object.
+     * @return string
+     */
+    public function render_ping_status( $partial, $context, $post ) {
+        unset( $partial, $context, $post );
+        if ( is_singular() && ( comments_open() || get_comments_number() ) ) {
+            ob_start();
+            comments_template();
+            $rendered = ob_get_contents();
+            ob_end_clean();
+        } else {
+            $rendered = '';
+        }
+
+        return $rendered;
+    }
+
+    /**
+     * Render post author.
+     *
+     * @param WP_Customize_Partial $partial Partial.
+     * @param array                $context Context.
+     * @param WP_Post              $post    Post object.
+     * @return string|bool
+     */
+    public function render_post_author( $partial, $context, $post ) {
+        unset( $partial );
+        $rendered = null;
+
+        if ( 'byline' === $this->placement && ( is_singular() || is_multi_author() ) ) {
+            $rendered = sprintf( '<a class="url fn n" href="%1$s">%2$s</a>',
+                esc_url( get_author_posts_url( get_the_author_meta( 'ID', $post->post_author ) ) ),
+                get_the_author_meta( 'display_name', $post->post_author )
+            );
+        } elseif ( 'avatar' === $this->placement ) {
+            $size = isset( $context['size'] ) ? $context['size'] : 96;
+            $default = isset( $context['default'] ) ? $context['default'] : '';
+            $alt = isset( $context['alt'] ) ? $context['alt'] : '';
+            $rendered = get_avatar( get_the_author_meta( 'user_email' ), $size, $default, $alt, $context );
+        }
+
+        return $rendered;
     }
 }

customize-posts/trunk/php/class-wp-customize-post-setting.php

@@ -183 +183 @@
         }
 
+        $post_data = wp_array_slice_assoc(
+            $post_data,
+            array_keys( $this->default )
+        );
+
+        if ( 'customize-draft' === $post_data['post_status'] || 'auto-draft' === $post_data['post_status'] ) {
+            $post_data['post_status'] = 'publish';
+        }
+
         return $post_data;
     }
@@ -200 +209 @@
 
         if ( $this->is_previewed ) {
-            $post_data = array_merge( $post_data, $this->post_value( array() ) );
+            $input_value = $this->post_value( array() );
+            if ( null !== $input_value ) {
+                $post_data = array_merge( $post_data, $input_value );
+            }
         }
 
@@ -214 +226 @@
      */
     public function get_post_data( WP_Post $post ) {
-        $post_data = wp_array_slice_assoc(
-            $post->to_array(),
-            array_keys( $this->default )
-        );
-        $post_data = $this->normalize_post_data( $post_data );
+        $post_data = $this->normalize_post_data( $post->to_array() );
         return $post_data;
     }
@@ -248 +256 @@
      *
      * @param array $post_data   The value to sanitize.
-     * @param bool  $strict      Whether validation is being done. This is part of the proposed patch in in #34893.
-     * @return string|array|null|WP_Error Null if an input isn't valid, otherwise the sanitized value. WP_Error returned if `$strict`.
-     */
-    public function sanitize( $post_data, $strict = false ) {
+     * @return array|WP_Error|null Sanitized post array or WP_Error if invalid (or null if not WP 4.6-alpha).
+     */
+    public function sanitize( $post_data ) {
         global $wpdb;
+        $has_setting_validation = method_exists( 'WP_Customize_Setting', 'validate' );
 
         $post_data = array_merge( $this->default, $post_data );
-
-        // The customize_validate_settings action is part of the Customize Setting Validation plugin.
-        if ( ! $strict && doing_action( 'customize_validate_settings' ) ) {
-            $strict = true;
-        }
 
         $update = ( $this->post_id > 0 );
         $post_type_obj = get_post_type_object( $this->post_type );
 
-        if ( $strict && ! empty( $post_data['post_type'] ) && $post_data['post_type'] !== $this->post_type ) {
-            return new WP_Error( 'bad_post_type' );
+        if ( ! empty( $post_data['post_type'] ) && $post_data['post_type'] !== $this->post_type ) {
+            return $has_setting_validation ? new WP_Error( 'bad_post_type' ) : null;
         }
         $post_data['post_type'] = $this->post_type;
 
-        if ( $strict && $update ) {
+        if ( $update && did_action( 'customize_save_validation_before' ) ) {
             // Check post lock.
+            require_once ABSPATH . 'wp-admin/includes/post.php';
             $locked_user = wp_check_post_lock( $this->post_id );
             if ( $locked_user ) {
@@ -278 +282 @@
                     $user ? $user->display_name : __( '(unknown user)', 'customize-posts' )
                 );
-                return new WP_Error( 'post_locked', $error_message );
+                return $has_setting_validation ? new WP_Error( 'post_locked', $error_message ) : null;
             }
 
@@ -299 +303 @@
                 );
                 $this->posts_component->update_conflicted_settings[ $this->id ] = $this;
-                return new WP_Error( 'post_update_conflict', $error_message );
+                return $has_setting_validation ? new WP_Error( 'post_update_conflict', $error_message ) : null;
             }
         }
@@ -315 +319 @@
 
         /** This filter is documented in wp-includes/post.php */
-        if ( $strict && apply_filters( 'wp_insert_post_empty_content', $maybe_empty, $post_data ) ) {
-            return new WP_Error( 'empty_content', __( 'Content, title, and excerpt are empty.', 'customize-posts' ) );
+        if ( 'trash' !== $post_data['post_status'] && apply_filters( 'wp_insert_post_empty_content', $maybe_empty, $post_data ) ) {
+            return $has_setting_validation ? new WP_Error( 'empty_content', __( 'Content, title, and excerpt are empty.', 'customize-posts' ) ) : null;
         }
 
@@ -368 +372 @@
         $valid_date = wp_checkdate( $mm, $jj, $aa, $post_data['post_date'] );
         if ( ! $valid_date ) {
-            if ( $strict ) {
-                return new WP_Error( 'invalid_date', __( 'Whoops, the provided date is invalid.', 'customize-posts' ) );
-            } else {
-                $post_data['post_date'] = '';
-            }
+            return $has_setting_validation ? new WP_Error( 'invalid_date', __( 'Whoops, the provided date is invalid.', 'customize-posts' ) ) : null;
         }
 
@@ -505 +505 @@
         $data['post_type'] = $this->post_type;
 
-        $result = wp_update_post( wp_slash( $data ), true );
-
-        if ( is_wp_error( $result ) ) {
-            // @todo Amend customize_save_response
-            return false;
-        }
-        return true;
+        $is_trashed = 'trash' === $data['post_status'];
+        if ( $is_trashed ) {
+            add_filter( 'wp_insert_post_empty_content', '__return_false', 100 );
+
+            /*
+             * Do not transition the post_status to trash, use the current value.
+             *
+             * If we were to unset `$data['post_status']`, the post would not be
+             * properly purged from the Customizer pane. And if we transitioned the
+             * status in `wp_update_post()` then `wp_trash_post()` would return false.
+             */
+            $data['post_status'] = get_post_status( $this->post_id );
+        }
+
+        $r = wp_update_post( wp_slash( $data ), true );
+        $result = ! is_wp_error( $r );
+
+        if ( $is_trashed ) {
+            $result = wp_trash_post( $this->post_id );
+            remove_filter( 'wp_insert_post_empty_content', '__return_false', 100 );
+        }
+
+        return $result;
     }
 }

customize-posts/trunk/php/class-wp-customize-postmeta-controller.php

@@ -57 +57 @@
 
     /**
+     * Setting validate callback.
+     *
+     * @var callable
+     */
+    public $validate_callback;
+
+    /**
      * Setting transport.
      *
@@ -95 +102 @@
             $this->sanitize_js_callback = array( $this, 'js_value' );
         }
+        if ( ! isset( $this->validate_callback ) ) {
+            $this->validate_callback = array( $this, 'validate_setting' );
+        }
 
         add_action( 'customize_posts_register_meta', array( $this, 'register_meta' ) );
@@ -130 +140 @@
                 'sanitize_callback' => $this->sanitize_callback,
                 'sanitize_js_callback' => $this->sanitize_js_callback,
+                'validate_callback' => $this->validate_callback,
                 'transport' => $this->setting_transport,
                 'theme_supports' => $this->theme_supports,
@@ -192 +203 @@
 
     /**
-     * Sanitize (and validate) an input.
+     * Sanitize an input.
      *
      * Callback for `customize_sanitize_post_meta_{$meta_key}` filter.
@@ -200 +211 @@
      * @param string                        $meta_value The value to sanitize.
      * @param WP_Customize_Postmeta_Setting $setting    Setting.
-     * @param bool                          $strict     Whether validation is being done. This is part of the proposed patch in in #34893.
-     * @return mixed|null Null if an input isn't valid, otherwise the sanitized value.
-     */
-    public function sanitize_setting( $meta_value, WP_Customize_Postmeta_Setting $setting, $strict = false ) {
-        unset( $setting, $strict );
+     * @return mixed|null Sanitized value or `null` if invalid.
+     */
+    public function sanitize_setting( $meta_value, WP_Customize_Postmeta_Setting $setting ) {
+        unset( $setting );
         return $meta_value;
+    }
+
+    /**
+     * Validate an input.
+     *
+     * Callback for `customize_validate_post_meta_{$meta_key}` filter.
+     *
+     * @see update_metadata()
+     *
+     * @param WP_Error                      $validity   Validity.
+     * @param string                        $meta_value The value to sanitize.
+     * @param WP_Customize_Postmeta_Setting $setting    Setting.
+     * @return WP_Error Validity.
+     */
+    public function validate_setting( $validity, $meta_value, WP_Customize_Postmeta_Setting $setting ) {
+        unset( $setting, $meta_value );
+        return $validity;
     }
 

customize-posts/trunk/php/class-wp-customize-postmeta-setting.php

@@ -125 +125 @@
         $meta_key = $this->meta_key;
         $object_id = $this->post_id;
-        $single = true;
-        $value = get_post_meta( $object_id, $meta_key, $single );
-        if ( '' === $value ) {
+        $single = false;
+        $values = get_post_meta( $object_id, $meta_key, $single );
+        $value = array_shift( $values );
+        if ( ! isset( $value ) ) {
             $value = $this->default;
         }
@@ -140 +141 @@
      *
      * @param string $meta_value The value to sanitize.
-     * @param bool   $strict     Whether validation is being done. This is part of the proposed patch in in #34893.
-     * @return mixed|null Null if an input isn't valid, otherwise the sanitized value.
-     */
-    public function sanitize( $meta_value, $strict = false ) {
-
-        // The customize_validate_settings action is part of the Customize Setting Validation plugin.
-        if ( ! $strict && doing_action( 'customize_validate_settings' ) ) {
-            $strict = true;
-        }
+     * @return mixed|WP_Error|null Sanitized post array or WP_Error if invalid (or null if not WP 4.6-alpha).
+     */
+    public function sanitize( $meta_value ) {
+        $has_setting_validation = method_exists( 'WP_Customize_Setting', 'validate' );
 
         $meta_type = 'post';
@@ -160 +156 @@
          * @param mixed                $meta_value  Value of the setting.
          * @param WP_Customize_Setting $this        WP_Customize_Setting instance.
-         * @param bool                 $strict      Whether validation is being done. This is part of the proposed patch in in #34893.
          */
-        $meta_value = apply_filters( "customize_sanitize_{$this->id}", $meta_value, $this, $strict );
+        $meta_value = apply_filters( "customize_sanitize_{$this->id}", $meta_value, $this );
 
         // Apply sanitization if value didn't fail validation.
@@ -168 +163 @@
             $meta_value = sanitize_meta( $meta_key, $meta_value, $meta_type );
         }
+        if ( is_wp_error( $meta_value ) ) {
+            return $has_setting_validation ? $meta_value : null;
+        }
 
         /** This filter is documented in wp-includes/meta.php */
         $check = apply_filters( "update_{$meta_type}_metadata", null, $object_id, $meta_key, $meta_value, $prev_value );
         if ( null !== $check ) {
-            if ( $strict ) {
-                return new WP_Error( 'not_allowed', sprintf( __( 'Update to post meta "%s" blocked.', 'customize-posts' ), $meta_key ) );
-            } else {
-                return null;
-            }
+            return $has_setting_validation ? new WP_Error( 'not_allowed', sprintf( __( 'Update to post meta "%s" blocked.', 'customize-posts' ), $meta_key ) ) : null;
         }
 

customize-posts/trunk/php/class-wp-customize-posts-preview.php

@@ -67 +67 @@
         add_filter( 'comments_open', array( $this, 'filter_preview_comments_open' ), 10, 2 );
         add_filter( 'pings_open', array( $this, 'filter_preview_pings_open' ), 10, 2 );
-        add_filter( 'get_post_metadata', array( $this, 'filter_get_post_meta_to_add_dynamic_postmeta_settings' ), 1000, 4 );
+        add_filter( 'get_post_metadata', array( $this, 'filter_get_post_meta_to_add_dynamic_postmeta_settings' ), 1000, 2 );
         add_action( 'wp_footer', array( $this, 'export_preview_data' ), 10 );
         add_filter( 'edit_post_link', array( $this, 'filter_edit_post_link' ), 10, 2 );
@@ -85 +85 @@
         add_filter( 'the_posts', array( $this, 'filter_the_posts_to_preview_settings' ), 1000 );
         add_action( 'the_post', array( $this, 'preview_setup_postdata' ) );
+        add_filter( 'the_title', array( $this, 'filter_the_title' ), 1, 2 );
         add_filter( 'get_post_metadata', array( $this, 'filter_get_post_meta_to_preview' ), 1000, 4 );
+        add_filter( 'posts_where', array( $this, 'filter_posts_where_to_include_previewed_posts' ), 10, 2 );
+        add_filter( 'wp_setup_nav_menu_item', array( $this, 'filter_nav_menu_item_to_set_url' ) );
         $this->has_preview_filters = true;
         return true;
@@ -126 +129 @@
 
     /**
-     * Create dynamic post settings and sections for posts queried in the page.
+     * Retrieve post title and filter according to the current Customizer state.
+     *
+     * This is necessary because the is currently no filter yet in WP to mutate
+     * the underling post object. This specifically was noticed in the `get_the_title()`
+     * call in `WP_REST_Posts_Controller::prepare_item_for_response()`.
+     *
+     * @link https://github.com/xwp/wp-customize-posts/issues/96
+     * @link https://core.trac.wordpress.org/ticket/12955
+     *
+     * @param string      $title Filtered title.
+     * @param int|WP_Post $post Optional. Post ID or WP_Post object. Default is global $post.
+     * @return string Title.
+     */
+    public function filter_the_title( $title, $post ) {
+        if ( empty( $post ) ) {
+            return $title;
+        }
+        $post = get_post( $post );
+        if ( empty( $post ) ) {
+            return $title;
+        }
+
+        $setting_id = WP_Customize_Post_Setting::get_post_setting_id( $post );
+        $setting = $this->component->manager->get_setting( $setting_id );
+
+        if ( ! ( $setting instanceof WP_Customize_Post_Setting ) ) {
+            return $title;
+        }
+        $post_data = $setting->post_value();
+        if ( ! is_array( $post_data ) || ! isset( $post_data['post_title'] ) ) {
+            return $title;
+        }
+
+        $title = $post_data['post_title'];
+
+        /*
+         * Begin code modified from get_the_title():
+         * https://github.com/xwp/wordpress-develop/blob/6792df6fab87063e0564148c6634aaa0ed3156b4/src/wp-includes/post-template.php#L113-L148
+         */
+
+        if ( ! is_admin() ) {
+            $mock_post = new WP_Post( (object) array_merge(
+                $post->to_array(),
+                $post_data
+            ) );
+
+            if ( ! empty( $post_data['post_password'] ) ) {
+
+                /** This filter is documented in wp-includes/post-template.php */
+                $protected_title_format = apply_filters( 'protected_title_format', __( 'Protected: %s', 'customize-posts' ), $mock_post );
+                $title = sprintf( $protected_title_format, $title );
+            } elseif ( isset( $post_data['post_status'] ) && 'private' === $post_data['post_status'] ) {
+
+                /** This filter is documented in wp-includes/post-template.php */
+                $private_title_format = apply_filters( 'private_title_format', __( 'Private: %s', 'customize-posts' ), $mock_post );
+                $title = sprintf( $private_title_format, $title );
+            }
+        }
+
+        return $title;
+    }
+
+    /**
+     * Create dynamic post/postmeta settings and sections for posts queried in the page.
      *
      * @param array $posts Posts.
@@ -143 +209 @@
                 $this->component->manager->add_section( $section );
             }
+            $this->component->register_post_type_meta_settings( $post->ID );
         }
         return $posts;
@@ -165 +232 @@
 
     /**
+     * Get current posts being previewed which should be included in the given query.
+     *
+     * @access public
+     *
+     * @param \WP_Query $query     The query.
+     * @param boolean   $published Whether to return the published posts. Default 'true'.
+     * @return array
+     */
+    public function get_previewed_posts_for_query( WP_Query $query, $published = true ) {
+        $query_vars = $query->query_vars;
+
+        if ( empty( $query_vars['post_type'] ) ) {
+            $query_vars['post_type'] = array( 'post' );
+        } elseif ( is_string( $query_vars['post_type'] ) ) {
+            $query_vars['post_type'] = explode( ',', $query_vars['post_type'] );
+        }
+
+        if ( empty( $query_vars['post_status'] ) ) {
+            $query_vars['post_status'] = array( 'publish' );
+        } elseif ( is_string( $query_vars['post_status'] ) ) {
+            $query_vars['post_status'] = explode( ',', $query_vars['post_status'] );
+        }
+
+        $post_ids = array();
+        $settings = $this->component->manager->unsanitized_post_values();
+        if ( ! empty( $settings ) ) {
+            foreach ( (array) $settings as $id => $post_data ) {
+                if ( ! preg_match( WP_Customize_Post_Setting::SETTING_ID_PATTERN, $id, $matches ) ) {
+                    continue;
+                }
+                $post_id = intval( $matches['post_id'] );
+                $statuses = $query_vars['post_status'];
+
+                $post_type_match = (
+                    empty( $query_vars['post_type'] )
+                    ||
+                    in_array( $matches['post_type'], $query_vars['post_type'], true )
+                    ||
+                    (
+                        in_array( 'any', $query_vars['post_type'], true )
+                        &&
+                        in_array( $matches['post_type'], get_post_types( array( 'exclude_from_search' => false ) ), true )
+                    )
+                );
+
+                $post_type_obj = get_post_type_object( $matches['post_type'] );
+                if ( $post_type_obj && current_user_can( $post_type_obj->cap->read_private_posts, $post_id ) ) {
+                    $statuses[] = 'private';
+                }
+
+                if ( empty( $query_vars['post_status'] ) ) {
+                    $post_status_match = true;
+                } elseif ( false === $published ) {
+                    $post_status_match = ! in_array( $post_data['post_status'], array( 'publish', 'private' ), true );
+                } else {
+                    $post_status_match = in_array( $post_data['post_status'], $statuses, true );
+                }
+
+                $post__in_match = empty( $query_vars['post__in'] ) || in_array( $post_id, $query_vars['post__in'], true );
+                if ( $post_status_match && $post_type_match && $post__in_match ) {
+                    $post_ids[] = $post_id;
+                }
+            }
+        }
+
+        return $post_ids;
+    }
+
+    /**
+     * Include stubbed posts that are being previewed.
+     *
+     * @filter posts_where
+     * @access public
+     *
+     * @param string   $where The WHERE clause of the query.
+     * @param WP_Query $query The WP_Query instance (passed by reference).
+     * @return string
+     */
+    public function filter_posts_where_to_include_previewed_posts( $where, $query ) {
+        global $wpdb;
+
+        if ( ! $query->is_singular() ) {
+            $post__not_in = implode( ',', array_map( 'absint', $this->get_previewed_posts_for_query( $query, false ) ) );
+            if ( ! empty( $post__not_in ) ) {
+                $where .= " AND {$wpdb->posts}.ID NOT IN ($post__not_in)";
+            }
+            $post__in = implode( ',', array_map( 'absint', $this->get_previewed_posts_for_query( $query, true ) ) );
+            if ( ! empty( $post__in ) ) {
+                $where .= " OR {$wpdb->posts}.ID IN ($post__in)";
+            }
+        }
+
+        return $where;
+    }
+
+    /**
+     * Filter a nav menu item for an added post to supply a URL field.
+     *
+     * This is probably a bug in Core where the `value_as_wp_post_nav_menu_item`
+     * should be setting the url property.
+     *
+     * @access public
+     * @see WP_Customize_Nav_Menu_Item_Setting::value_as_wp_post_nav_menu_item()
+     *
+     * @param WP_Post $nav_menu_item Nav menu item.
+     * @return WP_Post Nav menu item.
+     */
+    public function filter_nav_menu_item_to_set_url( $nav_menu_item ) {
+        if ( 'post_type' !== $nav_menu_item->type || $nav_menu_item->url || ! $nav_menu_item->object_id ) {
+            return $nav_menu_item;
+        }
+
+        $post = get_post( $nav_menu_item->object_id );
+        if ( ! $post ) {
+            return $nav_menu_item;
+        }
+        $setting_id = WP_Customize_Post_Setting::get_post_setting_id( $post );
+        $setting = $this->component->manager->get_setting( $setting_id );
+        if ( $setting ) {
+            $nav_menu_item->url = get_permalink( $post->ID );
+        }
+        return $nav_menu_item;
+    }
+
+    /**
      * Filter the comments open for a previewed post.
      *
@@ -205 +397 @@
      * @param null|array|string $value     The value get_metadata() should return - a single metadata value, or an array of values.
      * @param int               $object_id Object ID.
-     * @param string            $meta_key  Meta key.
      * @return mixed Value.
      */
-    public function filter_get_post_meta_to_add_dynamic_postmeta_settings( $value, $object_id, $meta_key ) {
-        $post = get_post( $object_id );
-        if ( ! $post || ! isset( $this->component->registered_post_meta[ $post->post_type ] ) ) {
-            return $value;
-        }
-
-        if ( '' === $meta_key ) {
-            if ( null !== $value ) {
-                $meta_keys = array_keys( $value );
-            } else {
-                $meta_keys = array();
-            }
-        } else {
-            $meta_keys = array( $meta_key );
-        }
-
-        $setting_ids = array();
-        if ( ! empty( $meta_keys ) ) {
-            foreach ( $meta_keys as $key ) {
-                if ( isset( $this->component->registered_post_meta[ $post->post_type ][ $key ] ) ) {
-                    $setting_ids[] = WP_Customize_Postmeta_Setting::get_post_meta_setting_id( $post, $key );
-                }
-            }
-        }
-        $this->component->manager->add_dynamic_settings( $setting_ids );
-
+    public function filter_get_post_meta_to_add_dynamic_postmeta_settings( $value, $object_id ) {
+        $this->component->register_post_type_meta_settings( $object_id );
         return $value;
     }
@@ -327 +494 @@
             }
             $args['type'] = WP_Customize_Post_Field_Partial::TYPE;
+
+            $field_id = $matches['field_id'];
+            if ( ! empty( $matches['placement'] ) ) {
+                $field_id .= '[' . $matches['placement'] . ']';
+            }
+            $schema = $this->get_post_field_partial_schema( $field_id );
+            if ( ! empty( $schema ) ) {
+                $args = array_merge( $args, $schema );
+            }
         }
         return $args;
@@ -420 +596 @@
 
     /**
+     * Get the schema for dynamically registered partials.
+     *
+     * @param string $field_id The partial field ID.
+     * @return array
+     */
+    public function get_post_field_partial_schema( $field_id = '' ) {
+        $schema = array(
+            'post_title' => array(
+                'selector' => '.entry-title',
+            ),
+            'post_name' => array(
+                'fallback_refresh' => false,
+            ),
+            'post_status' => array(
+                'fallback_refresh' => true,
+            ),
+            'post_content' => array(
+                'selector' => '.entry-content',
+            ),
+            'post_excerpt' => array(
+                'selector' => '.entry-summary',
+            ),
+            'comment_status[comments-area]' => array(
+                'selector' => '.comments-area',
+                'body_selector' => true,
+                'singular_only' => true,
+                'container_inclusive' => true,
+            ),
+            'comment_status[comments-link]' => array(
+                'selector' => '.comments-link',
+                'archive_only' => true,
+                'container_inclusive' => true,
+            ),
+            'ping_status' => array(
+                'selector' => '.comments-area',
+                'body_selector' => true,
+                'singular_only' => true,
+                'container_inclusive' => true,
+            ),
+            'post_author[byline]' => array(
+                'selector' => '.vcard a.fn',
+                'container_inclusive' => true,
+                'fallback_refresh' => false,
+            ),
+            'post_author[avatar]' => array(
+                'selector' => '.vcard img.avatar',
+                'container_inclusive' => true,
+                'fallback_refresh' => false,
+            ),
+        );
+
+        /**
+         * Filter the schema for dynamically registered partials.
+         *
+         * @param array $schema Partial schema.
+         * @return array
+         */
+        $schema = apply_filters( 'customize_posts_partial_schema', $schema );
+
+        // Return specific schema based on the field_id & placement.
+        if ( ! empty( $field_id ) ) {
+            if ( isset( $schema[ $field_id ] ) ) {
+                return $schema[ $field_id ];
+            } else {
+                return array();
+            }
+        }
+
+        return $schema;
+    }
+
+    /**
      * Export data into the customize preview.
      */
@@ -443 +691 @@
         }
 
+        $exported_partial_schema = array();
+        foreach ( $this->get_post_field_partial_schema() as $key => $schema ) {
+            unset( $schema['render_callback'] ); // PHP callbacks are generally not JSON-serializable.
+            $exported_partial_schema[ $key ] = $schema;
+        }
+
         $exported = array(
             'isPostPreview' => is_preview(),
@@ -448 +702 @@
             'queriedPostId' => $queried_post_id,
             'settingProperties' => $setting_properties,
+            'partialSchema' => $exported_partial_schema,
         );
 

customize-posts/trunk/php/class-wp-customize-posts.php

@@ -44 +44 @@
 
     /**
+     * Registered support classes.
+     *
+     * @var array
+     */
+    public $supports = array();
+
+    /**
+     * Whether the post link filters are being suppressed.
+     *
+     * @var bool
+     */
+    public $suppress_post_link_filters = false;
+
+    /**
+     * Customize draft post IDs.
+     *
+     * @var array
+     */
+    public $customize_draft_post_ids = array();
+
+    /**
      * Initial loader.
      *
@@ -71 +92 @@
         add_filter( 'customize_dynamic_setting_class', array( $this, 'filter_customize_dynamic_setting_class' ), 5, 3 );
         add_filter( 'customize_save_response', array( $this, 'filter_customize_save_response_for_conflicts' ), 10, 2 );
+        add_filter( 'customize_save_response', array( $this, 'filter_customize_save_response_to_export_saved_values' ), 10, 2 );
+        add_action( 'customize_controls_print_footer_scripts', array( $this, 'render_templates' ) );
+        add_action( 'init', array( $this, 'register_customize_draft' ) );
+        add_filter( 'customize_snapshot_save', array( $this, 'transition_customize_draft' ) );
+        add_action( 'after_setup_theme', array( $this, 'preview_customize_draft_post_ids' ) );
+        add_action( 'pre_get_posts', array( $this, 'preview_customize_draft' ) );
+        add_filter( 'post_link', array( $this, 'post_link_draft' ), 10, 2 );
+        add_filter( 'post_type_link', array( $this, 'post_link_draft' ), 10, 2 );
+        add_filter( 'page_link', array( $this, 'post_link_draft' ), 10, 2 );
+        add_action( 'wp_ajax_customize-posts-insert-auto-draft', array( $this, 'ajax_insert_auto_draft_post' ) );
 
         $this->preview = new WP_Customize_Posts_Preview( $this );
+    }
+
+    /**
+     * Instantiate a Customize Posts support class.
+     *
+     * The support class must extend `Customize_Posts_Support` or one of it's subclasses.
+     *
+     * @param string|Customize_Posts_Support $support The support class name or object.
+     */
+    function add_support( $support ) {
+        if ( is_string( $support ) && class_exists( $support, false ) ) {
+            $support = new $support( $this );
+        }
+
+        if ( $support instanceof Customize_Posts_Support ) {
+            $class_name = get_class( $support );
+            if ( ! isset( $this->supports[ $class_name ] ) ) {
+                $this->supports[ $class_name ] = $support;
+                $support->init();
+            }
+        }
     }
 
@@ -88 +140 @@
         $post_type_objects = get_post_types( array(), 'objects' );
         foreach ( $post_type_objects as $post_type_object ) {
-            $is_included = $post_type_object->show_ui;
-            if ( isset( $post_type_object->show_in_customizer ) ) {
-                $is_included = $post_type_object->show_in_customizer;
-            }
-
-            if ( $is_included ) {
-                $post_type_object = clone $post_type_object;
-                $post_type_object->supports = get_all_post_type_supports( $post_type_object->name );
-
-                // Remove unnecessary properties.
-                unset( $post_type_object->register_meta_box_cb );
-
-                $post_types[ $post_type_object->name ] = $post_type_object;
-            }
+            $post_type_object = clone $post_type_object;
+            if ( ! isset( $post_type_object->show_in_customizer ) ) {
+                $post_type_object->show_in_customizer = $post_type_object->show_ui;
+            }
+            $post_type_object->supports = get_all_post_type_supports( $post_type_object->name );
+
+            // Remove unnecessary properties.
+            unset( $post_type_object->register_meta_box_cb );
+
+            $post_types[ $post_type_object->name ] = $post_type_object;
         }
 
@@ -145 +193 @@
                 'sanitize_callback' => null,
                 'sanitize_js_callback' => null,
+                'validate_callback' => null,
                 'setting_class' => 'WP_Customize_Postmeta_Setting',
             ),
@@ -229 +278 @@
         $this->set_builtin_post_type_descriptions();
         foreach ( $this->get_post_types() as $post_type_object ) {
+            if ( empty( $post_type_object->show_in_customizer ) ) {
+                continue;
+            }
+
             $panel_id = sprintf( 'posts[%s]', $post_type_object->name );
 
@@ -339 +392 @@
 
     /**
+     * Add all postmeta settings for all registered postmeta for a given post type instance.
+     *
+     * @param int $post_id Post ID.
+     * @return array
+     */
+    public function register_post_type_meta_settings( $post_id ) {
+        $post = get_post( $post_id );
+        $setting_ids = array();
+        if ( ! empty( $post ) && isset( $this->registered_post_meta[ $post->post_type ] ) ) {
+            foreach ( array_keys( $this->registered_post_meta[ $post->post_type ] ) as $key ) {
+                $setting_ids[] = WP_Customize_Postmeta_Setting::get_post_meta_setting_id( $post, $key );
+            }
+        }
+        $this->manager->add_dynamic_settings( $setting_ids );
+
+        return $setting_ids;
+    }
+
+    /**
      * When loading the customizer from a post, get the post.
      *
@@ -350 +422 @@
         $post = get_post( $post_id );
         return $post;
+    }
+
+    /**
+     * Get the post status choices array.
+     *
+     * @return array
+     */
+    public function get_post_status_choices() {
+        $choices = array(
+            array(
+                'value' => 'draft',
+                'text'  => __( 'Draft', 'customize-posts' ),
+            ),
+            array(
+                'value' => 'pending',
+                'text'  => __( 'Pending Review', 'customize-posts' ),
+            ),
+            array(
+                'value' => 'private',
+                'text'  => __( 'Private', 'customize-posts' ),
+            ),
+            array(
+                'value' => 'publish',
+                'text'  => __( 'Published', 'customize-posts' ),
+            ),
+            array(
+                'value' => 'trash',
+                'text'  => __( 'Trash', 'customize-posts' ),
+            ),
+        );
+
+        return $choices;
     }
 
@@ -420 +524 @@
 
     /**
+     * Return the saved sanitized values for posts and postmeta to update in the client.
+     *
+     * This was originally in the Customize Setting Validation plugin.
+     *
+     * @link https://github.com/xwp/wp-customize-setting-validation/blob/2e5ddc66a870ad7b1aee5f8e414bad4b78e120d2/php/class-plugin.php#L283-L317
+     *
+     * @param array $response Response.
+     * @return array
+     */
+    public function filter_customize_save_response_to_export_saved_values( $response ) {
+        $response['saved_post_setting_values'] = array();
+        foreach ( array_keys( $this->manager->unsanitized_post_values() ) as $setting_id ) {
+            $setting = $this->manager->get_setting( $setting_id );
+            if ( $setting instanceof WP_Customize_Post_Setting || $setting instanceof WP_Customize_Postmeta_Setting ) {
+                $response['saved_post_setting_values'][ $setting->id ] = $setting->value();
+            }
+        }
+        return $response;
+    }
+
+    /**
      * Enqueue scripts and styles for Customize Posts.
      */
@@ -432 +557 @@
             }
 
-            $post_types[ $post_type ] = wp_array_slice_assoc( (array) $post_type_obj, array(
-                'name',
-                'supports',
-                'labels',
-                'has_archive',
-                'menu_icon',
-                'description',
-                'hierarchical',
-            ) );
+            $post_types[ $post_type ] = array_merge(
+                wp_array_slice_assoc( (array) $post_type_obj, array(
+                    'name',
+                    'supports',
+                    'labels',
+                    'has_archive',
+                    'menu_icon',
+                    'description',
+                    'hierarchical',
+                    'show_in_customizer',
+                    'publicly_queryable',
+                    'public',
+                ) ),
+                array(
+                    'current_user_can' => array(
+                        'create_posts' => current_user_can( $post_type_obj->cap->create_posts ),
+                        'delete_posts' => current_user_can( $post_type_obj->cap->delete_posts ),
+                    ),
+                )
+            );
         }
 
         $exports = array(
+            'nonce' => wp_create_nonce( 'customize-posts' ),
             'postTypes' => $post_types,
+            'postStatusChoices' => $this->get_post_status_choices(),
             'authorChoices' => $this->get_author_choices(),
             'l10n' => array(
@@ -450 +588 @@
                 'sectionCustomizeActionTpl' => __( 'Customizing ▸ %s', 'customize-posts' ),
                 'fieldTitleLabel' => __( 'Title', 'customize-posts' ),
+                'fieldSlugLabel' => __( 'Slug', 'customize-posts' ),
+                'fieldPostStatusLabel' => __( 'Post Status', 'customize-posts' ),
                 'fieldContentLabel' => __( 'Content', 'customize-posts' ),
                 'fieldExcerptLabel' => __( 'Excerpt', 'customize-posts' ),
@@ -456 +596 @@
                 'noTitle' => __( '(no title)', 'customize-posts' ),
                 'theirChange' => __( 'Their change: %s', 'customize-posts' ),
-                'overrideButtonText' => __( 'Override', 'customize-posts' ),
                 'openEditor' => __( 'Open Editor', 'customize-posts' ),
                 'closeEditor' => __( 'Close Editor', 'customize-posts' ),
@@ -484 +623 @@
      */
     public function render_editor() {
-        echo '<div id="customize-posts-content-editor-pane">';
-
-        // The settings passed in here are derived from those used in edit-form-advanced.php.
-        wp_editor( '', 'customize-posts-content', array(
-            '_content_editor_dfw' => false,
-            'drag_drop_upload' => true,
-            'tabfocus_elements' => 'content-html,save-post',
-            'editor_height' => 200,
-            'default_editor' => 'tinymce',
-            'tinymce' => array(
-                'resize' => false,
-                'wp_autoresize_on' => false,
-                'add_unload_trigger' => false,
-            ),
-        ) );
-
-        echo '</div>';
+        ?>
+        <div id="customize-posts-content-editor-pane">
+            <div id="customize-posts-content-editor-dragbar">
+                <span class="screen-reader-text"><?php _e( 'Resize Editor', 'customize-posts' ); ?></span>
+            </div>
+
+            <?php
+            // The settings passed in here are derived from those used in edit-form-advanced.php.
+            wp_editor( '', 'customize-posts-content', array(
+                '_content_editor_dfw' => false,
+                'drag_drop_upload' => true,
+                'tabfocus_elements' => 'content-html,save-post',
+                'editor_height' => 200,
+                'default_editor' => 'tinymce',
+                'tinymce' => array(
+                    'resize' => false,
+                    'wp_autoresize_on' => false,
+                    'add_unload_trigger' => false,
+                ),
+            ) );
+            ?>
+
+        </div>
+        <?php
     }
 
@@ -539 +685 @@
         return $value;
     }
+
+    /**
+     * Underscore (JS) templates.
+     */
+    public function render_templates() {
+        ?>
+        <script type="text/html" id="tmpl-customize-posts-add-new">
+            <li class="customize-posts-add-new">
+                <button class="button-secondary add-new-post-stub">
+                    <?php esc_html_e( 'Add New', 'customize-posts' ); ?> {{ data.label }}
+                </button>
+            </li>
+        </script>
+
+        <script id="tmpl-customize-posts-navigation" type="text/html">
+            <button class="customize-posts-navigation dashicons dashicons-visibility" tabindex="0">
+                <span class="screen-reader-text"><?php esc_html_e( 'Preview', 'customize-posts' ); ?> {{ data.label }}</span>
+            </button>
+        </script>
+
+        <script id="tmpl-customize-posts-trashed" type="text/html">
+            <span class="customize-posts-trashed">(<?php esc_html_e( 'Trashed', 'customize-posts' ); ?>)</span>
+        </script>
+
+        <script type="text/html" id="tmpl-customize-post-section-notifications">
+            <ul>
+                <# _.each( data.notifications, function( notification ) { #>
+                    <li class="notice notice-{{ notification.type || 'info' }} {{ data.altNotice ? 'notice-alt' : '' }}" data-code="{{ notification.code }}" data-type="{{ notification.type }}">
+                        <# if ( /post_update_conflict/.test( notification.code ) ) { #>
+                            <button class="button override-post-conflict" type="button"><?php esc_html_e( 'Override', 'customize-posts' ); ?></button>
+                        <# } #>
+                        {{ notification.message || notification.code }}
+                    </li>
+                <# } ); #>
+            </ul>
+        </script>
+        <?php
+    }
+
+    /**
+     * Register the `customize-draft` post status.
+     *
+     * @action init
+     * @access public
+     */
+    public function register_customize_draft() {
+        register_post_status( 'customize-draft', array(
+            'label'                     => 'customize-draft',
+            'public'                    => false,
+            'internal'                  => true,
+            'protected'                 => true,
+            'exclude_from_search'       => true,
+            'show_in_admin_all_list'    => false,
+            'show_in_admin_status_list' => false,
+        ) );
+    }
+
+    /**
+     * Transition the post status.
+     *
+     * This ensures unpublished new posts, which are added to a snapshot, are not
+     * garbage collected during the `wp_scheduled_auto_draft_delete` action by
+     * changing the default `auto-draft` post status to `customize-draft`.
+     *
+     * @filter customize_snapshot_save
+     * @access public
+     *
+     * @param array $data Customizer settings and values.
+     * @return array
+     */
+    public function transition_customize_draft( $data ) {
+        foreach ( $data as $id => $setting ) {
+            if ( ! preg_match( WP_Customize_Post_Setting::SETTING_ID_PATTERN, $id, $matches ) ) {
+                continue;
+            }
+            if ( 'auto-draft' === get_post_status( $matches['post_id'] ) ) {
+                add_filter( 'wp_insert_post_empty_content', '__return_false', 100 );
+                $result = wp_update_post( array(
+                    'ID' => intval( $matches['post_id'] ),
+                    'post_status' => 'customize-draft',
+                ), true );
+                remove_filter( 'wp_insert_post_empty_content', '__return_false', 100 );
+
+                // @todo Amend customize_save_response if error.
+            }
+        }
+
+        return $data;
+    }
+
+    /**
+     * Set the previewed `customize-draft` post IDs within a Snapshot.
+     *
+     * @action after_setup_theme
+     * @access public
+     */
+    public function preview_customize_draft_post_ids() {
+        if ( isset( $_REQUEST['preview'] ) ) {
+            $this->customize_draft_post_ids = array();
+            foreach ( $this->manager->unsanitized_post_values() as $id => $post_data ) {
+                if ( ! preg_match( WP_Customize_Post_Setting::SETTING_ID_PATTERN, $id, $matches ) ) {
+                    continue;
+                }
+                $post_id = intval( $matches['post_id'] );
+                if ( 'customize-draft' === get_post_status( $post_id ) ) {
+                    $this->customize_draft_post_ids[] = $post_id;
+                }
+            }
+        }
+    }
+
+    /**
+     * Allow the `customize-draft` status to be previewed in a Snapshot by all users.
+     *
+     * @action pre_get_posts
+     * @access public
+     *
+     * @param WP_Query $query The WP_Query instance (passed by reference).
+     */
+    public function preview_customize_draft( $query ) {
+        if ( $query->is_preview ) {
+            $query_vars = $query->query_vars;
+            $post_id = 0;
+
+            if ( ! empty( $query_vars['p'] ) ) {
+                $post_id = $query_vars['p'];
+            } elseif ( ! empty( $query_vars['page_id'] ) ) {
+                $post_id = $query_vars['page_id'];
+            }
+
+            if ( in_array( $post_id, $this->customize_draft_post_ids, true ) ) {
+                $query->set( 'post_status', 'customize-draft' );
+            }
+        }
+    }
+
+    /**
+     * Filter the preview permalink for a post.
+     *
+     * @access public
+     *
+     * @param string      $permalink The post's permalink.
+     * @param int|WP_Post $post      The post in question.
+     * @return string
+     */
+    public function post_link_draft( $permalink, $post ) {
+        if ( is_customize_preview() && ! $this->suppress_post_link_filters ) {
+            $permalink = Edit_Post_Preview::get_preview_post_link( get_post( $post ) );
+        }
+        return $permalink;
+    }
+
+    /**
+     * Add a new `auto-draft` post.
+     *
+     * @access public
+     *
+     * @param string $post_type The post type.
+     * @return WP_Post|WP_Error
+     */
+    public function insert_auto_draft_post( $post_type ) {
+
+        $post_type_obj = get_post_type_object( $post_type );
+        if ( ! $post_type_obj ) {
+            return new WP_Error( 'unknown_post_type', __( 'Unknown post type', 'customize-posts' ) );
+        }
+
+        add_filter( 'wp_insert_post_empty_content', '__return_false', 100 );
+        $this->suppress_post_link_filters = true;
+        $date_local = current_time( 'mysql', 0 );
+        $date_gmt = current_time( 'mysql', 1 );
+        $args = array(
+            'post_status' => 'auto-draft',
+            'post_type' => $post_type,
+            'post_date' => $date_local,
+            'post_date_gmt' => $date_gmt,
+            'post_modified' => $date_local,
+            'post_modified_gmt' => $date_gmt,
+        );
+        $r = wp_insert_post( wp_slash( $args ), true );
+        remove_filter( 'wp_insert_post_empty_content', '__return_false', 100 );
+        $this->suppress_post_link_filters = false;
+
+        if ( is_wp_error( $r ) ) {
+            return $r;
+        } else {
+            return get_post( $r );
+        }
+    }
+
+    /**
+     * Ajax handler for adding a new post.
+     *
+     * @action wp_ajax_customize-posts-insert-auto-draft
+     * @access public
+     */
+    public function ajax_insert_auto_draft_post() {
+        if ( ! check_ajax_referer( 'customize-posts', 'customize-posts-nonce', false ) ) {
+            status_header( 400 );
+            wp_send_json_error( 'bad_nonce' );
+        }
+
+        if ( ! current_user_can( 'customize' ) ) {
+            status_header( 403 );
+            wp_send_json_error( 'customize_not_allowed' );
+        }
+
+        if ( empty( $_POST['post_type'] ) ) {
+            status_header( 400 );
+            wp_send_json_error( 'missing_post_type' );
+        }
+
+        $post_type_object = get_post_type_object( wp_unslash( $_POST['post_type'] ) );
+        if ( ! $post_type_object || ! current_user_can( $post_type_object->cap->create_posts ) ) {
+            status_header( 403 );
+            wp_send_json_error( 'insufficient_post_permissions' );
+        }
+        if ( ! empty( $post_type_object->labels->singular_name ) ) {
+            $singular_name = $post_type_object->labels->singular_name;
+        } else {
+            $singular_name = __( 'Post', 'customize-posts' );
+        }
+
+        $r = $this->insert_auto_draft_post( $post_type_object->name );
+        if ( is_wp_error( $r ) ) {
+            $error = $r;
+            $data = array(
+                'message' => sprintf( __( '%1$s could not be created: %2$s', 'customize-posts' ), $singular_name, $error->get_error_message() ),
+            );
+            wp_send_json_error( $data );
+        } else {
+            $post = $r;
+            $exported_settings = array();
+
+            $post_setting_id = WP_Customize_Post_Setting::get_post_setting_id( $post );
+            $setting_ids = array( $post_setting_id );
+            $this->manager->add_dynamic_settings( $setting_ids );
+            $post_setting = $this->manager->get_setting( $post_setting_id );
+            if ( ! $post_setting ) {
+                wp_send_json_error( array( 'message' => __( 'Failed to create setting', 'customize-posts' ) ) );
+            }
+
+            $setting_ids = array_merge( $setting_ids, $this->register_post_type_meta_settings( $post->ID ) );
+            foreach ( $setting_ids as $setting_id ) {
+                $setting = $this->manager->get_setting( $setting_id );
+                if ( ! $setting ) {
+                    continue;
+                }
+                if ( preg_match( WP_Customize_Postmeta_Setting::SETTING_ID_PATTERN, $setting->id, $matches ) ) {
+                    if ( isset( $matches['meta_key'] ) && isset( $params[ $matches['meta_key'] ] ) ) {
+                        $this->manager->set_post_value( $setting_id, $params[ $matches['meta_key'] ] );
+                        $setting->preview();
+                    }
+                }
+                if ( method_exists( $setting, 'json' ) ) { // New in 4.6-alpha.
+                    $exported_settings[ $setting->id ] = $setting->json();
+                } else {
+                    $exported_settings[ $setting->id ] = array(
+                        'value' => $setting->js_value(),
+                        'transport' => $setting->transport,
+                        'dirty' => $setting->dirty,
+                        'type' => $setting->type,
+                    );
+                }
+                $exported_settings[ $setting->id ]['dirty'] = true;
+            }
+            $data = array(
+                'postId' => $post->ID,
+                'postSettingId' => $post_setting_id,
+                'settings' => $exported_settings,
+                'sectionId' => WP_Customize_Post_Setting::get_post_setting_id( $post ),
+                'url' => Edit_Post_Preview::get_preview_post_link( $post ),
+            );
+            wp_send_json_success( $data );
+        }
+    }
 }

customize-posts/trunk/readme.txt

@@ -4 +4 @@
 Requires at least: 4.5-beta2
 Tested up to:      4.6-alpha
-Stable tag:        0.5.0
+Stable tag:        0.6.0
 License:           GPLv2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
+Text Domain:       customize-posts
 
 Edit posts and postmeta in the Customizer. Stop editing your posts/postmeta blind!
@@ -58 +59 @@
 == Changelog ==
 
+= 0.6.0 - 2016-06-02 =
+
+Added:
+
+ * Add the ability to create new posts and pages in the Customizer. Created posts get <code>auto-draft</code> status in the DB so they will be garbage-collected if the Customizer is never saved. A new view link appears in the post section allowing a newly-created post to be navigated to easily without having to find the created post linked to in the preview. (Issues <a href="https://github.com/xwp/wp-customize-posts/issues/48" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/48" data-id="139489948" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#48</a>, <a href="https://github.com/xwp/wp-customize-posts/issues/50" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/50" data-id="139490828" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#50</a>, PR <a href="https://github.com/xwp/wp-customize-posts/pull/134" class="issue-link js-issue-link" data-id="154290445" data-error-text="Failed to load issue title" data-permission-text="Issue title is private" title="Post Creation">#134</a>)
+ * Add post status control and preview, with <code>trash</code> status support (Issues <a href="https://github.com/xwp/wp-customize-posts/issues/40" class="issue-link js-issue-link" data-id="138757986" data-error-text="Failed to load issue title" data-permission-text="Issue title is private" title="Add post status dropdown selection control and preview">#40</a>, <a href="https://github.com/xwp/wp-customize-posts/issues/137" class="issue-link js-issue-link" data-id="154582644" data-error-text="Failed to load issue title" data-permission-text="Issue title is private" title="Delete a post whilst in the Customizer">#137</a>, PR <a href="https://github.com/xwp/wp-customize-posts/pull/152" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/152" data-id="157317131" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#152</a>)
+ * Add support for setting validation in WordPress 4.6-alpha, showing notifications if attempting to save when a post is locked or a conflicting update was previously made. (Issue <a href="https://github.com/xwp/wp-customize-posts/issues/142" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/142" data-id="156058078" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#142</a>, PR <a href="https://github.com/xwp/wp-customize-posts/pull/150" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/150" data-id="156916244" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#150</a>)
+ * Add the ability to vertically resize the post editor (Issue <a href="https://github.com/xwp/wp-customize-posts/issues/136" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/136" data-id="154541791" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#136</a>, PR <a href="https://github.com/xwp/wp-customize-posts/pull/149" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/149" data-id="156898366" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#149</a>)
+ * Add post slug control, wherein changes do not cause the preview to refresh by default since there is nothing to see (Issue <a href="https://github.com/xwp/wp-customize-posts/issues/63" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/63" data-id="140028525" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#63</a>, PR <a href="https://github.com/xwp/wp-customize-posts/pull/148" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/148" data-id="156877309" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#148</a>)
+ * Posts data as saved will now be synced back into the Customizer interface, ensuring that if a post slug gets the infamous <code>-2</code> added, you’ll see that in the Control. Likewise, if a <code>wp_insert_post_data</code> filter or <code>content_save_pre</code> changes your data in some way, these will be shown in the post’s Customizer controls upon saving.
+ * Add extendable theme &amp; plugin compatibility classes that can configure partial rendering. All Core themes &amp; Jetpack are currently supported. (Issues <a href="https://github.com/xwp/wp-customize-posts/issues/82" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/82" data-id="145302561" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#82</a>, <a href="https://github.com/xwp/wp-customize-posts/issues/103" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/103" data-id="150771094" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#103</a>, PR <a href="https://github.com/xwp/wp-customize-posts/pull/123" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/123" data-id="151805533" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#123</a>)
+ * Use <code>plugins_url()</code> for each asset URL so that the plugin can be installed as a submodule without <code>SCRIPT_DEBUG</code> (Issue <a href="https://github.com/xwp/wp-customize-posts/pull/133" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/133" data-id="154007394" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#133</a>)
+
+Fixed:
+
+ * Add all postmeta settings for registered types not just the ones actually referenced (Issues <a href="https://github.com/xwp/wp-customize-posts/pull/141" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/141" data-id="155671511" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#141</a>, <a href="https://github.com/xwp/wp-customize-posts/issues/145" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/145" data-id="156801928" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#145</a>)
+ * Export all registered post types to client, but only register panels if <code>show_in_customizer</code> (PR <a href="https://github.com/xwp/wp-customize-posts/pull/130" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/130" data-id="152866156" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#130</a>)
+ * Ensure that control pane expand button is visible when editor is open and the Customizer pane is collapsed (Issue <a href="https://github.com/xwp/wp-customize-posts/issues/44" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/44" data-id="139484076" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#44</a>, PR <a href="https://github.com/xwp/wp-customize-posts/pull/126" class="issue-link js-issue-link" data-url="https://github.com/xwp/wp-customize-posts/issues/126" data-id="152710123" data-error-text="Failed to load issue title" data-permission-text="Issue title is private">#126</a>)
+ * Improve compatibility with the Customize Snapshots plugin.
+ * Improve compatibility with the WP REST API plugin.
+ * Supply a default <code>(no title)</code> placeholder to the post title control for new posts.
+ * Filter post and page links in the Customizer to return the preview URL.
+
+See full commit log: [`0.5.0...0.6.0`](https://github.com/xwp/wp-customize-posts/compare/0.5.0...0.6.0)
+
+Issues in milestone: [`milestone:0.6`](https://github.com/xwp/wp-customize-posts/issues?q=milestone%3A0.6)
+
+Props: Weston Ruter (<a href="https://github.com/westonruter" class="user-mention">@westonruter</a>), Derek Herman (<a href="https://github.com/valendesigns" class="user-mention">@valendesigns</a>), Philip Ingram (<a href="https://github.com/pingram3541" class="user-mention">@pingram3541</a>), Daniel Bachhuber (<a href="https://github.com/danielbachhuber" class="user-mention">@danielbachhuber</a>), Stuart Shields (<a href="https://github.com/stuartshields" class="user-mention">@stuartshields</a>)
+
 = 0.5.0 - 2016-04-27 =
 
@@ -79 +109 @@
 * Export post/postmeta settings during selective refresh requests so that new posts added will appear in the panel, such as when adding the number of posts to show in the Recent Posts widget. (Issue #97, PR #99)
 * Improve compatibility with Customize Snapshots (PR #95)
+
+See [v0.5 release post](https://make.xwp.co/2016/04/29/customize-posts-v0-5-released/) on Make XWP.
 
 See full commit log: [`0.4.2...0.5.0`](https://github.com/xwp/wp-customize-posts/compare/0.4.2...0.5.0)