e^{i\theta} = \cos\theta + i\sin\theta

import { MetadataRoute } from 'next';

import { getAllPosts, getAllTags } from '@/lib/blog';
import { BASE_URL, SITEMAP_CHANGE_FREQ, SITEMAP_PRIORITY } from '@/lib/constants';

export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  // 固定ページのURL
  const staticPages = [
    {
      url: BASE_URL,
      lastModified: new Date(),
      changeFrequency: SITEMAP_CHANGE_FREQ.HOME,
      priority: SITEMAP_PRIORITY.HOME,
    },
    {
      url: `${BASE_URL}/about`,
      lastModified: new Date(),
      changeFrequency: SITEMAP_CHANGE_FREQ.STATIC_PAGE,
      priority: SITEMAP_PRIORITY.STATIC_PAGE,
    },
    {
      url: `${BASE_URL}/works`,
      lastModified: new Date(),
      changeFrequency: SITEMAP_CHANGE_FREQ.STATIC_PAGE,
      priority: SITEMAP_PRIORITY.STATIC_PAGE,
    },
    {
      url: `${BASE_URL}/posts`,
      lastModified: new Date(),
      changeFrequency: SITEMAP_CHANGE_FREQ.STATIC_PAGE,
      priority: SITEMAP_PRIORITY.STATIC_PAGE,
    },
    {
      url: `${BASE_URL}/tags`,
      lastModified: new Date(),
      changeFrequency: SITEMAP_CHANGE_FREQ.STATIC_PAGE,
      priority: SITEMAP_PRIORITY.STATIC_PAGE,
    },
  ];

  // ブログ記事のURL（公開済みの記事のみ）
  const posts = getAllPosts(false); // includeUnpublished = false
  const postPages = posts.map((post) => ({
    url: `${BASE_URL}/posts/${post.id}`,
    lastModified: new Date(post.date),
    changeFrequency: SITEMAP_CHANGE_FREQ.BLOG_POST,
    priority: SITEMAP_PRIORITY.BLOG_POST,
  }));

  // タグページのURL
  const tags = getAllTags(false); // includeUnpublished = false
  const tagPages = tags.map((tag) => ({
    url: `${BASE_URL}/tags/${tag}`,
    lastModified: new Date(),
    changeFrequency: SITEMAP_CHANGE_FREQ.TAG_PAGE,
    priority: SITEMAP_PRIORITY.TAG_PAGE,
  }));

  return [...staticPages, ...postPages, ...tagPages];
}

import type { MetadataRoute } from 'next';

export default function robots(): MetadataRoute.Robots {
  return {
    rules: {
      userAgent: '*',
      allow: '/',
      disallow: '/api/',
    },
    sitemap: 'https://hackfront.dev/sitemap.xml',
  };
}

import fs from 'fs';
import path from 'path';
import { fileURLToPath } from 'url';
import matter from 'gray-matter';
import { Feed } from 'feed';

const __dirname = path.dirname(fileURLToPath(import.meta.url));
const postsDirectory = path.join(__dirname, '../posts');
const siteData = JSON.parse(fs.readFileSync(path.join(__dirname, '../src/app/config/data.json'), 'utf8'));

function getAllPosts() {
  const fileNames = fs.readdirSync(postsDirectory);
  const allPostsData = fileNames
    .filter((fileName) => fileName.endsWith('.mdx'))
    .map((fileName) => {
      const id = fileName.replace(/\.mdx$/, '');
      const fullPath = path.join(postsDirectory, fileName);
      const fileContents = fs.readFileSync(fullPath, 'utf8');
      const { data } = matter(fileContents);

      return {
        id,
        title: data.title,
        date: data.date,
        description: data.description,
        tags: data.tags || [],
        isPublished: data.isPublished ?? true,
      };
    })
    .filter((post) => post.isPublished);

  return allPostsData.sort((a, b) => (a.date < b.date ? 1 : -1));
}

async function generateFeed() {
  const posts = getAllPosts();
  const siteUrl = siteData.siteUrl;
  const date = new Date();

  const feed = new Feed({
    title: siteData.title,
    description: siteData.description,
    id: siteUrl,
    link: siteUrl,
    language: 'ja',
    image: `${siteUrl}/logo.svg`,
    favicon: `${siteUrl}/favicon.ico`,
    copyright: `All rights reserved ${date.getFullYear()}, ${siteData.author}`,
    updated: date,
    feedLinks: {
      rss2: `${siteUrl}/feed.xml`,
    },
    author: {
      name: siteData.author,
      email: siteData.mail,
      link: siteUrl,
    },
  });

  posts.forEach((post) => {
    const url = `${siteUrl}/posts/${post.id}`;
    feed.addItem({
      title: post.title,
      id: url,
      link: url,
      description: post.description,
      date: new Date(post.date),
      author: [
        {
          name: siteData.author,
          email: siteData.mail,
          link: siteUrl,
        },
      ],
    });
  });

  fs.writeFileSync('./public/feed.xml', feed.rss2());
}

generateFeed().catch(console.error);

import { ImageResponse } from 'next/og';
import { NextRequest } from 'next/server';

import siteData from '../../config/data.json';

export const runtime = 'edge';

const WindowControls = () => (
  <div style={{ display: 'flex', gap: '8px' }}>
    <div
      style={{
        width: '12px',
        height: '12px',
        borderRadius: '9999px',
        backgroundColor: '#ff5f56',
      }}
    />
    <div
      style={{
        width: '12px',
        height: '12px',
        borderRadius: '9999px',
        backgroundColor: '#ffbd2e',
      }}
    />
    <div
      style={{
        width: '12px',
        height: '12px',
        borderRadius: '9999px',
        backgroundColor: '#27c93f',
      }}
    />
  </div>
);

export async function GET(req: NextRequest) {
  try {
    const { searchParams } = new URL(req.url);
    const title = searchParams.get('title') ?? siteData.title;
    const date = searchParams.get('date');

    const formatDate = (dateStr: string) => {
      const date = new Date(dateStr);
      const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
      const dayOfWeek = days[date.getDay()];
      return `${dateStr} (${dayOfWeek})`;
    };

    return new ImageResponse(
      (
        <div
          style={{
            background: 'rgb(26, 27, 38)',
            width: '100%',
            height: '100%',
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            padding: '40px',
          }}
        >
          <div
            style={{
              background: 'linear-gradient(to bottom right, #8b5cf6, #ec4899)',
              borderRadius: '8px',
              width: '100%',
              height: '100%',
              padding: '1.5px',
              display: 'flex',
            }}
          >
            <div
              style={{
                borderRadius: '7px',
                background: 'rgb(26, 27, 38)',
                display: 'flex',
                flexDirection: 'column',
                width: '100%',
                height: '100%',
              }}
            >
              <div
                style={{
                  borderTopLeftRadius: '8px',
                  borderTopRightRadius: '8px',
                  borderBottom: '1px solid rgb(36, 40, 59)',
                  background: 'rgb(26, 27, 38, 0.5)',
                  padding: '8px 16px',
                  fontSize: '14px',
                  color: 'rgb(169, 177, 214)',
                  display: 'flex',
                  flexDirection: 'column',
                }}
              >
                <div
                  style={{
                    height: '20px',
                    display: 'flex',
                    alignItems: 'center',
                    justifyContent: 'space-between',
                  }}
                >
                  <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
                    <WindowControls />
                    <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
                      <svg
                        width="20"
                        height="20"
                        viewBox="0 0 10.583334 10.583334"
                        style={{ marginLeft: '12px', marginRight: '4px' }}
                      >
                        <path d="M 0.28397387,10.283974 1.5617015,2.3455284 3.3116258,1.1953993 Z" fill="#00ff00" />
                        <path
                          d="M 3.6672441,1.2365066 C 6.7110938,-1.0843383 8.2273756,1.7443967 10.283974,0.37314007 L 9.0965356,3.9864574 C 6.6443289,5.9107596 5.4034251,2.8745578 2.3481789,5.0166724 Z"
                          fill="#00ff00"
                        />
                      </svg>
                      <span style={{ color: 'rgb(169, 177, 214)' }}>{siteData.title}</span>
                    </div>
                  </div>
                </div>
              </div>
              <div
                style={{
                  borderBottomLeftRadius: '8px',
                  borderBottomRightRadius: '8px',
                  flex: 1,
                  display: 'flex',
                  flexDirection: 'column',
                  justifyContent: 'center',
                  alignItems: 'center',
                  gap: '20px',
                  padding: '60px',
                }}
              >
                <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '12px' }}>
                  <div
                    style={{
                      fontSize: '48px',
                      fontWeight: 'bold',
                      background: 'linear-gradient(to right, #8b5cf6, #ec4899)',
                      backgroundClip: 'text',
                      color: 'transparent',
                      maxWidth: '800px',
                      textAlign: 'center',
                    }}
                  >
                    {title}
                  </div>
                  {date && (
                    <div
                      style={{
                        fontSize: '24px',
                        color: 'rgb(158, 206, 106)',
                        marginBottom: '8px',
                      }}
                    >
                      {formatDate(date)}
                    </div>
                  )}
                  <div
                    style={{
                      fontSize: '24px',
                      color: 'rgb(169, 177, 214)',
                    }}
                  >
                    {siteData.description}
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      ),
      {
        width: 1200,
        height: 630,
      }
    );
  } catch (e: any) {
    console.log(`${e.message}`);
    return new Response(`Failed to generate the image`, {
      status: 500,
    });
  }
}