@tenjuu99/blog 0.2.22 → 0.2.24

package/lib/config.js

@@ -9,7 +9,8 @@ const config = {
   "distribute_raw": "image",
   "relative_path": "",
   "helper": "",
-  "packages": ""
+  "packages": "",
+  "allowedSrcExt": "md|html|txt"
 }
 try {
   const file = rootDir + '/blog.json'

package/lib/indexer.js

@@ -3,6 +3,7 @@ import { readFile } from "node:fs/promises";
 import { readdirSync } from "node:fs";
 import { pageDir, cacheDir } from './dir.js'
 import makePageData from './pageData.js'
+import config from './config.js'
 
 let allData = {}
 
@@ -18,7 +19,8 @@ const collect = (dir, namePrefix = '', promises = []) => {
     if (dirent.isDirectory()) {
       collect(`${dirent.path}/${dirent.name}`, namePrefix + dirent.name + '/', promises)
     } else {
-      if (dirent.name.match(/\.(md|html)$/)) {
+      const regexp = `\\.(${config.allowedSrcExt})$`
+      if (dirent.name.match(regexp)) {
         const name = `${namePrefix}${dirent.name}`
         promises.push(readFile(`${dir}/${dirent.name}`, 'utf8').then(f => [name, f]))
       }

package/lib/render.js

@@ -13,9 +13,14 @@ marked.use({
 })
 
 const render = async (templateName, data) => {
-  let template = await applyTemplate(templateName)
-  template = replaceIfFilter(template, data)
-  template = await replaceScriptFilter(template, data)
+  let template
+  if (!templateName) {
+    template = '{{MARKDOWN}}'
+  } else {
+    template = await applyTemplate(templateName)
+    template = replaceIfFilter(template, data)
+    template = await replaceScriptFilter(template, data)
+  }
 
   let markdown = data.markdown
   markdown = includeFilter(markdown)

package/lib/server.js

@@ -7,6 +7,8 @@ import handle from './tryServer.js'
 
 const contentType = (ext) => {
     switch (ext) {
+      case 'txt':
+        return 'text/plain'
       case 'html':
       case 'css':
         return `text/${ext}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenjuu99/blog",
-  "version": "0.2.22",
+  "version": "0.2.24",
   "description": "blog template",
   "main": "index.js",
   "scripts": {

package/packages/breadcrumbs/css/breadcrumbs.css

@@ -0,0 +1,15 @@
+.breadcrumbs {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content:flex-start;
+}
+.breadcrumbs-item {
+  margin-left: 10px;
+}
+.breadcrumbs-item::after {
+  content: '/';
+  margin-left: 10px;
+}
+.breadcrumbs-item:last-child:after {
+  content: none;
+}

package/packages/breadcrumbs/helper/breadcrumbs.js

@@ -0,0 +1,36 @@
+import { allData, config } from '@tenjuu99/blog'
+
+export function breadcrumbList(pageName) {
+  const pageData = allData[pageName]
+  const entries = Object.entries(allData)
+  const breadCrumbs = ['/']
+  pageData.url.split('/').reduce((prev, curr) => {
+    if (curr === 'index') {
+      return
+    }
+    let str = curr
+    if (allData[prev + curr]) {
+      str = allData[prev + curr].title
+    } else {
+      const entry = entries.find(v => `/${prev}${curr}` === v[1].url)
+      if (entry) {
+        str = entry[1].title
+      }
+    }
+    breadCrumbs.push([`/${prev}${curr}/`, str])
+    return `${prev}${curr}/`
+  })
+  if (breadCrumbs.length === 1) {
+    return ''
+  }
+  const last = breadCrumbs.pop()
+  last[0] = last[0].substring(0, last[0].length - 1)
+
+  const output = breadCrumbs.map(v => {
+    const href = config.relative_path ? config.relative_path + v[0] : v[0]
+    return `<div class="breadcrumbs-item"><a href="${href}">${v[0] === '/' ? 'top' : v[1]}</a></div>`
+  }).join('') + `<div class="breadcrumbs-item">${last[1]}</div>`
+  return '<div class="breadcrumbs">'
+    + output
+    + '</div>'
+}

package/packages/turbolink/template/turbolink.js

@@ -0,0 +1,80 @@
+const transition = async (href) => {
+  const destination = await fetch(href)
+  if (!destination.ok) {
+    document.location.href = href
+    return
+  }
+  const doc = document.createElement('html')
+  doc.innerHTML = await destination.text()
+  // load stylesheets
+  const headLinks = doc.getElementsByTagName('link')
+  const styleSheets = [...document.styleSheets].map(s => s.href).filter(h => h)
+  const newStyleSheets = [...headLinks].filter(l => l.rel === 'stylesheet').map(l => l.href)
+  const diff = newStyleSheets.filter(i => styleSheets.indexOf(i) === -1)
+  diff.forEach(href => {
+    const addLink = document.createElement('link')
+    addLink.rel = 'stylesheet'
+    addLink.href = href
+    document.head.appendChild(addLink)
+  })
+  // load style
+  const styleInline = [...document.styleSheets].filter(s => !s.href)
+  const newStyleInline = [...doc.getElementsByTagName('style')].filter(s => s.dataset.styleName)
+  newStyleInline.forEach(s => {
+    const name = s.dataset.styleName
+    if (!styleInline.find(si => si.ownerNode.dataset.styleName === name)) {
+      document.head.appendChild(s)
+    }
+  })
+  // set body
+  document.body = doc.getElementsByTagName('body')[0]
+  // set header
+  document.title = doc.getElementsByTagName('title')[0].textContent
+  const canonical = document.head.querySelector('link[rel=canonical]').href = doc.querySelector('link[rel=canonical]').href
+
+  const metas = [...document.head.querySelectorAll('meta')]
+  metas.forEach(meta => {
+    if (
+      (meta.getAttribute('property') && meta.getAttribute('property').startsWith('og:')) ||
+      (meta.getAttribute('name') && meta.getAttribute('name').startsWith('twitter:'))
+    ) {
+      meta.remove()
+    }
+  })
+  const newMetas = [...doc.querySelectorAll('meta')]
+  newMetas.forEach(meta => {
+    if (
+      (meta.getAttribute('property') && meta.getAttribute('property').startsWith('og:')) ||
+      (meta.getAttribute('name') && meta.getAttribute('name').startsWith('twitter:'))
+    ) {
+      document.head.appendChild(meta)
+    }
+  })
+}
+
+const turbolinks = () => {
+  const links = document.querySelectorAll('a')
+  const current = new URL(document.location.href)
+  const currentDom = document.body
+  links.forEach(link => {
+    const href = link.href
+    const url = new URL(href)
+    if (url.host === current.host) {
+      link.onclick = async (e) => {
+        e.preventDefault()
+        if (`${url.pathname}${url.search}` === `${current.pathname}${current.search}`) {
+          return;
+        }
+        await transition(href)
+        history.pushState({}, '', href)
+        turbolinks()
+      }
+    }
+  })
+}
+document.body.onload = turbolinks
+window.onpopstate = async (e) => {
+  const href = window.location.pathname + window.location.search + window.location.hash
+  await transition(href)
+  turbolinks()
+}

package/src-sample/helper/index.js

@@ -82,21 +82,3 @@ export function renderIndex(pages, nodate = 'nodate', headingTag = 'h3') {
 export function isEditorEnabled() {
   return allData.editor && allData.editor.distribute
 }
-
-export function breadcrumbList(pageName) {
-  const pageData = allData[pageName]
-  const breadCrumbs = ['/']
-  pageData.url.split('/').reduce((prev, curr) => {
-    breadCrumbs.push([`/${prev}${curr}/`, curr])
-    return `${prev}${curr}/`
-  })
-  const last = breadCrumbs.pop()
-  last[0] = last[0].substring(0, last[0].length - 1)
-
-  const output = breadCrumbs.map(v => {
-    return `<div style="margin-left: 10px;"><a href="${v[0]}">${v[0] === '/' ? 'top' : v[1]}</a> > </div>`
-  }).join('') + `<div style="margin-left: 10px;">${last[1]}</div>`
-  return '<div style="display: flex;flex-wrap: wrap;">'
-    + output
-    + '</div>'
-}

package/src-sample/pages/robots.txt

@@ -0,0 +1,9 @@
+---
+template:
+url: /robots
+ext: txt
+index: false
+---
+User-Agent: *
+
+Allow: /

package/src-sample/template/css.html

@@ -2,5 +2,4 @@
 {include('css/reset.css')}
 </style>
 <link rel="stylesheet" href="${/css/layout.css<<layout.css,color.css}">
-<link rel="preload" href="${/css/lazy.css<<page.css,markdown.css}" as="style">
-<link rel="stylesheet" href="${/css/lazy.css<<page.css,markdown.css}" media="print" onload="this.media='all'">
+<link rel="stylesheet" href="${/css/lazy.css<<page.css,markdown.css,breadcrumbs.css}" media="print" onload="this.media='all'">

package/src-sample/template/footer.html

@@ -5,3 +5,9 @@
       <li><a href="{{RELATIVE_PATH}}/rss.xml">RSS</a></li>
     </ul>
   </footer>
+
+{if turbolink}
+<script>
+  {include('template/turbolink.js')}
+</script>
+{/if}