danoniplus 40.3.0 → 40.4.0

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2025/03/08
+ * Revised : 2025/03/12
  * 
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 40.3.0`;
-const g_revisedDate = `2025/03/08`;
+const g_version = `Ver 40.4.0`;
+const g_revisedDate = `2025/03/12`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -58,6 +58,7 @@ Object.freeze(g_reservedDomains);
 // 外部参照を許可するドメイン
 const g_referenceDomains = [
 	`cwtickle.github.io/danoniplus`,
+	`cdn.jsdelivr.net/npm`,
 	`support-v\\d+--danoniplus.netlify.app`,
 ];
 Object.freeze(g_referenceDomains);
@@ -499,11 +500,11 @@ const viewKeyStorage = (_name, _key = ``, _colorFmt = true) => {
  * @param {Number} _indent 
  * @param {boolean} [colorFmt=true] フォーマット加工フラグ
  * @param {string} [rootKey=''] オブジェクトの最上位プロパティ名
- * @param {Object} [_parent=null]
  * @returns {string}
  */
 const formatObject = (_obj, _indent = 0, { colorFmt = true, rootKey = `` } = {}) => {
-	if (_obj === null || typeof _obj !== 'object') {
+	const isObj = _obj => typeof _obj === C_TYP_OBJECT && _obj !== null;
+	if (!isObj(_obj)) {
 		return JSON.stringify(_obj);
 	}
 	const baseIndent = getIndent(_indent);
@@ -542,53 +543,101 @@ const formatObject = (_obj, _indent = 0, { colorFmt = true, rootKey = `` } = {})
 					// keyCtrlXの対応キー表示処理
 					return (g_kCd[_value] && _value !== 0) ? `${_value}|<span style="color:#ffff66">${g_kCd[_value]}</span>` : `----`;
 				}
-			} else if (typeof _value === C_TYP_OBJECT && _value !== null) {
+			} else if (isObj(_value)) {
 				return formatObject(_value, _indent + 1, { colorFmt, rootKey: _rootKey });
 			}
 		}
 		return JSON.stringify(_value);
 	};
 
-	// 二次元配列の整形処理
-	if (Array.isArray(_obj)) {
-		if (_obj.length === 0) {
-			return '[]';
-		}
-		if (colorFmt && _obj.length > 100) {
-			const filteredArray = _obj.reduce((result, value, index) => {
-				if (hasVal(value)) {
-					result.push(`${index}: ${formatValue(value, rootKey)}`);
+	/**
+	 * 配列の装飾処理
+	 * @param {number[]|string[]} _obj 
+	 * @returns {string}
+	 */
+	const formatArrayValue = (_obj) => {
+
+		const formatSetArray = (_list, _numOfSet = 2) => {
+			if (_list.findIndex(val => val === rootKey) >= 0) {
+				let result = `[`;
+				for (let j = 0; j < _obj.length; j += _numOfSet) {
+					result += `<br>${nestedIndent}${_obj[j]}: ${_obj[j + 1]}`;
+					for (let k = 0; k < _numOfSet - 2; k++) {
+						const idx = j + k + 2;
+						if (idx < _obj.length) {
+							result += `, ${formatValue(_obj[idx], rootKey)}`;
+						}
+					}
+				}
+				result += (_obj.length === 0 ? `` : `<br>${baseIndent}`) + `]`;
+				return result;
+			}
+			return ``;
+		};
+		if (colorFmt) {
+			if (typeof _obj[0] === C_TYP_NUMBER) {
+				let result;
+				Object.keys(g_dataSetObj).forEach(key =>
+					result ||= formatSetArray(g_dataSetObj[key], Number(key)));
+				if (result !== ``) {
+					return result;
 				}
+			}
+			if (_obj.length > 100) {
+				const filteredArray = _obj.reduce((result, value, index) => {
+					if (hasVal(value)) {
+						result.push(`${index}: ${formatValue(value, rootKey)}`);
+					}
+					return result;
+				}, []);
+				return `[<br>${nestedIndent}${filteredArray.join(`,<br>${nestedIndent}`)}<br>${baseIndent}]`;
+			}
+		}
+		return ``;
+	};
+
+	/**
+	 * 配列・オブジェクトのネスト整形処理
+	 * @returns {string}
+	 */
+	const formatCollection = () => {
+		const isArray = Array.isArray(_obj);
+		const isArrayOfArrays = isArray && _obj.every(item => Array.isArray(item));
+		const getNextObject = (_item, _rootKey) => isObj(_item)
+			? formatObject(_item, _indent + 1, { colorFmt, rootKey: _rootKey })
+			: formatValue(_item, _rootKey);
+
+		if (isArray) {
+			let result = formatArrayValue(_obj);
+			if (result !== ``) {
 				return result;
-			}, []);
-			return `{<br>${baseIndent}[<br>${filteredArray.join(',<br>')}<br>]<br>}`;
-		}
-		const isArrayOfArrays = _obj.every(item => Array.isArray(item));
-		const formattedArray = _obj
-			.map(value => {
-				const isNestedObject = typeof value === 'object' && value !== null;
-				return isArrayOfArrays
-					? `${nestedIndent}${formatValue(value, rootKey)}`
-					: isNestedObject
-						? formatObject(value, _indent + 1, { colorFmt, rootKey })
-						: formatValue(value, rootKey)
-			}).filter(val => !hasVal(val) || val !== `----`).join(isArrayOfArrays ? `,<br>` : `, `);
-
-		return `[${isArrayOfArrays ? `<br>` : ``}${formattedArray}${isArrayOfArrays ? `<br>${baseIndent}` : ''}]`;
-	}
-
-	// オブジェクトのネスト整形処理
-	const formattedEntries = Object.entries(_obj)
-		.map(([key, value]) => {
-			const isNestedObject = typeof value === 'object' && value !== null;
-			const baseKey = rootKey === `` ? key : rootKey;
-			const formattedValue = isNestedObject
-				? formatObject(value, _indent + 1, { colorFmt, rootKey: baseKey }, _obj)
-				: formatValue(value, baseKey);
-			return `<br>${nestedIndent}"${key}": ${formattedValue}`;
-		}).filter(val => !hasVal(val) || val !== `----`).join(`,`);
-
-	let result = `{${formattedEntries}<br>${baseIndent}}`;
+			}
+		}
+
+		// 配列またはオブジェクトの各要素をフォーマット
+		const formattedEntries = (isArray
+			? _obj.map(item => {
+				const formattedValue = isArrayOfArrays
+					? `<br>${nestedIndent}${formatValue(item, rootKey)}`
+					: getNextObject(item, rootKey);
+				return formattedValue;
+			})
+			: Object.entries(_obj).map(([key, value]) => {
+				const formattedValue = getNextObject(value, rootKey === `` ? key : rootKey);
+				return `<br>${nestedIndent}"${key}": ${formattedValue}`;
+			})).filter(val => !hasVal(val) || val !== `----`);
+
+		// 配列なら[]で囲む、オブジェクトなら{}で囲む
+		if (isArray) {
+			return _obj.length === 0
+				? '[]'
+				: `[${formattedEntries.join(', ')}${isArrayOfArrays ? `<br>${baseIndent}` : ''}]`;
+		} else {
+			return `{${formattedEntries.join(',')}<br>${baseIndent}}`;
+		}
+	};
+
+	let result = formatCollection();
 	if (!colorFmt) {
 		result = result.replaceAll(`<br>`, `\r\n`).replaceAll(`&nbsp;`, ` `);
 	}
@@ -1038,7 +1087,7 @@ const loadMultipleFiles2 = async (_fileData, _loadType) => {
 		if (_loadType === `js`) {
 			await loadScript2(filePath, false);
 		} else if (_loadType === `css`) {
-			const cssPath = filePath.split(`.js`).join(`.css`);
+			const cssPath = filePath.split(`.js?`).join(`.css?`);
 			await importCssFile2(cssPath);
 		}
 	}));
@@ -3086,7 +3135,16 @@ const preheaderConvert = _dosObj => {
 
 	// 外部スキンファイルの指定
 	const tmpSkinType = _dosObj.skinType ?? g_presetObj.skinType ?? `default`;
-	const tmpSkinTypes = tmpSkinType.split(`,`);
+	const tmpSkinTypes = tmpSkinType.split(`,`).map(file => {
+
+		// スキンタイプを取得（ディレクトリパス、カレント指定(..)を除去）
+		const match = file.match(/.*\/(.+)|\(\.\.\)([^/]+)|(.+)/);
+		const skinName = match[1] || match[2] || match[3];
+
+		// デフォルトセット以外はリモート先のデータを使用しない
+		return g_defaultSkinSet.findIndex(val => val === skinName) < 0 ?
+			convLocalPath(file, `skin`) : file;
+	});
 	obj.defaultSkinFlg = tmpSkinTypes.includes(`default`) && setBoolVal(_dosObj.bgCanvasUse ?? g_presetObj.bgCanvasUse, true);
 	setJsFiles(tmpSkinTypes, C_DIR_SKIN, `skin`);
 

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2025/03/08 (v40.3.0)
+ * Revised : 2025/03/12 (v40.4.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -3202,6 +3202,9 @@ const g_titleLists = {
 
 };
 
+// デフォルトスキンセット（リモート取得対象）
+const g_defaultSkinSet = [`default`, `light`, `skyblue`];
+
 const g_animationData = [`back`, `mask`, `style`];
 const g_animationFunc = {
     make: {
@@ -3259,6 +3262,17 @@ const g_dataMinObj = {
     style: 1,
 };
 
+/**
+ * データフォーマット管理用
+ * - セット数: 対象の配列名の組で記述
+ */
+const g_dataSetObj = {
+    2: [`speedData`, `boostData`],
+    4: [`colorData`, `arrowCssMotionData`, `frzCssMotionData`,
+        `dummyArrowCssMotionData`, `dummyFrzCssMotionData`],
+    5: [`ncolorData`, `scrollchData`],
+}
+
 const g_dfColorObj = {
 
     // 矢印初期色情報

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "danoniplus",
-  "version": "40.3.0",
+  "version": "40.4.0",
   "description": "Dancing☆Onigiri (CW Edition) - Web-based Rhythm Game",
   "main": "index.js",
   "scripts": {