danoniplus 40.5.4 → 40.7.0-a1

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2025/03/14
+ * Revised : 2025/03/22
  * 
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 40.5.4`;
-const g_revisedDate = `2025/03/14`;
+const g_version = `Ver 40.7.0`;
+const g_revisedDate = `2025/03/22`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -58,7 +58,7 @@ 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`,
 ];
@@ -66,7 +66,8 @@ 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/);
@@ -76,7 +77,7 @@ const g_isDebug = g_isLocal ||
 	getQueryParamVal(`debug`) === `true`;
 const isLocalMusicFile = _scoreId => g_isFile && !listMatching(getMusicUrl(_scoreId), [`.js`, `.txt`], { suffix: `$` });
 
-window.onload = async () => {
+document.addEventListener('DOMContentLoaded', async () => {
 	g_loadObj.main = true;
 	g_currentPage = `initial`;
 	const links = document.querySelectorAll(`link`);
@@ -89,7 +90,7 @@ window.onload = async () => {
 	await loadScript2(`${g_rootPath}../js/lib/danoni_constants.js?${g_randTime}`);
 	await loadScript2(`${g_rootPath}../js/lib/legacy_functions.js?${g_randTime}`, false);
 	initialControl();
-};
+});
 
 /*-----------------------------------------------------------*/
 /* Scene : COMMON [water] */
@@ -524,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`, `#`)}`);
 				}
@@ -540,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)) {
@@ -1101,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)}`;
@@ -2598,6 +2605,19 @@ const initialControl = async () => {
 	const customKeyList = g_headerObj.keyLists.filter(val =>
 		g_keyObj.defaultKeyList.findIndex(key => key === val) < 0);
 
+	if (customKeyList.length === 0) {
+		g_settings.preconditions = g_settings.preconditions.filter(val => !val.includes(`g_editorTmp`));
+	}
+
+	const addNewOrderGroup = (_orgList, _sortRule) => {
+		// インデックスを保持した配列を作成、ルールに従ってソート
+		const indexedList = _orgList.map((value, idx) => ({ value, idx }));
+		const sortedList = [...indexedList].sort(_sortRule);
+		// ソート後の配列のインデックスに基づいて、元のインデックスを取得
+		const newIdxs = sortedList.map(({ idx }) => indexedList.findIndex(({ idx: originalIdx }) => originalIdx === idx));
+		return !newIdxs.every((val, j) => val === j) ? newIdxs : undefined;
+	};
+
 	customKeyList.forEach(key => {
 		const keyBase = `${key}_0`;
 		const keyCtrlPtn = `${g_keyObj.defaultProp}${keyBase}`;
@@ -2606,14 +2626,21 @@ const initialControl = async () => {
 		const orgKeyNum = g_keyObj[keyCtrlPtn].length;
 		const baseX = Math.floor(Math.random() * (100 - keyGroupList.length));
 
+		const divPos = g_keyObj[`div${keyBase}`];
+		const divMaxPos = g_keyObj[`divMax${keyBase}`] ?? Math.max(...g_keyObj[`pos${keyBase}`]) + 1;
+		const stdPos = Math.max(divPos, divMaxPos - divPos);
+		const [deltaXAbove, deltaXBelow] = [(divPos - stdPos) / 2, (divMaxPos - divPos - stdPos) / 2];
+
 		keyGroupList.forEach((keyGroupNo, j) => {
 			const keyN = keyGroupNo === `0` ? key : `${key}_${j + 1}`;
 			const filterCond = (j) => keyGroup[j].findIndex(val => val === keyGroupNo) >= 0;
 			const keyCtrlList = g_keyObj[keyCtrlPtn].filter((val, j) => filterCond(j));
 			const charaList = g_keyObj[`chara${keyBase}`].filter((val, j) => filterCond(j));
 			const colorList = g_keyObj[`color${keyBase}_0`].filter((val, j) => filterCond(j));
+			const stepRtnList = g_keyObj[`stepRtn${keyBase}_0`].filter((val, j) => filterCond(j));
 			const keyNum = g_keyObj[keyCtrlPtn].filter((val, j) => filterCond(j)).length;
 
+			// ---- Dancing☆Onigiri (CW Edition対応)のフォーマット
 			g_editorTmp[keyN] = {};
 			g_editorTmp[keyN].id = orgKeyNum * 100 + baseX + j;
 			g_editorTmp[keyN].num = keyNum;
@@ -2629,6 +2656,77 @@ const initialControl = async () => {
 				return `${frzName}_data`;
 			});
 			g_editorTmp[keyN].colorGroup = colorList.map(val => val % 3);
+
+			// orderGroupsのカスタマイズ
+			if (divMaxPos > divPos) {
+
+				// posXの実際の相対位置を計算
+				const orgPosList = g_keyObj[`pos${keyBase}`].filter((val, j) => filterCond(j));
+				const posList = orgPosList.map(val => val < divPos ? val - deltaXAbove : val - divPos - deltaXBelow);
+
+				g_editorTmp[keyN].orderGroups = [];
+
+				// パターン1: 上下グループ分けして各グループ内で位置順にソート（上下反転）
+				const upDownIdxs = addNewOrderGroup(orgPosList, (a, b) => {
+					const aAbove = a.value < divPos;
+					const bAbove = b.value < divPos;
+					if (aAbove !== bAbove) return Number(aAbove) - Number(bAbove);
+					return a.value - b.value;
+				});
+				if (upDownIdxs !== undefined) {
+					g_editorTmp[keyN].orderGroups.push(upDownIdxs);
+				}
+
+				// パターン2: 単純にステップゾーンのX座標が小さい順にソート
+				const sortedIdxs = addNewOrderGroup(posList, (a, b) => a.value - b.value);
+				if (sortedIdxs !== undefined) {
+					g_editorTmp[keyN].orderGroups.push(sortedIdxs);
+				}
+				if (g_editorTmp[keyN].orderGroups.length === 0) {
+					delete g_editorTmp[keyN].orderGroups;
+				}
+			}
+
+			// ---- ダンおに譜面作成エディタ ver3フォーマット
+
+			// 既存のシャッフルグループからミラー配列を自動生成
+			let k = 0, n = 0, convTxt = ``;
+			let prevMirrorList = [];
+			while (g_keyObj[`shuffle${keyBase}_${k}`] !== undefined) {
+
+				const orgTmpList = []
+				const mirrorTmpList = [];
+				const mirrorList = [];
+				g_keyObj[`shuffle${keyBase}_${k}`].filter((val, m) => filterCond(m))
+					.forEach((_val, _i) => orgTmpList[_val]?.push(_i) || (orgTmpList[_val] = [_i]));
+				orgTmpList.forEach((list, idx) => mirrorTmpList[idx] = list.toReversed());
+				orgTmpList?.forEach((list, a) => list?.forEach((val, b) => mirrorList[orgTmpList[a][b]] = mirrorTmpList[a][b]));
+				if (!mirrorList.every((val, p) => val === prevMirrorList[p])) {
+					convTxt += `\$conv${n + 1}=Mirror${n + 1},${mirrorList.join(',')}<br>`;
+					prevMirrorList = mirrorList.concat();
+					n++;
+				}
+				k++;
+			}
+
+			// 矢印・フリーズアローのヘッダー情報を定義
+			let noteTxt = ``, freezeTxt = ``;
+			g_editorTmp[keyN].noteNames.forEach((val, j) =>
+				noteTxt += `|${val.slice(0, -(`_data`.length))}[i]_data=[a${String(j).padStart(2, `0`)}]|[E]<br>`);
+
+			g_editorTmp[keyN].freezeNames.forEach((val, j) =>
+				freezeTxt += `|${val.slice(0, -(`_data`.length))}[i]_data=[f${String(j).padStart(2, `0`)}]|[E]<br>`);
+
+			g_editorTmp2 += g_editorTmp2Template
+				.replace(`[__KEY__]`, keyN)
+				.replace(`[__MAP__]`, colorList.map(val => val < 3 ? (val + 1) % 3 : val % 7).join(','))
+				.replace(`[__POS__]`, fillArray(keyNum).map((val, j) =>
+					isNaN(parseFloat(stepRtnList[j])) ? 28 : 24).join(`,`))
+				.replace(`[__TXT__]`, g_editorTmp[keyN].chars.map(val => val.replace(`, `, ``)).join(`,`))
+				.replace(`[__CONV__]`, convTxt)
+				.replace(`[__NOTE__]`, noteTxt)
+				.replace(`[__FREEZE__]`, freezeTxt)
+				.replaceAll(`\n`, ``);
 		});
 	});
 };
@@ -3136,7 +3234,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`;
@@ -3219,6 +3319,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]);
 		});
@@ -3226,7 +3327,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];
@@ -3898,6 +3999,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) => {
@@ -3911,9 +4013,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]}`);
 		}
 	}
@@ -5260,9 +5366,14 @@ const preconditionInit = () => {
 
 		createDivCss2Label(`lblPrecondView`, viewKeyStorage(`g_rootObj`), g_lblPosObj.lblPrecondView),
 		createCss2Button(`btnPrecondView`, g_lblNameObj.b_copyStorage, () =>
-			copyTextToClipboard(
-				viewKeyStorage(g_settings.preconditions[g_settings.preconditionNum * numOfPrecs + g_settings.preconditionNumSub], ``, false),
-				g_msgInfoObj.I_0007),
+			copyTextToClipboard((() => {
+				const key = g_settings.preconditions[g_settings.preconditionNum * numOfPrecs + g_settings.preconditionNumSub];
+				if (key === `g_editorTmp2`) {
+					return g_editorTmp2.replaceAll(`<br>`, `\r\n`).replaceAll(`&nbsp;`, ` `);
+				} else {
+					return viewKeyStorage(key, ``, false);
+				}
+			})(), g_msgInfoObj.I_0007),
 			g_lblPosObj.btnPrecondView, g_cssObj.button_Default, g_cssObj.button_ON),
 	);
 	setUserSelect($id(`lblPrecondView`), `text`);

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2025/03/12 (v40.5.2)
+ * Revised : 2025/03/22 (v40.7.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -1179,7 +1179,7 @@ const g_settings = {
     settingWindowNum: 0,
 
     preconditions: [`g_rootObj`, `g_headerObj`, `g_keyObj`, `g_scoreObj`, `g_workObj`,
-        `g_detailObj`, `g_stateObj`, `g_attrObj`, `g_editorTmp`],
+        `g_detailObj`, `g_stateObj`, `g_attrObj`, `g_editorTmp`, `g_editorTmp2`],
     preconditionNum: 0,
     preconditionNumSub: 0,
 };
@@ -3187,7 +3187,42 @@ g_keycons.groups.forEach(type => {
     tmpName.forEach(property => g_keyObj[`${property.slice(0, -2)}`] = g_keyObj[property].concat());
 });
 
+// 外部エディター用テンプレート
+// g_editorTmp: Dancing☆Onigiriエディター (CW Edition対応)
+// g_editorTmp2: ダンおに譜面作成エディタ ver3.x
 const g_editorTmp = {};
+let g_editorTmp2 = ``;
+
+const g_editorTmp2Template = `
+<br>
+\$key=[__KEY__]<br>
+\$map=[__MAP__]<br>
+\$pos=[__POS__]<br>
+\$txt=[__TXT__]<br>
+[__CONV__]
+<br>
+\$dosformat=<br>function externalDosInit() {[E]<br>
+[E]<br>
+&nbsp;&nbsp;g_externalDos = \`[E]<br>
+[E]<br>
+[header][E]<br>
+[E]<br>
+[notestart]<br>
+[__NOTE__]
+<br>
+[__FREEZE__]
+<br>
+|speed[i]_data=[speed]|[E]<br>
+|boost[i]_data=[boost]|[E]<br>
+[datatext][E]<br>
+|edit[i]_info=[edit]|[E][E]<br>
+[noteend]<br>
+<br>
+[footer]<br>
+&nbsp;&nbsp;\`;[E]<br>
+}<br>
+<br>
+`;
 
 // 特殊キーのコピー種 (simple: 代入、multiple: 配列ごと代入)
 // 後でプロパティ削除に影響するため、先頭文字が全く同じ場合は長い方を先に定義する (例: divMax, div)

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.4",
+  "version": "40.7.0-a1",
   "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"
   },