danoniplus 39.7.1 → 39.8.0

package/js/danoni_main.js

@@ -4,12 +4,12 @@
  * 
  * Source by tickle
  * Created : 2018/10/08
- * Revised : 2025/02/20
+ * Revised : 2025/02/21
  * 
  * https://github.com/cwtickle/danoniplus
  */
-const g_version = `Ver 39.7.1`;
-const g_revisedDate = `2025/02/20`;
+const g_version = `Ver 39.8.0`;
+const g_revisedDate = `2025/02/21`;
 
 // カスタム用バージョン (danoni_custom.js 等で指定可)
 let g_localVersion = ``;
@@ -517,7 +517,11 @@ const formatObject = (_obj, _indent = 0, { seen = new WeakSet(), colorFmt = true
 			return `<br>${nestedIndent}"${key}": ${formattedValue}`;
 		}).join(`,`);
 
-	return `{${formattedEntries}<br>${baseIndent}}`;
+	let result = `{${formattedEntries}<br>${baseIndent}}`;
+	if (!colorFmt) {
+		result = result.replaceAll(`<br>`, `\r\n`).replaceAll(`&nbsp;`, ` `);
+	}
+	return result;
 }
 
 /**
@@ -4819,6 +4823,7 @@ const dataMgtInit = () => {
 	clearWindow(true);
 	const prevPage = g_currentPage;
 	g_currentPage = `dataMgt`;
+	let selectedKey = g_keyObj.currentKey;
 
 	multiAppend(divRoot,
 
@@ -4887,17 +4892,28 @@ const dataMgtInit = () => {
 		createMgtButton(`customKey`, 3.5, 0),
 		createMgtButton(`others`, 4.5, 0),
 		createMgtLabel(`keyData`, 6),
-		createDivCss2Label(`lblTargetKey`, `(${getKeyName(g_headerObj.keyLabels[0])})`, {
+		createDivCss2Label(`lblTargetKey`, `(${getKeyName(selectedKey)})`, {
 			x: 90, y: g_limitObj.setLblHeight * 6 + 40,
 			siz: g_limitObj.setLblSiz, align: C_ALIGN_LEFT,
 		})
 	);
 
 	g_localStorageMgt = parseStorageData(g_localStorageUrl);
+
 	multiAppend(divRoot,
+
+		// 保存データの表示
 		createDivCss2Label(`lblWorkDataView`,
 			viewKeyStorage(`workStorage`), g_lblPosObj.lblWorkDataView),
-		createDivCss2Label(`lblKeyDataView`, viewKeyStorage(`keyStorage`, g_headerObj.keyLabels[0]), g_lblPosObj.lblKeyDataView),
+		createDivCss2Label(`lblKeyDataView`, viewKeyStorage(`keyStorage`, selectedKey), g_lblPosObj.lblKeyDataView),
+
+		// 保存データの出力ボタン
+		createCss2Button(`btnWorkStorage`, g_lblNameObj.b_copyStorage, () =>
+			copyTextToClipboard(formatObject(g_storageFunc.get(`workStorage`)(), 0, { colorFmt: false }), g_msgInfoObj.I_0006),
+			g_lblPosObj.btnWorkStorage, g_cssObj.button_Default, g_cssObj.button_ON),
+		createCss2Button(`btnKeyStorage`, g_lblNameObj.b_copyStorage, () =>
+			copyTextToClipboard(formatObject(g_storageFunc.get(`keyStorage`)(selectedKey), 0, { colorFmt: false }), g_msgInfoObj.I_0006),
+			g_lblPosObj.btnKeyStorage, g_cssObj.button_Default, g_cssObj.button_ON),
 	);
 	setUserSelect($id(`lblWorkDataView`), `text`);
 	setUserSelect($id(`lblKeyDataView`), `text`);
@@ -4910,6 +4926,7 @@ const dataMgtInit = () => {
 		keyListSprite.appendChild(createMgtButton(key, j - 2, 0, {
 			w: Math.max(50, getStrWidth(getKeyName(key) + `    `, g_limitObj.setLblSiz, getBasicFont())),
 			func: () => {
+				selectedKey = key;
 				lblKeyDataView.innerHTML = viewKeyStorage(`keyStorage`, key);
 				lblTargetKey.innerHTML = `(${getKeyName(key)})`;
 			},

package/js/lib/danoni_constants.js

@@ -5,7 +5,7 @@
  *
  * Source by tickle
  * Created : 2019/11/19
- * Revised : 2025/02/20 (v39.7.0)
+ * Revised : 2025/02/21 (v39.8.0)
  *
  * https://github.com/cwtickle/danoniplus
  */
@@ -193,7 +193,7 @@ const getScMsg = {
 const updateWindowSiz = () => {
     Object.assign(g_windowObj, {
         optionSprite: { x: (g_sWidth - 450) / 2, y: 65, w: 450, h: 325 },
-        dataSprite: { x: (g_sWidth - Math.max(g_sWidth - 100, 450)) / 2, y: 65, w: Math.max(g_sWidth - 100, 450), h: 325 },
+        dataSprite: { x: g_btnX() + (g_sWidth - Math.max(g_sWidth - 100, 450)) / 2, y: 65, w: Math.max(g_sWidth - 100, 450), h: 325 },
         difList: { x: 165, y: 60, w: 280, h: 270 + g_sHeight - 500, overflow: C_DIS_AUTO, pointerEvents: C_DIS_AUTO },
         difCover: { x: 20, y: 60, w: 145, h: 270 + g_sHeight - 500, opacity: 0.95, pointerEvents: C_DIS_AUTO },
         difFilter: { x: 0, y: 66, w: 140, h: 204 + g_sHeight - 500, overflow: C_DIS_AUTO, pointerEvents: C_DIS_AUTO },
@@ -268,6 +268,12 @@ const updateWindowSiz = () => {
             overflow: C_DIS_AUTO, background: `#222222`, color: `#cccccc`,
             whiteSpace: `nowrap`,
         },
+        btnWorkStorage: {
+            x: g_btnX(1) - 140, y: 100, w: 70, h: 20, siz: 16,
+        },
+        btnKeyStorage: {
+            x: g_btnX(1) - 140, y: 100 + g_sHeight / 4 + 10, w: 70, h: 20, siz: 16,
+        },
 
         /** 設定画面 */
         btnBack: {
@@ -1033,6 +1039,7 @@ const g_settings = {
     },
     environments: [`adjustment`, `volume`, `colorType`, `appearance`, `opacity`, `hitPosition`],
     keyStorages: [`reverse`, `keyCtrl`, `keyCtrlPtn`, `shuffle`, `color`, `stepRtn`],
+    colorStorages: [`setColor`, `setShadowColor`, `frzColor`, `frzShadowColor`],
 
     speeds: makeSpeedList(C_MIN_SPEED, C_MAX_SPEED),
     speedNum: 0,
@@ -1302,11 +1309,11 @@ const g_resetFunc = new Map([
     }],
     ['environment', () => g_settings.environments.forEach(key => delete g_localStorageMgt[key])],
     [`customKey`, () => Object.keys(g_localStorageMgt)
-        .filter(key => listMatching(key, g_settings.keyStorages.concat(`setColor`), { prefix: `^` }))
+        .filter(key => listMatching(key, g_settings.keyStorages.concat(g_settings.colorStorages), { prefix: `^` }))
         .forEach(key => delete g_localStorageMgt[key])],
     [`others`, () => Object.keys(g_localStorageMgt)
         .filter(key => !g_settings.environments.includes(key) && key !== `highscores` &&
-            !listMatching(key, g_settings.keyStorages.concat(`setColor`), { prefix: `^` }))
+            !listMatching(key, g_settings.keyStorages.concat(g_settings.colorStorages), { prefix: `^` }))
         .forEach(key => delete g_localStorageMgt[key])],
 ]);
 
@@ -1320,7 +1327,7 @@ const g_storageFunc = new Map([
         const settingStorage = {};
 
         // カスタムキー定義のストレージデータを表示から除去
-        Object.keys(g_localStorageMgt).filter(val => !listMatching(val, g_settings.keyStorages.concat(`setColor`), { prefix: `^` }))
+        Object.keys(g_localStorageMgt).filter(val => !listMatching(val, g_settings.keyStorages.concat(g_settings.colorStorages), { prefix: `^` }))
             .forEach(val => settingStorage[val] = g_localStorageMgt[val]);
         return settingStorage;
     }],
@@ -3389,6 +3396,7 @@ const g_lang_msgInfoObj = {
         I_0003: `各譜面の明細情報をクリップボードにコピーしました！`,
         I_0004: `musicUrlが設定されていないため、無音モードで再生します`,
         I_0005: `正規のミラー譜面で無いため、ハイスコアは保存されません`,
+        I_0006: `ローカルストレージ情報をクリップボードにコピーしました！`,
     },
     En: {
         W_0001: `Your browser is not guaranteed to work.<br>
@@ -3442,6 +3450,7 @@ const g_lang_msgInfoObj = {
         I_0003: `Charts information is copied to the clipboard!`,
         I_0004: `Play in silence mode because "musicUrl" is not set`,
         I_0005: `Highscore is not saved because not a regular mirrored chart.`,
+        I_0006: `Local storage information copied to clipboard!`,
     },
 };
 
@@ -3486,6 +3495,7 @@ const g_lblNameObj = {
     b_reset: `Reset Key`,
     b_safeMode: `Safe Mode -> `,
     b_undo: `Restore`,
+    b_copyStorage: `Copy`,
     b_settings: `To Settings`,
     b_copy: `CopyResult`,
     b_tweet: `Post X`,

package/package.json

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