-
# Distributor
-> Distributor is a WordPress plugin that makes it easy to distribute and reuse content across your websites — whether in a single multisite or across the web.
+
-[](#support-level) [](https://github.com/10up/distributor/actions/workflows/test.yml) [](https://github.com/10up/distributor/actions/workflows/lint.yml) [](https://github.com/10up/distributor/actions/workflows/codeql-analysis.yml) [](https://github.com/10up/distributor/releases/latest)  [](https://github.com/10up/distributor/blob/develop/LICENSE.md)
+[](#support-level) [](https://github.com/10up/distributor/releases/latest)  [](https://github.com/10up/distributor/blob/develop/LICENSE.md) [](https://github.com/10up/distributor/actions/workflows/dependency-review.yml)
+[](https://github.com/10up/distributor/actions/workflows/cypress.yml) [](https://github.com/10up/distributor/actions/workflows/test.yml) [](https://github.com/10up/distributor/actions/workflows/lint.yml) [](https://github.com/10up/distributor/actions/workflows/codeql-analysis.yml)
+
+> Distributor is a WordPress plugin that makes it easy to distribute and reuse content across your websites — whether in a single multisite or across the web.
*You can learn more about Distributor's features at [DistributorPlugin.com](https://distributorplugin.com) and documentation at the [Distributor documentation site](https://10up.github.io/distributor/).*
-_Note:_ The latest stable version of the plugin is the _stable_ branch. [Download the stable branch]((https://github.com/10up/distributor/archive/stable.zip)) if you are intending to use the plugin in a Production environment.
-
-## Table of Contents
-* [Features](#features)
-* [Requirements](#requirements)
-* [Installation](#installation)
- * [Registration](#registration)
- * [Set Up External Connections](#set-up-external-connections)
-* [How to Distribute Content](#how-to-distribute-content)
- * [Pushing Content](#pushing-content)
- * [Pulling Content](#pulling-content)
-* [Known Caveats/Issues](#known-caveatsissues)
-* [Developers](#developers)
- * [Running Locally](#running-locally)
- * [Testing](#testing)
- * [Debugging](#debugging)
- * [Application Passwords](#application-passwords-and-wordpress-56)
-* [Changelog](#changelog)
-* [Contributing](#contributing)
-
-## Features
+*Note:* The latest stable version of the plugin is the *stable* branch. [Download the stable branch]((https://github.com/10up/distributor/archive/stable.zip)) if you are intending to use the plugin in a Production environment.
+
+## Overview
Distributor supports safe, SEO-friendly content reuse and sharing via "pushing" and "pulling".
@@ -126,33 +109,61 @@ You can navigate to the `Posts` > `All Posts` table list view to see all content
## Known Caveats/Issues
-__Remote Request Timeouts__ - With external connections, HTTP requests are sent back and forth - creating posts, transferring images, syncing post updates, etc. In certain situations, mostly commonly when distributing posts with a large number of images (or very large file sizes), using poorly configured or saturated servers / hosts, or using plugins that add significant weight to post creation, Distributor requests can fail. Although we do some error handling, there are certain cases in which post distribution can fail silently. If distribution requests are taking a long time to load and/or failing, consider adjusting the timeout; you can filter the timeout for pushing external posts using the [`dt_push_post_timeout` filter](https://10up.github.io/distributor/dt_push_post_timeout.html). More advanced handling of large content requests, and improved error handling is on the road map for a future update.
+### Remote Request Timeouts
+
+With external connections, HTTP requests are sent back and forth - creating posts, transferring images, syncing post updates, etc. In certain situations, mostly commonly when distributing posts with a large number of images (or very large file sizes), using poorly configured or saturated servers / hosts, or using plugins that add significant weight to post creation, Distributor requests can fail. Although we do some error handling, there are certain cases in which post distribution can fail silently. If distribution requests are taking a long time to load and/or failing, consider adjusting the timeout; you can filter the timeout for pushing external posts using the [`dt_push_post_timeout` filter](https://10up.github.io/distributor/dt_push_post_timeout.html). More advanced handling of large content requests, and improved error handling is on the road map for a future update.
+
+### Post Meta Associations
+
+A distributed post includes all of the post meta from the original version. Sometimes arbitrary post meta references an ID for another piece of content on the original site. Distributor _does not_ "bring along" the referenced content or update references for arbitrary post meta (it will take care of updating references in the case of core WordPress features, such as the featured image ID). This issue is very common when using field management plugins like Advanced Custom Fields (ACF). This can be addressed on a case by case basis by extending the plugin; for external connections, you can manually handle post meta associations using [the `dt_push_post` hook](https://github.com/10up/distributor/blob/f7b60740e679bce4671ccd69a670abadce4f2f93/includes/classes/ExternalConnections/WordPressExternalConnection.php#L646). For internal connections, use the [`dt_push_post` hook](https://10up.github.io/distributor/dt_push_post.html). Note that while named the same, these hooks accept different parameters.
+
+### Deleting Distributed Posts
+
+When a post that has been distributed is deleted, the distributed copies will become unlinked ("forked") from the original and thus become editable. Similarly, when a distributed post is unpublished, distributed copies will not be unpublished. More sophisticated "removal" workflow is on the road map for a future update.
+
+### Gutenberg Block Mismatch
+
+When distributing a Gutenberg post to another site that supports Gutenberg, if a block in the post does not exist on the receiving site, the block will be converted to a "Classic" HTML block.
+
+### Parent Posts
+
+Distributor does not "bring along" parent (or child posts). If your post (or custom post type) has a parent or a child, it will distribute it as if it's an orphan.
+
+### Custom Post Type Support
+
+Internal Connections (multisite) support multiple post types. In order for distribution to work with External Connections that have custom post type content, that post type needs to be registered with the argument `show_in_rest => true` on the external site.
+
+### Unable to Push to New Custom Post Types
+
+If new Custom Post Types are created after establishing an External Connection, you will only be able to `Pull` those from an External Connection. To ensure you are able to `Push` new Custom Post Types to an External Connection, you will need to update the External Connection by editing it and then clicking the `Update connection` button.
+
+### Backwards Compatibility
-__Post Meta Associations__ - A distributed post includes all of the post meta from the original version. Sometimes arbitrary post meta references an ID for another piece of content on the original site. Distributor _does not_ "bring along" the referenced content or update references for arbitrary post meta (it will take care of updating references in the case of core WordPress features, such as the featured image ID). This issue is very common when using field management plugins like Advanced Custom Fields (ACF). This can be addressed on a case by case basis by extending the plugin; for external connections, you can manually handle post meta associations using [the `dt_push_post` hook](https://github.com/10up/distributor/blob/f7b60740e679bce4671ccd69a670abadce4f2f93/includes/classes/ExternalConnections/WordPressExternalConnection.php#L646). For internal connections, use the [`dt_push_post` hook](https://10up.github.io/distributor/dt_push_post.html). Note that while named the same, these hooks accept different parameters.
+While we strive to be mindful of backwards compatibility much the same way WordPress itself is, we do not currently guarantee continued interoperability between different versions of Distributor. We assume the current userbase for this plugin has a high degree of control over any site that has been set up as an external connection and urge you to keep Distributor up to date.
-__Deleting Distributed Posts__ - When a post that has been distributed is deleted, the distributed copies will become unlinked ("forked") from the original and thus become editable. Similarly, when a distributed post is unpublished, distributed copies will not be unpublished. More sophisticated "removal" workflow is on the road map for a future update.
+### Distributing Post content
-__Gutenberg Block Mismatch__ - When distributing a Gutenberg post to another site that supports Gutenberg, if a block in the post does not exist on the receiving site, the block will be converted to a "Classic" HTML block.
+By default, post content is rendered before being copied. This means that shortcodes are expanded before being distributed and remote posts will not have the shortcode, but rather the expanded HTML content.
-__Parent Posts__ - Distributor does not "bring along" parent (or child posts). If your post (or custom post type) has a parent or a child, it will distribute it as if it's an orphan.
+### Distributing Authors
-__Custom Post Type Support__ - Internal Connections (multisite) support multiple post types. In order for distribution to work with External Connections that have custom post type content, that post type needs to be registered with the argument `show_in_rest => true` on the external site.
+By default, distributed posts reference the original site as the "author" with a link to it. This can be altered by extending Distributor with custom code to make it sync authors.
-__Unable to Push to New Custom Post Types__ - If new Custom Post Types are created after establishing an External Connection, you will only be able to `Pull` those from an External Connection. To ensure you are able to `Push` new Custom Post Types to an External Connection, you will need to update the External Connection by editing it and then clicking the `Update connection` button.
+### Distributing Post Date
-__Backwards Compatibility__ - While we strive to be mindful of backwards compatibility much the same way WordPress itself is, we do not currently guarantee continued interoperability between different versions of Distributor. We assume the current userbase for this plugin has a high degree of control over any site that has been set up as an external connection and urge you to keep Distributor up to date.
+By default, the "post date" on distributed posts is the date its published on the remote site, not the date published on the origin site. This can be overridden by extending Distributor with custom code to make it preserve the post date.
-__Distributing Post content__ - By default, post content is rendered before being copied. This means that shortcodes are expanded before being distributed and remote posts will not have the shortcode, but rather the expanded HTML content.
+### Distributing Canonical URL
-__Distributing Authors__ - By default, distributed posts reference the original site as the "author" with a link to it. This can be altered by extending Distributor with custom code to make it sync authors.
+By default, canonical URL of distributed post will point to original content, which corresponds to SEO best practices. This can be overridden by extending Distributor with custom code and removing Distributor's default front end canonical URL filtering (look for `'get_canonical_url'` and `'wpseo_canonical'`).
-__Distributing Post Date__ - By default, the "post date" on distributed posts is the date its published on the remote site, not the date published on the origin site. This can be overridden by extending Distributor with custom code to make it preserve the post date.
+### Drafts as Preferred Status
-__Distributing Canonical URL__ - By default, canonical URL of distributed post will point to original content, which corresponds to SEO best practices. This can be overridden by extending Distributor with custom code and removing Distributor's default front end canonical URL filtering (look for `'get_canonical_url'` and `'wpseo_canonical'`).
+By default, drafts are the preferred status and can't be changed at the source site.
-__Drafts as Preferred Status__ - By default, drafts are the preferred status and can't be changed at the source site.
+### Conflicts with Security plugins
-__Conflicts with Security plugins__ - Oftentimes the communication Distributor attempts to make across sites using the REST API will be flagged by various security plugins and surreptitiously blocked. If you run into an issue like this, please reach out to the support for your security plugin and ask about getting Distributor unblocked ([here is an example for doing so with Wordfence](https://wordpress.org/support/topic/distributor-plugin-being-blocked/)).
+Oftentimes the communication Distributor attempts to make across sites using the REST API will be flagged by various security plugins and surreptitiously blocked. If you run into an issue like this, please reach out to the support for your security plugin and ask about getting Distributor unblocked ([here is an example for doing so with Wordfence](https://wordpress.org/support/topic/distributor-plugin-being-blocked/)).
## Developers
diff --git a/assets/css/admin.css b/assets/css/admin.css
index 0dc1bcfb7..0c008d249 100644
--- a/assets/css/admin.css
+++ b/assets/css/admin.css
@@ -30,6 +30,66 @@
width: 20px;
}
+.distributor-panel span {
+ display: inline-block;
+ margin-bottom: 15px;
+}
+
+#distributed-unlink {
+ margin: 0;
+}
+
+#distributed-unlink .dashicons-editor-unlink {
+ color: #b50909;
+ margin-right: 7px;
+ text-decoration: none;
+}
+
+.distributed-modal-popup .components-modal__icon-container svg {
+ width: 25px;
+}
+
+.distributed-modal-popup h1 {
+ margin-left: 8px;
+ margin-top: -3px;
+}
+
+.distributed-modal-popup span {display: inline-block;}
+
+.distributed-modal-popup .actions {
+ margin-top: 20px;
+}
+
+body .distributed-modal-popup button,
+body .distributed-modal-popup .button {
+ opacity: 1;
+ pointer-events: initial;
+ cursor: pointer;
+}
+
+.distributed-modal-popup .actions a {
+ margin-right: 10px;
+}
+
+.distributed-modal-popup .actions a span {
+ display: inline-block;
+ margin-top: 5px;
+ margin-right: 5px;
+ color: #b50909;
+}
+
+.distributed-modal-popup .actions a span.dashicons-admin-links {
+ color: #046e04;
+}
+
+.distributed-modal-popup .actions #close {
+ margin-top: 5px;
+}
+
+.distributed-modal-popup {
+ max-width: 380px;
+}
+
.distributor-toggle {
margin-bottom: 8px;
}
diff --git a/assets/css/gutenberg-syndicated-post.scss b/assets/css/gutenberg-syndicated-post.scss
index 550168984..b8e02453c 100644
--- a/assets/css/gutenberg-syndicated-post.scss
+++ b/assets/css/gutenberg-syndicated-post.scss
@@ -19,6 +19,17 @@ body.dt-linked-post {
cursor: default;
}
+ .distributed-modal-popup {
+ & * {
+ pointer-events: auto;
+ opacity: 1;
+ }
+
+ a, button {
+ cursor: pointer;
+ }
+ }
+
/* Allow clicks on confirmation dialog buttons */
.components-confirm-dialog button {
opacity: 1;
diff --git a/assets/js/gutenberg-plugin.js b/assets/js/gutenberg-plugin.js
index 8b1448222..20064bee3 100644
--- a/assets/js/gutenberg-plugin.js
+++ b/assets/js/gutenberg-plugin.js
@@ -1,10 +1,11 @@
import { pluginIcon } from './components/plugin-icon';
-import { Icon } from '@wordpress/components';
+import { Icon, Modal, Button, Flex } from '@wordpress/components';
import { select, useSelect } from '@wordpress/data';
import { PluginDocumentSettingPanel } from '@wordpress/edit-post';
import { __, _n, _x, sprintf } from '@wordpress/i18n';
import { registerPlugin } from '@wordpress/plugins';
+import { useState } from '@wordpress/element';
const { document, dt, dtGutenberg, MouseEvent } = window;
@@ -131,14 +132,136 @@ const RenderDistributedTo = () => {
* Render the distributed from component
*/
const RenderDistributedFrom = () => {
+ const [ isOpen, setOpen ] = useState( false );
+ const openModal = () => setOpen( true );
+ const closeModal = () => setOpen( false );
+
+ if ( ! parseInt( dtGutenberg.unlinked ) ) {
+ return (
+
+
+ { sprintf(
+ /* translators: 1: Syndication date and time. */
+ __( 'Pulled on %1$s from %2$s', 'distributor' ),
+ dtGutenberg.syndicationTime,
+ dtGutenberg.originalLocationName
+ ) }
+
+
+ { __( 'This post has been unlinked from the ', 'distributor' ) }
+
+ { __( 'Original Content', 'distributor' ) }
+
+ { '.' }
+
+ {/* eslint-disable-line */}
+
+ {/* eslint-disable-line */}
+ { __( 'Restore link to Original', 'distributor' ) }
+
+
+ { isOpen && (
+
+
+ { __( 'Restoring the link to the ', 'distributor' ) }
+
+ { __( 'Original Content', 'distributor' ) }
+
+ { __(
+ ' will start updating this post automatically from the Original, overwriting current content.',
+ 'distributor'
+ ) }
+
+
) }
-
+
);
};
@@ -149,6 +272,17 @@ const DistributorIcon = () => (
+
+
+ { __( 'Restore link', 'distributor' ) }
+
+ {/* eslint-disable-line */}
+ {/* eslint-disable-line */}
+ { __( 'Cancel', 'distributor' ) }
+
+
+
+  ) . ' "' . esc_attr__( 'Unlinked', 'distributor' ) . '"){kind=icon}
';
+ if ( $connection_map ) {
+ // When a post is pushed from current site or pulled by other sites.
+ echo '';
} else {
- echo '';
+ $unlinked = (bool) get_post_meta( $post_id, 'dt_unlinked', true );
+ $post_url = get_post_meta( $post_id, 'dt_original_post_url', true );
+
+ if ( $unlinked ) {
+ echo '