v1.5.0 リリースノート: 回遊率とシェア率向上のための施策

// X
const generateXShareLink = (url: string, title: string) =>
  `https://twitter.com/intent/tweet?url=${encodeURIComponent(`${site.url.base}${url}`)}&title=${encodeURIComponent(`${title} | ${site.title}`)}`;

// Facebook
const generateFacebookShareLink = (url: string) =>
  `https://www.facebook.com/sharer.php?u=${encodeURIComponent(`${site.url.base}${url}`)}`;

// Hatena Bookmark
const generateHatebuSaveLink = (url: string, title: string) =>
  `https://b.hatena.ne.jp/add?mode=confirm&url=${encodeURIComponent(`${site.url.base}${url}`)}&title=${title} | ${site.title}`;

/**
 * Copies a given URL to the clipboard and displays a success toast message.
 *
 * @param url - The URL to be copied.
 */
const handleCopyLink = (url: string) =>
  void window.navigator.clipboard.writeText(`${site.url.base}${url}`).then(() => toast.success('Link copied.'));

1
/**
2
 * Retrieves the previous and next posts based on a target post ID.
3
 *
4
 * @param targetId - The ID of the target post.
5
 * @returns An object containing the previous and next post, or null if there are none.
6
 */
7
const getPager = (targetId: string) => {
8
  const targetPosts = [
9
    null,
10
    ...allPosts
11
      .filter((post) => post.status === 'published')
12
      .filter((post) => post._id)
13
      .sort((a, b) => new Date(a.publishedAt).getTime() - new Date(b.publishedAt).getTime()),
14
    null,
15
  ];
16

17
  const activeIndex = targetPosts.findIndex((post) => targetId === post?._id);
18
  const prev = activeIndex !== 0 ? targetPosts[activeIndex - 1] : null;
19
  const next = activeIndex !== targetPosts.length - 1 ? targetPosts[activeIndex + 1] : null;
20

21
  return { prev, next };
22
};

1
const relatedPosts = fisherYatesShuffle(
2
    allPosts.filter((post) => post.status === 'published' && post._id !== id && post.category === category),
3
  ).slice(0, 5);
4

5
/**
6
 * Performs Fisher-Yates shuffle on the given array.
7
 *
8
 * @template T - The type of elements in the array.
9
 * @param array - The array to be shuffled.
10
 * @returns The shuffled array.
11
 */
12
const fisherYatesShuffle = <T>(array: T[]) => {
13
  const copy = [...array];
14

15
  copy.forEach((_, index, arr) => {
16
    const i = arr.length - 1 - index;
17
    const j = Math.floor(Math.random() * (i + 1));
18
    [arr[i], arr[j]] = [arr[j] as T, arr[i] as T];
19
  });
20

21
  return copy;
22
};

1
React.useEffect(() => {
2
  const down = (e: KeyboardEvent) => {
3
    if ((e.key === 'k' && (e.metaKey || e.ctrlKey)) || e.key === '/') {
4
      if (
5
          (e.target instanceof HTMLElement && e.target.isContentEditable) ||
6
          e.target instanceof HTMLInputElement ||
7
          e.target instanceof HTMLTextAreaElement ||
8
          e.target instanceof HTMLSelectElement
9
      ) {
10
        return;
11
      }
12

13
      e.preventDefault();
14
      setOpen((open) => !open);
15
    }
16
  };
17

18
  document.addEventListener('keydown', down);
19
  return () => document.removeEventListener('keydown', down);
20
}, []);

1
const Post = defineDocumentType(() => ({
2
  ...
3
  computedFields: {
4
    excerpt: {
5
      description: 'The description of the post (120 words or less)',
6
      type: 'string',
7
      resolve: async ({ body: { raw } }) => await createExcerpt(raw),
8
    },
9
  },
10
}));
11

12
/**
13
 * Generates an excerpt from a given raw string.
14
 *
15
 * @param raw - The raw string to generate the excerpt from.
16
 * @returns The generated excerpt.
17
 */
18
const createExcerpt = async (raw: string) => {
19
  const maxWords = 120;
20
  const stripped = (await remark().use(strip).process(raw)).toString();
21
  const urlWithLineBreakRegex = /^(?:\r\n|\n)(https?:\/\/\S+)(?:\r\n|\n)/gm;
22
  const whitespaceRegex = /\s+/g;
23
  const excerpt = stripped
24
    .trim()
25
    .replaceAll(urlWithLineBreakRegex, '')
26
    .replaceAll(whitespaceRegex, '')
27
    .slice(0, maxWords);
28
  return stripped.length > maxWords ? excerpt + '...' : excerpt;
29
};

1
const convertTextToWordFrequency = (text: string): Map<string, number> => {
2
  const arr = text.split(' ');
3
  const wordCountMap = new Map<string, number>();
4

5
  arr.forEach((word) => wordCountMap.set(word, (wordCountMap.get(word) ?? 0) + 1));
6

7
  return wordCountMap;
8
};

1
export const isNoteCreatableFromMagazine = (noteText: string, magazineText: string): boolean => {
2
 let noteWordsArray = noteText.split(' ');
3
 const noteWordsArray = noteText.split(' ');
4
  const magazineWordCountMap = convertTextToWordFrequency(magazineText);
5

6
  for (const word of noteWordsArray) {
7
    const magazineWordCount = magazineWordCountMap.get(word) ?? 0;
8
    if (magazineWordCount > 0) {
9
      magazineWordCountMap.set(word, magazineWordCountMap.get(word) - 1);
10
    } else {
11
      return false;
12
    }
13
  }
14

15
  return true;
16
};