danoniplus 40.5.3 → 40.6.0

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2025/03/13
+ * Revised : 2025/03/16
  * 
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 40.5.3`;
-const g_revisedDate = `2025/03/13`;
+const g_version = `Ver 40.6.0`;
+const g_revisedDate = `2025/03/16`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -58,14 +58,16 @@ Object.freeze(g_reservedDomains);
 // 外部参照を許可するドメイン
 const g_referenceDomains = [
 	`cwtickle.github.io/danoniplus`,
-	`cdn.jsdelivr.net/npm`,
+	`cdn.jsdelivr.net`,
+	`unpkg.com`,
 	`support-v\\d+--danoniplus.netlify.app`,
 ];
 Object.freeze(g_referenceDomains);
 
 const g_rootPath = current().match(/(^.*\/)/)[0];
 const g_workPath = new URL(location.href).href.match(/(^.*\/)/)[0];
-const g_remoteFlg = g_referenceDomains.some(domain => g_rootPath.match(`^https://${domain}/`) !== null);
+const hasRemoteDomain = _path => g_referenceDomains.some(domain => _path.match(`^https://${domain}/`) !== null);
+const g_remoteFlg = hasRemoteDomain(g_rootPath);
 
 const g_randTime = Date.now();
 const g_isFile = location.href.match(/^file/);
@@ -523,7 +525,9 @@ const formatObject = (_obj, _indent = 0, { colorFmt = true, rootKey = `` } = {})
 				// カラーコードの色付け処理
 				_value = escapeHtml(_value).replaceAll(`\n`, `<br>`);
 				const colorCodePattern = /(#|0x)(?:[A-Fa-f0-9]{6}(?:[A-Fa-f0-9]{2})?|[A-Fa-f0-9]{4}|[A-Fa-f0-9]{3})/g;
-				if (colorCodePattern.test(_value)) {
+				if (_value === C_FLG_ON) {
+					return `<span style="color:#66ff66">&#x2714; ON</span>`;
+				} else if (colorCodePattern.test(_value)) {
 					return _value.replace(colorCodePattern, (match) =>
 						`<span style="color:${match.replace(`0x`, `#`)}">◆</span>${match.replace(`0x`, `#`)}`);
 				}
@@ -539,8 +543,9 @@ const formatObject = (_obj, _indent = 0, { colorFmt = true, rootKey = `` } = {})
 					// scrollDirXのスクロール方向表示処理
 					return _value === 1 ? `1|<span style="color:#ff9999">↑</span>` : `-1|<span style="color:#66ff66">↓</span>`;
 
-				} else if (_rootKey.startsWith(`keyCtrl`) && !_rootKey.startsWith(`keyCtrlPtn`)) {
-					// keyCtrlXの対応キー表示処理
+				} else if (listMatching(_rootKey, [`keyCtrl`, `keyRetry`, `keyTitleBack`], { prefix: `^` })
+					&& !_rootKey.startsWith(`keyCtrlPtn`)) {
+					// keyCtrlX, keyRetryX, keyTitleBackX の対応キー表示処理
 					return (g_kCd[_value] && _value !== 0) ? `${_value}|<span style="color:#ffff66">${g_kCd[_value]}</span>` : `----`;
 				}
 			} else if (isObj(_value)) {
@@ -1100,6 +1105,9 @@ const loadMultipleFiles2 = async (_fileData, _loadType) => {
  * @returns {string[]} [ファイルキーワード, ルートディレクトリ]
  */
 const getFilePath = (_fileName, _directory = ``) => {
+	if (_fileName.startsWith(`https://`)) {
+		return [_fileName, ``];
+	}
 	let fullPath;
 	if (_fileName.startsWith(C_MRK_CURRENT_DIRECTORY)) {
 		fullPath = `${g_workPath}${_fileName.slice(C_MRK_CURRENT_DIRECTORY.length)}`;
@@ -2757,13 +2765,13 @@ const loadChartFile = async (_scoreId = g_stateObj.scoreId) => {
 		const filename = `${fileCommon}${g_stateObj.dosDivideFlg ?
 			setDosIdHeader(_scoreId, g_stateObj.scoreLockFlg) : ''}.${fileExtension}`;
 
-		await loadScript2(`${g_workPath}${filename}?${Date.now()}`, false, charset);
+		await loadScript2(`${filename}?${Date.now()}`, false, charset);
 		if (typeof externalDosInit === C_TYP_FUNCTION) {
 			deleteDiv(divRoot, `lblLoading`);
 
 			// 外部データを読込（ファイルが見つからなかった場合は譜面追記をスキップ）
 			externalDosInit();
-			if (g_loadObj[`${g_workPath}${filename}`]) {
+			if (g_loadObj[filename]) {
 				Object.assign(g_rootObj, dosConvert(g_externalDos));
 			}
 
@@ -3135,7 +3143,9 @@ const preheaderConvert = _dosObj => {
 		});
 
 	const convLocalPath = (_file, _type) =>
-		g_remoteFlg && hasVal(_file) && !_file.includes(`(..)`) ? `(..)../${_type}/${_file}` : _file;
+		g_remoteFlg && hasVal(_file) && !_file.includes(`(..)`) && !hasRemoteDomain(_file)
+			? `(..)../${_type}/${_file}`
+			: _file;
 
 	// 外部スキンファイルの指定
 	const tmpSkinType = _dosObj.skinType ?? g_presetObj.skinType ?? `default`;
@@ -3218,6 +3228,7 @@ const headerConvert = _dosObj => {
 				extension: imgTypes[1] || `svg`,
 				rotateEnabled: setBoolVal(imgTypes[2], true),
 				flatStepHeight: setVal(imgTypes[3], C_ARW_WIDTH, C_TYP_FLOAT),
+				remoteDir: imgTypes[4] || ``,
 			};
 			g_keycons.imgTypes[j] = (imgTypes[0] === `` ? `Original` : imgTypes[0]);
 		});
@@ -3225,7 +3236,7 @@ const headerConvert = _dosObj => {
 
 	// 末尾にデフォルト画像セットが入るよう追加
 	if (obj.imgType.findIndex(imgSets => imgSets.name === ``) === -1) {
-		obj.imgType.push({ name: ``, extension: `svg`, rotateEnabled: true, flatStepHeight: C_ARW_WIDTH });
+		obj.imgType.push({ name: ``, extension: `svg`, rotateEnabled: true, flatStepHeight: C_ARW_WIDTH, remoteDir: `` });
 		g_keycons.imgTypes.push(`Original`);
 	}
 	g_imgType = g_keycons.imgTypes[0];
@@ -3897,6 +3908,7 @@ const getMusicNameMultiLine = _musicName => {
  * @param {object} _imgType
  * @param {string} _imgType.name
  * @param {string} _imgType.extension
+ * @param {string} _imgType.remoteDir
  * @param {boolean} _initFlg  
  */
 const updateImgType = (_imgType, _initFlg = false) => {
@@ -3910,9 +3922,13 @@ const updateImgType = (_imgType, _initFlg = false) => {
 	Object.keys(g_imgObj).forEach(key => g_imgObj[key] = `${g_rootPath}${orgImgObj[key]}`);
 
 	// リモート時は作品ページ側にある画像を優先し、リモートに存在するもののみリモートから取得する
+	// titleArrowについては他のImgTypeから取得するため、remoteDir属性には依存させない
 	if (g_remoteFlg) {
 		Object.keys(g_imgObj).forEach(key => g_imgObj[key] = `${g_workPath}${orgImgObj[key]}`);
-		if (g_defaultSets.imgType.findIndex(val => val === _imgType.name) >= 0) {
+		if (_imgType.remoteDir !== `` && hasRemoteDomain(_imgType.remoteDir)) {
+			g_defaultSets.imgList.filter(val => val !== `titleArrow`)
+				.forEach(key => g_imgObj[key] = `${_imgType.remoteDir}img/${orgImgObj[key]}`);
+		} else if (g_defaultSets.imgType.findIndex(val => val === _imgType.name) >= 0) {
 			g_defaultSets.imgList.forEach(key => g_imgObj[key] = `${g_rootPath}${orgImgObj[key]}`);
 		}
 	}

package/js/template/danoni_main.js

@@ -0,0 +1,17 @@
+
+/**
+ * jsdelivrのdanoni_main.jsを取得するスクリプトサンプル
+ *
+ * - このファイルを danoni_main.js と差し替えて、
+ *   ___version にバージョン名を格納することで jsdelivr のファイルを取りに行くようになります。
+ * - ___version にはバージョン名 (x.y.z形式) を入れて下さい。
+ */
+
+// 適用するバージョン名
+const __version = `40.5.2`;
+
+// バージョン情報を取得してスクリプトタグを生成
+const __script = document.createElement('script');
+__script.src = `https://cdn.jsdelivr.net/npm/danoniplus@${__version}/js/danoni_main.min.js`;
+document.head.appendChild(__script); // スクリプトをヘッダーに追加
+console.log(`Loaded version: ${__version}`);

package/js/template/danoni_setting.js

@@ -1,7 +1,7 @@
 'use strict';
 /**
  * Dancing☆Onigiri 設定用jsファイル
- * Template Update: 2025/03/01 (v40.0.0)
+ * Template Update: 2025/03/16 (v40.6.0)
  * 
  * このファイルでは、作品全体に対しての初期設定を行うことができます。
  * 譜面データ側で個別に同様の項目が設定されている場合は、譜面データ側の設定が優先されます。
@@ -172,16 +172,18 @@ g_presetObj.customDesignUse = {
 
 /**
   デフォルト画像セットの設定
-  (セット対象のフォルダ名, 拡張子, 画像回転有無(true or false), Flat時ステップ間隔の順に指定)
+  (セット対象のフォルダ名, 拡張子, 画像回転有無(true or false), Flat時ステップ間隔, リモート時のディレクトリの順に指定)
 
   事前に、[img]フォルダ配下にセット対象のサブフォルダを作成し、その中に一式を入れておく必要あり
   下記の場合は[classic]フォルダに[png]形式の画像一式をデフォルト画像セットとして使用する
+  なお、リモート時のディレクトリ(jsdelivr)を指定した場合はサブフォルダの作成及び格納は不要
 
   未指定の場合のデフォルト値は以下の通り
 	セット対象のフォルダ名：`` (imgフォルダ直下)
 	拡張子：`svg`形式
 	画像回転有無：true(回転有り)
 	Flat時ステップ間隔：50(px) ※矢印サイズ
+	リモート時のディレクトリ：`` (指定なし。自サーバーの画像を使用する)
 */
 //g_presetObj.imageSets = [``, `classic,png`, `classic-thin,png`, `note,svg,false,0`];
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "danoniplus",
-  "version": "40.5.3",
+  "version": "40.6.0",
   "description": "Dancing☆Onigiri (CW Edition) - Web-based Rhythm Game",
-  "main": "index.js",
+  "main": "./js/danoni_main.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

package/js/template/danoni_cdn.js

@@ -1,23 +0,0 @@
-
-/**
- * jsdelivrのdanoni_main.jsを取得するスクリプトサンプル
- *
- * - このファイルを danoni_main.js と差し替えて、
- *   jsフォルダに「version.txt」を格納することで jsdelivr のファイルを取りに行くようになります。
- * - version.txt にはバージョン名 (x.y.z形式) を入れて下さい。
- * - カレントパス指定には対応していないので、version.txtのパスは必要に応じて変えてください。
- */
-
-// バージョン情報を取得してスクリプトタグを生成
-const randTime = Date.now();
-fetch(`../js/version.txt?${randTime}`)
-  .then(response => response.text())
-  .then(version => {
-    const script = document.createElement('script');
-    script.src = `https://cdn.jsdelivr.net/npm/danoniplus@${version}/js/danoni_main.min.js`;
-    document.head.appendChild(script); // スクリプトをヘッダーに追加
-    console.log(`Loaded version: ${version}`);
-  })
-  .catch(error => {
-    console.error('Failed to load version:', error);
-  });