nadesiko3 3.7.19 → 3.7.21

package/test/node/plugin_httpserver_test.mjs

@@ -0,0 +1,239 @@
+/* eslint-disable no-undef */
+import assert from 'assert'
+import path from 'path'
+import fs from 'fs'
+import http from 'http'
+import os from 'os'
+import { NakoCompiler } from '../../core/src/nako3.mjs'
+import PluginHttpServer from '../../src/plugin_httpserver.mjs'
+
+// __dirname のために
+import url from 'url'
+const __filename = url.fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+describe('plugin_httpserver_test', () => {
+  let nako
+  let serverDp
+
+  const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
+
+  beforeEach(() => {
+    serverDp = null
+    nako = new NakoCompiler()
+    // PluginHttpServerの登録。名前は 'plugin_httpserver.js' とする。
+    nako.addPluginFile('PluginHttpServer', 'plugin_httpserver.js', PluginHttpServer)
+  })
+
+  afterEach(async () => {
+    if (serverDp && serverDp.server) {
+      await new Promise((resolve) => {
+        serverDp.server.close(() => {
+          resolve()
+        })
+      })
+    }
+  })
+
+  it('クエリパラメータ付きのURLで静的ファイルが取得できること', async () => {
+    // テスト用のダミーファイルを作成
+    const tempDir = path.join(__dirname, 'fixtures_http')
+    if (!fs.existsSync(tempDir)) {
+      fs.mkdirSync(tempDir, { recursive: true })
+    }
+    const tempFile = path.join(tempDir, 'test.txt')
+    fs.writeFileSync(tempFile, 'hello world')
+
+    let port = 0
+    // `簡易HTTPサーバ起動時`を呼ぶ
+    const code = `
+●ダミー起動
+  戻る。
+ここまで。
+「ダミー起動」を${port}で簡易HTTPサーバ起動時。
+「/」を「${tempDir.replace(/\\/g, '/')}」に簡易HTTPサーバ静的パス指定。
+`
+    const g = await nako.runAsync(code, 'main')
+    serverDp = g.__httpserver
+    await wait(100)
+    port = serverDp.server.address().port
+
+    // クエリパラメータ付きでリクエストを送る
+    const resText = await new Promise((resolve, reject) => {
+      http.get(`http://localhost:${port}/test.txt?foo=bar&baz=123`, (res) => {
+        let data = ''
+        res.on('data', (chunk) => { data += chunk })
+        res.on('end', () => { resolve(data) })
+      }).on('error', reject)
+    })
+
+    assert.strictEqual(resText, 'hello world')
+
+    // 一時ファイルを削除
+    try {
+      fs.unlinkSync(tempFile)
+      fs.rmdirSync(tempDir)
+    } catch (e) {}
+  })
+
+  it('POSTメソッドで送信されたJSONデータを取得できること', async () => {
+    let port = 0
+    const code = `
+●ダミー起動
+  戻る。
+ここまで。
+●受信処理
+  POSTデータ["message"]を簡易HTTPサーバ出力。
+ここまで。
+「ダミー起動」を${port}で簡易HTTPサーバ起動時。
+「受信処理」を「/post-json」に簡易HTTPサーバ受信時。
+`
+    const g = await nako.runAsync(code, 'main')
+    serverDp = g.__httpserver
+    await wait(100)
+    port = serverDp.server.address().port
+
+    const postData = JSON.stringify({ message: 'hello post json' })
+    const resText = await new Promise((resolve, reject) => {
+      const req = http.request({
+        hostname: 'localhost',
+        port: port,
+        path: '/post-json',
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Content-Length': Buffer.byteLength(postData)
+        }
+      }, (res) => {
+        let data = ''
+        res.on('data', (chunk) => { data += chunk })
+        res.on('end', () => { resolve(data) })
+      })
+      req.on('error', reject)
+      req.write(postData)
+      req.end()
+    })
+
+    assert.strictEqual(resText, 'hello post json')
+  })
+
+  it('POSTメソッドで送信されたurlencodedデータを取得できること', async () => {
+    let port = 0
+    const code = `
+●ダミー起動
+  戻る。
+ここまで。
+●受信処理
+  POSTデータ["message"]を簡易HTTPサーバ出力。
+ここまで。
+「ダミー起動」を${port}で簡易HTTPサーバ起動時。
+「受信処理」を「/post-urlencoded」に簡易HTTPサーバ受信時。
+`
+    const g = await nako.runAsync(code, 'main')
+    serverDp = g.__httpserver
+    await wait(100)
+    port = serverDp.server.address().port
+
+    const postData = 'message=hello+post+urlencoded'
+    const resText = await new Promise((resolve, reject) => {
+      const req = http.request({
+        hostname: 'localhost',
+        port: port,
+        path: '/post-urlencoded',
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+          'Content-Length': Buffer.byteLength(postData)
+        }
+      }, (res) => {
+        let data = ''
+        res.on('data', (chunk) => { data += chunk })
+        res.on('end', () => { resolve(data) })
+      })
+      req.on('error', reject)
+      req.write(postData)
+      req.end()
+    })
+
+    assert.strictEqual(resText, 'hello post urlencoded')
+  })
+
+  it('POSTメソッドでファイルをアップロードしてFILESデータを取得できること', async () => {
+    const originalWriteFileSync = fs.writeFileSync
+    fs.writeFileSync = () => {
+      throw new Error('writeFileSync should not be used during upload handling')
+    }
+
+    let port = 0
+    const code = `
+●ダミー起動
+  戻る。
+ここまで。
+●受信処理
+  ファイル情報＝FILESデータ[0]
+  もし、ファイル情報["path"]が空でなければ
+    ファイル名＝ファイル情報["name"]
+    ファイルサイズ＝ファイル情報["size"]
+    「OK:{ファイル名}:{ファイルサイズ}」を簡易HTTPサーバ出力。
+  違えば
+    「NG」を簡易HTTPサーバ出力。
+  ここまで。
+ここまで。
+「ダミー起動」を${port}で簡易HTTPサーバ起動時。
+「受信処理」を「/upload」に簡易HTTPサーバ受信時。
+`
+    const g = await nako.runAsync(code, 'main')
+    serverDp = g.__httpserver
+    await wait(100)
+    port = serverDp.server.address().port
+
+    const boundary = '----TestBoundary'
+    const parts = [
+      `--${boundary}\r\n`,
+      `Content-Disposition: form-data; name="file1"; filename="hello.txt"\r\n`,
+      `Content-Type: text/plain\r\n\r\n`,
+      `hello world nako3 upload\r\n`,
+      `--${boundary}--\r\n`
+    ]
+    const postData = Buffer.from(parts.join(''))
+
+    const resText = await new Promise((resolve, reject) => {
+      const req = http.request({
+        hostname: 'localhost',
+        port: port,
+        path: '/upload',
+        method: 'POST',
+        headers: {
+          'Content-Type': `multipart/form-data; boundary=${boundary}`,
+          'Content-Length': postData.length
+        }
+      }, (res) => {
+        let data = ''
+        res.on('data', (chunk) => { data += chunk })
+        res.on('end', () => { resolve(data) })
+      })
+      req.on('error', reject)
+      req.write(postData)
+      req.end()
+    })
+
+    try {
+      assert.strictEqual(resText, 'OK:hello.txt:24')
+
+      const uploadDir = path.join(os.tmpdir(), 'nako3-plugin_httpserver_upload')
+      if (fs.existsSync(uploadDir)) {
+        const files = fs.readdirSync(uploadDir)
+        for (const file of files) {
+          try {
+            fs.unlinkSync(path.join(uploadDir, file))
+          } catch (e) {}
+        }
+        try {
+          fs.rmdirSync(uploadDir)
+        } catch (e) {}
+      }
+    } finally {
+      fs.writeFileSync = originalWriteFileSync
+    }
+  })
+})

package/tools/nako3edit/html/edit.html

@@ -64,6 +64,12 @@ FNAME="無題.nako3"
       Hの「(\[\d+m)」を「」に正規表現置換してHに代入。
       Hの「(\[.*?\])」を「<span style='color:red;font-weight:bold;'>$1</span>」に正規表現置換してHに代入。
       Hの「(『.*?』)」を「<span style='color:blue;font-weight:bold;'>$1</span>」に正規表現置換してHに代入。
+      H = 「
+        <div class="error">{H}</div>
+        <div style="text-align: right; margin-top: 8px;">
+          <button class="btn btn-sm" onclick="copyError()">エラーをコピー</button>
+        </div>
+      」
     ここまで。
     「#result」にHをDOMテキスト設定。
   ここまで。
@@ -168,4 +174,19 @@ FNAME="無題.nako3"
   </div>
 </div>
 
+<!-- 補助スクリプト -->
+<script>
+function copyError() {
+  const errorText = document.querySelector('.error').innerText;
+  navigator.clipboard.writeText(errorText).then(() => {
+    alert('エラー内容をコピーしました');
+  }).catch(err => {
+    const errorMessage = (err && err.message) ? err.message : String(err);
+    console.error('エラー内容のコピーに失敗しました', err);
+    alert('エラー内容のコピーに失敗しました。ブラウザの権限設定や HTTPS 接続を確認してください。\n詳細: ' + errorMessage);
+  });
+}
+
+</script>
+
 </html>

package/tools/nako3edit/html/nako3edit.css

@@ -91,3 +91,13 @@ h1 {
   text-align: left;
   border-radius: 0.4em;
 }
+
+.error {
+  background-color: #fff0f0;
+  border: 1px solid #ff8080;
+  padding: 8px;
+  margin: 4px;
+  font-size: 1em;
+  text-align: left;
+  border-radius: 0.4em;
+}

package/tools/nako3edit/index.mjs

@@ -12,8 +12,8 @@ const __filename = url.fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 
 // CONST
-const SERVER_PORT = Number.parseInt(process.env.NAKO3EDIT_PORT || process.argv[2] || '8888', 10)
-const SERVER_HOST = process.env.NAKO3EDIT_HOST || undefined
+const SERVER_PORT = resolveServerPort(8888)
+const SERVER_HOST = process.env.NAKO3EDIT_HOST || 'localhost'
 const rootDir = path.resolve(__dirname)
 const releaseDir = path.resolve(path.join(__dirname, '../../release'))
 const isWin = process.platform === 'win32'
@@ -132,9 +132,8 @@ const server = http.createServer(function (req, res) {
 })
 // サーバを起動
 server.listen(SERVER_PORT, SERVER_HOST, function () {
-  const url = 'http://localhost:' + SERVER_PORT
+  const url = 'http://' + SERVER_HOST + ':' + SERVER_PORT
   console.log('### 超簡易Webサーバが起動しました')
-  console.log('### script: /tools/nako3edit/index.mjs')
   console.log('[URL]', url)
   if (process.env.NAKO3EDIT_OPEN !== '0') {
     opener(url)
@@ -355,3 +354,15 @@ function apiAddPlugins(res, params) {
     res.end('"[ERROR] プラグインの取得に失敗しました。"')
   }
 }
+
+// ポート番号の解決
+function resolveServerPort (defaultPort) {
+  const rawPort = process.env.NAKO3EDIT_PORT || process.argv[2] || defaultPort
+  const port = Number.parseInt(rawPort, 10)
+  if (Number.isNaN(port) || port < 0 || port > 65535) {
+    console.error(`[ERROR] 無効なポート番号です: ${rawPort}`)
+    console.error('[ERROR] 環境変数 PORT またはコマンドライン引数には 0 から 65535 の整数を指定してください。')
+    process.exit(1)
+  }
+  return port
+}

package/tools/nako3server/index.mjs

@@ -12,8 +12,8 @@ const __filename = url.fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 
 // CONST
-const SERVER_PORT = Number.parseInt(process.env.PORT || process.argv[2] || '3000', 10)
-const SERVER_HOST = process.env.NAKO3SERVER_HOST || undefined
+const SERVER_PORT = resolveServerPort(3000)
+const SERVER_HOST = process.env.NAKO3SERVER_HOST || 'localhost'
 const rootDir = path.resolve(__dirname, '../../')
 
 // ライブラリがあるかチェック
@@ -86,9 +86,8 @@ const server = http.createServer(function (req, res) {
 })
 // サーバを起動
 server.listen(SERVER_PORT, SERVER_HOST, function () {
-  const url = 'http://localhost:' + SERVER_PORT
+  const url = 'http://' + SERVER_HOST + ':' + SERVER_PORT
   console.log('### 超簡易Webサーバが起動しました')
-  console.log('### script: /src/nako3server.mjs')
   console.log('[URL]', url)
   if (process.env.NAKO3SERVER_OPEN !== '0') {
     opener(url)
@@ -124,3 +123,15 @@ function isDir (pathName) {
   }
   return false
 }
+
+// ポート番号を検証して、安全な値のみを利用する
+function resolveServerPort (defaultPort) {
+  const rawPort = process.env.PORT || process.argv[2] || defaultPort
+  const port = Number.parseInt(rawPort, 10)
+  if (Number.isNaN(port) || port < 0 || port > 65535) {
+    console.error(`[ERROR] 無効なポート番号です: ${rawPort}`)
+    console.error('[ERROR] 環境変数 PORT またはコマンドライン引数には 0 から 65535 の整数を指定してください。')
+    process.exit(1)
+  }
+  return port
+}

package/tools/nako3server/index.nako3

@@ -2,9 +2,11 @@
 
 ルート＝母艦パスを「../../」で相対パス展開。
 DEMOパス＝ルート＆「/demo」
+PORT=8888
 
-8888で簡易HTTPサーバ起動時には
-    「起動しました」と表示。
+PORTで簡易HTTPサーバ起動時には
+    「起動しました。ブラウザで以下のURLにアクセスしてください。」と表示。
+    「http://localhost:{PORT}」と表示。
 ここまで。
 
 # 挨拶