@tenjuu99/blog 0.2.9 → 0.2.13

package/bin/dev-server

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 import { spawn } from 'child_process'
-import { srcDir, pageDir, serverDir, helperDir } from '../lib/dir.js'
+import { srcDir, watch as watchDir } from '../lib/dir.js'
 import { watchers, watch } from '../lib/watcher.js'
 import generate from '../lib/generate.js'
 import path from 'path'
@@ -14,12 +14,12 @@ const binDir = path.dirname(__filename) + '/../bin/'
 watchers.push({
   paths: srcDir,
   watchOptions: {
-    ignored: [pageDir, serverDir, helperDir],
+    ignored: [watchDir.pageDir, watchDir.serverDir, watchDir.helperDir],
   },
   callback: generate
 })
 watchers.push({
-  paths: pageDir,
+  paths: watchDir.pageDir,
   callback: generate,
   watchOptions: {
     ignoreInitial: true
@@ -27,7 +27,7 @@ watchers.push({
   event: ['change', 'unlink', 'add']
 })
 watchers.push({
-  paths: [serverDir, helperDir, libDir],
+  paths: [watchDir.serverDir, watchDir.helperDir, libDir],
   callback: () => {
     childProcess.kill('SIGINT')
     childProcess = proceed()
@@ -36,6 +36,10 @@ watchers.push({
 })
 watch()
 
+/**
+ * @type { import("child_process").ChildProcess }
+ * @var {ChildProcess} childProcess
+ */
 let childProcess = null
 
 const proceed = () => {

package/bin/new

@@ -15,8 +15,9 @@ echo '{
   "src_dir": "src",
   "dist_dir": "dist",
   "distribute_raw": "image,js",
-  "helper": "index.js",
-  "editor_enable": true
+  "helper": "index.js,add.js",
+  "editor_enable": true,
+  "packages": "editor"
 }' > "$(pwd)/blog.json"
 echo "create blog.json"
 

package/lib/applyTemplate.js

@@ -1,7 +1,7 @@
 "use strict"
 import applyCss from './cssGenerator.js'
 import includeFilter from './includeFilter.js'
-import { templateDir, cssDir } from './dir.js'
+import { watch } from './dir.js'
 import { staticFile, staticFiles, warmUp } from './files.js'
 import { watchers } from './watcher.js'
 
@@ -27,7 +27,7 @@ const warmUpTemplate = async () => {
 }
 
 watchers.push({
-  paths: [cssDir, templateDir],
+  paths: [watch.cssDir, watch.templateDir],
   callback: () => { templates = {} }
 })
 

package/lib/config.js

@@ -8,7 +8,8 @@ const config = {
   "dist_dir": "dist",
   "distribute_raw": "image",
   "relative_path": "",
-  "helper": ""
+  "helper": "",
+  "package": ""
 }
 try {
   const file = rootDir + '/blog.json'

package/lib/cssGenerator.js

@@ -4,7 +4,7 @@ import { staticFile } from './files.js'
 import { minifyCss } from './minify.js'
 import { createHash } from 'crypto'
 import path from 'path'
-import { distDir, cssDir } from './dir.js'
+import { distDir, watch } from './dir.js'
 import { watchers } from './watcher.js'
 import { styleText } from 'node:util'
 import config from './config.js'
@@ -63,7 +63,7 @@ const applyCss = async (text) => {
 }
 
 watchers.push({
-  paths: cssDir,
+  paths: watch.cssDir,
   callback: () => { cacheBuster = {} }
 })
 

package/lib/dir.js

@@ -1,15 +1,82 @@
 import config from './config.js'
+import { watchers } from './watcher.js'
+import fs from 'node:fs'
+import { styleText } from 'node:util'
 
 const rootDir = process.cwd()
 const srcDir = `${rootDir}/${config.src_dir}`
 const distDir = `${rootDir}/${config.dist_dir}`
-const pageDir = `${srcDir}/pages`
-const templateDir = `${srcDir}/template`
-const cssDir = `${srcDir}/css`
 const cacheDir = `${rootDir}/.cache`
-const serverDir = `${srcDir}/server`
-const helperDir = `${srcDir}/helper`
+const pageDir = `${cacheDir}/pages`
+const templateDir = `${cacheDir}/template`
+const cssDir = `${cacheDir}/css`
+const serverDir = `${cacheDir}/server`
+const helperDir = `${cacheDir}/helper`
+const packageDir = `${srcDir}/packages`
+const watch = {
+  pageDir: `${srcDir}/pages`,
+  templateDir: `${srcDir}/template`,
+  cssDir: `${srcDir}/css`,
+  serverDir: `${srcDir}/server`,
+  helperDir: `${srcDir}/helper`,
+  jsDir: `${srcDir}/js`,
+}
+
+let alreadyCached = false
 
+const cache = () => {
+  if (alreadyCached) {
+    return
+  }
+  if (config.packages) {
+    const packages = config.packages.split(',')
+    packages.forEach(dir => {
+      if (!fs.existsSync(`${packageDir}/${dir}`)) {
+        throw new Error(`"${dir}" package does not exist.`)
+      }
+      console.log(styleText('blue', `[cache] enable package: ${dir}`))
+      fs.cpSync(`${packageDir}/${dir}`, cacheDir, { recursive: true })
+    })
+  }
+  fs.cpSync(srcDir, cacheDir, {
+    recursive: true,
+    force: true,
+    filter: (src, dist) => !src.startsWith(packageDir)
+  })
+  console.log(styleText('blue', '[cache] finish copy'))
+  alreadyCached = true
+}
+// import パスの解決の関係上、関数コールより前にファイルが読まれることがあるためここで呼んでおく
+// 子プロセスで起動する場合は二度呼ばれることになる
+// generate の中でもコールしているが、同一プロセスであれば alreadyCached 変数で制御される
+cache()
+
+const resolveDestinationPath = (path) => {
+  for (const key of Object.keys(watch)) {
+    if (path.startsWith(watch[key])) {
+      const dir = watch[key].split('/').pop()
+      const srcFile = `${dir}${path.replace(watch[key], '')}`
+      return `${cacheDir}/${srcFile}`
+    }
+  }
+}
+watchers.push({
+  paths: [srcDir],
+  event: ['change', 'add', 'unlink'],
+  callback: ( path ) => {
+    const dest = resolveDestinationPath(path)
+    if (fs.existsSync(path)) {
+      fs.cpSync(path, dest, { force: true })
+      console.log(styleText('blue', `update ${path} => ${dest}`))
+    } else {
+      fs.unlinkSync(dest)
+      console.log(styleText('red', `unlink ${dest}`))
+    }
+  },
+  watchOptions: {
+    ignoreInitial: true
+  }
+})
 export {
   rootDir,
   srcDir,
@@ -19,5 +86,7 @@ export {
   cssDir,
   cacheDir,
   serverDir,
-  helperDir
+  helperDir,
+  watch,
+  cache
 }

package/lib/distribute.js

@@ -38,11 +38,14 @@ const distribute = async (data, srcDir, distDir) => {
   }
   const distributeRaw = config.distribute_raw.split(',')
   distributeRaw.forEach((copyDir) => {
-    fs.readdir(`${srcDir}/${copyDir}/`).then(async files => {
+    if (!existsSync(`${cacheDir}/${copyDir}`)) {
+      return
+    }
+    fs.readdir(`${cacheDir}/${copyDir}/`).then(async files => {
       await fs.stat(`${distDir}/${copyDir}/`).catch(async err => await fs.mkdir(`${distDir}/${copyDir}/`))
       files.forEach(file => {
-        fs.copyFile(`${srcDir}/${copyDir}/${file}`, `${distDir}/${copyDir}/${file}`)
-        console.log(styleText('green', '[copy]'), `${srcDir}/${copyDir}/${file} => ${distDir}/${copyDir}/${file}`)
+        fs.copyFile(`${cacheDir}/${copyDir}/${file}`, `${distDir}/${copyDir}/${file}`)
+        console.log(styleText('green', '[copy]'), `${cacheDir}/${copyDir}/${file} => ${distDir}/${copyDir}/${file}`)
       })
     })
   })
@@ -50,22 +53,28 @@ const distribute = async (data, srcDir, distDir) => {
   if (!existsSync(cacheDir)) {
     mkdirSync(cacheDir)
   }
-  fs.readFile(indexFile, 'utf8')
-    .then(text => {
-      const oldIndex = JSON.parse(text)
-      let deleted = oldIndex.filter(oi => !newIndex.map(ni => ni.__output).includes(oi.__output))
-      fs.writeFile(indexFile, JSON.stringify(newIndex))
-      if (deleted) {
-        for (const obj of deleted) {
-          console.log(styleText('red', '[unlink]'), `${distDir}${obj.__output}`)
-          fs.unlink(`${distDir}${obj.__output}`)
+  if (existsSync(indexFile)) {
+    fs.readFile(indexFile, 'utf8')
+      .then(text => {
+        const oldIndex = JSON.parse(text)
+        let deleted = oldIndex.filter(oi => !newIndex.map(ni => ni.__output).includes(oi.__output))
+        fs.writeFile(indexFile, JSON.stringify(newIndex))
+        if (deleted) {
+          for (const obj of deleted) {
+            if (existsSync(`${distDir}${obj.__output}`)) {
+              console.log(styleText('red', '[unlink]'), `${distDir}${obj.__output}`)
+              fs.unlink(`${distDir}${obj.__output}`)
+            }
+          }
         }
-      }
-    })
-    .catch(error => {
-      console.log(error)
-      fs.writeFile(indexFile, JSON.stringify(newIndex))
-    })
+      })
+      .catch(error => {
+        console.log(error)
+        fs.writeFile(indexFile, JSON.stringify(newIndex))
+      })
+  } else {
+    fs.writeFile(indexFile, JSON.stringify(newIndex))
+  }
 }
 
 export default distribute

package/lib/files.js

@@ -1,5 +1,5 @@
 import fs from "node:fs/promises";
-import { templateDir, cssDir } from './dir.js'
+import { templateDir, cssDir, watch } from './dir.js'
 import { watchers } from './watcher.js'
 
 let staticFilesContainer = {}
@@ -33,7 +33,7 @@ const staticFiles = () => {
   return Object.entries(staticFilesContainer)
 }
 watchers.push({
-  paths: [cssDir, templateDir],
+  paths: [watch.cssDir, watch.templateDir],
   callback: async () => {
     loaded = false
     await warmUp()

package/lib/generate.js

@@ -1,11 +1,12 @@
 "use strict"
 import distribute from './distribute.js'
 import { indexing, allData } from './indexer.js'
-import { srcDir, distDir } from './dir.js'
+import { srcDir, distDir, cache } from './dir.js'
 import { styleText } from 'node:util'
 
 const generate = async () => {
   let start = performance.now()
+  cache()
   await indexing()
   let end = performance.now()
   console.log(styleText('blue', '[indexing: ' + (end - start) + "ms]"))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenjuu99/blog",
-  "version": "0.2.9",
+  "version": "0.2.13",
   "description": "blog template",
   "main": "index.js",
   "scripts": {
@@ -34,7 +34,6 @@
   "files": [
     "lib",
     "bin",
-    "helper",
     "src-sample"
   ],
   "publishConfig": {

package/src-sample/{js → packages/editor/js}/editor.js

@@ -5,7 +5,10 @@ const fetchData = (target) => {
     .then(async res => {
       if (!res.ok) {
         document.querySelector('#inputFileName').value = target
-        document.querySelector('#editorTextArea').value = `${target.split('.')[0]}についての記事を作成しましょう`
+        document.querySelector('#editorTextArea').value = `---
+title: ${target.split('.')[0].split('/').pop()}
+---
+${target.split('.')[0].split('/').pop()} についての記事を作成しましょう`
         // submit('/preview', form)
         throw new Error(`${target} does not exist.`)
       } else {

package/src-sample/{js → packages/editor/js}/error.js

@@ -4,5 +4,5 @@ const url = new URL(location)
 if (url.pathname !== '/editor') {
   const link = document.querySelector('.editor_link')
   link.href = `/editor?md=${url.pathname.replace('/', '')}.md`
-  link.innerHTML = `${url.pathname.replace('/', '')}のページを作成する`
+  link.innerHTML = `[${decodeURI(url.pathname).replace('/', '')}]のページを作成する`
 }

package/src-sample/{server → packages/editor/server}/editor.js

@@ -2,7 +2,7 @@ import { IncomingMessage, ServerResponse } from 'http'
 import fs from 'node:fs/promises'
 import { styleText } from 'node:util'
 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 = '/editor'
 
@@ -24,7 +24,7 @@ export const post = async (req, res) => {
         }))
         return
       }
-      await fs.writeFile(`${pageDir}/${file}`, json.content)
+      await fs.writeFile(`${watch.pageDir}/${file}`, json.content)
       console.log(styleText('blue', '[editor/post] finished'))
 
       const href = file.split('.')[0]

package/src-sample/template/default.html

@@ -12,9 +12,7 @@
   {if og_image}
   <meta property="og:image" content="{{OG_IMAGE}}">
   {/if}
-  {if og_description}
   <meta property="og:description" content="{{OG_DESCRIPTION}}">
-  {/if}
   <meta property="og:type" content="article">
   <meta property="og:site_name" content="{{SITE_NAME}}">
   {script}