gatsby-source-wordpress/dist/steps/preview/on-create-page.js

Source data from WordPress in an efficient and scalable way.

"use strict";

exports.__esModule = true;
exports.onCreatepageSavePreviewNodeIdToPageDependency = exports.onCreatePageRespondToPreviewStatusQuery = void 0;
var _formatLogMessage = require("../../utils/format-log-message");
var _store = require("../../store");
var _ = require(".");
/**
 * during onCreatePage we want to figure out which node the page is dependant on
and then store that page in state so we can return info about the page to WordPress
when the page is updated during Previews.
We do that by finding the node id on pageContext.id
Ideally we could detect this without the need for pageContext.id.
There was an attempt to use store.componentDataDependencies but my implementation
was buggy and unreliable. @todo it's worth trying to remove the need for
pageContext.id again in the future.
 */
const onCreatepageSavePreviewNodeIdToPageDependency = helpers => {
  // if we're not in preview mode we don't want to track this
  if (!(0, _.inPreviewMode)()) {
    return;
  }
  const {
    page,
    getNode
  } = helpers;
  const nodeThatCreatedThisPage = page.context && page.context.id && getNode(page.context.id);
  if (nodeThatCreatedThisPage) {
    (0, _store.getStore)().dispatch.previewStore.saveNodePageState({
      nodeId: nodeThatCreatedThisPage.id,
      page: {
        path: page.path,
        updatedAt: page.updatedAt
      }
    });
  }
};

/**
 * during onCreatePage we check if the node this page was created from
 * has been updated and if it has a callback waiting for it
 * if both of those things are true we invoke the callback to
 * respond to the WP instance preview client
 */
exports.onCreatepageSavePreviewNodeIdToPageDependency = onCreatepageSavePreviewNodeIdToPageDependency;
const onCreatePageRespondToPreviewStatusQuery = async helpers => {
  var _pagePathToNodeDepend;
  // if we're not in preview mode we don't want to set this up
  if (!(0, _.inPreviewMode)()) {
    return;
  }
  const {
    nodePageCreatedCallbacks,
    pagePathToNodeDependencyId
  } = (0, _store.getStore)().getState().previewStore;
  const {
    page,
    getNode
  } = helpers;
  if (!nodePageCreatedCallbacks || !Object.keys(nodePageCreatedCallbacks).length) {
    return;
  }
  const nodeIdThatCreatedThisPage = pagePathToNodeDependencyId === null || pagePathToNodeDependencyId === void 0 ? void 0 : (_pagePathToNodeDepend = pagePathToNodeDependencyId[page.path]) === null || _pagePathToNodeDepend === void 0 ? void 0 : _pagePathToNodeDepend.nodeId;
  if (!nodeIdThatCreatedThisPage) {
    return;
  }
  const nodePageCreatedCallback = nodeIdThatCreatedThisPage && nodePageCreatedCallbacks[nodeIdThatCreatedThisPage];
  if (!nodeIdThatCreatedThisPage || typeof nodePageCreatedCallback !== `function`) {
    return;
  }
  (0, _store.getStore)().dispatch.previewStore.unSubscribeToPagesCreatedFromNodeById({
    nodeId: nodeIdThatCreatedThisPage
  });
  const nodeThatCreatedThisPage = getNode(nodeIdThatCreatedThisPage);
  if (!nodeThatCreatedThisPage) {
    helpers.reporter.warn((0, _formatLogMessage.formatLogMessage)(`There was an attempt to call a Preview onPageCreated callback for node ${nodeIdThatCreatedThisPage}, but no node was found.`));
    return;
  }

  // We need to add the modified time to pageContext so we can read it in WP
  // This way can tell when the updated page has been deployed
  if (!page.context.__wpGatsbyNodeModified) {
    const pageCopy = {
      ...page
    };
    pageCopy.context.__wpGatsbyNodeModified = nodeThatCreatedThisPage.modified;
    const {
      deletePage,
      createPage
    } = helpers.actions;
    deletePage(page);
    createPage(pageCopy);
  }
  await nodePageCreatedCallback({
    passedNode: nodeThatCreatedThisPage,
    pageNode: page,
    context: `onCreatePage Preview callback invocation`,
    status: `PREVIEW_SUCCESS`
  });
};
exports.onCreatePageRespondToPreviewStatusQuery = onCreatePageRespondToPreviewStatusQuery;
//# sourceMappingURL=on-create-page.js.map