node-riner 1.2.3 → 1.3.1

package/index.ts

@@ -7,15 +7,13 @@ import { execSync } from 'node:child_process'
 
 /**
  * Ride クラス
- * - XML をパースしてページごとの HTML を生成し、簡易サーバで配信する機能を備える。
- * - 実行時に XML 内の `{...}` を runs.js に書き出して node で評価する仕組みを使用している（既存の挙動を維持）。
  */
 export default class Ride {
-    F: string                      // 読み込んだ XML ファイルの内容（生の文字列）
-    parsedJson: any                // fast-xml-parser によるパース結果（可変な構造のため any）
-    pages: Record<string, string>  // ルートパス => 生成した HTML のマップ
-    name: string                   // サイト／アプリケーション名（<title> に利用）
-    defaultinfo: string            // 将来の拡張用プレースホルダ
+    F: string
+    parsedJson: any
+    pages: Record<string, string>
+    name: string
+    defaultinfo: string
 
     constructor(name: string) {
         this.F = ""
@@ -26,13 +24,109 @@ export default class Ride {
     }
 
     /**
-     * XML を解析して pages に HTML を格納する。
-     * - fast-xml-parser を使って XML を JSON に変換
-     * - Page が配列か単一かで処理を分岐
-     * - Content の各タグに対して文字列・配列・オブジェクトに応じて HTML を生成
-     * - `{...}` の中身は一時ファイル runs.js に書き出し node で実行、その出力で置換する（元の実装に合わせた動作）
+     * 値を再帰的に HTML に変換するユーティリティ
+     * - 文字列: `{...}` を評価して置換（既存挙動を維持）
+     * - 配列: 各要素を <item> でラップして連結
+     * - オブジェクト: 各キーをタグ名として再帰的にレンダリング
      *
-     * 注意: 現状は評価のために runs.js を書き込んで node で実行します。外部入力を評価すると危険です。
+     * 注意: '@_' で始まるキー（属性）はここではタグ化しない。
+     */
+    private renderValue(value: any): string {
+        // null / undefined
+        if (value === null || value === undefined) return ''
+
+        // 文字列処理（{...} の評価を含む）
+        if (typeof value === 'string') {
+            // 複数マッチにも対応
+            const matches = value.match(/{.*?}/g)
+            if (matches) {
+                let newValue = value
+                matches.forEach(m => {
+                    const code = m.slice(1, -1) // 中身を取り出す
+                    try {
+                        // 既存の実装を踏襲して runs.js に書き出して node で実行
+                        writeFileSync("./runs.js", code)
+                        const out = execSync("node runs.js").toString()
+                        newValue = newValue.replace(m, out)
+                    } catch (e) {
+                        newValue = newValue.replace(m, '')
+                    }
+                })
+                return newValue
+            }
+            return value
+        }
+
+        // 配列: 各要素を再帰的に処理して <item> でラップ
+        if (Array.isArray(value)) {
+            return value.map((item: any) => `<item>${this.renderValue(item)}</item>`).join('')
+        }
+
+        // オブジェクト: 属性(@_...) を無視して子要素だけタグ化する
+        if (typeof value === 'object') {
+            return Object.keys(value)
+                .filter(key => !key.startsWith('@_')) // 属性はここで無視
+                .map(key => {
+                    // テキストノードは直接中身を出力
+                    if (key === '#text' || key === '_text') {
+                        return this.renderValue(value[key])
+                    }
+                    return `<${key}>${this.renderValue(value[key])}</${key}>`
+                }).join('')
+        }
+
+        // その他（数値や真偽値など）はそのまま文字列化
+        return String(value)
+    }
+
+    /**
+     * タグ名とその値から、属性を正しく反映した HTML を生成する
+     * - value が配列ならタグを複数分生成
+     * - value がオブジェクトで属性（@_...）を持つ場合、属性を開タグに組み込む
+     */
+    private renderContentTag(tag: string, value: any): string {
+        // 配列の場合は各要素で同じタグを生成
+        if (Array.isArray(value)) {
+            return value.map((item: any) => this.renderContentTag(tag, item)).join('')
+        }
+
+        // プリミティブ（文字列等）の場合はタグでラップ
+        if (value === null || value === undefined || typeof value !== 'object') {
+            return `<${tag}>${this.renderValue(value)}</${tag}>`
+        }
+
+        // オブジェクトの場合、属性を抽出
+        const entries = Object.entries(value)
+        const attrEntries = entries.filter(([k]) => k.startsWith('@_'))
+        const childEntries = entries.filter(([k]) => !k.startsWith('@_'))
+
+        // 属性文字列を組み立て（@_ を取り除く）
+        const attrs = attrEntries.map(([k, v]) => {
+            const name = k.replace(/^@_/, '')
+            const safe = String(v).replace(/"/g, '&quot;')
+            return ` ${name}="${safe}"`
+        }).join('')
+
+        // 子要素・テキストを組み立て
+        let inner = ''
+        // 優先してテキストノードを出す
+        if (value['#text'] !== undefined) {
+            inner += this.renderValue(value['#text'])
+        } else if (value['_text'] !== undefined) {
+            inner += this.renderValue(value['_text'])
+        }
+
+        // その他の子要素をレンダリング
+        childEntries.forEach(([k, v]) => {
+            if (k === '#text' || k === '_text') return
+            inner += `<${k}>${this.renderValue(v)}</${k}>`
+        })
+
+        return `<${tag}${attrs}>${inner}</${tag}>`
+    }
+
+    /**
+     * XML を解析して pages に HTML を格納
      */
     returnhtml(): string {
         const options = { ignoreAttributes: false }
@@ -41,109 +135,52 @@ export default class Ride {
         try {
             this.parsedJson = parser.parse(this.F)
 
-            // Root.Page が配列かどうかで分岐
-            if (Array.isArray(this.parsedJson["Root"]["Page"])) {
-                this.parsedJson["Root"]["Page"].forEach((page: any) => {
-                    const route = page['@_route']
-
-                    // Content の各 tag を HTML に変換
-                    const generatedhtml = Object.keys(page['Content']).map(tags => {
-                        // タグの値
-                        let value = page['Content'][tags]
-
-                        // 文字列内に { ... } があれば評価して置換する
-                        if (typeof value === "string" && typeof value.match === "function") {
-                            const match = value.match(/{.*}/g)
-                            if (match) {
-                                let matched: string = match[0]
-                                matched = matched.replace("{", "").replace("}", "")
-                                // runs.js に書き出して node で実行（既存の実装を保持）
-                                writeFileSync("./runs.js", matched)
-                                const out = execSync("node runs.js").toString()
-                                value = value.replace(/{.*}/, out)
-                                // 更新しておく
-                                page['Content'][tags] = value
-                            }
-                        }
-
-                        // オブジェクト（ネストされたタグ群） -> タグでラップして出力
-                        if (typeof value === "object" && !Array.isArray(value)) {
-                            const inner = Object.keys(value).map(key => {
-                                return `<${key}>${value[key]}</${key}>`
-                            }).join('')
-                            const gene = `<${tags}>${inner}</${tags}>`
-                            return gene
-                        }
-                        // 配列 -> item タグで列挙
-                        else if (Array.isArray(value)) {
-                            const gene = `<${tags}>` + value.map((item: any) => {
-                                return `<item>${item}</item>`
-                            }).join('') + `</${tags}>`
-                            return gene
-                        }
-                        // 文字列等 -> 単純にタグでラップ
-                        else {
-                            return `<${tags}>${value}</${tags}>`
-                        }
-                    }).join('')
-
-                    // ページを格納（タイトルを付与）
-                    this.pages[route] = `<title>${this.name}</title>` + generatedhtml
-                });
-            } else {
-                // Page が単一オブジェクトの場合の処理
-                const page = this.parsedJson["Root"]["Page"]
-                const route = page['@_route']
-
-                const generatedhtml = Object.keys(page['Content']).map(tags => {
-                    let value = page['Content'][tags]
-
-                    if (typeof value === "string" && typeof value.match === "function") {
-                        const match = value.match(/{.*}/g)
-                        if (match) {
-                            let matched: string = match[0]
-                            matched = matched.replace("{", "").replace("}", "")
-                            writeFileSync("./runs.js", matched)
-                            const out = execSync("node runs.js").toString()
-                            value = value.replace(/{.*}/, out)
-                            page['Content'][tags] = value
-                        }
-                    }
+            const root = this.parsedJson?.Root
+            if (!root) return ""
 
-                    return `<${tags}>${value}</${tags}>`
+            const pages = root["Page"]
+            if (!pages) return ""
+
+            // Page が配列か単一かを吸収して配列化
+            const pageArray = Array.isArray(pages) ? pages : [pages]
+
+            pageArray.forEach((page: any) => {
+                const route = page['@_route'] || '/'
+
+                // Content が存在しない場合は空にする
+                const content = page['Content'] || {}
+
+                // 各タグを再帰的にレンダリングして結合
+                const generatedhtml = Object.keys(content).map(tag => {
+                    const value = content[tag]
+                    // 属性付きタグなどを正しく扱う helper を使う
+                    return this.renderContentTag(tag, value)
                 }).join('')
 
-                // 単一ページでもタイトルを付与する（配列処理と整合）
+                // ページを格納（タイトルを付与）
                 this.pages[route] = `<title>${this.name}</title>` + generatedhtml
-            }
+            })
         } catch (e) {
-            // パースエラーなどの簡易ログ
             console.error("Whoops, an error occurred during analysis : " + e)
         }
 
-        // 現状の戻り値は未使用のため空文字を返す（将来は生成 HTML を返す等に変更可能）
         return ""
     }
 
     /**
-     * Ride メソッド（ファイル読み込みと HTML 生成を行う）
-     * @param name ファイル名（相対パス）
+     * Ride メソッド（ファイル読み込みと HTML 生成）
      */
     Ride(name: string) {
-        // __dirname から上に遡ってファイルを読んでいる既存の記述を維持
         this.F = readFileSync(path.join(__dirname, "../../", name), { encoding: "utf-8"})
         this.returnhtml()
     }
 
     /**
-     * 簡易サーバを起動し、生成済み pages をルーティングする
-     * @param port 起動ポート
-     * @returns express アプリインスタンス（テスト用途などで返す）
+     * 簡易サーバを起動
      */
     serve(port: number) {
         const app = exp();
 
-        // pages のキーをルートとして登録
         Object.keys(this.pages).forEach(route => {
             app.get(route, (req, res) => {
                 res.send(this.pages[route])
@@ -157,9 +194,6 @@ export default class Ride {
         return app
     }
 
-    /**
-     * 設定用（未実装）
-     */
     config(options: object) {
         // 将来の拡張ポイント
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "node-riner",
-  "version": "1.2.3",
+  "version": "1.3.1",
   "main": "index.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",