nadesiko3 3.6.21 → 3.6.23

package/src/nako_version.mjs

@@ -1,8 +1,8 @@
 // 実際のバージョン定義 (自動生成されるので以下を編集しない)
 const nakoVersion = {
-    version: '3.6.21',
+    version: '3.6.23',
     major: 3,
     minor: 6,
-    patch: 21
+    patch: 23
 };
 export default nakoVersion;

package/src/nako_version.mts

@@ -11,9 +11,9 @@ export interface NakoVersion {
 }
 // 実際のバージョン定義 (自動生成されるので以下を編集しない)
 const nakoVersion: NakoVersion = {
-  version: '3.6.21',
+  version: '3.6.23',
   major: 3,
   minor: 6,
-  patch: 21
+  patch: 23
 }
 export default nakoVersion

package/src/plugin_browser.mjs

@@ -123,6 +123,10 @@ const PluginBrowser = {
                 const box = e.target.getBoundingClientRect();
                 sys.__setSysVar('マウスX', e.clientX - box.left);
                 sys.__setSysVar('マウスY', e.clientY - box.top);
+                if (e.button !== undefined) {
+                    const buttonLabels = ['左', '中央', '右'];
+                    sys.__setSysVar('押ボタン', buttonLabels[e.button]);
+                }
             };
             // タッチイベントハンドラ
             sys.__touchHandler = (e, sys) => {

package/src/plugin_browser.mts

@@ -120,6 +120,10 @@ const PluginBrowser = {
         const box = e.target.getBoundingClientRect()
         sys.__setSysVar('マウスX', e.clientX - box.left)
         sys.__setSysVar('マウスY', e.clientY - box.top)
+        if (e.button !== undefined) {
+          const buttonLabels = ['左', '中央', '右']
+          sys.__setSysVar('押ボタン', buttonLabels[e.button])
+        }
       }
       // タッチイベントハンドラ
       sys.__touchHandler = (e, sys) => {

package/src/plugin_browser_dom_event.mjs

@@ -40,7 +40,25 @@ export default {
     },
     'クリック時': {
         type: 'func',
-        josi: [['で'], ['を']],
+        josi: [['で'], ['を', 'の']],
+        pure: true,
+        fn: function (func, dom, sys) {
+            sys.__addEvent(dom, 'click', func, sys.__mouseHandler);
+        },
+        return_none: true
+    },
+    'ダブルクリック時': {
+        type: 'func',
+        josi: [['で'], ['を', 'の']],
+        pure: true,
+        fn: function (func, dom, sys) {
+            sys.__addEvent(dom, 'dblclick', func, sys.__mouseHandler);
+        },
+        return_none: true
+    },
+    '変更時': {
+        type: 'func',
+        josi: [['で'], ['を', 'の']],
         pure: true,
         fn: function (func, dom, sys) {
             sys.__addEvent(dom, 'click', func, null);
@@ -95,6 +113,7 @@ export default {
     },
     'マウスX': { type: 'const', value: 0 }, // @まうすX
     'マウスY': { type: 'const', value: 0 }, // @まうすY
+    '押ボタン': { type: 'const', value: 0 }, // @おされたぼたん
     'マウス押時': {
         type: 'func',
         josi: [['で'], ['を', 'の']],
@@ -122,6 +141,36 @@ export default {
         },
         return_none: true
     },
+    'マウス入時': {
+        type: 'func',
+        josi: [['で'], ['を', 'の']],
+        pure: true,
+        fn: function (func, dom, sys) {
+            sys.__addEvent(dom, 'mouseover', func, sys.__mouseHandler);
+        },
+        return_none: true
+    },
+    'マウス出時': {
+        type: 'func',
+        josi: [['で'], ['を', 'の']],
+        pure: true,
+        fn: function (func, dom, sys) {
+            sys.__addEvent(dom, 'mouseout', func, sys.__mouseHandler);
+        },
+        return_none: true
+    },
+    'マウスホイール値': { type: 'const', value: 0 }, // @まうすほいーるち
+    'マウスホイール時': {
+        type: 'func',
+        josi: [['で'], ['を', 'の']],
+        pure: true,
+        fn: function (func, dom, sys) {
+            sys.__addEvent(dom, 'wheel', func, (e) => {
+                sys.__setSysVar('マウスホイール値', e.deltaY);
+            });
+        },
+        return_none: true
+    },
     'タッチX': { type: 'const', value: 0 }, // @たっちX
     'タッチY': { type: 'const', value: 0 }, // @たっちY
     'タッチ配列': { type: 'const', value: [] }, // @たっちはいれつ

package/src/plugin_browser_dom_event.mts

@@ -38,9 +38,27 @@ export default {
     },
     return_none: true
   },
-  'クリック時': { // @無名関数FでDOMをクリックした時に実行するイベントを設定 // @くりっくしたとき
+  'クリック時': { // @無名関数FでDOMをクリックした時に実行するイベントを設定。『押したボタン』に「左」「中央」「右」が設定される。 // @くりっくしたとき
     type: 'func',
-    josi: [['で'], ['を']],
+    josi: [['で'], ['を', 'の']],
+    pure: true,
+    fn: function (func: any, dom: any, sys: any) {
+      sys.__addEvent(dom, 'click', func, sys.__mouseHandler)
+    },
+    return_none: true
+  },
+  'ダブルクリック時': { // @無名関数FでDOMをダブルクリックした時に実行するイベントを設定。『押したボタン』に「左」「中央」「右」が設定される。 // @だぶるくりっくしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: true,
+    fn: function (func: any, dom: any, sys: any) {
+      sys.__addEvent(dom, 'dblclick', func, sys.__mouseHandler)
+    },
+    return_none: true
+  },
+  '変更時': { // @無名関数FでDOMを変更した時に実行するイベントを設定 // @へんこうしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
     pure: true,
     fn: function (func: any, dom: any, sys: any) {
       sys.__addEvent(dom, 'click', func, null)
@@ -95,7 +113,8 @@ export default {
   },
   'マウスX': { type: 'const', value: 0 }, // @まうすX
   'マウスY': { type: 'const', value: 0 }, // @まうすY
-  'マウス押時': { // @無名関数FでDOMに対してマウスボタンを押した時に実行するイベントを設定。『マウスX』『マウスY』に座標が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすおしたとき
+  '押ボタン': { type: 'const', value: 0 }, // @おされたぼたん
+  'マウス押時': { // @無名関数FでDOMに対してマウスボタンを押した時に実行するイベントを設定。『マウスX』『マウスY』に座標が、『押したボタン』に押したボタン(左,中央,右)が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすおしたとき
     type: 'func',
     josi: [['で'], ['を', 'の']],
     pure: true,
@@ -104,7 +123,7 @@ export default {
     },
     return_none: true
   },
-  'マウス移動時': { // @無名関数FでDOMに対してマウスカーソルが移動した時に実行するイベントを設定。『マウスX』『マウスY』に座標が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすいどうしたとき
+  'マウス移動時': { // @無名関数FでDOMに対してマウスカーソルが移動した時に実行するイベントを設定。『マウスX』『マウスY』に座標が、『押したボタン』に押したボタンが設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすいどうしたとき
     type: 'func',
     josi: [['で'], ['を', 'の']],
     pure: true,
@@ -113,7 +132,7 @@ export default {
     },
     return_none: true
   },
-  'マウス離時': { // @無名関数FでDOMに対してマウスボタンを離した時に実行するイベントを設定。『マウスX』『マウスY』に座標が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすはなしたとき
+  'マウス離時': { // @無名関数FでDOMに対してマウスボタンを離した時に実行するイベントを設定。『マウスX』『マウスY』に座標が、『押したボタン』に押したボタン(左,中央,右)が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすはなしたとき
     type: 'func',
     josi: [['で'], ['を', 'の']],
     pure: true,
@@ -122,6 +141,36 @@ export default {
     },
     return_none: true
   },
+  'マウス入時': { // @無名関数FでDOMに対してマウスカーソルが入った時のイベントを設定。『マウスX』『マウスY』に座標が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすはいったとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: true,
+    fn: function (func: any, dom: any, sys: any) {
+      sys.__addEvent(dom, 'mouseover', func, sys.__mouseHandler)
+    },
+    return_none: true
+  },
+  'マウス出時': { // @無名関数FでDOMに対してマウスカーソルが出た時のイベントを設定。『マウスX』『マウスY』に座標が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすでたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: true,
+    fn: function (func: any, dom: any, sys: any) {
+      sys.__addEvent(dom, 'mouseout', func, sys.__mouseHandler)
+    },
+    return_none: true
+  },
+  'マウスホイール値': { type: 'const', value: 0 }, // @まうすほいーるち
+  'マウスホイール時': { // @無名関数FでDOMに対してマウスホイールを回した時のイベントを設定。『マウスホイール値』に値が設定される。『対象』にイベントDOM。『対象イベント』にイベント引数。 // @まうすほいーるしたとき
+    type: 'func',
+    josi: [['で'], ['を', 'の']],
+    pure: true,
+    fn: function (func: any, dom: any, sys: any) {
+      sys.__addEvent(dom, 'wheel', func, (e) => {
+        sys.__setSysVar('マウスホイール値', e.deltaY)
+      })
+    },
+    return_none: true
+  },
   'タッチX': { type: 'const', value: 0 }, // @たっちX
   'タッチY': { type: 'const', value: 0 }, // @たっちY
   'タッチ配列': { type: 'const', value: [] }, // @たっちはいれつ

package/src/plugin_browser_dom_parts.mjs

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export default {
     // @DOM部品操作
     'DOM親要素': { type: 'const', value: '' }, // @DOMおやようそ
@@ -58,6 +59,20 @@ export default {
             return btn;
         }
     },
+    'DOM部品削除': {
+        type: 'func',
+        josi: [['の', 'を']],
+        pure: true,
+        fn: function (elm) {
+            if (typeof elm === 'string') {
+                elm = document.querySelector(elm);
+            }
+            if (elm) {
+                elm.parentNode.removeChild(elm);
+            }
+        },
+        return_none: true
+    },
     'ボタン作成': {
         type: 'func',
         josi: [['の']],
@@ -175,7 +190,7 @@ export default {
         type: 'func',
         josi: [['を'], ['へ', 'に']],
         pure: true,
-        fn: function (options, dom, sys) {
+        fn: function (options, dom) {
             if (typeof dom === 'string') {
                 dom = document.querySelector(dom);
             }
@@ -498,17 +513,17 @@ export default {
         pure: true,
         asyncFn: true,
         fn: async function (src, sys) {
-            console.log('aaa');
             const div = sys.__exec('DOM部品作成', ['div', sys]);
             div.classList.add('mermaid');
             div.innerHTML = src;
             // ライブラリを読み込む
-            if (typeof sys.__v0.WINDOW.mermaid === 'undefined') {
+            const win = sys.__getSysVar('WINDOW');
+            if (typeof win.mermaid === 'undefined') {
                 console.log('try to load mermaid');
                 await sys.__loadScript('https://cdn.jsdelivr.net/npm/mermaid@10.5.0/dist/mermaid.min.js');
-                console.log('loaded mermaid');
+                console.log('mermaid.jsを読み込みました');
             }
-            await sys.__v0.WINDOW.mermaid.run();
+            await win.mermaid.run();
             return div;
         }
     }

package/src/plugin_browser_dom_parts.mts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export default {
   // @DOM部品操作
   'DOM親要素': { type: 'const', value: '' }, // @DOMおやようそ
@@ -54,6 +55,16 @@ export default {
       return btn
     }
   },
+  'DOM部品削除': { // @elmの要素を削除する // @DOMぶひんさくじょ
+    type: 'func',
+    josi: [['の', 'を']],
+    pure: true,
+    fn: function (elm: any) {
+      if (typeof elm === 'string') { elm = document.querySelector(elm) }
+      if (elm) { elm.parentNode.removeChild(elm) }
+    },
+    return_none: true
+  },
   'ボタン作成': { // @ラベルlabelを持つbutton要素を追加しDOMオブジェクトを返す // @ぼたんさくせい
     type: 'func',
     josi: [['の']],
@@ -171,7 +182,7 @@ export default {
     type: 'func',
     josi: [['を'], ['へ', 'に']],
     pure: true,
-    fn: function (options: any, dom: any, sys: any) {
+    fn: function (options: any, dom: any) {
       if (typeof dom === 'string') { dom = document.querySelector(dom) }
       // 既存のoptionsをクリア
       dom.options.length = 0
@@ -462,17 +473,17 @@ export default {
     pure: true,
     asyncFn: true,
     fn: async function (src: string, sys: any) {
-      console.log('aaa')
       const div = sys.__exec('DOM部品作成', ['div', sys])
       div.classList.add('mermaid')
       div.innerHTML = src
       // ライブラリを読み込む
-      if (typeof sys.__v0.WINDOW.mermaid === 'undefined') {
+      const win = sys.__getSysVar('WINDOW')
+      if (typeof win.mermaid === 'undefined') {
         console.log('try to load mermaid')
         await sys.__loadScript('https://cdn.jsdelivr.net/npm/mermaid@10.5.0/dist/mermaid.min.js')
-        console.log('loaded mermaid')
+        console.log('mermaid.jsを読み込みました')
       }
-      await sys.__v0.WINDOW.mermaid.run()
+      await win.mermaid.run()
       return div
     }
   }

package/tools/nako3edit/html/files.html

@@ -26,6 +26,9 @@ Pを表示。
 「#new_btn」をクリックした時には
 　　「/html/edit.html?file=new&appkey={APPKEY}」へブラウザ移動。
 ここまで。
+「#add_plugins」をクリックした時には
+　　「/html/plugins.html?appkey={APPKEY}」へブラウザ移動。
+ここまで。
 #-----------
 ●ファイル一覧取得処理
   「/files?appkey={APPKEY}」へAJAX送信した時には
@@ -121,7 +124,8 @@ Pを表示。
   </div>
   <div id="filesbox">
     <div class="menu-box">
-      <a class="btn btn-info" id="new_btn">→新規作成</a>
+      <a class="btn btn-info" id="new_btn">→ファイルの新規作成</a>
+      <a class="btn btn-info" id="add_plugins">🔌プラグインの追加</a>
     </div>
     <div>
       <ul id="files_ul"></ul>

package/tools/nako3edit/html/plugins.html

@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html data-theme="winter">
+<head>
+  <meta charset="utf-8" />
+  <title>プラグインの追加</title>
+  <!-- daisyUI-->
+  <link href="daisyui/tailwind.min.css" rel="stylesheet" type="text/css" />
+  <link href="daisyui/full.css" rel="stylesheet" type="text/css" />
+  <!-- nako3edit -->
+  <link href="/html/nako3edit.css" rel="stylesheet" type="text/css" />
+  <script defer type="text/javascript" src="/release/wnako3.js"></script>
+  <script defer type="text/javascript" src="/html/edit_plugin.js"></script>
+
+  <script type="なでしこ">
+#-----------
+PLUGINS=[]
+APPKEY=""
+HREF=WINDOW["location"]["href"]
+HREFを表示。
+P=HREFをURLパラメータ解析
+Pを表示。
+APPKEY=P["appkey"]
+Pを表示。
+プラグイン取得処理
+#-----------
+# 新規ボタン
+「#new_btn」をクリックした時には
+　　「/html/edit.html?file=new&appkey={APPKEY}」へブラウザ移動。
+ここまで。
+#-----------
+●プラグイン取得処理
+  API=「/get_plugins?appkey={APPKEY}」
+  J=APIからHTTP取得
+  JをJSONデコードしてFILESに代入。
+  FILESを表示。
+  S=「<table>」
+  FILESを反復
+  　　NAME=対象["name"]
+  　　# --- リストに表示したくない場合はここに記述 ---
+  　　もし、NAME=「nadesiko3」ならば、続ける。
+  　　もし、NAME=「nadesiko3-googlehome」ならば、続ける。
+  　　# --- ここまで
+  　　NAMEで「-」が何文字目
+  　　もし、それが0ならば、続ける。
+  　　DESC=対象["description"]
+  　　AUTH="-"
+  　　もし、対象["maintainers"]ならば
+  　　　　AUTH=対象["maintainers"][0]["username"]
+  　　ここまで。
+  　　もし、対象["author"]ならば
+  　　　　AUTH=対象["author"]["name"]
+  　　ここまで。
+  　　もし、AUTH="kujirahand"ならば
+  　　　　AUTH="公式"
+  　　ここまで。
+  　　VER=対象["version"]
+  　　AV="{VER}.0.0.0"を「.」で区切る
+  　　MAJOR=AV[0]
+  　　MINOR=AV[1]
+  　　PATCH=AV[2]
+  　　# v3.6以下のプラグインは表示しない
+  　　もし、AUTH="公式"かつ(MAJOR≠3)ならば、続ける
+  　　もし、AUTH="公式"かつ(MINOR<6)ならば、続ける
+  　　URL=""
+  　　もし、対象["links"]ならば
+  　　　　URL=対象["links"]["npm"]
+  　　ここまで。
+  　　NAME_ENC=NAMEをURLエンコード
+  　　NO＝PLUGINSの要素数
+  　　PLUGINSにNAMEを配列追加。
+  　　NAME_H=NAMEをHTML変換
+  　　AUTH_H=AUTHをHTML変換
+  　　URL_H=URLをHTML変換
+  　　DESC_H=DESCをHTML変換
+  　　VER_H=VERをHTML変換
+  　　S=S&「<TR>
+<TH style="text-align: left">
+  <a class="btn" id="btn-{NO}" data-no="{NO}">追加</a>
+  {NAME_H}
+</TH>
+<TD>{AUTH_H}</TD>
+<TD><a target="_new" href="{URL_H}">🔗</a> {DESC_H}({VER_H})<TD></TR>」
+  　　「{対象キー}@」&NAMEを表示。
+  ここまで。
+  S=S&「</table>」
+  「#files」にSをHTML設定。
+  # ボタンに対応するイベントを設定する
+  PLUGINSを反復
+  　　NO=対象キー
+  　　「#btn-{NO}」をクリックした時には
+  　　　　PLUGINSを表示。
+  　　　　対象を表示。
+  　　　　NO=INT(対象["dataset"]["no"])
+  　　　　NOを表示。
+  　　　　NAME=PLUGINS[NO]
+  　　　　NAMEを表示。
+  　　　　NAME_ENC=NAMEをURLエンコード
+  　　　　URL="/add_plugins?appkey={APPKEY}&name={NAME_ENC}"
+  　　　　「#stdout」に「インストールしています。少々お待ちください。」をDOM_HTML設定。
+  　　　　R=URLをHTTP取得
+  　　　　「#stdout」にRをDOM_HTML設定。
+  　　ここまで。
+  ここまで。
+ここまで。
+#-----------
+  </script>
+</head>
+<body>
+  <div class="navbar bg-base-100">
+    <div class="flex-1">
+      <a class="btn btn-ghost normal-case text-xl" href="files.html">Node版 なでしこ3 エディタ</a>
+      &gt; プラグインの追加
+    </div>
+  </div>
+  <div id="filesbox">
+    <div class="menu-box">
+      「追加」ボタンを押すと、システムにプラグインを追加します。
+      以下に列挙したプラグインはnpmに登録されているものを全て表示しています。
+      <b>信用できるプラグインのみ</b>を追加してください。
+      「🔗」をクリックするとnpmで詳細を確認できます。
+    </div>
+    <br>
+    <div class="menu-box">
+      <div id="files">現在取得中です。少々お待ちください。</div>
+    </div>
+    <br>
+    <div class="menu-box">
+      <div class="result_output">出力結果:</div>
+      <div id="stdout"></div>
+    </div>
+  </div>
+</body>
+
+</html>

package/tools/nako3edit/index.mjs

@@ -16,7 +16,7 @@ const SERVER_PORT = 8888
 const rootDir = path.resolve(__dirname)
 const releaseDir = path.resolve(path.join(__dirname, '../../release'))
 const isWin = process.platform === 'win32'
-const homeDir = process.env[isWin ? 'USERPROFILE' : 'HOME']
+const homeDir = process.env[isWin ? 'USERPROFILE' : 'HOME'] ?? '.'
 const userDir = path.join(homeDir, 'nadesiko3_user')
 const CNAKO3 = path.resolve(path.join(__dirname, '../../src/cnako3.mjs'))
 const NODE = process.argv[0]
@@ -86,6 +86,14 @@ const server = http.createServer(function (req, res) {
     apiDelete(res, params)
     return
   }
+  if (uri === '/get_plugins') {
+    apiGetPlugins(res, params)
+    return
+  }
+  if (uri === '/add_plugins') {
+    apiAddPlugins(res, params)
+    return
+  }
 
   // ファイルパスを生成
   let filePath = path.join(rootDir, uri)
@@ -155,7 +163,8 @@ function isDir (pathName) {
     if (stats && stats.isDirectory()) {
       return true
     }
-  } catch (err) {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  } catch (_err) {
     return false
   }
 }
@@ -193,7 +202,8 @@ function apiSave (res, params) {
     console.log('body=', body)
     console.log('--------------------------------')
     res.end('ok')
-  } catch (err) {
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  } catch (_err) {
     res.end('[ERROR] 保存に失敗しました😭')
   }
 }
@@ -220,8 +230,7 @@ function apiRun (res, params) {
     const cmd = `"${NODE}" "${CNAKO3}" "${fullpath}"`
     let result = ''
     try {
-      result = execSync(cmd)
-      result = String(result)
+      result = execSync(cmd).toString()
     } catch (err) {
       console.error(err)
       res.end('[ERROR]実行に失敗しました。' + err.toString())
@@ -252,8 +261,7 @@ function apiRunDirect(res, params) {
     console.log("@run=", cmd)
     let result = ''
     try {
-      result = execSync(cmd)
-      result = String(result)
+      result = execSync(cmd).toString()
     } catch (err) {
       console.error(err)
       res.end('[ERROR]実行に失敗しました。' + err.toString())
@@ -304,3 +312,43 @@ function apiGetNewFilename (res) {
   res.writeHead(200, { 'Content-Type': 'text/plaing; charset=utf-8' })
   res.end(`"${fname}"`)
 }
+
+function apiGetPlugins (res, params) {
+  res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' })
+  const appkeyUser = params.appkey
+  if (appkey !== appkeyUser) {
+    res.end('"[ERROR] キーが違います"')
+    return
+  }
+  try {
+    // コマンドを実行してプラグインを取得
+    const cmd = 'npm search "nadesiko3\\-" --json'
+    const result = execSync(cmd).toString()
+    res.end(result)
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  } catch (err) {
+    res.end('"[ERROR] プラグインの取得に失敗しました。"')
+  }
+}
+
+function apiAddPlugins(res, params) {
+  res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' })
+  const appkeyUser = params.appkey
+  if (appkey !== appkeyUser) {
+    res.end('"[ERROR] キーが違います"')
+    return
+  }
+  try {
+    const name = params.name
+    if (!name) {
+      res.end('"[ERROR] プラグイン名が指定されていません。"')
+      return
+    }
+    const cmd = `npm install "${name}"`
+    const result = execSync(cmd).toString()
+    res.end("実行しました:" + result)
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  } catch (err) {
+    res.end('"[ERROR] プラグインの取得に失敗しました。"')
+  }
+}