@tenjuu99/blog 0.1.3 → 0.1.6

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2024 Amashige Seiji
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,21 +1,18 @@
 # blog template
 
-## プレビュー
-
-以下のコマンドでプレビューできます。
+## setup
 
 ```
-npm run watch
+npm i @tenjuu99/blog
 ```
 
-`http://localhost:8000/`
-
-デフォルトでは8000ポートを利用しますが、環境変数を使ってポート番号を上書きできます。
-
 ```
-PORT=8001 npm run watch
+npx create-blog
+npx server
 ```
 
+`http://localhost:8000` にアクセスできます
+
 ## 記事を書く
 
 `./data/` 以下にマークダウンファイルを入稿します。
@@ -122,24 +119,7 @@ This is else content.
 ### SCRIPT
 
 ```markdown
-{script}
-// write javascript and return value
-{/script}
+<script type="ssg">
+return 'これはスクリプトが実行された結果出力されました。'
+</script>
 ```
-
-## デプロイ
-
-AWS S3 にデプロイするには、 `.github/workflow/deploy.yml.sample` を `.github/workflow/deploy.yml` にコピーします。  
-また、 `.env.prod` を作成して、以下の値を登録します。
-
-```
-SITE_NAME: テストサイト
-URL_BASE: https://example.com
-GTAG_ID: G-xxxx
-```
-
-GitHub のリポジトリで、`settings > Secrets and variables > Actions` から、以下の変数を登録します。
-
-* `AWS_ACCESS_KEY_ID`
-* `AWS_SECRET_ACCESS_KEY_ID`
-* `S3_URL`

package/bin/new

@@ -0,0 +1,31 @@
+#!/usr/bin/env bash
+
+mkdir -p "$(pwd)/src/pages"
+echo "create src/pages"
+mkdir -p "$(pwd)/src/template"
+echo "create src/template"
+mkdir -p "$(pwd)/src/css"
+echo "create src/css"
+mkdir -p "$(pwd)/src/image"
+echo "create src/image"
+
+mkdir "$(pwd)/.cache"
+echo "[]" > "$(pwd)/.cache/index.json"
+
+echo 'dist/*
+node_modules/
+.env
+.cache
+' >> .gitignore
+
+echo '{
+  "site_name": "rewrite here",
+  "url_base": "http://localhost:8000",
+  "src_dir": "src",
+  "dist_dir": "dist",
+  "distribute_raw": "image",
+  "helper": "helper/index.js"
+}' > "$(pwd)/blog.json"
+echo "create blog.json"
+
+cp -R "$(pwd)/node_modules/@tenjuu99/blog/src-sample/" "$(pwd)/src"

package/lib/config.js

@@ -0,0 +1,32 @@
+import { readFileSync, existsSync } from 'node:fs'
+
+const rootDir = process.cwd()
+const config = {
+  "site_name": "default",
+  "url_base": "http://localhost:8000",
+  "src_dir": "src",
+  "dist_dir": "dist",
+  "distribute_raw": "image",
+  "relative_path": "",
+  "helper": ""
+}
+try {
+  const file = rootDir + '/blog.json'
+  if (existsSync(file)) {
+    const configOverride = JSON.parse(readFileSync(file, 'utf8'))
+    for (const item in configOverride) {
+      config[item] = configOverride[item]
+    }
+  }
+  const keys = Object.keys(process.env)
+  for (const item in config) {
+    const upper = item.toUpperCase()
+    if (keys.includes(upper)) {
+      config[item] = process.env[upper]
+    }
+  }
+} catch (e) {
+  console.log(e)
+}
+
+export default config

package/lib/cssGenerator.js

@@ -6,6 +6,7 @@ import path from 'path'
 import { distDir as distRoot, cssDir } from './dir.js'
 import { watchers } from './watcher.js'
 import { styleText } from 'node:util'
+import config from './config.js'
 
 let cacheBuster = {}
 const cacheBusterQuery = 't'
@@ -55,7 +56,7 @@ const applyCss = async (text) => {
   })
   for (const cssDist of target) {
     const cacheBuster = await cssGenerator(cssDist.src, cssDist.dist)
-    text = text.replace(cssDist.matched, `${process.env.RELATIVE_PATH || ''}${cssDist.dist}?${cacheBusterQuery}=${cacheBuster}`)
+    text = text.replace(cssDist.matched, `${config.relative_path}${cssDist.dist}?${cacheBusterQuery}=${cacheBuster}`)
   }
   return text
 }

package/lib/dir.js

@@ -1,6 +1,8 @@
+import config from './config.js'
+
 const rootDir = process.cwd()
-const srcDir = `${rootDir}/${process.env.SRC_DIR}`
-const distDir = `${rootDir}/${process.env.DIST_DIR}`
+const srcDir = `${rootDir}/${config.src_dir}`
+const distDir = `${rootDir}/${config.dist_dir}`
 const pageDir = `${srcDir}/pages`
 const templateDir = `${srcDir}/template`
 const cssDir = `${srcDir}/css`

package/lib/distribute.js

@@ -4,6 +4,7 @@ import path from 'path'
 import { minifyHtml } from './minify.js'
 import render from './render.js'
 import { styleText } from 'node:util'
+import config from './config.js'
 
 const distribute = async (data, deleted, srcDir, distDir) => {
   if (deleted) {
@@ -22,7 +23,7 @@ const distribute = async (data, deleted, srcDir, distDir) => {
       console.log(styleText('green', '[generate]'), writeTo)
     })
   }
-  const distributeRaw = process.env.DISTRIBUTE_RAW.split(',')
+  const distributeRaw = config.distribute_raw.split(',')
   distributeRaw.forEach((copyDir) => {
     fs.readdir(`${srcDir}/${copyDir}/`).then(async files => {
       await fs.stat(`${distDir}/${copyDir}/`).catch(async err => await fs.mkdir(`${distDir}/${copyDir}/`))

package/lib/filter.js

@@ -1,6 +1,8 @@
 import * as helper from '../helper/index.js'
 import includeFilter from './includeFilter.js'
 import { srcDir } from './dir.js'
+import config from './config.js'
+console.log(config)
 
 /**
  * @param {string} text
@@ -129,8 +131,8 @@ const replaceScriptFilter = async (text, variables) => {
   for (const script of scripts) {
     let helperMerged = {...helper}
     // env.HELPER が定義されていれば追加ヘルパーとして扱う
-    if (process.env.HELPER) {
-      const additional = await import(`${srcDir}/${process.env.HELPER}`)
+    if (config.helper) {
+      const additional = await import(`${srcDir}/${config.helper}`)
       helperMerged = Object.assign(helperMerged, additional)
     }
     let result = new Function('helper', 'variables', script.script)(helperMerged, variables)

package/lib/indexer.js

@@ -1,30 +1,42 @@
 "use strict"
-import fs from "node:fs/promises";
+import { writeFile, readFile } from "node:fs/promises";
+import { readdirSync, existsSync, mkdirSync } from "node:fs";
 import { pageDir, cacheDir } from './dir.js'
 import makePageData from './pageData.js'
 
 const indexFile = `${cacheDir}/index.json`
 
+let newIndex = []
 let allData = {}
 let deleted = []
 
-const indexing = async () => {
-  const oldIndex = await fs.readFile(indexFile, 'utf8').then(text => JSON.parse(text)).catch(error => [])
+const collect = (dir, files = {}, namePrefix = '') => {
+  const dirents = readdirSync(dir, { withFileTypes: true })
+  dirents.forEach((dirent) => {
+    if (dirent.isDirectory()) {
+      collect(`${dirent.path}/${dirent.name}`, files, namePrefix + dirent.name + '/')
+    } else {
+      if (dirent.name.match(/\.(md|html)$/)) {
+        const pageData = makePageData(`${namePrefix}${dirent.name}`)
+        allData[pageData.name] = pageData
+        const { name, url, __output } = pageData
+        newIndex.push({ name, url, __output })
+      }
+    }
+  })
+}
 
-  const newIndex = []
+const indexing = async () => {
+  newIndex = []
   allData = {}
   deleted = []
-  await fs.readdir(pageDir).then(files => {
-    files
-      .filter(fileName => fileName.match('\.(md|html)$'))
-      .forEach(file => {
-        const metaData = makePageData(file)
-        allData[metaData.name] = metaData
-        const { name, url, __output } = metaData
-        newIndex.push({ name, url, __output })
-      })
-  })
-  fs.writeFile(indexFile, JSON.stringify(newIndex))
+  if (!existsSync(cacheDir)) {
+    mkdirSync(cacheDir)
+  }
+  const oldIndex = await readFile(indexFile, 'utf8').then(text => JSON.parse(text)).catch(error => [])
+
+  collect(pageDir)
+  writeFile(indexFile, JSON.stringify(newIndex))
 
   // 旧インデックスから差分を計算して削除対象をピックアップする
   deleted = oldIndex.filter(oi => !newIndex.map(ni => ni.__output).includes(oi.__output))

package/lib/pageData.js

@@ -1,6 +1,7 @@
 "use strict"
 import fs from "node:fs";
 import { pageDir } from './dir.js'
+import config from './config.js'
 
 const load = (path) => {
   return fs.readFileSync(path, 'utf8')
@@ -26,11 +27,11 @@ const parse = (content, name, ext) => {
     index: true,
     noindex: false,
     lang: 'ja',
-    site_name: process.env.SITE_NAME,
-    url_base: process.env.URL_BASE,
-    gtag_id: process.env.GTAG_ID,
+    site_name: config.site_name,
+    url_base: config.url_base,
+    gtag_id: config.gtag_id,
     markdown: markdownReplaced,
-    relative_path: process.env.RELATIVE_PATH || '',
+    relative_path: config.relative_path || '',
     template: 'default.html',
     ext: 'html',
     __output: `/${name}.html`,

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@tenjuu99/blog",
-  "version": "0.1.3",
+  "version": "0.1.6",
   "description": "blog template",
   "main": "index.js",
   "scripts": {
-    "dev": "eval $(cat .env | tr \"\n\" \" \") node bin/server",
-    "generate": "eval $(cat .env | tr \"\n\" \" \") node bin/generate",
+    "dev": "node bin/server",
+    "generate": "node bin/generate",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "bin": {
     "generate": "bin/generate",
-    "server": "bin/server"
+    "server": "bin/server",
+    "create-blog": "bin/new"
   },
   "author": "AmashigeSeiji",
   "repository": {
@@ -25,5 +26,14 @@
   "type": "module",
   "engines": {
     "node": ">=21.7"
+  },
+  "files": [
+    "lib",
+    "bin",
+    "helper",
+    "src-sample"
+  ],
+  "publishConfig": {
+    "access": "public"
   }
 }

package/.env.prod.sample

@@ -1,8 +0,0 @@
-SITE_NAME=test_blog
-GTAG_ID=
-URL_BASE=https://amashigeseiji.github.io/blog_template
-RELATIVE_PATH=/tenjuu99-blog
-SRC_DIR=src-sample
-DIST_DIR=dist
-DISTRIBUTE_RAW=image
-HELPER=helper/index.js

package/.env.sample

@@ -1,8 +0,0 @@
-SITE_NAME=test_blog
-GTAG_ID=
-URL_BASE=http://localhost:8000
-RELATIVE_PATH=
-SRC_DIR=src-sample
-DIST_DIR=dist
-DISTRIBUTE_RAW=image
-HELPER=helper/index.js

package/.github/workflows/deploy.yml.sample

@@ -1,51 +0,0 @@
-name: Build html and deploy to S3
-on:
-  push:
-      branches:
-        - main
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@master
-
-      - name: npm install
-        run: npm install --production
-
-      - name: Build
-        run: npm run generate:prod
-
-      - name: Deploy
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-        run: |
-          aws s3 sync \
-          --region ap-northeast-1 \
-          --exact-timestamps \
-          --exclude .gitignore \
-          --exclude '*.css' \
-          --exclude 'image/' \
-          --delete \
-          --metadata-directive REPLACE \
-          --cache-control "max-age=86400, no-cache, public" \
-          dist/ s3://${{ secrets.S3_URL }}/
-
-          aws s3 sync \
-          --region ap-northeast-1 \
-          --exact-timestamps \
-          --exclude .gitignore \
-          --delete \
-          --metadata-directive REPLACE \
-          --cache-control "max-age=31536000, public" \
-          dist/css/ s3://${{ secrets.S3_URL }}/css/
-
-          aws s3 sync \
-          --region ap-northeast-1 \
-          --exact-timestamps \
-          --exclude .gitignore \
-          --delete \
-          --metadata-directive REPLACE \
-          --cache-control "max-age=86400, public" \
-          dist/image/ s3://${{ secrets.S3_URL }}/image/

package/.github/workflows/github-page.yml

@@ -1,52 +0,0 @@
-# Simple workflow for deploying static content to GitHub Pages
-name: Deploy static content to Pages
-
-on:
-  push:
-      branches:
-        - main
-  workflow_dispatch:
-
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
-# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
-concurrency:
-  group: "pages"
-  cancel-in-progress: false
-
-jobs:
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@master
-
-      - name: Use nodejs
-        uses: actions/setup-node@v4
-        with:
-          node-version: '22.x'
-
-      - name: npm install
-        run: npm install --omit=dev
-
-      - name: Build
-        run: cp .env.prod.sample .env && npm run generate
-
-      - name: Setup Pages
-        uses: actions/configure-pages@v4
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          # Upload dist
-          path: './dist/'
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4

package/.gitignore

@@ -1,9 +0,0 @@
-node_modules/
-dist/*
-!.gitignore
-!favicon.ico
-data/index.json
-.DS_Store
-
-.env
-.cache/

package/.node-version

@@ -1 +0,0 @@
-22.7.0

package/helper/add.js

@@ -1,3 +0,0 @@
-export function hogehoge() {
-  return 'hogehoge'
-}

package/lib/replaceIfFilter.js

@@ -1,67 +0,0 @@
-/**
- * @param {string} condition
- * @params {object} variables
- * @return {bool}
- */
-const ifConditionEvaluator = (condition, variables) => {
-  if (condition.includes('=')) {
-    const segmented = condition.match(/(?<left>[\S]+)\s(?<operator>!=|==)\s(?<right>[\S]+)/)
-    let {left, operator, right} = segmented.groups
-    if (variables.hasOwnProperty(left)) {
-      left = variables[left]
-    } else {
-      try {
-        left = eval(left)
-      } catch (e) {
-        left = undefined
-      }
-    }
-    if (variables.hasOwnProperty(right)) {
-      right = variables[right]
-    } else {
-      try {
-        right = eval(right)
-      } catch (e) {
-        right = undefined
-      }
-    }
-    switch (operator) {
-      case '==':
-        return left == right
-      case '!=':
-        return left != right
-    }
-  } else {
-    if (variables.hasOwnProperty(condition)) {
-      return !!variables[condition]
-    }
-    return false
-  }
-}
-
-const ifRegexp =
-  new RegExp(/(\{|<)if\s(?<condition>[\s\S]+?)(}|>)(?<content>[\s\S]*?)((\{|<)else(\}|>)(?<elsecontent>[\s\S]*?))?(\{<)\/if(>|})/g)
-
-/**
- * @param {string} text
- * @param {object} variables
- * @returns {string}
- */
-const replaceIfFilter = (text, variables) => {
-  const matched = [...text.matchAll(ifRegexp)]
-  for (const item of matched) {
-    const target = item[0]
-    const content = item.groups.content
-    const elseContent = item.groups.elsecontent
-    if (ifConditionEvaluator(item.groups.condition, variables)) {
-      text = text.replace(target, content)
-    } else if (elseContent) {
-      text = text.replace(target, elseContent)
-    } else {
-      text = text.replace(target, '')
-    }
-  }
-  return text
-}
-
-export default replaceIfFilter

package/lib/replaceScriptFilter.js

@@ -1,71 +0,0 @@
-import * as helper from '../helper/index.js'
-import vm from 'vm'
-
-/**
- * 配列を再帰的に順不同リストに変換する
- * @param {Array|string} arrayOrText
- * @returns {mixed}
- */
-const arrayToList = (arrayOrText) => {
-  if (typeof arrayOrText === 'string') {
-    return `<li>${arrayOrText}</li>`
-  }
-  if (Array.isArray(arrayOrText)) {
-    let resultListText = '<ul>'
-    for (const item of arrayOrText) {
-      if (Array.isArray(item)) {
-        resultListText += `<li>${arrayToList(item)}</li>`
-      } else {
-        resultListText += `<li>${item}</li>`
-      }
-    }
-    resultListText += '</ul>'
-    arrayOrText = resultListText
-  }
-  return arrayOrText
-}
-
-const replaceScriptFilter = async (text, variables) => {
-  let replaced = text
-  const scriptRegexp = new RegExp(/({script}|\<script\s.*type="ssg".*>)(?<script>[\s\S]*?)(\{\/script}|\<\/script>)/g)
-  const scripts = [...text.matchAll(scriptRegexp)].map((matched) => {
-    return {
-      replace: matched[0],
-      script: matched.groups.script.trim("\n"),
-    }
-  })
-  const context = vm.createContext({
-    helper,
-    variables,
-  })
-  for (const script of scripts) {
-    const s = new vm.Script(script.script)
-    console.log(script.script)
-    console.log(s)
-    console.log('------------------------------------------------')
-    const func = vm.runInContext(script, context)
-    console.log(func)
-    let result = await func(variables, helper)
-    if (result instanceof Promise) {
-      result = await result
-    }
-    if (Array.isArray(result)) {
-      result = arrayToList(result)
-    } else if (typeof result === 'object') {
-      const resultText = []
-      for (const key in result) {
-        resultText.push(`<h3>${key}</h3>`)
-        if (Array.isArray(result[key])) {
-          resultText.push(arrayToList(result[key]))
-        } else {
-          resultText.push(`<p>${result[key]}</p>`)
-        }
-      }
-      result = resultText.join('\n')
-    }
-    replaced = replaced.replace(script.replace, result)
-  }
-  return replaced
-}
-
-export default replaceScriptFilter

package/performance.js

@@ -1,22 +0,0 @@
-"use strict"
-import distribute from './lib/distribute.js'
-import { indexing, allData, deleted } from './lib/indexer.js'
-import { srcDir, distDir } from './lib/dir.js'
-
-process.env.FORCE_BUILD = true
-const doBuild = async () => {
-  const start = performance.now()
-  await indexing()
-  await distribute(allData, deleted, srcDir, distDir)
-  const end = performance.now()
-  return end - start
-}
-const times = 100
-let executed = 0
-for (let i = 0; i < times; i++) {
-  // console.log(await executed())
-  const buildTime = await doBuild()
-  executed += (buildTime)
-  console.log(buildTime)
-}
-console.log('build average: 100 times: ' + (executed/times) + "ms")

package/src-sample/pages/abc.md

@@ -1,6 +0,0 @@
----
-title: abc
-url: /abc
-published: 2024-08-31
----
-hoge

package/src-sample/pages/fuga.md

@@ -1,3 +0,0 @@
-## fuga
-
-これは変数がないです

package/src-sample/pages/hogehoge.md

@@ -1,8 +0,0 @@
----
-title: hoge
-url: /hoge
-published: 2024/03/19 00:00
-ifTrueVariable: true
----
-
-hoge