feat: report remodel recipe v3 facts

.gitignore

@@ -27,7 +27,7 @@ build/Release
 node_modules
 
 # Generated plugin build output
-chunks/*.js
 index.js
 reporters/*.js
 sentry.js
+storybook-static

.storybook/main.ts

@@ -0,0 +1,11 @@
+import type { StorybookConfig } from '@storybook/react-vite'
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(ts|tsx)'],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+}
+
+export default config

.storybook/preview.ts

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook/react-vite'
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+}
+
+export default preview

README.md

@@ -6,4 +6,13 @@ Report ship creating info and drop info, and so on.
 
 - `pnpm run lint` checks JavaScript and TypeScript sources.
 - `pnpm run typecheck` runs TypeScript in strict mode.
+- `pnpm run storybook` previews React plugin UI surfaces.
 - `pnpm test` builds the plugin and runs the Vitest suite.
+
+## Remodel debug recorder
+
+For local remodel recipe validation, the plugin includes an opt-in in-memory recorder. It is off by default and only records the three Akashi remodel APIs.
+
+Enable it from the plugin settings panel. The settings panel also shows the in-memory record count and provides `Export` and `Clear` actions.
+
+Captures stay in memory and are not sent anywhere; allowlisted, sanitized data is written only when `Export` is clicked. Disable the setting after collecting the local validation data.

eslint.config.mjs

@@ -9,19 +9,19 @@ import tseslint from 'typescript-eslint'
 export default tseslint.config(
   {
     ignores: [
-      'chunks/**',
       'coverage/**',
       'index.js',
       'node_modules/**',
       'reporters/**',
       'sentry.js',
+      'storybook-static/**',
     ],
   },
   js.configs.recommended,
   ...tseslint.configs.recommended,
   importX.flatConfigs.recommended,
   {
-    files: ['**/*.{js,cjs,mjs,ts}'],
+    files: ['**/*.{js,cjs,mjs,ts,tsx}'],
     languageOptions: {
       ecmaVersion: 2022,
       sourceType: 'module',
@@ -60,6 +60,7 @@ export default tseslint.config(
           js: 'never',
           mjs: 'never',
           ts: 'never',
+          tsx: 'never',
         },
       ],
       'import-x/no-unresolved': [
@@ -77,7 +78,7 @@ export default tseslint.config(
     },
   },
   {
-    files: ['src/**/*.ts'],
+    files: ['src/**/*.{ts,tsx}'],
     extends: [tseslint.configs.recommendedTypeChecked],
     languageOptions: {
       parserOptions: {

i18n/en-US.json

@@ -1,2 +1,8 @@
 {
+  "Captured records": "Captured records: {{count}}",
+  "Clear": "Clear",
+  "Enable remodel debug recorder": "Enable remodel debug recorder",
+  "Export": "Export",
+  "Remodel recipe debug recorder": "Remodel recipe debug recorder",
+  "Remodel recipe debug recorder description": "Opt-in local recorder for validating Akashi remodel API sequences. It captures only allowlisted remodel fields, keeps records in memory, and writes a file only when Export is clicked."
 }

i18n/ja-JP.json

@@ -1,4 +1,10 @@
 {
   "Data Report": "統計データベースツール",
-  "Report data to database(http://db.kcwiki.moe)": "統計データベース(http://db.kcwiki.moe)登録用ツール"
+  "Report data to database(http://db.kcwiki.moe)": "統計データベース(http://db.kcwiki.moe)登録用ツール",
+  "Captured records": "記録数: {{count}}",
+  "Clear": "クリア",
+  "Enable remodel debug recorder": "改修デバッグレコーダーを有効化",
+  "Export": "エクスポート",
+  "Remodel recipe debug recorder": "改修レシピデバッグレコーダー",
+  "Remodel recipe debug recorder description": "明石の改修APIシーケンス検証用のローカルレコーダーです。許可された改修フィールドだけをメモリ上に記録し、エクスポートをクリックしたときだけファイルへ書き出します。"
 }

i18n/zh-CN.json

@@ -1,4 +1,10 @@
 {
   "Data Report": "数据汇报",
-  "Report data to database(http://db.kcwiki.moe)": "汇报建造数据、海域掉落数据、开发数据"
+  "Report data to database(http://db.kcwiki.moe)": "汇报建造数据、海域掉落数据、开发数据",
+  "Captured records": "已捕获记录：{{count}}",
+  "Clear": "清空",
+  "Enable remodel debug recorder": "启用改修调试记录器",
+  "Export": "导出",
+  "Remodel recipe debug recorder": "改修配方调试记录器",
+  "Remodel recipe debug recorder description": "用于验证明石改修 API 顺序的本地可选记录器。只捕获允许的改修字段，记录仅保存在内存中，并且只会在点击导出时写入文件。"
 }

i18n/zh-TW.json

@@ -1,4 +1,10 @@
 {
   "Data Report": "數據匯報",
-  "Report data to database(http://db.kcwiki.moe)": "匯報建造數據、海域掉落數據、開發數據"
+  "Report data to database(http://db.kcwiki.moe)": "匯報建造數據、海域掉落數據、開發數據",
+  "Captured records": "已擷取記錄：{{count}}",
+  "Clear": "清除",
+  "Enable remodel debug recorder": "啟用改修除錯記錄器",
+  "Export": "匯出",
+  "Remodel recipe debug recorder": "改修配方除錯記錄器",
+  "Remodel recipe debug recorder description": "用於驗證明石改修 API 順序的本機選用記錄器。只擷取允許的改修欄位，記錄只保存在記憶體中，且只會在點擊匯出時寫入檔案。"
 }

package.json

@@ -5,11 +5,8 @@
   "main": "index.js",
   "packageManager": "pnpm@10.28.0",
   "files": [
-    "chunks",
     "i18n",
     "index.js",
-    "reporters",
-    "sentry.js",
     "package.json",
     "README.md",
     "LICENSE"
@@ -18,8 +15,10 @@
     "build": "tsdown",
     "lint": "eslint .",
     "prepack": "tsdown",
-    "postpublish": "git clean -fd -- index.js sentry.js reporters chunks && git checkout .",
+    "postpublish": "git clean -fd -- index.js && git checkout .",
     "smoke": "node scripts/smoke-load.cjs",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
     "test": "tsdown && vitest run",
     "test:coverage": "tsdown && vitest run --coverage",
     "typecheck": "tsc --noEmit",
@@ -51,9 +50,12 @@
     "@commitlint/cli": "^8.2.0",
     "@commitlint/config-conventional": "^8.2.0",
     "@eslint/js": "^10.0.1",
+    "@storybook/react-vite": "^10.4.6",
     "@types/lodash": "^4.17.21",
     "@types/node": "^24.0.0",
     "@types/node-fetch": "^2.6.13",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@types/semver": "^7.7.1",
     "@vitest/coverage-v8": "^4.0.0",
     "eslint": "^10.6.0",
@@ -65,7 +67,12 @@
     "husky": "^3.0.8",
     "kcsapi": "^1.260604.0",
     "lint-staged": "^9.4.2",
+    "lodash": "^4.18.1",
     "prettier": "^3.9.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-i18next": "^17.0.8",
+    "storybook": "^10.4.6",
     "tsdown": "^0.22.0",
     "typescript": "^5.9.0",
     "typescript-eslint": "^8.62.1",