nadesiko3 3.2.27

package/tools/nako3edit/html/nako3edit.css

@@ -0,0 +1,66 @@
+h1 {
+  background-color: blue;
+  color: white;
+  padding: 4px;
+  margin: 0;
+  font-size: 1em;
+}
+
+.editbox {
+  padding: 4px;
+  margin: 0px;
+  background-color: #f0f0f0;
+}
+.namebox {
+  color: gray;
+  padding: 4px;
+  margin: 4px;
+}
+#name {
+  padding: 4px;
+  font-size: 1em;
+}
+#body {
+  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;
+}
+#filesbox {
+  border: 1px solid silver;
+  padding: 8px;
+  margin: 4px;
+}
+#filesbox > ul {
+  margin: 0;
+  padding: 4px;
+}
+#filesbox > ul > li {
+  border-bottom: 1px solid silver;
+  padding: 8px;
+  list-style-type: none;
+}
+.newfile {
+  padding: 4px;
+  background-color: #ffe0ff;
+}
+
+.titlemenu {
+  font-size: 0.9em;
+  color: yellow;
+}
+
+.titlemenu a {
+  color: yellow;
+  text-decoration: none;
+}

package/tools/nako3edit/index.nako3

@@ -0,0 +1,145 @@
+!「../../src/plugin_express.js」を取り込む。
+# ---------------------------------
+# なでしこ3のユーザーフォルダ
+# ---------------------------------
+HOME=ホームディレクトリ取得
+USER_DIR=「{HOME}/nadesiko3_user」
+もし、!(USER_DIRのフォルダ存在)ならば
+  USER_DIRにフォルダ作成
+ここまで
+
+# ---------------------------------
+# WEBサーバ起動
+# ---------------------------------
+APPKEY = (65535の乱数)&「_」&(65535の乱数)&「_」&(65535の乱数)
+PORT=3030
+PORTでWEBサーバ起動した時には
+    URL=「http://localhost:{PORT}?appkey={APPKEY}」
+    「>>> --------------------------------------------------」を表示
+    「>>> サーバ起動に成功しました。」を表示
+    「>>> nako3edit にアクセスするには、以下のURLにアクセスします」を表示
+    「>>> [URL] {URL}」を表示。
+    「>>>」を表示
+    ルーティング設定。
+    URLをブラウザ起動。
+ここまで
+
+WEBサーバ起動失敗した時には
+　　PORT = PORT + 1
+　　もし、PORT> 3050ならば
+　　　　「WEBサーバが起動できませんでした。」と表示。
+    　　戻る。
+　　ここまで
+　　「- PORT変更={PORT}」と表示。
+　　PORTでWEBサーバ起動
+ここまで。
+
+●ルーティング設定とは
+    # ---------------------------------
+    # 静的ディレクトリの指定
+    # ---------------------------------
+    「/html」を「{母艦パス}/html」へWEBサーバ静的パス指定
+    母艦パスを「../../release」で相対パス展開してRELEASEに代入。
+    「/release」をRELEASEへWEBサーバ静的パス指定。
+    # ---------------------------------
+    # ルーティング
+    # ---------------------------------
+    「/」へWEBサーバGETした時には
+      「- GET」を表示。
+      もし、GETデータ["appkey"]＝APPKEYならば
+        URL_FILE=「/html/files.html?appkey={APPKEY}」
+        URL_FILEへWEBサーバリダイレクト。
+        「ファイル表示ページへ移動 => {URL_FILE}」と表示。
+      違えば
+        「サーバから提供されたappkeyを正しくセットしてください。」をWEBサーバ出力。
+      ここまで。
+    ここまで
+    # ---------------------------------
+    「/test」へWEBサーバGETした時には
+      「test」をWEBサーバ出力。
+    ここまで
+    
+    # ---------------------------------
+    「/files」へWEBサーバGETした時には
+      もし、GETデータ["appkey"]≠APPKEYならば
+        「["ERROR:APPKEYをセットしてください。"]」をWEBサーバ出力。
+      違えば
+        S=「{USER_DIR}/*.nako3」のファイル列挙
+        SをJSONエンコードしてWEBサーバ出力。
+      ここまで。
+    ここまで
+    
+    # ---------------------------------
+    「/load」へWEBサーバGETした時には
+      GETデータを表示。
+      FILE=GETデータ["file"]
+      UKEY=GETデータ["appkey"]
+      もし、UKEY≠APPKEYならば
+        『### APPKEYが違います ###』とWEBサーバ出力。
+      ここまで
+      FILE=FILEの「..」を「」に置換して、「/」を「」に置換。
+      FPATH=「{USER_DIR}/{FILE}」
+      FPATHが存在
+      もし、そうならば
+        FPATHを開く。
+        それをWEBサーバ出力。
+      違えば
+        『# --- ここにプログラムを記述 ---』&改行&『「こんにちは」と表示。』をWEBサーバ出力。
+      ここまで。
+    ここまで。
+    
+    # ---------------------------------
+    「/run」へWEBサーバPOSTした時には
+      はいでサーバ保存実行処理。
+    ここまで
+    
+    # ---------------------------------
+    「/save」へWEBサーバPOSTした時には
+      いいえでサーバ保存実行処理。
+    ここまで
+ここまで。
+
+●サーバ保存実行処理(RUNで)
+    FILE=POSTデータ["file"]
+    BODY=POSTデータ["body"]
+    UKEY=POSTデータ["appkey"]
+    もし、UKEY≠APPKEYならば
+    　　「エラー:APPKEYが違います」をWEBサーバ出力。
+    　　戻る。
+    違えば
+    ここまで。
+    もし、(FILE=undefined)または(FILE=空)ならば
+    　　「エラー: ファイル名がありません」をWEBサーバ出力。
+    　　戻る。
+    ここまで
+    FPATH=「{USER_DIR}/{FILE}」
+    「(保存)FILE=」&FPATHを表示。
+    FPATHへBODYを保存。
+    FPATH=「{USER_DIR}/{FILE}」
+    エラー監視
+    　　FPATHへBODYを保存。
+    エラーならば
+    　　「NG」をWEBサーバ出力。
+    　　戻る。
+    ここまで。
+    もし、RUNがはいならば
+    エラー監視
+      「RUN {FPATH}」と表示。
+      F_OS=OS取得。
+      もし、F_OS="win32"ならば
+      　　NODE=母艦パスを「../../nodejs/node.exe」で相対パス展開。
+      　　CNAKO3=母艦パスを「../../src/cnako3.js」で相対パス展開。
+      　　RES=「"{NODE}" "{CNAKO3}" "{FPATH}"」を起動待機。
+      違えば
+      　　CNAKO3=母艦パスを「../../bin/cnako3」で相対パス展開。
+      　　RES=「cnako3 "{FPATH}"」を起動待機。
+      ここまで。
+      「---」と表示。
+      RESをWEBサーバ出力。
+    エラーならば
+      「[ERROR] {エラーメッセージ}」をWEBサーバ出力。
+    ここまで
+    違えば
+    「OK」をWEBサーバ出力。
+    ここまで。
+ここまで。

package/tools/nako3edit/run.js

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+const spawn = require('child_process').spawn
+const path = require('path')
+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'))
+
+let proc = spawn('node', [cnako3, nako3edit])
+proc.stdout.on('data', (data) => {
+  console.log(data.toString())
+})

package/tools/nako3server/html/edit.html

@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  
+  <title>なでしこ3(Server版)エディタ</title>
+  <link href="/html/nako3edit.css" rel="stylesheet" type="text/css" />
+  <script defer type="text/javascript" src="/html/edit_plugin.js"></script>
+  
+  <!-- common -->
+  <link rel="stylesheet" type="text/css" href="/demo/css/pure-min.css">
+  <link rel="stylesheet" type="text/css" href="/demo/css/common.css">
+  <link rel="stylesheet" href="/src/wnako3_editor.css">
+  <script src="/demo/js/ace@1.4.12/ace.js" integrity="sha512-GZ1RIgZaSc8rnco/8CXfRdCpDxRCphenIiZ2ztLy3XQfCbQUSCuk8IudvNHxkRA3oUg6q0qejgN/qqyG1duv5Q==" crossorigin="anonymous"></script>
+  <script src="/demo/js/ace@1.4.12/ext-language_tools.min.js" integrity="sha512-8qx1DL/2Wsrrij2TWX5UzvEaYOFVndR7BogdpOyF4ocMfnfkw28qt8ULkXD9Tef0bLvh3TpnSAljDC7uyniEuQ==" crossorigin="anonymous"></script>
+  <script src="/demo/js/ace@1.4.12/ext-options.min.js" integrity="sha512-oHR+WVzBiVZ6njlMVlDDLUIOLRDfUUfRQ55PfkZvgjwuvGqL4ohCTxaahJIxTmtya4jgyk0zmOxDMuLzbfqQDA==" crossorigin="anonymous"></script>
+  <script src="/demo/js/ace@1.4.12/ext-code_lens.min.js" integrity="sha512-gsDyyKTnOmSWRDzUbpYcPjzVsEyFGSWeWefzVKvbMULPR2ElIlKKsOtU3ycfybN9kncZXKLFSsUiG3cgJUbc/g==" crossorigin="anonymous"></script>
+  
+  <script type="なでしこ">
+#-----------
+APPKEY=""
+HREF=WINDOW["location"]["href"]
+P=HREFをURLパラメータ解析
+APPKEY=P["appkey"]
+Pを表示。
+FNAME="無題.nako3"
+もし、P["file"]ならば、FNAME=P["file"]
+エディタ初期化。
+
+●エディタ初期化
+  「エディタ初期化」を表示。
+  「#run_btn」の「onclick」に「P実行処理」をDOMイベント設定。
+  「#save_btn」の「onclick」に「P保存処理」をDOMイベント設定。
+  もし、FNAME=「new」ならば
+    FNAME="無題.nako3"
+    FILE2 = "new"
+  違えば
+    FILE2 = FNAMEをURLエンコード。
+  ここまで。
+  「#name」にFNAMEをDOMテキスト設定
+  「/load?file={FILE2}&appkey={APPKEY}」へGET送信した時には
+    「#body」に対象をDOMテキスト設定。
+  ここまで。
+  # 戻るリンクをAPPKEYを入れて初期化
+  「.backlink」のDOM要素全取得して反復
+    対象["href"] = "/html/files.html?appkey={APPKEY}"
+  ここまで。
+ここまで。
+
+●P実行処理
+  「実行」を表示。
+  P保存処理;
+  BODY=「#body」のDOMテキスト取得
+  FNAME=「#name」のDOMテキスト取得
+  WINDOW["localStorage"]["nako3/editor/code"] = BODY
+  「nako3/editor/filename」にFNAMEを保存。
+  WINDOW["location"]["href"] = "/demo/index.html"
+ここまで
+
+●P保存処理
+  「保存」を表示。
+  S=「#body」のDOMテキスト取得
+  「/save」へ{
+    "file": 「#name」のDOMテキスト取得,
+    "body": 「#body」のDOMテキスト取得,
+    "appkey": APPKEY
+  }をPOST送信した時には
+    H=対象をHTML変換
+    「#result」にHをDOMテキスト設定。
+  ここまで。
+ここまで
+
+#-----------
+  </script>
+</head>
+<body>
+  <h1>なでしこ3(Server版)エディタ - <span class="titlemenu"><a class="backlink" href="#">[ファイル一覧]</a></span></h1>
+  <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="cmd_btn">
+      <button id="run_btn">DEMOで実行</button>
+      <button id="save_btn">保存</button>
+    </div>
+    <div id="result"></div>
+  </div>
+  <hr />
+  <div><a class="backlink" href="#">→ファイル一覧へ</a></div>
+
+
+  <!-- なでしこ-->
+  <script src="../release/wnako3.js"></script>
+  <script src="../release/plugin_markup.js"></script>
+  <script src="../release/plugin_csv.js"></script>
+  <script src="../release/plugin_kansuji.js"></script>
+  <script src="../release/plugin_datetime.js"></script>
+  <script src="../release/plugin_turtle.js"></script>
+  <script src="../release/plugin_caniuse.js"></script>
+  <script src="../release/plugin_webworker.js"></script>
+  <!-- Chart.js -->
+  <script defer src="/demo/js/chart.js@2.9.3/Chart.min.js"></script>
+
+</body>
+</html>

package/tools/nako3server/html/edit_plugin.js

@@ -0,0 +1,6 @@
+window.addEventListener('load', function () {
+  navigator.nako3.setFunc('表示', [['と', 'を']], (s) => {
+    console.log('[LOG]', s)
+  }, true)
+  navigator.nako3.runNakoScript()
+})

package/tools/nako3server/html/files.html

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <title>なでしこ3(Node版)エディタ - ファイル一覧</title>
+  <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=""
+HREF=WINDOW["location"]["href"]
+HREFを表示。
+P=HREFをURLパラメータ解析
+Pを表示。
+APPKEY=P["appkey"]
+Pを表示。
+ファイル一覧取得処理
+
+●ファイル一覧取得処理
+  「/files?appkey={APPKEY}」へAJAX送信した時には
+    HTML=「<li><a href="/html/edit.html?file=new&appkey={APPKEY}"><span class="newfile">→新規作成</span></a></li>」
+    一覧=対象をJSONデコード
+    一覧を反復
+      F=それ
+      もし、MID(F,1,6)=「ERROR:」ならば
+      　　WINDOW["location"]["href"] = "/"
+      　　戻る。
+      ここまで。
+      F2 = FをHTML変換
+      F3 = FをURLエンコード
+      HTML=HTML&「<li><a href="/html/edit.html?file={F3}&appkey={APPKEY}">{F2}</a></li>」
+    ここまで
+    「#files_ul」にHTMLをDOM_HTML設定。
+  ここまで。
+  # ---
+  AJAX失敗した時には(err)
+    errをHTML変換してERRに代入。
+    S=「<p style='color: red;'>サーバとの通信に失敗しました。<br />」＆_
+      「サーバ設定かブラウザの設定を確認してください。</p><p>{ERR}</p>」
+    「#files_ul」にSをDOM_HTML設定。
+  ここまで
+ここまで。
+#-----------
+  </script>
+</head>
+<body>
+  <h1>なでしこ3(Node版) - ファイル一覧</h1>
+  <div id="filesbox">
+    <ul id="files_ul"><li>現在読み込み中です。少々お待ちください。</li></ul>
+  </div>
+</body>
+</html>

package/tools/nako3server/html/nako3edit.css

@@ -0,0 +1,66 @@
+h1 {
+  background-color: blue;
+  color: white;
+  padding: 4px;
+  margin: 0;
+  font-size: 1em;
+}
+
+.editbox {
+  padding: 4px;
+  margin: 0px;
+  background-color: #f0f0f0;
+}
+.namebox {
+  color: gray;
+  padding: 4px;
+  margin: 4px;
+}
+#name {
+  padding: 4px;
+  font-size: 1em;
+}
+#body {
+  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;
+}
+#filesbox {
+  border: 1px solid silver;
+  padding: 8px;
+  margin: 4px;
+}
+#filesbox > ul {
+  margin: 0;
+  padding: 4px;
+}
+#filesbox > ul > li {
+  border-bottom: 1px solid silver;
+  padding: 8px;
+  list-style-type: none;
+}
+.newfile {
+  padding: 4px;
+  background-color: #ffe0ff;
+}
+
+.titlemenu {
+  font-size: 0.9em;
+  color: yellow;
+}
+
+.titlemenu a {
+  color: yellow;
+  text-decoration: none;
+}

package/tools/nako3server/index.nako3

@@ -0,0 +1,129 @@
+!「../../src/plugin_express.js」を取り込む。
+# ---------------------------------
+# なでしこ3のユーザーフォルダ
+# ---------------------------------
+HOME=ホームディレクトリ取得
+USER_DIR=「{HOME}/nadesiko3_user」
+もし、!(USER_DIRのフォルダ存在)ならば
+  USER_DIRにフォルダ作成
+ここまで
+
+# ---------------------------------
+# WEBサーバ起動
+# ---------------------------------
+APPKEY = (65535の乱数)&「_」&(65535の乱数)&「_」&(65535の乱数)
+PORT=3030
+PORTでWEBサーバ起動した時には
+    URL=「http://localhost:{PORT}?appkey={APPKEY}」
+    「>>> --------------------------------------------------」を表示
+    「>>> サーバ起動に成功しました。」を表示
+    「>>> nako3edit にアクセスするには、以下のURLにアクセスします」を表示
+    「>>> [URL] {URL}」を表示。
+    「>>>」を表示
+    ルーティング設定。
+    URLをブラウザ起動。
+ここまで
+
+WEBサーバ起動失敗した時には
+　　PORT = PORT + 1
+　　もし、PORT> 3050ならば
+　　　　「WEBサーバが起動できませんでした。」と表示。
+    　　戻る。
+　　ここまで
+　　「- PORT変更={PORT}」と表示。
+　　PORTでWEBサーバ起動
+ここまで。
+
+●ルーティング設定とは
+    # ---------------------------------
+    # 静的ディレクトリの指定
+    # ---------------------------------
+    「/html」を「{母艦パス}/html」へWEBサーバ静的パス指定
+    母艦パスを「../../release」で相対パス展開してRELEASEに代入。
+    「/release」をRELEASEへWEBサーバ静的パス指定。
+    母艦パスを「../../src」で相対パス展開してSRCに代入。
+    「/src」をSRCへWEBサーバ静的パス指定。
+    母艦パスを「../../demo」で相対パス展開してDEMOに代入。
+    「/demo」をDEMOへWEBサーバ静的パス指定。
+    # ---------------------------------
+    # ルーティング
+    # ---------------------------------
+    「/」へWEBサーバGETした時には
+      「- GET」を表示。
+      もし、GETデータ["appkey"]＝APPKEYならば
+        URL_FILE=「/html/files.html?appkey={APPKEY}」
+        URL_FILEへWEBサーバリダイレクト。
+        「ファイル表示ページへ移動 => {URL_FILE}」と表示。
+      違えば
+        「
+          <h3>サーバから提供されたappkeyを正しくセットしてください。</h3>
+          <form method="GET"><input name="appkey" value="">
+          <input type="submit" value="送信"></form>
+        」をWEBサーバ出力。
+      ここまで。
+    ここまで
+    # ---------------------------------
+    「/test」へWEBサーバGETした時には
+      「test」をWEBサーバ出力。
+    ここまで
+    
+    # ---------------------------------
+    「/files」へWEBサーバGETした時には
+      もし、GETデータ["appkey"]≠APPKEYならば
+        「["ERROR:APPKEYをセットしてください。"]」をWEBサーバ出力。
+      違えば
+        S=「{USER_DIR}/*.nako3」のファイル列挙
+        SをJSONエンコードしてWEBサーバ出力。
+      ここまで。
+    ここまで
+    
+    # ---------------------------------
+    「/load」へWEBサーバGETした時には
+      GETデータを表示。
+      FILE=GETデータ["file"]
+      UKEY=GETデータ["appkey"]
+      もし、UKEY≠APPKEYならば
+        『### APPKEYが違います ###』とWEBサーバ出力。
+      ここまで
+      FILE=FILEの「..」を「」に置換して、「/」を「」に置換。
+      FPATH=「{USER_DIR}/{FILE}」
+      FPATHが存在
+      もし、そうならば
+        FPATHを開く。
+        それをWEBサーバ出力。
+      違えば
+        『# --- ここにプログラムを記述 ---』&改行&『「こんにちは」と表示。』をWEBサーバ出力。
+      ここまで。
+    ここまで。
+    
+    # ---------------------------------
+    「/save」へWEBサーバPOSTした時には
+      サーバ保存実行処理。
+    ここまで
+ここまで。
+
+●サーバ保存実行処理とは
+    FILE=POSTデータ["file"]
+    BODY=POSTデータ["body"]
+    UKEY=POSTデータ["appkey"]
+    もし、UKEY≠APPKEYならば
+    　　「エラー:APPKEYが違います」をWEBサーバ出力。
+    　　戻る。
+    違えば
+    ここまで。
+    もし、(FILE=undefined)または(FILE=空)ならば
+    　　「エラー: ファイル名がありません」をWEBサーバ出力。
+    　　戻る。
+    ここまで
+    FPATH=「{USER_DIR}/{FILE}」
+    「(保存)FILE=」&FPATHを表示。
+    FPATHへBODYを保存。
+    FPATH=「{USER_DIR}/{FILE}」
+    エラー監視
+    　　FPATHへBODYを保存。
+    エラーならば
+    　　「NG」をWEBサーバ出力。
+    　　戻る。
+    ここまで。
+    「OK」をWEBサーバ出力。
+ここまで。

package/tools/nako3server/run.js

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+const spawn = require('child_process').spawn
+const path = require('path')
+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'))
+
+let proc = spawn('node', [cnako3, nako3edit])
+proc.stdout.on('data', (data) => {
+  console.log(data.toString())
+})