@tenjuu99/blog 0.3.5 → 0.4.0

package/packages/editor/js/tree.js

@@ -0,0 +1,81 @@
+/**
+ * @typedef {{ dirs: Object.<string, TreeNode>, files: Array<{path: string, label: string}> }} TreeNode
+ */
+
+/**
+ * @param {Array<{name: string, __filetype: string, url: string}>} files
+ * @returns {TreeNode}
+ */
+// @vocab: ツリービルダー
+// @vocab: ファイルリスト
+// @vocab: ディレクトリツリー
+// @test: tests/editor/editor-sidebar.test.js
+export function buildTree(files) {
+  const root = { dirs: {}, files: [] }
+
+  for (const file of files) {
+    const parts = file.name.split('/')
+    const fileName = parts.pop()
+
+    let node = root
+    for (const dir of parts) {
+      if (!node.dirs[dir]) {
+        node.dirs[dir] = { dirs: {}, files: [] }
+      }
+      node = node.dirs[dir]
+    }
+    node.files.push({
+      path: `${file.name}.${file.__filetype}`,
+      label: `${fileName}.${file.__filetype}`,
+    })
+  }
+
+  return root
+}
+
+/**
+ * @param {string} str
+ * @returns {string}
+ */
+function escapeHtml(str) {
+  return str
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+}
+
+/**
+ * @param {TreeNode} tree
+ * @param {string} [activeFile]
+ * @param {Object.<string, 'new'|'modified'|'published'|'unknown'>} [statusMap]
+ * @param {string} [_dirPath]
+ * @returns {string}
+ */
+// @vocab: ツリーレンダラー
+// @vocab: ディレクトリツリー
+// @vocab: ディレクトリノード
+// @vocab: ファイルノード
+// @vocab: アクティブファイル
+// @test: tests/editor/editor-sidebar.test.js
+export function renderTreeHtml(tree, activeFile = '', statusMap = {}, _dirPath = '') {
+  let html = '<ul>'
+
+  for (const [dirName, subtree] of Object.entries(tree.dirs)) {
+    const dirPath = _dirPath ? `${_dirPath}/${dirName}` : dirName
+    html += `<li class="dir-node"><details data-dir="${escapeHtml(dirPath)}"><summary>${escapeHtml(dirName)}</summary>`
+    html += renderTreeHtml(subtree, activeFile, statusMap, dirPath)
+    html += `</details></li>`
+  }
+
+  for (const file of tree.files) {
+    const isActive = file.path === activeFile
+    const activeAttr = isActive ? ' class="active"' : ''
+    const status = statusMap[file.path]
+    const statusAttr = status ? ` data-status="${escapeHtml(status)}"` : ''
+    html += `<li><a href="/editor?md=${encodeURIComponent(file.path)}"${activeAttr}${statusAttr}>${escapeHtml(file.label)}</a></li>`
+  }
+
+  html += '</ul>'
+  return html
+}

package/packages/editor/server/changeReflector.js

@@ -0,0 +1,47 @@
+/**
+ * @vocab: 変更反映器
+ * @test tests/editor/publish.test.js
+ */
+
+/**
+ * 遷移実行体。commit と push を注入することで実際の git なしにテストできる。
+ * @typedef {object} PublishActions
+ * @property {(files: string[]) => Promise<boolean>} commit - ファイル群をステージしてコミットする。変更がなければ false を返す
+ * @property {() => Promise<{ success: boolean, error?: string }>} push - リモートへプッシュする
+ */
+
+/**
+ * @param {string[]} files - コミット対象ファイルパスの配列
+ * @param {PublishActions} publishActions
+ * @returns {Promise<{ success: boolean, error?: string }>}
+ */
+async function reflect(files, publishActions) {
+  const committed = await publishActions.commit(files)
+  // 変更がない（コミット不要）場合は成功とみなす
+  if (!committed) return { success: true }
+  return await publishActions.push()
+}
+
+/**
+ * @vocab: 公開する
+ * 未公開 → 公開済み 遷移。更新する と現在は同じ実装だが、
+ * 将来「非公開にする」「削除する」などの遷移が加わったとき実装が分岐する。
+ * @param {string[]} files - コミット対象ファイルパスの配列
+ * @param {PublishActions} publishActions
+ * @returns {Promise<{ success: boolean, error?: string }>}
+ */
+export async function publish(files, publishActions) {
+  return reflect(files, publishActions)
+}
+
+/**
+ * @vocab: 更新する
+ * 更新あり → 公開済み 遷移。公開する と現在は同じ実装だが、
+ * 将来「非公開にする」「削除する」などの遷移が加わったとき実装が分岐する。
+ * @param {string[]} files - コミット対象ファイルパスの配列
+ * @param {PublishActions} publishActions
+ * @returns {Promise<{ success: boolean, error?: string }>}
+ */
+export async function update(files, publishActions) {
+  return reflect(files, publishActions)
+}

package/packages/editor/server/converters/sharp.js

@@ -0,0 +1,14 @@
+import sharp from 'sharp'
+
+export const ext = 'webp'
+
+/**
+ * @param {Buffer} buffer
+ * @returns {Promise<Buffer>}
+ */
+export default async function convert(buffer) {
+  return await sharp(buffer)
+    .resize({ width: 1200, withoutEnlargement: true })
+    .webp()
+    .toBuffer()
+}

package/packages/editor/server/createConverter.js

@@ -0,0 +1,26 @@
+import nodePath from 'node:path'
+
+const rootDir = process.cwd()
+
+/**
+ * @vocab: コンバーターファクトリー
+ * @vocab: 画像コンバーター
+ * @test: tests/editor/editor-image-upload.test.js
+ * @param {Function|string|null} converterOrName - 関数、ユーザーパス（./で始まる）、またはビルトイン名
+ * @returns {Promise<{ fn: Function, ext: string|null }>}
+ */
+export async function createConverter(converterOrName = null) {
+  if (!converterOrName) return { fn: (buffer) => buffer, ext: null }
+  if (typeof converterOrName === 'function') return { fn: converterOrName, ext: null }
+  try {
+    let module
+    if (converterOrName.startsWith('.') || nodePath.isAbsolute(converterOrName)) {
+      module = await import(nodePath.resolve(rootDir, converterOrName))
+    } else {
+      module = await import(`./converters/${converterOrName}.js`)
+    }
+    return { fn: module.default, ext: module.ext ?? null }
+  } catch {
+    return { fn: (buffer) => buffer, ext: null }
+  }
+}

package/packages/editor/server/get_editor_target.js

@@ -1,7 +1,7 @@
 import { IncomingMessage, ServerResponse } from 'http'
 import fs from 'node:fs'
 import config from '@tenjuu99/blog/lib/config.js'
-import { pageDir } from '@tenjuu99/blog/lib/dir.js'
+import { watch } from '@tenjuu99/blog/lib/dir.js'
 
 export const path = '/get_editor_target'
 
@@ -15,7 +15,7 @@ export const get = async (req, res) => {
   if (!target) {
     return
   }
-  const file = `${pageDir}/${target}`
+  const file = `${watch.pageDir}/${target}`
   if (!fs.existsSync(`${file}`)) {
     return {
       status: 404,

package/packages/editor/server/get_frontmatter_templates.js

@@ -0,0 +1,22 @@
+import config from '@tenjuu99/blog/lib/config.js'
+
+export const path = '/get_frontmatter_templates'
+
+/**
+ * @vocab: テンプレートレゾルバー
+ * @test: tests/editor/editor-frontmatter-template.test.js
+ */
+export const getTemplates = (cfg) => cfg.frontmatter_templates || []
+
+/**
+ * @param {import('http').IncomingMessage} req
+ * @param {import('http').ServerResponse} res
+ */
+export const get = async (req, res) => {
+  const templates = getTemplates(config)
+  return {
+    status: 200,
+    contentType: 'application/json',
+    body: JSON.stringify({ templates }),
+  }
+}

package/packages/editor/server/get_publication_status.js

@@ -0,0 +1,29 @@
+import nodePath from 'node:path'
+import config from '@tenjuu99/blog/lib/config.js'
+import { rootDir } from '@tenjuu99/blog/lib/dir.js'
+import { getPublicationStatus } from './publicationStatus.js'
+import { createGitPublishedState } from './publish.js'
+
+export const path = '/publication-status'
+
+export const get = async (req, res) => {
+  const url = new URL(req.url, 'http://localhost')
+  const md = url.searchParams.get('md')
+  if (!md) {
+    res.writeHead(400, { 'content-type': 'application/json' })
+    res.end(JSON.stringify({ error: 'md パラメータが必要です' }))
+    return true
+  }
+  const pagesPrefix = `${config.src_dir}/pages`
+  const filePath = nodePath.normalize(`${config.src_dir}/pages/${md}`)
+  if (!filePath.startsWith(pagesPrefix + '/') && !filePath.startsWith(pagesPrefix + nodePath.sep)) {
+    res.writeHead(400, { 'content-type': 'application/json' })
+    res.end(JSON.stringify({ error: '不正なファイルパスです' }))
+    return true
+  }
+  const publishedState = await createGitPublishedState(rootDir)
+  const status = await getPublicationStatus(filePath, publishedState)
+  res.writeHead(200, { 'content-type': 'application/json' })
+  res.end(JSON.stringify({ status }))
+  return true
+}

package/packages/editor/server/get_sidebar.js

@@ -0,0 +1,51 @@
+import { readdirSync, existsSync } from 'node:fs'
+import { watch, rootDir } from '@tenjuu99/blog/lib/dir.js'
+import config from '@tenjuu99/blog/lib/config.js'
+import { renderSidebarTree } from '../helper/sidebarTree.js'
+import { collectStatuses } from './sidebarStatusCollector.js'
+import { createGitPublishedState } from './publish.js'
+
+export const path = '/get_sidebar'
+
+function scanFiles(dir, prefix = '') {
+  if (!existsSync(dir)) return []
+  const entries = readdirSync(dir, { withFileTypes: true })
+  const files = []
+  for (const entry of entries) {
+    if (entry.isDirectory()) {
+      const sub = prefix ? `${prefix}/${entry.name}` : entry.name
+      files.push(...scanFiles(`${dir}/${entry.name}`, sub))
+    } else {
+      const regexp = new RegExp(`\\.(${config.allowedSrcExt})$`)
+      if (entry.name.match(regexp)) {
+        const ext = entry.name.split('.').pop()
+        const nameWithoutExt = entry.name.slice(0, -(ext.length + 1))
+        files.push({
+          name: prefix ? `${prefix}/${nameWithoutExt}` : nameWithoutExt,
+          __filetype: ext,
+          __is_auto_category: false,
+        })
+      }
+    }
+  }
+  return files
+}
+
+/**
+ * @vocab サイドバー取得エンドポイント
+ */
+export const get = async (req, res) => {
+  const files = scanFiles(watch.pageDir)
+  const publishedState = await createGitPublishedState(rootDir)
+  const fileMappings = files.map(f => ({
+    treePath: `${f.name}.${f.__filetype}`,
+    gitPath: `${config.src_dir}/pages/${f.name}.${f.__filetype}`,
+  }))
+  const statusMap = await collectStatuses(fileMappings, publishedState)
+  const html = renderSidebarTree(files, statusMap)
+  return {
+    status: 200,
+    contentType: 'application/json',
+    body: JSON.stringify({ html })
+  }
+}

package/packages/editor/server/image_upload.js

@@ -0,0 +1,122 @@
+import fs from 'node:fs'
+import nodePath from 'node:path'
+import { styleText } from 'node:util'
+import config from '@tenjuu99/blog/lib/config.js'
+import { createConverter } from './createConverter.js'
+import { parseJsonBody } from '@tenjuu99/blog/lib/server/helper/parseRequestBody.js'
+
+const rootDir = process.cwd()
+const srcDir = nodePath.join(rootDir, config.src_dir)
+
+export const path = '/upload-image'
+
+const converterPromise = createConverter(config.image_converter ?? null)
+
+const MAX_BODY_SIZE = 10 * 1024 * 1024 // 10MB
+
+/**
+ * @vocab: アップロードエンドポイント
+ * @test: tests/editor/editor-image-upload.test.js
+ */
+export const post = async (req, res) => {
+  let json
+  try {
+    json = await parseJsonBody(req, { maxSize: MAX_BODY_SIZE })
+  } catch (e) {
+    const status = e.code === 'PAYLOAD_TOO_LARGE' ? 413 : 400
+    res.writeHead(status, { 'content-type': 'application/json' })
+    res.end(JSON.stringify({ message: e.message }))
+    return true
+  }
+
+  try {
+    const { imageData, imageFilename, mdFile } = json
+    if (!imageData || !imageFilename || !mdFile) {
+      res.writeHead(400, { 'content-type': 'application/json' })
+      res.end(JSON.stringify({ message: '必須パラメーターが不足しています' }))
+      return true
+    }
+    const { fn, ext } = await converterPromise
+    const result = await handleImageUpload({ imageData, imageFilename, mdFile }, { converterFn: fn, outputExt: ext })
+    console.log(styleText('blue', '[upload-image] finished'))
+    res.writeHead(200, { 'content-type': 'application/json' })
+    res.end(JSON.stringify(result))
+  } catch (e) {
+    console.error(e)
+    res.writeHead(500, { 'content-type': 'application/json' })
+    res.end(JSON.stringify({ message: '画像のアップロードに失敗しました' }))
+  }
+  return true
+}
+
+export { createConverter }
+
+/**
+ * @vocab: パスリゾルバー
+ * @test: tests/editor/editor-image-upload.test.js
+ * @param {string} mdFilePath
+ * @param {string} imageFilename
+ * @param {string|null} [outputExt] - 出力拡張子（null のとき元の拡張子を保持）
+ * @returns {{ saveSubPath: string, markdownUrl: string }}
+ */
+export function resolveImagePath(mdFilePath, imageFilename, outputExt = null) {
+  const normalizedMd = nodePath.normalize(mdFilePath)
+  if (nodePath.isAbsolute(normalizedMd) || normalizedMd.startsWith('..')) {
+    throw new Error(`不正な mdFilePath: ${mdFilePath}`)
+  }
+  const safeFilename = nodePath.basename(imageFilename)
+  const mdSlug = normalizedMd.replace(/\.[^.]+$/, '')
+  const imgBasename = safeFilename.replace(/\.[^.]+$/, '')
+  const originalExt = safeFilename.match(/\.[^.]+$/)?.[0] ?? ''
+  const finalExt = outputExt != null ? `.${outputExt}` : originalExt
+  const imageSubPath = `image/${mdSlug}/${imgBasename}${finalExt}`
+  return {
+    saveSubPath: imageSubPath,
+    markdownUrl: `/${imageSubPath}`
+  }
+}
+
+/**
+ * @vocab: ファイルライター
+ * @test: tests/editor/editor-image-upload.test.js
+ * @param {string} saveSubPath - src/ 以下の相対パス
+ * @param {Buffer} data
+ * @param {string} [baseDir]
+ */
+export function writeImageFile(saveSubPath, data, baseDir = srcDir) {
+  const resolvedBase = nodePath.resolve(baseDir)
+  const fullPath = nodePath.resolve(baseDir, saveSubPath)
+  if (!fullPath.startsWith(resolvedBase + nodePath.sep)) {
+    throw new Error(`保存先パスが許可ディレクトリ外です: ${saveSubPath}`)
+  }
+  fs.mkdirSync(nodePath.dirname(fullPath), { recursive: true })
+  fs.writeFileSync(fullPath, data)
+}
+
+/**
+ * @vocab: アップロードエンドポイント
+ * @test: tests/editor/editor-image-upload.test.js
+ * @param {{ imageData: string, imageFilename: string, mdFile: string }} payload
+ * @param {{ converterFn?: Function, outputExt?: string|null, baseDir?: string }} [options]
+ * @returns {Promise<{ markdownUrl: string }>}
+ */
+export async function handleImageUpload(payload, options = {}) {
+  const { imageData, imageFilename, mdFile } = payload
+  const baseDir = options.baseDir ?? srcDir
+
+  let converterFn, outputExt
+  if ('converterFn' in options) {
+    converterFn = options.converterFn
+    outputExt = options.outputExt ?? null
+  } else {
+    const created = await createConverter(config.image_converter ?? null)
+    converterFn = created.fn
+    outputExt = created.ext
+  }
+
+  const buffer = Buffer.from(imageData, 'base64')
+  const { saveSubPath, markdownUrl } = resolveImagePath(mdFile, imageFilename, outputExt)
+  const converted = await converterFn(buffer)
+  writeImageFile(saveSubPath, converted, baseDir)
+  return { markdownUrl }
+}

package/packages/editor/server/preview.js

@@ -2,32 +2,62 @@ import { IncomingMessage, ServerResponse } from 'http'
 import { styleText } from 'node:util'
 import render from '@tenjuu99/blog/lib/render.js'
 import makePageData from '@tenjuu99/blog/lib/pageData.js'
+import { distDir, srcDir } from '@tenjuu99/blog/lib/dir.js'
+import fs from 'node:fs'
+import { parseJsonBody } from '@tenjuu99/blog/lib/server/helper/parseRequestBody.js'
 
 export const path = '/preview'
 
+/**
+ * <link rel="stylesheet"> タグを読み込んでインライン <style> に置換する。
+ * プレビューiframeがサーバー再起動中のCSSリクエスト失敗を起こさないようにするため。
+ * @param {string} html
+ * @returns {string}
+ */
+function inlineStyles(html) {
+  return html.replace(
+    /<link\b[^>]*\brel=["']stylesheet["'][^>]*\/?>/gi,
+    (match) => {
+      const hrefMatch = match.match(/\bhref=["']([^"']+)["']/)
+      if (!hrefMatch) return match
+      const href = hrefMatch[1]
+      if (href.startsWith('http://') || href.startsWith('https://') || href.startsWith('//')) {
+        return match
+      }
+      const filePath = href.split('?')[0]
+      for (const dir of [distDir, srcDir]) {
+        const fullPath = `${dir}${filePath}`
+        if (fs.existsSync(fullPath)) {
+          return `<style>${fs.readFileSync(fullPath, 'utf8')}</style>`
+        }
+      }
+      return match
+    }
+  )
+}
+
 /**
  * @param {IncomingMessage} req
  * @param {ServerResponse} res
  */
 export const post = async (req, res) => {
-  const chunks = []
-  req
-    .on('data', (chunk) => chunks.push(chunk))
-    .on('end', async () => {
-      const json = JSON.parse(chunks.join())
-      const filename = json.inputFileName ? json.inputFileName : json.selectDataFile
-      if (!filename) {
-        res.writeHead(400, { 'content-type': 'application/json' })
-        return res.end(JSON.stringify({
-          message: 'filename is requried.'
-        }))
-      }
-      const pageData = makePageData(filename, json.content)
-      const rendered = await render(pageData.template, pageData)
-      res.writeHead(200, { 'content-type': 'application/json' })
-      res.end(JSON.stringify({
-        'preview': rendered
-      }))
-    })
+  let json
+  try {
+    json = await parseJsonBody(req)
+  } catch (e) {
+    res.writeHead(400, { 'content-type': 'application/json' })
+    res.end(JSON.stringify({ message: e.message }))
+    return true
+  }
+  const filename = json.inputFileName ? json.inputFileName : json.selectDataFile
+  if (!filename) {
+    res.writeHead(400, { 'content-type': 'application/json' })
+    res.end(JSON.stringify({ message: 'filename is requried.' }))
+    return true
+  }
+  const pageData = makePageData(filename, json.content)
+  const rendered = await render(pageData.template, pageData)
+  res.writeHead(200, { 'content-type': 'application/json' })
+  res.end(JSON.stringify({ 'preview': inlineStyles(rendered) }))
   return true
 }

package/packages/editor/server/publicationStatus.js

@@ -0,0 +1,27 @@
+import { styleText } from 'node:util'
+/**
+ * リモートの現在の内容を参照する読み取り専用の抽象。
+ * git 依存を外部から注入することで実際のリモートリポジトリなしにテストできる。
+ * @typedef {object} PublishedState
+ * @property {(filePath: string) => Promise<boolean>} existsInRemote - ファイルがリモートに存在するか
+ * @property {(filePath: string) => Promise<string>} diffFromRemote - リモートとの差分（差分なしなら空文字列）
+ */
+
+/**
+ * @vocab: 公開ステータス判定器
+ * @test tests/editor/publish.test.js
+ * @param {string} filePath - git ルートからの相対パス（例: `src/pages/post/hello.md`）
+ * @param {PublishedState} publishedState
+ * @returns {Promise<'new'|'modified'|'published'|'unknown'>}
+ */
+export async function getPublicationStatus(filePath, publishedState) {
+  try {
+    const exists = await publishedState.existsInRemote(filePath)
+    if (!exists) return 'new'
+    const diff = await publishedState.diffFromRemote(filePath)
+    return diff ? 'modified' : 'published'
+  } catch (e) {
+    console.log(styleText('red', '[error]'), e)
+    return 'unknown'
+  }
+}

package/packages/editor/server/publish.js

@@ -0,0 +1,135 @@
+import fs from 'node:fs'
+import nodePath from 'node:path'
+import { execFile } from 'node:child_process'
+import { promisify } from 'node:util'
+import { styleText } from 'node:util'
+import config from '@tenjuu99/blog/lib/config.js'
+import { rootDir, srcDir } from '@tenjuu99/blog/lib/dir.js'
+import { collectTarget } from './publishTargetCollector.js'
+import { publish, update } from './changeReflector.js'
+import { getPublicationStatus } from './publicationStatus.js'
+import { parseJsonBody } from '@tenjuu99/blog/lib/server/helper/parseRequestBody.js'
+
+const execFileAsync = promisify(execFile)
+
+/**
+ * @vocab: 公開ハンドラー
+ * @test tests/editor/publish.test.js
+ * @param {{ filePath: string, fileContent: string, srcDir?: string }} options
+ * @param {import('./publicationStatus.js').PublishedState} publishedState
+ * @param {import('./changeReflector.js').PublishActions} publishActions
+ * @returns {Promise<{ success: boolean, error?: string }>}
+ */
+export async function handlePublish({ filePath, fileContent, srcDir: srcDirParam = 'src' }, publishedState, publishActions) {
+  const target = collectTarget(filePath, fileContent, srcDirParam)
+  const files = [target.markdownFile, ...target.imageFiles]
+  const state = await getPublicationStatus(target.markdownFile, publishedState)
+  if (state === 'new') return await publish(files, publishActions)
+  if (state === 'modified') return await update(files, publishActions)
+  if (state === 'unknown') return { success: false, error: 'リモートへの接続に失敗しました（upstream branch が未設定の可能性があります）' }
+  // published 状態はローカルとリモートが一致しているため操作不要
+  return { success: true }
+}
+
+/**
+ * @vocab: 公開済み状態
+ * リモートの現在の内容を参照する読み取り専用の抽象
+ * @param {string} cwd - git リポジトリのルートパス
+ * @returns {import('./publicationStatus.js').PublishedState}
+ */
+export async function createGitPublishedState(cwd) {
+  try {
+    const { stdout: refOut } = await execFileAsync(
+      'git', ['rev-parse', '--abbrev-ref', '--symbolic-full-name', '@{u}'], { cwd }
+    )
+    const ref = refOut.trim()
+    const [{ stdout: treeOut }, { stdout: diffOut }] = await Promise.all([
+      execFileAsync('git', ['ls-tree', '-r', '--name-only', ref], { cwd }),
+      execFileAsync('git', ['diff', '--name-only', ref], { cwd }),
+    ])
+    const remoteFiles = new Set(treeOut.trim().split('\n').filter(Boolean))
+    const modifiedFiles = new Set(diffOut.trim().split('\n').filter(Boolean))
+    return {
+      existsInRemote: async (filePath) => remoteFiles.has(filePath),
+      diffFromRemote: async (filePath) => modifiedFiles.has(filePath) ? 'modified' : '',
+    }
+  } catch (e) {
+    // upstream 未設定など → getPublicationStatus が 'unknown' を返せるよう再スロー
+    return {
+      existsInRemote: async () => { throw e },
+      diffFromRemote: async () => { throw e },
+    }
+  }
+}
+
+/**
+ * @param {string} cwd - git リポジトリのルートパス
+ * @returns {import('./changeReflector.js').PublishActions}
+ */
+function createGitPublishActions(cwd) {
+  return {
+    commit: async (files) => {
+      await execFileAsync('git', ['add', '--', ...files], { cwd })
+      const { stdout } = await execFileAsync('git', ['diff', '--cached', '--name-only'], { cwd })
+      if (!stdout.trim()) return false
+      await execFileAsync('git', ['commit', '-m', 'publish'], { cwd })
+      return true
+    },
+    push: async () => {
+      try {
+        await execFileAsync('git', ['push'], { cwd })
+        return { success: true }
+      } catch (error) {
+        return { success: false, error: error.stderr || error.message }
+      }
+    }
+  }
+}
+
+export const path = '/publish'
+
+export const post = async (req, res) => {
+  let body
+  try {
+    body = await parseJsonBody(req)
+  } catch (e) {
+    res.writeHead(400, { 'content-type': 'application/json' })
+    res.end(JSON.stringify({ success: false, error: e.message }))
+    return true
+  }
+  try {
+    const { filePath, fileContent } = body
+    if (!filePath) {
+      res.writeHead(400, { 'content-type': 'application/json' })
+      res.end(JSON.stringify({ success: false, error: 'ファイル名がありません' }))
+      return true
+    }
+    const pagesDir = nodePath.join(srcDir, 'pages')
+    const resolvedFilePath = nodePath.resolve(pagesDir, filePath)
+    if (!resolvedFilePath.startsWith(pagesDir + nodePath.sep)) {
+      res.writeHead(400, { 'content-type': 'application/json' })
+      res.end(JSON.stringify({ success: false, error: '不正なファイルパスです' }))
+      return true
+    }
+    const content = fileContent != null ? fileContent : fs.readFileSync(`${srcDir}/pages/${filePath}`, 'utf-8')
+    if (fileContent != null) {
+      const dir = `${srcDir}/pages/${filePath}`.split('/').slice(0, -1).join('/')
+      if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true })
+      fs.writeFileSync(`${srcDir}/pages/${filePath}`, fileContent)
+    }
+    const publishedState = await createGitPublishedState(rootDir)
+    const publishActions = createGitPublishActions(rootDir)
+    const result = await handlePublish(
+      { filePath, fileContent: content, srcDir: config.src_dir },
+      publishedState,
+      publishActions
+    )
+    console.log(styleText(result.success ? 'green' : 'red', `[publish] ${filePath} ${result.success ? 'ok' : result.error}`))
+    res.writeHead(result.success ? 200 : 500, { 'content-type': 'application/json' })
+    res.end(JSON.stringify(result))
+  } catch (error) {
+    res.writeHead(500, { 'content-type': 'application/json' })
+    res.end(JSON.stringify({ success: false, error: error.message }))
+  }
+  return true
+}