@kobalab/liulian 1.0.2 → 1.1.0

package/ChangeLog.md

@@ -1,3 +1,7 @@
+## v1.1.0 / 2022-04-15
+
+ - #7 nav モジュール(ナビゲーション用のリンクを生成する)を追加
+
 ### v1.0.2 / 2022-04-11
 
  - iPhone で form がリサイズしないよう修正

package/README.md

@@ -33,6 +33,7 @@ $ liulian ~/Documents/LiuLian
  - [コンテンツ作成](https://kobalab.net/liulian/man/contents)
  - [LiuLian記法](https://kobalab.net/liulian/man/text-liulian)
  - [モジュール](https://kobalab.net/liulian/man/module)
+ - [外部モジュール](https://kobalab.net/liulian/man/modules/)
  - [README と index](https://kobalab.net/liulian/man/readme&index)
  - [HEAD と TAIL](https://kobalab.net/liulian/man/head&tail)
  - [リバースプロキシを使う](https://kobalab.net/liulian/man/proxy-setting)

package/css/liulian.css

@@ -343,6 +343,68 @@ input[type="submit"] {
     color: red;
 }
 
+.l-nav {
+    margin: 1.5em auto 0.5em;
+}
+.l-nav a {
+    text-decoration: none;
+}
+.l-nav::after {
+    display: block;
+    content: '';
+    clear: both;
+}
+.l-nav-prev {
+    text-align: left;
+    float: left;
+    width: 35%;
+}
+.l-nav-prev::before {
+    content: '≪ ';
+}
+.l-nav-next {
+    text-align: right;
+    float: right;
+    width: 35%;
+}
+.l-nav-next::after {
+    content: ' ≫';
+}
+.l-nav-top {
+    text-align: center;
+    margin: 0 35%;
+}
+@media screen and (max-width: 480px) {
+    .l-nav-prev {
+        text-align: left;
+        float: none;
+        width: auto;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    .l-nav-next {
+        text-align: left;
+        float: none;
+        width: auto;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    .l-nav-top {
+        margin: auto;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+    .l-nav-next::before {
+        content: '≫ ';
+    }
+    .l-nav-next::after {
+        content: none;
+    }
+}
+
 .footnotes {
     font-size: 90%;
 }

package/lib/module/core.js

@@ -12,8 +12,9 @@ module.exports = class Core {
         this._r      = parser._r;
         this._req    = parser._r._req;
         this._inline = ['img','color','size','br','clear','class','lang'];
-        this._block  = ['title','contents','footnote','include','img','clear',
-                        'class','style','icon','lang','redirect','script'];
+        this._block  = ['title','contents','nav','footnote','include','img',
+                        'clear','class','style','icon','lang','redirect',
+                        'script'];
         this._np     = ['style','script'];
     }
 
@@ -37,6 +38,53 @@ module.exports = class Core {
              + value;
     }
 
+    async nav(type, param) {
+        const location = async(href)=>{
+            try {
+                let r = await this._r.openFile(this._req, href);
+                r = await r.open();
+                return r.location;
+            }
+            catch(code) { return '' }
+        };
+        const err = `<div style="color:red">#nav(${cdata(param)})</div>\n\n`;
+        let [ url, title, top ] = param.split(/,\s*/);
+        try {
+            let r = await this._r.openFile(this._req, url);
+            r = await r.open();
+            if (r.type != 'text/x-liulian') return err;
+            let toc = r.text.match(/\[\[.*?\]\]/g) || [];
+            let index = -1;
+            for (let i = 0; i < toc.length; i++) {
+                let loc = await location(
+                                    toc[i].replace(/^\[\[(.*)\]\]$/, '$1')
+                                          .match(/[^|]*$/)[0]);
+                if (loc == this._r.location) index = i;
+            }
+            if (index < 0) return '';
+            let html = '<div class="l-nav">\n'
+            if (index > 0) {
+                html += '<div class="l-nav-prev">'
+                      + this._parser.inline(toc[index - 1])
+                      + '</div>\n';
+            }
+            if (index < toc.length - 1) {
+                html += '<div class="l-nav-next">'
+                      + this._parser.inline(toc[index + 1])
+                      + '</div>\n';
+            }
+            if (title) {
+                html += '<div class="l-nav-top">'
+                      + this._parser.inline(`[[${title}|${top||url}]]`)
+                      + '</div>\n';
+            }
+            return html + '</div>\n\n';
+        }
+        catch(code) {
+            return err;
+        }
+    }
+
     footnote(type, param) {
         const html = this._parser.footnote();
         this._parser.nextNote();

package/lib/resource/folder.js

@@ -34,7 +34,8 @@ module.exports = class Folder extends File {
             this._files = [];
             for (let file of await fs.readdir(this._path)) {
                 try {
-                    let r = await this.openFile(this._req, file);
+                    let r = await this.openFile(this._req,
+                                                this._location + file);
                     this._files.push(r);
                 }
                 catch(err) {}

package/lib/resource/index.js

@@ -18,7 +18,7 @@ async function resource(req, file) {
     if (file) {
         if (file.match(/^\/\//)) throw 404;
         if (file.match(/^\//))
-                location = file;
+                location = decodeURIComponent(file);
         else    location = decodeURIComponent(urljoin(req.pathDir, file));
     }
     else        location = decodeURIComponent(req.path);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kobalab/liulian",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Node.jsで動作するWebサイト作成ツール",
   "publishConfig": {
     "access": "public"