尝试在Node.js上运行textlint

1 年 ago

科, 颖

3 minutes

青空文库：从蟹工船中提取的样本使用。

简要概述

用Node.js运行textlint – Qiita
改为
尝试使用我自己的textlint规则 – Qiita

形成

textlint_app/  // フォルダー名をtextlintにすると衝突するので注意
  + app.js
  + .textlintrc
  + views/
      + index.ejs

// vim:set ts=2 et:
// https://qiita.com/chenglin/items/5e563e50d1c32dadf4c3 express.jsのcors対応
const TextLintEngine = require('textlint').TextLintEngine;
const express = require('express');
const cors = require('cors')
const bodyParser = require('body-parser');
const app = express();
const path = require("path");

// 他からAPIリクエストできるように許可
app.set("view engine", "ejs");

// postデータのjsonをパースするおまじない
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(bodyParser.json());

// allow cors
app.use(cors());

// 8080番ポートで待ちうける
let listen_port = 8080
app.listen(listen_port, () => {
    console.log('Running at Port %i...', listen_port);
});

app.post('/api/textlint', (req, res, next) => {
    const req_text = req.body.text;
    const engine = new TextLintEngine({
        configFile: path.join(__dirname, ".textlintrc"),
    });
    engine.executeOnText(req_text).then(results => {
        res.json({
            messages: results[0].messages
        });
    });
});

app.get("/", function (req, res) {
  res.render("index.ejs");
});

// その他のリクエストに対する404エラー
app.use((req, res) => {
    var url = req.protocol + '://' + req.headers.host + req.url;
    console.log(url);
    res.sendStatus(404);
});

{
    "rules": {
        "preset-ja-technical-writing": {
            "ja-no-mixed-period": false, // 「。」のつけ忘れのチェックを除外
        },
        "preset-ja-spacing": true,
        "no-start-duplicated-conjunction": {
            "interval" : 2 // interval of sentences
        },
        "no-surrogate-pair": true,
        "no-mixed-zenkaku-and-hankaku-alphabet": true,
        "ja-hiragana-fukushi": true,
        "ja-hiragana-hojodoushi": true,
        "@textlint-ja/textlint-rule-no-insert-dropping-sa": true,
        "prefer-tari-tari": true,
        "@textlint-ja/no-synonyms": true,
        "ja-no-orthographic-variants": true,
        "use-si-units": true,
        "jis-charset": true,
        "no-hoso-kinshi-yogo": true,
        "ja-no-inappropriate-words": true,
    }
}

真正的情况是在JSON中不能用“//”来添加注释。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>

</head>
<body>

<form>
<div class="form-group">
    <label for="lint_textarea">Example textarea</label>
    <textarea class="form-control" id="lint_textarea" rows="10" placeholder="Write something here..."></textarea>
</div>
</form>

<div>
      <p><strong>lint結果</strong><p>
      <ul id="textlint_output"></ul>
</div>

<script type="text/javascript">

(function () {
    'use strict';

    $('#lint_textarea').on('input',function () {
        let text = $('#lint_textarea').val();
        let textData = JSON.stringify(
            {
                'text': text,
            });
        let textlint_url = location.protocol + "//" + location.host + "/api/textlint";
        $.ajax({
            type: 'POST',
            url: textlint_url,
            data: textData,
            contentType: 'application/json',
        }).done(function (data, textStatus, jqXHR) {
            console.log(textStatus);
            // https://qiita.com/georgeOsdDev@github/items/34197e63d0fad307fba6
            $("#textlint_output").empty();
            let lines = text.split('\n');
            data.messages.forEach(function(m){
                let li = document.createElement('li');
                $(li).text(m.line + "行目" + m.column + "文字目 [" + m.ruleId + "]: <" + m.message + ">「" + lines[m.line -1] + "」")
                $("#textlint_output").append(li);
            });
        }).fail(function (jqXHR, textStatus, errorThrown) {
            console.log("failed");
        });
    });
}());
</script>

</body>
</html>

$ cd textlint_app
$ npm init --yes
$ npm install textlint \
              textlint-rule-preset-ja-technical-writing \
              textlint-rule-preset-ja-spacing \
              textlint-rule-no-start-duplicated-conjunction \
              textlint-rule-no-surrogate-pair \
              textlint-rule-no-mixed-zenkaku-and-hankaku-alphabet \
              textlint-rule-ja-hiragana-fukushi \
              textlint-rule-ja-hiragana-hojodoushi \
              @textlint-ja/textlint-rule-no-insert-dropping-sa \
              textlint-rule-prefer-tari-tari \
              @textlint-ja/textlint-rule-no-synonyms sudachi-synonyms-dictionary \
              textlint-rule-ja-no-orthographic-variants \
              textlint-rule-use-si-units \
              textlint-rule-jis-charset \
              textlint-rule-no-hoso-kinshi-yogo \
              textlint-rule-ja-no-inappropriate-words
$ npm install express \
              ejs \
              cors
$ node app.js
Running at Port 8080...

在浏览器上运行textlint – Qiita
textlint-browser-runner/index.html 的主页 · mobilusoss/textlint-browser-runner