@wordpress/editor/build-module/components/post-template/hooks.mjs

Enhanced block editor for WordPress posts.

// packages/editor/src/components/post-template/hooks.js
import { useSelect } from "@wordpress/data";
import { useMemo } from "@wordpress/element";
import { useEntityProp, store as coreStore } from "@wordpress/core-data";
import { __, sprintf } from "@wordpress/i18n";
import { store as editorStore } from "../../store/index.mjs";
function useEditedPostContext() {
  return useSelect((select) => {
    const { getCurrentPostId, getCurrentPostType } = select(editorStore);
    return {
      postId: getCurrentPostId(),
      postType: getCurrentPostType()
    };
  }, []);
}
function useAllowSwitchingTemplates() {
  const { postType, postId } = useEditedPostContext();
  return useSelect(
    (select) => {
      const { canUser, getEntityRecord, getEntityRecords } = select(coreStore);
      const siteSettings = canUser("read", {
        kind: "root",
        name: "site"
      }) ? getEntityRecord("root", "site") : void 0;
      const isPostsPage = +postId === siteSettings?.page_for_posts;
      const isFrontPage = postType === "page" && +postId === siteSettings?.page_on_front;
      const templates = isFrontPage ? getEntityRecords("postType", "wp_template", {
        per_page: -1
      }) : [];
      const hasFrontPage = isFrontPage && !!templates?.some(({ slug }) => slug === "front-page");
      return !isPostsPage && !hasFrontPage;
    },
    [postId, postType]
  );
}
function useTemplates(postType) {
  return useSelect(
    (select) => select(coreStore).getEntityRecords("postType", "wp_template", {
      per_page: -1,
      post_type: postType
      // We look at the combined templates for now (old endpoint)
      // because posts only accept slugs for templates, not IDs.
    }),
    [postType]
  );
}
function useAvailableTemplates() {
  const { postType, postId } = useEditedPostContext();
  const [postSlug] = useEntityProp("postType", postType, "slug", postId);
  const currentTemplateSlug = useCurrentTemplateSlug();
  const allowSwitchingTemplate = useAllowSwitchingTemplates();
  const templates = useTemplates(postType);
  const defaultTemplate = useSelect(
    (select) => {
      if (!window?.__experimentalDataFormInspector) {
        return null;
      }
      if (!currentTemplateSlug) {
        return null;
      }
      const { getDefaultTemplateId, getEntityRecord } = select(coreStore);
      let slug;
      if (postSlug) {
        slug = postType === "page" ? `${postType}-${postSlug}` : `single-${postType}-${postSlug}`;
      } else {
        slug = postType === "page" ? "page" : `single-${postType}`;
      }
      const templateId = getDefaultTemplateId({ slug });
      if (!templateId) {
        return null;
      }
      return getEntityRecord("postType", "wp_template", templateId);
    },
    [currentTemplateSlug, postSlug, postType]
  );
  return useMemo(
    () => allowSwitchingTemplate && [
      ...(templates || []).filter(
        (template) => template.is_custom && template.slug !== currentTemplateSlug && !!template.content.raw
        // Skip empty templates.
      ),
      defaultTemplate && {
        ...defaultTemplate,
        title: {
          rendered: sprintf(
            // translators: %s: Template name
            __("%s (default)"),
            defaultTemplate.title.rendered
          )
        },
        // That's extra custom prop in order to update to an empty template
        // when we select the default template.
        isDefault: true
      }
    ].filter(Boolean),
    [
      templates,
      defaultTemplate,
      currentTemplateSlug,
      allowSwitchingTemplate
    ]
  );
}
function usePostTemplatePanelMode() {
  return useSelect((select) => {
    const { getEditorSettings, getCurrentTemplateId, getCurrentPostType } = select(editorStore);
    const { getPostType, canUser } = select(coreStore);
    const postTypeSlug = getCurrentPostType();
    const postType = getPostType(postTypeSlug);
    const settings = getEditorSettings();
    const isBlockTheme = settings.__unstableIsBlockBasedTheme;
    const hasTemplates = !!settings.availableTemplates && Object.keys(settings.availableTemplates).length > 0;
    let isVisible;
    if (!postType?.viewable) {
      isVisible = false;
    } else if (hasTemplates) {
      isVisible = true;
    } else if (!settings.supportsTemplateMode) {
      isVisible = false;
    } else {
      isVisible = canUser("create", {
        kind: "postType",
        name: "wp_template"
      }) ?? false;
    }
    const canViewTemplates = isVisible ? !!canUser("read", {
      kind: "postType",
      name: "wp_template"
    }) : false;
    if ((!isBlockTheme || !canViewTemplates) && isVisible) {
      return "classic";
    }
    if (isBlockTheme && !!getCurrentTemplateId()) {
      return "block-theme";
    }
    return null;
  }, []);
}
function useCurrentTemplateSlug() {
  const { postType, postId } = useEditedPostContext();
  const templates = useTemplates(postType);
  const entityTemplate = useSelect(
    (select) => {
      const post = select(coreStore).getEditedEntityRecord(
        "postType",
        postType,
        postId
      );
      return post?.template;
    },
    [postType, postId]
  );
  if (!entityTemplate) {
    return;
  }
  return templates?.find((template) => template.slug === entityTemplate)?.slug;
}
export {
  useAllowSwitchingTemplates,
  useAvailableTemplates,
  useCurrentTemplateSlug,
  useEditedPostContext,
  usePostTemplatePanelMode
};
//# sourceMappingURL=hooks.mjs.map