npm - nadesiko3 - Versions diffs - 3.2.52 → 3.3.3 - Mend

nadesiko3 3.2.52 → 3.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (178) hide show

package/tools/nako3edit/html/daisyui/version_2.14.1 ADDED Viewed

	@@ -0,0 +1 @@
1	+ memo

package/tools/nako3edit/html/edit.html CHANGED Viewed

@@ -1,8 +1,12 @@
 <!DOCTYPE html>
-<html>
+<html data-theme="winter">
 <head>
   <meta charset="utf-8" />
-  <title>なでしこ3(Node版)エディタ</title>
+  <title>Node版 なでしこ3 エディタ</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?run&v=1"></script>
   <script defer type="text/javascript" src="/html/edit_plugin.js"></script>
@@ -16,21 +20,28 @@ Pを表示。
 FNAME="無題.nako3"
 もし、P["file"]ならば、FNAME=P["file"]
 エディタ初期化。
+対象ファイル読込処理。
-●エディタ初期化
-  「エディタ初期化」を表示。
-  「#run_btn」の「onclick」に「P実行処理」をDOMイベント設定。
-  「#save_btn」の「onclick」に「P保存処理」をDOMイベント設定。
+●対象ファイル読込処理とは
+  # ファイル名解決
   もし、FNAME=「new」ならば
-    FNAME="無題.nako3"
+    FNAME=(「/get_new_filename?appkey={APPKEY}」からAJAX_JSON取得)
     FILE2 = "new"
   違えば
     FILE2 = FNAMEをURLエンコード。
   ここまで。
-  「#name」にFNAMEをDOMテキスト設定
+  # ロード
+  「#name」にFNAMEをDOMテキスト設定。
   「/load?file={FILE2}&appkey={APPKEY}」へGET送信した時には
     「#body」に対象をDOMテキスト設定。
   ここまで。
+ここまで。
+●エディタ初期化
+  「エディタ初期化」を表示。
+  「#run_btn」の「onclick」に「P実行処理」をDOMイベント設定。
+  「#save_btn」の「onclick」に「P保存処理」をDOMイベント設定。
+  「#clear_btn」の「onclick」に「Pクリア処理」をDOMイベント設定。
   # 戻るリンクをAPPKEYを入れて初期化
   「.backlink」のDOM要素全取得して反復
     対象["href"] = "/html/files.html?appkey={APPKEY}"
@@ -46,6 +57,12 @@ FNAME="無題.nako3"
     "appkey": APPKEY
   }をPOST送信した時には
     H＝対象をHTML変換して改行を「<br />」に置換。
+    Hで「エラー]」が何文字目。
+    もし、そうならば
+      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に代入。
+    ここまで。
     「#result」にHをDOMテキスト設定。
   ここまで。
 ここまで
@@ -58,26 +75,94 @@ FNAME="無題.nako3"
     "body": 「#body」のDOMテキスト取得,
     "appkey": APPKEY
   }をPOST送信した時には
-    H=対象をHTML変換
+    H=対象をHTML変換。
     「#result」にHをDOMテキスト設定。
   ここまで。
-ここまで
+ここまで。
+●Pクリア処理とは
+  「#result」に「」をDOMテキスト設定。
+ここまで。
 #-----------
   </script>
 </head>
 <body>
-  <h1>なでしこ3(Node版)エディタ - <span class="titlemenu"><a class="backlink" href="#">[ファイル一覧]</a></span></h1>
+  <div class="navbar bg-base-100">
+    <div class="dropdown">
+      <label tabindex="0" class="btn btn-ghost btn-circle">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" /></svg>
+      </label>
+      <ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
+        <li><a class="backlink">ファイル一覧</a></li>
+        <li><label for="my-modal-desc" class="modal-button">このエディタについて</label></li>
+      </ul>
+    </div>
+    <div class="flex-1">
+      <a class="btn btn-ghost normal-case text-xl">Node版 なでしこ3 エディタ</a>
+    </div>
+    <div class="flex-none">
+      <div class="namebox">file:
+        <input type="text" class="input input-bordered input-md max-w-xs" id="name" size="20" />
+      </div>
+    </div>
+  </div>
   <div class="editbox">
-    <div class="namebox">file: <input type="text" id="name" size="40" /></div>
-    <div><textarea id="body" rows="12" cols="60"></textarea></div>
+    <div class="text-sm breadcrumbs">
+      <ul>
+        <li>
+          <a class="backlink">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="w-4 h-4 mr-2 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path></svg>
+            ファイル一覧
+          </a>
+        </li>
+        <li><label for="my-modal-desc" class="modal-button">エディタ</label></li>
+      </ul>
+    </div>
+    <div style="margin:1em;">
+      <textarea id="body" class="textarea" rows="12" cols="60"></textarea>
+    </div>
     <div class="cmd_btn">
-      <button id="run_btn">実行(cnako3)</button>
-      <button id="save_btn">保存</button>
+      <button id="run_btn" class="btn btn-primary">実行(cnako3)</button>
+      <button id="save_btn" class="btn">保存</button>
+      <button id="clear_btn" class="btn">クリア</button>
     </div>
-    <div id="result"></div>
-  </div>
-  <hr />
-  <div><a class="backlink" href="#">→ファイル一覧へ</a></div>
+    <!-- 実行画面 -->
+    <div style="margin: 1em">
+      <div class="mockup-window">
+        <div id="result" class="bg-base-200"></div>
+      </div>
+      </div>
+    <div class="divider"></div>
+    <!-- フッターのリンク -->
+    <div class="text-sm breadcrumbs">
+      <ul>
+        <li>
+          <a class="backlink">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="w-4 h-4 mr-2 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path></svg>
+            ファイル一覧
+          </a>
+        </li>
+        <li>
+          <label for="my-modal-desc" class="modal-button">エディタ</label>
+        </li>
+      </ul>
+    </div>
+  </div><!-- end of #editbox -->
 </body>
+<!-- エディタの説明モーダルダイアログ -->
+<input type="checkbox" id="my-modal-desc" class="modal-toggle">
+<div class="modal">
+  <div class="modal-box relative">
+    <label for="my-modal-desc" class="btn btn-sm btn-circle absolute right-2 top-2">✕</label>
+    <h3 class="text-lg font-bold">Node版 なでしこ3エディタとは</h3>
+    <p class="py-4">なでしこ3のNode.jsランタイムを実行するためのエディタです。</p>
+  </div>
+</div>
 </html>

package/tools/nako3edit/html/files.html CHANGED Viewed

@@ -1,11 +1,16 @@
 <!DOCTYPE html>
-<html>
+<html data-theme="winter">
 <head>
   <meta charset="utf-8" />
-  <title>なでしこ3(Node版)エディタ - ファイル一覧</title>
+  <title>Node版 なでしこ3 エディタ - ファイル一覧</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="なでしこ">
 #-----------
 APPKEY=""
@@ -16,18 +21,36 @@ Pを表示。
 APPKEY=P["appkey"]
 Pを表示。
 ファイル一覧取得処理
+#-----------
+# 新規ボタン
+「#new_btn」をクリックした時には
+　　「/html/edit.html?file=new&appkey={APPKEY}」へブラウザ移動。
+ここまで。
+#-----------
 ●ファイル一覧取得処理
   「/files?appkey={APPKEY}」へAJAX送信した時には
-    HTML=「<li><a href="/html/edit.html?file=new&appkey={APPKEY}"><span class="newfile">→新規作成</span></a></li>」
+    HTML=「」
     一覧=対象をJSONデコード
     一覧を反復
       F=それ
+      もし、LEFT(F,2)="__"ならば、続ける。
       F2 = FをHTML変換
       F3 = FをURLエンコード
-      HTML=HTML&「<li><a href="/html/edit.html?file={F3}&appkey={APPKEY}">{F2}</a></li>」
-    ここまで
+      Fを「\.(csv|txt|tsv|js|bat|nako3|nako|css|html|htm|)$」で正規表現マッチ。
+      もし、そうならば
+        HTML=HTML&「<li>」
+        HTML=HTML&「<a class="btn btn-sm btn-warning del_btn" data-file="{F3}">削除</a> &nbsp;」
+        HTML=HTML&「<a href="/html/edit.html?file={F3}&appkey={APPKEY}">📝 {F2}</a>」
+        HTML=HTML&「</li>」
+      違えば
+        HTML=HTML&「<li>」
+        HTML=HTML&「<a class="btn btn-sm btn-warning del_btn" data-file="{F3}">削除</a> &nbsp;」
+        HTML=HTML&「<a>🌠 {F2}</a>」
+        HTML=HTML&「</li>」
+      ここまで。
+    ここまで。
     「#files_ul」にHTMLをDOM_HTML設定。
+    削除ボタンイベント設定。
   ここまで。
   # ---
   AJAX失敗した時には(err)
@@ -37,13 +60,66 @@ Pを表示。
     「#files_ul」にSをDOM_HTML設定。
   ここまで
 ここまで。
+●削除ボタンイベント設定
+　　「.del_btn」のDOM要素全取得して反復
+　　　　対象の「onclick」に「ファイル削除処理」をDOMイベント設定。
+　　ここまで。
+ここまで。
+●(Eの)ファイル削除処理とは
+　　「削除しても良いですか？」と二択。
+　　もし、それがいいえならば戻る。
+　　FF=E["target"]["dataset"]["file"]
+　　エラー監視
+　　　　RES=「/deletefile?appkey={APPKEY}&file={FF}」からAJAX_JSON取得。
+　　エラーならば
+　　　　「エラー」と言う。
+　　ここまで。
+　　もし、RES="ok"ならば、
+　　　　「削除しました」と言う。
+　　違えば
+　　　　「失敗しました」と言う。
+　　ここまで。
+　　「/html/files.html?appkey={APPKEY}」にブラウザ移動。
+ここまで。
 #-----------
   </script>
 </head>
 <body>
-  <h1>なでしこ3(Node版) - ファイル一覧</h1>
+  <div class="navbar bg-base-100">
+    <div class="dropdown">
+      <label tabindex="0" class="btn btn-ghost btn-circle">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" /></svg>
+      </label>
+      <ul tabindex="0" class="menu menu-compact dropdown-content mt-3 p-2 shadow bg-base-100 rounded-box w-52">
+        <li><label for="my-modal-desc" class="modal-button">このエディタについて</label></li>
+      </ul>
+    </div>
+    <div class="flex-1">
+      <a class="btn btn-ghost normal-case text-xl">Node版 なでしこ3 エディタ</a>
+    </div>
+  </div>
   <div id="filesbox">
-    <ul id="files_ul"><li>現在読み込み中です。少々お待ちください。</li></ul>
+    <div>
+      <a class="btn btn-info" id="new_btn">→新規作成</a>
+    </div>
+    <ul id="files_ul"></ul>
   </div>
 </body>
+<!-- エディタの説明モーダルダイアログ -->
+<input type="checkbox" id="my-modal-desc" class="modal-toggle">
+<div class="modal">
+  <div class="modal-box relative">
+    <label for="my-modal-desc" class="btn btn-sm btn-circle absolute right-2 top-2">✕</label>
+    <h3 class="text-lg font-bold">Node版 なでしこ3エディタとは</h3>
+    <p class="py-4">なでしこ3のNode.js(PC版)ランタイムを実行するためのエディタです。</p>
+    <p class="py-4">もし、なでしこ3のWeb版を実行するには、「npm start」を実行してください。</p>
+  </div>
+</div>
 </html>

package/tools/nako3edit/html/nako3edit.css CHANGED Viewed

@@ -1,17 +1,20 @@
 h1 {
-  background-color: blue;
-  color: white;
   padding: 4px;
   margin: 0;
   font-size: 1em;
 }
+.btn {
+  text-transform: none;
+}
 .editbox {
   padding: 4px;
   margin: 0px;
   background-color: #f0f0f0;
+  text-align: center;
 }
 .namebox {
+  text-align: left;
   color: gray;
   padding: 4px;
   margin: 4px;
@@ -24,17 +27,13 @@ h1 {
   padding: 4px;
   font-size: 1em;
 }
-.cmd_btn > button {
-  margin: 4px;
-  padding: 8px;
-  font-size: 1.2em;
-}
 #result {
   background-color: white;
   border: 1px solid silver;
   margin: 4px;
   padding: 8px;
   font-size: 1em;
+  text-align: left;
 }
 #filesbox {
   border: 1px solid silver;

package/tools/nako3edit/index.nako3 CHANGED Viewed

@@ -1,4 +1,4 @@
-!「../../src/plugin_express.js」を取り込む。
+!「../../src/plugin_express.mjs」を取り込む。
 # ---------------------------------
 # なでしこ3のユーザーフォルダ
 # ---------------------------------
@@ -28,7 +28,7 @@ WEBサーバ起動失敗した時には
 　　PORT = PORT + 1
 　　もし、PORT> 3050ならば
 　　　　「WEBサーバが起動できませんでした。」と表示。
-    　　戻る。
+　　　　戻る。
 　　ここまで
 　　「- PORT変更={PORT}」と表示。
 　　PORTでWEBサーバ起動
@@ -64,11 +64,41 @@ WEBサーバ起動失敗した時には
       もし、GETデータ["appkey"]≠APPKEYならば
         「["ERROR:APPKEYをセットしてください。"]」をWEBサーバ出力。
       違えば
-        S=「{USER_DIR}/*.nako3」のファイル列挙
+        S=「{USER_DIR}/*.*」のファイル列挙
         SをJSONエンコードしてWEBサーバ出力。
       ここまで。
     ここまで
+    # ---------------------------------
+    「/get_new_filename」へWEBサーバGETした時には
+      もし、GETデータ["appkey"]≠APPKEYならば
+        「["ERROR:APPKEYをセットしてください。"]」をWEBサーバ出力。
+        戻る。
+      ここまで。
+      Iを1から9999まで繰り返す
+        N=「無題{I}.nako3」
+        F=「{USER_DIR}/{N}」
+        もし(Fが存在する)ならば,続ける。
+        NをJSONエンコードしてWEBサーバ出力。
+        戻る。
+      ここまで。
+      # 10000以上は無視
+      「ファイル数が多すぎ.nako3」をJSONエンコードしてWEBサーバ出力。
+    ここまで
+    # ---------------------------------
+    「/deletefile」へWEBサーバGETした時には
+      もし、GETデータ["appkey"]≠APPKEYならば
+        「"ERROR:APPKEYをセットしてください。"」をWEBサーバ出力。
+      違えば
+        N=GETデータ["file"]
+        F=「{USER_DIR}/{N}」
+        「削除={F}」を表示。
+        Fをファイル削除。
+        「ok」をJSONエンコードしてWEBサーバ出力。
+      ここまで。
+    ここまで
     # ---------------------------------
     「/load」へWEBサーバGETした時には
       GETデータを表示。
@@ -128,13 +158,22 @@ WEBサーバ起動失敗した時には
       F_OS=OS取得。
       もし、F_OS="win32"ならば
       　　NODE=母艦パスを「../../nodejs/node.exe」で相対パス展開。
-      　　CNAKO3=母艦パスを「../../src/cnako3.js」で相対パス展開。
-      　　RES=「"{NODE}" "{CNAKO3}" "{FPATH}"」を起動待機。
+      　　CNAKO3=母艦パスを「../../src/cnako3.mjs」で相対パス展開。
+      　　BAT=「{USER_DIR}\__editor_run.bat」
+      　　BATへ「echo off{CR}{LF}chcp 65001{CR}{LF}echo -----{CR}{LF}cd "{USER_DIR}"{CR}{LF}"{NODE}" "{CNAKO3}" "{FPATH}"{CR}{LF}」を保存。
+      　　RES=「cmd.exe /c "{BAT}"」を起動待機。
       違えば
       　　CNAKO3=母艦パスを「../../bin/cnako3」で相対パス展開。
-      　　RES=「cnako3 "{FPATH}"」を起動待機。
+      　　SH=「{USER_DIR}/__editor_run.sh」
+      SHへ「#!/bin/bash{LF}echo "-----"{LF}cd "{USER_DIR}"{LF}"{CNAKO3}" "{FPATH}"{LF}」を保存。
+      　　RES=「bash "{SH}"」を起動待機。
       ここまで。
       「---」と表示。
+      I=RESで「-----」が何文字目
+      もし、I>0ならば
+        RES=(MID(RES,I+5,(RESの文字数))をトリム)
+      ここまで
       RESをWEBサーバ出力。
     エラーならば
       「[ERROR] {エラーメッセージ}」をWEBサーバ出力。

package/tools/nako3edit/{run.js → run.mjs} RENAMED Viewed

@@ -1,7 +1,13 @@
 #!/usr/bin/env node
-const spawn = require('child_process').spawn
-const path = require('path')
+import { spawn } from 'child_process'
+import path from 'path'
+// __dirname のために
+import url from 'url'
+const __filename = url.fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 const nakoHome = path.resolve(path.join(__dirname, '../../'))
 const cnako3 = path.resolve(path.join(nakoHome, 'src/cnako3.js'))
 const nako3edit = path.resolve(path.join(__dirname, 'index.nako3'))

package/src/index.js DELETED Viewed

@@ -1,5 +0,0 @@
-module.exports = {
-  // Node.jsのモジュールモードでなでしこを利用する場合
-  compiler: require('./nako3.js'),
-  PluginNode: require('./plugin_node.js')
-}