@docusaurus/theme-classic 2.0.0-beta.15d451942 → 2.0.0-beta.18

package/lib/theme/BlogPostItem/index.js

@@ -1,152 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _react2 = require("@mdx-js/react");
-
-var _Translate = _interopRequireWildcard(require("@docusaurus/Translate"));
-
-var _Link = _interopRequireDefault(require("@docusaurus/Link"));
-
-var _MDXComponents = _interopRequireDefault(require("@theme/MDXComponents"));
-
-var _Seo = _interopRequireDefault(require("@theme/Seo"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// Very simple pluralization: probably good enough for now
-function useReadingTimePlural() {
-  const {
-    selectMessage
-  } = (0, _themeCommon.usePluralForm)();
-  return readingTimeFloat => {
-    const readingTime = Math.ceil(readingTimeFloat);
-    return selectMessage(readingTime, (0, _Translate.translate)({
-      id: 'theme.blog.post.readingTime.plurals',
-      description: 'Pluralized label for "{readingTime} min read". Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',
-      message: 'One min read|{readingTime} min read'
-    }, {
-      readingTime
-    }));
-  };
-}
-
-function BlogPostItem(props) {
-  const readingTimePlural = useReadingTimePlural();
-  const {
-    children,
-    frontMatter,
-    metadata,
-    truncated,
-    isBlogPostPage = false
-  } = props;
-  const {
-    date,
-    formattedDate,
-    permalink,
-    tags,
-    readingTime
-  } = metadata;
-  const {
-    author,
-    title,
-    image,
-    keywords
-  } = frontMatter;
-  const authorURL = frontMatter.author_url || frontMatter.authorURL;
-  const authorTitle = frontMatter.author_title || frontMatter.authorTitle;
-  const authorImageURL = frontMatter.author_image_url || frontMatter.authorImageURL;
-
-  const renderPostHeader = () => {
-    const TitleHeading = isBlogPostPage ? 'h1' : 'h2';
-    return <header>
-        <TitleHeading className={(0, _clsx.default)('margin-bottom--sm', _stylesModule.default.blogPostTitle)}>
-          {isBlogPostPage ? title : <_Link.default to={permalink}>{title}</_Link.default>}
-        </TitleHeading>
-        <div className="margin-vert--md">
-          <time dateTime={date} className={_stylesModule.default.blogPostDate}>
-            {formattedDate}
-            {readingTime && <>
-                {' · '}
-                {readingTimePlural(readingTime)}
-              </>}
-          </time>
-        </div>
-        <div className="avatar margin-vert--md">
-          {authorImageURL && <_Link.default className="avatar__photo-link avatar__photo" href={authorURL}>
-              <img src={authorImageURL} alt={author} />
-            </_Link.default>}
-          <div className="avatar__intro">
-            {author && <>
-                <h4 className="avatar__name">
-                  <_Link.default href={authorURL}>{author}</_Link.default>
-                </h4>
-                <small className="avatar__subtitle">{authorTitle}</small>
-              </>}
-          </div>
-        </div>
-      </header>;
-  };
-
-  return <>
-      <_Seo.default {...{
-      keywords,
-      image
-    }} />
-
-      <article className={!isBlogPostPage ? 'margin-bottom--xl' : undefined}>
-        {renderPostHeader()}
-        <div className="markdown">
-          <_react2.MDXProvider components={_MDXComponents.default}>{children}</_react2.MDXProvider>
-        </div>
-        {(tags.length > 0 || truncated) && <footer className="row margin-vert--lg">
-            {tags.length > 0 && <div className="col">
-                <strong>
-                  <_Translate.default id="theme.tags.tagsListLabel" description="The label alongside a tag list">
-                    Tags:
-                  </_Translate.default>
-                </strong>
-                {tags.map(({
-            label,
-            permalink: tagPermalink
-          }) => <_Link.default key={tagPermalink} className="margin-horiz--sm" to={tagPermalink}>
-                    {label}
-                  </_Link.default>)}
-              </div>}
-            {truncated && <div className="col text--right">
-                <_Link.default to={metadata.permalink} aria-label={`Read more about ${title}`}>
-                  <strong>
-                    <_Translate.default id="theme.blog.post.readMore" description="The label used in blog post item excerpts to link to full blog posts">
-                      Read More
-                    </_Translate.default>
-                  </strong>
-                </_Link.default>
-              </div>}
-          </footer>}
-      </article>
-    </>;
-}
-
-var _default = BlogPostItem;
-exports.default = _default;

package/lib/theme/BlogPostPage/index.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Layout = _interopRequireDefault(require("@theme/Layout"));
-
-var _BlogPostItem = _interopRequireDefault(require("@theme/BlogPostItem"));
-
-var _BlogPostPaginator = _interopRequireDefault(require("@theme/BlogPostPaginator"));
-
-var _BlogSidebar = _interopRequireDefault(require("@theme/BlogSidebar"));
-
-var _TOC = _interopRequireDefault(require("@theme/TOC"));
-
-var _EditThisPage = _interopRequireDefault(require("@theme/EditThisPage"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function BlogPostPage(props) {
-  const {
-    content: BlogPostContents,
-    sidebar
-  } = props;
-  const {
-    frontMatter,
-    metadata
-  } = BlogPostContents;
-  const {
-    title,
-    description,
-    nextItem,
-    prevItem,
-    editUrl
-  } = metadata;
-  const {
-    hide_table_of_contents: hideTableOfContents
-  } = frontMatter;
-  return <_Layout.default title={title} description={description} wrapperClassName={_themeCommon.ThemeClassNames.wrapper.blogPages} pageClassName={_themeCommon.ThemeClassNames.page.blogPostPage}>
-      {BlogPostContents && <div className="container margin-vert--lg">
-          <div className="row">
-            <div className="col col--3">
-              <_BlogSidebar.default sidebar={sidebar} />
-            </div>
-            <main className="col col--7">
-              <_BlogPostItem.default frontMatter={frontMatter} metadata={metadata} isBlogPostPage>
-                <BlogPostContents />
-              </_BlogPostItem.default>
-              <div>{editUrl && <_EditThisPage.default editUrl={editUrl} />}</div>
-              {(nextItem || prevItem) && <div className="margin-vert--xl">
-                  <_BlogPostPaginator.default nextItem={nextItem} prevItem={prevItem} />
-                </div>}
-            </main>
-            {!hideTableOfContents && BlogPostContents.toc && <div className="col col--2">
-                <_TOC.default toc={BlogPostContents.toc} />
-              </div>}
-          </div>
-        </div>}
-    </_Layout.default>;
-}
-
-var _default = BlogPostPage;
-exports.default = _default;

package/lib/theme/BlogPostPaginator/index.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Translate = _interopRequireWildcard(require("@docusaurus/Translate"));
-
-var _Link = _interopRequireDefault(require("@docusaurus/Link"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function BlogPostPaginator(props) {
-  const {
-    nextItem,
-    prevItem
-  } = props;
-  return <nav className="pagination-nav" aria-label={(0, _Translate.translate)({
-    id: 'theme.blog.post.paginator.navAriaLabel',
-    message: 'Blog post page navigation',
-    description: 'The ARIA label for the blog posts pagination'
-  })}>
-      <div className="pagination-nav__item">
-        {prevItem && <_Link.default className="pagination-nav__link" to={prevItem.permalink}>
-            <div className="pagination-nav__sublabel">
-              <_Translate.default id="theme.blog.post.paginator.newerPost" description="The blog post button label to navigate to the newer/previous post">
-                Newer Post
-              </_Translate.default>
-            </div>
-            <div className="pagination-nav__label">
-              &laquo; {prevItem.title}
-            </div>
-          </_Link.default>}
-      </div>
-      <div className="pagination-nav__item pagination-nav__item--next">
-        {nextItem && <_Link.default className="pagination-nav__link" to={nextItem.permalink}>
-            <div className="pagination-nav__sublabel">
-              <_Translate.default id="theme.blog.post.paginator.olderPost" description="The blog post button label to navigate to the older/next post">
-                Older Post
-              </_Translate.default>
-            </div>
-            <div className="pagination-nav__label">
-              {nextItem.title} &raquo;
-            </div>
-          </_Link.default>}
-      </div>
-    </nav>;
-}
-
-var _default = BlogPostPaginator;
-exports.default = _default;

package/lib/theme/BlogSidebar/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BlogSidebar;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Link = _interopRequireDefault(require("@docusaurus/Link"));
-
-var _stylesModule = _interopRequireDefault(require("./styles.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function BlogSidebar({
-  sidebar
-}) {
-  if (sidebar.items.length === 0) {
-    return null;
-  }
-
-  return <div className={(0, _clsx.default)(_stylesModule.default.sidebar, 'thin-scrollbar')}>
-      <h3 className={_stylesModule.default.sidebarItemTitle}>{sidebar.title}</h3>
-      <ul className={_stylesModule.default.sidebarItemList}>
-        {sidebar.items.map(item => {
-        return <li key={item.permalink} className={_stylesModule.default.sidebarItem}>
-              <_Link.default isNavLink to={item.permalink} className={_stylesModule.default.sidebarItemLink} activeClassName={_stylesModule.default.sidebarItemLinkActive}>
-                {item.title}
-              </_Link.default>
-            </li>;
-      })}
-      </ul>
-    </div>;
-}

package/lib/theme/BlogSidebar/styles.module.css

@@ -1,46 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-.sidebar {
-  display: inherit;
-  max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem));
-  overflow-y: auto;
-  position: sticky;
-  top: calc(var(--ifm-navbar-height) + 2rem);
-}
-
-.sidebarItemTitle {
-  margin-bottom: 0.5rem;
-}
-
-.sidebarItemList {
-  overflow-y: auto;
-  font-size: 0.9rem;
-  padding-left: 0;
-}
-
-.sidebarItem {
-  list-style-type: none;
-  margin: 0.8rem 0;
-}
-
-.sidebarItemLink {
-  color: var(--ifm-font-color-base);
-}
-.sidebarItemLink:hover {
-  color: var(--ifm-color-primary);
-  text-decoration: none;
-}
-.sidebarItemLinkActive {
-  color: var(--ifm-color-primary);
-}
-
-@media only screen and (max-width: 996px) {
-  .sidebar {
-    display: none;
-  }
-}

package/lib/theme/BlogTagsListPage/index.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Layout = _interopRequireDefault(require("@theme/Layout"));
-
-var _Link = _interopRequireDefault(require("@docusaurus/Link"));
-
-var _BlogSidebar = _interopRequireDefault(require("@theme/BlogSidebar"));
-
-var _Translate = _interopRequireDefault(require("@docusaurus/Translate"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function getCategoryOfTag(tag) {
-  // tag's category should be customizable
-  return tag[0].toUpperCase();
-}
-
-function BlogTagsListPage(props) {
-  const {
-    tags,
-    sidebar
-  } = props;
-  const tagCategories = {};
-  Object.keys(tags).forEach(tag => {
-    const category = getCategoryOfTag(tag);
-    tagCategories[category] = tagCategories[category] || [];
-    tagCategories[category].push(tag);
-  });
-  const tagsList = Object.entries(tagCategories).sort(([a], [b]) => {
-    if (a === b) {
-      return 0;
-    }
-
-    return a > b ? 1 : -1;
-  });
-  const tagsSection = tagsList.map(([category, tagsForCategory]) => <div key={category}>
-        <h3>{category}</h3>
-        {tagsForCategory.map(tag => <_Link.default className="padding-right--md" href={tags[tag].permalink} key={tag}>
-            {tags[tag].name} ({tags[tag].count})
-          </_Link.default>)}
-        <hr />
-      </div>).filter(item => item != null);
-  return <_Layout.default title="Tags" description="Blog Tags" wrapperClassName={_themeCommon.ThemeClassNames.wrapper.blogPages} pageClassName={_themeCommon.ThemeClassNames.page.blogTagsListPage} searchMetadatas={{
-    // assign unique search tag to exclude this page from search results!
-    tag: 'blog_tags_list'
-  }}>
-      <div className="container margin-vert--lg">
-        <div className="row">
-          <div className="col col--3">
-            <_BlogSidebar.default sidebar={sidebar} />
-          </div>
-          <main className="col col--7">
-            <h1>
-              <_Translate.default id="theme.tags.tagsPageTitle" description="The title of the tag list page">
-                Tags
-              </_Translate.default>
-            </h1>
-            <div className="margin-vert--lg">{tagsSection}</div>
-          </main>
-        </div>
-      </div>
-    </_Layout.default>;
-}
-
-var _default = BlogTagsListPage;
-exports.default = _default;

package/lib/theme/BlogTagsPostsPage/index.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Layout = _interopRequireDefault(require("@theme/Layout"));
-
-var _BlogPostItem = _interopRequireDefault(require("@theme/BlogPostItem"));
-
-var _Link = _interopRequireDefault(require("@docusaurus/Link"));
-
-var _BlogSidebar = _interopRequireDefault(require("@theme/BlogSidebar"));
-
-var _Translate = _interopRequireWildcard(require("@docusaurus/Translate"));
-
-var _themeCommon = require("@docusaurus/theme-common");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-// Very simple pluralization: probably good enough for now
-function useBlogPostsPlural() {
-  const {
-    selectMessage
-  } = (0, _themeCommon.usePluralForm)();
-  return count => selectMessage(count, (0, _Translate.translate)({
-    id: 'theme.blog.post.plurals',
-    description: 'Pluralized label for "{count} posts". Use as much plural forms (separated by "|") as your language support (see https://www.unicode.org/cldr/cldr-aux/charts/34/supplemental/language_plural_rules.html)',
-    message: 'One post|{count} posts'
-  }, {
-    count
-  }));
-}
-
-function BlogTagsPostPageTitle({
-  tagName,
-  count
-}) {
-  const blogPostsPlural = useBlogPostsPlural();
-  return <_Translate.default id="theme.blog.tagTitle" description="The title of the page for a blog tag" values={{
-    nPosts: blogPostsPlural(count),
-    tagName
-  }}>
-      {'{nPosts} tagged with "{tagName}"'}
-    </_Translate.default>;
-}
-
-function BlogTagsPostPage(props) {
-  const {
-    metadata,
-    items,
-    sidebar
-  } = props;
-  const {
-    allTagsPath,
-    name: tagName,
-    count
-  } = metadata;
-  return <_Layout.default title={`Posts tagged "${tagName}"`} description={`Blog | Tagged "${tagName}"`} wrapperClassName={_themeCommon.ThemeClassNames.wrapper.blogPages} pageClassName={_themeCommon.ThemeClassNames.page.blogTagsPostPage} searchMetadatas={{
-    // assign unique search tag to exclude this page from search results!
-    tag: 'blog_tags_posts'
-  }}>
-      <div className="container margin-vert--lg">
-        <div className="row">
-          <div className="col col--3">
-            <_BlogSidebar.default sidebar={sidebar} />
-          </div>
-          <main className="col col--7">
-            <h1>
-              <BlogTagsPostPageTitle count={count} tagName={tagName} />
-            </h1>
-            <_Link.default href={allTagsPath}>
-              <_Translate.default id="theme.tags.tagsPageLink" description="The label of the link targeting the tag list page">
-                View All Tags
-              </_Translate.default>
-            </_Link.default>
-            <div className="margin-vert--xl">
-              {items.map(({
-              content: BlogPostContent
-            }) => <_BlogPostItem.default key={BlogPostContent.metadata.permalink} frontMatter={BlogPostContent.frontMatter} metadata={BlogPostContent.metadata} truncated>
-                  <BlogPostContent />
-                </_BlogPostItem.default>)}
-            </div>
-          </main>
-        </div>
-      </div>
-    </_Layout.default>;
-}
-
-var _default = BlogTagsPostPage;
-exports.default = _default;